@charset "utf-8";
body, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html,body {width:100%;}
#doc {position:relative;width:100%;min-width:320px;-webkit-text-size-adjust:none;overflow:hidden;}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute;}
.div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.5s ease;}
.body-slider-ovclick {position:fixed;z-index:8000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}

@meid only screen and (max-width:1199px){
	.div-wrap {min-width:320px;}
}
@media all and (min-width:481px) and (max-width:999px){
	.div-cont {margin-left:15px;margin-right:15px;}
}

/*****************************************************************************/

/* z-index 설정 */
.header-wrap-abs {z-index:2100;}
#header-wrap,#header {z-index:2000;}
#gnavi-wr {z-index:2100;}
#container-wrap, #container {z-index:2000;}
#subtop-wrap {z-index:900;}

/* 스킵네비게이션 */
.skipNavi {height:0;}
.skipNavi a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index:2500;overflow:hidden;}
.skipNavi a:focus {width:auto;height:auto;background:#005aab;color:#fff;padding:0.75em 1em;top:0;left:0;}

/* 상단 */
.header-wrap-abs {position:fixed;top:0;left:0;width:225px;height:100%;background:#142939;}
@media only screen and (max-width:999px){
	.header-wrap-abs {position:absolute;width:100%;height:auto;z-index:3000;background:none;}
}

/*-------------------------------*/
#container-wrap {margin-left:225px;width:auto;}
#container {position:relative;display:block;padding-bottom:80px;}
#container:after {content:"";display:block;clear:both;}

/* 서브비쥬얼 */
#subtop-wr {position:relative;}
#svisual-wrap {position:relative;overflow:hidden;background:#eaeaea;}
#svisual-wrap img {vertical-align:top;}
#svisual-wrap .visimg-wr {position:absolute;left:50%;top:0;width:100%;height:100%;left:0;top:0;}
#svisual-wrap .visimg-img {position:absolute;left:0;top:0;transition:left .3s ease, margin .3s ease;}
#svisual-wrap .visimg-img img{vertical-align:top;}
#svisual-wrap .visimg-bg {position:absolute;left:0;top:0;width:100%;height:100%;left:0;top:0;}

/* 컨텐츠 네비게이션  */
#cont-navi-wrap {position:relative;width:100%;font-size:14px;line-height:1.8em;background:#fff;z-index:600;border-bottom:1px solid #ddd;transition:all .3s ease;z-index:1000;padding-top:9px;padding-bottom:9px}
#cont-navi {height:100%;box-sizing:border-box;padding-right:160px;z-index:1000;margin:0}
#cont-navi:after {content:"";display:block;clear:both;}
#cont-navi .home {display:block;float:left;width:40px;text-align:center;height:1.2em;padding:1.8em 0 1.2em;}
#cont-navi .home img {vertical-align:top;}
#cont-navi a span {color:#666;font-size:15px;}
#cont-navi a span, #cont-navi a:active span, #cont-navi a:visited span {color:#666;}
#cont-navi dl {display:block;position:relative;float:left;width:auto;min-width:169px;height:100%;background:url(../_Img/cnavi_vbar.png) no-repeat 5px center;}
#cont-navi dt a {position:relative;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;padding-top:1.3em;padding-bottom:1.3em;;padding-left:30px;padding-right:45px;}
#cont-navi dt a span {display:block;cursor:pointer;}
#cont-navi dt a span:after {position:absolute;top:50%;right:10px;margin-top:-10px;content:"";display:block;width:20px;height:20px;background:url(../_Img/cnavi_arr.png) no-repeat 0 0;transition:all .3s ease;}
#cont-navi dt a:hover span:after {background-position:0 -20px}
#cont-navi dd {position:absolute;left:0px;top:72px;width:100%;min-width:140px;height:auto;display:none;}
#cont-navi dd a {display:block;padding-top:0.75em;padding-bottom:0.75em;padding-left:1em;padding-right:1em;line-height:1.3em;background:#f0f0f0;border:1px solid #dee3e6;border-top:0;}
#cont-navi dd a:hover, #cont-navi dd a:focus, #cont-navi dd a:active, #cont-navi dd .isOver a {background:#0491d9 url(../_Img/cnavi_mn_arr.png) no-repeat 95% 17px;border:1px solid #0491d9;border-top:0;}
#cont-navi dd a:hover span, #cont-navi dd .isOver a span {color:#fff}
/* 4차 메뉴 숨김 + 마지막 dl 효과*/
#cont-navi dl.cnavi4 {display:none;} 
#cont-navi .cnavi3 dt a, #cont-navi .cnavi3 dt a span, #cont-navi dl.is-last dt a, #cont-navi dl.is-last dt a span {color:#333;font-weight:500;}

/* 즐겨찾기/인쇄/폰트사이즈제어 버튼 */
.cont-btns {position:absolute;right:0;top:11px;height:35px;width:auto;text-align:right;}
.cont-btns > div {position:relative;display:inline-block;vertical-align:top;}
.cont-ctrl-btns button {border:0;background:url(../_Img/cnavi_func_spr.png) no-repeat;width:35px;height:35px;vertical-align:middle;transition:all .3s ease;}
.cont-ctrl-btns .bt-bookmark {background-position:0 0;margin-right:4px;}
.cont-ctrl-btns .bt-print {background-position:-37px 0;}
.cont-ctrl-btns .bt-bookmark:hover {background-position:0 -37px;}
.cont-ctrl-btns .bt-print:hover {background-position:-37px -37px;}
.cont-sns-link {z-index:3000}
.cont-sns-link .sns-tit {border:0;background:none;width:30px;height:30px;background:url(/_Template/Layout/layout-dpt/_Img/sns_spr.png) no-repeat 0 0;margin-right:4px;cursor:pointer;margin-top:2px;}
.cont-sns-link .sns-link-list {display:none;position:absolute;top:43px;right:-8px;border:1px solid #ccc;background:#fff;width:52px;box-sizing:border-box;padding:13px 10px 1px;z-index:300}
.cont-sns-link .sns-link-list:before {position:absolute;top:-8px;left:50%;margin-left:-6px;content:"";display:block;width:12px;height:9px;background:url(/_Template/Layout/layout-dpt/_Img/sns_spr.png) no-repeat -160px 0;}
.cont-sns-link .sns-link-list button {width:30px;height:30px;background:url(/_Template/Layout/layout-dpt/_Img/sns_spr.png) no-repeat;border:0;margin:0 0 7px;vertical-align:top;cursor:pointer;}
.cont-sns-link .sns-link-list button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:-1000em;text-indent:-9999px}
.cont-sns-link .sns-link-list .facebk {background-position:-32px 0}
.cont-sns-link .sns-link-list .twitter {background-position:-64px 0}
.cont-sns-link .sns-link-list .kakao {background-position:-96px 0}
.cont-sns-link .sns-link-list .kakaost {background-position:-128px 0}

/* 컨텐츠 */
#contents-wrap #contents {line-height:180%;word-break:keep-all;word-wrap:break-word;}
#contents-wrap #contents img {max-width:100%;}
.cont-top {display:block;width:100%;position:relative;padding:0;margin-bottom:2em;}
.cont-top .cont-tit {line-height:1.2em;width:100%;}
.cont-top .cont-tit h2 {display:block;font-size:38px;line-height:1;margin:0;color:#222;padding:27px 0 30px;font-weight:400;}

/* 모바일 전용 location */
.cont-top .cont-location {display:none;} 
.cont-top .cont-location .cont-navi2 {font-size:12px;display:none;}
.cont-top .cont-location .cont-navi2 .home img {width:12px;}
.cont-top .cont-location .cont-navi2 .split {display:inline-block;padding-left:1em;padding-right:1em;}
.cont-top .cont-location .cont-tit h2 {display:block;font-size:38px;line-height:1;margin:0;color:#222;padding:27px 0 30px}
.cont-top .cont-location * {display:inline-block;vertical-align:top;}
.cont-top .cont-location:before, .cont-top .cont-location a:after {content:"";display:inline-block;width:11px;height:12px;background:url(../_Img/cont_loc_spr.png) no-repeat;margin-top:-3px;}
.cont-top .cont-location:before {background-position:0 0;margin-right:7px;vertical-align:middle;}
.cont-top .cont-location a:after {background-position:-13px 0;margin:0 7px;vertical-align:middle;}

@media only screen and (min-width:1000px) {
	.body-sub #container-wrap {margin-left:290px;}
	.body-sub #contents-wrap {max-width:910px;min-height:600px;padding-bottom:50px;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;width:auto;}
}
@media only screen and  (max-width:999px) {
	.body-slide.is-open {position:fixed;top:0;right:230px;width:100%;height:100%;}
	.body-slide.is-open #gnavi-wr {z-index:100}
	#container-wrap {margin-left:0;padding-top:115px;}
	#container {margin-left:15px;margin-right:15px;}
	#cont-navi dl {min-width:149px}
	#cont-navi dt a {padding-left:25px;padding-right:40px;}
	.cont-top .cont-tit h2 {font-size:28px}
}
@media only screen and (max-width:768px){
	body {font-size:14px;}
	#contents-wrap #contents {padding-top:20px;}
	.cont-top {display:flex;flex-wrap:wrap-reverse;}
	.cont-top .cont-tit h2 {padding:0 0 5px;}
	#subtop-wr, #cont-navi-wrap .home, #cont-navi-wrap dl, .cnavi-fix {display:none;}
	#cont-navi-wrap {border-bottom:0;padding:0}
	.cont-btns {top:20px}
	.cont-btns .cont-ctrl-btns {display:none;}
	.cont-top .cont-location {display:block;font-size:14px;}
	.cont-top .cont-location:before {content:"";display:inline-block;vertical-align:middle;width:14px;height:13px;background:url(../_Img/layout_rspnsv.png) no-repeat 0 -42px;margin-top:-3px;}
	.cont-top .cont-location a:first-child:before {display:none;}	
}
@media only screen and (max-width:600px){
	#container-wrap {padding-top:106px;}
	.cont-top {margin-bottom:15px;}
	.cont-top .cont-tit h2 {font-size:21px;}
}