#wrap {width:100%; overflow:hidden;}

/* hearder */
#header { position:fixed; z-index:1000; width:100%; left:0; top:0;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}
#header .inner { height:100%;}
#header.hd_hide { top:-93px;}
#header #hd_top { position:relative; text-align:center; height:100%;}
#header .logo { position:absolute; left:55px; top:28px;}
#header .logo img {width:100%; height:auto; max-width:109px;}
#header nav {display:inline-block; }
#header nav .top { display:none;}
#header nav a { display:block;}
#header nav .gnb {text-align:center;}
#header nav .gnb > li { float:left; position:relative;}
#header nav .gnb > li > a {font-size:1.5em; color:#fff; padding:40px 50px; position:relative;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
#header nav .gnb > li > a:after {content:""; width:0; height:2px; background:#25aade; display:block; position:absolute; left:50%; bottom:0; margin-left:-33px;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
#header nav .gnb > li:hover > a { background-color:#0b0e11 !important; color:#25aade;}
#header nav .gnb > li:hover > a:after { width:67px; }
#header nav .gnb > li:hover .depth2 { background:rgba(35,35,35,0.9); }
#header nav .gnb > li > .depth2 { position:absolute; width:100%; padding:25px 0; display:none; height:212px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header nav .gnb > li > .depth2.bg_none { background:none;}
#header nav .gnb > li > .depth2 > li { margin-bottom:12px;}
#header nav .gnb > li > .depth2 > li:last-child { margin:0;}
#header nav .gnb > li > .depth2 > li > a { color:#b6b6b6; font-size:14px;}
#header nav .gnb > li > .depth2 > li:hover > a { color:#fff; }

#header .link_group { position:absolute; right:0; top:40px; }
#header .link_group .lang {padding-right:55px; font-family:'Gmarket Sans M'; color:#fff;}
#header .link_group .lang a {color:#fff; font-size:1em;}

#header.on #hd_top { background:rgba(255,255,255,0.9); border-bottom:1px solid #f2f2f2;}
#header.on nav .gnb > li > a { padding:30px 60px;}
#header.on .logo { top:18px;}
#header.on nav .gnb > li > a { color:#313334;}
#header.on nav .gnb > li:hover > a { color:#fff; }
#header.on + .gnbBg { height:322px;}

#lang_on {color:#20b4ba;}

.mhd {display:none;}


/* footer */
#ft {width:100%; background:#303030;}
#ft article {max-width:1560px; padding:50px 30px; margin:0 auto;}
.fta {width:100%; position:relative;}
.fta .fta_venture {position:absolute; top:0; right:0}
.fta .fta_venture img {max-width:75px; height:auto;}
.fta_logo {margin-bottom:30px;}
.fta_logo img {max-width:109px; height:auto;}
.fta_t01 {color:#ccc; position:relative; line-height:1.6;}
.fta_t01 span {position:relative; padding:0 10px;}
.fta_t01 span:after {content:""; position:absolute; top:5px; left:0; width:1px; height:12px; background:#ccc; margin-left:10px;}
.fta_t01 a {position:absolute; top:0; right:0; color:#ccc;}
.fta_t02 {font-size:0.875em; color:#ccc; margin:15px 0;}
.fta_t03 {font-size:0.75em; color:#ccc;}