/* BASIC css start */
/* 기본 */
body, h1, h2, h3 {margin:0; padding:0}
table , img, fieldset{border:0}
p{margin:0; padding:0}
form{margin:0; padding:0}
ul, li, dl, dt, dd{list-style:none;padding:0;margin:0;}
li img{vertical-align:top;}
a {text-decoration:none;}
a:focus {outline: none;}
a,area {blr:expression(this.onFocus=this.blur()) }
button:focus { outline:none; }
#preview_wrap {z-index:180 !important; display:none;}


/* 상단 띠 */
.top_content {background: #4d4d4d;}
.top_content a {display:block; line-height:35px; text-align:center; color:#fff; color: #FFFFFF;}

/* global */
.global-link {}
.global-link img {width:21px;margin-right:2px;}
#header .gnb .util .global-link .hovermenu {padding:5px 10px;left: 65%;width:auto;}
#header .gnb .util .global-link .hovermenu li a {font-size:15px;display:inline-block;}
#header .gnb .util .global-link .hovermenu li a img {vertical-align:middle;margin-right:3px;}


/* 페이징 */
.page {width:100%; padding:30px 0;}
.page ul {height:28px; text-align:center;}
.page li {display:inline-block; zoom:1; *display:inline;padding:0 17px; height:28px; line-height:28px;}
.page li a {height:28px; color:#787878; font-size:13px; line-height:28px; font-weight:400;}
.page li * {vertical-align:top;}
.page li a img {position:relative; margin-top:4px;}
.page li.now {}
.page li.now a {display:inline-block; width:auto; height:28px; color:#231F20; font-weight:400; line-height:28px;}

.com-navi {text-align:right; padding:20px 0;color:#838383;}
.com-navi a {color:#838383; font-size:13px;}
.fakeload{ width: 100%; height: 100%; display: block;position: fixed;background: #fff;z-index: 99999;}

/* 공통 정보 */
#wrap{min-width:1200px;}
#contentWrapper {width:1293px; margin:0 auto;}
body {width:100%;}

.container {position:relative; clear:both; width:100%;}
.container:after {content:''; display:block; clear:both;}
.wrap_inner {position:relative !important; width:1293px; margin:0 auto; min-width:1200px;}
.hd_wrap{position:relative !important; min-width:1584px; width:100%!important; margin:0 auto !important;}
.comm-w {width:1584px; margin:0 auto;}
.comm-w2 {width:1293px; margin:0 auto;}
.fleft {float:left;}
.fright {float:right;}

@keyframes benefit {0% {top:18px;} 50% {top:25px;} 100% {top:18px;}}


/* all */
.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: 22px;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: 22px; 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);}

/* 사이드 메뉴 */
#scroll-right { position: fixed;z-index: 500; top:57px; right: 0; height: 100%; width: 204px; box-sizing:border-box; text-align: center; display: none; border:1px solid #d9d8d8; background:#fff; border-right:0;}
#scroll-right #side-menu-wrap {height: 100%; overflow-y: auto;}
#scroll-right #side-menu-wrap .right_btn { width: 49px; height: 49px; position: absolute; top: 50%; right: 204px; margin-top: -155px; cursor: pointer; background:url(/design/smblue111/wib_2019/img/common/side-open.png)no-repeat;  -webkit-transition: all 0.3s;
-o-transition: all 0.3s;transition: all 0.3s; margin-right:11px; display:none;}
#scroll-right #side-menu-wrap .right_btn.close {background:url(/design/smblue111/wib_2019/img/common/side-close.png)no-repeat;}
#scroll-right #side-menu-wrap .logo {text-align:center;}
#scroll-right #side-menu-wrap .store-description {padding: 15px 5px 26px 5px;line-height: 22px;font-size: 15px;color: #6b6b6b; letter-spacing:-1px;}
#scroll-right .side-menu {font-size: 0px;letter-spacing: 0px;word-spacing: 0px;}
#scroll-right .side-menu > a {padding: 26px 0; width: 50%; height: 102px; display: inline-block;_display: inline; *display: inline; zoom: 1; font-size: 0px; border-bottom: 1px solid #d9d8d8;text-align: center; box-sizing: border-box;vertical-align: top;}
#scroll-right .side-menu > a > p.img { height:28px;}
#scroll-right .side-menu > a > p.img img {vertical-align:middle;}
#scroll-right .side-menu > a > p.text {font-size: 13px;color: #2e2b2d;padding-top: 7px;}
#scroll-right .side-cont > div .cont {font-size:12px; color:#6a6a6a; line-height: 23px;}
#scroll-right .side-cont > div .cont .last {padding-top:5px;}
#scroll-right .side-cont > div .tit {color: #5d5d5d; font-size: 16px;padding-bottom: 13px;}
#scroll-right .side-cont .side-cs-center .cont {letter-spacing:-1px;}
#scroll-right .side-cont .side-cs-center .tel {font-size: 25px; color: #3e3e3e; padding-bottom: 13px;}
#scroll-right .side-cont .side-today {margin: 33px 5px 30px;}
#today ul > div.new {width:192px;}
#today ul li a {width:100%; height:100%;}
#today ul li a img {width:88px !important; height:auto !important;}
#today {position:relative;}
#scroll-right .side-cont .side-today .recent-list #today .prev-btn {display:inline-block; background:url(/design/smblue111/wib_2019/img/common/today-prev.png) no-repeat; width:19px; height:19px; text-indent:-9999px; position:absolute; right:22px; top:1px; cursor:pointer;}
#scroll-right .side-cont .side-today .recent-list #today .next-btn {display:inline-block; background:url(/design/smblue111/wib_2019/img/common/today-next.png) no-repeat; width:18px; height:19px; text-indent:-9999px; position:absolute; right:4px; top:1px; cursor:pointer;}
#today .today-empty {color:#7a7a7a; padding:15px 0;}

#today .today {width:192px; height:88px; text-align:left; overflow:hidden;}
#today ul {font-size:0; text-align:left !important; overflow:visible !important; width:192px;}
#today ul li {width: calc(50% - 8px); margin:0 4px; display:inline-block;_display: inline; *display: inline; zoom: 1;}

.side-cs-center .slick-list{width:203px; height:207px;}
.side-cs-center .slick-dots{width:100%; text-align:center; font-size:0;}
.side-cs-center .slick-dots li{display:inline-block; margin: 0 4px;}
.side-cs-center .slick-dots li button{width: 10px; height: 10px;  border-radius: 100%;-webkit-border-radius: 100%; -moz-border-radius: 100%;  outline:0; font-size:0; border:0; background:#d9d9d9;}
.side-cs-center .slick-dots li.slick-active button {background:#4e4e4e;}

/* 검색창 */
.side-search {width:184px; border-bottom:1px solid #d9d8d8; padding-bottom: 5px; position:relative; height: 21px; text-align:left; vertical-align:top; margin:0 8px;}
.side-search .iptsc input{width: 100%;background: none; color: #3c3c3c;font-size: 14px;border: none; height: 21px; text-align: left; padding-right: 30px;}
.side-search .schbtz2{position:absolute; top:0px; right:7px; display:block; width:19px; height:18px; background: url(/design/smblue111/wib_2019/img/common/search-icon-on.png)no-repeat center;background-size: 100%;}
.side-search .iptsc input::-webkit-input-placeholder {color: #2e2b2d;}
.side-search .iptsc input::-moz-placeholder { color: #2e2b2d;}
.side-search .iptsc input:-ms-input-placeholder {color: #2e2b2d;}
.side-search .iptsc input:-moz-placeholder {color: #2e2b2d;}
.gnb .util > li .schbtz{display:block; width:22px; height:21px; background:url(/design/smblue111/wib_2019/img/common/search-icon-on.png)no-repeat center center;}

/* 중분류 노출 */
.suballmenu_wrap{position:absolute; top:auto; left:50%; min-width: 115px; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 22px 0; z-index:90; background:rgba(255,255,255,0.9); opacity:0; visibility: hidden; box-sizing:border-box;}
.suballmenu_wrap .submenu{width:100%;}
.suballmenu_wrap .submenu > div {/*width:45%;*/ vertical-align:top;}
.suballmenu_wrap .submenu > div.menu.fleft {text-align: center; width:100%;}
.suballmenu_wrap .submenu > div.menu.fleft h2.cate1 {margin-bottom:15px; display:none;}
.suballmenu_wrap .submenu > div.menu.fleft h2.cate1 a {font-weight: 600;font-size: 14px;color: #2e2b2d; }
.suballmenu_wrap .submenu > div.menu.fleft li { margin-bottom: 15px; }
.suballmenu_wrap .submenu > div.menu.fleft li:last-of-type { margin-bottom: 0; }
.suballmenu_wrap .submenu > div.menu.fleft li:hover a { color:#0D0D0D; font-weight: 700; }
.suballmenu_wrap .submenu > div.menu.fleft li > a {display:block; font-size:12px; line-height: 1; }
.suballmenu_wrap .submenu > div.menu.fright a img:hover {opacity:0.8; }
.suballmenu_wrap .submenu > div.menu.fright {text-align:right; width:55%;}
.suballmenu_wrap .submenu > div.menu.fright a{display:inline-block; width:230px;}
.suballmenu_wrap .submenu > div.menu.fright a img {width:100%;-moz-transition: ease-out 0.3s 0.1s;-o-transition: ease-out 0.3s 0.1s;-webkit-transition: ease-out 0.3s; -webkit-transition-delay: 0.1s; transition: ease-out 0.3s 0.1s;}


/* 최근 본 상품 */
#blk_scroll_wings{width:100%; position:relative !important; top:auto !important; left:0 !important;display: none; }
#today-box {width:100%; position:relative !important; top:auto !important; left:0 !important; display:none; z-index:600; }
#today-fix {width:100%; position:fixed; background:#fff; border-top:1px solid #c3c3c3; border-bottom:3px solid #c3c3c3; bottom:0; z-index:100;}
#todayWrap {padding:28px 0 50px; width:1504px; margin:0 auto; position:relative;}
.today-tit {margin-bottom:10px;font-size:14px; color:#2e2d2d; text-align:left;}
.today-list {font-size:0;}
.today-list li {display:inline-block; width:168px; margin-right:20px;}
.today-list li .prd-img img {width:100%;}
.today-list li .prd-name {padding-top:16px; font-size:13px; color:#252525;}
.today-close {display:block; width:87px; height:36px; line-height:36px; color:#fff; font-size:14px; background:#312f32; text-align:center; position:absolute; top:0; right:0;}
.today-close img {vertical-align:middle;}

/* 사이드 고정배너 */
.side-banner {margin-top:29px; padding-bottom:50px;}
.side-banner a {display:block; padding-bottom:5px;}

/** 로그인 팝업창 **/
.login_pop_wrap .overlay{ width: 100%;height: 100%;background: #000; position: fixed;top: 0;left: 0;z-index: 99; visibility: hidden; opacity: 0;}
.login_pop_wrap.onclick .overlay{opacity: 0.25; visibility: visible;}
.login_pop_wrap .login_pop{width: 955px; height: 684px;  position: fixed; z-index: 100;background: #fff;left: 50%; margin-left: -477.5px; top: 20%; font-size: 0px;border: solid 1px #dadada; box-sizing: border-box; visibility: hidden; opacity: 0;}
.login_pop_wrap.onclick .login_pop{visibility: visible; opacity: 1;top: 14%;}
.login_pop_wrap .login_pop .login_box{ display: inline-block; vertical-align: top; text-align:left;}
.login_pop_wrap .login_pop .login_box.lbox1 {padding: 84px 74px 0px 62px; width: calc(50% - 102px);width: -webkit-calc(50% - 102px);}
.login_pop_wrap .login_pop .login_box.lbox2 {padding: 84px 45px;0px 50px;width: calc(50% - 125px);width: -webkit-calc(50% - 125px);}
.login_pop_wrap #loginWrap .mlog-sign,
.login_pop_wrap #loginWrap .mlog-sign .mlog,
.login_pop_wrap #loginWrap .mlog-sign .sign,
.login_pop_wrap #loginWrap .login_bt01,
.login_pop_wrap #loginWrap .frm-list li .txt-frm,
.login_pop_wrap #loginWrap .frm-list li input{ width: 100%;}
.login_pop_wrap #loginWrap .mlog-sign .mlog,
.login_pop_wrap #loginWrap .mlog-sign .sign,
.login_pop_wrap #simpleLogin,
.login_pop_wrap #simpleLogin .sns-login {float: none;padding: 0px;border: none;}
.login_pop_wrap #loginWrap .login_tit_wrap {margin-bottom:17px; position:relative;}
.login_pop_wrap #loginWrap h2.login_tit {font-size:35px; color:#292929; font-weight:bold;}
.login_pop_wrap #loginWrap .login_tit_wrap .security {font-size:11px; color:#8f8f91; position:absolute; bottom:0; right:0;}
.login_pop_wrap #loginWrap h2.login_sub_tit{ color:#292929; margin-bottom: 10px; font-size:14px;}
.login_pop_wrap #loginWrap .frm-list li {margin-bottom:5px;}
.login_pop_wrap #loginWrap .frm-list li input {height:40px; line-height:40px; text-indent:12px; border:1px solid #ddd;}
.login_pop_wrap #loginWrap .find_wrap {margin-top:15px; text-align:right;}
.login_pop_wrap #loginWrap .find_wrap a {color:#8f8f91; font-size:11px;}
.login_pop_wrap #loginWrap .login_bt01 {height:45px; line-height:45px; background:#322f31; display:block; text-align:center;font-size:14px; color:#fff;}
.login_pop_wrap #loginWrap .login_bt02 {height:45px; line-height:45px; background:#828282; display:block; text-align:center;font-size:14px; color:#fff;}
.login_pop_wrap #loginWrap .login_bt03 {height:45px; line-height:45px; background:#fff; display:block; text-align:center;font-size:14px; color:#626262; border:1px solid #828282; box-sizing:border-box;}
.login_pop_wrap .login_pop .login_box#loginWrap{border-right: solid 1px #dadada; height: 599px;}
.login_pop_wrap #simpleLogin .sns-login a {display:inline-block; width:calc(33.33% - 6px); box-sizing:border-box; font-size:14px; text-align:center; background:#fff; height:45px; line-height:45px;}
.login_pop_wrap #simpleLogin .sns-login a img {padding:14px 5px 0 0;}
.login_pop_wrap #simpleLogin .sns-login a.sns-f {border:1px solid #4765ab; color:#4765ab;}
.login_pop_wrap #simpleLogin .sns-login a.sns-n {border:1px solid #44a332; color:#44a332; margin:0 9px;}
.login_pop_wrap #simpleLogin .sns-login a.sns-n img {padding:16px 5px 0 0;}
.login_pop_wrap #simpleLogin .sns-login a.sns-k {border:1px solid #fdad14; color:#fdad14;}
.login_pop_wrap #loginWrap .mlog-sign .sign{margin-top: 33px;padding-top: 26px; border-top: solid 1px #dadada; margin-bottom: 32px;}
.login_pop_wrap .login_close_btn{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.login_pop_wrap #loginWrap .sign p{font-size: 12px; color:#8f8f91;margin-bottom:30px;}
.login_pop_wrap #loginWrap .sign p span {color:#c75769;}
.login_pop_wrap .login_pop .login_box.lbox2 h2.login_tit2{font-size:25px; color:#4d4d4d; font-weight:bold; margin-bottom:10px;}
.login_pop_wrap .login_pop .login_box.lbox2 p {font-size:14px; color:#797979;}
.login_pop_wrap .login_pop .login_box.lbox2 .benefit-img {padding-top:20px;}

.stitle {padding:60px 0 30px; color:#000; font-size:26px; font-weight:600; text-align:center;}
#bbsData {width:100%; position:relative;}
#divRanking1 {z-index:9999;}


/* 0918 추가 */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
.sale_m a{color:#ea4646!important;}


/* 2019 추가 */

/* common */
body {/*overflow-x: hidden;*/min-width:1280px;}
#container {overflow:hidden; position:relative; min-width:1280px; width:100%; margin:0 auto; text-align:center;}

.inline {font-size: 0;}
.inline>* {display:inline-block;zoom:1;*display:inline;_display:inline;vertical-align: top;font-size: 12px;}
.clearfix:after {content: "";display:block;clear:both;}
.easing-three {-khtml-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.cut-lay{max-width:1272px; min-width:1272px; margin:0 auto;}

#header .header .search .iptsc input::-webkit-input-placeholder {color: #3c3c3c;}
#header .header .search .iptsc input::-moz-placeholder { color: #3c3c3c;}
#header .header .iptsc input:-ms-input-placeholder {color: #3c3c3c;}
#header .header .iptsc input:-moz-placeholder {color: #3c3c3c;} 

/* top banner */
.evt-top-banner {position: relative;}
.evt-top-banner .top-banner {max-height: 80px;overflow: hidden;position: relative; text-align:center; width: 2000px;left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.evt-top-banner .top-banner img {}
.evt-top-banner .evt-btn {position: absolute; width: 150px; text-align:right; height: 0;top: 30px;right: 50%; margin-right:-650px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);transform: translateX(-50%);}
.evt-top-banner .evt-btn > a {font-size:18px; color:#606060;}
.evt-top-banner .evt-btn > a img {vertical-align: middle; padding-left:7px;}
.evt-top-banner .evt-btn .close-btn {display:none;}

/* header - top */
#header { max-height: 155px; position:relative; transition:all .3s ease;}
#header .header {height: auto;}
#header .header .header-top {position: relative; padding: 30px 0 15px; min-width:1280px; margin:0 auto;}
#header .header .header-top .hgroup .logo { display:block; width: 310px; min-height: 31px; background: url(/design/smblue111/wib/img/logo.svg) no-repeat; background-size: contain; }
#header .header .header-top .hgroup .logo img {vertical-align:middle;}
#header .header .header-top .gnb {position:relative; z-index:1;}
#header .header .header-top .gnb .global-link {position:absolute; right:0; top: -16.5px; text-align:left; background: #fff; border: 1px solid #0D0D0D; }
#header .header .header-top .gnb .global-link a {line-height: 28px; display: block; padding:0 12px; width: 78px; box-sizing: border-box; color: #0d0d0d; font-weight: 500; }
#header .header .header-top .gnb .global-link a .arrow {background:url(/design/smblue111/wib/img/global_arrow.png)no-repeat center; width: 10px; height:6px; display:inline-block; margin-left:14px; transition: all .3s ease;}
#header .header .header-top .gnb .global-link .hovermenu {display:none;}
#header .header .header-top .gnb .global-link .hovermenu a {color:#787878; font-weight:500;}
#header .header .header-top .gnb .global-link .hovermenu a:hover {color: #0D0D0D;}
#header .header .header-top .gnb .global-link.on .hovermenu {display:block;}
#header .header .header-top .gnb .global-link.on {/*border-radius: 3px;*/}
#header .header .header-top .gnb .global-link.on a .arrow {transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/* header scroll fix */
#header.is_fixed { position:fixed; left:0; top:0; width:100%; background:#fff; background: rgb(255,255,255,0.9); z-index:10;}


/* header - gnb */
#header .gnb .util {font-size:0; letter-spacing:0; word-spacing:0; }
#header .gnb .util > li {position:relative; top: 0; left: 0; display:inline-block; *display:inline-block; *zoom:1;}
#header .gnb .util > li > a {display: block; padding-bottom: 10px; font-size:14px; }
/* #header .gnb .util > li > a:after {content:''; display:inline-block; width:1px; height:10px; background: #E9E9E9; margin:0 12px -1px;} */
#header .gnb .util > li.lineNo > a:after {opacity:0;}
#header .gnb .util > li > a .arrow {display:inline-block; *display:inline-block; *zoom:1; padding-left:5px; background: url(/design/smblue111/wib/img/icon_arrowDown.svg)no-repeat center right;width: 10px; height: 6px;}
#header .gnb .util > li > a .join_txt {display:inline-block; width:60px; line-height:24px; background: #333333; border-radius: 3px; color: #FFFFFF; font-size:12px; font-weight:500; margin-left:7px;}
#header .gnb .util > li .hovermenu {display:none; position:absolute; left:50%; top: 25px; z-index:50; min-width:100px; margin-left:-62px; padding:12px 8px; background:rgba(255,255,255,.95); box-sizing:border-box;}
#header .gnb .util > li .hovermenu li {line-height: 1; padding: 5px 0; text-align:center;}
#header .gnb .util > li .hovermenu li a { text-align:left; font-size:12px;}
#header .gnb .util > li .hovermenu li a:hover { font-weight: 700;}
#header .gnb .util > li .hovermenu li div {color:#929292; text-align:left;}
#header .gnb .util > li:hover .hovermenu {display:block;}
#header .gnb .util > li ul li {text-align:left;}
#header .gnb .util > li.global-link {border: 1px solid #0D0D0D; box-sizing: border-box; border-radius: 500px; width:74px; height:28px;}

/* header - lnb */
.lnb-wrap {position:relative; min-width:1280px;}
#header .lnb {width: 100%; top: 0;left: 0;width: 100%; }
#header .lnb .logo2 {display:none;}
#header .lnb .cate-inner {/* position:relative; */ min-width: 1280px;}
#header .lnb .cate-wrap {margin: 0 50px; text-align:left;}
#header .lnb .cate-wrap .category {text-align: right;}
#header .lnb .category {font-size:0;}
#header .lnb .category > li {display:inline-block;zoom:1;*display:inline;_display:inline; position:relative; width:auto !important; vertical-align:top;-webkit-transition: all 0.3s;
-o-transition: all 0.3s;transition: all 0.3s;}
#header .lnb .category > li:hover .suballmenu_wrap {opacity:1; visibility: visible;}
#header .lnb .category > li:last-child{padding-right:0;}
#header .lnb .category > li.line {position:relative;}
#header .lnb .category > li > a {display:block; font-size:14px; font-weight: 600; padding-bottom: 10px; text-align:center; white-space: nowrap; position:relative;}
#header .lnb .all {padding: 0; text-align:left;margin-right: 12.5px;}
#header .lnb .all > a {padding:0 0;}
#header .lnb .category > li.normal > a::after { -moz-transition: ease-out 0.3s 0.1s;-o-transition: ease-out 0.3s 0.1s;-webkit-transition: ease-out 0.3s;-webkit-transition-delay: 0.1s;transition: ease-out 0.3s 0.1s;}
#header .lnb .category > li.normal > a .ov {display: none !important;}
#header .lnb .category > li.normal.blue > a{color:#4186b4;}
#header .lnb .category > li.normal.brown > a{color:#914f1f;}
#header .lnb .category > li.all a:hover:after {display:none;}
#header .lnb .category > li > a:after { height: 2px; width: 100%; background: #000; content: ""; position: absolute; left: 0px; bottom: 0; -moz-transform: scaleX(0); -ms-transform: scaleX(0);-webkit-transform: scaleX(0);
transform: scaleX(0); -moz-transition: 0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s;transition: 0.3s;}
#header .lnb .category > li > a:hover::after {-moz-transform: scaleX(1);-ms-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}
#header .lnb .layer_allmenu {display:none; position: absolute;left: 0; top: 40px; z-index: 50; box-sizing: border-box; width: 100%;background: rgba(255,255,255,.9);}
#header .lnb .layer_allmenu .layer_inner {width:100%; margin:0 auto;position:relative;}
#header .lnb .layer_allmenu .layer_inner:after {display:block; clear:both; content:'';}
#header .lnb .layer_allmenu .layer_inner .menu {display:flex; padding: 36px 50px 57px; max-width: 1820px;}
#header .lnb .layer_allmenu .layer_inner .menu .group {text-align:left; padding-right: 5.55%;}
#header .lnb .layer_allmenu .layer_inner .menu .lastChild{padding-right:0; border-right:none !important;}
#header .lnb .layer_allmenu .layer_inner .menu .group .group_title,
#header .lnb .layer_allmenu .layer_inner .menu .group .impact {margin-bottom:15px; font-size: 15px; font-weight: 500;; }
#header .lnb .layer_allmenu .layer_inner .menu .group .group_title {color:#0d0d0d; }
#header .lnb .layer_allmenu .layer_inner .menu .group ul li.gl2 a {font-size:15px; font-weight:bold; color:#2e2b2d;font-weight:600;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul {margin-bottom:0;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul li {padding:7.5px 0;}
#header .lnb .layer_allmenu .layer_inner .menu .group:nth-child(1) ul li {padding:0 0 20px;}
#header .lnb .layer_allmenu .layer_inner .menu .group:nth-child(1) ul li a {font-size:15px; font-weight: 500; color:#0d0d0d;}
#header .lnb .layer_allmenu .layer_inner .menu .group:nth-child(2) {padding-left:70px; border-left: 1px solid rgba(51,51,51,0.1); }
#header .lnb .layer_allmenu .layer_inner .menu .group ul > li:last-child { padding-bottom:0; }
#header .lnb .layer_allmenu .layer_inner .menu .group ul li a {color:#3a3a3a; font-size:14px;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul li a span {color: #787878; font-size:13px; font-weight:400; padding-left: 10px;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul li a.bw {color:#ac5012;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul li a.rd {color:#ff5050;}
#header .lnb .layer_allmenu .layer_inner .menu .group ul li a:hover {opacity:0.7;}
.gap {width:100%;height:20px;}
#header .lnb .category > li.acc .suballmenu_wrap {/*left:-165px;*/}

/* 검색창 */
#header .lnb .search_wrap {display:none; position: absolute;left: 0; top: 40px; z-index: 50; padding: 30px 0 60px; box-sizing: border-box; width: 100%;background: #fff;}
#header .lnb .search_wrap .search_close {position: absolute; right: 50px; top: 20px; cursor:pointer;}
#header .lnb .search_wrap .search {width: 600px; margin: 0 auto; position:relative;}
#header .lnb .search_wrap .search .MS_search_word {width:100%; padding-right:30px; box-sizing:border-box; border:none; border-bottom: 1px solid #E9E9E9; line-height:50px; font-size:20px; font-weight:400; color: #3A3A3A;}
#header .lnb .search_wrap .search button {font-size:0; background:url('/design/smblue111/wib/img/menu_search.png')no-repeat center; width:24px; height:24px; background-size:24px 24px; display:inline-block; position:absolute; right:0; top:10px;}

#header .lnb .search_wrap .hot_keyword {width: 690px; margin:55px auto 0; text-align:left;}
#header .lnb .search_wrap .hot_keyword .tit {display:inline-block; vertical-align: top; color: #0D0D0D; font-weight: 500; font-size: 16px;}
#header .lnb .search_wrap .hot_keyword ul {display:inline-block; vertical-align: top; padding: 0 0 0 10px;}
#header .lnb .search_wrap .hot_keyword ul li {}
#header .lnb .search_wrap .hot_keyword ul li a {color: #3A3A3A; font-size: 15px; padding-bottom: 16px; display: block;}
#header .lnb .search_wrap .hot_keyword .hot_con {display:inline-block; position: relative; float: right; vertical-align: top;}
#header .lnb .search_wrap .hot_keyword .hot_con a {display:block;}
#header .lnb .search_wrap .hot_keyword .hot_con a img {}
#header .lnb .search_wrap .hot_keyword .hot_con a .txt {position: absolute; left:23px; bottom:15px;}
#header .lnb .search_wrap .hot_keyword .hot_con a .txt em {color:#fff; display:block; font-size: 18px; font-weight: 400; padding-bottom:6px;}
#header .lnb .search_wrap .hot_keyword .hot_con a .txt span {color:#fff; font-size: 12px;}

/* 상단 우측메뉴 */
#header .lnb .category_right > li {display:inline-block;zoom:1;*display:inline;_display:inline; position:relative; width:auto !important; vertical-align:middle;-webkit-transition: all 0.3s;
-o-transition: all 0.3s;transition: all 0.3s;}
#header .lnb .category_right > li > a {display:block;  font-size:14px; padding-bottom: 10px; text-align:center; white-space: nowrap; position:relative;}
#header .lnb .category_right > li.normal > a {-moz-transition: ease-out 0.3s 0.1s;-o-transition: ease-out 0.3s 0.1s;-webkit-transition: ease-out 0.3s;-webkit-transition-delay: 0.1s;transition: ease-out 0.3s 0.1s;}
#header .lnb .category_right > li.normal > a:after { height: 2px; width: 100%; background: #000; content: ""; position: absolute; left: 0; bottom: 0; -moz-transform: scaleX(0); -ms-transform: scaleX(0);-webkit-transform: scaleX(0);
    transform: scaleX(0); -moz-transition: 0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s;transition: 0.3s;}
#header .lnb .category_right > li.normal > a .ov {display: none !important;}
#header .lnb .category_right > li.icon_menu a {display:block; cursor:pointer;}
#header .lnb .category_right > li > a:hover::after {-moz-transform: scaleX(1);-ms-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}
#header .lnb .category_right > li:nth-child(n+3):nth-child(-n+5) a:after {display: none !important;}
#header .lnb .category_right > li .cart_qty {width: 20px; height: 20px; line-height: 20px; background:#333; color:#fff; font-weight: 600; font-size: 12px; position:absolute; right:-10px; bottom:5px; border-radius: 50%;}

/* 상단메뉴 아이콘 */
/* wib 230412 카테고리 우측 상단 redPoint 제거 */
/* #header .lnb .category > li.normal.first:after,
#header .lnb .category_right > li.normal.first:after {content:'';display:inline-block;width:5px;height:5px;background:#ff5252;border-radius:50%;position: absolute;top: 0;right: 3px;} */
.menu_icon { display: inline-block; width: 16px; padding-right: 5px;}
.real_menu {position: relative;top: -1px;padding-right: 3px;}

/* header - lnb(고정시) */
#header .lnb.is_fixed {position:fixed; z-index:500; background:rgb(255,255,255,0.9); min-width: 1400px;}
#header .lnb.is_fixed .logo2 {display:block; position:absolute; top:11px; left:10px;}
#header .lnb.is_fixed .all {padding: 30px 0;}
#header .lnb.is_fixed .category_right > li,
#header .lnb.is_fixed .category > li {padding:0 12.5px;}
#header .lnb.is_fixed .category_right > li > a,
#header .lnb.is_fixed .category > li > a {padding:28px 0;}
#header .lnb.is_fixed .category_right > li.icon_menu {top:20px;}
#header .lnb.is_fixed .category_right > .icon_menu:first-child {margin-left:30px;}
#header .lnb.is_fixed .category_right > li.icon_menu a {padding:0;}
#header .lnb.is_fixed .hot_keyword {top:40px;}
#header .lnb.is_fixed .cate-inner .cate-wrap  {width: calc(100% - 6%);width: -moz-calc(100% - 6%); -ms-width: calc(100% - 6%); }
#header .lnb.is_fixed .menu-trigger span {background:#4a4a4a;}
#header .lnb.is_fixed .category_right > li > a:after,
#header .lnb.is_fixed .category > li > a:after {bottom: -1px;}
#header .lnb.is_fixed .category > li.line:before {top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#header .lnb.is_fixed .category > li.first {padding: 0 15px;}
#header .lnb.is_fixed .category > li.line {margin-left: 25px;}

#header .lnb.is_fixed .category > li.normal.first:after,
#header .lnb.is_fixed .category_right > li.normal.first:after {top:30px;}
#header .lnb.is_fixed .suballmenu_wrap {top:76px;}

#header .lnb.is_fixed .layer_allmenu,
#header .lnb.is_fixed .search_wrap {top:76px;}


/* 우측 하단 고정 스크롤 */
.fixed_scroll{display: none; position: fixed;  bottom: 90px; right: 30px; z-index: 200;}
.fixed_scroll img {vertical-align:middle;}
.fixed_scroll .up,
.fixed_scroll .down{ display: block; position: relative; cursor: pointer;}
.fixed_scroll > div {margin-top:10px;}

/* 테마룩 중분류 
.theme .suballmenu_wrap {min-width:100px;left: -35px; padding: 40px 20px;}
.theme .suballmenu_wrap .submenu > div.menu.fleft {width:100%; text-align:center; }
*/

@media (max-width: 1850px){
    /* #header .lnb .category > li {
        padding:0 15px;
    } */
    
    #header .lnb.is_fixed .category > li {
        padding:0 15px;
    }
}

@media (max-width: 1650px){
    #header .gnb .util{
        margin-right:60px;
    }
    #header .lnb .cate-wrap{
        margin:0 50px;
    }
    /*#header .lnb .category > li {
        padding:0 10px;
    }*/
    #header .lnb.is_fixed .category > li {
        padding:0 10px;
    }
}

@media (max-width: 1540px){

    #header .header .header-top .hgroup .logo{
        margin-left:40px;
    }
    #header .gnb .util{
        margin-right:40px;
    }
    #header .lnb .cate-wrap{
        margin:0 30px;
    }
    
    #header .lnb .layer_allmenu .layer_inner .menu .group {
        padding-right:5.5%;
    }
}

@media (max-width: 1490px){

    #header .header .header-top .hgroup .logo{
        margin-left:20px;
    }
    #header .gnb .util{
        margin-right:30px;
    }
    #header .lnb .cate-wrap{
        margin:0 20px;
    }

    #header .lnb .category > li {
        padding:0 8px;
    }
    #header .lnb.is_fixed .category > li {
        padding:0 8px;
    }
}


@media (max-width: 100px){
    #header .header .header-top .hgroup .logo{
        margin-left:5px;
    }

    #header .lnb .cate-wrap{
        margin:0 20px 0 5px;
    }

    #header .lnb .all {
    margin:0;
    }

    #header .lnb .cate-wrap .logo{
        float:left;
    }
    #header .lnb .cate-wrap .category{
        float:right;
    }

    #header .gnb .util > li > a{
        padding:8px 11px;
    }
    #header .lnb.is_fixed .cate-inner { 
        position:relative;
    }
    #header .lnb.is_fixed .cate-wrap .category{
        float:none;
    }
    #header .lnb.is_fixed .category > li {
        padding:0 6px;
    }
}


.color-area{font-size:0;text-align:left;}
.color-area span:last-of-type{margin-right:0;}
.color-area span{display:inline-block;vertical-align:top;width:10px;height:10px; border-radius:50%;box-sizing:border-box;margin-right:3px;}


/* 카카오싱크 */
#keepgrowLogin .snsLoginBox li a {height:auto !important;}
#keepgrowLogin #memberJoin .joinBtn > a {line-height:unset;}


/* 라이브 플레이버튼 */
body .snackbe-quickview-pc-item.use-quickview-image {background-color: inherit !important; background: url(/design/smblue111/wib/img/live_play.png)no-repeat center; width:36px !important; height:36px !important; right: 15px !important;}
body .use-quickview-image .snackbe-append-img {display:none !important;}

/***** 230412 wib 추가 *****/
/***** 공통 *****/
.w1688 { width: 1688px; margin: 0 auto; }
.w1252 { width: 1252px; margin: 0 auto; }
.w1240 { width: 1240px; margin: 0 auto; }
.w1272 { width: 1272px; margin: 0 auto; }
.w1232 { width: 1232px; margin: 0 auto; }
/* color */
.colorWhite { color: #fff !important; }
.colorBlack { color: #272727 !important; }
.colorBlack02,
.colorBlack02 * { color: #000 !important; }
.colorRed { color: #f34f4f; }
.colorGreen { color: #99d76a; }
.colorBlue { color: #22CBFF; }
.bgWhite { background-color: #fff; }
.bgBlack { background-color: #252525; color: #fff; }
/* img */
.imgWrap img { display: block; width: 100%; }
/* text */
.txtCenter { text-align: center; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }
/* font */
.normal { font-weight: 400; }
.bold { font-weight: 500; }
/* wib 230724 cdn -> font-face 방식으로 수정하여 notoSans, outfit 폰트에 대한 추가 선언 필요X */
/* .font01,
.font01 * { font-family: "Noto Sans KR", sans-serif !important; }
.font02,
.font02 * { font-family: "Outfit", sans-serif !important; } */ 
.font03,
.font03 * { font-family: 'Nanum Gothic', sans-serif !important; }
/* display */
.displaynone { display: none !important; }
.displayFlex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }
.displayFlex.flexWrap { -ms-flex-wrap: wrap; -webkit-box-lines: multiple; flex-wrap: wrap; }
.displayFlex.directionRow { -ms-flex-direction: row; -webkit-box-orient: horizontal; flex-direction: row; }
.displayFlex.directionColumn { -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; }
.displayFlex.directionRowR { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.displayFlex.directionColumnR { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.displayFlex.contentCenter { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.displayFlex.contentStart { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
.displayFlex.contentEnd { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
.displayFlex.contentBetween { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
.displayFlex.contentAround { justify-content: space-around; }
.displayFlex.contentEvenly { justify-content: space-evenly; }
.displayFlex.alignCenter { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.displayFlex.alignStart { -ms-flex-align: start; -webkit-box-align: start; align-items: start; }
.displayFlex.alignEnd { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
.displayFlex.alignStretch { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }
.displayFlex.flexCenter { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

/***** 전체 ******/
body, h1, h2, h3, h4, h5, h6, table, pre, xmp, plaintext, listing, input, textarea, select, button, a { color: #272727; font-family: 'Outfit', 'Noto Sans KR', 'Nanum Gothic', sans-serif; font-weight: 400; }

/***** 헤더 *****/
/* #container #header .header .header-top { padding: 30px 0 15px; } */
/* 유틸 */
#container #header .gnb .util > li { margin-right: 20px; }
#container #header .gnb .util > li:last-of-type { margin-right: 0; }
#container #header .gnb .util > li:hover > a { font-weight: 600; }
#container #header .gnb .util > li:hover > a .arrow { vertical-align: middle; background: url(/design/smblue111/wib/img/icon_arrowUp.svg) no-repeat center right; }
#container #header .gnb .util > li > a .join_txt { width: 47px; margin-left: 3px; border-radius: 50px; box-sizing: border-box; vertical-align: middle; background-color: #c27c74; color: #fff; font-size: 10px; font-weight: 700; line-height: inherit; }
#container #header .gnb .util > li .hovermenu { width: 115px; margin-left: 0; padding: 22px 0; border-color: #787878; top: auto; left: calc(50% - 61px); }
#container #header .gnb .util > li .hovermenu li { margin-bottom: 15px; padding: 0; }
#container #header .gnb .util > li .hovermenu li:last-of-type { margin-bottom: 0; }
/* 전체카테고리 */
#container #header .lnb .cate-wrap { margin: 0; padding-bottom: 3px; }
#container #header .lnb .cate-wrap .category > li { margin-right: 18px; }
#container #header .lnb .cate-wrap .category > li:last-of-type { margin-right: 0; }
#container #header .lnb .cate-wrap .category > li.normal.bold > a { font-weight: 600; }
#container #header .lnb .cate-wrap .category > li.normal > a { font-weight: 400; }
#container #header .lnb .cate-wrap .category > li:hover > a { font-weight: 700 !important; }
#container #header .lnb .category_right > li { margin-right: 25px; }
#container #header .lnb .category_right > li:last-of-type { margin-right: 0; }
/* BASIC css end */