/* 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:28px; font-weight:400; color:#2c2c2c; letter-spacing:0.05em; line-height:1; padding:0 15px 25px;font-family: 'Crimson Pro','Noto Sans KR';}  /*  시즌오프세일 타이틀 줄바꿈되어서  font-size:32px;   28px로 수정  */

.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;}

.paging { padding-top: 10px; padding-bottom:10px; height: 17px; text-align: center; line-height: 0; vertical-align: top; }
.paging li { display: inline;}
.paging li a { overflow: hidden; width: auto; height: 25px; padding: 0 7px; color: #999; cursor: pointer; }
.paging li a:hover,
.paging li.now a { font-weight: bold; letter-spacing: -1px; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; }
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }


/*위브*/
#contents{padding-top:99px;}
#contents.subpd{padding-top:63px;}
.search-wrap{background: #FFFFFF;padding:35px 10px 60px;}
.item-search{height:45px;font-size:0;position:relative;border: 1px solid #E1E1E1;border-radius: 3px;}
.item-search>*{display:inline-block;height:45px;vertical-align:middle;}
select.brd-st{width:100%;padding:0 13px; height:45px;border:none;color: #505050;letter-spacing: -0.03em;    appearance: none;font-weight: 400;font-size: 13px;background:url(/design/hanstyle/wib/2022wib/img/mo/se1.svg) no-repeat center right 15px;}
.item-search .wrap{width:50%;}
.item-search .wrap>*{width:100%;border:none;height:45px;}
.item-search .wrap input{font-size:11px;}
.item-search label{width:80px;position:relative;}
.item-search label::after{position:absolute;right:0;    top: 50%;  transform: translateY(-50%); width:1px;height: 13px;background: #E5E5E5;content:'';}
.item-search a{width:22px;height:22px;background:transparent;border:none;position:absolute;right:15px;top:11px;}
.h_title{border:none;padding: 35px 15px 25px;  box-sizing: border-box; line-height: 1;text-align:center;}
.h_title>*{display:inline-block;vertical-align:middle;}
.h_title h3{color: #2C2C2C;letter-spacing: -0.03em;font-weight: 400;font-size: 22px;line-height: 22px;}
.tops li:nth-child(4){background: #F5F5F5;}
.write{margin:35px 15px 20px;display:block;height: 50px;line-height: 50px;background: #243640;border-radius: 3px;color: #FFFFFF;letter-spacing: -0.03em;text-align: center;font-weight: 500;font-size: 15px;}

html #review-board-list .notice{padding:0 15px;box-sizing:border-box;border-top:none;}
html #review-board-list .boardList{padding:0 15px;box-sizing:border-box;}
html #review-board-list .notice-bar {background:transparent;border-color:#E5E5E5;padding:20px 0 ;}
html #review-board-list .notice-bar:nth-child(1){border-top:1px solid #838383;}
html #review-board-list .boardList li{border-color:#E5E5E5;padding:20px 0 ;}

html #review-board-list .notice-bar dt{color: #505050;letter-spacing: -0.03em;font-weight: 400;font-size: 14px;}
html #review-board-list .notice-bar dd{padding-top:15px;color: #838383;font-weight: 400;font-size: 13px;}
html #review-board-list .notice-bar dd span:nth-child(1){padding-right:20px;position:relative;}
html #review-board-list .notice-bar dd span:nth-child(1)::after{position:absolute;right:10px;top:5px;content:'';width:1px ;height:10px;background:#838383;border-radius: 5px;}

html #review-board-list .boardList li dt .fa-mobile{display:none;}
.reply_status.reply_DONE{ display: inline-block;text-align:center; width: 50px;height: 22px;margin:0 10px; line-height:22px;border: 1px solid #A02727;color: #A02727;letter-spacing: -0.05em;font-weight: 500;font-size: 12px;}
html #review-board-list nobr{color: #505050;letter-spacing: -0.03em;font-weight: 400;font-size: 14px;}
html #review-board-list .bl_iconNew{font-size: 0;background: none;}
html #review-board-list .bl_iconNew img {position:relative; top:-6px;}
html #review-board-list .boardList li dd{color: #838383;font-weight: 400;font-size: 13px;padding-top:10px;}
html #review-board-list .boardList li dd >span:nth-child(1){padding-right:20px;position:relative;}
html #review-board-list .boardList dd >span:nth-child(1)::after{position:absolute;right:10px;top:5px;content:'';width:1px ;height:10px;background:#838383;border-radius: 5px;}
.paging{margin:30px 0 0;}


/*위브e*/


#review-board-list {}
#review-board-list .h_title .btn_Red {height: 25px; width: 60px; float: right; line-height: 25px; font-weight:normal; margin-top: -4px;}
#review-board-list .h_title .all-board-list {height: 25px; width: 60px; float: right; line-height: 25px; font-weight: normal; margin-top: -4px; text-align: center; border: 1px solid #c7c7c7; box-sizing: border-box; margin-right: 5px;}

#review-board-list nobr { display: block; overflow: hidden; text-overflow: ellipsis; }
#review-board-list .notice {border-top: 2px solid #464646;}
#review-board-list .notice-bar {padding:10px 10px; border-bottom: 1px solid #bebebe;  background-color: #fefbe3;}
#review-board-list .bl_iconNotice { float: left; background-color: #464644; font-size: 0.9em; font-family: initial; color: #ffffff; width: 34px; height: 18px; display: inline-block; text-align: center; font-size: 0.9em; line-height: 15px; margin-right: 10px; font-weight: normal; }
#review-board-list .bl_iconNew { height: 13px; font-size: 0.9em; font-family: initial; color: #ffffff; background-color: #ff8400; line-height: 13px; padding: 0 4px; }
#review-board-list .bl_iconHit { height: 13px; font-size: 0.9em; font-family: initial; color: #ffffff; background-color: #f1191f; line-height: 13px; padding: 0 4px; }
#review-board-list .boardList {}
#review-board-list .boardList li { padding: 11px 10px; border-bottom: 1px solid #bebebe; line-height: 21px; }
#review-board-list .boardList li .bl_depth0 {  }
#review-board-list .boardList li .bl_depth1 { float: left; height: 50px; padding-right: 10px; padding-left: 5px; }
#review-board-list .boardList li .bl_depth2 { float: left; height: 50px; padding-right: 10px; padding-left: 25px; }
#review-board-list .boardList li .bl_depth3 { float: left; height: 50px; padding-right: 10px; padding-left: 35px; }
#review-board-list .boardList li .fa-level-up { font-size: 1.5em; }
#review-board-list .boardList li .bl_image { width:86px; float:left; position: relative; margin-right: 10px; }
#review-board-list .boardList li .bl_image img { width:100%; height:auto; }
#review-board-list .boardList li dl { position: relative; }
#review-board-list .boardList li dl.depthType { position: relative; margin-left:23px; }
#review-board-list .boardList li dl.leftImg { position: relative; margin-left:96px; }
#review-board-list .boardList li dl:after { content: ""; display: table; }
#review-board-list .boardList li dl:after { clear: both; }
#review-board-list .boardList li dt {color: #3b3b3b; }
#review-board-list .boardList li dt.dl_goodsName { word-break: break-all; }
#review-board-list .boardList li dt.dl_goodsName a {  }
#review-board-list .boardList li dt .original-del {  }
#review-board-list .boardList li dt .fa-mobile { font-size: 1.4em; vertical-align: middle; }
#review-board-list .boardList li dt .fa-file-text-o {  }
#review-board-list .boardList li dt .bl_cmtCount {  }
#review-board-list .boardList li dt .fa-camera {  }
#review-board-list .boardList li dt .bl_status {  }
#review-board-list .boardList li dd {color: #707070; }
#review-board-list .boardList li dd.bl_star { color: #f51d30; }
#review-board-list .boardList li dd .bl_name {  }
#review-board-list .boardList li dd .bl_name img { vertical-align: middle; }
#review-board-list .boardList li .none-data {  }
#review-board-list .boardList li .none-data .fa-exclamation-triangle {  }
#review-board-list .boardList nobr img {vertical-align: middle;}
#review-board-list .boardWrite { padding: 20px 10px 0; }
/* BASIC css end */