@charset "UTF-8";

/* ##########################################################
	# FONT
########################################################## */
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:350;
	src:url(/wpdp/fonts/NotoSansCJKkr-DemiLight.eot);
	src:url(/wpdp/fonts/NotoSansCJKkr-DemiLight.eot?#iefix) format('embedded-opentype'), 
	url(/wpdp/fonts/NotoSansCJKkr-DemiLight.woff) format('woff'),
	url(/wpdp/fonts/NotoSansCJKkr-DemiLight.ttf) format('truetype');
	src:local(※), url(/wpdp/fonts/NotoSansCJKkr-DemiLight.woff) format('woff');
}
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url(/wpdp/fonts/NotoSans-Regular.eot);
	src:url(/wpdp/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), 
	url(/wpdp/fonts/NotoSans-Regular.woff) format('woff'),
	url(/wpdp/fonts/NotoSans-Regular.ttf) format('truetype');
	src:local(※), url(/wpdp/fonts/NotoSans-Regular.woff) format('woff');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url(/wpdp/fonts/NotoSans-Medium.eot);
	src:url(/wpdp/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'), 
	url(/wpdp/fonts/NotoSans-Medium.woff) format('woff'),
	url(/wpdp/fonts/NotoSans-Medium.ttf) format('truetype');
	src:local(※), url(/wpdp/fonts/NotoSans-Medium.woff) format('woff');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url('/wpdp/fonts/NotoSansKR-Bold.otf'),
			url('/wpdp/fonts/NotoSansKR-Bold.eot') format('eot'),
			url('/wpdp/fonts/NotoSansKR-Bold.woff2') format('woff2'),
			url('/wpdp/fonts/NotoSansKR-Bold.woff') format('woff');
}
@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:400;
src:url(/wpdp/fonts/roboto/Roboto-Regular-webfont.woff) format('woff');
}
@font-face{
font-family:'Roboto';
font-style:normal;
font-weight:500;
src:url(/wpdp/fonts/roboto/Roboto-Medium-webfont.woff) format('woff');
}


/* ##########################################################
	# RESET
########################################################## */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{padding:0;margin:0;font-family:'Roboto','Noto Sans KR', sans-serif;box-sizing:border-box;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;cursor:pointer;color:#151C22;}
a:visited{text-decoration:none;}
button{border-width:0;border-radius:0;background-color:#fff;border-style:solid;cursor:pointer;vertical-align:middle;}
img{vertical-align:top;}
.blind{/*position:absolute;*/clip:rect(0,0,0,0);width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden !important;font-size:0 !important;line-height:1 !important;}
br{font-family:sans-serif;}
input,textarea,select{outline:none;}
input::placeholder{color:#898989;}
textarea::placeholder{font-size:1.3rem;color:#898989;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}




/* ##########################################################
	# SETTING
########################################################## */
html{width:100%;max-width:1920px;margin:0 auto;font-size:62.5%;line-height:2.9rem;-ms-touch-action:none;color:#151c22;font-weight:400;}
body{width:100%;font-size:1.8rem;line-height:1.6;}
@media screen and (max-width:1023px){
	html{line-height:2.6rem;line-height:26px;}
	body{font-size:1.6rem;}	
}
/* ***********************************
	COMMON
*********************************** */
/* -----margin, width----- */
.mo{display:none;}
.mw{display:none;}
.pc{display:block;}
.pt-24{padding-top:2.4rem;}
.pb-24{padding-bottom:2.4rem;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mt-4{margin-top:4rem;}
.mt-8{margin-top:8rem;}
.mt-12{margin-top:1.2rem !important;}
.mt-24{margin-top:2.4rem !important;}
.mt-56{margin-top:5.6rem !important;}
.mt-72{margin-top:7.2rem !important;}
.mb-0{margin-bottom:0 !important;}
.mb-4{margin-bottom:4rem !important;}
.mb-24{margin-bottom:2.4rem !important;}
.w40{width:40% !important;}

/* -----font, text----- */
.fc-primary{color:#357FFA !important;}
.fc-red{color:#E5483D !important;}
.f-bold{font-weight:700;}
.f-md{font-weight:500;}
.f-skyblue{color:#1490ef !important;}
.f-blue{color:#26348f !important;}
.f-gray{color:#727272 !important;}
.f-bluegray { color:#6a8ca6 !important; }
.f-uline{text-decoration:underline;}
.fs-24{font-size:2.4rem;line-height:4.4rem;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right !important;}
.txt-left{text-align:left !important;}
.txt-small{font-size:1.3rem !important;line-height:2rem !important;color:#686e75;}
.point-t{font-weight:700;font-size:1.8rem;color:#1490EF;}

/* -----float----- */
.f-left{float:left;}
.f-left:after{content:'';display:block;clear:both;}
.f-right{float:right;}
.f-right:after{content:'';display:block;clear:both;}

.bg-gray{background-color:#F7F7F7;}

/* -----dot/ico */
.red-dot{display:inline-block;width:.5rem;height:0.5rem;border-radius:50%;background-color:#E5483D;vertical-align:middle;margin:0.05rem .5rem 0;}
.red-info{display:inline-block;width:1.6rem;height:1.6rem;margin-left:.8rem;vertical-align:middle;background:url('/wpdp/images/ico_warning.svg') center no-repeat;background-size:100% auto;}
.ico-plus-tab{display:inline-block;width:2.4rem;height:2.4rem;margin-left:0.4rem;margin-top:.1rem;background-image:url('/wpdp/images/ico_plus_2.svg');background-size:100% auto;vertical-align:top;background-position:center;background-repeat:no-repeat;}
.ico-new-tab{display:inline-block;width:2.4rem;height:2.4rem;margin-left:0.4rem;background-image:url('/wpdp/images/ico_download.svg');background-size:100% auto;vertical-align:top;background-position:center;background-repeat:no-repeat;}
.ico-new-tab2{display:inline-block;background-image:url('/wpdp/images/ico_new_tab_01.png');width:1.4rem;height:1.4rem;background-size:100% auto;vertical-align:top;margin-top:0.3rem;background-position:center;background-repeat:no-repeat;margin-left:0.4rem;}
.btn-outline-primary .ico-new-tab { background-image:url('/wpdp/images/ico_download_navy.svg'); }
.btn-sm .ico-new-tab{width:1.6rem;height:1.6rem;margin-top:.2rem;margin-left:.3rem;}
.ico-search{display:inline-block;width:2rem;height:2rem;margin-left:0.4rem;margin-top:.2rem;background-image:url('/wpdp/images/ico_search.svg');background-size:100% auto;vertical-align:top;background-position:center;background-repeat:no-repeat;}
.btn-sm .ico-search{width:1.4rem;height:1.4rem;margin-left:.3rem;margin-top:.3rem;}


/* ##########################################################
	# LAYOUT
########################################################## */
#wrap{position:relative;width:100%;overflow-x:hidden;}
.inner{position:relative;width:1200px;margin:0 auto;}
@media screen and (max-width:1023px){
	.inner{padding:0 2rem;}
}
#skipNav li a{display:block;font-size:16px;width:100%;position:absolute;top:-10000px;left:0;text-align:center;z-index:99999;line-height:1;letter-spacing:0;}
#skipNav li a:focus{position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#151C22;padding:2rem 0;line-height:1;}
/* ***********************************
	HEADER
*********************************** */
#header{position:fixed;width:100%;height:auto;left:0;top:0;z-index:100;background-color:#fff;transition:all 0.3s;-webkit-transition:top 0.3s;}
#header:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ededed;transition:width 0.3s;-webkit-transition:width 0.3s;}
#header.scrollUp{top:-26px;}

/* -----[page-type="main"]의 header----- */
#wrap[page-type="main"] #header:after{width:100%;}

#header ~ #container{padding-top:10.2rem;}
#header.logout ~ #container{padding-top:7.6rem;}
#header.only-child + #container{padding-top:76px;}
@media screen and (max-width:1023px){
	#header{position:fixed;height:5.6rem;padding-top:0;}
	#header.scrollUp{top:0;}
	#header ~ #container{padding-top:5.6rem;}
	#header.logout	~ #container{padding-top:5.6rem;}
}

/* -----.hd-top----- */
#header .hd-top{height:2.6rem;border-bottom:1px solid #F7F7F7;}
#header .hd-top dl{display:flex;flex-direction:row;justify-content:flex-end;}
#header .hd-top dl dt,
#header .hd-top dl dd{font-size:1.1rem;color:#A1A9B2;letter-spacing:0;line-height:2.6rem;font-weight:400;}
#header .hd-top dl dt{margin-right:0.4rem;}
@media screen and (max-width:1023px){
	#header .hd-top{display:none;z-index:300;position:absolute;top:96px;left:0;right:0;;border-bottom:none;}
	#header .hd-top.open{display:block;}
	#header .hd-top dl dt,
	#header .hd-top dl dd{font-size:1.3rem;color:rgba(255,255,255,0.4);line-height:13px}
}

/* -----.inner----- */
#header .inner{width:1440px;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;}
#header>.inner{height:76px;}
@media screen and (max-width:1440px){#header .inner{width:100%;padding:0 2rem;}}
@media screen and (max-width:1023px){#header>.inner{height:100%;}}

/* -----.logo----- */
#header .logo{position:absolute;left:0;top:50%;width:12.5rem;height:3rem;margin-top:-1.5rem;font-size:0;background:url('/wpdp/images/logo.png') center no-repeat;background-size:cover;backface-visibility:hidden;vertical-align:top;}
@media screen and (max-width:1440px){#header .logo{left:2rem;}}
@media screen and (max-width:1023px){#header .logo{width:10rem;height:2.4rem;margin-top:-1.2rem;}}

/* -----.links (유틸메뉴 - 로그인/로그아웃, 회원가입)----- */
#header .links{display:block;position:absolute;right:0;top:50%;height:34px;margin-top:-17px;line-height:3rem;overflow:hidden;}
#header .links li{float:left;text-align:center;}
#header .links li + li{margin-left:1.2rem;}
#header .links li a{font-size:1.3rem;letter-spacing:-.6px;line-height:3.2rem;vertical-align:bottom;font-weight:400;}
@media screen and (max-width:1440px){#header .links{right:2rem;}}
@media screen and (max-width:1023px){
	#header .links{display:none;float:right;height:44px;top:56px;margin-top:0;border:0;border-radius:0;z-index:100;padding:0;}
	#header .links li + li{margin-left:2.4rem;}	
	#header .links li a{line-height:4.4rem;color:rgba(255,255,255,0.7);}
}

/* -----gnb 메뉴----- */
nav{display:inline-block;}
@media screen and (max-width:1023px){nav{display:none;}}

.gnb{overflow:hidden;height:76px;line-height:76px;}
.gnb li{float:left;font-size:1.6rem;font-weight:500;}
.gnb li + li{padding-left:8rem;letter-spacing:-.1rem;transition:all 0.2s;-webkit-transition:all 0.2s;}
.gnb li.selected a{color:#1490ef;}

/* -----[mobile] header 버튼----- */
.btn-menu{display:none;position:absolute;right:2rem;top:50%;margin-top:-.8rem;width:1.9rem;height:1.6rem;cursor:pointer;z-index:1;}
.btn-menu span{position:absolute;left:0;top:50%;width:100%;height:.2rem;background-color:#26348F;margin-top:-.1rem;overflow:hidden;font-size:0;border-radius:.9rem;}
.btn-menu:before, 
.btn-menu:after{content:'';position:absolute;width:100%;height:2px;left:0;background-color:#26348F;border-radius:.9rem;transition:transform 0.6s, top 0.1s;-webkit-transition:transform 0.6s, top 0.1s;}
.btn-menu:before{top:0;}
.btn-menu:after{bottom:0;}
.btn-menu.open span{width:0;height:0;}
.btn-menu.open:before,
.btn-menu.open:after{top:50%;transition:transform 0.2s, top 0.1s;-webkit-transition:transform 0.2s, top 0.1s;}
.btn-menu.open:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.btn-menu.open:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
@media screen and (max-width:1023px){.btn-menu{display:block;}}

/* -----메뉴보드----- */
.menu-board-wrap{background:#fff;width:100%;position:absolute;left:0;top:76px;}
.hd-top ~ .menu-board-wrap { top:102px; }
.menu-board-wrap.open{box-shadow:0px 20px 20px 8px rgba(66, 88, 231, 0.1);}
.menu-board{display:none;z-index:99;position:relative;left:0;width:auto;padding:2.4rem 0;background-color:#fff;overflow:hidden;}
.menu-board.open{display:block;}
/* .menu-board.open:after { content:""; position:absolute; left:0; bottom:0; box-shadow:0px 20px 20px 8px rgba(66, 88, 231, 0.1); width:100%; height:50px;} */
.menu-board .btn-close{position:absolute;right:1.6rem;top:1.6rem;}
.menu-board .btn-close:before,
.menu-board .btn-close:after{border-top-color:#fff;}
.menu-board .menu{float:left;line-height:2.2rem;text-align:left;max-width:240px;} 
.menu-board .menu .tit{display:none;}
.menu-board .menu + .menu{padding-left:5.5rem;}
.menu-board .menu>ul>li + li{margin-top:.8rem;}
.menu-board .menu:nth-child(2){padding-left:10rem;}
.menu-board a{display:inline-block;font-size:1.5rem;color:#151C22;letter-spacing:-.09rem;line-height:1.6;font-weight:500;}
.menu-board a:hover,
.menu-board li.selected a,
.menu-board .sub-menu li a:hover,
.menu-board .sub-menu li.selected a{color:#1490ef;}
.menu-board .sub-menu{margin:.4rem 0 0;}
.menu-board .sub-menu li{position:relative;padding-left:20px;line-height:2rem;}
.menu-board .sub-menu li:before{content:'';display:inline-block;position:absolute;top:50%;left:7px;width:3px;height:3px;margin-top:-2px;background-color:#151C22;border-radius:3px;}
.menu-board .sub-menu li + li{margin-top:.4rem;}
.menu-board .sub-menu li a{font-size:1.5rem;color:#151C22;line-height:1.6;}
.menu-board.open + .links{display:block;}
@media screen and (max-width:1023px){
	.menu-board{position:fixed;top:56px;left:0;width:100%;height:calc(100% - 56px);margin-left:0;padding:0;border-top:66px solid #26348f;border-radius:0;overflow-y:scroll;}
	.menu-board:before{content:'';width:100%;height:45px;background-color:#26348f;}
	.menu-board.open{display:block;}
	.menu-board .btn-close{display:none;}
	.menu-board .menu{float:none;border-top:.075rem solid #e4eaf2;max-width:none;}
	.menu-board .menu + .menu{padding:0;}
	.menu-board .menu .tit{display:block;position:relative;padding:2rem 4.4rem 2rem 2rem;font-size:1.8rem;color:#151C22;cursor:pointer;line-height:1.5;letter-spacing:-0.1px;}
	.menu-board .menu .tit.open{color:#1490ef;}
	.menu-board .menu .tit-depth1{display:block;position:relative;padding:2.1rem 4.4rem 2.1rem 2rem;font-size:1.8rem;color:#151C22;cursor:pointer;}
	.menu-board .menu .tit:after{content:'';position:absolute;right:2rem;top:2.6rem;width:8px;height:8px;border:.2rem solid #a1a9b2;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);transition:transform 0.2s;-webkit-transition:transform 0.2s;}
	.menu-board .menu .tit.open:after{top:2.8rem;border-color:#1490ef;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
	.menu-board .menu>ul{display:none;background-color:#f5f9ff;}	
	.menu-board .menu .tit.open + ul{display:block;}
	.menu-board .menu>ul>li{padding:1rem 4rem;}
	.menu-board .menu>ul>li + li{margin-top:0;}
	.menu-board .sub-menu{margin-top:0;padding:0 .8rem;}
	.menu-board .sub-menu li{padding:1rem 0 1rem 2rem;}
	.menu-board .sub-menu li + li{margin-top:0;}
	.menu-board .sub-menu li a{font-size:1.4rem;line-height:2.8rem;}
	.menu-board a{font-size:1.6rem;color:#151C22;line-height:3.6rem;}
	.menu-board a:hover, .menu-board li.selected a, .menu-board .sub-menu li a:hover, .menu-board .sub-menu li.selected a{color:#151C22;}
}

/* -----결함등록 페이지 헤더----- */
.wrap[page-type="report-page"] header{z-index:100;position:fixed;left:0;right:0;top:0;padding:2rem 2.2rem;background:#1056C3;}
.wrap[page-type="report-page"] header h1{font-size:1.8rem;font-weight:700;color:#fff;line-height:1;}
.wrap[page-type="report-page"] header .btn-close{position:absolute;top:50%;right:1.5rem;width:3rem;height:3rem;margin-left:-1.5rem;margin-top:-1.5rem;background:transparent;}
.wrap[page-type="report-page"] header .btn-close:before{content:'';display:block;position:absolute;top:0.5rem;left:50%;width:2px;height:2rem;margin-left:-0.2rem;background:#fff;transform:rotate(45deg);}
.wrap[page-type="report-page"] header .btn-close:after{content:'';display:block;position:absolute;top:0.5rem;left:50%;width:2px;height:2rem;margin-left:-0.2rem;background:#fff;transform:rotate(-45deg);}


/* ***********************************
	CONTAINER
*********************************** */
/* -----#container----- */
#container{position:relative;width:100%;background:#f5f9ff;min-height:calc(100vh - 127px);}
#container[page-type="main"]{background:transparent;}
@media screen and (max-width:1023px){
	#container{min-height:auto;}
}

/* -----page-head----- */
.page-head{z-index:10;position:relative;box-shadow:0px 14px 40px 8px rgba(0, 0, 0, 0.03);}
.page-head h1{padding:4rem 0;font-weight:700;font-size:3rem;line-height:4.5rem;letter-spacing:-1px;text-align:center;background:#26348F;color:#fff;font-weight:500;}
@media screen and (max-width:1023px){
	.page-head{box-shadow:none;border-bottom:1px solid #EBEBEB;}
	.page-head h1{padding:2.4rem 0;font-size:2rem;line-height:3.2rem;}
}

/* -----form-type1----- */
.form-type1 .btn-box .btn{width:100%;max-width:none;flex:1 1 auto;}

@media screen and (max-width:1023px){
	.page-cont{padding:0!important;}
	.page-cont .page-inner{padding:2rem 2rem 0!important;border-radius:0;box-shadow:none;}
	.page-cont.form-type1{background-color:#fff;}
}

/* headline-txt */
.headline-txt{padding:2.4rem;background:#f2f5f9;border-radius:0.8rem;}
.headline-txt h2{font-size:1.8rem;font-weight:500;line-height:2.8rem;letter-spacing:-0.108px;}
.headline-txt h2 em{color:#1490EF;}
.headline-txt h2 span{color:#1490EF;}
.headline-txt p{font-size:1.3rem;color:#323232;line-height:2rem;letter-spacing:-0.092px;}
.headline-txt h2 + p{margin-top:0.8rem;}
.headline-txt p + .btn-txt{margin-top:1.6rem;}
.headline-txt .dot-list,
.tab-wrap + .headline-txt .dot-list{margin-left:0.8rem;margin-top:0.8rem;font-size:1.3rem;color:#686E75;line-height:2rem;}
.headline-txt .dot-list > li:before,
.tab-wrap + .headline-txt .dot-list > li:before{top:1rem;background-color:#323232;}
@media screen and (max-width:1023px){
	.headline-txt h2{font-size:1.6rem;line-height:2.6rem;}
	.headline-txt{margin:0;}
}
@media screen and (max-width:720px){
	.headline-txt{padding:1.6rem;}
	.inner.default-box .list-intro + .headline-txt{margin-top:2.4rem;}
	.inner.default-box .step-use + .headline-txt{margin-top:4.8rem;}
}

/* -----#container[page-type="full-cont"]----- */
#container[page-type="full-cont"]{display:-webkit-flex;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 230px);}
#container[page-type="full-cont"] .page-cont{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 34.4rem);height:100%;padding:7.2rem 0 6rem!important;background:#f7f7f7;box-sizing:border-box;}
@media screen and (max-width:1023px){
	#container[page-type="full-cont"]{background:#fff;}
	#container[page-type="full-cont"] .page-cont.form-type1{background:#fff;}
}
@media screen and (max-width:480px){
	#container[page-type="full-cont"]{min-height:calc(100vh - 302px);}
	#container[page-type="full-cont"] .page-cont{min-height:calc(100vh - 302px);padding:3rem 0!important;}
	#container[page-type="full-cont"] .page-cont:only-child{height:calc(100vh - 212px)}
}


/* ***********************************
	FOOTER
*********************************** */
footer{width:100%;font-size:1.3rem;line-height:2.1rem;border-top:1px solid #f2f5f9;}
footer .inner{width:1440px;padding:3rem 0;background:#fff;}
footer .links{display:flex;}
footer .links li{letter-spacing:-1px;}
footer .links li + li{margin-left:1.6rem;}
footer .links li + li:before{content:'';display:inline-block;width:1px;height:13px;background-color:#f2f5f9;margin-right:1.6rem;vertical-align:middle;}
footer .links li a{color:#686e75;vertical-align:middle;line-height:3.6rem;font-weight:400;font-size:1.3rem;}
footer .links li a b{color:#151c22;}
footer .copyrights{padding-top:.4rem;color:#A1a9B2;font-weight:400;line-height:2.5rem;}
footer .select-links{position:absolute;z-index:10;right:0;top:2.7rem;font-size:1.3rem;color:#151c22;}
@media screen and (max-width:1440px){
	footer .inner{width:100%;padding:3rem 2rem;}
	footer .select-links{right:1.6rem;}	
}
@media screen and (max-width:1023px){
	footer .inner{padding:1.6rem 1.6rem 3.2rem;}
	footer .links{flex-wrap:wrap;}	
	footer .links li a{font-size:1.3rem;}
	footer .select-links{position:relative;top:auto;right:auto;width:19rem;margin-top:1.7rem;padding-right:3.2rem;font-size:1.3rem;}
	footer .copyrights{padding-top:0;font-size:1.3rem;}	
}
@media screen and (max-width:320px){
	footer .links li + li{margin-left:.8rem;}
	footer .links li + li:before{margin-right:.6rem;}
}
.page-inner{position:relative;width:60rem;margin:0 auto;padding:5.6rem!important;background-color:#fff;box-shadow:1px 14px 32px rgb(0 0 0 / 8%);border-radius:3.6rem;}
.page-inner.wide{width:110rem;}
.btm-bann .inner{width:110rem;}
.clearfix::after{content:'';display:block;clear:both;}/* 0627 */
/* #########################// LAYOUT ################################# */


/* ***********************************
	TITLE
*********************************** */
/* .tlt-* */
#wrap .tlt-t1{font-weight:500;font-size:2.8rem;line-height:4.4rem;letter-spacing:-1px;}
#wrap .tlt-t2{margin:0;padding:0;font-weight:700;font-size:1.8rem;line-height:2.9rem;letter-spacing:-1px;}
#wrap .tlt-t2:not(:first-of-type){margin-top:5.6rem;}

#wrap .guide h3{font-size:1.8rem;font-weight:700;line-height:2.8rem;letter-spacing:-0.108px;}
#wrap .guide h3 + p{margin-top:0.4rem;}
#wrap .guide h4{margin-top:0.8rem;font-size:1.5rem;font-weight:700;letter-spacing:-0.09px;line-height:2.4rem;}
#wrap .guide p + h4 { margin-top:1.6rem; }
#wrap .guide .img-box + h4{margin-top:1.6rem;}

#wrap .guide .tlt-t2 ~ p,
#wrap .guide .tlt-t2 ~ .p{margin:0.4rem 0 0;font-size:1.5rem;line-height:2.4rem;letter-spacing:0px;}
#wrap .guide .tlt-t2 ~ p [class*='btn'],
#wrap .guide .tlt-t2 ~ .p [class*='btn']{margin-bottom:.8rem;}
#wrap .guide .headline-txt + .tlt-t2{margin-top:3.2rem;}

#wrap .guide.code .tlt-t2{margin-top:4rem;}
#wrap .guide.code .tlt-t2#guide07{color:#151c22;font-weight:700;}
#wrap .guide.code .headline-txt + .tlt-t2{margin-top:3.2rem;}

@media screen and (max-width:1023px){
	#wrap .guide.code .tlt-t2{margin-top:3.2rem;}
	#wrap .tlt-t2{font-size:1.6rem;line-height:2.6rem;}
	#wrap .guide .tlt-t2 ~ p,
	#wrap .guide .tlt-t2 ~ .p{font-size:1.4rem;line-height:2.2rem;}
}
@media screen and (max-width:720px){
	#wrap .tlt-t2:not(:first-of-type){margin-top:4rem;}
	#wrap .guide.code .headline-txt + .tlt-t2{margin-top:2.4rem;}
}

.desc-txt.dot-list li:before{top:1.3rem;}


/* ***********************************
	TEXT
*********************************** */
.hd-txt-t1{font-weight:500;font-size:2.4rem;color:#323232;line-height:3rem;}

#loading-wrap{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;text-align:center;}
#loading{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} 
#loading:before{content:'';position:relative;display:block;margin:0 auto;width:7.2rem;height:7.2rem;background:#26348F;border-radius:50%;}
#loading p{color:#fff;font-size:1.6rem;margin-top:1.6rem;letter-spacing:-1px;line-height:2.8rem;}
#loading i{position:absolute;display:inline-block;left:50%;top:28%;width:8px;height:8px;border-radius:8px;background-color:rgba(255,255,255,0);transform:translateX(-50%);animation:load-i 1s infinite linear both;animation-delay:.2s;}
#loading i:before,
#loading i:after{content:'';position:absolute;top:0;width:8px;height:8px;border-radius:8px;background-color:rgba(255,255,255,0);}
#loading i:before{left:-16px;animation:load-i 1s infinite linear both;}
#loading i:after{left:16px;animation:load-i 1s infinite linear both;animation-delay:.4s;}

.btn-top{position:fixed;right:30px;bottom:40px;width:5.6rem;height:5.6rem;border:1px solid #E5E5E5;border-radius:50%;background:#fff url('/wpdp/images/ico_top.png') center center no-repeat;background-size:18px auto;box-sizing:border-box;z-index:1;}
@keyframes load-i{
	0%{background-color:rgba(255,255,255,0);}
	50%{background-color:rgba(255,255,255,1);}
	90%{background-color:rgba(255,255,255,0);}
}


/* *********************************** 
	INPUT
*********************************** */
/* ipt-txt */
.ipt-txt{width:100%;height:auto;margin:0;padding:1.1rem 1.6rem;font-size:1.5rem;line-height:2.4rem;border-radius:0.1rem;border:1px solid #e4eaf2;letter-spacing:-0.112px;font-weight:400;}
.ipt-txt.readonly,
.ipt-txt[readonly]{background-color:#f7f9fc;color:#151c22;}
.ipt-txt.disabled,
.ipt-txt[disalbed]{background-color:#f7f9fc;}
.ipt-txt + .btn-eye{background-color:#fff;}
.ipt-txt[readonly] + .btn-eye{background-color:#F7F7F7;}
.ipt-txt::placeholder{font-size:1.5rem;color:#A1A9b2;font-weight:400;line-height:2.4rem;letter-spacing:-0.112px}

.ipt-txt#fileDisp{padding-right:7.2rem;}

.ipt-box.focus .ipt-txt{border:1px solid #26348f !important;}
.ipt-box.error .ipt-txt{border:1px solid #e5483D;}
.ipt-box.done .ipt-txt{border:1px solid #151C22;}
.ipt-box.focus .ipt-txt-wrap.long-val{border:1px solid #26348f;}

textarea.ipt-txt{min-height:19rem;padding:1.6rem;font-size:1.5rem;line-height:2.1rem;vertical-align:top;}
textarea.ipt-txt.txtArea-small{min-height:90px;}

/* 첨부파일 */
textarea.ipt-txt{min-height:18rem;padding:1.6rem;font-size:1.5rem;line-height:2.1rem;vertical-align:top;}
textarea.ipt-txt.txtArea-small{min-height:90px;}

/* btn-row > * */
.btn-row .ipt-box{display:inline-block;vertical-align:middle;}

/* ipt-date-wrap (날짜선택 input) */
.ipt-date-wrap{position:relative;width:100%;height:4.8rem;border:1px solid #e4eaf2;background-color:#fff;}
.ipt-date-wrap:before{content:'';position:absolute;width:2.4rem;height:2.4rem;right:1.6rem;top:50%;margin-top:-1.2rem;background:url('/wpdp/images/ico_datepicker.svg') 0 0 no-repeat;background-size:auto 2.4rem;z-index:0;}
.ipt-date{width:100%;height:100%;border:0;font-size:1.8rem;background-color:transparent;padding:0 4rem 0 2rem;position:relative;z-index:1;}
.ipt-date-wrap + span{display:inline-block;padding:0 .8rem;text-align:center;}

@media screen and (max-width:1023px){
	.ipt-date-wrap:before{right:1rem;} 
	.ipt-date{font-size:1.6rem;padding:0 3rem 0 1.6rem;}
}
@media screen and (max-width:720px){
	.ipt-date-wrap{height:4rem;}
}


.ipt-box.flex{display:flex;align-items:center;}
.ipt-box.flex label{width:120px;margin-right:1.6rem;}
.ipt-box.flex > .ipt-row{margin:0;}
.ipt-box.flex + .ipt-only{margin:1.6rem 0 0 13.6rem;width:calc(100% - 13.6rem);}

p + .ipt-box{margin-top:2.4rem;}
p.txt-right + .ipt-box{margin-top:0.8rem;}
.form-box.default-box p:first-child + .ipt-box{margin-top:0.8rem;}


/* *********************************** 
	FORM
*********************************** */
/* ipt-row */
.ipt-row{display:-webkit-flex;display:flex;}
.ipt-row.t1{display:-webkit-inline-flex;display:inline-flex;}
.ipt-row.t2 .ipt-box { width:50%; }
.ipt-row.flex-auto{border-radius:1rem;}
@media screen and (max-width:720px){
	.ipt-row.flex-auto .btn{max-width:none;}
}

/* ipt-box */
.ipt-row .ipt-box{width:auto;}
.ipt-row.txt-right .ipt-box {width:100%;}
.ipt-row > .ipt-box + .ipt-box{margin:0 0 0 2.4rem;}
.ipt-row + .ipt-row,
.ipt-row + .ipt-box{margin-top:2.4rem;}
.ipt-box{position:relative;}
.ipt-box + .ipt-box{margin-top:2.4rem;}
.ipt-box + .ipt-box.ipt-only{margin-top:0.8rem;}
.ipt-box + .ipt-box.ipt-only input[type="checkbox"] + label{margin-top:0.8rem;color:#323232;}
.ipt-box + .ipt-box.ipt-only + .btn-box .dot-list{margin-top:2.4rem;}
.ipt-box label{display:block;font-size:1.5rem;line-height:2.4rem;font-weight:500;letter-spacing:-0.06px;}
.ipt-box.focus label{color:#26348f;}
.gray-box .ipt-row .ipt-box{display: flex;align-self: center;}

.ipt-row .ipt-box.flex{flex:auto;}
.ipt-row.flex-auto .ipt-box{flex:none;}
.ipt-row.flex-auto .btn-box .btn{display:inline-block;padding:1.1rem 4.5rem;}

/* ipt-txt-wrap */
.ipt-txt-wrap{position:relative;}
.ipt-txt-wrap + .dot-list{margin-top:0.8rem;}
.ipt-txt-wrap + .dot-list li{padding-left:1.8rem;}
.ipt-txt-wrap + .dot-list li:before{left:0.6rem;width:3px;height:3px;}

.ipt-txt-wrap.long-val{border-radius:1rem;border:1px solid #E5E5E5;margin-top:4px;overflow:hidden;}
.ipt-txt-wrap.long-val .ipt-txt{border:0 !important;width:calc(100% - 120px);margin-top:0;border-radius:0;}
.ipt-box label + .ipt-row{margin-top:.8rem;}

label + .ipt-txt-wrap,
label + .select-box{margin:0.8rem 0 0;}

/* .field-t2 */
.ipt-row.field-t2{flex-wrap:wrap;}
.ipt-row.field-t2 .ipt-box{flex:auto;}

/* form-login */
.form-login1 .btn-box .btn{min-width:100%;}

.form-login2 .ipt-box + .ipt-box.ipt-only + .btn-box{}
.form-login2 .btn-box .btn{min-width:100%;}
@media screen and (max-width:1023px){
	.form-login2 .tab-wrap{margin-top:0;}
}

/* search form */
.search-box{position:relative;width:52rem;text-align:center;padding:0 2rem 3.2rem;margin:0 auto;}
.search-box .ipt-search{background-color:transparent;width:100%;height:5.6rem;font-size:1.8rem;border:0;border-bottom:1px solid #26348f;color:#26348f;}
.search-box .ipt-search::placeholder{color:#a1a9b2;font-size:1.8rem;line-height:2.8rem;}
.search-box .btn-search{position:absolute;right:2.4rem;top:1.6rem;width:2.4rem;height:2.4rem;font-size:0;background:url('/wpdp/images/ico_search.svg') center center no-repeat;background-size:2.4rem auto;border-radius:100%;}

@media screen and (max-width:1023px){
	.ipt-txt{height:4.6rem;padding:0 1.6rem;font-size:1.4rem;}
}
@media screen and (max-width:720px){
	.ipt-row + .ipt-row, .ipt-row + .ipt-box{margin-top:1.6rem;}
	.ipt-row.t2{flex-direction:column;}
	.ipt-row.t2 .ipt-box{width:100%;}
	.ipt-row.t2 .ipt-box + .ipt-box{margin-left:0;margin-top:1.6rem;}

	/* .field-t2 */
	.ipt-row.field-t2{flex-direction:column;margin-top:2.4rem;}
	.ipt-row.field-t2 .ipt-box{flex:auto;width:100%;margin-left:0;}
	.ipt-row.field-t2 .ipt-box.txt-right{margin-top:0.8rem;}
	.ipt-row.field-t2 .ipt-box.txt-right .select-box{width:100%;}
	.ipt-row.field-t2 .ipt-box.txt-right button{width:100%;margin-top:0.8rem;}
}
@media screen and (max-width:400px){
	
}


/* *********************************** 
	LIST
*********************************** */
/* dot-list */
.dot-list > li{position:relative;padding-left:8px;letter-spacing:-.075px;}
.dot-list > li:before{content:'';position:absolute;left:0;top:12px;display:inline-block;width:.3rem;height:.3rem;border-radius:50%;background-color:#686E75;margin:0 0.5rem 0 0;}
.dot-list a{color:#1490Ef;text-decoration:underline;}
.dot-list > li.f-blue:before{background-color:#26348f;}

.dot-list.sub{font-size:1.5rem;margin-top:.8rem;line-height:2.7rem;}
.dot-list.sub.txt-small > li{letter-spacing:0;}
.dot-list.sub.txt-small > li:before{top:1rem;}

.dot-list.black-dot > li:before{background-color:#151c22;}

.link-txt{color:#1490Ef;text-decoration:underline;}
/* hypen-list */
.hypen-list{margin:0.4rem 0;}
.hypen-list > li{position:relative;padding-left:0.8rem;font-size:1.4rem;color:#686E75;line-height:2.2rem;letter-spacing:-0.105px;}
.hypen-list > li:before{content:'-';display:block;position:absolute;top:0px;left:0;}


/* ##########################################################
	# UI
########################################################## */
/* datepicker, monthpicker custom */
.ui-datepicker{width:320px;overflow:hidden;z-index:5 !important;}
.ui-datepicker .ui-datepicker-header{position:relative;background-color:#26348f;height:4.5rem;border-radius:.8rem .8rem 0 0;}
.ui-datepicker .ui-datepicker-header select{width:80%;height:100%;border:0;font-size:1.5rem;background-color:transparent;color:#fff;text-align:center;font-weight:500;}
.ui-datepicker .ui-datepicker-header option{color:#151C22;}
.ui-datepicker .ui-datepicker-title{text-align:center;line-height:4.5rem;font-size:1.5rem;color:#fff;font-weight:500;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{position:absolute;width:2.4rem;height:2.4rem;top:50%;margin-top:-1.2rem;font-size:0;}
.ui-datepicker .ui-datepicker-prev{left:2.1rem;background:url('/wpdp/images/ico_datepicker.png') -2.4rem 0 no-repeat;background-size:auto 2.4rem;}
.ui-datepicker .ui-datepicker-next{right:2.1rem;background:url('/wpdp/images/ico_datepicker.png') -4.8rem 0 no-repeat;background-size:auto 2.4rem;}
.ui-datepicker .ui-datepicker-prev-hover{border:0;right:2.1rem;}
.ui-datepicker .ui-datepicker-next-hover{border:0;right:2.1rem;}
.ui-datepicker table{width:100%;background-color:#fff;font-size:1.2rem;text-align:center;border-collapse:separate;border-radius:0 0 .8rem .8rem;border:2px solid #26348F;border-top:0;}
.ui-datepicker table th{padding-top:1.5rem;}
.ui-datepicker table th:first-child{padding-left:1rem;}
.ui-datepicker table th:last-child{padding-right:1rem;}
.ui-datepicker table td{padding:.6rem;}
.ui-datepicker table tr:last-child td{padding-bottom:1.5rem;}
.ui-datepicker table .ui-state-default{display:inline-block;width:2.4rem;height:2.4rem;line-height:2.4rem;border-radius:50%;color:#151C22;font-size:1.2rem;}
.ui-datepicker table .ui-state-active{color:#4258E7;}
.ui-datepicker table .ui-datepicker-week-end:first-child a{color:#E5483D;}
div[id^='monthpicker']{width:auto !important;}
.ui-datepicker table.mtz-monthpicker{font-size:1.6rem;line-height:1.6rem;}
.ui-datepicker table.mtz-monthpicker .ui-state-default{width:3.6rem;box-sizing:content-box;padding:0 !important;margin:1.5rem;text-align:center;cursor:pointer !important;}
.ui-datepicker table.mtz-monthpicker tr:first-child .ui-state-default{margin-top:3.5rem;}
.ui-datepicker table.mtz-monthpicker .ui-state-default:first-child{margin-left:3.5rem;}
.ui-datepicker table.mtz-monthpicker .ui-state-default:last-child{margin-right:3.5rem;}
.ui-datepicker table.mtz-monthpicker tr:last-child .ui-state-default{margin-bottom:3.5rem;}
@media screen and (max-width:720px){
	.ui-datepicker{left:50% !important;transform:translateX(-50%) !important;}
}
/* //datepicker custom */

/* *********************************** 
	MESSAGE
*********************************** */
.msg{font-size:1.3rem;line-height:2.5rem;}
.msg.error{color:#e5483D;}
.msg.normal{color:#357ffa;}


/* ***********************************
	BUTTON
*********************************** */
/* btn */
[class *= 'btn-'] { white-space:nowrap;font-weight:500;text-align:center;box-sizing:border-box;vertical-align:top;border-radius:.6rem; }
.btn{display:inline-block;width:23.6rem;height:5.6rem;padding:1.4rem 3.2rem;font-size:1.8rem;line-height:2.8rem;letter-spacing:-0.108px;}
.btn-md{display:inline-block;width:auto;height:4.8rem;padding:1.1rem 3.2rem;font-size:1.5rem;line-height:2.4rem;letter-spacing:-0.112px;}
.btn-sm{display:inline-block;height:3.5rem;padding:0.7rem 1.6rem;font-size:1.3rem;letter-spacing:-.075px;line-height:2rem;border-radius:.5rem;}
.btn-sm-search { border:1px solid #26348F;border-radius:3rem; color:#26348F; }
@media screen and (max-width:1023px){
	.btn{width:100%;}
}
.btn-primary{color:#fff;background-color:#26348F;border:1px solid #26348F;}
.btn-outline-primary{color:#26348F;background-color:#fff;border:1px solid #26348F;}
.btn-outline-secondary{color:#151c22;border:1px solid #c4cbd3;background-color:transparent;}
.btn-outline-primary.search-btn{border-radius:3rem;}

.btn-primary.pre{background-color:#1e2a72;}
.btn-outline-primary.pre{background-color:#f2f5f9;}
.btn-outline-secondary.pre{background-color:#f2f5f9;}

/* 비활성화 버튼 */
.btn-primary.disabled,
.btn-primary:disabled{background-color:#9299c7;color:#fff;cursor:default;pointer-events:none;border-color:#9299c7;}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:#aeb1d1;cursor:default;pointer-events:none;background:#f7f9fc;border-color:#d4d6e9;}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled{background-color:#f7f9fc;color:#a1a9b2;cursor:default;pointer-events:none;border-color:#e4eaf2;}

@media screen and (max-width:1023px){
	.btn.btn-primary,
	.btn.btn-outline-primary,
	.btn.btn-outline-secondary{padding:1.3rem 1rem;font-size:1.6rem;line-height:2.5rem;}
}

/* 닫기 버튼 */
.btn-close{display:inline-block;position:relative;width:16px;height:16px;background-color:transparent;font-size:0;}
.btn-close:before{content:'';position:absolute;left:0;top:50%;width:16px;border-top:2px solid #151c22;transform:rotate(45deg);}
.btn-close:after{content:'';position:absolute;left:0;top:50%;width:16px;border-top:2px solid #151c22;transform:rotate(-45deg);}

/* 텍스트 버튼 */
.btn-txt{display:inline-block;position:relative;padding-right:1.4rem;font-size:1.3rem;color:#686e75;line-height:2rem;letter-spacing:-1px;background-color:transparent;overflow:visible;font-weight:500;letter-spacing:-0.097px;}
.btn-txt:after{content:'';position:absolute;top:50%;right:0.2rem;width:0.6rem;height:0.6rem;margin-top:-0.35rem;border:1px solid #686E75;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.ipt-txt + .btn-txt{margin-top:0.8rem;}

/* btn-ipt-in */
.btn-ipt-in{z-index:2;position:absolute;top:1px;right:1px;height:calc(100% - 2px);padding:0 1.2rem;border-left:1px solid #e4eaf2;font-size:1.3rem;color:#151C22;line-height:2rem;border-bottom:0;background-color:#fff;font-weight:700;letter-spacing:-0.097px;border-radius:0;}
.btn-ipt-in[disabled]{color:#A1A9B2;}

/* btn-box */
.btn-box{width:100%;margin:auto;margin-top:4rem;text-align:center;}
.btn-box .btn:first-child:last-child{margin:0 auto;}
.btn-box.flex{display:flex;justify-content:center;}
.btn-box .btn + .btn{margin-top:2.4rem;}
.btn-box.flex .btn + .btn{margin:0 0 0 1.6rem;}
.btn-box.flex .btn-md { width:100%; }
.btn-box.flex .btn-md + .btn-md{margin:0 0 0 .8rem;}
h3 + .btn-box.flex{margin-top:4.8rem;}
.page-inner .btn { width:100%; }

/* btn-row > .btn-box */
.btn-row .btn-box{width:auto;}
.btn-row .btn-box .btn{display:inline-block;min-width:15.6rem;width:auto;padding-left:2rem;padding-right:2rem;}

.btn-delete{z-index:2;position:absolute;top:50%;right:1.6rem;width:2.4rem;height:2.4rem;background:url('/wpdp/images/ico_delete.svg') center center no-repeat;background-size:100% auto;transform:translateY(-50%);}

@media screen and (max-width:1023px){
	.btn-box {width:100%;}
}
@media screen and (max-width:720px){
	.btn-box{margin-top:3.2rem;}
	.btn-row .btn-box {width:100%;}
}
.btn-box ul{text-align:left;}
.btn-l{width:616px;}
.btn-side-box{padding-top:1.6rem;font-size:0;line-height:2.6rem;text-align:center;}
.btn-side-box a{display:inline-block;font-size:1.3rem;line-height:2rem;font-weight:400;letter-spacing:-0.097px;}
.btn-side-box a + a{margin-left:0.8rem;}
.btn-side-box a + a:before{content:'';position:relative;top:1px;display:inline-block;width:1px;height:13px;background-color:#DADADA;margin-right:0.8rem;}


/* ####################################################################### */
/* LAYOUT */
/* ####################################################################### */
.wrap[page-type="report-page"]{z-index:100000;position:fixed;top:50%;left:50%;width:72rem;height:calc(100vh - 20rem);transform:translate(-50%, -50%);box-shadow:0 0 0 100rem rgb(0 0 0 / 40%);background:#fff;}
@media screen and (max-width:720px){
	.wrap[page-type="report-page"]{width:100%;height:100%;}
}


/* ##########################################################
	# CONTAINER
########################################################## */
/* layout */
.page-cont > .inner{overflow:inherit;}
.inner.default-box{padding:5.6rem;background-color:#fff;box-shadow:1px 14px 32px rgb(0 0 0 / 8%);border-radius:3.6rem;}

/* 우측 플로팅메뉴가 있는 경우 */
.float-side-menu + .default-box.guide{padding:5.6rem 22.2rem 5.6rem 7.2rem;}

.default-box{box-shadow:none;padding:0;}
@media screen and (max-width:1023px){
	.inner.default-box{border-radius:0;}
	.page-cont > .page-inner:last-child > .default-box:last-child{padding-top:1.4rem;padding-bottom:4.8rem;}
	.page-cont.form-type1 > .page-inner > .default-box{padding-top:0;} /*폼 형태 타입 ex)PDP10302000.html*/
	.page-cont.form-type1 > .page-inner > .default-box.form-box:first-child{padding-top:3rem;}
}
@media screen and (max-width:720px){
	.page-cont > .page-inner:last-child > .default-box:last-child{padding-top:0;padding-left:0;padding-right:0;}
}

 
/* ***********************************
	PDP00000000.html - 메인화면
*********************************** */
.main-visual{position:relative;background-color:#26348F;position:relative;max-width:1920px;width:100%;height:64rem;overflow:hidden;border-radius:0 0 24rem 0;}
.main-inner{position:relative;max-width:1500px;padding:0 3rem;margin:0 auto;z-index:1;}
.main-visual + .main-inner{padding:0 3rem;margin-top:-36rem;overflow:visible;}
.main-visual h1{max-width:1500px;padding:8rem 3rem 6.4rem;margin:0 auto;font-size:5rem;font-weight:400;line-height:1.32;text-align:left;color:#fff;letter-spacing:-1px;transform:translateY(0);opacity:1;will-change:transform;animation:slideUp linear .5s;}
.main-visual h1 em{font-weight:700;}
.main-visual h1 span{display:block;padding-top:.8rem;font-size:4.8rem;}
.main-visual [class *= 'circle']{transform:translateY(0);will-change:transform;animation:floating ease-in-out infinite alternate 3s;}
.main-visual .circle01{position:absolute;right:35rem;top:-4.5rem;width:18rem;height:18rem;background:url('/wpdp/images/img_circle01.png') center center no-repeat;background-size:cover;}
.main-visual .circle02{position:absolute;right:12.7rem;top:18rem;width:4rem;height:4rem;background:url('/wpdp/images/img_circle02.png') center center no-repeat;background-size:cover;}
.main-visual .circle03{position:absolute;right:10rem;top:38rem;width:10rem;height:10rem;background:url('/wpdp/images/img_circle03.png') center center no-repeat;background-size:cover;}

@media screen and (max-width:1023px){
	.main-visual{height:50.2rem;border-radius:0 0 8rem 0;}
	.main-visual + .main-inner{padding-bottom:4rem;margin-top:-30rem;overflow:hidden;}
	.main-visual h1{text-align:center;font-size:2.6rem;padding-top:5.6rem;padding-bottom:4rem;}
	.main-visual h1 span{font-size:2.4rem;}
	.main-visual .circle01,
	.main-visual .circle02,
	.main-visual .circle03{display:none;}
}
@media screen and (max-width:321px){
	.main-visual h1,
	.main-visual + .main-inner{padding-left:2rem;padding-right:2rem;}
}

/* .list-feature 서비스 안내 리스트 */
.list-feature{max-width:1500px;display:-webkit-flex;display:flex;justify-content:space-between;}
.list-feature li{width:calc(33.3333% - 40px);text-align:center;background-color:#fff;border-radius:4rem 2rem 4rem 0;box-shadow:0 20px 20px rgba(66, 88, 231, 0.1);transition:transform .5s ease-out;}
.list-feature li:hover{transform:scale(1.04);}
.list-feature li a{display:block;padding:7.2rem 0;}
.list-feature li img{width:100%;max-width:12.8rem;margin-bottom:.8rem;}
.list-feature li .tit{font-size:3rem;font-weight:700;line-height:1.5;letter-spacing:-1px;}
.list-feature li .txt{padding-top:1.6rem;font-size:2rem;line-height:1.5;font-weight:400;letter-spacing:-1px;}
.list-feature-pagination{display:none;}
.list-feature-wrap.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;line-height:1;}
.list-feature-wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .6rem;opacity:1;background:#D9D9D9;}
.list-feature-wrap.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4258E7;width:24px;border-radius:10px;}
@media screen and (max-width:1280px){
	.list-feature li img{width:10.4rem;}
	.list-feature li .tit{font-size:2.4rem;}
	.list-feature li .txt{font-size:1.6rem;padding-top:1.6rem;letter-spacing:-.1rem;}
}
@media screen and (max-width:1023px){
	.list-feature li{transition:none;}
	.list-feature li:hover{transform:scale(1)}
	.list-feature li a{padding:4.8rem 1.6rem;}
}
@media screen and (max-width:720px){
	.list-feature li{width:100%;}
	.list-feature-pagination{display:block;}
}
@media screen and (max-width:321px){
	.list-feature li .txt{font-size:1.4rem;}
}

/* .feature-box */
.feature-box-wrap{background:url('/wpdp/images/bg_main_mid.png') right bottom no-repeat;background-size:88rem auto;}
.feature-box{display:flex;justify-content:space-between;align-items:center;max-width:1260px;padding:11.2rem 3rem;margin:0 auto;}
.feature-box .tit{font-size:3.8rem;font-weight:700;line-height:1.32;letter-spacing:-1px;}
.feature-box .tit em{display:block;padding-top:.8rem;color:#4258E7;font-weight:700;}
.feature-box .txt{margin-top:2.4rem;font-size:2.4rem;font-weight:400;color:#686E75;letter-spacing:-1px;line-height:1.32;}
.feature-box a{display:block;margin-top:4rem;padding:2.4rem 3.5rem;font-size:3rem;font-weight:500;line-height:1.5;background-color:#4258E7;border-radius:.6rem;color:#fff;text-align:center;}
.feature-box .feature-img{position:relative;width:40rem;height:40rem;}
.feature-box .feature-img:after{content:'';position:absolute;left:0;top:0;background:url(/wpdp/images/img_mid_bg.png) center center no-repeat;background-size:cover;width:100%;height:100%;transform:rotate(0);will-change:transform;animation:rotate linear 1s;}
.feature-box .feature-img img{width:100%;opacity:0;}
.feature-box .feature-img .img-man{position:absolute;left:.7rem;top:6rem;width:19.25rem;}
.feature-box .feature-img .img-woman{position:absolute;right:3.4rem;top:3.4rem;width:14.1rem;}
.ani-slide .feature-box .feature-img [class *= 'img-'] img{transform:translateY(0);opacity:1;will-change:transform;animation:imgSlideUp ease .5s;}
.ani-slide .feature-box .feature-img .img-man{transform:translateY(0);will-change:transform;animation:floating2 ease-in-out infinite alternate 3s .3s;z-index:1;}
.ani-slide .feature-box .feature-img .img-woman{transform:translateY(0);will-change:transform;animation:floating2 ease-in-out infinite 3s .6s;z-index:1;}
.feature-mo{display:none;width:30rem;height:30rem;margin:0 auto;}
.feature-mo img{width:100%;}
@media screen and (max-width:1100px){
	.feature-box{padding:8rem 3rem;}
	.feature-box .tit{font-size:3rem;}
	.feature-box .txt{font-size:1.8rem;line-height:1.5;}
	.feature-box a{font-size:2.4rem;}
	.feature-box .feature-img{width:35rem;height:35rem;}
}
@media screen and (max-width:991px){
	.feature-box .tit{font-size:2.4rem;}
	.feature-box .tit em{font-size:2.6rem;padding-top:0;}
	.feature-box .txt{margin-top:1.6rem}
	.feature-box a{font-size:2.2rem;padding:1rem 2.4rem;}
	.feature-box .feature-img{width:30rem;height:30rem;}
}
@media screen and (max-width:720px){
	.feature-box-wrap{background:url('/wpdp/images/bg_main_mid_mo.png') right bottom no-repeat;background-size:22rem auto;}
	.feature-box{display:block;padding:5.6rem 2rem 3.2rem;text-align:center;}
	.feature-box .tit{font-size:1.8rem;}
	.feature-box .tit em{font-size:2rem;line-height:1.5;}
	.feature-box .txt{font-size:1.5rem;margin-top:.8rem;line-height:1.6;}
	.feature-box a{display:inline-block;margin-top:3.2rem;font-size:1.8rem;}
	.feature-box .feature-img{display:none;}
	.feature-mo{display:block;margin-top:3.2rem;}
}
@media screen and (max-width:400px){
	.feature-mo{width:20rem;height:20rem;}
}

@keyframes floating{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-5%);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes floating2{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-5%);
	}
	100%{
		transform:translateY(0);
	}
}

@keyframes slideUp{
	0%{
		opacity:0;
		transform:translateY(10%);
	}
	50%{
		opacity:.5;
		transform:translateY(5%);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

@keyframes imgSlideUp{
	0%{
		opacity:0;
		transform:translateY(30%);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}


/* list-info */
.list-info-wrap{background:#F5F9FF;}
.list-info{display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1500px;padding:8rem 3rem 11.2rem;overflow:hidden;}
.list-info > li{position:relative;background:#fff;width:calc(50% - 1.2rem);min-height:15.2rem;padding:3.2rem 4rem;border:1px solid #e4eaf2;border-radius:.8rem;}
.list-info > li:nth-child(n+3){margin-top:2.4rem;}
.list-info > li:nth-child(2n){margin-left:2.4rem;}
.list-info > li > a{display:-webkit-flex;display:flex;align-items:center;position:relative;height:100%;}
.list-info dl{padding-left:11.2rem;}
.list-info .tit{font-weight:500;font-size:2.4rem;line-height:1.5;padding-bottom:.4rem;letter-spacing:-1px;}
.list-info .txt{font-size:1.8rem;line-height:2.9rem;letter-spacing:-1px;color:#686E75;}
.list-info > li:not(.list-notice)::before{content:'';position:absolute;left:4rem;top:50%;transform:translateY(-50%);width:8.8rem;height:8.8rem;}
.list-info .list-faq:before{background:url('/wpdp/images/ico_main_faq.png') left center no-repeat;background-size:contain;}
.list-info .list-qa:before{background:url('/wpdp/images/ico_main_qa.png') left center no-repeat;background-size:contain;}
.list-info .list-cs:before{background:url('/wpdp/images/ico_main_mail.png') left center no-repeat;background-size:contain;}

.list-info .link-view{position:absolute;right:0;top:0;padding-right:1.4rem;/* text-decoration:underline;*/color:#686E75;font-size:1.3rem;letter-spacing:-1px;font-weight:500;}
.list-info .link-view:after{content:'';position:absolute;top:50%;right:0.2rem;width:0.6rem;height:0.6rem;margin-top:-0.35rem;border:1px solid #686E75;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.list-info .list-cs .mail{font-size:1.8rem;line-height:1.6;font-weight:400;}
.list-info .list-cs .mail em{display:inline-block;margin-left:.8rem;color:#4258E7;font-weight:500;}
.list-info .list-notice{padding:3.2rem 4rem;}
.list-info .list-notice dl{padding-left:0;}
.list-info .list-notice ul li{position:relative;padding-left:1.8rem;}
.list-info .list-notice ul li + li{margin-top:.4rem;}
.list-info .list-notice ul li:before{content:''; position:absolute;left:0;top:50%;transform:translateY(-50%);width:.4rem;height:.4rem;border-radius:50%;background-color:#686E75;}
.list-info .list-notice ul li a{display:-webkit-flex;display:flex;justify-content:space-between;}
.list-info .list-notice p, .list-info .list-notice time{font-size:1.8rem;line-height:1.6;color:#686E75;font-weight:400;}
.list-info .list-notice p{letter-spacing:-1px;}
.list-info .list-notice .subject{flex:1;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-right:.4rem}
.list-info .list-notice .link-view{right:4rem;top:3.2rem;}

@media screen and (max-width:1023px){
	.list-info > li, .list-info .list-notice{padding:2.8rem 2rem;min-height:auto;}
	.list-info dl{padding-left:7.2rem;}
	.list-info > li:not(.list-notice)::before{left:2rem;width:6rem;height:6rem;}
	.list-info .tit{font-size:1.6rem;padding: 0;}
	.list-info .txt{font-size:1.4rem;}
	.list-info .list-cs .mail{font-size:1.4rem;}
	.list-info .list-notice p,  .list-info .list-notice time{font-size:1.4rem;}
	.list-info .list-notice .link-view{right:2rem;}
}
@media screen and (max-width:720px){
	.list-info{padding:4rem 2rem 5.6rem;}
	.list-info > li:nth-child(n+3){margin-top:.8rem;}
	.list-info > li:nth-child(2n){margin-left:0;}
	.list-info > li + li{margin-top:.8rem;}
	.list-info > li{padding:2rem;width:100%;}
	.list-info dl{padding-left:5.2rem;}
	.list-info > li:not(.list-notice)::before{width:4rem;height:4rem;}
	.list-info .txt{display:none;}
	.list-info .list-cs .mail span{display:none;}
	.list-info .list-cs .mail em{margin-left:0;}
	.list-info li:not(.list-cs, .list-notice) dl:after{
		content:'';
		position:absolute;
		top:.8rem;
		right:1rem;
		margin-left:10px;
		width:10px;
		height:10px;
		border:2px solid #3A3A47;
		border-bottom:none;
		border-right:none;
		background:none;
		-webkit-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		transform:rotate(135deg);
	}
	.list-info li:not(.list-notice) .link-view{display:none;}
	.list-info .list-notice{padding:0;background-color:transparent;border:none;margin-top:3.2rem !important;}
	.list-info .list-notice .tit{padding-bottom:1.6rem;}
	.list-info .list-notice ul li{padding-left:.8rem;}
	.list-info .list-notice ul li:before{width:.2rem;height:.2rem}
	.list-info .list-notice ul li + li{margin-top:.8rem;}
	.list-info .list-notice .link-view{top:0;right:0;}
}


/* =========================================================================================== */
.inner.default-box{width:1100px;}

.select-links{position:relative;border:1px solid #e4eaf2;padding:.5rem 7.2rem .5rem 1.2rem;cursor:pointer;border-radius:.4rem;font-size:1.4rem;color:#323232;}
.select-links:after{content:'';position:absolute;right:14px;top:14px;width:4px;height:4px;border:1px solid #727272;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:transform 0.2s;-webkit-transition:transform 0.2s;}
.select-links.open:after{top:12px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.select-links.open ul{display:block;}
.select-links ul{display:none;width:calc(100% + 1.9px);position:absolute;left:-1px;bottom:29px;background-color:#fff;border:1px solid #e4eaf2;border-bottom:0;border-radius:.4rem .4rem 0 0;z-index:9;padding-top:3px;}
.select-links ul li{line-height:2.6rem;padding:0 1.2rem;}
.select-links ul li + li{margin-top:.8rem;}
.select-links ul li:last-child{margin-bottom:.8rem;}
.select-links ul a{color:#686E75;font-weight:400;}
.select-links ul a:hover{color:#151c22;font-weight:500;}


.breadcrumb{z-index:-1;display:block;position:relative;width:0px;height:0px;color:#727272;font-size:1.2rem;line-height:1.6rem;overflow:hidden;clip:rect(0,0,0,0);border:0;clip-path:inset(50%);word-break:initial;word-wrap:initial;}
/* .breadcrumb{float:right;color:#727272;font-size:1.2rem;line-height:1.6rem;overflow:hidden;margin-bottom:2.4rem;} */
/* ********************* 상단 페이지 경로 디자인 CSS ********************
.breadcrumb li{position:relative;float:left;vertical-align:middle;color:#898989;} 0707
.breadcrumb li.home{display:inline-block;font-size:0;width:16px;height:16px;vertical-align:top;background:url('/wpdp/images/ico_home.png') center center no-repeat;background-size:100% auto;}
.breadcrumb li + li{margin-left:8px;}
.breadcrumb li + li:before{content:'';display:inline-block;width:4px;height:4px;margin-right:8px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:-2px;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.breadcrumb i.arrw{display:inline-block;width:4px;height:4px;margin:0 8px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:-2px;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);} */

* + .form-box{margin-top:3.2rem;}
* + .form-tit{margin-top:7.2rem;}

#wrap .form-tit{margin-bottom:2.4rem;padding-bottom:0.8rem;font-size:1.8rem;line-height:2.8rem;font-weight:700;border-bottom:2px solid #f2f5f9;letter-spacing:-0.108px;}/* 0707 #wrap < css 추가 */
#wrap .form-tit:not(:first-child){margin-top:5.6rem;}
.page-cont .form-tit .txt-small{font-weight:400;}

@media screen and (max-width:1023px){
	#wrap .form-tit{margin-bottom:1.6rem;}
	#wrap .form-tit:not(:first-child){margin-top:4.4rem;}
}
@media screen and (max-width:720px){
	* + .form-box{margin-top:2.4rem;}
	#wrap .form-tit{font-size:1.5rem;line-height:2.4rem;padding-bottom:0.4rem;}
	#wrap .form-tit:not(:first-child){margin-top:4rem;}
}

/* 셀렉트 박스 */
.select-box{position:relative;height:4.8rem;line-height:4.6rem;border:1px solid #e4eaf2;text-align:left;background-color:#fff;}
.select-box:after{content:'';z-index:3;position:absolute;right:1.8rem;top:50%;margin-top:-6px;width:8px;height:8px;border:2px solid #727272;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);transition:transform 0.2s;}
.select-box .select-txt{z-index:2;position:relative;padding:0 1.6rem;font-size:1.5rem;cursor:pointer;letter-spacing:-0.112px;font-weight:500;}
.select-box .select-txt.selected{color:#151c22;}
.select-box .select{display:none;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);background-color:#fff;padding:.6rem 2rem;border:1px solid #E5E5E5;border-radius:0.6rem;z-index:3;}
.select-box .select li{padding:.8rem 0;color:#898989;font-size:1.5rem;line-height:2.4rem;cursor:pointer;}
.select-box .select li:hover{color:#151c22;}
.select-box.open:after{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.select-box.open .select-txt{display:none;}
.select-box.open .select{display:block;max-height:244px;overflow-y:scroll;}

.select-box.medium{display:inline-block;width:calc(100% - 136px);}

.select-box.small{display:inline-block;width:15.8rem;height:3.5rem;line-height:3.3rem;font-size:1.5rem;vertical-align:middle;}
.select-box.small:after{width:6px;height:6px;right:19px;margin-top:-6px;}
.select-box.small .select{border-radius:.4rem;padding:0.1rem 1.6rem;}
.select-box.small .select li{padding:.4rem 0;font-size:1.4rem;line-height:2.4rem;}
.select-box.small .select-txt{color:#686e75;font-weight:400;}
.select-box.small.open .select{height:auto;}
.select-box.small.open:after{margin-top:1px;}
.select-box.small.member-stat + .member-stat{margin-left:.8rem;margin-right:.8rem;}
@media screen and (max-width:1023px){
	.select-box{height:4.6rem;line-height:4.4rem;}
	.select-box .select li{font-size:1.3rem;}
}
@media screen and (max-width:720px){
	.ipt-row .ipt-box { flex-wrap:wrap; }
	.select-box,
	.select-box.small{width:100%;height:4rem;line-height:3.8rem;}
	.select-box .select-txt {font-size:1.3rem;}
	.select-box.small.member-stat { width:100%; }
	.select-box.small.member-stat + .select-box{margin-top:.8rem;margin-left:0;margin-right:0;}
	.select-box.small.member-stat + .btn-sm{width:100%;margin-top:.8rem;}
}

.ipt-box.with-btn{min-height:3.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.ipt-box.with-btn + .ipt-box.with-btn{margin-top:2rem;}
.ipt-box.with-btn label{width:calc(100% - 12rem );}
.ipt-box.with-btn table{margin-top:1.5rem;width:100%;}
.ipt-box .ipt-radio-area{padding:1rem 0 0;border:1px solid #d9d9d9;}
.ipt-box .ipt-radio-area label{width:auto;margin:0 1rem;}

@media screen and (max-width:1023px){
	.ipt-box.with-btn + .ipt-box.with-btn{margin-top:0.8rem;}
}
@media screen and (max-width:720px){
	input[type='checkbox'] + label, input[type='radio'] + label{line-height:2.9rem;}
	.ipt-box.with-btn button{padding:0.75rem 0.8rem;/* line-height:1;*/}
}


input[type='checkbox'],
input[type='radio']{position:absolute;left:0;top:0;z-index:-1;width:0;height:0;opacity:0;}
input[type='checkbox'] + label,
/* input[type='radio'] + label{position:relative;display:inline-block;padding-left:38px;line-height:3rem;font-size:1.8rem;letter-spacing:-.1em;cursor:pointer;} 0707 */
input[type='radio'] + label{display:inline-block;position:relative;padding-left:3.2rem;font-size:1.5rem;line-height:2.4rem;letter-spacing:-.112px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:#151C22;}
input[type='checkbox'] + label:before{content:'';position:absolute;left:0;top:calc(50% - 1.2rem);display:inline-block;width:24px;height:24px;background:url(/wpdp/images/ico_check-common.png) no-repeat center;background-size:auto 24px;}
input[type='radio'] + label:before{content:'';display:inline-block;position:absolute;left:0;top:0;width:24px;height:24px;background:url('/wpdp/images/icon_radio_off.svg') 0 0 no-repeat;background-size:auto 24px;}
input[type='checkbox']:checked + label:before{background-image:url(/wpdp/images/ico_check-active.png);background-size:auto 24px;}
input[type='radio']:checked + label:before{background:url('/wpdp/images/icon_radio_on.svg') no-repeat;}
input.allck-util + label{top:.4rem;padding-left:32px;font-size:1.5rem;}

.tooltip{position:relative;display:inline-block;margin-left:.3rem;line-height:100%;/* font-size:0; */}
.tooltip .btn-tooltip{position:relative;display:inline-block;width:2.4rem;height:2.4rem;/* font-size:0; */background:url('/wpdp/images/ico_tooltip.svg') center center no-repeat;background-size:1.8rem auto;background-position:center center;vertical-align:text-bottom;}
.btn-tooltip .layer{visibility:hidden;position:relative;min-width:35rem;margin-top:.6rem;padding:1.6rem;background-color:#26348F;font-weight:400;border-radius:1rem;color:rgba(255,255,255,0.7);font-size:1.3rem;line-height:2.1rem;position:absolute;top:120%;left:50%;margin-left:-7rem;z-index:10;text-align:left;letter-spacing:-1px;}
.tooltip .layer .tit{display:block;font-weight:700;font-size:1.5rem;line-height:2.4rem;padding-bottom:.8rem;color:#fff;letter-spacing:-0.09px;}
.tooltip .btn-close{position:absolute;right:1.6rem;top:1.6rem;}
.tooltip .btn-close:before,
.tooltip .btn-close:after{border:1px solid #fff;width:16px;}
.btn-tooltip.-active .layer{visibility:visible;}

.btn + .dot-list{margin-top:.4rem;}

.list-box{border-top:1px solid #c4cbd3;}
.list-box li{border-bottom:1px solid #e4eaf2;}


/* ***********************************
	TABLE(기존 테이블 코드 정리)
*********************************** */
.table-box{border-top:1px solid #c4cbd3;overflow-x:auto;}
.table-box table .blind{position:absolute;}
.table-box table{width:100%;}
.table-box.code{overflow-x:auto;}
.table-box:not(.code) table{min-width:40rem;}
.table-box.no-scroll{overflow-x:auto;}
.table-box.no-scroll table{min-width:100%;}

.table-box th{font-weight:500;text-align:center;background-color:#f7f9fc;font-size:1.4rem;padding:1.2rem 2.4rem;border-bottom:1px solid #e4eaf2;line-height:2.2rem;color:#151c22;letter-spacing:-0.105px;}
.table-box td{padding:1.2rem 2.4rem;font-size:1.4rem;line-height:2.2rem;border-bottom:1px solid #e4eaf2;background-color:#fff;}
.table-box td:last-child{padding:1.2rem 2.4rem;}
.table-box td.no-result{padding:8rem 2.4rem;font-size:1.4rem;line-height:2.2rem;text-align:center;}

.table-box.type-c tbody td{text-align:center;}

.table-box.t1 thead th{padding:1.2rem 2.4rem;font-weight:500;letter-spacing:0;text-align:center;}
.table-box.t1 tbody td:first-child{width:auto;}
.table-box.t1 tbody td:nth-child(2){width:auto;}

.table-box.t2 thead th{text-align:center;}
.table-box.t2 thead th:last-of-type{padding-left:2.4rem;}
.table-box.t2 tbody td{color:#727272;}
.table-box.t2 tbody td:last-child{padding-left:2.4rem;}
.table-box.t2 tbody td:not(:first-child){text-align:center;}

/* 목록 테이블 */
.table-box.list { border-top:0; }
.table-box.list table{table-layout:fixed;}
.table-box.list .tit{padding:1.2rem 12.5rem 1.2rem 2.4rem;}
.table-box.list .tit a{display:block;font-size:1.4rem;line-height:2.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#151C22;}
.table-box.list .tit:hover a{text-decoration:underline;}
.table-box.list .tit .small{width:calc(100% - 386px);margin-right:7.2rem;}
.table-box.list th { background:#151C22; color:#fff; }
.table-box.list thead th:first-child { border-top-left-radius:.8rem; border-bottom-left-radius:.8rem; }
.table-box.list thead th:last-child { border-top-right-radius:.8rem; border-bottom-right-radius:.8rem; }
.table-box.list tbody tr:nth-child(even) td { background:#f7f9fc; }
.table-box.list th.date{width:18.4rem;}
.table-box.list th.status{width:12.6rem;}
.table-box.list td.date{font-size:1.4rem;color:#686E75;line-height:2.2rem;text-align:center;}
.table-box.list td.status{font-size:1.4rem;color:#898989;line-height:2.2rem;text-align:center;}
.table-box.list td.status.done{color:#357FFA;}

/* 나의 앱 테이블 */
.table-box.apps em{color:#1490ef;}
.table-box.apps table{table-layout:fixed;min-width:auto;line-height:2.7rem;}
.table-box.apps td{height:14.4rem;font-size:1.4rem;word-wrap:break-word;}
.table-box.apps td:first-child{font-weight:700;color:#323232;}
.table-box.apps td:nth-child(3){font-size:1.4rem;line-height:2.2rem;text-align:center;}
.table-box.apps td:last-child{text-align:center;}
.table-box.apps dl dt{font-weight:700;font-size:1.4rem;color:#323232;line-height:2.2rem;}
.table-box.apps dl dd{font-size:1.3rem;color:#727272;line-height:2.1rem;}
.table-box.apps dl dd + dt{padding-top:1.6rem;}
.table-box.apps dl dt + dd{padding-top:.4rem;}
.table-box.apps dl dd .ipt-eye{font-size:1.3rem;line-height:2.1rem;}
.table-box.apps .btn.btn-sm{padding:0.6rem 1.5rem;font-size:1.3rem;font-weight:500;color:#323232;background-color:transparent;border:1px solid #323232;}
.table-box.apps .app-img{width:100%;}

/* 금액 테이블 (tfoot 포함) */
.table-box.price{border-bottom:1px solid #eaeaea;}
.table-box.price thead th{border-bottom:0;}
.table-box.price tbody td{font-size:1.4rem;color:#323232;border-top:1px solid #e5e5e5;}
.table-box.price tbody tr:first-of-type td{border-top:0;}
.table-box.price tfoot tr > *{padding:1.6rem 0;}
.table-box.price tfoot th{padding:1.2rem 2.4rem;font-weight:500;font-size:1.6rem;color:#1490ef;line-height:2.6rem;text-align:left;border-bottom:0;background-color:#eff5ff;}
.table-box.price tfoot td{padding:1.2rem 2.4rem;font-size:1.6rem;font-weight:700;border-bottom:0;background-color:#f5f9ff}
.table-box.price br{display:none;}
.table-box.price.ptInq table td:nth-of-type(1){width:33rem;}
.table-box.price.ptInq table td:nth-of-type(3){width:21.5rem;text-align:center;}
.table-box.price.ptDtl table td:nth-of-type(1){width:calc(100% / 3);}
.table-box.price.ptDtl table td:nth-of-type(2){width:calc(100% / 3);}
.table-box.price.ptDtl table td:nth-of-type(3){width:calc(100% / 3);}
.table-box.price.ptDtl table tfoot td{text-align:right;}

/* 통계 테이블 */
.table-box.statistics table{text-align:center;}
.table-box.statistics table td{padding:1.2rem 2.4rem;}
.table-box.statistics table td:first-child{padding-left:3rem;}
.table-box.statistics table td:last-child{padding-right:3rem;}
.table-box.statistics table td:nth-child(4),
.table-box.statistics table td:nth-child(5),
.table-box.statistics table td:nth-child(6){text-align:right;}

/* 가이드 콘텐츠 안 테이블 */
.guide>.table-box{font-size:1.5rem;margin:0.8rem 0 1.6rem;line-height:2.8rem;color:#323232;font-weight:500;}
.guide .table-box{border-top:0;}
.guide>.table-box th,
.guide>.table-box td{font-weight:500;}
.guide .table-box th{text-align:left;}
.guide .table-box thead th { background-color:#6a8ca6; color:#fff; border-bottom:0; }
.guide .table-box thead th:first-child { border-top-left-radius:.8rem; }
.guide .table-box thead th:last-child { border-top-right-radius:.8rem; }
.guide .table-box table td{height:4.6rem;font-size:1.3rem;font-weight:400;line-height:2rem;letter-spacing:0;color:#151C22;}
.guide .table-box table td:first-child{padding-left:2.4rem;font-weight:500;}
.guide .table-box table td .dot-list li{padding-left:2rem;font-size:1.3rem;line-height:2rem;font-weight:400;}
.guide .table-box table td .dot-list li:before{top:1rem;left:0.8rem;}

.guide .table-box tbody:nth-child(1) tr th,
.guide .table-box colgroup + tbody tr th,
.guide .table-box tbody:nth-child(1) tr td,
.guide .table-box colgroup + tbody tr td { border-top:1px solid #c4cbd3; }

.guide .txt-box .table-box{font-size:1.6rem;margin:0 !important;color:#151c22;}
.guide .txt-box .table-box table td:first-child{width:22rem;}
.guide .txt-box .table-box table td:nth-child(2){width:8.5rem;}
.guide .txt-box .table-box table td span.desc{font-size:1.3rem;line-height:2.2rem;}

.guide .txt-box .table-box.t1 table { border-radius:.8rem; overflow:hidden; }
.guide .txt-box .table-box.t1 table td:first-of-type:nth-last-child(2){width:29.2rem;}
.guide .txt-box .table-box.t1 tbody td{padding:1.2rem 2.4rem;}
.guide .txt-box .table-box.t1 table td:first-child{width:22.8rem;}
.guide .txt-box .table-box.t1 table td:nth-child(2){width:auto;}
.guide .txt-box .table-box.t1 table td.f-uline a{color:#727272;}
.guide .txt-box .table-box.t1 table tr:last-child td { border-bottom:0; }
/* table-box.t1 > td*3 */
.guide .txt-box .table-box.t1 table td:nth-child(3):last-child{width:23.4rem;padding-left:4.4rem;}
/* table-box.t1 > td*4 */
.guide .txt-box .table-box.t1 table td:nth-child(1):nth-last-child(4){width:17.7rem;}
.guide .txt-box .table-box.t1 table td:nth-child(2):nth-last-child(3){width:auto;}
.guide .txt-box .table-box.t1 table td:nth-child(3):nth-last-child(2){width:18.5rem;padding-left:3.4rem;padding-right:3.4rem;}
.guide .txt-box .table-box.t1 table td:nth-child(4):nth-last-child(1){width:15.9rem;}
.guide .txt-box .table-box.t1 table td:nth-child(4):nth-last-child(1){text-align:center;}

.guide .txt-box > img{max-width:100%;}

.guide .txt-box .table-box .btn-txt{margin-top:0.4rem;font-weight:700;}

.guide .table-box.code{margin-top:0.8rem;border-color:#e4eaf2;}
.guide .table-box.code td{min-width:20rem;height:5.6rem;padding:1.6rem 2.4rem;font-weight:400;font-size:1.5rem;line-height:2.4rem;}
.guide .table-box.code tbody:nth-child(1) tr th,
.guide .table-box.code tbody:nth-child(1) tr td { border-color:#e4eaf2; }
.guide .table-box.code tr:nth-child(even) td { background:#f7f9fc; }

.guide.guide-intro .txt-box .table-box table td{width:auto !important;}
.guide.guide-intro .table-box{margin:0.8rem 0 0;overflow-x:auto;border-top:0;}
.guide.guide-intro .table-box th{padding:1.2rem 2.4rem;font-size:1.4rem;line-height:2.2rem;text-align:center;font-weight:500;letter-spacing:-0.105px;}
.guide.guide-intro .table-box td + td{border-left:1px solid #e4eaf2;}
.guide.guide-intro .table-box td ul{margin-left:0;}
.guide.guide-intro .table-box + p,
.guide.guide-intro .table-box + .p{margin:0.8rem 0 0;}

@media screen and (max-width:1023px){
	.table-box.mo-scroll table{min-width:900px;}

	.guide .table-box.code td{height:5.4rem;padding:1.6rem 1.2rem;font-size:1.4rem;}
	.guide .table-box.code td:nth-of-type(1):first-of-type{min-width:6rem;}

	.table-box.list .tit{padding:1.2rem 1rem;}	
	.table-box.list th.date{width:11rem;}
	.table-box.list th.status{width:10rem;}	

	.table-box.apps colgroup{display:none;}
	.table-box.apps th:nth-child(4),
	.table-box.apps td:nth-child(4){display:none;}

	.guide .txt-box .table-box table td:first-child{width:auto;}
}
@media screen and (max-width:840px){
	/* .table-box */
	.guide .txt-box .table-box{overflow-x:scroll;}
	.guide .txt-box .table-box.t1 table td:first-of-type:nth-last-child(2){width:auto;}
	.guide .txt-box .table-box.t1 table td:nth-child(2){min-width:24rem;}
	.guide .txt-box .table-box.t1 table td:nth-child(2):not(:nth-last-child(1)){width:30rem;}
}

@media screen and (max-width:720px){
	.table-box.apps .btn-sm{min-width:10.1rem;}

	.table-box td,
	.table-box td:first-child,
	.table-box td:last-child{padding:1.2rem 1rem;}	

	.table-box.price tbody td:nth-child(2){padding:1.2rem 1rem;}
	.table-box.price tfoot th,  
	.table-box.price tfoot td{padding:.9rem 1rem;font-size:1.5rem;line-height:2.4rem;}

	.table-box.apps td:first-child{white-space:normal;text-overflow:initial;}

	.table-box.price table th{padding:1.2rem 1rem;}
	.table-box.price.ptInq table td:nth-of-type(1){width:15rem;}
	.table-box.price.ptInq table td:nth-of-type(3){width:11rem;}
	.table-box.price.ptDtl table td:nth-of-type(1){width:31.8rem;}
	.table-box.price.ptDtl table td:nth-of-type(3){width:31.9rem;}

	.guide .table-box.code{margin-top:1.2rem;}
	.guide .table-box.code td:nth-of-type(1):first-of-type{padding-left:1rem;}
}
@media screen and (max-width:470px){
	.table-box{overflow-x:scroll;}
	.guide .txt-box .table-box.t1 table td.f-uline{text-decoration:none!important;}
	.guide .txt-box .table-box.t1 table td.f-uline a{pointer-events:none;}
	.guide.guide-intro .table-box{overflow-x:scroll;}
	.guide.guide-intro .table-box table{width:100%;}
}




.list-box li .name{color:#727272;}

.src-box{padding:1.8rem 2.6rem;background:#272727;border-radius:1rem;}
.src-box + .src-box{margin-top:1.6rem;}
.src-box p{margin-bottom:0!important;font-weight:400;}


.pagination{text-align:center;font-size:0;margin-top:4rem;}
.pagination a{display:inline-block;width:2.4rem;height:2.4rem;line-height:2.4rem;box-sizing:border-box;border-radius:.4rem;text-align:center;vertical-align:top;font-size:1.4rem;color:#686E75;}
.pagination a.on{color:#fff;background:#26348f;font-weight:700;border-radius:50%;}
.pagination a + a{margin-left:0.4rem;}
.pagination a[class^='page']{font-size:0;border:0;width:1.6rem;position:relative;top:0;}
.pagination a[class^='page']:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;vertical-align:middle;}
.pagination a.page-first:before{background:url('/wpdp/images/ico_pagination_left_2.svg') no-repeat;background-position:0 0;background-size:1.6rem auto;}
.pagination a.page-prev:before{background:url('/wpdp/images/ico_pagination_left.svg') no-repeat;background-size:1.6rem auto;}
.pagination a.page-prev + a{margin-left:2.4rem;}
.pagination a.page-next{margin-left:2.4rem;}
.pagination a.page-next:before{background:url('/wpdp/images/ico_pagination_right.svg') no-repeat;background-size:1.6rem auto;}
.pagination a.page-last:before{background:url('/wpdp/images/ico_pagination_right_2.svg') no-repeat;background-size:1.6rem auto;}
@media screen and (max-width:1023px){
	.pagination{margin-top:2.4rem;}
	.pagination a + a{margin-left:0.8rem;margin-bottom:0.8rem;}
	.pagination a.page-prev + a{margin-left:1.6rem;}
	.pagination a.page-next{margin-left:1.6rem;}
}

.list-detail{border-top:1px solid #c4cbd3;}
.list-detail .title{padding:1.6rem 2.4rem;border-bottom:1px solid #e4eaf2;}
.list-detail .title h2{padding:0;font-weight:500;font-size:1.8rem;line-height:2.9rem;word-break:break-all;vertical-align:middle;}
.list-detail .title .name{display:inline-block;color:#727272;vertical-align:top;padding:1.6rem 1.6rem 0 0;}
.list-detail .title .date{display:inline-block;font-size:1.5rem;color:#686e75;line-height:2.4rem;}
.list-detail .title .name + .date{line-height:inherit;}
.list-detail .detail{padding:2.4rem;font-size:1.6rem;line-height:2.8rem;border-bottom:1px solid #e4eaf2;word-break:break-all;}
.list-detail .detail .attach-box{margin-top:8rem;display:flex;}
@media screen and (max-width:1023px){
	.list-detail{margin-top:1.6rem;}
	.list-detail .title{padding:1.6rem 0;}
	.list-detail .title h2{display:block;width:100%;font-size:1.6rem;line-height:2.6rem;}
	.list-detail .title .date{font-size:1.3rem;line-height:2.1rem;}
	.list-detail .detail{padding:1.6rem 0;font-size:1.4rem;line-height:2.2rem;}
	.list-detail .detail .attach-box{margin-top:5rem;}
}

.attach-box{background-color:#f7f9fc;border-radius:0.8rem;padding:2.4rem;overflow:hidden;}
.attach-box .tit{width:7rem;font-weight:500;letter-spacing:-0.096px;}
.attach-box ul{width:calc(100% - 7rem - 4rem);margin-left:4rem;}
.attach-box ul li + li{margin-top:8px;}
.attach-box ul a{display:block;position:relative;padding-left:3.2rem;font-size:1.5rem;color:#151c22;}
.attach-box ul a:before{content:'';display:block;position:absolute;left:0;top:3px;width:24px;height:24px;vertical-align:middle;margin-right:8px;background:url('/wpdp/images/ico_filedown.svg') center center no-repeat;background-size:100% auto;}
.list-preview{border-bottom:1px solid #e4eaf2;}
.list-preview li{padding:1.6rem 2.4rem;font-size:1.5rem;color:#151c22;}
.list-preview li + li{border-top:1px solid #e4eaf2;}
.list-preview li .tit{display:inline-block;width:calc(100% - 129px);padding:0 3.2rem;font-size:1.5rem;color:#151c22;line-height:2.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;vertical-align:middle;}
.list-preview span:first-child{display:inline-block;width:5rem;line-height:2.4rem;vertical-align:middle;font-weight:500;letter-spacing:-0.09px;}
.list-preview .date{display:inline-block;width:7rem;color:#686E75;vertical-align:middle;} 
.list-preview .prev:after{content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:0;background:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.list-preview .next:after{content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:-4px;background:none;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.list-preview li .no-list{padding:0 3.2rem;color:#686e75;}
.list-preview + .btn-box .btn,
.list-detail + .btn-box .btn{margin:0 auto;}

@media screen and (max-width:1023px){
	.list-preview + .btn-box .btn,
	.list-detail + .btn-box .btn{width:100%;max-width:none;}
}

/* 0628 추가 */
.list-dot-desc1{margin-bottom:1.6rem;}
dl.list-dot-desc1 dt{position:relative;padding-left:2.2rem;font-weight:700;font-size:1.5rem;line-height:2.4rem;}
dl.list-dot-desc1 dt:before{content:'';display:block;position:absolute;top:1rem;left:0.9rem;width:0.4rem;height:0.4rem;background:#151c22;border-radius:50%;}
dl.list-dot-desc1 dd{margin-top:0.4rem;font-size:1.5rem;line-height:2.4rem;letter-spacing:0;}
p.list-dot-desc1{position:relative;padding-left:2.2rem;font-weight:700;font-size:1.6rem;line-height:2.9rem;}
p.list-dot-desc1, .guide p.list-dot-desc1{margin-bottom:1.6rem;}
p.list-dot-desc1:before{content:'';display:block;position:absolute;top:1.3rem;left:0.9rem;width:0.4rem;height:0.4rem;background:#30344F;border-radius:50%;}

p + .list-dot-desc1{margin-top:0.8rem;}
.txt-box + .list-dot-desc1{margin-top:1.6rem;}

* + .tab-wrap{margin-top:4rem;}
.tab-wrap{margin-bottom:3.2rem;}
.tab-wrap .tabs{width:100%;position:relative;/* height:4.8rem;*/display:flex;}
.tab-wrap .tabs:before{clear:both;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;border:1px solid #d5dbe3;background:#f7f9fc;box-sizing:border-box;}
.tab-wrap .tabs li{position:relative;width:50%;height:100%;font-size:1.7rem;color:#686E75;line-height:4.8rem;text-align:center;cursor:pointer;letter-spacing:-0.102px;font-weight:350;}
.tab-wrap .tabs li + li{}
.tab-wrap .tabs li a{display:block;width:100%;height:100%;color:#686e75;}
.tab-wrap .tabs li.on{z-index:1;background:#fff;border:1px solid #26348F;color:#26348F;border-radius:6px;font-weight:500;line-height:4.6rem;}
.tab-wrap .tabs li.on a{color:#26348f;}
.tab{display:none;position:relative;}
.tab.on{display:block;}
.tab > p:first-child{font-size:1.6rem;color:#26348F;font-weight:400;letter-spacing:-0.105px;}
.tab > p + .ipt-box{margin-top:0.8rem;}

.tab-wrap.open-tab{margin-bottom:2.4rem;}
.tab-wrap.hash-tab{margin-bottom:1.8rem;}
.tab-wrap.open-tab .tabs,
.tab-wrap.hash-tab .tabs{display:inline-block;width:100%;padding-top:1px;overflow:hidden;vertical-align:top;font-size:0;}
.tab-wrap.open-tab .tabs:before,
.tab-wrap.hash-tab .tabs:before{content:none;}
.tab-wrap.open-tab .tabs li,
.tab-wrap.hash-tab .tabs li{display:inline-block;width:auto;min-width:10.2rem;border-radius:3rem;border:1px solid #d5dbe3;padding:0.8rem 2.4rem;margin:0 0.8rem 0rem 0;font-weight:400;font-size:1.8rem;color:#686E75;line-height:2.8rem;background-color:#f7f9fc;height:4.8rem;}
.tab-wrap.open-tab .tabs li.on,
.tab-wrap.hash-tab .tabs li.on{background-color:#fff;color:#26348F;border-color:#26348F;}
.tab.open-tab{display:block;margin-top:0;}
.tab-wrap.open-tab .tabs li:last-of-type,
.tab-wrap.hash-tab .tabs li:last-of-type{margin-right:0;}

@media screen and (max-width:1023px){
	.tab > p:first-child{font-size:1.4rem;}
	.tab-wrap.open-tab,
	.tab-wrap.hash-tab{position:relative;margin-bottom:2.4rem;margin-left:-2rem;margin-right:-2rem;}
	/* .tab-wrap.open-tab:after,
	.tab-wrap.hash-tab:after{content:'';position:absolute;right:-10px;top:0;width:25px;height:100%;background:linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,1));} */
	* + .tab-wrap { margin-top:3.2rem; }
	.tab-wrap.open-tab .tabs,
	.tab-wrap.hash-tab .tabs{width:100%;overflow-x:scroll;white-space:nowrap;padding-left:2rem;padding-right:2rem;}
	.tab-wrap.open-tab .tabs li,
	.tab-wrap.hash-tab .tabs li{min-width:auto;font-size:1.6rem;padding:.8rem 1.6rem;margin:0 0.8rem 0 0;}
	
}

.inner div[class^='list']{display:block;}

.accordion{border-top:2px solid #f2f5f9;}
.accordion .acc-head,
.accordion .acc-body{border-bottom:1px solid #e4eaf2;}

.accordion .acc-head{position:relative;cursor:pointer;padding:1.6rem 2.4rem;font-size:1.5rem;line-height:2.4rem;word-break:break-all;}
.accordion .acc-head:after{content:'';position:absolute;right:30px;top:50%;margin-top:-8px;width:10px;height:10px;border:2px solid #a1a9b2;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);transition:transform 0.2s;-webkit-transition:transform 0.2s;}
.accordion .acc-head.open{border-bottom:0;color:#1490ef;}
.accordion .acc-head.open:after{margin-top:-4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:#1490ef;}
.accordion .acc-body{display:none;font-size:1.5rem;background-color:#F7F9Fc;padding:1.6rem 2.4rem;line-height:2.4rem;overflow:hidden;}

.table-tit{font-size:1.8rem;font-weight:700;line-height:2.8rem;} 
@media screen and (max-width:1023px){
	.table-tit{margin-top:2.4rem;font-size:1.5rem;line-height:2.4rem;}
}


/* //common */


/* modal */
.modal-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0, 0, 0, 0.6);}
.modal-wrap *::-webkit-scrollbar{background-color:transparent;width:.5rem;height:.5rem;}
.modal-wrap *::-webkit-scrollbar-thumb{background-color:#e5e5e5;border-radius:5rem;} 
.modal-wrap *::-webkit-scrollbar-track{background-color:transparent;}
.modal{display:block;position:absolute;left:50%;top:50%;width:650px;padding:3rem;background-color:#fff;background-clip:padding-box;transform:translateX(-50%) translateY(-50%);border-radius:2.4rem;outline:none;}
.modal-wrap.modal-sm .modal{width:550px;}
.modal-head{position:relative;border-bottom:2px solid #f2f5f9;}
.modal-head .tit{padding-bottom:0.8rem;padding-right:46px;font-size:1.8rem;line-height:2.8rem;letter-spacing:-0.108px;font-weight:700;}
.modal-head .btn-close{position:absolute;top:0;right:0;}
.modal-cont{padding:2.4rem 0 0;font-size:1.5rem;line-height:2.4rem;max-height:441px;/* overflow-y:scroll;*/overflow-x:hidden;}
.modal-cont .sub-tit{font-weight:500;font-size:1.5rem;line-height:2.4rem;}
.modal-cont .sub-tit ~ p {font-weight:400;font-size:1.5rem;line-height:2.4rem;color:#323232;}
.modal-cont .confirm-txt{font-size:1.8rem;font-weight:400;line-height:2.8rem;letter-spacing:-0.108px;}
.modal-cont .confirm-txt em{}
.modal-cont pre{white-space:break-spaces;}
.modal-cont .btn-box{margin-top:3.2rem;text-align:center;}
.modal-cont .btn-box.flex{margin-top:2.4rem;}
.modal-cont .btn-box.flex .btn{width:50%;}
.modal-cont .btn-box.flex .btn + .btn { margin:0 0 0 .8rem; }
.modal-cont .btn-box .btn{margin:0 auto;}

.modal.alert{width:360px;border-radius:2rem;}
.alert .modal-cont{padding:0;text-align:center;max-height:none;overflow-y:hidden;letter-spacing:-1px;}
.alert .btn-box .btn{width:100%;max-width:none;font-size:1.5rem;height:4.8rem;padding:1rem 1.1rem;}
.alert .btn-box .btn + .btn{margin:0 0 0 .8rem;}

.modal-wrap.terms .modal-cont #pdfDiv{margin-top:3.2rem;}
.modal-wrap.terms .modal-cont embed{height:calc(100vh - 32rem);}
@media screen and (max-width:1023px){
	.modal-cont .btn-box{margin-top:2.4rem;}
	.modal{width:100% !important;height:100%;border-radius:0;padding:2.4rem 2rem;left:0;top:0;transform:none;}
	.modal-head .tit{padding-bottom:1.2rem;font-size:1.6rem;line-height:2.6rem;}
	.modal-cont{height:calc(100% - 46px);max-height:none !important;overflow-y:scroll !important;padding:1.6rem 0 2.4rem;}
	.modal-cont .btn-box .btn{width:100%;max-width:none;}
	.modal-cont .btn-box.flex .btn{width:100%;}
	.modal.alert{width:320px !important;height:auto;transform:translateX(-50%) translateY(-50%);left:50%;top:50%;}
	.modal-cont .confirm-txt{font-size:1.6rem;line-height:2.5rem;letter-spacing:-0.096px;}
}


/* //modal */
/* style */
#container *::-webkit-scrollbar{background-color:transparent;width:.3rem;height:.3rem;}
#container *::-webkit-scrollbar-thumb{background-color:#e5e5e5;border-radius:.3rem;} 
#container *::-webkit-scrollbar-track{background-color:transparent;}
#container .main-inner::-webkit-scrollbar,
#container .main-inner::-webkit-scrollbar-thumb, 
#container .main-inner::-webkit-scrollbar-track{background-color:transparent;}

.main-notice{padding:1rem 0;margin-bottom:50px;font-size:1.6rem;line-height:4rem;}
.main-notice .tit{margin-right:42px;font-size:2.4rem;font-weight:500;line-height:3.8rem;letter-spacing:-1px;vertical-align:middle;}
.main-notice .txt{display:inline-block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;color:#323232;}
.main-notice .date{padding-right:16px;}
.main-notice .btn-txt{border-bottom:0;float:right;color:#323232;top:1rem;}
@media screen and (max-width:1200px){
	.main-notice{padding:1rem 3rem;}
}
@media screen and (max-width:1023px){
	.main-notice .tit{padding-left:2rem;}
	.main-notice .txt{width:calc(100% - 30rem);}
	.main-notice .btn-txt{margin-right:4rem;}
}

.page-cont .inner{overflow:hidden;}
.page-cont .inner.no-overflow{overflow:initial;}/* 0627 */
.page-cont{background-color:#f5f9ff;padding:4.8rem 0 5.6rem;}
.page-cont.page-error{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;}
.page-cont .desc-txt{font-size:1.3rem;font-weight:400;line-height:2rem;letter-spacing:-0.097px;}
.page-cont .desc-txt span{display:block;}
.page-cont .desc-txt em{
    font-weight:500;
    color:#1490ef;
}

@media screen and (max-width:1023px){
	.page-cont.page-error{padding-top:4.8rem !important;}
	.page-cont .desc-txt span{display:inline;}
}

/* .form-box .btn-box .btn{margin:0 auto;} */
/* .form-box .btn-box .btn:not(:only-child){margin:0;	}
.form-box .btn-box .btn:not(:only-child) + .btn{margin-left:1.2rem;} */
.form-box .dot-list{font-size:1.3rem;color:#686e75;line-height:2rem;letter-spacing:-.097px;font-weight:400;}
.form-box .dot-list li:before{top:8px;}
.form-box .dot-list.btm-desc{margin-top:4rem;}
.form-box .dot-list.btm-desc li{padding-left:2.2rem;letter-spacing:0;}
.form-box .dot-list.btm-desc li:before{left:1rem;top:1rem;}
.form-box .ipt-txt-wrap + .dot-list li:before{top:0.9rem;}
@media screen and (max-width:1023px){
	/* .form-box .btn-box:last-of-type{margin-top:4rem;} */
	.form-box .btn-box .btn{width:100%;max-width:none;}
	.form-box .dot-list.btm-desc{margin-top:2.4rem;}
}

.ipt-txt-wrap + *{margin-top:4px;}
.ipt-txt-wrap .time-cnt{z-index:2;position:absolute;top:1.3rem;right:1.75rem;font-size:1.4rem;font-weight:400;color:#1490ef;line-height:2.2rem;}

label .tooltip{top:2px;}
.box-join-checked{border-top:1px solid #26348f;border-bottom:1px solid #e4eaf2;}
#wrap .box-join-checked + .form-tit{margin-top:5.6rem;}

p.checked{padding:1.6rem 2.4rem;font-size:1.5rem;line-height:2.4rem;}
p.checked + p.checked{background-image:linear-gradient(to right, #e4eaf2 33%, rgba(255,255,255,0) 0%);background-position:top;background-size:4px 1px;/*점선 간격 수정*/background-repeat:repeat-x;}
p.checked:before{content:'';display:inline-block;position:relative;top:3px;width:1.8rem;height:1.8rem;margin-right:1rem;background:url('/wpdp/images/ico_checked.svg') center center no-repeat;background-size:100% auto;}

.info-img{width:616px;margin:0 auto;text-align:center;}
.info-img.type02 { padding-top:11.2rem; }
.info-img img{width:100%;margin-bottom:4rem;}
.info-img h2{margin:3.2rem 0 1.6rem;padding:0;font-size:2.2rem;font-weight:700;line-height:3.3rem;letter-spacing:-0.132px;}
.info-img p{color:#686e75;font-size:1.6rem;line-height:2.6rem;font-weight:400;}
.info-img .btn-box{margin-top:3.2rem;}
@media screen and (max-width:1023px){
	.info-img{width:100%;padding:2rem 0;}
	.info-img h2{font-size:1.8rem;line-height:2.8rem;letter-spacing:-0.108px;padding:0 4rem;word-break:keep-all;}
	.info-img p{font-size:1.3rem;line-height:2rem;}
}
@media screen and (max-width:720px){
	.info-img.type02 { padding-top:5.6rem; }
}

.info-img .img-wrap{position:relative;margin:0 auto;}
.info-img .img-wrap.join-done{width:120px;height:120px;}
.info-img .img-wrap.join-done img { width:100%;margin-bottom:0; }
.spinner-wrap{display:block;position:absolute;top:0;left:0;width:120px;height:120px;transform:rotate(-90deg);}
.spinner{display:block;position:relative;
	/* overflow:hidden;*/
	height:50%;}
.spinner:after{content:'';	position:absolute;top:0;left:0;width:120px;height:120px;box-sizing:border-box;border-radius:50%;border:4px solid transparent;}
.spinner.top:after{border-top-color:#4258E7;border-left-color:#4258E7;animation:done-top-moving .2s 1 linear both;animation-delay:.1s;}
.spinner.bottom:after{top:-60px;border-top-color:#4258E7;border-left-color:#4258E7;animation:done-btm-moving .2s 1 linear both;animation-delay:.3s;}
@keyframes done-top-moving{
	from{transform:rotate(225deg);}
	to{transform:rotate(45deg);}
}

@keyframes done-btm-moving{
	from{transform:rotate(45deg);}
	to{transform:rotate(-135deg);}
}

@keyframes done-img{
	0%{opacity:1;}
	100%{opacity:0;}
}
@media screen and (max-width:1023px){
	.info-img .img-wrap.join-done{width:90px;}
	.info-img .img-wrap.join-done:before{top:36px;left:calc(50% + 16px);width:36px;height:48px;background-size:248px auto;overflow:hidden;}
	.info-img .img-wrap.join-done:after{top:36px;left:2px;width:44px;height:48px;background-size:248px auto;}
	.spinner-wrap{left:15px;width:90px;}
	.spinner:after{width:90px;height:90px;}
}

.info-img .img-wrap.no-result{position:relative;display:inline-block;margin:0 auto;height:8.6rem;}
.info-img .img-wrap.no-result:before{content:'';display:block;width:9.6rem;height:8.6rem;background:url('/wpdp/images/bg_nodata.png') center no-repeat;background-size:100% auto;}
.info-img .img-wrap.no-result:after{content:'';position:absolute;display:block;width:2.4rem;height:2.4rem;left:50%;top:42%;animation:no-result-moving 4s infinite;background:url('/wpdp/images/ico_nodata.png') center no-repeat;background-size:100% auto;transform:translate(-50%, -50%)}
@keyframes no-result-moving{
	0%{left:40%;}
	50%{left:60%;}
	100%{left:40%;}
}

.page-error .inner{position:relative;top:50%;transform:translateY(-50%);}
#container[page-type="full-cont"] .page-error .inner{top:inherit;transform:inherit;}
.page-error .info-img{padding-top:0;}
.info-img .img-wrap.error{position:relative;width:8.8rem;height:8.8rem;background:url('/wpdp/images/bg_400error.png') center no-repeat;background-size:100% auto;}
.info-img .img-wrap.error:before{content:'';position:absolute;left:50%;top:50%; transform:translate(-50%, -50%);width:3.6rem;height:3.6rem;animation:error-moving .5s ease-in both; background-image:url('/wpdp/images/ico_400error.png');background-repeat:no-repeat;background-size:auto 100%;}
.info-img .img-wrap.error.refresh { width:9.6rem; height:8.5rem; background:url('/wpdp/images/bg_500error.png') center no-repeat;background-size:100% auto; }
.info-img .img-wrap.error.refresh:before{content:'';width:1rem;height:4.4rem;background-image:url('/wpdp/images/ico_500error.png');animation:error-moving2 .5s ease-in both;}
@keyframes error-moving{
	0%{transform:translate(-50%, -50%) rotate(0);}
	100%{transform:translate(-50%, -50%) rotate(180deg);}
}
@keyframes error-moving2{
	0%{top:0;}
	30%{top:60%;}
	50%{top:65%;}
	80%{top:50%;}
	90%{top:55%;}
	100%{top:58%;}
}

.info-img .img-wrap.timeout{position:relative;width:5.8rem;height:7.5rem;background:url('/wpdp/images/bg_logout.png') center no-repeat;background-size:100% auto;}
.info-img .img-wrap.timeout .ico-timeout{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:5.6rem;height:3.1rem;background:url('/wpdp/images/ico_logout.png') center no-repeat;background-size:100% auto;animation:timeout-moving2 .4s ease-out both;}
@keyframes timeout-moving2{
	0%{right:-30px;}
	50%{right:-45px;}
	100%{right:-30px;}
}
.statistics-search{padding:3rem;border-radius:0.8rem;}
.statistics-search>.ipt-row{display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-end;}
.statistics-search>.ipt-row>.ipt-box{width:55.6rem;}
.statistics-search>.ipt-row>.ipt-box>.ipt-box.flex>.ipt-row>.ipt-box{flex:none;}
.statistics-search>.ipt-row>.ipt-box>.ipt-box.flex>.ipt-row>.ipt-box + .ipt-box{margin-left:4rem;}
.statistics-search>.ipt-row>.ipt-box>.ipt-box.flex>.ipt-row>.ipt-box>label{width:auto;margin-right:0;}
.statistics-search>.ipt-row>.btn-box{width:calc(100% - 55.6rem);margin:inherit;}
@media screen and (max-width:1023px){
	.statistics-search>.ipt-row>.ipt-box{width:100%;}
	.statistics-search>.ipt-row>.btn-box{width:100%;}
}

.join-proccess .modal{width:820px;}
.join-proccess .modal-cont{font-size:0;padding:2.2rem 2rem 1rem;max-height:none;overflow-y:hidden;}
.join-proccess .modal-cont div{display:inline-block;width:calc((100% - 20px) / 2);}
.join-proccess .modal-cont div + div{margin-left:20px;}
.join-proccess .modal-cont p{position:relative;z-index:1;margin:0 2rem;padding:0 0 1.5rem;font-size:1.6rem;color:#1490ef;letter-spacing:-1px;line-height:2.6rem;text-align:center;border-bottom:1px solid #d5dbe3;font-weight:500;}
.join-proccess .modal-cont p:before{content:'';display:block;width:7.2rem;height:7.2rem;background:url('/wpdp/images/img_join_pop01.png') center no-repeat;background-size:100% auto;margin:0 auto 1.6rem;}
.join-proccess .modal-cont ol{border-radius:2rem;background-color:#ecf6fe;padding:11.5rem 2.6rem 3rem;margin-top:-9.9rem;}
.join-proccess .modal-cont ol li{padding-left:1.5rem;font-size:1.3rem;color:#686e75;line-height:2rem;font-weight:400;}
.join-proccess .modal-cont ol li + li{margin-top:1.6rem;}
.join-proccess .modal-cont ol li span{display:block;margin-left:-1.5rem;padding-bottom:0.4rem;font-size:1.5rem;color:#151C22;font-weight:500;}
.join-proccess .modal-cont  div + div p { color:#4258e7; }
.join-proccess .modal-cont  div + div p:before{background:url('/wpdp/images/img_join_pop02.png') center no-repeat;background-size:100% auto;}
.join-proccess .modal-cont  div + div ol{background-color:#f0f2fd;color:#fff !important;}
@media screen and (max-width:1023px){
	.join-proccess .modal-cont{margin-top:1.6rem;padding:0;}
	.join-proccess .modal-cont div{width:100%}
	.join-proccess .modal-cont div + div{margin:1.6rem 0 0;}
	.join-proccess .modal-cont p{margin:0 1.6rem;padding:1.6rem 0 0.8rem;font-size:1.5rem;line-height:2.4rem;text-align:left;}
	.join-proccess .modal-cont p:before{display:none;}
	.join-proccess .modal-cont ol{margin-top:-5rem;padding:5.8rem 1.6rem 1.6rem;border-radius:0.6rem;}
	.join-proccess .modal-cont ol li{font-size:1.3rem;line-height:2.1rem;}
	.join-proccess .modal-cont ol li + li{margin-top:0.8rem;}
	.join-proccess .modal-cont ol li span{font-size:1.4rem;line-height:2.2rem;}
	.join-proccess .modal-cont  div + div ol{background-color:rgba(38,52,143, 0.1);}
}

.manager-select .modal-cont{max-height:700px;overflow-y:auto;}
.manager-select .modal-cont ul{height:330px;overflow-y:scroll;margin:2.4rem 0rem;border-top:1px solid #c4cbd3;}
.manager-select .modal-cont .ipt-box{padding:1.2rem 1.6rem;}
.manager-select .modal-cont .ipt-box + .ipt-box{margin-top:0;border-top:1px solid #e5e5e5;}
.manager-select .modal-cont .ipt-box:last-child{border-bottom:1px solid #e5e5e5;}
.manager-select .modal-cont li label{width:100%;padding:0 2.4rem 0 4rem;font-size:1.4rem;line-height:2.2rem;box-sizing:border-box;word-break:break-all;font-weight:400;}
.manager-select .modal-cont li label:before{top:50%;margin-top:-1rem;}
.manager-select .modal-cont li .name{display:block;}
.manager-select .modal-cont li .contact{display:block;}
@media screen and (max-width:1023px){
	.manager-select .modal-cont ul{margin:2.4rem 0;}
	.manager-select .modal-cont .ipt-box{padding:0.8rem 0;}
}
.withdraw .modal-cont{letter-spacing:-.06rem;}
.withdraw .modal-cont p{font-size:1.8rem;}
.withdraw .modal-cont span{display:block;font-size:1.6rem;padding-bottom:2.4rem;}

.terms .modal-cont{max-height:inherit!important;}
@media screen and (max-width:1023px){
	.terms .modal-cont{height:calc(100vh - 6rem - 0.6rem);}
}
.timeout .modal{width:550px;}
.timeout .time-count{display:block;padding:1.6rem 0;color:#1490EF;font-weight:700;}
@media screen and (max-width:1023px){
	.timeout .time-count{padding:0.8rem 0;}
}

.default-box .text-box{font-size:1.6rem;padding-bottom:5rem;}
.default-box .text-box em{font-size:2.4rem;}

.open-tab h2{margin-top:4rem;padding:0 0 0.8rem;font-size:1.8rem;font-weight:500;line-height:2.8rem;color:#151C22;}

.list-detail .answer{background-color:#f7f7f7;padding:2.4rem;font-size:1.6rem;border-bottom:1px solid #e5e5e5;}
.list-detail .answer .top{font-size:1.5rem;color:#727272;letter-spacing:-0.6px;}
.list-detail .answer .top:before{content:'';display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:8px;
								background:url('/wpdp/images/ico_as_arrow.png') center center no-repeat;background-size:100% auto;}
.list-detail .answer .top .date{display:inline-block;color:#898989;padding-left:16px;}
.list-detail .answer p{font-size:1.5rem;line-height:2.4rem;padding:0 3.2rem;word-wrap:break-word;}

.tab .txt-center{padding-bottom:6.5rem;}

.biz-proposal{font-size:0;max-width:76.8rem;margin:4rem auto 0;}
.biz-proposal li{position:relative;display:inline-block;font-size:1.5rem;line-height:1.6;color:#686E75;text-align:center;vertical-align:top;width:33.333%;letter-spacing:-.112px;}
.biz-proposal li:before{content:'';display:block;width:12rem;height:12rem;margin:0 auto 1.6rem;background-repeat:no-repeat;background-size:100% auto;}
.biz-proposal li + li:after{content:'';position:absolute;left:-1.2rem;top:4.8rem;width:2.4rem;height:2.4rem;background:url('/wpdp/images/ico_intro.png') -190px -88px no-repeat;background-size:300px auto;}
.biz-proposal li:nth-child(1):before{background-image:url(/wpdp/images/ico_intro_17.png);}
.biz-proposal li:nth-child(2):before{background-image:url(/wpdp/images/ico_intro_18.png);}
.biz-proposal li:nth-child(3):before{background-image:url(/wpdp/images/ico_intro_22.png);}
.biz-proposal.center{text-align:center;}
@media screen and (max-width:720px){
	.biz-proposal.center{border:1px solid #e5e5e5;border-radius:0.6rem;}
	.biz-proposal.center li{width:100%;padding:1.6rem 1.6rem 1.6rem 4.6rem;font-size:1.4rem;text-align:left;line-height:2.2rem;}
	.biz-proposal.center li + li{margin:0;border-top:1px solid #e5e5e5;}
	.biz-proposal.center li:before{position:absolute;left:1.6rem;top:1.6rem;width:2.4rem;height:2.4rem;margin:0;font-size:1.3rem;color:#1490Ef;line-height:2.4rem;text-align:center;background:#f2f5f9;border-radius:50%;}
	.biz-proposal.center li:nth-of-type(1):before{content:'1';}
	.biz-proposal.center li:nth-of-type(2):before{content:'2';}
	.biz-proposal.center li:nth-of-type(3):before{content:'3';}
	.biz-proposal.center li:after{display:none;} 
	.biz-proposal.center li br{display:none;}
}

.list-partner ul{font-size:0;flex-direction:row;flex-wrap:wrap;display:flex;margin:0 -0.75rem;position:relative;}
.list-partner li{width:calc((100% - 9.1rem )/ 6);height:16.8rem;border:1px solid #e5e5e5;border-radius:1rem;margin:1.6rem 0.75rem 0;padding:2.6rem 1.2rem 0;font-size:1.5rem;text-align:center;line-height:2.4rem;vertical-align:top;font-weight:350;}
.list-partner li .partner-logo{display:block;width:100%;height:6rem;margin-bottom:0.8rem;font-size:0;background-size:auto 46px;background-position:center center;background-repeat:no-repeat;}

.list-partner li .partner-name{display:-webkit-box;/* height:4rem;*/overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-partner .btn-box .btn{margin:0 auto;}
@media screen and (max-width:1023px){
	.list-partner ul{margin:0 -0.6rem;}
	.list-partner .btn-box .btn{max-width:none;margin-top:2.4rem;}
}



.ipt-eye{width:100%;font-size:1.8rem;border:0;color:#727272;padding-right:60px;}
.btn-eye{position:absolute;right:1.6rem;top:50%;font-size:0;width:24px;height:24px;margin-top:-12px;background:url('/wpdp/images/ico_eye.svg') no-repeat;background-size:100% auto;z-index:2;}
.btn-eye.show{background:url('/wpdp/images/ico_eye_off.svg') no-repeat;background-size:100% auto;}

.list-box.member{margin:1.6rem auto 0;}
.list-box.member li{position:relative;padding:2.4rem 1.5rem;font-size:0;word-break:break-all;}
.list-box.member li + li{margin-top:0;}
.list-box.member li.no-result{font-size:1.8rem;padding:10.4rem 0;text-align:center;border-bottom:0;}
.list-box.member .info{display:inline-block;width:calc(100% - 52rem);font-size:1.4rem;line-height:2.2rem;vertical-align:middle;}
.list-box.member label{display:inline-block;width:100%;box-sizing:border-box;padding:0 24px 0 44px;}
.list-box.member label:before{top:50%;margin-top:-12px;}
.list-box.member .name{display:block;font-weight:500;color:#323232;}
.list-box.member .contact{display:block;color:#323232;}
.list-box.member .btn-box{width:auto;position:absolute;top:50%;right:3rem;font-size:0;margin-top:-2rem;z-index:1;}
.list-box.member .btn-box .btn-sm + .btn-sm{margin-left:.8rem;}
.list-box.member .status{width:auto;font-size:0;color:#898989;vertical-align:middle;}
.list-box.member .ipt-box .status{width:190px;margin-right:4.8rem;margin-left:0;text-align:left;}
.list-box.member .status .wait{color:#357FFA;}
.list-box.member .status .error{color:#E5483D;}
.list-box.member .status span{display:inline-block;width:12rem;text-align:center;font-size:1.4rem;color:#898989;}
.list-box.member .status span.date{float:none;display:block;width:100%;font-size:1.5rem;color:#898989;padding-top:.4rem;line-height:2.1rem;letter-spacing:0;text-align:left;}
.list-box.member .ipt-box .info + .status{width:auto;margin-left:5.6rem;}
.list-box.member .list-nodata {display:block;padding:7.2rem 0;text-align:center;font-size:1.6rem;line-height:2.5rem;font-weight:400;color:#26348f;letter-spacing:-0.096px;}

.list-box.member.setting .info{width:calc(100% - 40rem);}

@media screen and (max-width:1023px){
	.list-box.member li.no-result{font-size:1.4rem;}
}

.bg-gray .ipt-box.flex + .ipt-only .ipt-txt{height:4.4rem;}
*[class*='tit'] .f-right{position:relative;top:1.4rem;}

/* .chart-wrap{padding:2rem 0 3.6rem;font-size:0;overflow:hidden;} */
.chart-wrap{display:-webkit-flex;display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:2rem 0 3.6rem;font-size:0;}
.chart-wrap .chart-box{display:inline-block;width:34rem;height:34rem;vertical-align:top;}
.chart-wrap .chart-box canvas{width:100% !important;height:100% !important;}

.chart-info{display:inline-block;float:right;text-align:right;vertical-align:top;}
.chart-info p{padding-bottom:.8rem;color:#898989;}
.chart-info .info{width:54rem;padding:3rem;border-radius:.8rem;background-color:rgba(66, 88, 231, .05);text-align:left;line-height:1.8rem;}
.chart-info .info li{font-size:0;}
.chart-info .info li + li{margin-top:0.8rem;}
.chart-info .info .tit{display:inline-block;position:relative;width:22rem;padding-left:3.6rem;font-size:1.6rem;line-height:2.6rem;vertical-align:middle;box-sizing:border-box;word-break:break-all;}
.chart-info .info .data{display:inline-block;width:calc(100% - 25.6rem);padding-left:3rem;font-size:1.6rem;line-height:2.6rem;text-align:right;vertical-align:middle;}
.chart-info .info .data span:first-child{display:inline-block;vertical-align:top;}
.chart-info .info .data span + span{display:inline-block;width:4.4rem;margin-left:3rem;}
.chart-info .info .total{margin-top:2.4rem;padding-top:2.4rem;font-weight:500;border-top:1px solid #151c22;}
.chart-info .info .total .tit{padding:0;}
.color-chip{display:inline-block;width:2rem;height:2rem;border-radius:.4rem;vertical-align:middle;position:absolute;left:0;top:50%;margin-top:-1rem;}
.color-chip.chip01{background-color:#FF6384;}
.color-chip.chip02{background-color:#FFCD56;}
.color-chip.chip03{background-color:#4BC0C0;}
.color-chip.chip04{background-color:#6DCFF6;}
.color-chip.chip05{background-color:#A1B1F7;}
.color-chip.chip06{background-color:#33C481;}
.color-chip.chip07{background-color:#009ADE;}
.color-chip.chip08{background-color:#6264A7;}
.color-chip.chip09{background-color:#B10BFF;}
.color-chip.chip10{background-color:#1463FD;}
@media screen and (max-width:1023px){
	.color-chip{width:1.6rem;height:1.6rem;margin-top:-0.8rem;}
}

.statistics-tit{position:relative;display:flex;justify-content:space-between;align-items:flex-end;margin-top:5.6rem;margin-bottom:1.6rem;}
.statistics-tit .table-tit{display:inline-block;margin-top:0;padding:0;}
.statistics-tit .btn-sm{white-space:nowrap;}
.statistics-tit .btn-sm:before{content:'엑셀 다운로드';display:inline-block;}

.service-intro h2 em{font-weight:500;}
.service-intro ul{font-size:0;}
.service-intro ul.list-intro{margin:3.2rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.service-intro ul li{display:inline-block;width:calc((100% - 4.8rem) / 3);margin-bottom:2.4rem;padding:3.2rem 2.4rem;line-height:initial;text-align:center;border:1px solid #e4eaf2;box-sizing:border-box;border-radius:16px;vertical-align:top;}
.service-intro ul li:before{content:'';display:block;width:8rem;height:8rem;margin:0 auto 0.4rem;background-repeat:no-repeat;background-size:100% auto;background-position:0 0;}
.service-intro ul li .tit{display:block;font-weight:500;font-size:1.6rem;line-height:2.5rem;}
.service-intro ul li .txt{display:block;padding-top:0.8rem;font-size:1.5rem;line-height:2.4rem;letter-spacing:-0.112px;color:#686E75;word-break:keep-all;}
.service-intro ul li .txt + .btn-sm{margin-top:1.6rem;}

.service-intro ul.list-intro li:nth-child(1):before{background-image:url('/wpdp/images/ico_intro_01.png');}
.service-intro ul.list-intro li:nth-child(2):before{background-image:url('/wpdp/images/ico_intro_02.png');}
.service-intro ul.list-intro li:nth-child(3):before{background-image:url('/wpdp/images/ico_intro_03.png');}
.service-intro ul.list-intro li:nth-child(4):before{background-image:url('/wpdp/images/ico_intro_04.png');}
.service-intro ul.list-intro li:nth-child(5):before{background-image:url('/wpdp/images/ico_intro_05.png');}
.service-intro ul.list-intro li:nth-child(6):before{background-image:url('/wpdp/images/ico_intro_06.png');}
.service-intro ul.list-intro li .tit{font-size:1.8rem;line-height:2.8rem;font-weight:700;letter-spacing:-0.108px;}

.service-intro h3{padding-bottom:0.8rem;font-size:1.8rem;font-weight:700;line-height:2.9rem;}
@media screen and (max-width:1023px){
	.service-intro ul li{padding:3.2rem;}
	.service-intro ul li .tit{line-height:2.4rem;letter-spacing:-1px;}
	.service-intro ul li .txt{padding-top:0.4rem;font-size:1.5rem;line-height:2.4rem;}
}
@media screen and (max-width:720px){
	.service-intro ul.list-intro{margin:2.4rem 0;}
	.service-intro ul li{width:calc((100% - 2rem) / 2);margin-bottom:1.6rem;}
	.service-intro ul li + li{margin-left:0;}
}


.service-intro .headline-txt + dl{margin-top:3.2rem;}
.service-intro dl dt{padding-bottom:0.8rem;font-size:1.6rem;font-weight:500;line-height:2.9rem;}
.service-intro dl + dl{margin-top:5.6rem;}
.service-intro dl.line dt{margin-bottom:1.6rem;font-size:1.8rem;color:#151C22;border-bottom:2px solid #f2f5f9;font-weight:700;}
.service-intro dl.line dd{font-size:1.5rem;line-height:2.4rem;font-weight:400;letter-spacing:-0.112px;}
@media screen and (max-width:1023px){
	.service-intro .headline-txt + dl{margin-top:2.4rem;}
	.service-intro dl.line dt{margin-bottom:1.6rem;font-size:1.6rem;padding-bottom:0.4rem;}
	.service-intro dl.line dd{font-size:1.4rem;line-height:2.2rem;}
	.service-intro dl dt{padding-bottom:1.2rem;font-size:1.6rem;line-height:2.5rem;}
	.service-intro dl + dl{margin-top:3.2rem;}
}

.service-intro ol{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2.4rem;}
.service-intro ol li{position:relative;width:calc(100% / 5);font-size:1.5rem;color:#686E75;line-height:1.6;text-align:center;word-break:keep-all;font-weight:400;letter-spacing:-0.112px;}
.service-intro ol li:before{content:'';display:block;width:12rem;height:12rem;margin:0 auto 1.6rem;background-repeat:no-repeat;background-size:100% auto;}
.service-intro ol li + li:after{content:'';position:absolute;left:-1.2rem;top:4.8rem;width:2.4rem;height:2.4rem;background:url(/wpdp/images/ico_intro.png) -190px -88px no-repeat;background-size:300px auto;}
@media screen and (max-width:720px){
	.service-intro ol{margin-top:1.6rem;border:1px solid #f2f5f9;border-radius:0.6rem;}
	.service-intro ol li{width:100%;margin-bottom:0;padding:1.6rem 1.6rem 1.8rem 4.8rem;font-size:1.4rem;line-height:2.2rem;text-align:left;border-bottom:1px solid #f2f5f9;}
	.service-intro ol li + li{display:block;width:100%;width:100%;margin-left:0;}
	.service-intro ol li:last-of-type{border-bottom:none;}
	.service-intro ol li:before{position:absolute;left:1.6rem;top:1.6rem;width:2.2rem;height:2.2rem;font-size:1.4rem;color:#1490ef;text-align:center;background:#f2f5f9;border-radius:50%;font-weight:500;}
	.service-intro ol li + li:after{display:none;}
	.service-intro ol li br{display:none;}
	.service-intro ol li span{font-size:1.4rem;line-height:2.2rem;}
}


.service-intro ol.step-join li:nth-child(1):before{background-image:url('/wpdp/images/ico_intro_07.png');}
.service-intro ol.step-join li:nth-child(2):before{background-image:url('/wpdp/images/ico_intro_08.png');}
.service-intro ol.step-join li:nth-child(3):before{background-image:url('/wpdp/images/ico_intro_09.png');}
.service-intro ol.step-join li:nth-child(4):before{background-image:url('/wpdp/images/ico_intro_10.png');}
.service-intro ol.step-join li:nth-child(5):before{background-image:url('/wpdp/images/ico_intro_11.png');}

.service-intro ol.step-use li:nth-child(1):before{background-image:url('/wpdp/images/ico_intro_12.png');}
.service-intro ol.step-use li:nth-child(2):before{background-image:url('/wpdp/images/ico_intro_13.png');}
.service-intro ol.step-use li:nth-child(3):before{background-image:url('/wpdp/images/ico_intro_14.png');}
.service-intro ol.step-use li:nth-child(4):before{background-image:url('/wpdp/images/ico_intro_15.png');}
.service-intro ol.step-use li:nth-child(5):before{background-image:url('/wpdp/images/ico_intro_16.png');}
.service-intro ol li span{display:block;font-size:1.5rem;}
@media screen and (max-width:720px){
	/* step-join */
	.service-intro ol.step-join li:nth-child(1):before{content:'1';}
	.service-intro ol.step-join li:nth-child(2):before{content:'2';}
	.service-intro ol.step-join li:nth-child(3):before{content:'3';}
	.service-intro ol.step-join li:nth-child(4):before{content:'4';}
	.service-intro ol.step-join li:nth-child(5):before{content:'5';}

	.service-intro ol.step-use li:nth-child(1):before{content:'1';}
	.service-intro ol.step-use li:nth-child(2):before{content:'2';}
	.service-intro ol.step-use li:nth-child(3):before{content:'3';}
	.service-intro ol.step-use li:nth-child(4):before{content:'4';}
	.service-intro ol.step-use li:nth-child(5):before{content:'5';}
}

.service-intro ol.step-use + h3{margin-top:8rem;} /* 0627 */
.service-intro ol + .headline-txt{margin-top:5.6rem;}

.service-intro ul.list-intro-info{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;}
.service-intro ul.list-intro-info li{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;position:relative;max-width:calc((100% - 2.8rem * 2) / 3);height:9.6rem;margin-bottom:0;padding:0;text-align:left;flex:1 1;background:#fff;}
.service-intro ul.list-intro-info li:first-child{padding-left:8.8rem;}
.service-intro ul.list-intro-info li:before{content:'';position:absolute;top:50%;left:2rem;width:5.6rem;height:5.6rem;margin:-2.8rem 0 0;background-size:100% auto;pointer-events:none;}
.service-intro ul.list-intro-info li:nth-child(1):before{background-image:url('/wpdp/images/ico_main_mail.png');}
.service-intro ul.list-intro-info li:nth-child(2):before{background-image:url('/wpdp/images/ico_main_faq.png');}
.service-intro ul.list-intro-info li:nth-child(3):before{background-image:url('/wpdp/images/ico_main_qa.png');}
.service-intro ul.list-intro-info li a{padding-left:8.8rem;line-height:6rem;}
.service-intro ul.list-intro-info li a:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;;}
.service-intro ul.list-intro-info li a:after{content:'';position:absolute;top:50%;right:2.4rem;margin-top:-4px;width:8px;height:8px;border:1px solid #3A3A47;border-bottom:none;border-right:none;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.service-intro ul.list-intro-info li .txt{padding-top:0.4rem;font-size:1.4rem;line-height:2.2rem;word-break:break-all;color:#4258E7;font-weight:400;letter-spacing:-0.105px;}
@media screen and (max-width:1100px){
	.service-intro ul.list-intro-info li{}
	.service-intro ul.list-intro-info li .txt{padding-top:0rem;}
}
@media screen and (max-width:720px){
	.service-intro ul.list-intro-info li:first-child{padding:1.2rem .5rem 1.2rem 7.2rem;height:8rem;}
	.service-intro ul.list-intro-info li a{padding-left:7.2rem;}
}

.service-intro .txt-t1{font-size:1.5rem;line-height:2.4rem;}
.service-intro .headline-txt + .txt-t1{margin-top:1.6rem;}
.service-intro .txt-t1 + .txt-t1{margin-top:0.4rem}
.service-intro .txt-t1 + .btn-sm{margin-top:2.4rem;}
@media screen and (max-width:1023px){
	.service-intro .txt-t1 + .btn-sm{margin-top:1.6rem;}
	.service-intro .txt-t1 + .txt-t1{margin-top:0rem}
}
@media screen and (max-width:910px){
	.service-intro ul.list-intro-info{flex-direction:row;}
	.service-intro ul.list-intro-info li{max-width:none;flex:1 1 100%;}
	.service-intro ul.list-intro-info li{width:100%;margin-left:0;}
	.service-intro ul.list-intro-info li + li{width:calc((100% - 1.6rem) / 2);margin-top:0.8rem;}
	.service-intro ul.list-intro-info li a:after{right:2rem;}
}
@media screen and (max-width:720px){
	.service-intro ul.list-intro-info li:before{left:1.4rem;width:4rem;height:4rem;margin-top:-2rem;}
}
@media screen and (max-width:720px){
	.service-intro ul.list-intro-info li{height:6.4rem;}
	.service-intro ul.list-intro-info li + li{width:100%;margin-left:0;}
	.service-intro ul.list-intro-info li:last-child{margin-left:0;}

	.service-intro .headline-txt + .txt-t1{margin-top:3.2rem;}
}


.inner.default-box.service-intro .btn-box{margin-top:8rem;}
.inner.default-box.service-intro .btn-box .btn{display:block;width:616px;margin:0 auto;}

.service-intro ol.step-biz{margin-bottom:5.6rem;}
.service-intro ol.step-biz li:nth-child(1):before{background-image:url('/wpdp/images/ico_intro_17.png');}
.service-intro ol.step-biz li:nth-child(2):before{background-image:url('/wpdp/images/ico_intro_18.png');}
.service-intro ol.step-biz li:nth-child(3):before{background-image:url('/wpdp/images/ico_intro_19.png');}
.service-intro ol.step-biz li:nth-child(4):before{background-image:url('/wpdp/images/ico_intro_20.png');}
.service-intro ol.step-biz li:nth-child(5):before{background-image:url('/wpdp/images/ico_intro_21.png');}
.service-intro .headline-txt + ol.step-biz{margin-top:2.4rem;}

@media screen and (max-width:720px){
	.service-intro ol.step-biz{margin-bottom:4.8rem;}
	.service-intro ol.step-biz li:nth-child(1):before{content:'1';}
	.service-intro ol.step-biz li:nth-child(2):before{content:'2';}
	.service-intro ol.step-biz li:nth-child(3):before{content:'3';}
	.service-intro ol.step-biz li:nth-child(4):before{content:'4';}
	.service-intro ol.step-biz li:nth-child(5):before{content:'5';}
}



.float-side-menu{position:absolute;right:50%;top:370px;margin-right:310px;z-index:3;padding-right:1.6rem;box-sizing:border-box;font-size:1.3rem;color:#898989;line-height:2.2rem;}
.float-side-menu:before{clear:both;content:'';position:absolute;top:0;right:-3px;width:3px;height:100%;border-radius:10px;background:#e4eaf2;}
.float-side-menu.fixed{position:fixed;top:150px;}
.float-side-menu .bar{position:absolute;width:3px;height:22px;background-color:#26348f;right:-3px;top:0;transition:top .2s ease-out;border-radius:10px;}
.float-side-menu ul{width:14.8rem;}
.float-side-menu li{position:relative;margin-top:2.4rem;cursor:pointer;word-break:keep-all;}
.float-side-menu li:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.float-side-menu li.selected{padding:0.8rem 1.2rem;background:#26348f;border-radius:.8rem 1.6rem .8rem .8rem;}
.float-side-menu li.selected a{color:#fff;}
.float-side-menu li a{display:inline-block;color:#848a92;pointer-events:none;font-size:1.5rem;font-weight:500;line-height:2.4rem;}
.float-side-menu li + li.depth2{padding-bottom:0.8rem;}
.float-side-menu li.depth2{margin-top:0.4rem;font-weight:400;padding-right:0.8rem;}
.float-side-menu li.depth2 a{display:inline-block;position:relative;padding-left:2rem;line-height:2.2rem;font-size:1.4rem;font-weight:400;word-break:keep-all;}
.float-side-menu li.depth2 a:before{content:'';display:block;position:absolute;left:0.8rem;top:1rem;width:0.4rem;height:0.4rem;background:#898989;border-radius:50%;}
.float-side-menu li.depth2 + li:not(.depth2){margin-top:1.2rem;}
.float-side-menu li:first-of-type{margin-top:0;}
.float-side-menu li.depth2.selected a:before{background:#fff;}

.float-side-menu + .default-box.guide{padding:5.6rem 5.6rem 5.6rem 26rem; }

.red-x{width:2.4rem;height:2.4rem;position:absolute;left:8px;top:8px;background:url('/wpdp/images/ico_etc.png') -276px -76px no-repeat;background-size:auto 100px;}
.blue-circle{width:2.4rem;height:2.4rem;position:absolute;left:8px;top:8px;background:url('/wpdp/images/ico_etc.png') -252px -76px no-repeat;background-size:auto 100px;}

.guide * + h3{padding-top:5.6rem;}
.guide h2 + h3{padding-top:0;}
.guide h4{font-weight:700;}
.guide h4 + p,
.guide h4 + .p{margin-top:.4rem;}
.guide h4 + .list-dot-desc1{margin-top:0.4rem;margin-bottom:0.8rem;}
.guide .tlt-t1{margin-bottom:0;}
.guide .tlt-t1 + p{margin:2.4rem 0 0;}


.guide p em,
.guide .p em{display:inline-block;margin-top:0.8rem;margin-bottom:.4rem;font-size:1.6rem;color:#151c22;line-height:2.6rem;}
.guide p [class*='btn'],
.guide .p [class*='btn']{margin-top:0.8rem;}

.txt-box .dot-list{margin-left:0;}
.txt-box .dot-list li{padding-left:1.8rem;font-size:1.3rem;color:#686E75;line-height:2.1rem;letter-spacing:0;}
.txt-box .dot-list li:before{top:9px;left:6px;width:3px;height:3px;}

.guide .txt-box{margin:0.8rem 0 0;padding:1.6rem;border-radius:0.8rem;background-color:#f7f9fc;font-size:1.4rem;color:#686e75;line-height:2.2rem;}
.guide .txt-box + .dot-list.sub{margin-top:0.8rem;}
.guide .txt-box + .dot-list.sub li:before{left:-0.3rem;top:0.9rem;}

.guide .txt-box .tit{display:block;margin-bottom:0.4rem;font-size:1.5rem;color:#1490ef;font-weight:700;line-height:2.4rem;letter-spacing:-0.09px;}
.guide * + .tit{margin-top:1.6rem;}
.guide .essential{color:#E5483D;}
.guide .dot-list{margin-left:1rem;}
.guide .txt-box .dot-list{margin-left:0;}
.guide .txt-box ul .btn-txt{display:inline-block;position:relative;margin-top:0.8rem;margin-right:13px;font-size:1.3rem;font-weight:500;color:#323232;line-height:2rem;background-color:transparent;}
.guide .btn-box{display:block;margin-top:.8rem;}
.guide .img-box + *{margin-top:2.4rem;}
.guide .img-box + h3{margin-top:0;}
.guide .img-box{position:relative;flex:1;width:100%;margin-top:0.8rem;padding:5.6rem;text-align:center;background-color:#F7F7F7;border-radius:0.8rem;}
.guide .img-box.txt-left{padding:5.6rem 2.4rem;}
.guide .img-box.t1{padding:2.4rem 2.4rem 3.2rem;}
.guide .img-box .tit{display:block;font-size:1.5rem;color:#1490ef;font-weight:700;margin-bottom:1.6rem;line-height:2rem;text-align:left;}
.guide .img-box.no-bg{background-color:transparent;padding:2.4rem;}
.guide .img-box.bg-blue{background:rgba(66, 88, 231, 0.05);border-radius:.8rem;}
.guide .img-box img,
.img-guide{margin:0 auto;max-width:100%;image-rendering:-webkit-optimize-contrast;}
.guide .img-box img + p{margin:1.6rem 0 0;font-size:1.4rem;color:#727272;line-height:2.4rem;}
.guide .img-box-wrap{display:flex;margin-bottom:2.4rem;}
.guide .img-box-wrap .img-box{padding:5.6rem 2.4rem;}
.guide .img-box-wrap .img-box + .img-box{margin-left:2.5rem;}
@media screen and (max-width:720px){
	.guide .img-box.t1{padding:1.6rem 1.6rem 2.4rem;}
}


#wrap .guide .txt-box + p{margin-top:0.8rem;}
#wrap .guide .txt-box + h4{margin-top:1.6rem}

#wrap .guide.guide-intro h4{margin:1.6rem 0 0;}
#wrap .guide.guide-intro h3 + h4{margin-top:0.8rem;}
#wrap .guide.guide-intro p{font-size:1.5rem;line-height:2.4rem;letter-spacing:-0.112px;}
#wrap .guide.guide-intro .p{margin:0.4rem 0 0;font-size:1.5rem;line-height:2.4rem;letter-spacing:-0.112px;}
#wrap .guide.guide-intro .p ul.dot-list{margin-top:.8rem;}
#wrap .guide.guide-intro .p ul.dot-list > li{padding-left:1.2rem;font-size:1.5rem;line-height:2.4rem;}
#wrap .guide.guide-intro .p ul.dot-list > li:before{top:11px;width:0.4rem;height:0.4rem;}
#wrap .guide.guide-intro p + h4,
#wrap .guide.guide-intro .p + h4{margin-top:1.6rem;}
#wrap .guide.guide-intro .txt-box{margin:0.8rem 0 0;}
#wrap .guide.guide-intro .txt-box ol{padding-left:1.4rem;font-size:1.4rem;color:#686E75;line-height:2.2rem;text-indent:-1.4rem;font-weight:400;}
#wrap .guide.guide-intro .txt-box .dot-list li:before{top:1rem;background-color:#727272;}


@media screen and (max-width:1023px){
	#wrap .guide.guide-intro h3{font-size:1.6rem;line-height:2.6rem;}
	#wrap .guide.guide-intro h4{font-size:1.5rem;line-height:2.4rem;}
	#wrap .guide.guide-intro p{font-size:1.4rem;line-height:2.2rem;}
	#wrap .guide.guide-intro .p{font-size:1.4rem;line-height:2.2rem;}
	.guide h4 + p, .guide h4 + .p{margin-top:0.4rem;}
	#wrap .guide.guide-intro .p ul.dot-list > li{font-size:1.4rem;line-height:2.2rem;}
	#wrap .guide.guide-intro .p ul.dot-list > li:before{top:1rem;}
}
@media screen and (max-width:470px){
	.guide p em,
	.guide .p em{font-size:1.5rem;line-height:2.4rem;}
}


.guide-intro .dot-list .txt-small{margin-top:.4rem;}
.guide-intro .dot-list .txt-small:before{top:8px;}
.guide-intro .txt-box img{display:block;width:708px;margin:0.8rem auto;}

.guide .txt-box.css{margin-top:2.4rem;padding:4rem 5.6rem;overflow:hidden;}
.guide .txt-box.css > div + div{margin-top:3.2rem;}
.txt-box.css .box{float:left;}

.ipt-row.t1.color-box{display:inherit;padding:3.2rem 3.2rem 1.6rem;}
.ipt-row.t1.color-box .ipt-box{display:inline-block;width:54px;height:54px;}
.ipt-row.t1.color-box .ipt-box + .ipt-box{margin-top:0;}

.color-box input[type='radio'] + label{width:100%;height:100%;padding-left:0;font-size:0;letter-spacing:0;text-align:center;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:50%;overflow:hidden;background-color:#fff;}
.color-box input[type='radio']:checked + label{border:2px solid #357FFA;}
.color-box input[type='radio'] + label:before{top:50%;left:50%;margin:-21px 0 0 -21px;width:42px;height:42px;background:#fff;border-radius:50%;}
.color-box input[type='radio']#guideColor01 + label:before{background:#F0B61F;}
.color-box input[type='radio']#guideColor02 + label:before{background:#F38353;}
.color-box input[type='radio']#guideColor03 + label:before{background:#B62323;}
.color-box input[type='radio']#guideColor04 + label:before{background:#08877F;}
.color-box input[type='radio']#guideColor05 + label:before{background:#682E8B;}
.color-box input[type='radio']#guideColor06 + label:before{background:#2830AD;}

.css-box{overflow:hidden;display:flex;padding-top:3.2rem;padding-bottom:.8rem;}
.css-box > div.img{width:32.8rem;text-align:center;}
.css-box > div.img img{margin-bottom:0.8rem;}
.css-box .list{flex:1;margin-left:4.2rem;}
.css-box ol li{font-size:0;overflow:hidden;}
.css-box ol li + li{margin-top:2.4rem;}
.css-box ol li .label:before {content:'';display:inline-block;position:absolute;top:50%;	left:0;margin-right:.8rem;margin-top:-0.8rem;padding:1px 4px 2px;color:#fff;font-size:1.3rem;font-weight:700;line-height:100%;text-align:center;background-color:#E5483D;border-radius:.4rem;box-sizing:border-box;}
.css-box ol li:nth-child(1) .label:before{content:'1';}
.css-box ol li:nth-child(2) .label:before{content:'2';}
.css-box ol li:nth-child(3) .label:before{content:'3';}
.css-box ol li:nth-child(4) .label:before{content:'4';}
.css-box ol li:nth-child(5) .label:before{content:'5';}
.css-box ol li:nth-child(6) .label:before{content:'6';}
.css-box .label{display:inline-block;position:relative;width:18.9rem;padding:1.5rem 0 1.5rem 2.4rem;font-size:1.6rem;font-weight:500;float:left;color:#323232;line-height:2.4rem;box-sizing:border-box;}
.css-box .label + div{float:left;width:calc(100% - 18.9rem);font-size:1.8rem;}
.ipt-box.css-logo { width:50%; }
.ipt-box.css-logo + .ipt-box{margin-left:1.2rem;}
.ipt-box.css-logo img{height:2rem;}
.ipt-box.css-logo img.big{height:4.8rem;}
.ipt-box.css-logo input[type='radio'] + label{width:100%;padding:1.6rem 2.2rem;background-color:#fff;border-radius:.8rem;border:1px solid #e5e5e5;box-sizing:border-box;line-height:100%;text-align:center;}
.ipt-box.css-logo input[type='radio']:checked + label{border:2px solid #357FFA;padding:1.5rem 2.1rem;}
.ipt-box.css-logo input[type='radio']#logo-white + label{background-color:#26348F;}
.ipt-box.css-logo input[type='radio'] + label:before{content:none;}
.css-box .ipt-row.color-box{padding:0;}
.css-box .ipt-row.color-box input[type='radio']#base-white + label:before{border:1px solid #E5E5E5;box-sizing:border-box;}
.css-box .ipt-row.color-box input[type='radio']#base-black + label:before{background-color:#151c22;}
.css-box .ipt-txt{padding:1.2rem 1.6rem;height:5.4rem;margin-top:0;}
.css-box .ipt-box.ipt-only{clear:both;width:calc(100% - 18.9rem);margin:6rem 0 0 18.9rem;}
.css-box .ipt-txt.ipt-color{padding:1.2rem 1.6rem 1.2rem 6.6rem;border:1px solid #E5E5E5;border-radius:1rem;}
.guide .list-tit{font-size:1.5rem;font-weight:700;color:#323232;}
.guide ul.ex-list{display:flex;margin-left:0;justify-content:space-between;}
.ex-list li{width:27.5rem;margin-top:2.4rem;text-align:center;}
.ex-list li .img{position:relative;display:block;padding:2.4rem 0;margin-bottom:1.6rem;}
.ex-list li .img img {height:7.2rem;}
.ex-list li p{margin:0;font-size:1.4rem;color:#686e75;}
.ex-list li:nth-child(1) .img{background-color:#fff;}
.ex-list li:nth-child(2) .img{background-color:#26348F;}
.ex-list li:nth-child(3) .img{background-color:#AFE8FF;}
.guide .txt-box.css + .btn-box,
.guide .txt-box.css + span + .btn-box{margin-top:2.4rem;}
.guide .txt-box.css + .btn-box .btn,
.guide .txt-box.css + span + .btn-box .btn{width:30.2rem !important;height:5.6rem;margin:0 auto;}
.guide p.css-before-txt{letter-spacing:-.1rem;color:#26348f;text-align:center;margin-bottom:0;padding:13.4rem 0;font-size:1.8rem;line-height:2.8rem;}
/* //style */


/* 인증서 디자인 */
/** base **/
.hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;}

.pcc_area{line-height:1.1;}
.pcc_area .bg{display:block;/* width:310px;height:400px;*/width:23rem;height:32rem}
.pcc_area .card_woori{position:relative;margin:0 auto;
					    background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230E6FEA'/%3E%3Cstop offset='1' stop-color='%231491EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
					    /* -webkit-filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28));filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28));*/
					}

.pcc_area .card_woori .card_inner{position:relative;width:23rem;height:32rem;padding:2.4rem 2.4rem 3.2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;color:#fff;}
.pcc_area .card_woori .biLow{position:relative;display:flex;justify-content:space-between;padding-top:.2rem}
.pcc_area .card_woori .biLow .bi{background:url(/wpdp/images/pcc_logo_white.png);width:9.76rem;height:2rem;background-size:100% auto;image-rendering:-webkit-optimize-contrast;}
.pcc_area .card_woori .biLow .kebabMenu{display:inline-block;position:absolute;top:-.2rem;right:0;background-image:url(/wpdp/images/pcc_more_btn.png);width:2.4rem;height:2.4rem;background-size:100% auto;image-rendering:-webkit-optimize-contrast;}

.pcc_area .card_woori .nameLow{/*padding-top:5.4rem;*/min-height:9.8rem}
.pcc_area .card_woori .nameLow .name{font-size:3.6rem;letter-spacing:-.6px;padding-bottom:2rem;}
.pcc_area .card_woori .nameLow .date{font-size:1.5rem;letter-spacing:-.5px;font-family:'Roboto';}
.pcc_area .card_woori .nameLow .date span{display:inline-block;font-size:1.4rem;font-family:'Noto Sans CJK KR';}
.pcc_area .card_woori .nameLow .date span:after{display:inline-block;content:'|';width:1px;padding:0 .5rem}
.pcc_area .card_woori .nameLow .pcc_txtPeriod{font-size:1.2rem;color:#FFF27D;text-decoration:underline;text-underline-position:under;padding-top:.8rem}
.pcc_area .card_woori .stateLow{display:flex;justify-content:space-between;/*padding-top:7rem;*/font-size:1.2rem;letter-spacing:-.75px}
.pcc_area .card_woori .stateLow .message{line-height:140%;opacity:.7;} 
.pcc_area .card_woori .stateLow .linkBtn{background-color:#0e65a8;color:#d5dbe3;border-radius:2.4rem;height:2.4rem;line-height:2.4rem;padding:0 .75rem;box-sizing:border-box}
.pcc_area .card_woori .stateLow .trustSign{background:url(/wpdp/images/img_trustSign.png) no-repeat;background-size:100% auto;width:3.2rem;height:3.2rem;opacity:.7;}
/** //base **/

/** custom **/
.pcc_area[data-guide='guideColor01'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F0B61F'/%3E%3Cstop offset='1' stop-color='%23FFF389'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(240, 182, 31, 0.28));filter:drop-shadow(12px 16px 40px rgba(240, 182, 31, 0.28));*/
												}
.pcc_area[data-guide='guideColor01'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_basic.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor01'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor01'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor01'] .card_woori .stateLow .message{color:#151c22;}
.pcc_area[data-guide='guideColor01'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn_black.png);}
.pcc_area[data-guide='guideColor01'] .card_woori .nameLow .pcc_txtPeriod{color:#018EDE;}
.pcc_area[data-guide='guideColor01'] .card_woori .stateLow .trustSign{background:url(/wpdp/images/img_trustSign_black.png) no-repeat;background-size:100% auto;mix-blend-mode:darken;}
.pcc_area[data-guide='guideColor01'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23093378'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FFF389'/%3e%3c/svg%3e ");
}


.pcc_area[data-guide='guideColor02'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F38353'/%3E%3Cstop offset='1' stop-color='%23FFBC57'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(243, 131, 83, 0.28));filter:drop-shadow(12px 16px 40px rgba(243, 131, 83, 0.28));*/
												}
.pcc_area[data-guide='guideColor02'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_basic.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor02'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor02'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor02'] .card_woori .stateLow .message{color:#151c22;}
.pcc_area[data-guide='guideColor02'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn_black.png);}
.pcc_area[data-guide='guideColor02'] .card_woori .nameLow .pcc_txtPeriod{color:#376ADB;}
.pcc_area[data-guide='guideColor02'] .card_woori .stateLow .trustSign{background:url(/wpdp/images/img_trustSign_black.png) no-repeat;background-size:100% auto;}
.pcc_area[data-guide='guideColor02'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23093378'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FFBC57'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide='guideColor03'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B62323'/%3E%3Cstop offset='1' stop-color='%23FF6464'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(182, 35, 35, 0.28));filter:drop-shadow(12px 16px 40px rgba(182, 35, 35, 0.28));*/
												}
.pcc_area[data-guide='guideColor03'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_white.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor03'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor03'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor03'] .card_woori .stateLow .message{color:#fff;}
.pcc_area[data-guide='guideColor03'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn.png);}
.pcc_area[data-guide='guideColor03'] .card_woori .nameLow .pcc_txtPeriod{color:#FFF27D;}
.pcc_area[data-guide='guideColor03'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FF6464'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide='guideColor04'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2308877F'/%3E%3Cstop offset='1' stop-color='%2305AAA0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(8, 135, 127, 0.28));filter:drop-shadow(12px 16px 40px rgba(8, 135, 127, 0.28));*/
												}
.pcc_area[data-guide='guideColor04'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_white.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor04'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor04'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor04'] .card_woori .stateLow .message{color:#fff;}
.pcc_area[data-guide='guideColor04'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn.png);}
.pcc_area[data-guide='guideColor04'] .card_woori .nameLow .pcc_txtPeriod{color:#F3FFA8;}
.pcc_area[data-guide='guideColor04'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%2308877F'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide='guideColor05'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23682E8B'/%3E%3Cstop offset='1' stop-color='%23A335E7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(104, 46, 139, 0.28));filter:drop-shadow(12px 16px 40px rgba(104, 46, 139, 0.28));*/
												}
.pcc_area[data-guide='guideColor05'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_white.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor05'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor05'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor05'] .card_woori .stateLow .message{color:#fff;}
.pcc_area[data-guide='guideColor05'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn.png);}
.pcc_area[data-guide='guideColor05'] .card_woori .nameLow .pcc_txtPeriod{color:#FFF27D;}
.pcc_area[data-guide='guideColor05'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23A335E7'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide='guideColor06'] .card_woori{background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232830AD'/%3E%3Cstop offset='1' stop-color='%23515CF8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
													/* -webkit-filter:drop-shadow(12px 16px 40px rgba(40, 48, 173, 0.28));filter:drop-shadow(12px 16px 40px rgba(40, 48, 173, 0.28));*/
												}
.pcc_area[data-guide='guideColor06'] .card_woori .biLow .bi{background-image:url(/wpdp/images/pcc_logo_white.png);background-size:100% auto;}
.pcc_area[data-guide='guideColor06'] .card_woori .nameLow .name,
.pcc_area[data-guide='guideColor06'] .card_woori .nameLow .date,
.pcc_area[data-guide='guideColor06'] .card_woori .stateLow .message{color:#fff;}
.pcc_area[data-guide='guideColor06'] .card_woori .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn.png);}
.pcc_area[data-guide='guideColor06'] .card_woori .nameLow .pcc_txtPeriod{color:#FFF27D;}
.pcc_area[data-guide='guideColor06'] .card_woori.type-com .stateLow .ico-star{
	background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%232830AD'/%3e%3c/svg%3e ");
}

.pcc_area .card_woori .biLow .bi[data-guide='logo-basic']{background-image:url(/wpdp/images/pcc_logo_basic.png);background-size:100% auto;}
.pcc_area .card_woori .biLow .bi[data-guide='logo-white']{background-image:url(/wpdp/images/pcc_logo_white.png);background-size:100% auto;}
.pcc_area .card_woori .card_inner[data-guide='base-white']{color:#fff;}
.pcc_area .card_woori .card_inner[data-guide='base-white'] .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn.png);}
.pcc_area .card_woori .card_inner[data-guide='base-white'] .stateLow .trustSign{background:url(/wpdp/images/img_trustSign.png) no-repeat;background-size:100% auto;}
.pcc_area .card_woori .card_inner[data-guide='base-black']{color:#151c22;}
.pcc_area .card_woori .card_inner[data-guide='base-black'] .biLow .kebabMenu{background-image:url(/wpdp/images/pcc_more_btn_black.png);}
.pcc_area .card_woori .card_inner[data-guide='base-black'] .stateLow .trustSign{background:url(/wpdp/images/img_trustSign_black.png) no-repeat;background-size:100% auto;}
/** //custom **/
/* //인증서 디자인 */


/* color picker custom */
.sp-original-input-container{width:100%;}
.sp-original-input-container .sp-add-on{position:absolute;width:34px !important;height:34px;top:10px;left:16px;border-radius:0 !important;border:1px solid #E5E5E5;}
input.spectrum.with-add-on{border-radius:1rem;}
/* //color picker custom */


/* banner */
.btm-bann.biz{background-color:#4258E7;}
.btm-bann.biz .inner{padding:4rem 0;}
.btm-bann.biz .inner p{font-size:1.8rem;line-height:2.8rem;color:#fff;letter-spacing:-0.6px;}
.btm-bann.biz .inner p em{color:#ffdf6b;}
.btm-bann.biz .inner .btn{position:absolute;right:0;top:50%;margin-top:-2.4rem;padding:1rem 2.4rem;font-size:1.6rem;color:#fff;line-height:2.6rem;border:1px solid #fff;border-radius:.6rem;width:auto;height:auto;}

.btm-bann.service-intro{background-color:#f5f9ff;}
.btm-bann.service-intro .inner{max-width:110rem;padding:0.8rem 0 6.4rem;width:auto;}
.btm-bann.service-intro .inner p{margin-bottom:1.6rem;font-size:1.8rem;font-weight:700;line-height:2.9rem;}
@media screen and (max-width:1023px){
	.btm-bann.biz .inner{padding:3rem 2rem;}
	.btm-bann.biz .inner p{font-size:1.6rem;line-height:2.6rem;}
	.btm-bann.biz .inner .btn{right:2rem;padding:0.8rem 4.5rem;font-size:1.5rem;line-height:2.6rem;font-weight:400;letter-spacing:-1px;}
}
@media screen and (max-width:720px){
	.btm-bann.service-intro.t1{margin-top:0;}
}
/* //banner */


/* 결함등록 버튼 */
.issue-toggle{z-index:9999;position:fixed;bottom:110px;right:30px;}
#btn-issue{position:absolute;right:0;bottom:0;padding:0;background-color:#163273;border:0;color:#fff;width:62px;height:62px;	border-radius:50%;cursor:pointer;letter-spacing:-.6px;}
#Toggle{font-size:12px;}
.btn-issue-list{position:relative;bottom:65px;}
.btn-issue-list ul{background-color:#163273;border-radius:6px;padding:8px;}
.btn-issue-list li{color:#163273;padding:4px 0;}
.btn-issue-list li a{display:inline-block;width:100%;padding:4px 0;color:#e9e9e9;}		
.btn-issue-list li a:hover{color:#fff}
/* //결함등록 버튼 */


/* media query */
@media screen and (max-width:1260px){
	.main-inner{width:100%;}
}
@media screen and (max-width:1200px){
	.main-inner,
	.inner{width:100%;}
}
@media screen and (max-width:1100px){
	.inner.default-box{width:100%;}
	.mw-not-supply{width:1100px !important;}
}


@media screen and (max-width:1023px){
	.inner.default-box{min-height:auto;padding:2rem 2rem 0;box-shadow:none;}
	.search-box ~ .inner.default-box .headline-txt{margin-top:0;}
	.default-box{min-height:auto;border-radius:0;box-shadow:none;padding:3rem 2rem 0;}
	
	.page-inner.wide{width:100%;}
	.btm-bann .inner{width:100%;}
	
	.mw{display:block;}
	.btn-top{position:fixed !important;width:40px;height:40px;bottom:20px !important;right:20px;background-size:14px auto;}
	
	.btn-ipt-in{font-size:1.3rem;}
	.btn-box.flex .btn + .btn{margin-left:1.2rem;}
	textarea.ipt-txt{padding:1.5rem 1.6rem;}
	.btn-row .ipt-box input[type='checkbox']+ label{padding-left:34px;}
	.btn-row .ipt-box input[type='checkbox'] + label:before{top:1px;}
	
	.ipt-box.flex label{width:100%;margin:0 0 .8rem;}
	.ipt-box.flex label + *{width:100%;}
	
	p + .ipt-box{margin-top:1.6rem;}


	.page-cont > div:last-child{padding-bottom:4.8rem;}

	.inner.default-box.guide-intro{padding-top:4rem;}
	
	.page-inner{width:100%;}
	.page-inner > h2{padding:3rem 2rem 0;}
	.page-inner .btn-txt{margin:0.8rem 2rem 0 0;}
	.page-cont h3{font-size:1.8rem;line-height:2.6rem;}
	
	.search-box{width:100%;padding:4rem 2rem 3.2rem;}
	.search-box .ipt-search{height:4.8rem;padding:0.5rem 0;font-size:1.6rem;line-height:2.5rem;}
	.search-box .btn-search{top:5.2rem;}
	
	.attach-box{padding:1.6rem;}
	.attach-box .tit{float:none;font-size:1.4rem;line-height:2.2rem;}
	.attach-box ul{float:none;margin:0.8rem 0 0;}
	.attach-box ul li{min-height:2.4rem;}
	.attach-box ul a{min-height:2.4rem;margin-top:0.15rem;font-size:1.3rem;line-height:2.1rem;}
	.attach-box ul a:before{top:0;}
	
	
	.tooltip{top:2px;}
	.btn-tooltip .layer{min-width:20rem;/* margin-left:-7rem;*/margin-left:-7rem;}
	
	
	.manager-select .modal-cont li .contact{line-height:100%;}
	
	.withdraw .modal-cont p{font-size:1.6rem;}
	.withdraw .modal-cont span{font-size:1.5rem;}
	
	.tab-wrap{margin-bottom:2.4rem;}
	.tab-wrap + p{margin-top:0;}
	.tab .txt-center{padding-bottom:3.5rem;}
	
	
	.btn-side-box a{font-size:1.4rem;}
	
	.default-box .text-box{font-size:1.5rem;}
	.default-box .text-box em{font-size:1.8rem;}
	
	.accordion .acc-head{padding:1.6rem 4.8rem 1.6rem 0;font-size:1.5rem;}
	.accordion .acc-head:after{right:0.6rem;}
	.accordion .acc-body{padding:1.6rem;font-size:1.5rem;line-height:2.6rem;}	
	
	.open-tab h2{font-size:1.6rem;line-height:2.5rem;}
		
	.list-detail .answer{padding:1.6rem;}
	.list-detail .answer .top{margin-bottom:0.8rem;font-size:1.4rem;line-height:2.2rem;}
	.list-detail .answer .top:before{content:none;}
	.list-detail .answer p{padding:0;font-size:1.4rem;line-height:2.2rem;}
	
	.list-preview li{padding:1.7rem 0;}
	.list-preview li .tit{font-size:1.5rem;padding:0 2rem;}
	.list-preview li .no-list{padding:0 2rem;}
	
	.dot-list.sub{font-size:1.3rem;line-height:2.1rem;}

	.list-partner li{height:15rem;}
	.list-partner li{margin:0 0.6rem 0;padding:1.6rem 1rem 0;font-size:1.3rem;line-height:2.1rem;}
	
	
	
	.list-box.member li{padding:1.6rem 0;}
	.list-box.member .status span + span{padding-left:1rem;}
	.list-box.member .btn-box{right:0;}
	
	*[class*='tit'] .f-right{top:.7rem;}
	
	.statistics-search{padding:1.6rem;}
	.statistics-search > .ipt-row{display:block;}
	.statistics-search > .ipt-row > .btn-box{margin-top:1.6rem !important;}
	.statistics-search > .ipt-row > .btn-box [class*='btn']{width:100%;height:3.5rem;max-width:none;padding:0;font-size:1.3rem;}
	.statistics-search > .ipt-row > .btn-box [class*='btn'] .ico-search { width:1.4rem;height:1.4rem;margin-top:.5rem;}
	.statistics-search .ipt-box.flex{display:block;}
	.statistics-search > .ipt-row .ipt-box.flex + .ipt-box.flex{margin-top:2.4rem;}
	.statistics-search > .ipt-row .ipt-box.flex + .ipt-box.ipt-only{display:flex;flex-wrap:nowrap;width:100%;margin:.8rem 0 0;}

	.chart-wrap .chart-box{display:block;margin:0 auto;}
	.chart-info{margin:4rem 0 0;display:block;float:none;}
	.chart-info .info{width:calc(100vw - 4rem);padding:1.6rem;}
	
	.chart-wrap{flex-direction:column;padding:2rem 0 0;}
	.chart-info .info .tit{width:100%;padding-left:2.4rem;font-size:1.5rem;line-height:2.4rem;}
	.chart-info .info .data{width:100%;margin-top:.8rem;padding:0;font-size:1.5rem;line-height:2.4rem;}
	.chart-info .info .total .tit{width:5rem;}
	.chart-info .info .total .data{width:calc(100% - 5rem);margin-top:0;}
	
	.btm-bann.service-intro .inner{width:100%;padding:3.2rem 2rem 4.8rem;}
	.btm-bann.service-intro .inner p{margin-bottom:0.8rem;line-height:2.8rem;}
	
	.service-intro h3{font-size:1.6rem;}
	
	.service-intro dl dt{font-size:1.8rem;}
	
	.float-side-menu{display:none;}
	.float-side-menu .bar{position:static;}
	.float-side-menu ul{display:none;}
	.float-side-menu + .default-box.guide{padding:2rem 2rem 6.8rem;} 
	
	.red-x{left:4px;top:4px;}
	
	.guide * + h3{padding-top:4rem;}
	.guide .txt-box{padding:1.6rem;font-size:1.5rem;}
	.guide .txt-box .tit{font-size:1.4rem;line-height:2.2rem;}	
	
	
	.guide p + .img-box{margin-top:0.8rem;}
	.guide .img-box,
	.guide .img-box-wrap .img-box{padding:3rem 1.4rem;}
	.guide .img-box-wrap .img-box + .img-box{margin-left:2rem;}
	.guide .img-box img{max-width:60%;height:auto;}
	.guide .img-box-wrap .img-box img,
	.guide .img-box.ex{padding:1.6rem;}
	.guide .img-box.ex img{max-width:100%;}
	.guide .img-box-wrap .img-box img{height:auto;}
	.guide .img-box-wrap .img-box br{display:none;}	
	.guide-intro .txt-box img{width:75%;}
	
	.issue-toggle{bottom:70px;right:20px;}
	
	/* 개발로 감싼 영역으로 인해 추가 */
	#dataList{background-color:#fff;}
	.page-cont > form:last-child > div:last-child{padding-bottom:6rem;} 
}

@media screen and (max-width:720px){
	.pc{display:none !important;}
	.mo{display:block !important;}
	.inner.default-box .btn-row{display:-webkit-flex;display:flex;flex-direction:column-reverse;}
	.inner.default-box .btn-row .btn-box:not(:last-child){margin-top:1.6rem;}
	.inner.default-box .btn-row .f-right .btn{width:100%;}
	.inner.default-box .btn-row .btn-box a{display:block;width:100%;}
	.list-partner li{width:calc((100% - 3.6rem)/ 3);margin-top:1.2rem;}

	.main-notice{padding:0 2rem;box-sizing:border-box;margin:0;}
	.main-notice .tit{display:block;position:relative;width:100%;margin:0;padding:1rem 0;font-size:1.6rem;letter-spacing:0;border-top:1px solid #E5E5E5;box-sizing:border-box;}
	.main-notice .tit:after{content:'';position:absolute;top:24px;right:15px;margin-left:10px;width:8px;height:8px;border:2px solid #3A3A47;border-bottom:none;border-right:none; 
							background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
	.main-notice .txt,
	.main-notice .btn-txt{display:none;}
	
	
	

	.list-box.member label{width:100%;padding:0 0 0 31px}
	.list-box.member label:before{top:.2rem;margin-top:0;}
	.list-box.member .status{display:flex;width:100%;margin:1.2rem 0 0;}
	.list-box.member .status span{width:50%;}
	.list-box.member .status span + span{padding:0;}
	.list-box.member .status span:first-child{text-align:left;}
	.list-box.member .status span:last-child{text-align:right;}
	.list-box.member .ipt-box .status{display:block;width:100%;margin:0;}
	.list-box.member .status span.date{display:inline-block;width:auto;float:right;font-size:1.3rem;padding-top:0;}
	.list-box.member .info,
	.list-box.member.setting .info{width:100%;}
	.list-box.member .ipt-box .status + .info{margin-top:1.6rem;}
	.list-box.member .btn-box{display:flex;position:relative;right:auto;top:auto;margin-top:1.6rem;}
	.list-box.member .btn-box .btn-sm{width:100%;text-align:center;}
	.list-box.member .btn-box .btn-sm + .btn-sm{margin-right:.1rem;}
	.list-box.member .ipt-box .info + .status{display:flex;margin:1.2rem 0 0;}
	.list-box.member .ipt-box .info + .status span{text-align:left;}
	.list-box.member .ipt-box .info + .status span + span{text-align:right;}
	
	.ipt-row.bg-gray.mt-8{display:block;margin-top:5.6rem;}
	.ipt-row.bg-gray .ipt-box{margin-bottom:1.2rem;}
	
	
	
	.tab-wrap.row .tabs{display:block;font-size:0;}
	.tab-wrap.row .tabs li{width:50%;display:inline-block;border:0;margin:0;}
	.tab-wrap.row .tabs li.on{border:1px solid #26348F;}
	.tab-wrap.row .tabs li:first-child, 
	.tab-wrap.row .tabs li:nth-child(2){margin-top:0;}

	.chart-wrap .chart-box{width:28rem;height:28rem;}
	
	.statistics-tit{margin-top:2.4rem;}
	.statistics-tit .btn-sm{display:block;margin:0 auto;white-space:normal;float:none;min-width:17rem;}
	.statistics-tit .btn-sm:before{content:'전체 사용량 엑셀 다운로드';}
	
	

	.btm-bann.service-intro .inner{}

	.inner.default-box.service-intro .btn-box{margin-top:5.6rem;}
	.inner.default-box.service-intro .btn-box .btn{width:100%;}
	
	.guide .img-box-wrap{display:block;}
	.guide .img-box-wrap .img-box + .img-box{margin-left:0;}	
	.guide .img-box img{max-width:100%;width:100%;}
	.guide .img-box-wrap .img-box img{max-width:70%;}
	.guide-intro .txt-box img{width:100%;}

	.btm-bann.biz .inner .btn{position:relative;display:block;text-align:center;margin-top:1.6rem;right:0;}
}

@media screen and (max-width:660px){
	.service-intro ul li{width:100%;margin-left:0 !important;height:auto;max-height:none;}
}

@media screen and (max-width:400px){
	.ipt-row.field-t1{flex-wrap:wrap;}
	.ipt-row.field-t1 > .ipt-box + .ipt-box{margin-top:1.6rem;}

	.chart-info .info li + li{margin-top:1.6rem;}
	.chart-info .info .data{margin-top:0.4rem;padding-left:2.4rem;text-align:left;}
	.chart-info .info .total{margin-top:1.6rem;padding-top:1.6rem;}
}

@media screen and (max-width:380px){
	.biz-proposal li{padding:1.2rem 0;}
	.biz-proposal li + li{margin-left:0;padding:1.2rem 0 1.2rem 2.4rem;}
}

@media screen and (max-width:340px){
	.modal.alert{width:90% !important;}
}
/* //media query */



/* //인증서 디자인 - 개인사업자 추가 */
.pcc_area_group{
	display:flex;
}

/* certi. com. card */
.pcc_area .card_woori.type-com .nameLow .name{
	font-size:2.4rem;
	margin:0.4rem 0 1.6rem;
	line-height:3rem;
	padding-bottom:0;
}
  .pcc_area .card_woori.type-com .nameLow .pcc_txtPeriod{
	font-size:1.2rem;
	line-height:1.2rem;
	/* color:#FFF27D;*/
	text-decoration:none;
}
  .pcc_area .card_woori.type-com .stateLow{
	margin-top:auto;
}
  .pcc_area .card_woori.type-com .nameLow .type-label{
	position:relative;
	margin:24px 0 12px -27px;
	color:#fff;
	background:url(/wpdp/images/com_name_tag.svg) no-repeat 0 0;
	width:78px;height:44px;
	-webkit-filter:drop-shadow( 0px 4px 4px rgba(9, 51, 120, 0.3));
	filter:drop-shadow( 0px 4px 4px rgba(9, 51, 120, 0.3));
}
  .pcc_area .card_woori.type-com .nameLow .type-label strong{
	position:relative;
	font-size:16px;
	font-weight:700;
	margin-left:14px;
	line-height:38px;
}
  .pcc_area .card_woori.type-com .stateLow .trustSign{
	margin-left:auto;
}
  
  .pcc_area .card_woori.type-com .stateLow .ico-star{
	background:url(/wpdp/images/com_ico_star.svg) no-repeat 0 0;
	width:23px;height:34px;
	margin:1px 8px 0 0;
}
  .pcc_area .card_woori.type-com .stateLow .ico-star.off{
	background-image:url(/wpdp/images/com_ico_star_gray.svg);
}

  .in-group .ipt-box + .ipt-box{margin-top:.5rem;}
  .in-group .ipt-box + .in-title{margin-top:2rem;}
  .in-group .in-title{display:inline-block;color:#323232;font-size:14px;font-weight:700;margin:12px 0 10px 15px;}
  .list-tit{margin-top:4rem;}

  /* ********************************************************** */
  /* .link-t1{display:inline-block;position:relative;margin-top:1.6rem;padding-right:1.2rem;font-size:1.3rem;font-weight:500;color:#323232;letter-spacing:-1px;line-height:2.1rem;text-decoration:underline;}
  .link-t1:after{content:'';display:block;position:absolute;right:0;top:7px;width:5px;height:5px;border:2px solid #3a3a47;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);} */

.wrap[page-type="report-page"] .hidden{/*position:absolute;*/ clip:rect(0,0,0,0);width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden !important;font-size:0 !important;line-height:1 !important;}


/* ********************************
# CONTAINER
******************************** */
/* path */
.wrap[page-type="report-page"] #container .path{display:-webkit-flex;display:flex;position:fixed;top:5.8rem;left:0;right:0;padding:1.5rem 2.3rem 1.4rem;background:#E4EAF2;}
.wrap[page-type="report-page"] #container .path li{font-size:1.3rem;color:#6D747A;letter-spacing:-0.75px;line-height:2rem;}
.wrap[page-type="report-page"] #container .path li:not(:first-child):before{content:'>';display:inline-block;margin:0 0.4rem;}

/* ********************************
# CONTENTS
******************************** */
.wrap[page-type="report-page"] .contents{position:fixed;top:calc(5.8rem + 4.9rem);left:0;right:0;bottom:0;padding:2.4rem 2rem;overflow-y:scroll;background:#fff;}
.wrap[page-type="report-page"] .contents:not(:last-child){bottom:8.8rem;}

.wrap[page-type="report-page"] .flex-row{display:-webkit-flex;display:flex;flex-direction:row;}
.wrap[page-type="report-page"] .flex-row > div,
.wrap[page-type="report-page"] .flex-row > fieldset{width:100%;}
.wrap[page-type="report-page"] .flex-row > *:not(:first-child){margin-left:1.6rem;}


/* ####################################################################### */
/* COMPONENT */
/* ####################################################################### */
/* *********************************
# BUTTON
********************************* */
/* 버튼 디자인 */
.wrap[page-type="report-page"] .btn-primary{padding:0.75rem 3rem;font-size:1.6rem;color:#fff;text-align:center;background:#1490EF;border-radius:0.6rem;}
.wrap[page-type="report-page"] .btn-primary-line{padding:0.75rem 3rem;font-size:1.6rem;font-weight:500;color:#1490EF;letter-spacing:-0.6px;line-height:2.5rem;background:#fff;border:1px solid #1490EF;border-radius:0.6rem;}
.wrap[page-type="report-page"] .btn-cancle{color:#333a40;background:#E4EAF2;border-radius:0.6rem;}

/* 버튼 활성화 영역 */
.wrap[page-type="report-page"] .btn-active{display:-webkit-flex;display:flex;justify-content:space-between;padding:1.6rem;}
.wrap[page-type="report-page"] .btn-active > a,
.wrap[page-type="report-page"] .btn-active > button{width:100%;padding:1.55rem 3rem;font-size:1.6rem;line-height:2.5rem;}
.wrap[page-type="report-page"] .btn-active a:first-child:not(:last-child),
.wrap[page-type="report-page"] .btn-active button:first-child:not(:last-child){width:calc((100% - 0.8rem) / 10 * 3);}
.wrap[page-type="report-page"] .btn-active a:last-child:not(:first-child),
.wrap[page-type="report-page"] .btn-active button:last-child:not(:first-child){width:calc((100% - 0.8rem) / 10 * 7);}

.wrap[page-type="report-page"] .btn-active.fixed{position:fixed;left:0;right:0;bottom:0;background:#fff;}

/* 검색결과 필드 버튼 */
.wrap[page-type="report-page"] .area-result ul{display:-webkit-flex;display:flex;margin-top:0.9rem;}
.wrap[page-type="report-page"] .area-result ul li:not(:last-child){margin-right:0.4rem;}
.wrap[page-type="report-page"] .area-result ul li button{position:relative;padding:0.3rem 1.4rem;font-size:1.3rem;color:#727272;line-height:2.2rem;background:#E4EAF2;border-radius:3rem;}
.wrap[page-type="report-page"] .area-result ul li button:before{content:'#';display:inline-block;}

/* *********************************
# INPUT
********************************* */
.wrap[page-type="report-page"] .text{display:block;width:100%;font-size:1.6rem;color:#121517;line-height:2.6rem;border:none;}
.wrap[page-type="report-page"] .text::placeholder{color:#C4CBD3;}
.wrap[page-type="report-page"] .textarea{display:block;min-height:10.5rem;width:100%;font-size:1.6rem;color:#121517;line-height:2.6rem;border:none;}
.wrap[page-type="report-page"] .textarea-data{padding:1.6rem;font-size:1.3rem;color:#121517;line-height:2rem;border:1px solid #DEE2E6;border-radius:0.6rem;}
.wrap[page-type="report-page"] select.select{display:block;width:100%;height:2.6rem;font-size:1.5rem;line-height:2.6rem;border:none;}
.wrap[page-type="report-page"] select.select option{font-size:1.5rem;}

.wrap[page-type="report-page"] .readonly{position:relative;color:#6D747A;}
.wrap[page-type="report-page"] .readonly:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.02);}

/* *********************************
# FORM
********************************* */
.wrap[page-type="report-page"] .form-wrap > dl.form-t1:not(:first-child){margin-top:1.6rem;}
.wrap[page-type="report-page"] .form-wrap > .textarea-data:not(:first-child){margin-top:1.6rem;}

.wrap[page-type="report-page"] .form-file{margin-top:4rem;}
.wrap[page-type="report-page"] .form-file button{width:100%;}

/* 검색영역 */
.wrap[page-type="report-page"] .area-search .input-wrap1{display:-webkit-flex;display:flex;width:100%;margin-right:4.8rem;}
.wrap[page-type="report-page"] .area-search .input-wrap1 .text{font-size:1.8rem;letter-spacing:-0.6px;line-height:4.2rem;border-bottom:2px solid #d5dbe3;}
.wrap[page-type="report-page"] .area-search .input-wrap1 .btn-search{width:8.2rem;height:4rem;margin-left:0.8rem;font-size:1.6rem;color:#1490EF;border:1px solid #1490EF;border-radius:0.6rem;}

.wrap[page-type="report-page"] dl.form-t1{position:relative;width:100%;padding:1.2rem 1.6rem 1.6rem;border:1px solid #DEE2E6;border-radius:0.6rem;overflow:hidden;}
.wrap[page-type="report-page"] dl.form-t1 dt{font-size:1.3rem;color:#64757c;line-height:2rem;}
.wrap[page-type="report-page"] dl.form-t1 dt + dd{margin-top:0.6rem;}

/* required */
.wrap[page-type="report-page"] .required{display:inline-block;position:relative;width:0;height:0;margin-left:0.3rem;font-size:0;color:transparent;}
.wrap[page-type="report-page"] .required:after{content:'*';display:inline-block;font-size:1.3rem;color:red;}


/* *********************************
# TABLE
********************************* */
.wrap[page-type="report-page"] .data-table1{padding:1rem 2rem;border:1px solid #DEE2E6;border-radius:0.6rem;}
.wrap[page-type="report-page"] .data-table1 dl{display:-webkit-flex;display:flex;justify-content:space-between;padding:0.4rem 0;}
.wrap[page-type="report-page"] .data-table1 dl dt{font-size:1.4rem;color:#6D747A;line-height:2.6rem;}
.wrap[page-type="report-page"] .data-table1 dl dd{font-size:1.6rem;font-weight:700;color:#121517;letter-spacing:-0.6px;}
.wrap[page-type="report-page"] .data-table1 dl:first-child dt{font-size:1.6rem;letter-spacing:-0.6px;line-height:2.6rem;}


/* *********************************
# LIST
********************************* */
/* 이슈 리포트 리스트 */
.wrap[page-type="report-page"] .list-report1{margin:4rem -2rem 0;padding:2.4rem 2rem;border-top:3px solid #E4EAF2;}
.wrap[page-type="report-page"] .list-report1 dl + dl{margin-top:2.4rem;}
.wrap[page-type="report-page"] .list-report1 dl dt{font-size:1.6rem;font-weight:700;color:#121517;letter-spacing:-0.6px;line-height:2.6rem;}
.wrap[page-type="report-page"] .list-report1 dl dd{display:-webkit-flex;display:flex;flex-wrap:wrap;margin-top:0.4rem;}
.wrap[page-type="report-page"] .list-report1 dl dd > div{width:calc((100% - 1rem) / 2);padding:1.6rem;border:1px solid #DEE2E6;border-radius:1rem;}
.wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(even){margin-left:1rem;}
.wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(2) ~ div{margin-top:1rem;}

.wrap[page-type="report-page"] .list-report1 dl dd .state span{display:inline-block;position:relative;font-size:1.6rem;color:#6D747A;letter-spacing:-0.6px;line-height:2.6rem;}
.wrap[page-type="report-page"] .list-report1 dl dd .state span + span:before{content:'';display:inline-block;width:1px;height:1.3rem;margin:0 1rem;background:#6D747A;}
.wrap[page-type="report-page"] .list-report1 dl dd .state .key em{color:#E5483D;}
.wrap[page-type="report-page"] .list-report1 dl dd .num-issue{font-size:1.3rem;color:#E5483D;line-height:2.4rem;letter-spacing:-0.6px;}

.wrap[page-type="report-page"] .list-report1 dl dd .flex-row{justify-content:space-between;font-weight:700;font-size:1.6rem;line-height:3.2rem;}
.wrap[page-type="report-page"] .list-report1 dl dd .flex-row .num{display:inline-block;color:#6D747A;}
.wrap[page-type="report-page"] .list-report1 dl dd .flex-row .device{color:#121517;}

.wrap[page-type="report-page"] .list-report1 dl dd .textarea-data{padding:0.8rem;font-size:1.3rem;letter-spacing:-0.6px;line-height:2rem;word-break:break-word;}
@media screen and (max-width:720px){
	.wrap[page-type="report-page"] .list-report1 dl dd > div{width:100%;}
	.wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(even){margin-left:0;margin-top:1rem;}
}


/* 첨부 스크린샷 리스트 */
.wrap[page-type="report-page"] .file-photo1{margin-top:1.6rem;}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap{display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap > div{position:relative;}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap > div:not(:first-child){margin-left:20px;}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap .shot-close{position:absolute;right:0;top:0;}
.wrap[page-type="report-page"] .file-photo1 li .shot-close{position:absolute;right:0.6rem;top:0.6rem;width:2.4rem;height:2.4rem;}
.wrap[page-type="report-page"] .file-photo1 li .shot-close:before{content:'';display:block;position:absolute;left:50%;top:50%;width:1.5px;height:1.6rem;margin-top:-0.8rem;background:#181B1C;border-radius:3px;transform:rotate(45deg);}
.wrap[page-type="report-page"] .file-photo1 li .shot-close:after{content:'';display:block;position:absolute;left:50%;top:50%;width:1.5px;height:1.6rem;margin-top:-0.8rem;background:#181B1C;border-radius:3px;transform:rotate(-45deg);} 

/* 내 앱 없을 때 */
.intro-list{display:flex;padding:0 2rem;margin:3.2rem auto 4.8rem;}
.intro-list li{flex:1;}
.intro-list li .thumb{position:relative;display:flex;justify-content:center;text-align:center;}
.intro-list li .thumb img{position:relative;z-index:1;width:13.6rem;}
.intro-list li dl{margin-top:1.6rem;text-align:center;}
.intro-list li dt{padding-bottom:.4rem;font-size:1.5rem;line-height:2.4rem;font-weight:500;color:#151c22;line-height:-0.075px;}
.intro-list li dd{font-size:1.3rem;line-height:2rem;color:#686e75;}
.btn-wrap-center{display:flex;justify-content:center;}
.btn-wrap-center > *{margin:0 0.8rem;}
@media screen and (max-width:1023px){
	.intro-list{display:block;padding:0;margin:0 0 4rem;}
	.intro-list li{margin-top:3.2rem;}
	.intro-list li .thumb{position:relative;display:flex;justify-content:center;}
	.intro-list li .thumb:before,
	.intro-list li .thumb:after{display:none;}
	.intro-list li dt{font-size:1.5rem;}
	.intro-list li dd br{display:none;}
	.btn-wrap-center{display:block;text-align:center;}
	.btn-wrap-center > *{display:table;margin:1.6rem auto 0;}
}



.tit-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;}
.tit-wrap.btn-only{justify-content:right;}
@media screen and (max-width:1023px){
	.statistics-search .ipt-box.flex.mo-flex{display:flex;flex-wrap:nowrap;width:100%;}
	
	.tit-wrap.btn-only{justify-content:center;margin-top:2.4rem}
}


/* *********************************
************************************
본인확인 서비스 추가 css
************************************
********************************* */
/* 인증서 plate */
.pcc_card_group { max-width:36rem; margin:0 auto; }
.pcc_card_woori { position:relative; background:linear-gradient(320.49deg, #CFDFF4 -5.02%, #DAE7F8 22.31%, #EBF2FF 48.48%, #F9FBFF 71.74%, #F0F7FF 84.53%, #E8F3FF 106.63%); border-radius:1.6rem; max-width:36rem; min-height:19.2rem; padding:2rem; }

.pcc_card_woori .woori_bi{position:absolute;top:2rem;right:2rem;}
.pcc_card_woori .woori_bi .bi{background:url(/wpdp/images/logo_won_certi.svg) center center no-repeat;background-size:100% auto;width:4.4rem;height:4.8rem;}
.pcc_card_woori .card_info{padding-top:3.6rem;}
.pcc_card_woori .card_info .name_wrap{display:flex;align-items:center;margin-bottom:.4rem;}
.pcc_card_woori .card_info .name_wrap .name{font-size:2.2rem;color:#151C22;line-height:1.5;font-weight:700;letter-spacing:-0.6px;}
.pcc_card_woori .card_info .name_wrap .ico_lock{width:3.2rem;height:3.2rem;background:url(/wpdp/images/ic_lock.png) center no-repeat;background-size:100% auto;margin-left:.4rem;}
.pcc_card_woori .card_info .date_wrap{display:flex;align-items:center;}
.pcc_card_woori .card_info .date_wrap .tit{font-size:1.4rem;font-weight:400;line-height:1.58;letter-spacing:-0.75px;color:#4C5459;margin-bottom:0;}
.pcc_card_woori .card_info .date_wrap .card_date{font-size:1.5rem;line-height:1.4;color:#1490Ef;padding-left:0.8rem;letter-spacing:0;}

.pcc_card_woori .card_ft { position:absolute; left:2rem; right:2rem; bottom:2rem; display:flex; align-items:center; justify-content:space-between; padding-top:2.5rem; }
.pcc_card_woori .card_ft .trust_sign{position:relative;font-size:1.2rem;font-weight:400;line-height:1.53;letter-spacing:-0.75px;color:#7192B1;padding-left:2.4rem; flex:1;}
.pcc_card_woori .card_ft .trust_sign:before{content:'';position:absolute;left:0;top:50%;width:2rem;height:2rem;transform:translateY(-50%);display:block;background:url(/wpdp/images/logo_trustsign.svg) no-repeat center;background-size:100% auto;}
.pcc_card_woori .btn_card_set{position:relative;background-color:rgba(255,255,255,0.5);display:flex;align-items:center;width:6.8rem;height:3.2rem;padding-left:3.4rem;font-size:1.4rem;line-height:1.58;letter-spacing:-0.75px;font-weight:500;border-radius:1.6rem;color:#5a6f87;box-sizing:border-box;}
.pcc_card_woori .btn_card_set:before{content:'';width:2.4rem;height:2.4rem;background:url(/wpdp/images/ic_header_set.png) left center no-repeat;background-size:100% auto;position:absolute;left:.8rem;top:50%;transform:translateY(-50%);}

/** custom **/
.pcc_card_woori[data-guide='guideColor01']{background:linear-gradient(245deg, #F0B61F -16.37%, #FFF389 108.75%);}
.pcc_card_woori[data-guide='guideColor01'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor01'] .date_wrap .tit{color:#151C22;}
.pcc_card_woori[data-guide='guideColor01'] .date_wrap .card_date{color:#1490ef;}
.pcc_card_woori[data-guide='guideColor01'] .card_ft .trust_sign{color:#151c22;opacity:.5;}
.pcc_card_woori[data-guide='guideColor01'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(0);}

.pcc_card_woori[data-guide='guideColor02']{background:linear-gradient(245deg, #F38353 -16.37%, #FFBC57 108.75%);}
.pcc_card_woori[data-guide='guideColor02'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor02'] .date_wrap .tit{color:#151C22;}
.pcc_card_woori[data-guide='guideColor02'] .date_wrap .card_date{color:#4258ef;}
.pcc_card_woori[data-guide='guideColor02'] .card_ft .trust_sign{color:#000;opacity:.5;}
.pcc_card_woori[data-guide='guideColor02'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(0);}

.pcc_card_woori[data-guide='guideColor03']{background:linear-gradient(245deg, #B62323, #FF6464);}
.pcc_card_woori[data-guide='guideColor03'] .woori_bi .bi{background:url(/wpdp/images/logo_won_certi_white.svg) center center no-repeat;}
.pcc_card_woori[data-guide='guideColor03'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor03'] .date_wrap .tit{color:#fff;}
.pcc_card_woori[data-guide='guideColor03'] .date_wrap .card_date{color:#f3ffa8;}
.pcc_card_woori[data-guide='guideColor03'] .card_ft .trust_sign{color:#fff;opacity:.5;}
.pcc_card_woori[data-guide='guideColor03'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(1);}

.pcc_card_woori[data-guide='guideColor04']{background:linear-gradient(245deg, #08877F -16.37%, #05AAA0 108.75%);}
.pcc_card_woori[data-guide='guideColor04'] .woori_bi .bi{background:url(/wpdp/images/logo_won_certi_white.svg) center center no-repeat;}
.pcc_card_woori[data-guide='guideColor04'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor04'] .date_wrap .tit{color:#fff;}
.pcc_card_woori[data-guide='guideColor04'] .date_wrap .card_date{color:#f3ffa8;}
.pcc_card_woori[data-guide='guideColor04'] .card_ft .trust_sign{color:#fff;opacity:.5;}
.pcc_card_woori[data-guide='guideColor04'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(1);}

.pcc_card_woori[data-guide='guideColor05']{background:linear-gradient(245deg, #682E8B -16.37%, #A335E7 108.75%);}
.pcc_card_woori[data-guide='guideColor05'] .woori_bi .bi{background:url(/wpdp/images/logo_won_certi_white.svg) center center no-repeat;}
.pcc_card_woori[data-guide='guideColor05'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor05'] .date_wrap .tit{color:#fff;}
.pcc_card_woori[data-guide='guideColor05'] .date_wrap .card_date{color:#fff27d;}
.pcc_card_woori[data-guide='guideColor05'] .card_ft .trust_sign{color:#fff;opacity:.5;}
.pcc_card_woori[data-guide='guideColor05'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(1);}

.pcc_card_woori[data-guide='guideColor06']{background:linear-gradient(245deg, #2830AD -16.37%, #515CF8 108.75%);}
.pcc_card_woori[data-guide='guideColor06'] .woori_bi .bi{background:url(/wpdp/images/logo_won_certi_white.svg) center center no-repeat;}
.pcc_card_woori[data-guide='guideColor06'] .name_wrap .name,
.pcc_card_woori[data-guide='guideColor06'] .date_wrap .tit{color:#fff;}
.pcc_card_woori[data-guide='guideColor06'] .date_wrap .card_date{color:#fff27d;}
.pcc_card_woori[data-guide='guideColor06'] .card_ft .trust_sign{color:#fff;opacity:.5;}
.pcc_card_woori[data-guide='guideColor06'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(1);}

.pcc_card_woori .woori_bi .bi[data-guide='logo-basic']{background:url(/wpdp/images/logo_won_certi.svg) center center no-repeat;}
.pcc_card_woori .woori_bi .bi[data-guide='logo-white']{background:url(/wpdp/images/logo_won_certi_white.svg) center center no-repeat;}
.pcc_card_woori[data-guide='base-white'] .name_wrap .name,
.pcc_card_woori[data-guide='base-white'] .date_wrap .tit,
.pcc_card_woori[data-guide='base-white'] .date_wrap .card_date{color:#fff;}
.pcc_card_woori[data-guide='base-white'] .card_ft .trust_sign{color:#fff;opacity:.5;}
.pcc_card_woori[data-guide='base-white'] .card_ft .trust_sign:before{content:"";filter:brightness(0) invert(1);}

.pcc_card_woori[data-guide='base-black'] .name_wrap .name,
.pcc_card_woori[data-guide='base-black'] .date_wrap .tit,
.pcc_card_woori[data-guide='base-black'] .date_wrap .card_date{color:#151C22;}
.pcc_card_woori[data-guide='base-black'] .card_ft .trust_sign{color:#151C22;opacity:.5;}
.pcc_card_woori[data-guide='base-black'] .card_ft .trust_sign:before{content:"";filter:brightness(0);}
/** //custom **/
/* //인증서 디자인 */

.gray-box {background:#f7f9fc;display:flex;justify-content:space-between;padding:2.4rem 3rem;border-radius:1rem;margin-top:5.6rem;}
@media screen and (max-width:720px){
	.gray-box{flex-direction:column;}
}