/* 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');

.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 .listBox {padding:0 15px }
.wib-list .listBox ul {overflow:hidden;}
.wib-list .listBox ul li {width:calc(50% - 2.5px); float:left; margin-right:5px; margin-bottom:30px; }
.wib-list .listBox 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 .timer_area{position: relative;}
.main_cont .timer_area .bg img{width:100%;}
.main_cont .timer_area .inner_box{position: absolute;top:50%;transform:translateY(-50%);width:calc(100% - 30px);padding:0 15px}
.main_cont .timer_area .inner_box .txt_box{width: 45%;font-size:16px;color:#fff;letter-spacing:-.03em;display:table-cell; vertical-align:top; }
.main_cont .timer_area .inner_box .txt_box b{letter-spacing:0}
.main_cont .timer_area .inner_box .txt_box:after{content:"";display:block;clear:both}
.main_cont .timer_area .inner_box .txt_box p:last-child{margin-top:5px; line-height:1.3; word-break:keep-all; }
.main_cont .timer_area .inner_box .timer{display:table-cell; vertical-align:top; width:55%;text-align:right;}
.main_cont .timer_area .inner_box .timer span{display:inline-block; vertical-align:middle; position: relative;}
.main_cont .timer_area .inner_box .timer span.hour,
.main_cont .timer_area .inner_box .timer span.min,
.main_cont .timer_area .inner_box .timer span.sec{width:40px;height:40px;border:1px solid #fff;background:rgba(255,255,255,0.1);border-radius:10px;color:#fff;font-size:20px;line-height:40px;text-align:center;font-family:'Crimson Pro', serif}
.main_cont .timer_area .inner_box .timer span.dot{width:4px;height:11px;background:url('/design/hanstyle/wib/2022wib/img/mo/dot.svg')no-repeat;margin:0 4px}
.main_cont .timer_area .inner_box .timer span.hour:after{content:"HOUR";display:block;position: absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-family:'Inter','Noto Sans KR', sans-serif;line-height:1}
.main_cont .timer_area .inner_box .timer span.min:after{content:"MINUTE";display:block;position: absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-family:'Inter','Noto Sans KR', sans-serif;line-height:1}
.main_cont .timer_area .inner_box .timer span.sec:after{content:"SECOND";display:block;position: absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-family:'Inter','Noto Sans KR', sans-serif;line-height:1}

.main_cont .main_ban{padding-left:15px;margin:60px 0}
.main_cont .main_ban ul li{opacity:0.24;transition:all 0.5s}
.main_cont .main_ban ul li.swiper-slide-active{opacity:1}
.main_cont .main_ban ul li .img_box img{width:100%}
.main_cont .main_ban ul li .slide_txt{padding:40px 0 0;font-size:24px;color:#2C2C2C;letter-spacing:-0.03em;background: #fff;opacity:0;transition:all 4s}
.main_cont .main_ban ul li.swiper-slide-active .slide_txt{opacity:1}
.main_cont .main_ban ul li .slide_txt b{font-size:28px; /*font-family: "Times New Roman", Times, serif*/}
.main_cont .main_ban ul li .slide_txt span{font-size:12px;color:#2C2C2C;display:block;margin-top:15px}
.main_cont .btn_wrap{bottom:0;right:40px;width:50px;position: absolute;z-index: 50;}
.main_cont .btn_wrap div{position: static;margin:0;width:10px;height:17px;background:10px 17px;display:inline-block;}
.main_cont .btn_wrap div.swiper-button-next{background:url(/design/hanstyle/wib/2022wib/img/mo/coll_ban_next.svg)no-repeat}
.main_cont .btn_wrap div.swiper-button-prev{background:url(/design/hanstyle/wib/2022wib/img/mo/coll_ban_prev.svg)no-repeat}
.main_cont .btn_wrap .line{display:inline-block;width:1px;height:16px;background:#838383;margin:0px 11px 0 14px}
.pd01 .title{font-size:32px;color:#2C2C2C;text-align:center;margin-bottom:25px;line-height: 1;}


.listhidden1, .listhidden2, .listhidden3, .listhidden_main {display:none}


.contants .etc {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* BASIC css end */