/* BASIC css start */
#wibmain {width:100%; margin:0 auto; position:relative;}
.inner {max-width:1520px; margin:0 auto; position:relative;}

#contentWrapper #contentWrap {
    width: 100%;
}
html.scrx {overflow:hidden;}
body.scrx {overflow:hidden; }

/* 메인 최상단 배너 */
.mainVisual ul li {position:relative; width:100%; height:auto;}
.mainVisual ul li .img {/*width:100%;*/ width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-top: -2px;}
.mainVisual ul li .img img {width:100%;}
.mainVisual ul li .txt {width:100%; text-align:center; height:auto; position:Absolute; top:50%; transform:translateY(-50%);}
.mainVisual ul li .txt p:first-child {font-size:17px; font-weight:400; letter-spacing:0.2em; line-height:1; color:#fff; padding-bottom:22px;}
.mainVisual ul li .txt p:nth-child(2) {height:92px;}
.mainVisual ul li .txt p:nth-child(2) span {display:block; position:relative;}
.mainVisual ul li .txt p:nth-child(2) span:first-child {z-index:2;}
.mainVisual ul li .txt p:nth-child(2) span:last-child {top:-26px; left:6px}
.mainVisual ul li .txt a {display:block; margin:0 auto; width:170px; height:43px; border:1px solid #fff; background:rgba(255,255,255,0.14); text-align:center; line-heighT:43px; font-size:12px; font-weight:500; color:#fff; letter-spacing:0.13em;}
.mainVisual ul li .txt a img {display:inline-block; padding-left:11px; vertical-align:middle; margin-top:-3px; transition:all 0.4s; transform:translateX(0);}
.mainVisual ul li .txt a:hover img {transform:translateX(5px);}
.mainVisual .swiper_btn1 {position:absolute; width:100%; top:50%; left:0;height:44px; margin-top:-22px; }
.mainVisual .swiper_btn1 .swiper-button-prev {opacity:1; width:22px; height:44px; background:url('/design/hanstyle/wib/2022wib/img/main/m_mv_prev.svg') no-repeat center center; top:0; left:0; }
.mainVisual .swiper_btn1 .swiper-button-next {opacity:1; width:22px; height:44px; background:url('/design/hanstyle/wib/2022wib/img/main/m_mv_prev.svg') no-repeat center center; transform:rotate(-180deg); top:0; right:0;}

.mainVisual .swiper_btn2 {display:flex; width:173px; height:15px; background:rgba(5, 10, 5, 0.3); border-radius:100px; padding:11px 24px; position:absolute; right:200px; bottom:32px; z-index:10; }
.mainVisual .swiper_btn2 .swiper_progress {display:flex;}
.mainVisual .swiper_btn2 .swiper-button-play {width:6px; height:15px; background:url('/design/hanstyle/wib/2022wib/img/main/m_mv_start.svg') no-repeat center center; cursor:pointer; display:inline-block;}
.mainVisual .swiper_btn2 .swiper-button-stop {width:11px; height:15px; background:url('/design/hanstyle/wib/2022wib/img/main/m_mv_stop.svg') no-repeat center center; cursor:pointer; display:inline-block;margin:0 10px; }
.mainVisual .swiper_btn2 .swiper_progress span {display:inline-block; font-size:15px; color:#fff; font-weight:400; line-height:1;}
.mainVisual .swiper_btn2 .swiper-progress-bar { position:relative; height: 1px; background: #A9A8A2; width: 76px;clear: both; opacity: 0; margin: 7px 12px 0; }
.mainVisual .swiper_btn2 .swiper-progress-bar.active {opacity: 1;}
.mainVisual .swiper_btn2 .swiper-progress-bar::after {content: ""; display:block; position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 0; transition: 0.1s width linear;}
.mainVisual .swiper_btn2 .swiper-progress-bar.animate::after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; }

@media screen and (min-width:2100px){
    .mainVisual .swiper_btn2 {right:15%;}
}
/* 메인 최상단 배너 */

/* 메인 상단 띠배너 */
.mvbtmBanner {margin-top:-1px; height:97px;}
.mvbtmBanner ul li {position:relative; width:100%; height:auto;}
.mvbtmBanner ul li .img {/*width:100%;*/width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.mvbtmBanner ul li .img img {width:100%;}
.mvbtmBanner ul li .txt {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; height:100%; text-align:center; display:flex; justify-content:center; align-items:center;}
.mvbtmBanner ul li .txt p:nth-child(2) {margin:0 20px; font-size:20px; color:#fff; letter-spacing:-0.03em; line-height:1; font-weight:400}
.mvbtmBanner ul li .txt p:nth-child(2) span {font-weight:700; color:#C2B095}
.mvbtmBanner ul li .txt a {display:inline-block; width:150px; height:34px; border-radius:50px; border:1px solid #fff; line-height:34px; font-size:15px; font-weight:400; color:#fff; text-align:center;}
.mvbtmBanner ul li .txt a img {display:inline-block; padding-lefT:20px; vertical-align:middle; margin-top:-2px;}
.mvbtmBanner ul li .txt .img2 {position:relative; padding-left:50px; height:100%; }
.mvbtmBanner ul li .txt .img2 img {height:101%; }
/*
.mvbtmBanner ul li .txt .img2::before {content:''; displaY:block; width:30px; height:30px; background:url('/design/hanstyle/wib/2022wib/img/main/mv_b_2_icon.svg') no-repeat center center; position:absolute; top:50%; transform:translateY(-50%); left:0; margin-top: -4px;}
*/
/* 메인 상단 띠배너 */

/* 브랜드 */
.main_brand {padding:80px 0 120px;}  /* 80px 0 120px 를 80px 0 0px로 수정 */
.main_brand ul {display:flex; justify-content:center; align-items:center; width:100%; }
.main_brand ul li {width:288px; height:420px; margin-right:20px;}
.main_brand ul li:last-child {margin:0;}
.main_brand ul li a {display:block; width:100%; height:100%; overflow:hidden;}
.main_brand ul li a img {width:100%; transition:all 0.4s;}
.main_brand ul li a:hover img {transform:scale(1.05);}
/* 브랜드 */


/* 뉴베스트 */
.newbest .etc {display:none;}
.newbest .nb_btn {margin:100px auto; display:flex; justify-content:center; align-items:center; margin-bottom:30px; width:295px; border:1px solid #e5e5e5; border-radius:32.5px; height:55px; position:relative; }
.newbest .nb_btn::before {content:'New'; transition:all 0.4s; display:block; width:50%; height:100%; background:#2c2c2c;box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 32.5px; font-size:35px; font-weight:400; color:#fff; line-height:55px; text-align:center; font-family: 'Crimson Pro', serif; position:absolute; top:0; left:0; z-index:2;}
.newbest .nb_btn.right::before {content:'Best'; left:50%; box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.2);}   /* 세일 시 content:'Best';  를   Sale로 변경 */
.newbest .nb_btn li {width:50%;text-align:center; }
.newbest .nb_btn li a {display:block; font-size:35px; text-align:center; font-weight:400; color:#838383; letter-spacing:0.05em; line-height:53px;}
.newbest .nb_box {display:none;}
.newbest .nb_box.on {display:block; }
.newbest .nb_box .nb_cate {width:100%; padding-bottom:30px; }
.newbest .nb_box .nb_cate > ul {display:flex; justify-content:center; align-items:center;}
.newbest .nb_box .nb_cate > ul li {display:inline-block; padding-right:20px;}
.newbest .nb_box .nb_cate > ul li a {position:relative; display:inline-block; font-size:16px; font-weight:400; color:#838383; line-height:1; }
.newbest .nb_box .nb_cate > ul li a:hover {color:#243640;text-decoration:underline;}
.newbest .nb_box .nb_cate > ul li a.on {color:#050a05;text-decoration:underline; }
.newbest .nb_box .nb_cate > ul li a img {vertical-align:middle; }
.newbest .nb_box .nb_cate > ul li a.nb_hs.on::before {content:''; display:block; width:39px; height:1px; background:#C6A97D; position:absolute; bottom:-2px; left:50%; margin-left:-20px; }
.newbest .nb_box .prdbox {display:none;}
.newbest .nb_box .prdbox.on {display:block; }
.newbest .nb_box .prdbox .etc {display:none}
.newbest .nb_box .prdbox .contants {padding-top: 15px;}
.newbest .nb_box .prdbox .contants .prod_price {margin-top: 10px;}
.newbest .nb_box .prdbox .contants .prod_price .price_box {display: flex;align-items: center;}
.newbest .nb_box .prdbox .contants .prod_price .price_box .price {display:inline-block}

.newbest .nb_box .prdbox > ul {overflow:hidden;}
.newbest .nb_box .prdbox > ul > li {width:calc(20% - 16px); margin-bottom:40px; margin-right:20px; float:left; }
.newbest .nb_box .prdbox > ul > li:nth-child(5) {clear:both;}
.newbest .nb_box .prdbox > ul > li:nth-child(1), .newbest .nb_box .prdbox > ul > li:nth-child(2),
.newbest .nb_box .prdbox > ul > li:nth-child(3), .newbest .nb_box .prdbox > ul > li:nth-child(4) {width:calc(25% - 15px); }
.newbest .nb_box .prdbox > ul > li:nth-child(4), .newbest .nb_box .prdbox > ul > li:nth-child(9) {margin-right:0;}
.newbest .nb_box .nb_more {display: block;width:150px; height:50px; margin:40px  auto 0; margin-bottom:120px; border:1px solid #505050; text-align:center; font-size:16px; font-weight:400; color:#505050; line-height:50px; background:#fff; }  /* margin-bottom:120px;  추가함 */
/* 뉴베스트 */


/* 중간 띠배너 */
.main_midBanner {width:100%; display:flex; padding-top:120px; }
.main_midBanner > div {width:50%; position:relative; cursor:pointer;}
.main_midBanner > div > a {displaY:block; }
.main_midBanner > div .img {width:100%; }
.main_midBanner > div .img img {width:100%;}
.main_midBanner > div .txt {position:absolute; top:112px; left:97px;display:inline-block;}
.main_midBanner > div .txt p {padding:20px 0 35px; font-size:25px; letter-spacing:-0.03em; line-height:1; color:#fff; font-weight:400}
.main_midBanner > div .txt p span {}
.main_midBanner > div .txt > span {display:inline-block; font-size:16px; color:#fff; letter-spacing:0.07em; line-height:30px; height:30px;position:relative; padding-right:6px;}
.main_midBanner > div .txt > span::before {content:''; display:block; width:30px; height:30px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.main_midBanner > div .txt > span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.main_midBanner > div:hover .txt > span img {padding-left:15px;}
.main_midBanner > div:hover .txt > span::before {opacity:0; visibility:hidden;}
/* 중간 띠배너 */

/* 커밍순 */
.commingSoon {padding:20px 0;}  /* 120px 0 를   20px 0 로 수정 */
.commingSoon .tit {max-width:1433px; margin:0 auto; position:relative; padding-bottom:30px; }
.commingSoon .tit h2 {font-size:35px; line-height:1; color:#050a05; letter-spacing:0.05em; font-weight:400 }
.commingSoon .tit a {position:absolute; top:11px; right:0; display:inline-block; font-size:12px; color:#505050; letter-spacing:0.05em; line-height:1;  }
.commingSoon .tit a img {display:inline-block; padding-left:5px; vertical-align:middle;}
.commingSoon .swiperBox {max-width:1433px; margin:0 auto; position:relative;padding-bottom:40px;}
.commingSoon .swiperBox ul li {width:auto; display:inline-block;}
.commingSoon .swiperBox ul li a  {display:block; }
.commingSoon .swiperBox ul li a img {width:100%; max-width:465px;}
.commingSoon .swiperBox ul li .txt {padding-top:15px;}
.commingSoon .swiperBox ul li .txt p:first-child {font-size:15px; color:#050a05; letter-spacing:-0.05em; line-height:1; padding-bottom:8px;}
.commingSoon .swiperBox ul li .txt p:last-child {font-size:13px; color:#A63737; line-height:1;}
.commingSoon .inner .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;}
.commingSoon .inner .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;}
.commingSoon .inner .swiper-pagination {cursor:pointer;height:2px; width:100%; position:absolute; bottom:0; background:rgba(136, 136, 136, 0.33);}
.commingSoon .inner .swiper-pagination span {height:2px; top:0; background:#050a05; }

.comming_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:10000;}
.comming_pop .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:-1; }
.comming_pop .c_popbox {width:560px; height:800px; background:#fff; position:Absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.comming_pop .c_popbox > p {text-align:center; display:block; padding:20px 0; font-size:26px; font-weight:400; color:#050a05; letter-spacing:0.05em;}
.comming_pop .c_popbox > a {display:block; width:20px; height:20px; position:absolute; top:20px; right:20px; z-index:100; background:url('/design/hanstyle/wib/2022wib/img/main/cart_close.svg')no-repeat center center;}
.comming_pop .c_popbox .c_slidebox {margin:20px 20px 60px; overflow:hidden; height:100%; max-height:650px; }
.comming_pop .c_popbox .c_slidebox .scrollbox {overflow-y:scroll; height: 100%; text-align:center;}
.comming_pop .c_popbox .c_slidebox .scrollbox img {width:480px; margin:0 auto; }
.comming_pop .c_popbox .c_slidebox .scrollbox::-webkit-scrollbar {height:100%; width:5px; background:rgba(136, 136, 136, 0.33); border-radius:5.5px;}
.comming_pop .c_popbox .c_slidebox .scrollbox::-webkit-scrollbar-thumb {background:#050a05;  border-radius:5.5px;}

/* 콜라보 */
.collabo {padding-bottom:120px; position:relative; width:100%; }
.collabo::before {content:''; display:block; width:100%; height:805px; background:#c2b095; position:absolute; bottom:0; left:0; z-index:-1; opacity:0.15;}
.collabo .inner {max-width:1520px; margin:0 auto; position:relative;}
.collabo .inner .top_tit {position:absolute; top:120px; right:0; width:calc(100% - 593px); height:auto;  z-index: 50;}
.collabo .inner .top_tit h2 {text-align:center;}
.collabo .inner .top_tit h2 a {display:inline-block; font-size:35px; letter-spacing:0.05em; line-height:1; color:#050a05; font-weight:400 ;}
.collabo .inner .top_tit > a {position:absolute; display:inline-block; font-size:12px; letter-spacing:0.05em; line-height:1; color:#050a05; font-weight:400; top:12px; right:0; }
.collabo .inner .top_tit > a img {display:inline-block; padding-left:10px; vertical-align:middle;margin-top: -2px;}

.collabo .coll_conbox {position:relative; height:730px;}
.collabo .coll_con {opacity:0; visibility:hidden; position:absolute; bottom:0; left:0; width:100%; transition:all 0.4s;}
.collabo .coll_con.act {opacity:1; visibility:visible;}

.collabo .left {width:593px; margin-right:62px; display:inline-block;vertical-align:bottom;}
.collabo .left a {position:relative; display:block;}
.collabo .left .txt {position:absolute; bottom:66px; left:40px; display:inline-block;  }
.collabo .left .txt p {color:#fff;}
.collabo .left .txt p:first-child {font-size:36px; font-weight:400; letter-spacing:-0.03em; line-height:40px;}
.collabo .left .txt p:first-child span {display:inline-block; font-size:40px; font-weight:700; letter-spacing:0;}
.collabo .left .txt p:nth-child(2) {padding-top:20px; font-size:13px; line-height:1; font-weight:400}

.collabo .left .dotted {display:inline-block; width:auto; margin-top:40px; padding:0 !important; display:flex;}
.collabo .left .dotted span {width:5px; height:5px; display:block; border-radius:50%; opacity:1; background:rgba(255,255,255,0.5);margin:0 5px;}
.collabo .left .dotted span.on {background:#fff;}

.collabo .right {width:calc(100% - 662px); display:inline-block; vertical-align:bottom; position:relative; padding-bottom:65px;}
.collabo .right .swiper-scrollbar {cursor: pointer; width:100%; height:2px; background:rgba(136, 136, 136, 0.33); bottom:0; left:0; position: absolute;}
.collabo .right .swiper-scrollbar-drag {background:#050a05;}
.collabo .right .col_scrollBox ul li.swiper-slide {width:auto; display:inline-block;}
.collabo .right .col_scrollBox ul li img {max-width:251px;}

.collabo .coll_btns {/*position:absolute; display:inline-block; width:72px; height:44px;*/ bottom:65px; left:485px; z-index:30; overflow:hidden; }
.collabo .coll_btns::before {content:''; display:none; width:1px; heighT:20px; background:#fff; position:absolute; top:50%; margin-top:-10px; left:50%; z-index:1}
.collabo .coll_btns > div {width:22px; height:44px; background:url('/design/hanstyle/wib/2022wib/img/main/m_mv_prev02.png') no-repeat center center; float:left; cursor:pointer; }
.collabo .coll_btns > div.prevBtn {position:absolute; top:50%; left:-3%;}
.collabo .coll_btns > div.nextBtn {position:absolute; transform:rotate(-180deg); float:right; top:50%; right:-3%;}

@media screen and (max-width:1650px){
    .collabo .coll_btns {width: 97%; position: absolute; bottom: auto; top: 55%; left: 50%; height: 44px; transform: translate(-50%,-50%);}
    .collabo .coll_btns > div.prevBtn {left:0; top:0;}
    .collabo .coll_btns > div.nextBtn {right:0; top:0;}
}

/* 콜라보 */


/* 셀렉트 */
.select {padding-top:120px; position:relative; height: 850px;}
.select::before {content:''; display:block; width:100%; height:calc(100% - 120px); background:#f9f9f9; position:absolute; top:120px; left:0; }
.select .inner {max-width:1520px; margin:0 auto; position:relative;}
.select .inner::after {content:''; display:block; width:947px; height:450px; background:#fff; position:absolute; top:0; left:-90px; }
.select .inner .top_tit {position:absolute; top:100px; left:0; width:calc(100% - 595px); height:auto; z-index: 50;}
.select .inner .top_tit h2 {}
.select .inner .top_tit h2 a {font-size:35px; letter-spacing:0.05em; line-height:1; color:#050a05; font-weight:400 ; margin-bottom:30px; display:inline-block;}
.select .inner .top_tit ul {display:flex; min-width:900px;}
.select .inner .top_tit ul li {display:inline-block; margin-right:20px;}
.select .inner .top_tit ul li a {display:inline-block; font-size:16px; font-weight:400; color:#838383; letter-spacing:-0.03em; line-height:1}
.select .inner .top_tit ul li a.on {color:#2c2c2c; padding-bottom:2px; border-bottom:1px solid #2c2c2c;}

.select .sel_conbox {position:relative; height:730px;}
.select .sel_con {opacity:0; visibility:hidden; position:absolute; bottom:0; left:0; width:100%; transition:all 0.4s; z-index: 10;}
.select .sel_con.act {opacity:1; visibility:visible;}

.select .right {width:595px; margin-left:62px; display:inline-block;vertical-align:bottom;}
.select .right a {position:relative;display:block;}
.select .right .txt {position:absolute; bottom:66px; right:40px; display:inline-block;  }
.select .right .txt p {color:#fff; font-size:25px; font-weight:350; line-height:36px; text-align:right; }
.select .right .txt p span {font-weight:700;font-size:32px; }/*폰트 크기 원래 36*/

.select .left {width:calc(100% - 663px); display:inline-block; vertical-align:bottom; position:relative; padding-bottom:56px;}
.select .left .swiper-scrollbar {cursor: pointer; width:100%; height:2px; background:rgba(136, 136, 136, 0.33); bottom:0; left:0; position: absolute;}
.select .left .swiper-scrollbar-drag {background:#050a05;}
/*.select .left ul li {opacity:0.3}*/
.select .left ul li.swiper-slide {width:auto; display:inline-block;}
.select .left ul li img {max-width:251px;}
.select .left ul li .contants {padding-top: 15px;}
.select .left ul li .contants .etc {display:none}
.select .left ul li .contants .prod_price {margin-top: 10px;}
.select .left ul li .contants .prod_price .price_box {display: flex;align-items: center;}
/*.select .left ul li.swiper-slide-active, .select .left ul li.slideNext, .select .left ul li.swiper-slide-active, .select .left ul li.lastSlide  {opacity:1; }*/

/* 셀렉트 */


/* 한스 */
.hs {padding:120px 0}
.hs .hs_banner {padding-bottom:20px; }
.hs .hs_banner ul li {position:relative; }
.hs .hs_banner ul li > a {display:block; }
.hs .hs_banner ul li .img {width:100%;}
.hs .hs_banner ul li .img img {width:100%;}
.hs .hs_banner ul li .txt {position:absolute; top:0; left:0; width:calc(100% - 320px); padding:56px 160px; }
.hs .hs_banner ul li .txt p:nth-child(2) {font-size:16px; color:#fff; font-weight:400; line-height:1; padding:30px 0 16px;}
.hs .hs_banner ul li .txt p:nth-child(3) {font-size:36px; font-weight:600; color:#fff; line-height:1; padding-bottom:20px; }   /*  font-weight:700; 을    600으로 수정  */
.hs .hs_banner ul li .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.07em; line-height:30px; height:30px;position:relative; padding-right:6px;}
.hs .hs_banner ul li .txt span::before {content:''; display:block; width:30px; height:30px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.hs .hs_banner ul li .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.hs .hs_banner ul li:hover .txt span img {padding-left:15px;}
.hs .hs_banner ul li:hover .txt span::before {opacity:0; visibility:hidden;}
.hs .hs_banner .swiper-pagination {bottom:18px;}
.hs .hs_banner .swiper-pagination-bullet {margin:0 10px !important; width:8px; height:8px; background:#fff !important; opacity:0.5 !important; }
.hs .hs_banner .swiper-pagination-bullet-active {background:#fff !important; opacity:1 !important}
.hs .hs_box ul li.swiper-slide {display:inline-block; width:auto;}
.hs .hs_box ul li .thumbnail {width:100%;}
.hs .hs_box ul li .thumbnail img {width:100%; max-width:365px;}
.hs .hs_box ul li .contants {padding-top: 15px;}
.hs .hs_box ul li .contants .prod_price {margin-top: 10px;}
.hs .hs_box ul li .etc {display:none;}
.hs .hs_box .swiper-container {padding-bottom:40px;}
.hs .hs_box .swiper-scrollbar {cursor:pointer;height:1px; width:100%; position:absolute; bottom:0; left: 0;background:rgba(136, 136, 136, 0.33);}
.hs .hs_box .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}
/* 한스 */


/* 리어피어 */
.reappear {padding:0 0 120px}
.reappear .reappear_banner {padding-bottom:20px; }
.reappear .reappear_banner ul li {position:relative; }
.reappear .reappear_banner ul li a {display:block;}
.reappear .reappear_banner ul li .img {width:100%;}
.reappear .reappear_banner ul li .img img {width:100%;}
.reappear .reappear_banner ul li .txt {position:absolute; top:0; left:0; width:calc(100% - 320px); padding:77px 180px; }
.reappear .reappear_banner ul li .txt p:nth-child(2) {font-size:36px; font-weight:700; color:#fff; line-height:1; padding:20px 0;}   /*  리어피어 소스로 MEN 사용 시    font-weight:700; 을    600으로 수정  */
.reappear .reappear_banner ul li .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.07em; line-height:30px; height:30px;position:relative; padding-right:6px;}
.reappear .reappear_banner ul li .txt span::before {content:''; display:block; width:30px; height:30px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.reappear .reappear_banner ul li .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.reappear .reappear_banner ul li:hover .txt span img {padding-left:15px;}
.reappear .reappear_banner ul li:hover .txt span::before {opacity:0; visibility:hidden;}
.reappear .reappear_banner .swiper-pagination {bottom:18px;}
.reappear .reappear_banner .swiper-pagination-bullet {margin:0 10px !important; width:8px; height:8px; background:#fff !important; opacity:0.5 !important; }
.reappear .reappear_banner .swiper-pagination-bullet-active {background:#fff !important; opacity:1 !important}
.reappear .reappear_box ul li {margin-top: 0 !important;padding-bottom:40px;}
.reappear .reappear_box ul li .thumbnail {width:100%;}
.reappear .reappear_box ul li .thumbnail img {width:100%;}
.reappear .reappear_box ul li .contants {padding-top: 15px;}
.reappear .reappear_box ul li .contants .prod_price {margin-top: 10px;}
.reappear .reappear_box ul li .contants .prod_price .price {position: relative;display: block;}
.reappear .reappear_box ul li .etc {display:none;}
.reappear .reappear_box .swiper-container {}
.reappear .reappear_box .swiper-scrollbar {cursor:pointer;height:2px; width:100%; position:absolute; bottom:0; left: 0;background:rgba(136, 136, 136, 0.33);}
.reappear .reappear_box .swiper-scrollbar-drag {height:2px; top:0; background:#050a05;}
/* 리어피어 */


#detailpage .txt-wrap .opt li.optionbox .opt-wrap dl.count {display:none}


/* BASIC css end */