@charset "utf-8";
/* reset style */
*{box-sizing: border-box}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;font-size: inherit;font-family: inherit;vertical-align: baseline;box-sizing: border-box;word-break: keep-all;}
a, span, em{box-sizing: border-box}
a:link,a:visited{color:#494949}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
img{border:none;}
img, video, audio {max-width:100%; max-height:100%;}
figure, figcaption{margin:0;padding:0}
b, strong{ font-weight: 600; }
em, dfn, cite, address,i{font-style: normal;}
mark {background-color: #ff0; color: #000;}
small {font-size: 90%;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
del{color: #aaa !important; text-decoration: line-through; }
label{cursor:pointer;}
switch{display: none}
ul, ul>li,
ol, ol>li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
fieldset {border:none;min-width: 0;}
hr {overflow:hidden; position:absolute; height:0; width:0;}
template {display:none;}
.clearfix {display: block;}
.clearfix:after{content: "";display: table;clear: both;}
.clear {clear:both;}
.hide {display:none;}
.sr-only, .skip, .blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}
br{font-size:0;}
:lang(ko) body{position:relative;color:#555;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;}
:lang(zh-CN) body{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}
:lang(ja) body{font-family:Hiragino Kaku Gothic Pro,osaka,sans-serif}
:lang(en) body{font-family: 'Roboto','Frutiger Linotype',sans-serif;}
@media only screen and (min-width:641px){
	body{font-size:16px;line-height:1.6}
}
@media only screen and (max-width:640px){
	body{font-size:15px;line-height:1.5}
}
/* 입력 form */
input{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}
input[type="text"],input[type="search"]{}
input[type="file"]{border:none}
input[type="radio"],input[type="checkbox"]{border:none}
button{text-transform: none; vertical-align: middle}
button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; -webkit-border-radius:0; -webkit-appearance:none;}
select{padding:0 5px;background:transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}
select::-ms-expand {display: none;}
textarea{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none;}
input[disabled="disabled"]{background-color:#ebebeb; color:#959595}
select[disabled="disabled"]{background-color:#ebebeb; color:transparent}
/* 스킵내비게이션 */
#skipnavi{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover{color:#000;text-decoration:underline}.clearfix{width:100%}.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}

/*팝업창 관련*/
.pop_font{text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

.pop_font{}
.pop_font button{color:#fff !important; background:none !important;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;margin-bottom: 0px;}
.pop_close button{background:none !important;}
.pop_close a {display: block;line-height: 26px;padding:0;border: none;background: none !important;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_con_box img{margin:0}
.pop_bt_bg{height:26px; background:#000000; }
.pop_bg{background: #ddd;padding:6px 0px 6px 0px;}


#gnb_layout .depth1_ul li a[target="_blank"]{padding-right: 20px !important;position: relative;display: inline-block !important;}
#gnb_layout .depth1_ul li a[target="_blank"]:before{display:none;}
#gnb_layout .depth1_ul li a[target="_blank"]:after{display: inline-block;position: absolute;left:auto;top: 50%;right: 5px;width: 12px;height: 13px;/* margin-left: 10px; */background: url(/template/A/images/target.png);content: '';margin-top: -8px;}
#gnb_layout .depth2_ul li a[target="_blank"]{padding-right: 20px !important;position: relative;display: inline-block !important;}
#gnb_layout .depth2_ul li a[target="_blank"]:before{display:none;}
#gnb_layout .depth2_ul li a[target="_blank"]:after{display: inline-block;position: absolute;left:auto;top: 17px;right: 5px;width: 12px;height: 13px;/* margin-left: 10px; */background: url(/template/A/images/target.png);content: '';}
#gnb_layout .depth3_ul li a[target="_blank"]{padding-right: 20px !important;position: relative;display: inline-block !important;}
#gnb_layout .depth3_ul li a[target="_blank"]:before{display:none;}
#gnb_layout .depth3_ul li a[target="_blank"]:after{display: inline-block;position: absolute;left:auto;top: 17px;right: 5px;width: 12px;height: 13px;/* margin-left: 10px; */background: url(/template/A/images/target.png);content: '';}

.lnb_depth2__list > li > a:before{background: url(/template/A/images/target.png);}
.lnb_depth3__list > li > a:before{background: url(/template/A/images/target.png);}


#contens .sitemap.type2 dd b a[target="_blank"]{padding-right: 20px !important;position: relative;display: inline-block !important;}
#contens .sitemap.type2 dd b a[target="_blank"]:before{display:none;}
#contens .sitemap.type2 dd b a[target="_blank"]:after{display: inline-block;position: absolute;left:auto;top: 17px;right: 5px;width: 12px;height: 13px;/* margin-left: 10px; */background: url(/template/A/images/target.png);content: '';}

/*로그인*/
.loginWrap {position: relative;padding: 20px 0px 5px;margin-top: 25px; background-color: #f9f5f5;}
.login .top-title{position: relative; width:100%;width: 100%;text-align: right;padding-right: 240px;}
.login .top-title:after{content: "";position: absolute;top: -40px;right: 0;width: 232px;height: 186px;background:url(/images/kor/sub06/sub06_05_02_img01.png) no-repeat center;z-index: 10;}
.login .top-title p{font-size:14px;line-height: 1.4;margin-top: 5px;}
.login .top-title strong{display:block;font-family: 'score';font-size: 50px;font-weight: bold;color: #fff;text-shadow: -1px 0 #f6ccc7, 0 1px #f6ccc7, 1px 0 #f6ccc7, 0 -1px #f6ccc7;letter-spacing: 10px;text-indent: 30px;line-height: 1;}
.login .top-title p b{display:block;color:#ef3e30;line-height: 1;margin-top: -2px;margin-bottom: 3px;}
.loginWrap_con,.login_forget{max-width:477px; margin:0 auto; width:100%;}

.loginWrap_con{position:relative;padding:0 120px 20px 10px; border-bottom: 1px dashed #ddd;}
.loginWrap_con input{box-sizing:border-box;display:block;width:100%;min-height:38px;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;}
.loginWrap_con dl{display:table;width:100%; margin:10px 0; position:relative; padding-left:77px}
.loginWrap_con dl dt,
.loginWrap_con dl dd{display:table-cell;vertical-align:middle;}
.loginWrap_con dl dt{width:72px; font-weight:500; position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.loginWrap_con dl dd{width:100%;}
.loginWrap_con .btn_login{width:100px;height:85px;background: #ef3e30;color:#FFF;border:0;position:absolute;right:10px;top:0;font-weight: bold;border-radius: 5px;}
.login_forget{margin: 20px auto;}
.login_forget span{vertical-align: middle;}
.login_forget a{display:inline-block;float:right;margin-left:3px;padding: 10px 0 7px;width:120px;text-align:center;background:#9a9a9a;color:#FFF !important;font-size: 14px;border-radius: 5px;line-height: 1.2;}
.loginWrap_con .btn_login:hover,
.loginWrap_con .btn_login:focus,
.login_forget a:hover,
.login_forget a:focus{background:#52575c;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

@media only screen and (max-width:1145px){

	.login .top-title:after{width: 140px; height: 140px; background-size: 100%; top: 10px; }
	.login .top-title{padding-right: 156px;}
	.login .top-title strong{font-size: 45px;}
}

@media only screen and (max-width:1023px){

	.login .top-title:after{top: -40px; right: 0; width: 232px; height: 186px; }
	.login .top-title{padding-right: 240px;}
	.login .top-title strong{font-size: 50px;}
}

@media only screen and (max-width:860px){

	.login .top-title:after{width: 140px; height: 140px; background-size: 100%; top:10px }
	.login .top-title{padding-right: 156px;}
	.login .top-title strong{font-size: 40px;}
}

@media only screen and (max-width:730px){

	.loginWrap_con{width:80%;}
	.login_forget{text-align:center;width:80%;}
	.login_forget span{display:block;margin-bottom:20px;}
	.login_forget a{float:none;}

}

@media only screen and (max-width:670px){

	.login .top-title:after{display:none }
	.login .top-title{padding-right: 0}

}

@media only screen and (max-width:540px){

	.login .top-title{text-align: center;}
	.login .top-title strong{font-size: 30px;}

}


@media only screen and (max-width:480px){
	.loginWrap{padding:15px;}
	.loginWrap_con{width:100%; padding-right:0; padding-bottom:30px}
	.login_forget{width:100%}
	.loginWrap_con dl{display:block;width:100%;}
	.loginWrap_con dl dt,
	.loginWrap_con dl dd{display:block;width:100%;}

	.loginWrap_con .btn_login{width:100%;padding:10px 0;height:auto;position:relative;top:10px; right:0}

}

@media only screen and (max-width:350px){

	.login_forget a{width:100%; display:block}
	.login_forget a:first-of-type{margin-bottom: 5px;}

}


@media only screen and (max-width:320px){
	.login_forget a{display:block;margin-left:0;margin-bottom:5px;width:100%;}
}

.login_guide{margin-top: 150px;border:1px solid #bfbfbf;position:relative;border-top: 3px solid #2e3e73;}
.login_guide:after{content: ""; display: block; position: absolute;}
.login_guide:after {width: 204px;height: 111px;background: url(/images/kor/sub01/sub01_03_01_img07.png) no-repeat;top: -114px;right: 15px;/* background: #000; */}
.login_guide div{display:table;/* background-color: #f3f4f8; */position: relative;width: 100%;}
.login_guide dl{display:table-cell;width:21%;padding:0 2%;border-left:1px solid #bfbfbf;}
.login_guide dl.con_1{border-left:0;}
.login_guide dt{text-align:center;color:#0f5cb1;font-size:16px;font-weight:500;position:relative;padding-top:50px;}
.login_guide dd{padding:15px 0;}
.login_guide ul{}
.login_guide li{margin:10px 0;font-size:14px;position:relative;padding-left:8px;}
.login_guide li:before{content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:10px;background:#7f7f7f;}
.login_guide dt:before{content:"";display:block;width:84px;height:84px;position:absolute;left:calc(50% - 42px);top:-45px;background-color:#f2f2f2 !important;border-radius:100%;display: none;}
.login_guide .title{position: absolute;top: -65px;left: 0;width:100%;display:block;}
.login_guide .title strong{font-family: 'score';font-size: 31px;font-weight: bold;color:#2e3e73;}
.login_guide .title strong span{font-weight: normal;color: #0f1a3e;}
@media only screen and (max-width:770px){
	.login_guide{border:0;}
	.login_guide div{display:block;}
	.login_guide dl{display:block;width:96%;padding:2%;border-left:0px;border-top:1px dashed #bfbfbf;}
	.login_guide dl.con_1{border-top:0;}
	.login_guide dt:before{left:0;top:5px;width:60px;height:60px;background-size:40px !important;}
	.login_guide dt{text-align:left;padding-top:0;padding-left:80px;}
	.login_guide .con_1 dt:before{background-position:center;}
	.login_guide dd{padding:10px 0 0 0;}
	.login_guide ul{padding-left:80px;}
	.login_guide li{margin:5px 0;}
}

@media screen and (max-width:500px) {

	.login_guide dt,.login_guide ul{padding-left:0px;}
	.login_guide:after{background-size: 100%; width:150px; height:85px; top:-109px}

}

@media screen and (max-width:390px) {

	.login_guide:after{display:none}

}

@media only screen and (max-width:300px){
	.login_guide{margin-top:50px;}
	.login_guide dt:before{display:none;}
	.login_guide dt{padding-left:0;}
	.login_guide ul{padding-left:0;}
}
/* 로그인 본인인증 */
/* 250331 추가 : 코디네이터 로그인 영역 */
.loginWrap .same-as {display: block;width: 477px;margin: 20px auto;}
.login_coordi {text-align: center;margin-bottom: 20px;}
.login_coordi .coordi-txt {font-size: 18px;color: #222;font-weight: 600;}
.login_coordi .coordi-login-btn {display: inline-block;font-size: 14px;color: #fff;background-color: #ef3e30;padding: 10px 7px;min-width: 281px;border-radius: 5px;margin-left: 20px;height: auto;line-height: 1;}
.login_coordi .coordi-login-btn:hover, .login_coordi .coordi-login-btn:focus {transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);background-color: #52575c;}
@media(max-width: 660px){
	.loginWrap .same-as {width: 100%;text-align: center;}
	.login_coordi .coordi-login-btn {min-width: auto;}
}
@media(max-width: 640px){
	.login_coordi .coordi-txt {font-size: 15px;}
	.login_coordi .coordi-login-btn {margin-left: 5px;}
}
@media(max-width: 380px){
	.login_coordi .coordi-login-btn {display: block;width: 100%;margin-top: 5px;}
}
/* //250331 추가 : 코디네이터 로그인 영역 */