/* A상단 */
#atop {position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #e6e6e6; background:#fff; z-index:999999;}
.atop_area {width:1140px; margin:0 auto; height:35px; line-height:35px; overflow:hidden; background:#fff;}
.atop_area .atopl {float:left;}
.atop_area .atopr {float:right;}
.atopr a {display:inline-block; margin:0 0 0 10px;}
.atopr a strong {font-weight:500; color:#cc0000;}
.atopr a:first-child {margin:0;}

/* A상단 */
#header {position:fixed; left:0; top:36px; z-index:1001; width:100%; border-bottom:1px solid #e6e6e6; background:#fff;}
.header_area {width:1140px; margin:0 auto; padding:15px 0; height:104px;}
.header_area .header_logo {float:left;}
.header_area .header_logo img {width:100%; height:auto; max-width:160px;}
.header_area .header_menu {float:right;}
.header_menu_con {width:740px; height:50px; margin:0 auto; position:relative; margin:20px 0 0 0;}
.tmenu {width:100%; overflow:hidden;}
.tmenu > li {float:left; width:120px; box-sizing:border-box;}
.tmenu > li > a {display:block; width:100%; text-align:right; line-height:3.4; color:#000; font-weight:500; font-size:1.3em;}
.tmenu > li > a:hover {color:#563f99;}
.tmenu01 {width:120px; margin:0 auto; position:absolute; top:50px; left:0; z-index:1; display:none;}
.tmenu0100 {left:0;}
.tmenu0101 {left:120px;}
.tmenu0102 {left:260px;}
.tmenu0103 {left:380px;}
.tmenu0104 {left:500px;}
.tmenu0105 {left:620px;}
#tmenu00 {width:140px;}
.tmenu01>li {width:120px; height:50px; border-bottom:1px solid #333; color:#fff; background-color:#000; box-sizing:border-box;}
.tmenu01>li:last-child {border:0;}
.tmenu01>li>a:hover {background-color:#563f99; color:#fff;}
.tmenu01>li>a {display:block; width:100%; text-align:center; color:#fff; line-height:3.4; font-size:1em; font-weight:300;}
.mhd {display:none;}

#tail {width:100%; background:#2b2b2b; padding:40px 0;}
.tail_a {width:1400px; margin:0 auto; overflow:hidden;}
.tail_a .tail_add {float:left; color:#ccc; text-align:left;}
.tail_a .tail_add strong {display:block; margin:0 0 20px 0;}
.tail_a .tail_add strong img {width:100%; height:auto; max-width:160px;}
.tail_a .tail_add p span {padding:0 10px;}
.tail_a .tail_add p b {font-weight:normal;}
.tail_a .tail_add em {display:block; margin:10px 0 0 0; font-style:normal;}
.tail_a .tail_add a {display:none;}
.tail_a .tail_tel {float:right; color:#fff; text-align:right;}
.tail_a .tail_tel p {font-size:1.3em; font-weight:700; margin:60px 0 0 0;}
.tail_a .tail_tel strong {display:block; margin:5px 0 15px 0; font-size:2.15em; font-family:'Gmarket Sans B';}
.tail_sns {overflow:hidden;}
.tail_sns li {float:right; margin-left:10px;}
#m_tail {display:none;}

/* 게시판 하단 버튼 */
.bt_btn {width:100%; text-align:center;}
.bt_btn a {display:inline-block; line-height:45px; height:45px; padding:0 30px; background:#563f99; color:#fff; font-weight:500; font-size:1.25em; border-radius:5px;}

/* new head */
.transition_6 {
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
-ms-transition:all 0.6s;
}

.translate_x_100{
transform:translateX(-100px);
-moz-transform:translateX(-100px);
-webkit-transform:translateX(-100px);
-o-transform:translateX(-100px);
-ms-transform:translateX(-100px);
opacity:0;
}

.translate_x_play {
transform:translateX(0);
-moz-transform:translateX(0);
-webkit-transform:translateX(0);
-o-transform:translateX(0);
-ms-transform:translateX(0);
opacity:1;
}

.transition_d_2{
transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
}

#header_new { 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_new .inner { height:100%;}
#header_new.hd_hide { top:-93px;}
#header_new #hd_top { position:relative; text-align:center; height:100%;}
#header_new .logo { position:absolute; left:55px; top:13px;}
#header_new .logo img {width:100%; height:auto; max-width:160px;}
#header_new nav {display:inline-block; }
#header_new nav .top { display:none;}
#header_new nav a { display:block;}
#header_new nav .gnb {text-align:center;}
#header_new nav .gnb > li { float:left; position:relative;}
#header_new nav .gnb > li > a { font-size:1.4em; color:#000; padding:40px 45px; position:relative; font-weight:500;
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_new nav .gnb > li > a:after {content:""; width:0; height:2px; background:#563f9a; 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_new nav .gnb > li:hover > a { background-color:#fff !important; color:#563f9a;}
#header_new nav .gnb > li:hover > a:after { width:67px; }
#header_new nav .gnb > li:hover .depth2 { background:rgba(35,35,35,0); }
#header_new nav .gnb > li > .depth2 { position:absolute; width:100%; padding:25px 0; display:none; height:200px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header_new nav .gnb > li > .depth2.bg_none { background:none;}
#header_new nav .gnb > li > .depth2 > li { margin-bottom:15px;}
#header_new nav .gnb > li > .depth2 > li:last-child { margin:0;}
#header_new nav .gnb > li > .depth2 > li > a { color:#666; font-size:14px;}
#header_new nav .gnb > li > .depth2 > li:hover > a { color:#000; }

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

#header_new.on #hd_top { background:rgba(255,255,255,0.9); border-bottom:1px solid #f2f2f2;}
#header_new.on nav .gnb > li > a { padding:30px 50px;}
#header_new.on .logo {top:8px;}
#header_new.on .logo img {max-width:140px; height:auto;}
#header_new.on nav .gnb > li > a { color:#313334;}
#header_new.on nav .gnb > li:hover > a { color:#563f9a; }
#header_new.on + .gnbBg { height:282px;}

#header_new nav .link { position:absolute; right:30px; top:32px; background:#563f9a; padding:0 20px; border-radius:30px; }
#header_new nav .link a {display:inline-block; color:#fff; font-size:1em; padding:10px 5px; }
#header_new nav .link a:hover {color:#ed5385;}

#header_new.on .link {top:20px;}

.mhd {display:none;}