/* BASIC css start */
/*À§ºê »ó´Ü ºÐ·ù css*/
html.scrx {overflow:hidden;}
body.scrx {overflow:hidden; }
.bcate {display:none;}

.ypop {opacity:0; visibility:hidden; transition:all 0.4s; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:10000; }
.ypop.on {opacity:1; visibility:visible;}
.ypop .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:-1; }
.ypop .ypop_inner {width:1220px; max-height:750px; padding-top:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow-y:scroll; }
.ypop .ypop_inner::-webkit-scrollbar {display: none;}
.ypop .ypop_x {display:block; width:20px; height:20px; position:absolute; top:0; right:10px; background:url('/design/hanstyle/wib/2022wib/img/main/ypopclose.svg')no-repeat center center;}
.ypop .ypop_iframe {width:100%; }
.ypop .ypop_iframe iframe {width:100% ; height:675px; }
.ypop .ypop_txt {padding-top:20px;}
.ypop .ypop_txt p:first-child {position:relative; font-size:18px; color:#fff; font-weight:600; line-height:1; padding-bottom:15px; margin-bottom:15px;}
.ypop .ypop_txt p:first-child::before {content:''; display:block; width:40px; height:1px; background:#b8b8b8; position:absolute; bottom:0; lefT:0;}
.ypop .ypop_txt p:last-child {font-size:14px; color:#fff; font-weight:400; line-height:24px; }

.topimg {width:100%; overflow:hidden;}
.topimg img {width:1920px; position:relative; left:50%; margin-left:-960px; }

.midcon {padding:140px 0 0; max-width:1920px; margin:0 auto; }
.midcon h3 {font-size:40px; font-weight:600; color:#2c2c2c; line-height:1; letter-spacing:0.05em; padding-bottom:30px;}
.midcon p.txt {font-size:14px; font-weight:400; line-height:20px; color:#555;}

.mid_top {padding:0 200px 140px; }
.mid_top .mt_youtube {position:relative; margin-top:140px;}
.mid_top .mt_youtube .img {width:100%;}
.mid_top .mt_youtube .img img {width:100%;}
.mid_top .mt_youtube .y_txt {position:absolute; top:0; left:0; width:100%; padding-top:200px; text-align:center; }
.mid_top .mt_youtube .y_txt p:nth-child(2) {padding-top:6px; display:inline-block; font-size:40px; font-weight:400; padding-bottom:7px; border-bottom:1px solid #fff; color:#fff; line-height:1;}
.mid_top .mt_youtube .y_txt a {display:block; width:80px; height:80px; margin:100px auto 0; opacity:0; visibility:hidden; transition:all 0.4s; }
.mid_top .mt_youtube:hover .y_txt a {opacity:1; visibility:visible;}

.mid_btm {text-align:center; padding:0 145px;}
.mid_btm .mb_slider {margin:140px auto 0; position:relative;padding:0 55px 40px;}
.mid_btm .mb_slider ul li {width:100% !important}
.mid_btm .mb_slider ul li img {width:100%;}
.mid_btm .mb_slider .swiper-button-prev {z-index:10; opacity:1; width:16px; height:31px; background:url('/design/hanstyle/wib/2022wib/img/main/comming_prev.svg') no-repeat center center; left:0; margin:0;}
.mid_btm .mb_slider .swiper-button-next {z-index:10; opacity:1; width:16px; height:31px; background:url('/design/hanstyle/wib/2022wib/img/main/comming_prev.svg') no-repeat center center; transform:rotate(-180deg); right:0;  margin:0;}
.mid_btm .mb_slider .swiper-pagination {cursor:pointer;height:2px; width:calc(100% - 110px ); position:absolute; bottom:0; left: 50%; transform:translateX(-50%);background:rgba(136,136,136,0.33);}
.mid_btm .mb_slider .swiper-pagination span {height:2px; top:-0; background:#050A05;}

.title_ban_wrap {width:100%; padding-top:50px; text-align:center; }












/*À§ºê »ó´Ü ºÐ·ù 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; }







/* BASIC css end */