@charset "utf-8";
/*폰트*/
*{font-family:'Open Sans', 'Noto Sans KR', sans-serif;}

/*세팅*/
a{text-decoration:none !important}
#container{width:100%}
#wrap{width:auto;min-width:1240px;margin:0}
#contents{float:none;width:100%;padding-bottom:0}
::-webkit-scrollbar{width:8px; height:3px;}
::-webkit-scrollbar-track {background-color:rgba(105,96,89,0.6);}
::-webkit-scrollbar-thumb {background:#BF935F; border-radius:50px;}
::-webkit-scrollbar-thumb:hover {background:#BF935F}
::-webkit-scrollbar-thumb:active {background:#BF935F}
::-webkit-scrollbar-button {display:none;}
body input,body select,body textarea,body button{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;}
body select{font-family:'Open Sans', 'Noto Sans KR', sans-serif;cursor: pointer;letter-spacing:-.03em;font-size:14px;color:#3B3B3B;height:45px !important;border:0;border-bottom:1px solid #C2C2C2;-webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/}
body select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
body select:focus {outline:none;}
body input:focus {outline:none;}
body input:focus-visible{outline:none;}
body input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.w1440{width:1440px;margin:0 auto}
#header,#footer,.scroll_wrap{display:none}
#container{transition:all 0.3s;padding-top:130px;}
.scroll #container{padding-top:94px;}
/* .has-scroll-smooth body,html.has-scroll-smooth{overflow: visible !important;} */
/*헤더*/
#wib_Header{position: fixed;top:0px;left:0;right:0;z-index: 100;transition:all 0.3s}
#wib_Header .header_cont{position: relative;padding:0 50px 0 50px;transition:all 0.5s;background:#FFFFFF;z-index: 100;}
/* #wib_Header .header_cont:before{position: fixed;top:110px;left:0;right:0;content:"";display:block;width:100%;height:320px;background-color: #fff;} */
#wib_Header .header_cont .header_inner {position: relative;font-size:0;padding:61px 0 44px;transition:all 0.3s}
#wib_Header .header_cont .header_inner:after{content:"";display:block;clear:both;}
#wib_Header .header_cont .header_inner > div{display:inline-block;vertical-align: middle;}
#wib_Header .header_cont .header_inner .header_left{position: relative;z-index: 100;	}
#wib_Header .header_cont .header_inner .header_left .top_logo{display:inline-block;vertical-align: middle;}
#wib_Header .header_cont .header_inner .header_left .top_logo a{display:block;}
#wib_Header .header_cont .header_inner .header_left .top_logo a.logo_w{display:none}
#wib_Header .header_cont .header_inner .header_left .menu_btn{position: relative;display:inline-block;width:24px;height:16px;vertical-align: middle;margin-left:65px;cursor: pointer;}
#wib_Header .header_cont .header_inner .header_left .menu_btn span{position: absolute;display:block;width:100%;height:1px;background-color: #1A1A1A;}
#wib_Header .header_cont .header_inner .header_left .menu_btn span:first-child{top:0;left:0}
#wib_Header .header_cont .header_inner .header_left .menu_btn span:nth-child(2){top:8px;left:0;width:16px}
#wib_Header .header_cont .header_inner .header_left .menu_btn span:last-child{bottom:0;left:0}
#wib_Header .header_cont .header_inner .category {display:inline-block;margin-left:70px;}
#wib_Header .header_cont .header_inner .category > ul > li{position: relative;display:inline-block;margin-right:40px;vertical-align: middle;}
#wib_Header .header_cont .header_inner .category > ul > li > a{position: relative; display: inline-block;font-size:17px;color:#1A1A1A;font-weight:500;overflow: hidden;padding: 0 4px;height: 17px; line-height: 1;}
#wib_Header .header_cont .header_inner .category > ul > li > a span{position: relative; display:block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
#wib_Header .header_cont .header_inner .category > ul > li > a span.hover_span{position: absolute;top: 100%; content: attr(data-hover);  font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#wib_Header .header_cont .header_inner .category > ul > li > a:hover span.fix_span,#wib_Header .header_cont .header_inner .category > ul > li > a:hover span.hover_span{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}
#wib_Header .header_cont .header_inner .category > ul > li > a + ul{display:none}
#wib_Header .header_cont .header_inner .category > ul > li > a.on + .sub_depth1{display:block;}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1{position: absolute; z-index: 100;top: 100%; left: 50%;transform:translateX(-50%); display: none;opacity: 0;width:142px; padding: 18px 15px; /* background-color: rgba(255,255,255,.9); */text-align: center; animation-duration: .4s;animation-name: meun_hover2;animation-fill-mode: forwards;}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li{padding:3px 0;background-color:rgba(255,255,255,.9);width:100%}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li:first-child{padding-top:18px;}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li:last-child{padding-bottom:18px}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li a{font-size:15px;color:#1A1A1A;position: relative; display: inline-block;overflow: hidden;height: 24px; line-height: 1;}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li a span{position: relative; display:block; line-height:24px;-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li a span.hover_span{position: absolute;top: 100%; content: attr(data-hover);  font-weight: 400; color:#BF935F;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li a:hover span.fix_span,#wib_Header .header_cont .header_inner .category > ul > li > ul.sub_depth1 li a:hover span.hover_span{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}

#wib_Header .header_cont .header_inner .header_right{position: relative;z-index: 2;float:right;margin-top: 3px;}
#wib_Header .header_cont .header_inner .header_right > ul > li{display:inline-block;line-height:1;margin-left:20px;vertical-align: middle;}
#wib_Header .header_cont .header_inner .header_right > ul > li a{display:block;}
#wib_Header .header_cont .header_inner .header_right > ul > li.instagram_btn a {width:24px;height:24px;background:url('../icon/instagram_icon_w.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.blog_btn a {width:24px;height:24px;background:url('../icon/blog_icon_w.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.store_btn a {width:24px;height:24px;background:url('../icon/store_icon_w.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.search_btn a{width:24px;height:24px;background:url('../img/icon/search.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.user_btn > a{width:24px;height:24px;background:url('../img/icon/user.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.cart_btn a{position: relative;width:26px;height:21px;background:url('../img/icon/cart.svg')no-repeat center ;}
#wib_Header .header_cont .header_inner .header_right > ul > li.cart_btn a .count{display:block;padding:0 !important;position: absolute;left:11px;font-weight:400;text-align:center;font-size:13px;color:#1A1A1A;}
#wib_Header .btn_all_menu_open{display:none}

/*픽스시*/
#wib_Header .header_cont.fixed{background:#fff}
#wib_Header .header_cont.fixed .header_inner{padding:34px 0 33px}
#wib_Header .header_cont.fixed .header_inner .header_left .top_logo a.logo_b{display:block;}
#wib_Header .header_cont.fixed .header_inner .header_left .top_logo a.logo_w{display:none}
#wib_Header .header_cont.fixed .header_inner .header_left .menu_btn span{background-color: #1a1a1a;}
#wib_Header .header_cont.fixed .header_inner .category > ul > li > a{color:#1a1a1a}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.instagram_btn a {width:24px;height:24px;background:url('../icon/instagram_icon_bk.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.blog_btn a {width:24px;height:24px;background:url('../icon/blog_icon_bk.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.store_btn a {width:24px;height:24px;background:url('../icon/store_icon_bk.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.search_btn a{background:url('../img/icon/search.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.user_btn > a{background:url('../img/icon/user.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.cart_btn a{background:url('../img/icon/cart.svg')no-repeat center ;}
#wib_Header .header_cont.fixed .header_inner .header_right > ul > li.cart_btn a .count{color:#1A1A1A }

@keyframes meun_hover2 {
  from {
   top:100%;
   opacity: 0;
   padding-top:0px;
  }

  to {
   top:100%;
   opacity: 1;
   padding-top:20px;
  }
}

/*검색*/
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.search_box {position: fixed; z-index: 1;top:-1000px; opacity: 0; visibility: hidden;}
.search_box .close{position: absolute;top:0;right:0;width:30px;height:30px;background:url('../img/icon/search_close.svg')no-repeat center;}
.search_box:before, .search_box:after { content: ""; position: fixed;top:0; width: 100vw;height: 375px;background: rgba(234, 234, 234, .2);z-index: -1;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transform: translateX(0%) translateY(-100%);}
.search_box:after {background: rgba(255, 255, 255, 0.9);transition-delay: 0s;}
.search_box:before {transition-delay: 0.1s;}
.search_box .inner{position: fixed;width:697px;top: 21%;left:50%;transform: translate(-50%, -50%);text-align: center; font-weight: 200; cursor: pointer; display: none;}
.search_box .search_wrap{position: relative; display: inline-block; transition-delay: 0.8s; opacity: 0; transform: translate(0%, 50%); transition: opacity 0.2s  ease, transform 0.3s ease;padding:30px 0 0;width: 100%;}
.search_box .top_text_cont{width:600px;border-bottom:1px solid #1a1a1a}
.search_box .top_text_cont:after{content:"";display:block;clear:both}
.search_box .top_text_cont input[type="text"]{float: left;background:transparent;height:50px;font-size:18px;color:#1a1a1a;border:0;width:576px;padding:0}
.search_box .top_text_cont input[type="text"]:placeholder{color:#888888}
.search_box .top_text_cont input[type="image"]{vertical-align:middle;margin-top: 12px;}
.search_box .search_cont { display:none;}
body.nav-active .header_cont{display:none}
body.nav-active .search_box {visibility: visible; top:0; opacity: 1; }
body.nav-active .search_box .inner { display: block;}
body.nav-active .search_box:before, body.nav-active .search_box:after {transform: translateX(0%) translateY(0%);}
body.nav-active .search_box:after { transition-delay: 0.1s;}
body.nav-active .search_box:before {transition-delay: 0s;}
body.nav-active .search_wrap {opacity: 1;transform: translateX(0%);transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;transition-delay: 0.5s;}
.search_box .recent_box dl{padding:0}
.search_box .popular_box{padding:30px 0 0;width:100%}
.search_box .popular_box p{color:#1A1A1A;font-size:18px;font-weight:500;display:inline-block;vertical-align: middle;margin-right:20px;}
.search_box .popular_box ul{display:inline-block;margin:5px 0 0;vertical-align: middle;}
.search_box .popular_box ul li{display:inline-block;}
.search_box .popular_box ul li a{display:block;overflow: visible;width:auto;font-size:14px;font-weight:400;color:#1A1A1A;padding:0 15px;height:30px;line-height:30px;border-radius:7px;background-color: #F3F3F3;}

/*메뉴팝업*/
.menu_box{display:none;width: 100%;height: 100%;left: 0px;position: fixed;background-color: rgba(255,255,255,0.9);top: 0px; z-index: 9999; opacity: 1;width:100%;height:100%;cursor: pointer;}
.menu_box .menu_box_wrap{position: absolute;top:50%;width:auto;left:50%;transform:translate(-50%,-50%)}
.menu_box .menu_box_Close{display:block;position:fixed;left:0;top:0;z-index:1000;width:30px;height:30px;pointer-events:none;}
.menu_box .menu_box_wrap > ul{font-size:0;width:932px}
.menu_box .menu_box_wrap > ul > li{display:inline-block;width:20%;vertical-align: top;} 
.menu_box .menu_box_wrap > ul > li > ul > li{margin-bottom:10px;} 
.menu_box .menu_box_wrap > ul > li > ul > li:last-child{margin-bottom:0}
.menu_box .menu_box_wrap > ul > li a span:last-child{display:none}
.menu_box .menu_box_wrap > ul > li:nth-child(5){margin-right:0}
.menu_box .menu_box_wrap > ul > li:nth-child(6),.menu_box .menu_box_wrap > ul > li:nth-child(7){margin-top:70px}
.menu_box .menu_box_wrap > ul > li > a{display:block;font-size:19px;color:#1A1A1A;font-weight:600;margin-bottom:28px}
.menu_box .menu_box_wrap > ul > li > ul > li > a{font-size:17px;color:#4F4F4F}

/*푸터*/
#footer_wrap{border:0}
#wibFooter{background:#323232;padding:75px 0;margin-top:110px}
#wibFooter .fotter_inner .top_box{font-size:0}
#wibFooter .fotter_inner .top_box > div{display:inline-block;vertical-align: top;}
#wibFooter .fotter_inner .top_box > div.notice_box{width:418px;margin-right:127px}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3{border-bottom:1px solid #828282;padding-bottom:9px;}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a{font-size:18px;color:#F2F2F2;font-weight:400}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a:after{content:"";display:block;clear:both}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a .icon_plus{position: relative;display:inline-block;width:13px;height:13px;float:right;margin-top:13px;}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a .icon_plus:after,#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a .icon_plus:before{content:"";display:block;position: absolute;width:13px;height:1px;background-color: #F2F2F2;}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list h3 a .icon_plus:after{transform:rotate(-90deg)}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list ul{margin-top:20px}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list ul li{margin-top:8px;font-size: 18px;color:#BDBDBD}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list ul li span{display:none}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list ul li a{font-size:14px;color:#BDBDBD}
#wibFooter .fotter_inner .top_box > div.notice_box .notice_list ul li a:before{content:"·";display:inline-block;margin-right:5px}
#wibFooter .fotter_inner .top_box div.f_menu{width:calc(100% - 545px)}
#wibFooter .fotter_inner .top_box div.f_menu > div{display:inline-block;width:auto;margin-right:100px;vertical-align: top;}
#wibFooter .fotter_inner .top_box div.f_menu > div:last-child{margin-right:0}
#wibFooter .fotter_inner .top_box div.f_menu > div > a{display:block;font-size:18px;color:#F2F2F2;font-weight:400}
#wibFooter .fotter_inner .top_box div.f_menu .customer strong{display:block;margin-top:8px;font-size:27px;color:#F2F2F2;font-weight:400}
#wibFooter .fotter_inner .top_box div.f_menu .customer strong + p{font-size:13px;color:#BDBDBD;line-height:2.1;margin-top:5px}
#wibFooter .fotter_inner .top_box div.f_menu .bank p,#wibFooter .fotter_inner .top_box div.f_menu .ReEx p{font-size:15px;color:#F2F2F2;padding:17px 0}
#wibFooter .fotter_inner .top_box div.f_menu .bank ul li,#wibFooter .fotter_inner .top_box div.f_menu .ReEx span{font-size:13px;color:#BDBDBD;margin-bottom:8px}
#wibFooter .fotter_inner .top_box div.f_menu .ReEx a.btn{font-size:14px;color:#E0E0E0;border:1px solid #4F4F4F;line-height:40px;width:120px;text-align:center;margin-top:15px}
#wibFooter .fotter_inner .bottom_box{margin-top:70px}
#wibFooter .fotter_inner .bottom_box .ft_menu li{display:inline-block;margin-right:20px;}
#wibFooter .fotter_inner .bottom_box .ft_menu li a{font-size:14px;color:#F2F2F2;}
#wibFooter .fotter_inner .bottom_box .foot_info{font-size:13px;color:#BDBDBD;line-height:22px;margin-top:28px}
#wibFooter .fotter_inner .bottom_box .foot_info a{font-size:13px;color:#BDBDBD;}
#wibFooter .fotter_inner .bottom_box .copyright{font-size:12px;color:#BDBDBD;margin-top:25px}
#wibFooter .fotter_inner .bottom_box .copyright span{color:#25B4FF}

.fix_btn{position: fixed;bottom:30px;right:25px;transition:all 0.5s;z-index: 11;	}
.fix_btn ul li{opacity: 0;}
.fix_btn ul li a{display:block;width:50px;height:50px;border-radius:50%;background-color: #4F4F4F;}
.fix_btn ul li a img{-moz-animation-name: upDown; -moz-animation-duration: 0.9s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -webkit-animation-name: upDown; -webkit-animation-duration: 0.9s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-name: upDown; -ms-animation-duration: 0.9s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: upDown; -o-animation-duration: 0.9s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; animation-name: upDown; animation-duration: 0.9s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;position:relative;top:0;}

@-webkit-keyframes upDown { 
	0% { top: -1px; }
  30% { top: 2px; }
  50%,100% { top: -1px; } 
}

/*상품폼*/
.goods_list ul li{width:calc(25% - 18px) !important;margin-right:24px;margin-top:80px;}
.goods_list ul li:nth-child(1),
.goods_list ul li:nth-child(2),
.goods_list ul li:nth-child(3),
.goods_list ul li:nth-child(4){margin-top:0}
.goods_list ul li:nth-child(4n){margin-right:0}
.goods_list .item_cont{padding:0}
.goods_list .item_cont .item_photo_box{border:0}
.goods_list .item_cont .item_photo_box,.goods_list .item_cont .item_photo_box img{width:100%}
.goods_list .item_cont .item_info_cont{padding-top:15px}
.goods_list .item_info_cont .item_tit_box .item_name{font-size:17px;color:#1A1A1A;font-weight:400;padding:0}
.goods_list .item_info_cont .item_tit_box .item_name_explain{font-size:15px;color:#828282;font-weight:300;line-height:1.3;letter-spacing:-0.01em;margin-top:4px}
.goods_list .item_info_cont .item_money_box del{font-size:14px;color:#4F4F4F;margin-bottom:0px;margin-top:0px;display:inline-block}
.goods_list .item_info_cont .item_money_box .item_price{display:inline-block;font-size:17px;color:#1A1A1A;font-weight:500;}
.goods_list .item_info_cont .item_money_box .discount-rate{display:inline-block;font-size:17px;color:#BF935F;margin-left:3px;font-weight:600}
.goods_list .item_info_cont .item_money_box .discount-rate em{font-weight:400}
.goods_list + .pagination{border:0;padding:0}
.pagination{margin:0}
.pagination li{margin:0 6px}
.pagination li a, .pagination li span{font-size:12px;color:#828282}
.pagination li.on span{border-radius:0;background:#4F4F4F;font-weight:400}