@charset "utf-8";

/* 세종 공통 레이아웃 */
.contents_wrap{position:relative;float:right;width:900px;padding: 113px 0 0;}
#body_layout{position: relative;z-index:9}
#body_layout:before{display: block;position:absolute;top:0;left:0;right:0;height: 51px;background:#f4f4f4;content:'';}
#body_layout .body_wrap{max-width: 1170px;min-height:850px;margin: 0 auto;padding-bottom:50px;}/* 하단여백으로 100px 추가 */

.lnb_wrap{position:relative;z-index:10;float:left;width:229px;min-height: auto;margin: 169px 0 20px;padding-bottom: 113px;border: 2px solid #236dc7;border-radius: 7px;}
.lnb_wrap:before{position: absolute;top: -110px;right:-3px;z-index: -1;width:234px;height: 110px;background: url("/template/A/images/lnb_irB.png") 0px 0px no-repeat;content: '';}
.lnb_wrap:after{position: absolute;bottom:0px;width: 227px;height: 111px;background: url("/template/A/images/lnb_bg.png");content: '';}
.lnb__title{display: table;z-index: 9;max-width: 199px;width: 100%;height: 61px;margin: -10px auto 0;background: #0059b5;border-radius: 0 0 10px 10px;box-shadow: 3px 3px #e1e1e1;text-align: center;}
.lnb__title:after{position: absolute;top: -12px;right: 2px;z-index: 8;border-right: 10px solid transparent;border-bottom: 7px solid transparent;border-top: 7px solid #002560;transform: rotate(-90deg);content:'';}
.lnb__title strong{display: table-cell;position: relative;color: #fff;font-size: 17px;line-height: 1.2;font-weight: 700;vertical-align: middle;}
.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{margin-top: 20px;border-top: 1px #dadada;}
.lnb_depth2__list > li{border:1px solid #f0f0f0;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;}
.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:#3f61b2}
.lnb_depth2__list li a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 15px;font-weight: 700;text-align: left;}
.lnb_depth2__list li a[target=_blank] span:before{display: none;} 
.lnb_depth2__list li a[target=_blank] span:after{position: absolute;right: 15px;top: 50%;width: 14px;height: 14px;margin-top: -7.5px;background: url(/template/A/images/target_blank.png);content: '';}
.lnb_depth2__list > li.on > a[target=_blank] span:after{display: block;background:url(/template/A/images/target_blank_ov.png)}
.lnb_depth2__list >li>a>span{padding:13px 25px}
.lnb_depth2__list >li.on{border:0;}
.lnb_depth2__list >li.on>a{background-color: #236dc7;color: #fff;}
.lnb_depth2__list >li.on>a span{position: relative;}
.lnb_depth2__list >li.on>a span:before{position: absolute;left: 10px;top: 19px;width: 4px;height: 4px;border:2px solid #fff;border-width: 2px 2px 0 0;transform: rotate(45deg);content: '';}
.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: 5px 0;background-color:#f9f9f9;border-bottom: 1px solid #dadada;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li{border-top:none;}
.lnb_depth2__list .lnb_depth3__list li a{margin-bottom:2px;display:block;}
.lnb_depth2__list .lnb_depth3__list li span{display:block;position: relative;padding: 5px 0 4px 25px;padding-right:30px;font-size:14px;word-wrap:break-word;word-break:keep-all;font-weight:normal;}
.lnb_depth2__list .lnb_depth3__list li.on span{background: #fff;color: #1f699c;text-decoration: underline;}
.lnb_depth2__list .lnb_depth3__list li.on span:before{position: absolute;left: 13px;top: 11px;width: 5px;height: 5px;background: #378be2;border-radius: 50%;content: '';}
/* .lnb_depth2__list .lnb_depth3__list li a[target=_blank] span:after{display: inline-block;width: 15px;height: 15px;margin-left: 5px;background: url(/images/atc/common/sub_ir.png) -1px -17px;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;}

#location{position:relative;margin-bottom:30px;width:100%;padding-bottom: 10px;border-bottom: 1px solid #ccc;text-align:left;}
#location *{vertical-align:middle;}
.title_wrap .page__title{display:block;margin:0;padding: 0 0 10px 0px;color:#000;font-size: 30px;font-weight: 500;line-height:1.2;letter-spacing: -0.05em;}
.utile_wrap{position:absolute;bottom: 15px;right:0;}
.location_wrap{position: relative;top: -95px;text-align:right;overflow: hidden;margin: 0 auto;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.location_wrap li{display:inline-block;position:relative;padding:0 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;font-family: 'nbg'}
.location_wrap li:last-child:after{content:none;}
.location_wrap li:before{width:4px;height:7px;background: url(/template/A/images/common_ir.png) no-repeat -138px -1px;content:"";margin-top:-3.5px;position:absolute;top:50%;left:-3px;}
.location_wrap li:first-child a{width:14px;height:14px;padding:0;font-size:0;background: url(/template/A/images/common_ir.png) no-repeat -121px -1px;font-size:0;line-height:0;text-indent:-9999px;}
.location_wrap .n1:before{display:none;}
.setting-box__group{text-align: right}
.setting-box__group li{margin:0 2px; display:inline-block;position:relative;}
.setting-box__group li + li{margin-left:10px;}
.setting-box__group li + li + li{margin-left: 5px;}
.setting-box__group li button{display:inline-block;position: relative;font-size: 14px;}
.setting-box__group li button:before{
	display: inline-block;position:relative;width:35px;height:35px;margin-right: 5px; padding-top:1px;
	background: url(/template/A/images/common_ir.png) no-repeat;vertical-align:middle;content: '';
	}
.setting-box__group li button:before{width:18px;height:14px;background-position: -158px -18px;}
.setting-box__group li.n1 > button:before{width:18px;height:14px;background-position: -121px -18px;}
.setting-box__group li.n2 > button:before{width:15px;height:14px;background-position: -142px -18px;}

.setting-box__group li.n3 > button:before{background-position: -158px -50px;}


.setting-box__group li .sns_wrap{display:none;position: absolute;right:0;top: 34px;padding: 18px 10px;z-index: 99;background:#fff;width: 89px;border: 1px solid #e8ecf1;}
.setting-box__group li .sns_wrap:before {position: absolute;top: -8px;right: 10%;width: 12px;height: 12px;background-color: #fff;border: 1px solid #e8ecf1;transform: rotate(45deg);content: "";z-index: 1;}
.setting-box__group li .sns_wrap:after {position: absolute;top: -1px;right: 7%;width: 18px;height: 19px;background-color: #fff;content: "";z-index: 2;/* border: 1px solid; */}
.setting-box__group li .sns_wrap a{/* float: left; */}
.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 [data-target="ui-close"]{position: absolute;top: -28px;right: -7px;width: 60px;background: #fff;}
.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"]{color: #fff;}

@media screen and (max-width: 1279px){
	.lnb_wrap{width: 200px;}
	.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;max-width: 176px;}
	.lnb__title:after{
    right: -1px;
}
	.location_wrap{top: -80px;}
	.setting-box__group{margin-bottom: 10px;}
	.contents_wrap{width: 100%;margin-left: -200px;padding-left: 255px;}
	#body_layout .body_wrap{width: 100%;padding: 0 30px 80px;}
}
@media screen and (max-width:999px){
	.lnb_wrap{display:none;}
	.contents_wrap{float:none;width:100%;padding: 85px 0 0;margin: 0;}
	.title_wrap .page__title{text-align:left;padding-bottom: 20px;}
    #location .utile_wrap{position: static;bottom: auto;top: auto;}
    #location{border-bottom: 1px solid #ccc}
	.location_wrap{display:block;position: absolute;top: -65px;left: 0;right: 0;float:none;text-align: right;}
	.location_wrap li{float:none;}
    .setting-box__group{position: absolute;right: 0;bottom: 0;}
    .setting-box__group #print,
	.setting-box__group li:nth-child(3){display:none}
}
@media screen and (max-width:767px){
/* 	body{overflow-x:hidden} */
	#body_layout:before{display: none;}
	#body_layout .body_wrap{padding: 0 15px 50px;}
	.title_wrap .page__title{padding-bottom: 30px;}
	.contents_wrap{padding-top:105px;}
	.location_wrap{top: -104px;left: -15px;right: -15px;min-height: 51px;padding: 16px 0;background: #f4f4f4}
}

/* 즐겨찾기 */
.bookmark {width:210px; position:absolute; right:0; top:50px; z-index:100;}
.bookmark > .icon_bookmark {
 background:url(/images/kor/common/icon_bookmark_bg.png) no-repeat; width:51px; height:46px;
 padding:8px 0 0 13px; margin:0 !important; box-sizing:border-box; float:left;
 }
.bookmark > .icon_bookmark a {display:block; width:51px; height:46px; margin:-8px 0 0 0;}
.bookmark > .icon_bookmark img.star {position:absolute; top:13px; animation:star 1.8s linear both infinite; cursor: pointer;}


.bookmark2 {width:51px; position:absolute; right:0; top:50px; z-index:100;}
.bookmark2 > .icon_bookmark {
 background:url(/images/kor/common/icon_bookmark_bg.png) no-repeat; width:51px; height:46px;
 padding:8px 0 0 13px; margin:0 !important; box-sizing:border-box; float:left; cursor: pointer;
 }

.bookmark2 > .icon_bookmark img.star {position:absolute; top:13px; animation:star 1.8s linear both infinite;}



.bookmark_area {
 width:159px; float:left;
 border:1px solid #0c4cb0; border-right:0; border-bottom-left-radius:10px; background:#FFF;
 }
 .bookmark_area:after {
	clear: both;
	display: block;
	content: ""
}

	
	/*** Animation ***/
	@keyframes star {
	0% {transform:translateY(0);}
	50% {transform:translateY(-10px);}
	100% {transform:translateY(0);}
	}

.bookmark_area > .bookmark_title {
 font-size:14px; font-weight:600; color:#2e619f; 
 background:#cfe7f2; width:100%; padding:5px 0; margin:0 !important; text-align:center;
 }
 .bookmark_area > ul { margin:5px 0;}
 .bookmark_area > ul > li {
	 border-bottom:1px solid #CCC; padding:5px 0 5px 8px; font-size:12px; width:84%; margin:0 9%; position:relative;
	 }
 .bookmark_area > ul > li a {width:90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; padding-right:25px;}
 .bookmark_area > ul > li:last-child {border-bottom:0;}
 
 .bookmark_area > ul > li::before {top:13px; left:1px; width:2px; height:2px; background:#1161be;}
 .bookmark_area > ul > li a:hover { color:#1f699c;}
 
  span.delete_btn {
	  text-indent:-9999px; width:18px; height:18px; display:block;
	  background:url(/images/kor/common/icon_closed02.gif) no-repeat 50% 50%; margin-top:-19px;
	  float:right;
	  cursor: pointer;
	  border:1px solid #999;
	  }

/* 즐겨찾기 끝 */