@charset "utf-8";

body{/*max-width: 1900px;*/margin:0 auto;}
.contents_wrap{position:relative;float:right;width: calc(100% - 310px);padding: 115px 0 0;}
#body_layout{position: relative;z-index:9;margin-top: -72px;}
#body_layout .body_wrap{max-width: 1280px;min-height:850px;margin: 0 auto;padding-bottom:50px;}/* 하단여백으로 100px 추가 */
#txt{position: relative;width: 100%}

.lnb_wrap{position:relative;z-index:10;float:left;width: 250px;min-height: auto;border-radius: 7px;}
.lnb__title{display: table;z-index: 9;width: 100%;height: 172px;/* padding: 39px 53px 0 0; */margin-bottom: 0;background: #3497a8;text-align: center;vertical-align: top;}
.lnb__title strong{display: table-cell;position: relative;color: #fff;font-size: 28px;line-height: 1.2;font-weight: 700;vertical-align: top;padding: 53px 10px 0 39px;text-align: left;font-family:'score';}
.lnb__title strong:before{content:'';position:absolute;bottom: 27px;/* border: 1px solid; */right: 25px;width: 38px;height: 66px;background: url(/images/kor/common/ir.png) no-repeat 0 -52px;}
.lnb__title span{display: block;position: relative;padding-bottom: 15px;font-size: 11px;color: #fff;line-height: 24px;letter-spacing: 4px;}
.lnb__title span:after{position: absolute;left: 50%;bottom:5px;width: 15px;height: 1px;margin-left: -7.5px;background: rgba(255,255,255,0.5);content: '';}

.navigation__title{color: #236dc7;margin-top:-27px;margin-bottom: 10px;position: relative;min-height: 30px;}
.navigation__title span{display:inline-block;position: relative;padding-top: 10px;color:#236dc7;font-size: 17px;line-height: 1.2;font-weight: 700;}
.navigation__title span.n2:before{position:absolute;left:0;top:0;width: 15px;height:3px;background:#236dc7;content:'';}
.navigation__title span.n3{padding-left:10px;position: relative;}
.navigation__title span.n3:before{position:absolute;left: 3px;top: 13px;width:1px;height: 12px;background:#efefef;content:'';}
.navigation__title span.n4,
.navigation__title span:last-child,
.navigation__title span.n5{display:none;}
.lnb_depth2__list{border: 1px solid #e3e3e3;border-width: 0 1px 0px;width: calc(100% + 2px);margin-left: -1px;}
.lnb_depth2__list > li{border: 1px solid #ddd;border-width: 1px 0;}
.lnb_depth2__list > li + li{border-top: 0}
.lnb_depth2__list >li:first-child{border-top-width:0}
.lnb_depth2__list li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 17px;}
.lnb_depth2__list > li > a:before{position: absolute;top: 18px;right: 27px;width:23px;height:23px;content:'';}
.lnb_depth2__list > li > a:hover,
.lnb_depth2__list > li > a:focus,
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color:#fff;color: #283c5d;}
.lnb_depth2__list li a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 16px;font-weight: 400;text-align: left;}
.lnb_depth2__list li a[target=_blank] span:before{display: none;}
.lnb_depth2__list li a[target=_blank] span:after{display:block;position:absolute;top: 50%;left: auto;right: 10px;width:14px;height:14px;margin-top: -7px;background:url(/images/kor/common/target_blank.png) no-repeat;border: 0;transform: none;content:'';}



.lnb_depth2__list >li>a>span{padding: 18px 55px 18px 25px;}
.lnb_depth2__list >li.on{border:0;}
.lnb_depth2__list >li.on>a{background-color: #283c5d;color: #fff;}
.lnb_depth2__list > li.on > a:before{background-position:-23px 0}
.lnb_depth2__list >li.on>a span{position: relative;padding: 19px 30px;}
.lnb_depth2__list >li.on>a>span:after{display: none;}
.lnb_depth2__list .lnb_depth3__list{visibility:hidden;height:0;overflow:hidden;display:none;padding: 15px 0;background-color: #f4f4f4;border-bottom: 1px solid #dadada;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li{position:relative;border-top:none;}
.lnb_depth2__list .lnb_depth3__list li a{margin-bottom:2px;display:block;}
.lnb_depth2__list .lnb_depth3__list li a{display:block;position: relative;padding: 5px 0 4px 40px;padding-right:30px;font-size:14px;word-wrap:break-word;word-break:keep-all;font-weight:normal;}
.lnb_depth2__list .lnb_depth3__list li:before{position: absolute;left: 30px;top: 11px;width: 2px;height: 2px;background: #393939;border-radius: 50%;content: '';}
.lnb_depth2__list .lnb_depth3__list li.on a{color: #cd3613;text-decoration: underline;}
.lnb_depth2__list .lnb_depth3__list li.on:before{background: #cd3613;}
.lnb_depth2__list .lnb_depth3__list li a[target=_blank] span{padding-right:20px;}
.lnb_depth2__list .lnb_depth3__list li a[target=_blank] span:after{display:block;position:absolute;top: 50%;left: auto;right: 10px;width:14px;height:14px;margin-top: -7px;background:url(/images/kor/common/target_blank.png) no-repeat;border: 0;transform: none;content:'';}




.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display: block !important;visibility:visible;height:auto;}
.lnb_depth3__list > li > a:hover,
.lnb_depth3__list > li > a:focus,
.lnb_depth3__list > li.on > a
.lnb_depth3__list > li.ov > a{text-decoration: underline;}
.lnb_depth4__list{display:none;}


.lnb_bt a{display:block !important;width: 100%;height:120px;border:0;background: url(/kor/img/sub06/banner_img.jpg) no-repeat; background-size:100% 100%;font-size:0;}


#lnb_layout .popular_menu{position:relative;padding: 55px 23px 47px;background: #eeeff3;border: 1px solid #e3e4e6;border-width: 0 1px 1px;border-radius: 0 0 38px 0;}
#lnb_layout .popular_menu p{padding: 0 0 13px;margin: 0;font-size:18px;font-weight:700;border-bottom:1px solid #5f6061;color:#333;}
#lnb_layout .popular_menu .control{position:absolute;top: 60px;right: 23px;}
#lnb_layout .popular_menu .control button{display: inline-block;position:relative;width: 21px;height: 21px;margin-left: -3px;font-size:0;border: 1px solid #c4c5c7;border-radius: 50%;vertical-align: top;}
#lnb_layout .popular_menu .control button:before{content:"";display:block;height:100%}
#lnb_layout .popular_menu .control button[data-type="next"]:before,
#lnb_layout .popular_menu .control button[data-type="prev"]:before{content:'';position:absolute;top: 6px;left: 7px;display:block;width: 6px;height: 6px;border: 1px solid #898989;border-width: 2px 2px 0 0;}
#lnb_layout .popular_menu .control button[data-type="next"]:before{left: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#lnb_layout .popular_menu .control button[data-type="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

#lnb_layout .popular_menu .grap{position:relative;width:100%;overflow:hidden}
#lnb_layout .popular_menu .grap .obj{position:relative;width:1000%}
#lnb_layout .popular_menu .grap .obj .item{float:left;width:10%;margin-top: 4px;}
#lnb_layout .popular_menu ul li{position: relative;min-height: 34px;margin-top:12px;}
#lnb_layout .popular_menu ul li a{display:block;padding: 5px 0 0 40px;font-size: 14px;font-weight: bold;color: #333;letter-spacing: -0.05em;}
#lnb_layout .popular_menu ul li span{display:inline-block;vertical-align:middle}
#lnb_layout .popular_menu .icon{position: absolute;left: 0;top: 50%;width:34px;height: 34px;background: url(/template/A/images/link_icon.png);transform: translateY(-50%);}
#lnb_layout .popular_menu .pt{padding-left:5px;line-height:1.2}
#lnb_layout .popular_menu .pt i{font-size:13px;font-style:normal}
#lnb_layout .popular_menu .pt b{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
#lnb_layout .popular_menu .icon1{background-position: 0 0;}
#lnb_layout .popular_menu .icon2{background-position: 0 -46px;}
#lnb_layout .popular_menu .icon3{background-position: 0 -92px;}
#lnb_layout .popular_menu .icon4{background-position: 0 -140px;}

#svisual_layout{overflow: hidden;position: relative;width: 100%;height: 300px;background: url(/images/kor/common/svisual_img01.jpg);background-size: cover;background-position: 50%;}}
#svisual_layout > span{display:block;position:absolute;right: 50%;top: 100px;margin-right: -1000px;font-size:30px;color:#d2d5df;transform: rotate(-90deg);}
#svisual_layout .svisual_wrap{max-width: 1740px;height:100%;margin: 0 auto;}
#svisual_layout .svisual_wrap .subvisual-layout{position: absolute;left: 0;right: 0;top: 90px;color:#fff;text-align: center;}
#svisual_layout .svisual_wrap .subvisual-layout p{margin: 0;font-size: 26px;color:#fff;letter-spacing: -0.02em;}
#svisual_layout .svisual_wrap .subvisual-layout strong{/* border-bottom: 6px solid #cd3613; */font-size: 34px;font-weight:bold;letter-spacing: -0.05em;line-height: 1.2;}



#location{position:relative;z-index: 20;width:100%;margin: 0 0 35px;padding: 0 9px 15px;border-bottom: 1px solid #e1e1e1;text-align:left;}
#location .page__title {line-height: 1.3;padding: 21px 0 10px;padding-right: 130px;font-size: 30px;font-weight: 700;font-family: 'score';color: #3e434a;}
#location .utile_wrap {display: block;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {position:absolute;right: 9px;top: 38px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin-left: 11px;padding-left: 11px;position: relative;/* display: none; */}
#location .utile_wrap .print_wrap > li:before{content:'';position:absolute;top:2px;right: -11px;width:1px;height:22px;background-color:rgba(0,0,0,0.2);}
#location .utile_wrap .print_wrap > li > button {display:block;width: 22px;height: 22px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;font-size: 0;/* border: 1px solid; */}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width: 22px;height:100%;background-position: -108px -50px;font-size: 0;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 0;top: -4px;width: 27px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: block;width: 27px;height: 27px;margin: 0 0 10px;border-radius:50%;/* border: 1px solid; */font-size: 0;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position: -298px -48px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position: -159px -48px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position: -243px -48px;}
#location .utile_wrap .print_wrap > li.sns > div .band {background-position: -187px -48px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position: -214px -48px;}
#location .utile_wrap .print_wrap > li.sns > div .kakao {background-position: -270px -48px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 22px;height:22px;/* background-position: -20px -108px; */background: url(/images/kor/common/copy.png) no-repeat;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 22px;height:22px;background-position: -79px -49px;}

#location .utile_wrap .print_wrap > li.sns > div .clickClose {width: 27px;height: 27px;margin: 0;border-radius:50%;background:url(/images/kor/common/ir.png) no-repeat;background-position: -131px -49px;/* border: 1px solid; */}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}

#location .utile_wrap .print_wrap > li.n2{}
#location .utile_wrap .print_wrap > li.n2:before{content:'';position:absolute;top:2px;right: -11px;width:1px;height:22px;background-color:rgba(0,0,0,0.2);}

#location .utile_wrap .print_wrap > li.n3:before{display:none}

#location .utile_wrap .print_wrap > li.n4{color:#666;}
#location .utile_wrap .print_wrap > li.n4 button{display:inline-block;width:25px;height:25px;vertical-align:middle;margin:0 2px;border: 1px solid #eee;text-indent: -9999em;overflow:hidden;}
#location .utile_wrap .print_wrap > li.n4 button.plus{background:url('/images/kor/common/ico_plus.png') no-repeat center;}
#location .utile_wrap .print_wrap > li.n4 button.minus{background:url('/images/kor/common/ico_minus.png') no-repeat center;}


/*
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width: 22px;height:100%;background-position: 0 -108px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: 6px;top: -4px;width: 32px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display: block;width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -174px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:0 -214px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position:-105px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .band {background-position:-35px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position:-70px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .kakao {background-position:-140px -215px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {width: 32px;height: 32px;margin: 0 0 10px;border-radius:50%;background: url(/images/kor/common/ico_ir.png)no-repeat -21px 0;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block;width:100%;height:100%;background-position: 0 -134px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width: 21px;height:100%;background-position: -20px -108px;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width: 19px;height:100%;background-position: -44px -108px;}

*/


#location .utile_wrap .location_wrap {}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float: left;position:relative;}
#location .utile_wrap .location_wrap li:not(:last-child):after {display:inline-block;content:'';margin: 10px 8px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align: top;}
#location .utile_wrap .location_wrap li a {display:inline-block;position:relative;line-height: 25px;vertical-align: top;}
#location .utile_wrap .location_wrap li.home a {width: 20px;height: 20px;margin: 5px 0 0;background: url(/images/kor/common/ir.png)no-repeat -52px -87px;font-size: 0;}
#location .utile_wrap .location_wrap li.on a{
	color: #283c5d;
	font-weight: bold;
	text-decoration: underline;
}

/*


#location{position:relative;width:100%;margin-bottom: 20px;padding-bottom: 53px;text-align:left;border-bottom: 1px solid #ccc;}
#location *{vertical-align:middle;}
.title_wrap .page__title{display:block;margin:0;padding: 0;color:#000;font-size: 26px;font-weight: 700;line-height:1.2;letter-spacing: -0.05em;}
#location .utile_wrap{position: absolute;right: 0;bottom: 25px;}
.location_wrap{position: absolute;top: 10px;right: 110px;left: -1000%;overflow: hidden;margin: 0 auto;font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: right;}
.location_wrap li{display:inline-block;position:relative;padding: 0px 10px;min-height:16px;}
.location_wrap li *{vertical-align:middle;}
.location_wrap li a{display:block;position:relative;line-height:1.3;font-size:14px;color:#000;}
.location_wrap li:first-child{padding-left:0;}
.location_wrap li:last-child:after{content:none;}
.location_wrap li:before{width: 7px;height: 7px;border: 1px solid #999;border-width: 1px 1px 0 0;content:"";margin-top:-3.5px;position:absolute;top:50%;left: -5px;transform: rotate(45deg);}
.location_wrap li:first-child a:before{display: inline-block;width:14px;height: 13px;margin-right: 5px;content:'';vertical-align: middle;}
.location_wrap .n1:before{display:none;}
.setting-box__group{float: right;text-align: right;}
.setting-box__group li{display:inline-block;position:relative;width: 43px;height: 43px;font-size: 0;text-indent: -9999px;}
.setting-box__group li button{display:inline-block;position: relative;width: 100%;height: 100%;background: url(/template/A/images/common_ir.png);}
.setting-box__group li.n1 > button{background-position: -536px 0;}
.setting-box__group li.n1 > button:hover,.setting-box__group li.n1 > button:focus{background-position:-536px -43px;}
.setting-box__group li.n2 > button{background-position: -586px 0;}
.setting-box__group li .sns_wrap{display:none;position: absolute;right:0;top: 33px;padding: 18px 10px;z-index: 99;width: 89px;}
.setting-box__group li.on > a{ display:none;}
.setting-box__group li.on .sns_wrap{ width:auto; padding-left:29px; display:inline-block;}
.setting-box__group li a{display:inline-block;width:27px; height:29px;margin-right:2px;background:url(/pcms/common/layout/roleA/images/ir-tmpl.png) no-repeat;font-size:0; text-indent:-9999px;vertical-align:middle;}
.setting-box__group li a.fa{background-position:-281px 0;margin-right:2px;position: relative;z-index: 5;}
.setting-box__group li a.tw{ background-position:-309px 0; margin-right:2px;}
.setting-box__group li a.bl{ background-position:-337px 0;}
.setting-box__group li a.ka{ background-position:-365px 0;}
.setting-box__group li a.copy{background-position: -308px -36px;background-color:#fff;border:1px solid #ddd;border-radius:50%;}
.setting-box__group li [data-target="ui-close"]{width: 27px;height: 28px;background-position: -631px 0;}
.setting-box__group li [data-target="ui-close"]:before{width: 18px;height: 14px;background-position: -121px -18px;}
.setting-box__group li .ov[data-target="ui-open"]{background-position: -586px -43px;}
*/
@media screen and (max-width: 1819px){
	.lnb_wrap{width: 230px;}
	.lnb_wrap:before{top: -84px;width:180px;height: 84px;background-position: 0px -116px;}
	.lnb_wrap:after{width:200px;height:97px;background-size: 100%;}
	.lnb__title{left:255px;}
	.contents_wrap{width: 100%;margin-left: -275px;padding-left: 275px;}
	#body_layout .body_wrap{width: 100%;padding: 0 40px 80px;}
}
@media screen and (max-width:1023px){
	#location .utile_wrap .print_wrap > li.sns:before{display:none;}
	#svisual_layout{height:200px;}
	#svisual_layout .svisual_wrap .subvisual-layout{top:60px}
	.lnb_wrap{display:none;}
	.contents_wrap{float:none;width:100%;padding: 115px 0 0;margin: 0;}
	.title_wrap .page__title{text-align: left;padding-bottom: 20px;}
	#location .utile_wrap{position: static;bottom: auto;top: auto;margin-bottom: -12px;}
	#location{border-bottom: 1px solid #ccc;/* padding-bottom: 55px; */}
	.location_wrap{display:block;position: relative;top: auto;left: 0;right: 0;float:none;text-align: center;}
	.location_wrap li{float:none;}
	.setting-box__group{position: absolute;right: 0;bottom: 7px;}
	.setting-box__group #print,
	.setting-box__group li:nth-child(3){display:none}
}
@media screen and (max-width:767px){
	#body_layout:before{display: none;}
	#body_layout .body_wrap{padding: 0 18px 50px;}
	#svisual_layout{height:200px}
	#svisual_layout .svisual_wrap .subvisual-layout{top: 65px;}
	#svisual_layout .svisual_wrap .subvisual-layout p{margin-bottom: 10px;font-size:12px;}
	#svisual_layout .svisual_wrap .subvisual-layout strong{font-size:30px}
	.contents_wrap{padding-top:105px;}
}
