/* BASIC css start */
#navi_header2,.dropdown_menu{-moz-box-shadow:0 5px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.1)}

.header_btn_menu.con_pop{position:fixed;top:95px;bottom:auto}
#top_header #gnb li:nth-child(2) a,.dropmenu{position:relative}
#navi_header,#navi_header2{top:19px;left:0}
#navi_header .gnb,#navi_header2 .gnb2{overflow:hidden;text-align:left}
#navi_header .gnb div p,#navi_header2 .gnb2 div p{height:95px;line-height:100px}
#navi_header .gnb div,#navi_header2 .gnb2 div,.dropdown_menu .gnbSec div,.dropdown_menu2 .gnbSec div{display:inline-block;vertical-align:top}
div.top_event_bn {margin:0 auto;}    /* 최상단 이벤트 배너 삽입  */
#top_header #hdSchFrm .btn-sch img,.search input{vertical-align:middle}
#navi_header{width:100%}
#navi_header h1{float:left;margin-top:20px;margin-right:30px}
.navi_header_inner{width:1200px;margin:0 auto}
#nav{float:left}
#navi_header .gnb div{margin-left:49px}
#navi_header .gnb div:nth-child(2),#navi_header .gnb div:nth-child(3){margin-left:47px}

.sub-menu-in{margin-top:26px}
.sub-menu-in li{margin-bottom:6px;text-align:left}
.sub-menu-in a{font-size:12px;color:#555;font-weight:500}
#navi_header .gnb div p a{font-size:18px;font-weight:400;letter-spacing:-.5px}
#navi_header .gnb div:first-child p a{font-weight:600;color:#e11113}
#navi_header .gnb div p a span{font-size:13px;color:#999;font-weight:400;margin-left:2px}
#navi_header2{box-shadow:0 5px 5px rgba(0,0,0,.1);z-index:2;width:100%}
#navi_header2 h1{float:left;margin-top:26px;margin-right:30px}
.navi_header2_inner{width:1200px;margin:0 auto}
.con_pop .box,.con_pop .box2{overflow:auto;box-sizing:border-box}
#navi_header2 .gnb2 div{margin-left:49px}
.dropdown_menu2:after,.dropdown_menu:after{position:absolute;height:1px;content:''}
.dropdown_menu .gnbSec div p,.dropdown_menu2 .gnbSec div p{line-height:2; width: 90px;}
#navi_header2 .gnb2 div:nth-child(2),#navi_header2 .gnb2 div:nth-child(3){margin-left:47px}

#navi_header2 .gnb2 div p a{font-size:18px;font-weight:400;letter-spacing:-.5px}
#navi_header2 .gnb2 div:first-child p a{font-weight:600;color:#e11113}
#navi_header2 .gnb2 div p a span{font-size:13px;color:#999;font-weight:400;margin-left:2px}
.header_btn_menu{float:right;font-size:0;margin-top:40px}
.header_btn_menu li{display:inline-block;margin-left:15px}
.dropdown_menu{
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
background:rgba(255,255,255,.9);box-shadow:0 5px 5px rgba(0,0,0,.1)}
.dropdown_menu .gnbSec{width:1200px;margin:0 auto;padding-top:15px}
.dropdown_menu .gnbSec div:first-child{margin-left:230px}
.dropdown_menu:after{left:0;right:0;top:0;background:#e11113}
.dropdown_menu .gnbSec div:nth-child(1){width:116px}
.dropdown_menu .gnbSec div:nth-child(2){margin-left:47px;width:73px}
.dropdown_menu .gnbSec div:nth-child(3){margin-left:69px;width:70px}
.dropdown_menu .gnbSec div:nth-child(4){width:73px;margin-left:49px}
.dropdown_menu .gnbSec div:nth-child(5){margin-left:35px;width:69px}
.dropdown_menu .gnbSec div:nth-child(6){width:75px;margin-left:38px}
.dropdown_menu .gnbSec div:nth-child(7){margin-left:48px}
.dropdown_menu2{transition:all .3s ease;background:rgba(255,255,255,.9)}
.dropdown_menu2 .gnbSec{width:1200px;margin:0 auto;padding-top:15px}
.con_pop,.srchArea{display:none;left:0;right:0;top:0;bottom:0}
.dropdown_menu2 .gnbSec div:first-child{margin-left:230px}
.dropdown_menu2:after{left:0;right:0;top:0;background:#e11113}
.dropdown_menu2 .gnbSec div:nth-child(1){width:116px}
.dropdown_menu2 .gnbSec div:nth-child(2){margin-left:47px;width:73px}
.dropdown_menu2 .gnbSec div:nth-child(3){margin-left:69px;width:70px}
.dropdown_menu2 .gnbSec div:nth-child(4){width:73px;margin-left:49px}
.dropdown_menu2 .gnbSec div:nth-child(5){margin-left:22px;width:69px}
.dropdown_menu2 .gnbSec div:nth-child(6){width:75px;margin-left:38px}
.dropdown_menu2 .gnbSec div:nth-child(7){margin-left:48px}
.con_pop{display:block;height:0;overflow:hidden;position:relative;z-index:9999;background:#fff;-moz-box-shadow:0 5px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.1);box-shadow:0 5px 5px rgba(0,0,0,.1);
    -webkit-transition: height .25s ease;
    -moz-transition: height .25s ease;
    -o-transition: height .25s ease;
    -ms-transition: height .25s ease;
    transition: height .25s ease;
}
.con_pop:after{position:absolute;height:1px;content:'';left:0;right:0;top:0;background:#e11113}
.con_pop.search2{position:fixed;top:95px}
.con_pop.drop_search{height:158px}
.label_name{position:absolute;z-index:-2;left:0;text-align:left;width:84%;color:#000;cursor:text;height:52px;font-weight:300;line-height:52px;padding-left:20px;box-sizing:border-box}
#header h1,.label_name i,.search fieldset,.top-banner .wrap-inner{text-align:center}
.label_name i{font-size:14px;transition:.1s ease-in-out;color:#000}
.con_pop .close_pop{position:absolute!important}
.srchArea{position:fixed;background-color:rgba(000,000,000,.5);width:100%;height:100%;z-index:201}
.search{width:100%;margin:0 auto}
.search fieldset{width:100%;margin:49px auto;POSITION:relative}
.search input{width:84%;height:52px;background:0 0;font-size:14px;color:#000;line-height:52px;border:1px solid #e11113;box-sizing:border-box;padding-left:10px}
.search .btn_search{font-size:40px}
.search .searchClose{display:block;margin:14% 0 3%;font-size:40px;text-align:center}
.con_pop>h3{line-height:22px;font-weight:600;letter-spacing:1px;font-size:18px;color:#000}
.con_pop .box{width:395px;margin:0 auto}
.con_pop .close_pop{top:24px;right:30px;font-size:21px;color:#535353}
.con_pop.guide .box{padding-top:0}
.con_pop.guide .box h3{display:none}
.con_pop.guide .ec-base-tab{padding-top:30px;margin-top:0}
.con_pop.guide .ec-base-tab[class*=grid] .d_menu li a{line-height:12px}
.con_pop.guide .xans-mall-faq .cont{padding:5px 15px 0}
.con_pop .ec-base-box.typeThinBg,.con_pop .ec-base-box.typeThinBg>.agree{padding:0;border:0;background:0 0}
#mask,#mask2,#mask3{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.4)}
#mask,#mask3{z-index:99991}
#mask2{z-index:991}
.swap-on-hover{position:relative;max-width:170px;width:170px;height:182px;display:inline-block;margin:0}
.swap-on-hover img{position:absolute;top:0;left:0;overflow:hidden;width:170px;height:182px}
.swap-on-hover .swap-on-hover__front-image{z-index:9999;transition:opacity .5s linear;cursor:pointer}
#hdWrap,#wrap>#hdWrap{z-index:2}
.swap-on-hover:hover>.swap-on-hover__front-image{opacity:0}
.navcate_wrap{width:1200px;margin:30px auto 60px}
ul#navWrapper ul h3{font-size:20px;color:#000;font-weight:900;border-bottom:1px solid #000;padding-bottom:15px;width:400px}
ul#navWrapper .submenu li>div{width:auto!important}
ul#navWrapper .submenu li>div>a>img{margin-left:10px!important}
.wrap-inner{width:100%}
#contentWrap #f2s-rolling-container1 .swiper-pagination-bullet{font-size:0;border-radius:50%!important;background:#fff!important;opacity:1!important;width:15px;height:15px;vertical-align:middle}
#contentWrap #f2s-rolling-container1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000!important;width:24px;height:24px}
ul#navWrapper li:nth-child(1){padding:0;margin-right:17px}
ul#navWrapper li:nth-child(2) a,ul#navWrapper li:nth-child(3) a,ul#navWrapper li:nth-child(4) a{color:#eccc8d}
ul#navWrapper li:nth-child(5) a,ul#navWrapper li:nth-child(6) a,ul#navWrapper li:nth-child(7) a,ul#navWrapper li:nth-child(8) a{color:#fff}
ul#navWrapper li:nth-child(8){margin-right:263px}
ul#navWrapper li:nth-child(10),ul#navWrapper li:nth-child(11),ul#navWrapper li:nth-child(12),ul#navWrapper li:nth-child(13),ul#navWrapper li:nth-child(9){padding:0 6px}
ul#navWrapper li:last-child a{color:#c61a1f;font-weight:700}
#hdWrap,.top{position:relative}
#hdWrap{height:95px}
#top_header{padding-top:11px;width:1200px;margin:0 auto;line-height:40px;height:48px}
.top{border-bottom:1px solid #d4d4d4}
.box2,.nav2{position:fixed;top:0;width:100%}
.box2{z-index:1}
.nav2{background-color:#fff;display:none;-webkit-transform:translateZ(0);z-index:2}
.nav2 .categorys-wrap{margin-top:0}
ul#navWrapper{width:1200px;margin:0 auto}
ul#navWrapper li{float:left;list-style:none;line-height:55px;height:57px;cursor:pointer;padding:0 11px}
#header{position:relative;height:185px;width:100%;background:#fff}
#top_header #gnb{float:right;font-size:0}
#top_header #gnb li{position:relative;float:left;width:auto;display:inline-block;margin-left:16px}
#top_header #gnb li a{font-size:11px;color:#666}
#top_header #gnb li input{border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #000;height:30px}
#header #gnb a{font-family:"돋움",Dotum;font-weight:400;font-size:12px;margin-left:15px;color:#777;padding:10px 0}
#top_header #gnb a i{font-style:normal;color:#fc686f}
#top_header #gnb li .ico{position:absolute;left:0;bottom:-25px}
#top_header #hdSchFrm{position:absolute;right:-118px;top:6px}
#top_header #hdSchFrm fieldset{position:relative;width:165px;height:28px;border-radius:500px;overflow:hidden}
#top_header #hdSchFrm .MS_search_word{border:0;padding-top:7px;padding-right:5px;width:100%;padding-left:33px;background:#fff}
#top_header #hdSchFrm .btn-sch{position:absolute;left:7px;top:0;width:24px;height:28px;line-height:28px;display:block}
#top_header .fav-wrap{position:absolute;left:0;top:4px}
#top_header .fav-wrap a{margin-right:20px}
@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}
100%{opacity:1;\ -webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.rotate_effect{-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important;-ms-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important}
.rotate_effect:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.rotate_effect2{-webkit-transition:all .3s linear!important;-moz-transition:all .3s linear!important;-o-transition:all .3s linear!important;-ms-transition:all .3s linear!important;transition:all .3s linear!important}
.rotate_effect2:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* BASIC css end */