/* BASIC css start */
.wib-list {padding-bottom:60px; }
/* »ó´Ü  */
.topwrap .custom img{width:100%;}
.topwrap .txt1{padding:80px 15px;box-sizing:border-box;}
.topwrap .txt1 p:nth-child(1){color: #2C2C2C;letter-spacing: 0.05em;font-weight: 600;font-size: 28px;line-height: 28px;}
.topwrap .txt1 p:nth-child(2){color: #555555;font-weight: 400;font-size: 12px;line-height: 16px;margin:20px 0 ;}
.topwrap .txt1 p:nth-child(3){color: #2C2C2C;font-weight: 400;font-size: 12px;line-height: 14px;}
.topwrap .txt1 p:nth-child(3) span{text-decoration-line: underline;margin:0 20px;}


/* ÇÏ´Ü À¯Æ©ºê¿µ¿ª */
.btmYoutube {padding-bottom:80px;}
.btmYoutube .inner {padding:0 15px; }
.btmYoutube .banner ul li {position:relative;}
.btmYoutube .banner ul li .img {width:100%;}
.btmYoutube .banner ul li .img img {width:100%;}
.btmYoutube .banner ul li .txt {position:absolute; top:0; left:0; width:100%; padding-top:20px; text-align:center; }
.btmYoutube .banner ul li .txt p:nth-child(2) {padding-top:6px; display:inline-block; font-size:12px; font-weight:400; padding-bottom:3px; border-bottom:1px solid #fff; color:#fff; line-height:1;}
.btmYoutube .banner ul li .txt a {display:block; width:40px; height:40px; margin:25px auto 0;}
.btmYoutube .banner ul li .txt a img {width:100%; }
.btmYoutube .banner .swiper-scrollbar {cursor:pointer;height:1px; width:100%; position:absolute; bottom:10px; left:0; background:rgba(242, 242, 242, 0.3);}
.btmYoutube .banner .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#fff;}

.btmYoutube .inner{position:relative;}
.btmYoutube .inner  .img {width:100%;}
.btmYoutube .inner .img img {width:100%;}
.btmYoutube .inner  .txt {position:absolute; top:50%; transform:translateY(-50%);left:0; width:100%; text-align:center; }


.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 .dim::before {content:''; displaY:block; width:100%; height:100%; background:rgba(0,0,0,0.01); backdrop-filter: blur(0.1px);  z-index: 11;  -webkit-filter: blur(4px);  -moz-filter: blur(4px);  -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);}
.ypop .ypop_inner {width:100%; max-height:400px; padding-top:40px; position:absolute; top:50%; left:0; transform:translateY(-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:20px; background:url('/design/hanstyle/wib/2022wib/img/mo/y_x.svg')no-repeat center center;}
.ypop .ypop_iframe {width:100%; position: relative; padding-bottom: 56.25%;}
.ypop .ypop_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ypop .ypop_txt {padding-top:17px; text-align:center;}
.ypop .ypop_txt p:first-child {position:relative; font-size:16px; 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:50%; margin-left:-20px; }
.ypop .ypop_txt p:last-child {font-size:12px; color:#fff; font-weight:400; line-height:22px; }
/* ÇÏ´Ü À¯Æ©ºê¿µ¿ª */

.topwrap .txt2{padding:0 40px;box-sizing:border-box;text-align: center;} 
.topwrap .txt2 p:nth-child(1){color: #2C2C2C;text-align: center;font-weight: 600;font-size: 28px;letter-spacing: 0.05em;margin-bottom:20px;}
.topwrap .txt2 p:nth-child(2){color: #555555;font-weight: 400;font-size: 12px;line-height: 18px;margin-bottom:20px;}
.topwrap .txt2 p:nth-child(3){color: #555555;font-weight: 400;font-size: 12px;line-height: 18px;    margin-bottom: 80px;}

.btmbanner{ margin-bottom: 60px; padding-bottom: 30px; position:relative;}
.btmbanner .swiper-slide img{width:100%;}
.btmbanner .swiper-pagination{width:calc(100% - 30px);margin:0 auto;background: #F2F2F2;height: 1px;opacity: 1 !important;bottom:-30px;    left: 15px;}
.btmbanner .swiper-pagination span{background: #050A05;height: 1px;}










#contents{padding-top:99px}
#contents.subpd {padding:60px 0 0 !important;}
.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;}

.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 #MS_product {padding:0 15px }
.wib-list #MS_product ul {overflow:hidden;}
.wib-list #MS_product ul li {width:calc(50% - 2.5px); float:left; margin-right:5px; margin-bottom:30px; }
.wib-list #MS_product 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 .main_ban ul li .img_box img{width:100%}
.main_cont .main_ban ul li .slide_txt{position: absolute;bottom:100px;left:30px;width:calc(100% - 60px);}
.main_cont .main_ban ul li .slide_txt .tit{font-size:28px;color:#FFFFFF;font-weight:600;margin:20px 0 12px;display:block;line-height: 1;}
.main_cont .main_ban ul li .slide_txt .s_txt{font-size:16px;color:#fff;letter-spacing:0.05em;}
.main_cont .main_ban .swiper-pagination{bottom:15px}
.main_cont .main_ban .swiper-pagination-bullet{background:#fff;opacity:0.5;margin:0 5px}
.main_cont .main_ban .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}
.main_cont .pd_01{background:#F9F9F9;padding:40px 0 40px 15px;margin-bottom:40px}
/*.main_cont .pd_01 .contants .etc{display:none}*/
.main_cont .pd_01 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;  }

.listhidden1, .listhidden_main {display:none}


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

