@charset "utf-8";
/* ----------------------------------------------------------
     LAYOUT : #wrapper, #skipnav
---------------------------------------------------------- */
#wrapper {position:relative;overflow:hidden;width:100%;min-width:1260px;margin:0 auto;}

/* skip navigation */
#skipnav {position:absolute;top:0;left:0;right:0;z-index:100;}
#skipnav a {position:absolute; top:-9999px; left:-9999px;}
#skipnav a:hover, #skipnav a:active, #skipnav a:focus {display:block;width:100%;top:0;left:0;font-size:14px;line-height:50px;color:#fff;font-weight:bold;text-align:center;background:#ff4e00;}

/* ----------------------------------------------------------
     LAYOUT : #header
---------------------------------------------------------- */
#header {position:relative;width:100%;min-width:1000px;max-width:1440px;height:40px;padding:20px 0;margin:0 auto;z-index:52;}
#header:empty:after {content:'HEADER : 공통가이드 참고';display:block;width:100%;text-align:center;line-height:40px;}
#header:before {content:'';position:absolute;left:-1000px;right:-1000px;bottom:0;top:100%;background:#fff;border-top:1px solid #ccc;z-index:0;}

/* 로고 */
#header .logo {display:block;overflow:hidden;position:absolute;left:10px;top:20px;width:164px;height:0;padding:42px 0 0;background:url(../images/com/logo.svg) no-repeat 0 0;z-index:1;}
#header .logo2 {display:block;overflow:hidden;position:absolute;right:10px;top:22px;width:80px;height:0;padding:30px 0 0;background:url(../images/company/logo_ico_home.png) no-repeat 3px 10px;z-index:1;}

/* GNB */
#header .area_gnb {position:relative;width:100%;padding-right:130px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header .nav_gnb {overflow:hidden;text-align:right;}
#header .nav_gnb:before {content:'';position:absolute;left:-1000px;right:-1000px;bottom:0;background:#fff;z-index:0;}
#header .nav_gnb:before, #header .nav_gnb > li .sub_area {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
#header .nav_gnb > li {position:relative;display:inline-block;width:130px;vertical-align:top;text-align:center;*dipslay:inline;*zoom:1;}
#header .nav_gnb > li > a {overflow:hidden;display:block;position:relative;line-height:60px;height:0;padding:60px 0 0;background:url(../images/company/header_gnb.png) no-repeat 0 10px;cursor:pointer;z-index:101;}
#header .nav_gnb > li .sub_area {position:relative;height:0;z-index:1;overflow:hidden;}
#header .nav_gnb > li ul a {display:block;font-size:12px;line-height:22px;}
#header .nav_gnb > li ul a:hover, #header .nav_gnb > li ul a:focus {color:#d24600;text-decoration:none;}
#header .nav_gnb > li ul ul {display:none;}
#header .nav_gnb > li.m1 > a {background-position:0 10px;}
#header .nav_gnb > li.m2 > a {background-position:-120px 10px;}
#header .nav_gnb > li.m3 > a {background-position:-250px 10px;}
#header .nav_gnb > li.m4 > a {background-position:-390px 10px;}
#header .nav_gnb > li.m5 > a {background-position:-520px 10px;}
#header .nav_gnb > li.m6 > a {background-position:-670px 10px;}
#header .nav_gnb > li.m1.on > a, #header .nav_gnb > li.m1 > a:hover, #header .nav_gnb > li.m1 > a:focus {background-position:0 -50px;}
#header .nav_gnb > li.m2.on > a, #header .nav_gnb > li.m2 > a:hover, #header .nav_gnb > li.m2 > a:focus {background-position:-120px -50px;}
#header .nav_gnb > li.m3.on > a, #header .nav_gnb > li.m3 > a:hover, #header .nav_gnb > li.m3 > a:focus {background-position:-250px -50px;}
#header .nav_gnb > li.m4.on > a, #header .nav_gnb > li.m4 > a:hover, #header .nav_gnb > li.m4 > a:focus {background-position:-390px -50px;}
#header .nav_gnb > li.m5.on > a, #header .nav_gnb > li.m5 > a:hover, #header .nav_gnb > li.m5 > a:focus {background-position:-520px -50px;}
#header .nav_gnb > li.m6.on > a, #header .nav_gnb > li.m6 > a:hover, #header .nav_gnb > li.m6 > a:focus {background-position:-670px -50px;}
#header .nav_gnb > li.on:after, #header .nav_gnb > li:hover:after, #header .nav_gnb > li:focus:after {content:'';position:absolute;top:59px;left:50%;height:2px;background-color:#ff4e00;}
#header .nav_gnb > li.m1.on:after, #header .nav_gnb > li.m1:hover:after, #header .nav_gnb > li.m1:focus:after {margin-left:-28px;width:62px;}
#header .nav_gnb > li.m2.on:after, #header .nav_gnb > li.m2:hover:after, #header .nav_gnb > li.m2:focus:after {margin-left:-22px;width:48px;}
#header .nav_gnb > li.m3.on:after, #header .nav_gnb > li.m3:hover:after, #header .nav_gnb > li.m3:focus:after {margin-left:-7px;width:16px;}
#header .nav_gnb > li.m4.on:after, #header .nav_gnb > li.m4:hover:after, #header .nav_gnb > li.m4:focus:after {margin-left:-26px;width:48px;}
#header .nav_gnb > li.m5.on:after, #header .nav_gnb > li.m5:hover:after, #header .nav_gnb > li.m5:focus:after {margin-left:-34px;width:64px;}
#header .nav_gnb > li.m6.on:after, #header .nav_gnb > li.m6:hover:after, #header .nav_gnb > li.m6:focus:after {margin-left:-50px;width:95px;}
#header .nav_gnb.open .sub_area {height:auto;padding:16px 0 16px;}
#header .nav_gnb.open:before {bottom:0;top:61px;border-bottom:1px solid #ccc;background:#fff;}

/* ----------------------------------------------------------
     LAYOUT : #container / #aside
---------------------------------------------------------- */
#container {width:100%;min-height:300px;}

#aside {position:relative;width:100%;height:48px;max-width:1440px;margin:0 auto;background:#2c2724;text-align:center;z-index:51;display:none;}
#aside:before {content:'';top:0;bottom:0;position:absolute;left:-1000px;right:-1000px;background:#2c2724;}
#aside.on {display:block;}

/* 현재페이지경로 */
#aside .linemap {position:relative;display:inline-block;width:100%;max-width:1440px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*display:inline;*zoom:1;}
#aside .linemap .home {position:relative;overflow:hidden;display:block;float:left;width:54px;height:0;padding:48px 0 0;border-right:1px solid #423c39;}
#aside .linemap .home:after {content:'';position:absolute;left:50%;top:17px;width:17px;height:13px;margin:0 0 0 -8px;background:url(../images/com/icon_set1.png) no-repeat -80px -80px;}
#aside .linemap .select_list {float:left;display:block;height:48px;background:none;border:0;border-right:1px solid #423c39;font-size:13px;line-height:40px;min-width:76px !important;}
#aside .linemap .select_list .headline {padding:2px 20px 6px 24px;color:#ccc;background:none;}
#aside .linemap .select_list .headline:hover, #aside .linemap .select_list .headline:focus {color:#f37321;}
#aside .linemap .select_list .headline:after {content:'';position:static;display:inline-block;width:11px;height:11px;margin:0 0 0 10px;background:url(../images/com/icon_set1.png) no-repeat -278px 0;vertical-align:middle;}
#aside .linemap .select_list ul {position:absolute;width:auto;background:#fff;padding:15px 0;border:1px solid #aaa;}
#aside .linemap .select_list ul li {position:relative;}
#aside .linemap .select_list ul li ul {left:100%;top:-15px;display:none;}
#aside .linemap .select_list ul li a {padding:3px 44px 6px 24px;color:#2c2724;font-size:13px;line-height:19px;white-space:nowrap;}
#aside .linemap .select_list ul li a:after {content:'';position:absolute;right:14px;top:50%;margin:-5px 0 0;width:6px;height:11px;background:url(../images/com/arr2_6x11_999.png) no-repeat 0 0;}
#aside .linemap .select_list ul li a:hover, #aside .linemap .select_list ul li a:focus {color:#d24600;}
#aside .linemap .select_list ul li a.active + ul, #aside .linemap .select_list ul li a.active + div > ul {display:block;margin-left:0;}
#aside .linemap .select_list ul li.selected > a {color:#ee5400;}
#aside .linemap .select_list > ul > li:first-child ~ li ul {margin-top:-1px;}
#aside .linemap .select_list > ul, #aside .linemap .select_list > ul > li:first-child div > ul, #aside .linemap .select_list > ul > li:first-child div > ul li:first-child > ul {border-top:0;margin:0;}
#aside .linemap .select_list > ul a:only-child:after {display:none;}
#aside .linemap .select_list.select_on ul {max-height:1000px;overflow:visible;}
#aside .linemap .select_list ul li.selected > a {color:#f37321 !important;text-decoration:none !important;}
#aside .linemap .select_list:last-child .headline {color:#d24600;}
#aside .linemap .select_list:last-child .headline:after {background-position:-289px 0;}

/* 확대/축소보기 */
#aside .nav_zoom {position:absolute;right:10px;top:0;width:200px;margin:0 0 0 300px;padding:12px 0;text-align:right;}
#aside .nav_zoom dt {position:absolute;z-index:-1;opacity:0;}
#aside .nav_zoom dd {display:inline-block;line-height:24px;color:#fff;*display:inline;*zoom:1;}
#aside .nav_zoom dd + dd {margin:0 0 0 2px;}
#aside .nav_zoom dd strong {font-weight:normal;}
#aside .nav_zoom dd > span:first-child {position:absolute;z-index:-1;opacity:0;}
#aside .nav_zoom dd button {overflow:hidden;position:relative;display:inline-block;width:24px;height:0;padding:24px 0 0;text-align:center;white-space:nowrap;border-radius:12px;background:url(../images/com/icon_set1.png) no-repeat -30px 0;*display:inline;*zoom:1;}
#aside .nav_zoom dd button:hover {background-position:-30px -24px;}
#aside .nav_zoom dd button + button {background-position:-54px 0;}
#aside .nav_zoom dd button + button:hover {background-position:-54px -24px;}

/* ----------------------------------------------------------
     LAYOUT : #content
---------------------------------------------------------- */
/* 본문 */
#content .section {position:relative;width:1000px;margin:0 auto;padding:0 0 100px;}
#content .section2 {position:relative;width:1600px;margin:0 auto;padding:0 0 100px;}

/* 페이지타이틀 */
.tit_page {position:relative;padding:60px 0 0;height:100px;text-align:center;font-size:15px;}
.tit_page h1 {font-size:30px;line-height:36px;font-weight:normal;color:#111;}
.tit_page h1 + p {margin:7px 0 0;}
.tit_page + * {margin-top:0 !important;}

/* ----------------------------------------------------------
     LAYOUT : #asideQuick
---------------------------------------------------------- */
.nav_top {display:none;position:absolute;right:40px;bottom:20px;z-index:52;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.nav_top .btn_top {overflow:hidden;display:block;width:44px;height:0;padding:44px 0 0;background:url(../images/com/icon_set1.png) no-repeat -212px -256px;}
.nav_top .btn_top:hover, .nav_top .btn_top:focus {background-position:-256px -256px;}
.nav_top.bottom {position:absolute;bottom:140px;}

@media only screen and (max-width:1260px) {
    .nav_top {display:none;}
}

@media only screen and (max-width:1360px) {
    .nav_top {right:15px;}
}

@media only screen and (min-width:1460px) {
    .nav_top {left:50%;right:0;margin:0 0 0 658px;}
}

/* ----------------------------------------------------------
     LAYOUT : scrolling 변형
---------------------------------------------------------- */
#wrapper.scrolling #aside {position:fixed;left:0;right:0;top:0;z-index:55;}
#wrapper.scrolling #content {padding-top:49px;}
#wrapper.scrolling .nav_top {position:fixed;display:block;}

/* ----------------------------------------------------------
     LAYOUT : #footer
---------------------------------------------------------- */
#footer {position:relative;clear:both;width:100%;padding:37px 0;border-top:1px solid #ccc;text-align:center;z-index:51;}
#footer:empty:after {content:'FOOTER : 공통가이드 참고';display:block;width:100%;line-height:120px;}

#footer .area {position:relative;width:1000px;margin:0 auto;}

#footer .com_info {font-size:12px;}
#footer .com_info li {position:relative;display:inline-block;padding-left:16px;}
#footer .com_info li:before {content:'';position:absolute;top:5px;left:7px;width:1px;height:11px;background-color:#ccc;}
#footer .com_info li:first-child {padding-left:0;}
#footer .com_info li:first-child:before {display:none;}

#footer .copy {margin-top:16px;font-size:11px;color:#666;}