/* BASIC css start */
/********************************* header *********************************/
#blk_scroll_wings{display:none !important;}



/* »ó´Ü °íÁ¤°ü·Ã ¾Ö´Ï¸ÞÀÌ¼Ç */
#header.fixHeader1{position:fixed;top:-70px;left:0;z-index:99; }
#header.fixHeader2{position:fixed;top:50px;left:0;z-index:99; margin-bottom:4px; background:rgba(255,255,255,1); ;}
#header.fixHeader2 .logoArea_right .btLogin > div a{height:53px;}
#header.fixHeader2 .logoArea_right .btLogin{height:53px}

/* ÀüüīÅ×°í¸® ¿ÍÀ̵åÀ϶§ */
#header #allCate.hasWide{ position: absolute;top: 92px;left: 30px;width: calc(100% - 60px);padding: 40px;background: rgba(255,255,255,0.96);box-sizing: border-box;box-shadow: 0px 5px 13px 5px rgba(27, 27, 27, 0.17);}
#header #allCate.hasWide h1 {display:block !important}

/* ÀüüīÅ×°í¸® ¿ÍÀ̵å¾Æ´Ò¶§ */
#header.fixHeader2 #allCate.hasWide,
#header #allCate { box-shadow: 0px 4px 5px 0px rgba(56, 56, 56, 0.08);left: 0;width: 100%;top: 58px;padding: 29px 40px 44px 40px;border-top: 1px solid #eee;background: #fff;}
#header.fixHeader2 #allCate.hasWide h1,
#header #allCate h1 {display:none !important}


/* ž¶óÀÎ */
#topLine_wrap {position:relative;height:51px;}
#topLine{position: fixed;top: 0;left: 0;width: 100%;min-width:1350px;background:#f7f7f7;padding:15px 30px;z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #eee;}

#topLine a {display:inline-block;font-size:11px;letter-spacing:-0.5px;color:#949494;font-weight:400; text-align:center;}
#topLine a:hover{color:#535353;}
#topLine.fixTopLine {background:#f7f7f7}
#topLine.fixTopLine a {}
#topLine .left {float:left; position:relative;}

#topLine .left .logo{position:absolute; top:0; left:0;}

/* world */
#topLine .worldver { position:relative;display:inline-block; vertical-align:middle; margin-left:307px;}
#topLine .worldver div { position: absolute;left: -8px;top: 1px;opacity: 0;visibility: hidden;padding-top: 25px;}
#topLine .worldver:hover div { opacity:1;visibility:visible;}
#topLine .worldver div ul { background: #fff;padding: 6px 9px 6px 9px;width: 82px;box-shadow: 0px 7px 5px rgba(45,45,45,0.22);}
#topLine .worldver > a { display:inline-block;position:relative;padding-right:12px;font-family:lato;font-size:10px;letter-spacing:1px;}
#topLine .worldver > a:after { content: "";position: absolute;right: 8px;top: 4px;width: 1px;height: 11px;background: #dcdcdc;}
#topLine .worldver a img { vertical-align:middle !important;margin-right:4px;}
#topLine .worldver div a { text-align: left;display: BLOCK;position: relative;font-family: lato;font-size: 10px;letter-spacing:0.5px;height: 25px;line-height: 25px;border-bottom: 1px solid #f5f5f5;}
#topLine .worldver div img { margin-right: 10px;}
#topLine .worldver div a:last-child { border-bottom:0;}
#topLine .left { /* padding-left:65px; */}
#topLine .left > a { display:inline-block;position:relative;padding-right:20px;font-family:lato;font-size:10px;letter-spacing:1px;}
#topLine .left > a:after { content: "";position: absolute;right: 8px;top: 4px;width: 1px;height: 11px;background: #dcdcdc;}
#topLine .left > a:last-child:after { content:"";display:none;}



#topLine .right {float:right;}
#topLine .right > li {display:inline-block;position:relative;padding-left:20px;}
#topLine .right > li:after {content: "";position: absolute;left:8px;top: 4px;width: 1px;height: 11px;background: #dcdcdc;}
#topLine .right > li.first:after {content:"";display:none;}
#topLine .right > li img {vertical-align:middle !important;margin-left:4px;margin-top:-2px;opacity:0.8;}
#topLine .right > li.btn_join {position:relative;}
#topLine .right > li.btn_join .ani {position: absolute;left:9px;min-width:52px;bottom: -23px;text-align: center;padding: 1px 6px;background:#8a8a8a;border-radius: 5px;letter-spacing: 1px;color: #fff;font-family: lato;z-index:99;}

#topLine.fixTopLine {}
#topLine.fixTopLine .btHome {transition-delay:0.5s;opacity:1;visibility:visible;}

/* ž¶óÀÎ ¿ìÃø ¼­ºê¸Þ´º */
#topLine .right > li:hover > .subMenu {visibility:visible;opacity:1;top:7px;}
#topLine .subMenu { position: absolute;width: 131px;padding: 15px 10px;margin: 20px 0 0;box-shadow: 0 0 5px 2px rgba(195,195,195,0.1);box-sizing: border-box;background: #fff;right: -21px;top: 15px;z-index: 999;visibility:hidden;opacity:0;}
#topLine .subMenu::before { position: absolute;top: -7px;right: 42px;width: 0;height: 0;border-style: solid;border-width: 0 12px 17px 12px;border-color: transparent transparent #ffffff transparent;display: block;z-index: 1;content: "";}
#topLine .subMenu::after { position: absolute;top: -4px;right: 53px;width: 3px;height: 4px;box-shadow: 0 0 7px 2px rgba(195,195,195,0.1); display: block;z-index: -1;content: "";}
#topLine .subMenu li {display: block; line-height: 26px; border-bottom: 1px solid #ececec; padding:0 2px;}
#topLine .subMenu li:last-child {border:0;margin:0;}
#topLine .subMenu li,
#topLine .subMenu li a {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
#topLine .subMenu li:hover a {padding-left:2px;color:#666;}

/* °Ë»ö¿µ¿ª1 */
#topLine .headerSearch {position:absolute; top:9px; left:calc(50% - 150px); width:300px;}
#topLine .headerSearch > ul {text-align:Center;}
#topLine .headerSearch input {display:inline-block; width:100%; border:0; border-bottom:1px solid #ddd; height:30px; line-height:30px; box-sizing:border-box; padding:0 20px 0 5px; background:transparent; font-size:13px;}
#topLine .headerSearch .btn_search {position:absolute; right:0px; top:4px; cursor:pointer;}
#topLine .headerSearch .btn_search a{display:block; padding:2px;}
#topLine .headerSearch .btn_search i {font-size:15px; color: #484848;}




/* ·Î°í¶óÀÎ */
#header_wrap{position:relative; width:100%;min-width:1200px;height:58px;z-index:999;margin-top:-1px;}
#header{position:relative; width:100%; padding:0px 30px 0 6px; box-sizing:border-box; z-index:100; background:#fff;  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1)}
#header .logoArea{padding:0; box-sizing:border-box; transition:.4s ease-in-out;}
#header .logoArea:after{content:""; clear:both; display:block;}
#header .logoArea .logo{display:inline-block; vertical-align:middle; display:none;}
#header .logoArea .logo a{display:block; color:#434343; letter-spacing:0.4px; font-weight:600; font-size:16px;line-height:58px;}
#header .logoArea .logo a.one {display:none;}
#header .logoArea .logo a span{font-family: Poppins;}

#header .logoArea_left{float:left;}
#header .logoArea_right{float:right; font-size:0; line-height:0; letter-spacing:0;}
#header .logoArea_right .rightIcon{position:relative; display:inline-block; vertical-align:middle; text-align:center; padding:11px 18px; font-size:13px; cursor:pointer;}
#header .logoArea_right .rightIcon:before{content:""; width:1px; height:20px; top:19px;left:0px; background:#ececec; position:absolute;}
#header .logoArea_right .rightIcon a{position:relative;}
#header .logoArea_right .rightIcon a img{opacity:0.95;}
#header .logoArea_right .rightIcon i{font-size:19px;line-height:36px;text-align:center; color:#5b5b5b; *color:#bcbab8; transition: .1s ease-in-out;}
#header .logoArea_right .rightIcon:first-child:before{background:transparent;}
#header .logoArea_right .rightIcon:last-child{padding-right:0;}
#header .logoArea_right .rightIcon i:hover{color:#988d81;}
#header .logoArea_right .rightIcon.cart {position:relative;}
#header .logoArea_right .rightIcon.cart span {position: absolute;top: -10px;right: 12px;background: #797979;width: 14px;height: 14px;border-radius: 100%;color: #fff;line-height: 16px;text-align: center;font-size: 10px;font-family: 'nunito','¸¼Àº °íµñ','Malgun Gothic';box-shadow: 0px 1px 0px rgba(107, 107, 107, 0.3);display:none;}

/* °Ë»ö¿µ¿ª */
/*
#header .headerSearch {    position: absolute;right: 125px;top: 13px;width: 190px;z-index: 101;box-sizing: border-box;border-radius: 2px;display: none;background: #f5f5f5;border-radius: 17px;}
#header .headerSearch > ul {text-align:Center;}
#header .headerSearch input {display:inline-block;width:100%;border:0 !important;height:30px !important;line-height:30px !important;box-sizing:border-box;padding:5px !important;padding-left:15px !important;background:transparent; font-size:14px;}
#header .headerSearch .btn_search {position:absolute; right:5px; top:4px;cursor:pointer;}
#header .headerSearch .btn_search i {  font-size: 17px;padding: 2px 8px 0 0;border-radius: 15px;color: #484848;}
*/

/* Ä«Å×°í¸® */
#header .category{display:inline-block; vertical-align:middle; position:relative; text-align:left; padding-left:51px; box-sizing:border-box; font-size:0; line-height:0; letter-spacing:0;}
#header .category > ul{display:inline-block; vertical-align:middle;}
#header .category > ul > li{position:relative; display:inline-block; vertical-align:middle; position:relative;}
#header .category > ul > li > a {font-family:'¸¼Àº °íµñ','Malgun Gothic';position: relative;display: block;padding: 20px 15px;font-size: 13px;line-height: 18px;height: 18px;font-weight: 400;color: #827a70;visibility: visible;letter-spacing: -0.7px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#header .category:hover > ul > li > a {opacity:0.55;}
#header .category:hover > ul > li:first-child > a,
#header .category:hover > ul > li.etc > a{opacity:1;}
#header .category:hover > ul > li:hover > a {opacity:1;}
#header .category .cut {position:relative; padding-right:25px;}
#header .category .cut:before{content:""; position:absolute;right:12px;top:22px;height:15px; width:1px; background:#ddd;}

/* ¸»Ç³¼± Áߺзù */
#header .category .sub-category{ position:absolute; top:60px; left:calc(50% - 70px); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;visibility:hidden; padding-top:40px; background:transparent;z-index:99;}
#header .category > ul > li:hover .sub-category{top:43px; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;visibility:visible;}
#header .category .sub-category ul{background:#fff; min-width:164px; padding:14px 20px 10px; box-sizing:border-box; position:relative; box-shadow: 0 0 5px 2px rgba(195,195,195,0.1);}
#header .category > ul > li .sub-category ul::before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 9px;margin-left: -9px;}
#header .category > ul > li .sub-category ul::after { position: absolute;top: -4px;right: 53px;width: 3px;height: 4px;box-shadow: 0 0 7px 2px rgba(195,195,195,0.1); display: block;z-index: -1;content: "";}
#header .category .sub-category li{display:block; padding:0; cursor:pointer; border-radius:0px; box-sizing:border-box; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#header .category .sub-category li:first-child{ border-left:0;}
#header .category .sub-category li a{position:relative; display:inline-block; line-height:25px; padding:0 2px; font-size:11.5px; color:#787878; text-decoration:none; box-sizing:border-box;}

#header .category .position > li:hover .sub-category{display:block;opacity:1;}
#header .category > ul > li .st{display:none;}
#header .category   .position > li:hover .sub-category .st{display:block;}
.sub-category .st{position:absolute;right:0px;top:0px;}

#header .category .sub-category li:hover{background:#efefef; padding-left:4px;}
#header .category .sub-category li:hover a{color:#535353;}


/* ÀüüīÅ×°í¸® ¾ÆÀÌÄÜ */
#header .category > ul > li > a#btn-allCate{display:block; position:absolute;left:-30px;top:-12px; width:24px;height:24px; padding:0; margin:0;text-align:center;}
#header .category > ul > li > a#btn-allCate:before{background:#fff;}
#header .category > ul > li > a#btn-allCate.hvr-rectangle-in{background:#f7f7f7;}
#btn-allCate .iconBox{position:relative; margin:6px; width:12px; height:11px; overflow:hidden;}
#btn-allCate .icon{position:absolute;top:0;left:0; width:12px;height:1px; background:#666; display:block;line-height:0;font-size:0; transform: rotate(0deg);}
#btn-allCate .line1{top:0}
#btn-allCate .line2{top:5px}
#btn-allCate .line3{top:10px}

/* ÀüüīÅ×°í¸® ³»¿ë */
#allCate{ display: none;position: absolute;top: 92px;left: 30px;width: calc(100% - 60px);padding: 40px;background: rgba(255,255,255,0.96);box-sizing: border-box;box-shadow: 0px 5px 13px 5px rgba(27, 27, 27, 0.17);}
#allCate:after{content:""; display:block; clear:both;}
#allCate h1{display: block;font-size: 15px;font-weight: 200;letter-spacing: 0.4px;line-height: 17px;padding-bottom: 18px;border-bottom: 1px solid #e2e2e2;margin-bottom: 17px;color: #777777;;}
#allCate .cateArea{float:left; width:50%; max-height:350px;}
#allCate .cateArea .mCSB_inside > .mCSB_container{padding-right:5%}
#allCate .cateArea ul{font-size:0; line-height:0; letter-spacing:0;}
#allCate .st{display:none;}

/* ´Ü¶ôº° ¸¶¿ì½º ¿À¹ö½Ã ŸÀÌƲ »ö»óº¯È­ */
#allCate .cateArea:hover h1,
#allCate > div > div:hover > h1 {color:#3a3a3a;}

/* ´ëºÐ·ù */
#allCate .position > li{display:inline-block;vertical-align:top; width:25%; margin-bottom:13px;}
#allCate .position li .cName{ display: block;font-size: 14px;line-height: 22px;font-weight: 500;position: relative; z-index:1; color: #6f6767;}
#allCate .position li .cName i:first-child {display:inline-block;opacity:0;visibility:hidden;width:3px;line-height: 21px;color:#da6025}

/* li.etc ´Â º¸ÀÌÁö ¾Ê½À´Ï´Ù. */
#allCate .position > li.etc{display:none !important;}

/* Áߺзù */
#allCate .sub-category{padding:14px 2px;}
#allCate .sub-category > ul > li{position:relative;cursor:pointer;    }

#allCate .sub-category > ul > li > a{display:inline-block; font-size:12px; line-height:23px;}
#allCate .position li .sub-category > ul > li i {display:inline-block;opacity:0;visibility:hidden;width:1px;line-height: 21px;color:#da6025}
#allCate .position li:hover .sub-category > ul > li i {opacity:1;visibility:visible;width:15px;color:#ccc;}    
#allCate .sub-category > ul > li:hover > a{opacity:1;padding-left:2px;}
#allCate .position > li:hover .cName i {opacity:1;visibility:visible;width:16px;}    



/* Æ®·£Áö¼Ç */
#allCate .position li .cName,
#allCate .position li:hover .cName,
#allCate .position > li:hover .cName i,
#allCate .position > li .cName i,
#allCate .position li .sub-category > ul > li i{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

/* ¿ìÃø */
#allCate .banArea{ float: right;width:50%;font-size: 0;line-height: 0;letter-spacing: 0;padding-left:1.8%;box-sizing: border-box;height:350px;}
#allCate .banArea > div{display:inline-block; vertical-align:top;}
#allCate .banArea h1{margin-bottom:20px;}
#allCate .banArea .leftArea{ width:63%}
#allCate .banArea .leftArea > div {width:calc(100% / 3);float:left;padding-right: 30px;box-sizing: border-box;}
#allCate .banArea .leftArea > div > ul > li > a{display:block; font-size:12px; line-height:26px;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
#allCate .banArea .leftArea > div > ul > li > a:hover{margin-left:4px;}


/* ÀüüīÅ×°í¸® À̺¥Æ®¹è³Ê */
#allCate .banArea .rightArea{ width:37%;float: right;box-sizing: border-box;height: 350px;overflow: hidden;}
#allCate .banArea .rightArea .listEvent_wrap {position:relative;display: block;;position: relative;}
#allCate .banArea .rightArea .listEvent_wrap .listEvent {margin-bottom: 8px}
#allCate .banArea .rightArea .listEvent_wrap .listEvent:last-child {margin-bottom:0;}
#allCate .banArea .rightArea .listEvent {position:relative; display:block;}
#allCate .banArea .rightArea .listEvent img {max-width:100%;}



/* BASIC css end */