/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.wib-list {padding-bottom:60px; }
.wib-list >  h3.title {text-align:center; font-size:32px; font-weight:400; color:#2c2c2c; letter-spacing:0.05em; line-height:1; padding-bottom:25px;font-family: 'Crimson Pro','Noto Sans KR';}
.wib-list .best_box {background:#f5f5f5; padding:40px 15px; margin-bottom:30px;}
/*.wib-list .best_box ul li.prdlist .contants .etc, .wib-list .listBox ul li.prdlist .contants .etc {display:none;}*/
.wib-list .best_box ul li.prdlist .contants .price {font-size:12px; font-weight:400;}
.wib-list .best_box ul li.prdlist .contants .price span {font-size:13px; font-weight:500;}
.wib-list .best_box ul li.prdlist .contants .prd_percent {font-size:13px;}
.wib-list .best_box ul li.prdlist {position:relative; }
.wib-list .best_box ul li.prdlist::before {z-index: 10;content:'Best'; display:block; width:38px; height:18px; background:#c2b095; font-size:10px; font-weight:700; color:#fff; text-align:center; line-height:18px; position:absolute; top:0; left:0;  }

.wib-list .Category_list {padding:0 15px; margin-bottom:10px;}
.wib-list .Category_list ul {overflow:hidden; width:100%; }
.wib-list .Category_list ul li {display:inline-block; margin-right:10px; margin-bottom:10px; float:left; }
.wib-list .Category_list ul li a {display:inline-block; padding:10px 12px; background:#f5f5f5; font-size:12px; font-weight:400; color:#2c2c2c; line-height:1;}
.wib-list .Category_list ul li a.sel {color:#fff; background:#243640}

.wib-list #list_array {text-align:right; margin-bottom:20px; margin-right:15px; }
.wib-list #list_array select {border:0 ; height:auto; background:#fff url('/design/hanstyle/wib/2022wib/img/mo/list_sel.svg') no-repeat center right; -webkit-appearance:none; appearance:none; padding-right:15px; }
.wib-list #list_array select::-ms-expand { display: none;}

.wib-list #MS_product {padding:0 15px }
.wib-list #MS_product ul {overflow:hidden;}
.wib-list #MS_product ul li {width:calc(50% - 2.5px); float:left; margin-right:5px; margin-bottom:30px; }
.wib-list #MS_product ul li:nth-child(even) {margin-right:0;}

.wib-list #MS_product_more_btn_area {padding:0 15px 60px;}
.wib-list #MS_product_more_btn_area button {width:100%; height:50px; border:1px solid #e5e5e5; border-radius:5px; text-align:center; line-height:48px; background:#fff; font-size:13px; font-weight:400; color:#505050; padding:0; }

.main_cont .top_ban{margin-bottom:0px}  /* 하단여백 40 0 */
.main_cont .top_ban .img_box img{width:100%}
.main_cont .top_ban  .slide_tit{position:absolute;top:40px;width:100%;text-align:center;font-size:32px;color:#FFFFFF;font-family: 'Crimson Text', serif;letter-spacing:0.05em;font-weight:400}
.main_cont .top_ban  .slide_txt{position:absolute;top:43.5%;left:50%;transform:translate(-50% ,-50%);text-align:center;width:100%}
.main_cont .top_ban  .slide_txt b{font-size:60px;line-height: 1;color:#fff;font-weight:600;;font-family: 'Crimson Text', serif;display:block;margin-bottom:5px}
.main_cont .top_ban  .slide_txt span{font-size:14px;color:#fff;letter-spacing:0.05em}
.main_cont .top_ban  .slide_txt a{position: relative;;font-size:14px;color:#fff;letter-spacing:-0.03em;display:block;width:150px;height:40px;line-height:40px;border:1px solid #fff;border-radius:28px;margin: 30px auto 0;}
.main_cont .top_ban  .slide_txt a:after{content:"";display:inline-block;width:41px;height:5px;background:url(/design/hanstyle/wib/2022wib/img/mo/select_more_arrow.svg)no-repeat center;position: absolute;right:-20px;top: 50%;transform: translateY(-50%);}
.main_cont .top_ban .swiper-pagination{bottom:auto;top:90px; width:80%; left:50%; transform:translateX(-50%);}
.main_cont .top_ban .swiper-pagination .swiper-pagination-bullet{ width: auto; height: auto; display: inline-block; border-radius: 0; background: none !important;opacity: 1;font-size:14px;color:#fff;letter-spacing:-0.03em;margin:0 15px 15px 0;position: relative;}
.main_cont .top_ban .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.main_cont .top_ban .swiper-pagination .swiper-pagination-bullet:after{content:"";display: block;width: 0%;height:1px;background-color: #fff;position: absolute;bottom:-2px;right:0;transition: all 0.3s;}
.main_cont .top_ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 100%; left: 0; right: auto;}
.main_cont .pd_01{padding-left:15px;margin-bottom:45px} 
.main_cont .pd_01 .swiper-container{padding-bottom:30px}
.main_cont .pd_01 .swiper-container-horizontal>.swiper-pagination-progressbar{top:auto;bottom:0;background:rgba(136,136,136,.33);height:2px;border-radius:2px;width:calc(100% - 15px)}
.main_cont .pd_01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#050A05;border-radius:2px}
.main_cont .pd_01 .thumbnail{position: relative;}
.main_cont .pd_01 .thumbnail:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.2);position: absolute;top:0;left:0}
.main_cont .pd_01 .contants{position: absolute; bottom: 20px;width:calc(100% - 40px);padding:0 20px}
.main_cont .pd_01 .contants *{color:#fff !important}
.main_cont .pd_01 .contants .soldout{display:none}
.main_cont .pd_01 .contants .name{font-size:15px;letter-spacing:-0.03em;line-height:15px;margin-bottom:5px;}
.main_cont .pd_01 .contants .price_box{}
.main_cont .pd_01 .contants .price_box:after{content:"";display:block;clear:both}
.main_cont .pd_01 .contants .price_box *{display:inline-block;}
.main_cont .pd_01 .contants .price_box .price_del{font-size:14px;margin-right:5px}
.main_cont .pd_01 .contants .price_box .price_del span{font-size:13px;}
.main_cont .pd_01 .contants .price_box .price{font-size:16px;font-weight:500}
.main_cont .pd_01 .contants .price_box .prd_percent{font-size:16px;float:right}
.main_cont .pd_01 .contants .price{font-size:16px;}
.main_cont .pd_01 .soldout {display:none; }
.main_cont .ban{padding:0 15px;}
.main_cont .ban:after{content:"";display:block;clear:both}
.main_cont .ban h1{font-size:28px;color:#050A05;letter-spacing:-0.03em;margin-bottom:25px;text-align:center}
.main_cont .ban h1 .img{width:61px;margin-right:5px;}
.main_cont .ban .img_ban img{width:100%}
.main_cont .ban a{font-size:14px;color:#2C2C2C;display:inline-block;;margin:25px 0;float:right;padding-right:5px;position:relative;height: 23px;line-height: 23px;}
.main_cont .ban a:after{content:"";display:inline-block;width:23px;height:23px;background:#DAD0BF;border-radius:50%;position:absolute;right:0;top:0;z-index: -1;}
.main_cont .ban a img{margin-left:10px;vertical-align:middle;margin-top: -4px;}
.main_cont .pd_02{padding-left:15px;margin-bottom:67px}
.main_cont .pd_02 .swiper-container{padding-bottom:30px}
.main_cont .pd_02 .swiper-container-horizontal>.swiper-pagination-progressbar{top:auto;bottom:0;background:#F2F2F2;height:1px;width:calc(100% - 15px)}
.main_cont .pd_02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#050A05;}
.main_cont .pd_02 .contants .etc{margin:0}
.main_cont .pd_02 .contants .name{font-size:12px}
.main_cont .pd_03{background:#f9f9f9;padding:40px 0 30px;margin-bottom:60px}
.main_cont .pd_03 h1{font-size:32px;color:#2C2C2C;font-weight:400;text-align:center;margin-bottom:25px;font-family: 'Crimson Text', serif;}
.main_cont .pd_03 .swiper-container{padding:40px 0 60px }
.main_cont .pd_03 ul li{transform: scale(1); transition: all 0.4s;}
.main_cont .pd_03 ul li.swiper-slide-active{z-index: 10; transform: scale(1.2);box-shadow:0px 3px 11px rgb(0 0 0 / 10%)}
.main_cont .pd_03 ul li .contants {padding:15px 10px 15px 18px; background:#fff; position: relative;}
.main_cont .pd_03 ul li .contants .etc{margin:0}
.main_cont .pd_03 ul li .contants .name{font-size:13px;color:#505050;letter-spacing:-0.03em;margin-bottom: 8px;}
.main_cont .pd_03 .contants .prod_price{margin-top:5px}
.main_cont .pd_03 .contants .prod_price .price{font-size: 14px; font-weight: 500;}
.main_cont .pd_03 .contants .prod_price .price span{}
.main_cont .pd_03 .contants .price_box:after{content:"";display:block;clear:both}
.main_cont .pd_03 .contants .price_box *{display:inline-block;}
.main_cont .pd_03 .contants .price_box .price_del{font-size:12px;margin-right:4px;vertical-align: middle;padding: 0 0 3px;}
.main_cont .pd_03 .contants .price_box .price_del span{font-size:12px;}
.main_cont .pd_03 .contants .price_box .price{font-size:14px;font-weight:500;}
.main_cont .pd_03 .contants .price_box .prd_percent{font-size:13px;float:right;color:#A02727}
.main_cont .pd_03 .etc {display:none !Important; }
.listhidden1, .listhidden2, .listhidden3, .listhidden_main {display:none}


.contants .etc {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*신규상단 추가*/
.main__vtv-swiper .swiper-slide {
  width: 20rem;
}
.main__vi {
  margin-bottom: 50px;
}
.main__vi-swiper.tcs .main__vi-slide-inner {
  transition: 0s;
}
.main__vi-slide {
  position: relative;
  overflow: hidden;
}
.main__vi-slide.no_text .main__vi-slide-inner::after {
  display: none;
}
.main__vi-slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.main__vi-slide-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 25rem;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}
.main__vi-text {
  position: absolute;
  bottom: 1rem;
  left: 24px;
  right: 24px;
  z-index: 10;
}
.main__vi-text p {
  color: #fff;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.main__vi-text .main__vi-text-brand {
  display: flex;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  word-break: keep-all;
}
.main__vi-text .main__vi-text-brand span:first-child {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main__vi-text .main__vi-text-brand span:nth-child(2) {
  flex: 0 0 auto;
  display: inline-block;
  padding-left: 4px;
}
.main__vi-text .main__vi-text-title {
  font-family: 'NanumSquare', sans-serif;
  font-size: 35px;
  font-weight: 900;
  line-height: 44px;
  max-height: 125px;
}
.main__vi-text .main__vi-text-subtitle {
  font-family: 'NanumSquare', sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-overflow: ellipsis;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 18px;
}
.main__vi-text .main__vi-text-brand {
  justify-content: center;
}
/*신규상단 추가*/

/*눈*/
.snow_wrap { position: absolute; overflow: hidden; width: 100vw; height: 73vh; top:0px; filter: blur(2px); } 
.snow { /*background: #141f3e;*/  width: 100vw;} 
/* BASIC css end */