/* BASIC css start */
/* 공통 */
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.hide {display:none !important;}

#header {width:100%;}
#header:after {content:''; display:block; clear:both;}
#header .top-banner-wrapper{}
#header .top_ban_wrap {position:relative; overflow:hidden; height:60px;}
#header .top_ban {position:relative; width:2000px; left:50%; margin-left:-960px;}
#header .top_ban ul li {width:100%; height:90px; text-align:center;}
#header .top_ban ul li a {display:block;}
#header .top_ban .slick-vertical .slick-slide {border:none;}
#header .top_ban .close {}
#header .top-banner-close{width:100vw;position:absolute;left:0;top:0;}
#header .top-banner-close .close{position:absolute; right:35px;top:35px; z-index:5;}

#header .top_ban .slick-prev.slick-arrow {position: absolute;background: url(/design/lusida/wib2019/img/main/mv_left.png) no-repeat;background-size: 50%;width: 44px;height: 58px;z-index: 4;text-indent: -9999px;left: 45%;margin-left: -792px;top: 70%;margin-top: -43.5px;transform: none;}
#header .top_ban .slick-next.slick-arrow {position: absolute;background: url(/design/lusida/wib2019/img/main/mv_right.png) no-repeat;width: 44px;height: 88px;background-size: 50%;z-index: 4;text-indent: -9999px;right: 48%;margin-right: -792px;top: 69%;margin-top: -43.5px;transform: none;}

#header .head_top {width:1584px; margin:0 auto;}
#header .head_top .head_top_left {font-size:0; float:left;}
#header .head_top .head_top_left .lang {position:relative; display:inline-block; vertical-align:top;}
#header .head_top .head_top_left .lang:after {content:''; display:block; height:10px; border-right:1px solid #e0e0e0; position:absolute; right:-10px; top:10px;}
#header .head_top .head_top_left .lang .sel {font-size:11px; color:#8f8f8f; line-height:30px;}
#header .head_top .head_top_left .lang .sel img {vertical-align:middle; margin-right:5px;}
#header .head_top .head_top_left .lang ul {display:none; padding:13px 0 13px 17px; border:1px solid #e9e9e9; margin-left:-18px; background:#fff; width:88px; position:absolute; box-sizing:border-box; z-index:3;}
#header .head_top .head_top_left .lang:hover ul {display:block;}
#header .head_top .head_top_left .lang ul li {margin-bottom:15px; font-size:11px; color:#8f8f8f;}
#header .head_top .head_top_left .lang ul li:last-of-type {margin-bottom:0;}
#header .head_top .head_top_left .lang ul li a img {vertical-align:middle; margin-right:5px;}
#header .head_top .head_top_left .fav {display:inline-block; vertical-align:top; margin-left:20px;}
#header .head_top .head_top_left .fav img {vertical-align:middle; margin-right:5px;}
#header .head_top .head_top_left .fav a {font-size:11px; color:#8f8f8f; line-height:30px;}
#header .head_top .head_top_btm {width:1584px; margin:0 auto; clear:both; /*padding:60px 0 40px 0;*/ padding:43px 0 25px 0;}
#header .head_top .head_top_btm h1 {display:inline-block; vertical-align:top;}
#header .head_top .head_top_right {float:right;}
#header .head_top .head_top_right > ul > li {display:inline-block; vertical-align:top; margin-left:15px;}
#header .head_top .head_top_right > ul > li.arrow {background:url("/design/lusida/wib2019/img/btn/top_arrow.png") no-repeat right center; background-size:13px 7px; padding-right:14px;}
#header .head_top .head_top_right > ul > li.join_btn {position:relative;}
#header .head_top .head_top_right > ul > li.join_btn .join_event {position:absolute; width:80px; height:20px; left:-4px; background:#fae300; border-radius:50px; color:#3c1e1e; font-size:13px; line-height:20px; text-align:center; font-weight:bold;}
#header .head_top .head_top_right > ul > li.join_btn .join_event span {font-family: 'Lato', sans-serif;}
#header .head_top .head_top_right > ul > li.join_btn .join_event:after {content:''; position:absolute; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fae300; transform: rotate(-360deg); left:28px; top:-5px;}
#header .head_top .head_top_right > ul > li.sch_box {margin-top:3px; margin-left:20px;}
#header .head_top .head_top_right > ul > li.sch_box input {border:none; border-bottom:1px solid #999; padding-bottom:7px; padding-top:3px; margin-right:3px; font-size:12px; color:#999; width:140px;}
#header .head_top .head_top_right > ul > li > a {font-size:14px; color:#706f6e; line-height:30px; margin-right:5px;}
#header .head_top .head_top_right ul li:hover ul.hide_menu {display:block;}
#header .head_top .head_top_right ul li ul.hide_menu {display:none; z-index:5; position:absolute; padding:8px 17px; min-width:100px; background:#fff; box-sizing:border-box; border:1px solid #e9e9e9; margin-left:-25px;}
#header .head_top .head_top_right ul li ul.hide_menu li {line-height:20px; text-align:center;}
#header .head_top .head_top_right ul li ul.hide_menu li > a {letter-spacing:-0.5px;}

#header .head_bottom {border-bottom:1px solid #e9e9e9; min-width:1583px; width:100%;}
#header .head_bottom.fixed {position:fixed; width:100%; min-width:1583px; background:#fff; top:0; left:0; z-index:10; height:60px; box-sizing:border-box;}
#header .head_bottom.fixed ul li.all_menu {top:20px;} 
#header .head_bottom.fixed .gnb {width:auto; min-width:1584px; padding:0 20px; box-sizing:border-box;}
#header .head_bottom.fixed .slogo {display:inline-block; vertical-align:top; margin-right:40px; margin-top:16px;}
#header .head_bottom.fixed .gnb > ul.menu_left {float:none; display:inline-block; vertical-align:top;}
#header .head_bottom.fixed .gnb > ul.menu_right {float:none; display:inline-block; vertical-align:top; width:calc(100% - 270px); min-width:1280px; position:absolute; top:0; right:0; padding:0;}
#header .head_bottom.fixed .gnb > ul li.all_menu {margin-right:60px; margin-top:23px;}
#header .head_bottom.fixed .gnb > ul > li {line-height:50px; width:6.0%;}
#header .head_bottom.fixed .gnb > ul > li.cart-cate {width:8%;}
#header .head_bottom.fixed .gnb > ul > li.tee {width:6%;}
#header .head_bottom.fixed .gnb > ul > li.long_m {width:7%;}
#header .head_bottom.fixed .gnb > ul > li > a {line-height:60px;}
#header .head_bottom.fixed .gnb > ul > li > a:before {bottom:0;}
#header .head_bottom.fixed .gnb ul li > .lnb {position:absolute; top:59px;}

#header .head_bottom .slogo {display:none;}
#header .gnb {position:relative; min-width:1280px; margin:0 auto;padding-left:160px; }
#header .gnb:after {content:""; display:block; clear:both;}
#header .gnb > ul.menu_left {float:left; width:5px;}
#header .gnb > ul.menu_right {float:left; width:calc(100% - 25px); padding-left:30px; box-sizing:border-box;}
#header .gnb > ul.menu_right > li:nth-child(1) > a {color:#aa4f4f; font-weight:bold;}
#header .gnb > ul.menu_right > li:nth-child(2) > a {color:#aa4f4f; font-weight:bold;}
#header .gnb > ul > li {float:left; position:relative; /*line-height:45px; margin-right:50px;*/ width:6%;}
#header .gnb > ul > li.long_m {width:7%;}
#header .gnb > ul > li:last-of-type {margin-right:0;}
#header .gnb > ul > li:last-of-type .lnb {right:0; left:auto; margin-left:0;}
#header .gnb > ul > li.cart-cate {font-size:0; position:relative;}
#header .gnb > ul > li.cart-cate > a {color:#ff3839; font-size:16px; font-weight:bold;}
#header .gnb > ul > li.cart-cate > a > span > img {vertical-align:middle;margin-top: -5px; padding-right:2px;}
#header .gnb > ul > li.cart-cate {font-size:0; position:relative;}
#header .gnb > ul > li.cart-dute > a {color:#eea707; font-size:16px; font-weight:bold;}
#header .gnb > ul > li.cart-dute > a > span > img {vertical-align:middle;margin-top: -5px; padding-right:2px;}
#header .gnb > ul > li > a {position:relative; display:block; line-height:50px; font-size:15px; color:#363636; text-align:center;}
#header .gnb > ul > li > a span {position:relative; z-index:2;}
#header .gnb > ul > li a span.kor_tit {display:none; cursor:pointer;}
#header .gnb > ul > li a span.kor_tit2:hover{color:orange;}
#header .gnb > ul > li a span.kor_tit2 {display:none;}
#header .gnb > ul > li:hover a span.kor_tit2 {display:block;}
#header .gnb > ul > li a span.eng_tit {display:block;}
#header .gnb > ul > li:hover a span.kor_tit {display:block;}
#header .gnb > ul > li:hover a span.eng_tit {display:none;}
#header .gnb > ul > li > a:before {content:""; position:absolute; bottom:0; left:50%; z-index:1; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:0%; height:2px; background-color:#333; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .gnb > ul > li:hover > a:before {opacity:1; visibility:visible; width:100%; padding:0 3px;}
#header .gnb > ul > li a.on:after {content:""; position:absolute; top:43%; left:50%; z-index:1; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:100%; height:4px; padding:0 3px; background-color:#333; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .gnb > ul > li.all_menu {position:static; margin-top:17px; margin-left: -10px; }
#header .gnb > ul > li.all_menu img {vertical-align:middle;}
#header .gnb > ul > li.all_menu a:before {display:none;}
#header .gnb > ul > li.all_menu a:after {display:none;}
#header .gnb > ul > li.all_menu > .lnb {display: inherit !important; visibility:hidden; opacity:0; padding:0; width:100%; min-width:auto; left:0; margin-left:0; box-sizing:border-box; position:absolute; top:50px; transition:all 0.5s ease;}
#header .gnb > ul > li.all_menu > .lnb.on {visibility:visible; opacity:1;}
#header .gnb > ul > li.all_menu > .lnb .lnb_img {display:inline-block; vertical-align:top; border-right:1px solid #e9e9e9; padding-right:23px;}
#header .gnb > ul > li.all_menu > .lnb .lnb_img ul li {margin-bottom:20px;}
#header .gnb > ul > li.all_menu > .lnb .cate {display:inline-block; vertical-align:top; padding:0 40px; min-width:250px; min-height:496px; box-sizing:border-box; border-right:1px solid #e9e9e9;}
#header .gnb > ul > li.all_menu > .lnb .cate:last-of-type {border-right:none;}
#header .gnb > ul > li.all_menu > .lnb .cate_tit {font-size:15px; color:#4a4a4a; line-height:100%; margin-bottom:20px;}
#header .gnb > ul > li.all_menu > .lnb .cate ul li {line-height:100%;}
#header .gnb > ul > li.all_menu > .lnb .cate ul li.bold_txt a {font-weight:600; color:#4a4a4a; font-family: 'Lato','맑은고딕','Malgun Gothic', sans-serif;}
#header .gnb > ul > li.all_menu > .lnb .cate ul li a  {line-height:27px;font-size:14px; color:#8f8f8f;}
#header .gnb > ul > li.all_menu .mem_box {height:60px; padding:0 45px; background:#f6f6f6; border-bottom:1px solid #e9e9e9;}
#header .gnb > ul > li.all_menu .mem_box ul li {display:inline-block; vertical-align:top; position:relative; margin-right:25px;}
#header .gnb > ul > li.all_menu .mem_box ul li a {font-size:15px; color:#4a4a4a; display:block; line-height:60px;}
#header .gnb > ul > li.all_menu .mem_box ul li:after {content:''; display:block; border-right:1px solid #d2d1d1; height:14px; position:absolute; left:-13px; top:23px;}
#header .gnb > ul > li.all_menu .mem_box ul li:first-of-type:after {display:none;}
#header .gnb > ul > li.all_menu .lnb_wrap {padding:30px; display:flex;}
#header .gnb ul li > .lnb {visibility:hidden; opacity:0; z-index:5; font-size:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; position:absolute; padding:18px 15px 18px 25px; background:#fff; border:1px solid #e4e4e4; box-sizing:border-box; min-width:455px; left:50%; margin-left:-227.5px;}
#header .gnb ul li .lnb.on {visibility:visible; opacity:1;}
#header .gnb ul li > .lnb.img_x_menu {min-width:auto; width:170px; margin-left:-85px;}
#header .gnb ul li > .lnb > li {float:none; height:auto; line-height:27px;}
#header .gnb ul li > .lnb > li a {border-right:none; color:#000; font-size:14px;}
#header .gnb ul li > .lnb .lnb_list {float:left; margin-top:15px; min-width:165px;}
#header .gnb ul li > .lnb .lnb_list .menu_tit {font-size:14px; color:#4a4a4a; margin-bottom:15px; line-height:100%; letter-spacing:-0.5px;}
#header .gnb ul li > .lnb .lnb_list li {line-height:100%;}
#header .gnb ul li > .lnb .lnb_list li a {color:#8f8f8f; font-size:13px; line-height:26px;}
#header .gnb ul li > .lnb .right_img {float:left;}
#header .gnb ul li > .lnb .right_img .black_bg {opacity:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; -khtml-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#header .gnb ul li > .lnb .right_img .long_img {min-width:693px;}


#preview_wrap{display: none;}
@font-face{font-family:Molengo; src:url(/design/lusida/lusida0326/Molengo-Regular.eot);}
@font-face{font-family:Molengo; src:url(/design/lusida/lusida0326/Molengo-Regular.ttf);} 
@font-face {font-family:MalgunGothic; src:url(images/MalgunGothic.eot);}

@font-face{font-family:timesi!important; src:url(/design/lusida/lusida0326/timesi_0.eot)!important;}
@font-face{font-family:timesi!important; src:url(/design/lusida/lusida0326/timesi_0.ttf)!important;} 


#top_line{background-image: url(/design/lusida/top_line_60_bg.jpg); background-repeat: repeat-x;} 

#header-main{ }

/*상단메뉴보기*/
.qmmc a, .qmmc li {display:block;white-space:nowrap;position:relative;z-index:1; }
.qmmc li {z-index:auto;width:20px;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;width:150px; height:290px; }
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px; }

.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*서브 대분류 글꼴설정*/	
#qm0 a	{padding:5px 4px 5px 0px;  font-family:Molengo; font-size: 12px; color: #666; letter-spacing:0 !important; text-transform:uppercase; 	font-weight: 100; 	}	/*서브메뉴 사이즈*/	
#qm0 p	{padding:15px 0px 0px 0px;  font-family:Molengo; font-size: 13px; color: #333; letter-spacing:0 !important; text-transform:uppercase; 	font-weight: 100; 	}
#qm0 h1	{padding:2px 4px 0px 0px;  font-family: "맑은 고딕", 맑은고딕, "Malgun Gothic", 나눔고딕, "Nanum Gothic", NanumGothic, Dotum, 돋움, Gulim, 굴림, "Trebuchet MS",  Sans-serif; font-size: 14px; color: #333; letter-spacing:0 !important; text-transform:uppercase; 	font-weight: 100; 	}
#qm0 div, #qm0 ul	{padding:10px; margin:-2px 0px 0px;	background-color:#fff;  /*서브메뉴 백그라운드*/ border:1px solid #D9D9D9;	}/*서브메뉴 롤오버시*/		
#qm0 div a:hover, #qm0 ul a:hover{color:#333;	}
ul.nothing li  {float:left;}.nothing li {width:100px; margin:0px 20px 0px 10px;} 


/* 로그인관련 상단메뉴*/
.ds-head{width:100%; height:30px; background-image: url(/design/lusida/lusida0326/top-bg.gif); position:relative; z-index:100;}
.ds-001{width:607px; height:0px;   float:left;}   
.ds-001 img{padding-top:4px}
.ds-001 img:hover{opacity:0.7;}

.ds-002{/*width:500px; padding-left:60px;  line-height: 30px; */   height:30px;  float:right;text-align: right;font-size: 10px; color: #7d7d7d;}
.ds-002 a{font-family: "나눔고딕", "NanumGothic", "ngeot", "돋움", "DotumChe", "Dotum", "Molengo"; font-size: 12px; color: #7d7d7d; line-height: 30px; letter-spacing: 0.05em; padding:0px 8px 0px 10px;}
.ds-002 a:hover{}
.ds-a{background: url(/design/lusida/lusida0326/ll.gif) 0px 5px no-repeat;}
.ds-sh img{padding:8px 0 0 0; margin-left:-10px; }

/* 특별메뉴및 다국어국기*/
/* 특별메뉴및 다국어국기*/
.ds-wd{width:100%; height:30px;}
.ds-003{width:270px; height:30px;  float:left; } 
.ds-003-1 {width:337px; height:30px;  float:left; padding-top:5px; margin-bottom:-6px; } 
.ds-004{width:607px; height:30px;  float:left; text-align: right;}
.ds-003 img:hover, .ds-003 img:hover{opacity:0.7;}
.ds-003-1 img:hover, .ds-003 img:hover{opacity:0.7;}


/* 카데고리메뉴*/
.ds-menu{width:1217px; height:40; margin: 0 auto; border-top:1px solid #d9d9d9;}
.ds-menu li a{font-family:Molengo, "맑은 고딕", 맑은고딕, "Malgun Gothic", 나눔고딕, "Nanum Gothic", NanumGothic, Dotum, 돋움, Gulim, 굴림, "Trebuchet MS",  Sans-serif; font-size: 15px; color: #333; line-height: 38px; letter-spacing: 0.02em; text-transform:uppercase;}
ul.ds-menu-ul {margin-left:-30px; overflow:hidden; width:107%;}
ul.ds-menu-ul li {float:left; width:127px; height:40px; text-align: center; }


 .prd_item_cont{width:372px; margin-bottom:75px; position: relative; z-index:10; cursor:pointer; margin-right:49px; background:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
            .prd_item_cont .grid .thumb_img img{width:372px; }
            .prd_item_cont .dummy_box_bg{display:none;position: absolute; top:0px; left:0px; z-index: 30; width:376px; height:370px;   background: url(/design/lusida/lusida0326/hover-magnify.png) no-repeat center center;}
            .grid_bg_cont{background: #fff; position:absolute; top:10px; left:10px; width:250px; height:64px;}
            .grid_cont{position:relative; z-index:10;}
            .prd_item_cont .grid .prod_spac .prod_name{color:#666; font-weight: bold; font-size: 12px; font-family: '맑은 고딕';text-align:left!important; padding-top:8px;}
            .prd_item_cont .grid .prod_spac .prod_subname{color:#999; font-size: 11px; letter-spacing: -1px; padding-top:3px;text-align:left!important}
            .prd_item_cont .grid .prod_spac .prod_price{color:#666; font-weight: bold; font-size: 13px;text-align:left!important; padding-top:3px;}

            .prd_itemz{width:107%;}


.prod_best{position:absolute;top:10px; left:10px; z-index:20;}


.bbs-hd,.bbs-tit{display:none;}

.loc-navi, .loc-navi a {
  color: #999;
  text-transform: capitalize;
}

.page-lotit {
  background: url(id.gif) 0% 100% no-repeat;
  width: 800px;
  height: 70px;
  padding-top: 10px;
  margin: 40px auto 40px auto;
  text-align: center;
  font-family: 'Droid Sans', sans-serif;
  font-style: italic;
  font-size: 24px;
  color: #333;
  line-height: 24px;
  text-transform: uppercase;
  background: url(/design/lusida/lusida0326/tittop.gif) no-repeat 50% 0px;
}


.page-lotit span {
  font-style: normal;
  font-size: 12px;
  color: #868686;
}


#dggHide{display:none!important;}


#skyScraper6{display:none!important;}


.join_li{position:relative; z-index:3;}
.join_li div{position:absolute; top:19px; left:-9px; z-index:50;}


/* 우측 날개배너 영역 170414_WIB */
.wing_wrap{
    width: 150px;
    position: fixed;
    right: 0;
    top: 0;
    padding: 20px;
    border-left: solid 1px #d3d3d3;
    height: 100%;
    z-index: 999;
    background: #fff;
}
.wing_wrap .close_btn{
    display: block;
    position: absolute;
    right: 200px;
    top: 50%;
    cursor: pointer;
}

.wing_wrap .scroll_btn_k{
    display: block;
    position: fixed;
    right: 234px;
    bottom: 137px;
}
.wing_wrap .scroll_btn_k > a{
    margin-top: 10px;
    display: block;
}


.wing_wrap .scroll_btn{
    display: block;
    position: absolute;
    right: 200px;
    bottom: 80px;
}
.wing_wrap .scroll_btn > a{
    margin-top: 10px;
    display: block;
}
.wing_wrap .wing_menu{
    font-size: 0;
    margin-bottom: 18px;
}
.wing_wrap .wing_menu > a{
    display: inline-block;
    width: 50%;
}
.wing_wrap .wing_contents > a{
    display: block;
    margin-bottom: 18px;
}
.wing_wrap .today_wrap{    
    height: 200px;
}
.wing_wrap .today_wrap h3{
    color: #787878;
    font-size: 13px;
    font-family: '맑은고딕' , 'MalgunGothic';
    float: left;
    border-bottom: solid 1px #ccc;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.wing_wrap .today_wrap .arrow_wrap{
    float: right;
    margin-top: -32px;
    cursor: pointer;
}
.wing_wrap .today_roll ul{
    overflow: hidden;
}

#blk_scroll_wings{
    position: relative!important; top: 0px!important; left:0px!important; VISIBILITY: inherit!important;
}


.menu-trigger,
.menu-trigger span,
.menu-trigger-active,
.menu-trigger-active span{display: block;/* transition: all .4s;*/ box-sizing: border-box;}
.menu-trigger{position: relative;width: 25px;height: 16px;}
.menu-trigger-active{position: relative; width: 17px;height: 17px;}
.menu-trigger span,
.menu-trigger-active span{ position: absolute;left: 0; width: 100%; height: 2px; background-color: #3d3d3d;}
.menu-trigger span{ display: block; width: 25px; height: 2px; margin-bottom: 5px;position: relative; background: #4a4a4a; z-index: 1; -webkit-transform-origin: 4px 0px;transform-origin: 4px 0px;
transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.menu-trigger span:first-child{transform-origin: 0% 0%;}
.menu-trigger span:nth-last-child(2) { -webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;}
.menu-trigger.active-7 span{opacity: 1; -webkit-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px); background: #232323;}
.menu-trigger.active-7 span:nth-child(1) {-webkit-transform: rotate(45deg) translate(0px, -2px);transform: rotate(45deg) translate(0px, -2px);}
.menu-trigger.active-7 span:nth-child(2) {-webkit-transform: rotate(-45deg) translate(-5px, 7px);transform: rotate(-45deg) translate(-5px, 7px);}
.menu-trigger.active-7 span:nth-child(3) {opacity: 0;-webkit-transform: rotate(0deg) scale(0.2, 0.2);transform: rotate(0deg) scale(0.2, 0.2);}


/* 상단 검색창 클릭시 마스크 */
.sch_mask {display:none; position: fixed; top: 0; left:0; width: 100%; height: 100%; z-index: 4;}


/* 추천검색어*/

.suggest-keywords-container {
    display: none;
    position: absolute;
    top: 200px;
    right: 1px;
    width: 170px;
    background-color: #fff;
    border: 1px solid #777;
    text-align: left;
    z-index: 10000;
}

.suggest-keywords-container .w-inner {
    padding: 16px;
}

.suggest-keywords-container h4 {
    margin-bottom: 10px;
    font-size: 14px;
}

.sz-top-bar ul {
    display: inline-block;
}

.sz-top-bar .suggest-keywords-container ul.sk-list li {
    display: block;
    margin: 0 0 5px;
}

.sz-top-bar .suggest-keywords-container ul.sk-list li a {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333;
}

.suggest-keywords-container .btn_1close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
    color: #777;
    background: transparent;
    border: 0;
    box-shadow: none;
   -webkit-appearance: none;
}

/* 상단띠배너 오류수정 
#header .top_ban_wrap .bx-viewport {bottom:auto !important; top:0 !important;}
*/


#header .gnb > ul > li.cart-cate > a {color:#ff3839; font-size:16px; font-weight:bold;}

button {overflow: visible; background-color: transparent; border: none;}
.css-mxd3pm.active, .css-mxd3pm:hover {font-weight: bold;color: rgb(23, 23, 23);}*, :after, :before {box-sizing: border-box;margin: 0;}
.css-mxd3pm:not(:last-of-type)::after {content: ""; position: absolute;width: 2px;height: 16px;margin-top: 5px;margin-left: 11px;background-color: rgb(163, 163, 163);}
.css-mxd3pm {flex-shrink: 0; margin-left: 20px; font-size: 18px; font-weight: bold; line-height: 1.33; letter-spacing: normal; color: rgb(181, 181, 181); cursor: pointer;} html, button, input, select, textarea {font-family: "Noto Sans KR", "malgun gothic", AppleGothic, dotum, sans-serif;}
/* BASIC css end */