@charset "utf-8";
/* CSS Document */

/* skip */
#skipnav {overflow:hidden; position:absolute; width:100%; z-index:1000;}
#skipnav a {display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {width:auto; height:20px; margin:0; padding:8px 0 5px; background:#20262c; font-size:12px; font-weight:700; line-height:1; color:#fff;}

.skip_info {display:block; position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:100%;}

/* Sprite */
.toggleMenu button, .btn_close span, .go_top,
.chkbox input:checked+i:before,
.ein_overview ul > li > span:before, .momserp_func .function > li:before,
.bsns_head .textbox .go_link:after, .paging .page_bt > span,
.sv_list > ul > li .text_group .btn_more > span, .es {content:''; background-image:url(../images/common/icons.png); background-repeat:no-repeat; background-size:400px;}

/* header ------------------------------- */
header {position:absolute; top:0; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.12); height:90px; z-index:3;}
header:after {content:''; clear:both; display:block;}
header h1 {position:relative; margin-left:15px; padding-top:25px;}
header h1 > a {display:block; background:url(../images/common/top_logo_wh.png) 0 0 no-repeat; background-size:100px; width:100px; height:57px; text-indent:-9999px;}
header h1 img {max-width:100px; display:inline-block; vertical-align:top;}
/* gnb */
header #topmenu {position:absolute; top:0px; right:0;}
header #topmenu a {color:#fff; transform:skew(-0.001deg);}

#gnb {float:left;}
#gnb > li {position:relative; float:left;}
#gnb > li > a {display:block; text-align:center; font-size:20px; font-weight:700; padding:30px 40px;}
#gnb > li > ul {display:none; position:absolute; width:200px; left:0; box-shadow:2px 2px 2px rgba(0,0,0,0.1); background:rgba(0,0,0,0.9); padding:10px 0; z-index:10;}
#gnb > li > ul > li > a {display:block; padding:8px 15px; color:#ccc !important; transition:all .2s; -webkit-transition:all .2s;}
#gnb > li > ul > li > a:hover, #gnb > li > ul > li > a.active {color:#fff !important;}

/* fixed */
header.fixed {transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; position:fixed !important; background:rgba(255,255,255,1); top:0; z-index:20; box-shadow:0px 4px 12px rgba(0,0,0,0.1);}
header.fixed #topmenu a {color:#222;}
header.fixed h1 > a {background-image:url(../images/common/top_logo.png);}

/* 모바일 전체메뉴 */
.toggleMenu button {display:none; background-color:transparent; border:0; background-position:-346px 0; position:absolute; top:19px; right:12px; z-index:98; width:25px; height:18px; text-indent:-99999px; cursor:pointer; /* transition:all 0.3s ease; */}
.toggleMenu button.on {position:fixed; top:18px; width:22px; height:22px; margin-top:0; background-position:-378px 0 !important;}
header.fixed .toggleMenu button {background-position:-346px -26px;}
nav .mb_menu_logo, nav > div > p {display:none;}

/* footer ------------------------------- */
footer {background:#1a1a1a; padding:2.5% 0; word-break:keep-all;}
footer .foot_logo {margin-bottom:3%;}
footer .foot_logo img {max-width:100px;}
footer .innerwrap {position:relative;}
footer .innerwrap:after {content:''; display:block; clear:both;}
footer .innerwrap > div {float:left;}
footer .innerwrap > div.infos {width:68%;}
footer .innerwrap > div.cs_info {float:right; width:32%;}
footer .innerwrap > div.link_group {position:absolute; top:0; right:0; /*  width:185px; */}
footer .foot_menu {border-bottom:1px solid #484848; padding-bottom:15px; margin-bottom:15px;}
footer .foot_menu a {display:inline-block; font-size:15px; font-weight:400; color:#b7b7b7; margin-right:15px;}
footer .foot_menu a.privacy {color:#fff; font-weight:700;}
footer .copyright, footer .copyright a {color:#999; font-size:14px;}
footer .copyright strong {font-weight:normal;}
footer .copyright .foot_info {margin-bottom:10px;}
footer .copyright .foot_info > span {display:inline-block; margin-right:17px;}

.go_top {display:none; position:fixed; z-index:8; right:15px; bottom:30px; border:0; background-color:transparent; background-position:-306px 0; cursor:pointer; width:30px; height:30px; text-indent:-99999px; opacity:0.8;}

@media screen and (min-width:1500px) {
.innerwrap {width:1500px; margin:0 auto;}
}

@media screen and (max-width:1500px) {
.innerwrap {padding-left:15px; padding-right:15px;}
}

@media screen and (max-width:980px) {
header {padding-bottom:0; height:55px;}
header h1 {padding:13px 0; margin-left:12px;}
header h1 > a {background-size:70px; width:70px; height:40px;}
header h1 img {max-width:70px;}
/* gnb */
header #topmenu {position:relative; top:0;}
header #topmenu a {color:#fff !important;}

#gnb {float:none; margin:50px 15px 15px;}
#gnb > li {border-bottom:1px solid rgba(255,255,255,.1); float:none; width:auto; padding:0;}
#gnb > li > a {padding:15px 10px; font-size:16px; text-align:left;}
#gnb > li > ul {position:relative; width:100%; background:none; box-shadow:none;}
#gnb > li > ul > li > a {padding:7px 20px; font-size:15px; color:#ccc !important;}

/* 모바일 전체메뉴 */
.toggleMenu button {display:block;}
.gnb_overlay.on {position:fixed; z-index:9; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
nav {width:auto; float:none;}
nav > div.mb_menu_top {position:fixed; z-index:12; top:0px; right:0; margin-top:0; width:80%; height:100%; overflow:auto; background:#454545; display:block;}
nav > div.mb_menu_top > p > a {display:block; padding:10px 0; text-align:center; background:#fbfbfb; border-bottom:1px solid #333;}
nav > div.mb_menu_top > p > a img {max-width:90px;}
nav > div > p {display:block;}
nav .mb_topmenu {display:none;}

footer {padding:7% 0;}
footer .foot_logo {margin-bottom:1.5%;}
footer .innerwrap {padding-right:0;}
footer .innerwrap > div {float:none !important; width:auto !important; position:relative !important; text-align:center; margin-top:6%;}
footer .innerwrap > div:first-child {margin-top:0;}
footer .foot_menu {margin-bottom:1.5%;}
footer .foot_menu a {padding:0 8px; margin-right:0; font-size:14px;}
}