@charset "utf-8";

body, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body {width:100%;}
body {background-color:#EFEFEF;}
body.no-scr {overflow-y:hidden;}

#doc-wrap {position:relative;width:100%;-webkit-text-size-adjust:none;overflow:hidden;}

/* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */
.div-abs {position:absolute;}
.div-wrap {position:relative;width:100%;text-align:left;margin:0;}
.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:all 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);}


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


.header-wrap-abs {z-index:2000;}
#header-wrap, #header {z-index:2000;position:relative;}
#gnavi-wr {z-index:2100;}

#container-wrap, #contents-wrap {z-index:10;position:relative;}
#container-wrap {overflow:hidden;width:1200px;}
#container-wrap:after {display:block;content:'';clear:both;}
#subtop-wrap {z-index:900;}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

/* 레이아웃 */
#header-wrap {width:100%;overflow:hidden;height:142px;}
#header-wrap:after {position:absolute;top:45px;left:0;width:100%;height:97px;display:block;content:'';background:#fff;z-index:1;}
#header-wrap #global {width:1200px;overflow:hidden;height:45px;}
#header-wrap .global-wrap {float:right;overflow:hidden;padding-top:15px;}
#header-wrap .global-wrap li {float:left;padding-left:30px;}
#header-wrap .global-wrap a {position:relative;display:block;padding-left:20px;font-size:14px;}
#header-wrap .global-wrap a:after {position:absolute;top:50%;left:0;display:block;content:'';width:16px;height:15px;margin:-7px;background:url(/_Img/Layout/gmenu_icon.png) no-repeat 0 0;}
#header-wrap .global-wrap .search-mem:after {background-position:0 0;}
#header-wrap .global-wrap .p-doc:after {background-position:-106px 0;}
#header-wrap .global-wrap .logout:after {background-position:-212px 0;}

#header {position:relative;width:1200px;}
#header .logo {position:absolute;top:25px;left:55px;}
#header .logo-slogan {position:absolute;top:53px;right:0px;}

#contents-wrap {width:980px;transition: all .5s;-webkit-transition:all 0.5s ease;padding-bottom:76px;padding-left:0;float:left;}

#container-wrap:before {width:220px;height:100%;position:absolute;top:0;left:0;display:block;content:'';background:#505050;z-index:99;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#container-wrap.changedc:before {width:45px;}
#container-wrap.changedo:before {width:220px;}

#contents {position:relative;margin-left:20px;}

.sidenav {height:100%;width:0;position:relative;z-index:100;background-color:#505050;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;padding-top: 0;float:left;}

#mySidenav {width:220px;}

/* 왼쪽 메뉴 width 220 */
#slidenav-b #subNavi-wrap {display:block;width:100%;}

#slidenav-b #subNavi .lm-tit {background:url(/_Img/Layout/sidenav_bg.jpg) no-repeat 0 0;height:82px;padding-top:23px;overflow:hidden;}
#slidenav-b #subNavi .lm-tit .img {float:left;padding-left:30px;display:block;width:58px;}
#slidenav-b #subNavi .lm-tit .img img {width:58px;height:58px;border-radius:50%;}
#slidenav-b #subNavi .lm-tit .txt-w {float:left;padding-left:20px;display:block;width:105px;line-height:22px;padding-top:5px;}
#slidenav-b #subNavi .lm-tit .btxt {font-size:15px;font-weight:bold;display:block;color:#fff;}
#slidenav-b #subNavi .lm-tit .ctxt {font-size:14px;display:block;color:#d9dcde;}

#slidenav-b #subNavi .left-txt {position:relative;border-bottom:1px solid #595959;line-height:45px;height:45px;}
#slidenav-b #subNavi .left-txt .txt {font-size:13px;color:#c5c5c5;padding-left:15px;padding-right:12px;display:inline-block;background:url(/_Img/Layout/sidenav_icon2.png) no-repeat right center;}
.sidenav .closebtn {position:absolute;top:0;right:0;width:45px;height:100%;background:#F54100 url(/_Img/Layout/sidenav_icon1.png) no-repeat center center;}

#slidenav-b #subNavi .leftmenu {border-bottom:0;}
#slidenav-b #subNavi .leftmenu ul {position:relative;line-height:130%;}
#slidenav-b #subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
#slidenav-b #subNavi .leftmenu ul li {width:100%;}
#slidenav-b #subNavi .leftmenu ul.depth2 {width:100%;}
#slidenav-b #subNavi .leftmenu ul .lm_l2 {position:relative;border-bottom:1px solid #595959;vertical-align:top;}
#slidenav-b #subNavi .leftmenu ul .lm_a2 {position:relative;display:block;z-index:1;font-size:14px;background-repeat:repeat;padding:10px 30px 13px 50px;font-weight:bold;}
#slidenav-b #subNavi .leftmenu ul .lm_a2:after {position:absolute;top:19px;right:20px;content:"";display:block;width:10px;height:6px;z-index:10}

#slidenav-b #subNavi .leftmenu ul .over.lm_a2:after {background-image:url(/kor/_Img/Layout/lm_arr_o.gif);}

#slidenav-b #subNavi .leftmenu ul .is-close .lm_a2:after {background-image:url(/_Img/Layout/sidenav_arr2.png);}
#slidenav-b #subNavi .leftmenu ul .is-close .lm_a2:hover:after {background-image:url(/_Img/Layout/sidenav_arr2.png);}
#slidenav-b #subNavi .leftmenu ul .is-open .lm_a2:after {background-image:url(/_Img/Layout/sidenav_arr1.png);}

#slidenav-b #subNavi .leftmenu ul .lm_a2 .isMask {width:0;height:100%;position:absolute;top:0;left:0;background:#009C82;transition:all 0.2s ease;}

#slidenav-b #subNavi .leftmenu ul .lm_a2 span.isTxt {color:#fff;position:relative;transition:all 0.2s ease;}
#slidenav-b #subNavi .leftmenu ul .lm_a2 span.isTxt {z-index:20;position:relative;}
#slidenav-b #subNavi .leftmenu ul .lm_a2 span.sico-nwin {display:block;position:absolute;right:5px;top:1.2em;z-index:30;width:15px;height:15px;background:url(/_Img/Common/sicon_nwin_g.gif) no-repeat center center;overflow:hidden;}
#slidenav-b #subNavi .leftmenu ul .lm_a2:hover span.isTxt {text-decoration:underline;color:#fff;}
#slidenav-b #subNavi .leftmenu ul .lm_a2:hover span.isMask {width:100%;}

#slidenav-b #subNavi .leftmenu ul .over .lm_a2 {background:#009C82;}
#slidenav-b #subNavi .leftmenu ul .over.has-sub.is-close .lm_a2 .isMask {background-position:-100px 0;}
#slidenav-b #subNavi .leftmenu ul .over .lm_a2 span.isTxt {color:#fff}
#slidenav-b #subNavi .leftmenu ul .over .lm_a2 span.sico-nwin {background-image:url(/_Img/Common/sicon_nwin_w.gif)}

#slidenav-b #subNavi .leftmenu ul .over .depth3 {display:block;}
#slidenav-b #subNavi .leftmenu ul.depth3 {display:none;height:100%;background:#404040;padding-top:20px;padding-bottom:20px;font-size:13px;position:relative;}
#slidenav-b #subNavi .leftmenu ul.depth3:after {position:absolute;top:0;left:0;display:block;content:'';background:#FFB400;width:4px;height:100%;}

#slidenav-b #subNavi .leftmenu ul .lm_a3 {display:block;width:100%;word-break:keep-all;font-weight:normal;background:none;}
#slidenav-b #subNavi .leftmenu ul .lm_a3 span.isTxt {padding:5px 15px 5px 50px;display:block;color:#e5e5e5;}
#slidenav-b #subNavi .leftmenu .depth3 .over .lm_a3,#slidenav-b #subNavi .leftmenu .depth3 .lm_a3:hover,#slidenav-b #subNavi .leftmenu .depth3 .lm_a3:focus,#slidenav-b #subNavi .leftmenu .depth3 .lm_a3:active  {background:none;}
#slidenav-b #subNavi .leftmenu .depth3 .over .lm_a3 span,#slidenav-b #subNavi .leftmenu ul .lm_a3:hover span,#slidenav-b #subNavi .leftmenu ul .lm_a3:focus span,#slidenav-b #subNavi .leftmenu ul .lm_a3:active span {color:#fff;text-decoration:underline;font-weight:normal;}

#slidenav-b #subNavi .leftmenu ul .lm_a2 span.sico-nwin {background:none;}

#slidenav-b #subNavi .leftmenu ul .lm_a2:before {position:absolute;top:15px;left:20px;width:14px;height:16px;display:block;content:'';background:url(/_Img/Layout/menu_icon.png) no-repeat 0 0;z-index:98;}
#slidenav-b #subNavi .leftmenu ul .lmicon-01 .lm_a2:before {background-position:0 0;}
#slidenav-b #subNavi .leftmenu ul .lmicon-02 .lm_a2:before {background-position:0 -26px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-03 .lm_a2:before {background-position:0 -52px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-04 .lm_a2:before {background-position:0 -78px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-05 .lm_a2:before {background-position:0 -104px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-06 .lm_a2:before {background-position:0 -130px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-07 .lm_a2:before {background-position:0 -156px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-08 .lm_a2:before {background-position:0 -182px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-09 .lm_a2:before {background-position:0 -208px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-10 .lm_a2:before {background-position:0 -234px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-11 .lm_a2:before {background-position:0 -260px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-12 .lm_a2:before {background-position:0 -286px;}
#slidenav-b #subNavi .leftmenu ul .lmicon-13 .lm_a2:before {background-position:0 -312px;}


#slidenav-b .weather-box {width:100%;height:156px;background:url(/_Img/Layout/weather_bg.jpg) no-repeat 0 0;color:#fff;text-align:center;}
#slidenav-b .weather-box .city {display:inline-block;padding-left:20px;font-size:17px;background:url(/_Img/Layout/weather_point.png) no-repeat 0 2px;margin-top:20px;}
#slidenav-b .weather-box .date {display:block;font-size:16px;padding-top:10px;}
#slidenav-b .weather-box .date .weather-txt {font-weight:bold;}
#slidenav-b .weather-box .weather-img {overflow:hidden;padding-top:20px;line-height:40px;}
#slidenav-b .weather-box .weather-img * {vertical-align:middle;}
#slidenav-b .weather-box .weather-img .img {display:inline-block;width:40px;height:42px;background:url(/_Img/Layout/weather_icon.png) no-repeat 0 0;}
#slidenav-b .weather-box .weather-img #weather-clear {background-position:0 0;}
#slidenav-b .weather-box .weather-img #weather-wind {background-position:-76px 0;}
#slidenav-b .weather-box .weather-img #weather-cloudy {background-position:-151px 0;}
#slidenav-b .weather-box .weather-img #weather-rain {background-position:-118px 0;}
#slidenav-b .weather-box .weather-img .txt {display:inline-block;font-size:40px;font-weight:bold;padding:0 25px 0 10px;background:url(/_Img/Layout/weather_doc.png) no-repeat right 100%;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);}


/* 왼쪽 메뉴 width 45 */
#slidenav-s #subNavi .lm-tit {background:url(/_Img/Layout/sidenav_bg.jpg) no-repeat 0 0;height:62px;padding-top:0;font-size:14px;font-weight:bold;color:#fff;text-align:center;line-height:62px;}
#slidenav-s .left-txt {position:relative;width:100%;transition:all .5s ease;}
#slidenav-s #subNavi .openbtn {line-height:45px;height:45px;width:100%;background:#F54100 url(/_Img/Layout/sidenav_icon3.png) no-repeat center center;display:block;cursor:pointer;}


#slidenav-s #subNavi .leftmenu {border-bottom:0;}
#slidenav-s #subNavi .leftmenu ul {position:relative;line-height:130%;}
#slidenav-s #subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
#slidenav-s #subNavi .leftmenu ul li {width:100%;}
#slidenav-s #subNavi .leftmenu ul.depth2 {width:100%;}
#slidenav-s #subNavi .leftmenu ul .lm_l2 {position:relative;border-bottom:1px solid #595959;vertical-align:top;}
#slidenav-s #subNavi .leftmenu ul .lm_a2 {position:relative;display:block;z-index:1;font-size:14px;background-repeat:repeat;padding:0;font-weight:bold;height:45px;transition:all 0.2s ease;}
#slidenav-s #subNavi .leftmenu ul .lm_a2:after {position:absolute;top:19px;right:20px;content:"";display:none;width:10px;height:6px;z-index:10}

#slidenav-s #subNavi .leftmenu ul .over.lm_a2:after {background-image:url(/kor/_Img/Layout/lm_arr_o.gif);}

#slidenav-s #subNavi .leftmenu ul .is-close .lm_a2:after {background-image:url(/_Img/Layout/sidenav_arr2.png);}
#slidenav-s #subNavi .leftmenu ul .is-close .lm_a2:hover:after {background-image:url(/_Img/Layout/sidenav_arr2.png);}
#slidenav-s #subNavi .leftmenu ul .is-open .lm_a2:after {background-image:url(/_Img/Layout/sidenav_arr1.png);}

#slidenav-s #subNavi .leftmenu ul .lm_a2 .isMask {width:0;height:100%;position:absolute;top:0;left:0;background:#009C82;transition:all 0.2s ease;}

#slidenav-s #subNavi .leftmenu ul .lm_a2 span.isTxt {color:#fff;transition:all 0.2s ease;z-index:20;position:absolute;top:0;left:45px;display:block;width:0;height:45px;background:#009C82;line-height:45px;opacity:0;}

#slidenav-s #subNavi .leftmenu ul .lm_a2 span.sico-nwin {display:block;position:absolute;right:5px;top:1.2em;z-index:30;width:15px;height:15px;background:url(/_Img/Common/sicon_nwin_g.gif) no-repeat center center;overflow:hidden;}
#slidenav-s #subNavi .leftmenu ul .lm_a2:hover span.isTxt {text-decoration:underline;color:#fff;}
#slidenav-s #subNavi .leftmenu ul .lm_a2:hover span.isMask {width:100%;}

#slidenav-s #subNavi .leftmenu ul .over .lm_a2 {background:#009C82;}
#slidenav-s #subNavi .leftmenu ul .over.has-sub.is-close .lm_a2 .isMask {background-position:-100px 0;}
#slidenav-s #subNavi .leftmenu ul .over .lm_a2 span.isTxt {color:#fff}
#slidenav-s #subNavi .leftmenu ul .over .lm_a2 span.sico-nwin {background-image:url(/_Img/Common/sicon_nwin_w.gif)}

#slidenav-s #subNavi .leftmenu ul .lm_a2:hover span.isTxt {width:150px;transition:all 0.2s ease;opacity:1;}

#slidenav-s #subNavi .leftmenu ul .over .depth3 {display:none;}
#slidenav-s #subNavi .leftmenu ul.depth3 {display:none;height:100%;background:#404040;padding-top:20px;padding-bottom:20px;font-size:13px;position:relative;}
#slidenav-s #subNavi .leftmenu ul.depth3:after {position:absolute;top:0;left:0;display:none;content:'';background:#FFB400;width:4px;height:100%;}

#slidenav-s #subNavi .leftmenu ul .lm_a3 {display:block;width:100%;word-break:keep-all;font-weight:normal;background:none;}
#slidenav-s #subNavi .leftmenu ul .lm_a3 span.isTxt {padding:5px 15px 5px 50px;display:block;color:#e5e5e5;}
#slidenav-s #subNavi .leftmenu .depth3 .over .lm_a3,#slidenav-s #subNavi .leftmenu .depth3 .lm_a3:hover,#slidenav-s #subNavi .leftmenu .depth3 .lm_a3:focus,#slidenav-s #subNavi .leftmenu .depth3 .lm_a3:active  {background:none;}
#slidenav-s #subNavi .leftmenu .depth3 .over .lm_a3 span,#slidenav-s #subNavi .leftmenu ul .lm_a3:hover span,#slidenav-s #subNavi .leftmenu ul .lm_a3:focus span,#slidenav-s #subNavi .leftmenu ul .lm_a3:active span {color:#fff;text-decoration:underline;font-weight:normal;}

#slidenav-s #subNavi .leftmenu ul .lm_a2 span.sico-nwin {background:none;}

#slidenav-s #subNavi .leftmenu ul .lm_a2:before {position:absolute;top:15px;left:15px;width:14px;height:16px;display:block;content:'';background:url(/_Img/Layout/menu_icon.png) no-repeat 0 0;z-index:20;}
#slidenav-s #subNavi .leftmenu ul .lmicon-01 .lm_a2:before {background-position:0 0;}
#slidenav-s #subNavi .leftmenu ul .lmicon-02 .lm_a2:before {background-position:0 -26px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-03 .lm_a2:before {background-position:0 -52px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-04 .lm_a2:before {background-position:0 -78px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-05 .lm_a2:before {background-position:0 -104px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-06 .lm_a2:before {background-position:0 -130px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-07 .lm_a2:before {background-position:0 -156px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-08 .lm_a2:before {background-position:0 -182px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-09 .lm_a2:before {background-position:0 -208px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-10 .lm_a2:before {background-position:0 -234px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-11 .lm_a2:before {background-position:0 -260px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-12 .lm_a2:before {background-position:0 -286px;}
#slidenav-s #subNavi .leftmenu ul .lmicon-13 .lm_a2:before {background-position:0 -312px;}

#slidenav-s .weather-box {width:100%;height:35px;background:url(/_Img/Layout/weather_bg.jpg) no-repeat 0 0;color:#fff;text-align:center;padding-top:10px;}
#slidenav-s .weather-box .weather-img {overflow:hidden;line-height:42px;width:100%;text-align:center;}
#slidenav-s .weather-box .weather-img .img {display:block;width:29px;height:28px;background:url(/_Img/Layout/weather_icon.png) no-repeat 0 -96px;margin:0 auto;}
#slidenav-s .weather-box .weather-img #weather-clear {background-position:0 -96px;}
#slidenav-s .weather-box .weather-img #weather-wind {background-position:-76px -96px;}
#slidenav-s .weather-box .weather-img #weather-cloudy {background-position:-151px -96px;}
#slidenav-s .weather-box .weather-img #weather-rain {background-position:-118px -96px;}

#footer-wrap {position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:20px 0;}
#footer-wrap #footer {margin-left:240px;font-size:14px;font-family:'Verdana';}
#footer-wrap #footer .b {font-weight:bold;}