/* BASIC css start */
/*위브 상단 분류 css*/
.main_cont .topcount {background:url(/design/hanstyle/wib/2022wib/img/apartpage/colla1.png) no-repeat center/cover; width:100%; height:292px; background-size: cover;font-size:0;}
.main_cont .topcount .inner {width:1300px; margin:0 auto; display:table; height:100%;  }
.main_cont .topcount .inner >*{display:table-cell;width:50%;vertical-align:middle;}
.main_cont .topcount .txt{color: #FFFFFF;font-weight: 400;font-size: 40px;line-height:55px;}
.main_cont .topcount .txt span{font-weight:700;font-family: 'Times New Roman';}
.main_cont .topcount .count{color: #FFFFFF;font-weight: 700;font-size: 80px;padding-right:70px; text-align:right; width:calc(50% - 70px);}
.main_cont .topcount .count >*{display:inline-block;}
.main_cont .topcount .count .hour,.main_cont .topcount .count .min,.main_cont .topcount .count .sec{display:inline-block; ;position:relative;width: 120px;height: 130px; background: rgba(255, 255, 255, 0.1);border: 2px solid #FFFFFF;border-radius: 20px;line-height:130px;text-align:center;font-family: 'Crimson Text';}
.main_cont .topcount .count .hour,.main_cont .topcount .count .min{margin-right:49px ;}
.main_cont .topcount .count .hour::before,.main_cont .topcount .count .min::before{position:absolute;top:10px;right:-50px; content:':';}
.main_cont .topcount .count .hour:after{display:block;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);content:'hour';text-align:center;color: #FFFFFF;font-weight: 400;font-size: 14px;text-transform: uppercase;line-height:1;font-family: 'Inter';}
.main_cont .topcount .count .min:after{display:block;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);content:'minute';text-align:center;color: #FFFFFF;font-weight: 400;font-size: 14px;text-transform: uppercase;line-height:1;font-family: 'Inter';}
.main_cont .topcount .count .sec:after{display:block;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);content:'second';text-align:center;color: #FFFFFF;font-weight: 400;font-size: 14px;text-transform: uppercase;line-height:1;font-family: 'Inter';}

.main_cont .banner{margin:120px 0 0;font-size:0;overflow:hidden;}
.main_cont .banner .swiper-container {width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.main_cont .banner .swiper-slide {position:relative;}
.main_cont .banner .swiper-slide::after{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.25);content:'';left: 0;  top: 0;}
.main_cont .banner .swiper-slide-active::after{display:none;}
.main_cont .banner .swiper-slide img{transition:all .3s;opacity:0;}
.main_cont .banner .swiper-slide-active img{}
/*main_cont .banner .swiper-slide.prev img{transform: translateX(calc(50% - 60px));}*/
.main_cont .banner .swiper-slide a>*{display:inline-block;font-size:11px;vertical-align:middle;}
.main_cont .banner .swiper-slide img{width:70%;}
.main_cont .banner .swiper-slide .txt{width:30%;padding-left:50px;box-sizing:border-box;}
/*.main_cont .banner .swiper-slide-active .txt{display:inline-block;}*/
.main_cont .banner .swiper-slide .txt .name{color: #2C2C2C;font-weight: 700;font-size: 40px;line-height: 40px;margin-bottom:20px;font-family: 'Times New Roman';} 
.main_cont .banner .swiper-slide .txt .tit{color: #2C2C2C;letter-spacing: -0.03em;font-weight: 400;font-size: 36px;line-height: 40px;margin-bottom:20px;} 
.main_cont .banner .swiper-slide .txt .date{color: #2C2C2C;font-weight: 400;font-size: 13px;line-height: 13px;} 

.arrowbox{width: 72px;position: absolute;  /*bottom: 145px; right: 30%;*/height:28px; left:67% !important;}
.arrowbox::after{position:absolute;top:19px;left:50%;transform:translate(-50%);content:'';width:1px;height:20px;background:#838383;}
.arrowbox .swiper-button-prev{background:url(/design/hanstyle/wib/2022wib/img/apartpage/collaarrow1.svg) no-repeat;margin-right:40px;height:29px;width:16px;left:0;margin-top:0;}
.arrowbox .swiper-button-next{background:url(/design/hanstyle/wib/2022wib/img/apartpage/collaarrow2.svg) no-repeat;;height:29px;width:16px;right:0;margin-top:0;}

#listtop2 {margin-bottom:70px; }
#listtop2 h5 {color: #2C2C2C;letter-spacing: 0.05em;font-family: 'Crimson Text';font-weight: 400;font-size: 40px;line-height: 40px;margin-bottom:60px;text-align:center;}
#listtop2 ul.prdul {text-align:center; }
#listtop2 ul.prdul > li {width:calc(20% - 16px) !important; margin-right:20px !important; display:inline-block; vertical-align:top; }
#listtop2 ul.prdul > li:nth-child(5n) {margin-right:0 !important;}

/*위브 상단 분류 css fin*/
.title_ban_wrap {width:100%; padding-top:50px; text-align:center; }


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

.swiper-slide {position:relative}
.hidden_img {position:absolute; top:0;left:0px;width:70%;}
.swiper-slide-prev .hidden_img {left:30%}
.main_cont .banner .swiper-slide .hidden_img img {width:100%;opacity:1;}

.listhidden1 {display:none}


@media screen and (min-width:1920px){
    .main_cont .banner .swiper-container {width: inherit; position: relative; left: inherit; margin-left: inherit;}
}
/* BASIC css end */