/* BASIC css start */
/*위브 상단 분류 css*/
.prdul li .contants .etc {display:none;}
.title_ban_wrap {width:100%; padding-top:50px; text-align:center; }

#listtop1{max-width:1520px; margin: 0 auto 0;padding:140px 0 100px; position:relative; left: 50%; margin-left: -760px;}
#listtop1::after{position:absolute;top:140px;left:-51px; content:'';background:url(/design/hanstyle/wib/2022wib/img/apartpage/brandNewItem.png) no-repeat;height:388px;width:45px;}

#listtop1 .swiperbox {padding-bottom:40px; position:relative; }
#listtop1 .prdul {padding:0; overflow:visible !important;}
#listtop1 .prdul li {margin-right:0 !important;position:relative;margin-bottom:40px !important; width:33.33% !important; margin:0 !important; }
#listtop1 .prdul li .previewbox {display:none; }
#listtop1 .contants {position:absolute;width:100%; bottom:0;left:0;padding:0 33px 40px;box-sizing:border-box;color:#fff; opacity:0;visibility: hidden;z-index:50;transition: opacity 0.3s;}
#listtop1 .contants .name {color: #FFFFFF;letter-spacing: -0.03em;font-weight: 400;font-size: 15px;margin-bottom:10px;}
#listtop1 .contants .price_del {color: #FFFFFF !important;font-weight: 400  !important;font-size: 14px  !important;}
#listtop1 .contants .price {color: #FFFFFF !important;font-weight: 500 !important;font-size: 16px !important;}
#listtop1 .contants .prd_percent {position:absolute;right:0;bottom:0;color: #FFFFFF !important;font-weight: 400 !important;font-size: 16px !important;}
#listtop1 .prdul li:hover .contants {opacity:1;visibility: visible;}
#listtop1 .prdul li:hover a::after{content:'';width:100%;height:100%;background: rgba(0, 0, 0, 0.2);position:absolute;top:0;left:0;}
#listtop1 .swiper-scrollbar {position: absolute; width:100%;bottom:0;left:0;border-radius: 2px;background:rgba(136, 136, 136, 0.33);height:2px;} 
#listtop1 .swiper-scrollbar-drag {background: #050A05;border-radius: 2px;}
#listtop1 .soldout {display:none; }
.contants .ect {display:none; }
.backcolor {background: #F9F9F9;}

#listtop2 {max-width:1592px ; margin: 0 auto 0;position:relative;;padding:109px 0 90px;}
#listtop2 .swiperbox {overflow:visible !important;}
#listtop2 h5 {color: #2C2C2C;letter-spacing: 0.05em;text-align: center;font-weight: 400;font-size: 32px;font-family: 'Crimson Text';margin-bottom:30px;}
#listtop2 .prdul {padding-top:50px; }
#listtop2 .prdul li.swiper-slide-active{transform:scale(1.2);z-index:50;overflow:visible;}
#listtop2 .prdul li.swiper-slide-active .contants {    filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.1));}
#listtop2 .prdul li.swiper-slide-active  .name {font-size:14px !important;}
#listtop2 .prdul li.swiper-slide-active  .prod_price {font-size:14px !important;}
#listtop2 .contants .prd_percent {color: #A02727;font-weight: 400;font-size: 16px;float:right;}

#listtop2 .prdul li .contants .prod_price {display:block; width:100%; }
#listtop2 .prdul li.swiper-slide-active .contants .prd_percent {font-size:14px !important;
    right: 9px;
    padding: 2px 0 0 0;}

#listtop2 .prdul li{color: #505050;letter-spacing: -0.03em;font-weight: 400;font-size: 15px;margin-bottom:10px;}
#listtop2 .prdul li .prod_price{display:inline-block; margin-top:10px;}
#listtop2 .prdul li .prod_price .price_del {color: #B8B8B8;font-weight: 400;font-size: 14px;margin-right:8px;}
#listtop2 .prdul li .prod_price .price {color: #2C2C2C;font-weight: 500;font-size: 16px;}
#listtop2 .prdul li.swiper-slide-active .prod_price .price {font-size:14px !important}

#listtop2 .swiperbox .swiper-container { padding: 0 0 70px;}
#listtop2 .prdul li .thumbnail {margin-bottom:0 !important;}
#listtop2 .prdul li .contants {background:#fff;padding:20px 10px 20px 20px;box-sizing:border-box;}

#listtop2 .swiper-button-prev{background:url(/design/hanstyle/wib/2022wib/img/main/arrowprev100.svg) no-repeat;width:69px;height:31px;left:-50px; top: 50%;}
#listtop2 .swiper-button-next{background:url(/design/hanstyle/wib/2022wib/img/main/arrownext100.svg) no-repeat;width:69px;height:31px;right:-50px; top: 50%;}

@media screen and (max-width:1720px){
    #listtop2 .swiper-button-prev {left:0;}
    #listtop2 .swiper-button-next {right:0;}
}


#listtop3 {width:100% ;position:relative;padding:0;font-size:0;}
#listtop3 .swiperbox {overflow:visible !important;padding:0 0 0;}
#listtop3 > *{display:inline-block;vertical-align:bottom;}
#listtop3 > img{width:32%; display: inline-block; vertical-align: top;}
#listtop3 .right {width:68%;padding:0 0 0 62px;box-sizing:border-box;display: inline-block; vertical-align: bottom }
#listtop3 .right h5 {color: #050A05;letter-spacing: -0.03em;font-weight: 400;font-size: 35px;   margin-right:200px;margin-bottom:40px;}
#listtop3 .right h5 >img {width:82px;margin-right:3px;vertical-align:middle;}
#listtop3 .right h5 a {float:right;color: #2C2C2C;letter-spacing: -0.03em;font-weight: 400;font-size: 14px;display: block; margin-top: 20px;}
#listtop3 .right h5 a img {vertical-align:middle;margin-left:10px;}

#listtop3 .swiper-scrollbar {width:100%;bottom:0;left:0;border-radius: 2px;background:rgba(136, 136, 136, 0.33);height:2px;} 
#listtop3 .swiper-scrollbar-drag {background: #050A05;border-radius: 2px;}
#listtop3 .contants .name {color: #505050;font-weight: 400;font-size: 15px;margin:10px 0;}
#listtop3 .contants .prod_price {font-size: 16px;position:relative;margin-top:10px; }
#listtop3 .contants .price_del {color: #B8B8B8;text-decoration-line: line-through;font-weight: 400;font-size: 14px;padding-right:8px;}
#listtop3 .contants .price {color: #2C2C2C;font-weight: 500;font-size: 16px;}
#listtop3 .contants .prd_percent {position:absolute;right:0;top:0;color: #A02727;font-weight: 400;font-size: 15px;}


/*위브 상단 분류 css fin*/


#contentWrap {width:100% !important; margin-bottom:140px; }

#prdBrand .bestbox {padding-top:100px; text-align:Center; width:1400px; margin:0 auto; position:relative; }
#prdBrand .bestbox h3 {font-size:32px; font-weight:400; color:#2C2C2C; line-height:1; padding-bottom:30px; letter-spacing:0.05em; }
#prdBrand .bestbox .item-cont {width:1300px; margin:0 auto; }
#prdBrand .bestbox .swiper-button-prev {width:16px; height:30px; background:url('/design/hanstyle/wib/2022wib/img/wibpc/pcprev.svg')no-repeat center center; margin-top:30px; }
#prdBrand .bestbox .swiper-button-next {width:16px; height:30px; background:url('/design/hanstyle/wib/2022wib/img/wibpc/pcprev.svg')no-repeat center center; margin-top:30px; transform:rotate(180deg); }
#prdBrand .bestbox .prdul li {position:relative;}
#prdBrand .bestbox .prdul > li::before {content:'Best'; display:block; width:50px; height:25px; line-height:25px; text-align:center; background:#c2b095; color:#fff; font-size:14px; font-weight:500; position:absolute; top:0; left:0; }

.prdul {width:100%; }
.prdul li {text-align:left; }
.prdul li .ect {display:none;}


.prdlistbox {max-width:1820px; margin:0 auto; padding:120px 50px 0;}
.prdlistbox h3 {font-size:32px; font-weight:400; color:#2C2C2C; line-height:1; padding-bottom:30px; letter-spacing:0.05em; text-align:center; }
.prdlistbox .cate-wrap {margin:0 auto; max-width:800px; text-align:center; }
.prdlistbox .cate-wrap ul {overflow:hidden; margin-bottom:50px; }
.prdlistbox .cate-wrap ul li { display:inline-block; margin-right:10px; margin-bottom:10px; }
.prdlistbox .cate-wrap ul li a {display:inline-block; font-size:16px; font-weight:400; color:#2c2c2c; line-height:1; padding:12px 15px; background:#F5F5F5; }
.prdlistbox .cate-wrap ul li.sel a {color:#fff; background:#243640; }

.item-info {padding:0 !Important; margin-bottom:30px; bordeR:0 !important; }
.item-info ul {padding:0 !important; }
.item-info ul li {padding:0 !important; margin-right:20px; background:none !important;}
.item-info ul li:last-child {margin-right:0; }
.item-info ul li a {display:inline-block; font-size:15px !important; letter-spacing:-0.05em; line-heighT:1; color:#838383; font-weight:400; }
.item-info ul li a.on {color:#2C2C2C;}
 
.item-cont {margin:0 !Important;}
.item-cont ul li {width:calc(25% - 15px); margin:0 20px 50px 0; display:inline-block;vertical-align:top;  }
.item-cont ul li:nth-child(4n) {margin-right:0; }


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


/* BASIC css end */