/* BASIC css start */ .floatclear:after{content:'';display:block;clear:both;} #container {margin: 0 auto; width: 1100px; color: #000000; height:550px;} #contentWrap{width:100%} #mainContents{padding-top:50px!important; width:100%!important;} #wrap{min-width:1440px;max-width:1920px;} /* WIB */ #wrap #wHeader{position:absolute;left:0;top:0;z-index:333;width:100%;border-bottom:0;} p.main-title{font-size:35px;font-weight:300;color:#2e2e2e;text-align:center;line-height:1;} .w1280{width:1280px;margin:0 auto;} /* 메인 비쥬얼 */ .mcon01{position:relative;} .mcon01 .swiper-container{z-index:55;} .mcon01 .swiper-container .swiper-slide.swiper-slide-active{} .mcon01 .swiper-container .swiper-slide .bg{position:absolute;left:50%;top:0;width:2560px;height:980px;z-index:-1;margin-left:-960px;transform:scale(1.1);} .mcon01 .swiper-container .swiper-slide.swiper-slide-active .bg{animation-name: mv_img;-webkit-animation-name: mv_img;animation-duration: 5s;-webkit-animation-duration: 5s;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;} .mcon01 .swiper-container .swiper-slide.bg_promotion .bg{background:url("/design/zenpia0/wib/img/250423_promotion_banner_pc.jpg")no-repeat;background-size:contain;}/*4월 프로모션*/ .mcon01 .swiper-container .swiper-slide.bg1 .bg{background:url("/design/zenpia0/wib/img/250409_moist_line_pc_2.jpg")no-repeat right 250px top;background-size:cover;}/*환절기*/ .mcon01 .swiper-container .swiper-slide.bg2 .bg{background:url("/design/zenpia0/wib/img/250214_sweet_glam_pc.jpg")no-repeat right 250px top;background-size:cover;}/*환절기*/ .mcon01 .swiper-container .swiper-slide.bg3 .bg{background:url("/design/zenpia0/wib/img/250214_start_line_pc_2.jpg")no-repeat right 250px top;background-size:cover;}/*환절기*/ .mcon01 .swiper-container .swiper-slide.bg4 .bg{background:url("/design/zenpia0/wib/img/250214_snowwhite_line_pc_4.jpg")no-repeat right 250px top;background-size:cover;}/*프레쉬토너*/ @keyframes mv_img{ 0%{transform:scale(1.1);} 100%{transform:scale(1.05);} } .mcon01 .swiper-container .swiper-slide{} .mcon01 .swiper-container .swiper-slide > img{display:block;width:2560px;opacity:0;position:relative;margin-left:-1280px;min-width:1440px;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box{text-align:left;position:absolute;top:50%;transform:translateY(-50%);left:50%;margin-left:-640px;min-width:1440px;} .mcon01 .swiper-container .swiper-slide.type02.white .txt-box em{border-color:#fff;color:#fff;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box em{display:inline-block;height:34px;line-height:34px;text-align:center;font-size:17px;font-weight:300;border:1px solid #6a6a6a;padding:0 15px;margin-bottom:24px;position:relative;left:3px;position:relative;opacity:0;} .mcon01 .swiper-container .swiper-slide.type02.white .txt-box p{color:#fff;} .mcon01 .swiper-container .swiper-slide.type02.white .txt-box p b{color:#0292d0;font-weight:500;} .mcon01 .swiper-container .swiper-slide.type02.white .txt-box p strong{font-weight:400;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box p{font-size:40px;font-weight:300;color:#000;line-height:60px;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box span{display:block;padding-top:40px;font-size:18px;color:#000;text-align:left;position:relative;left:5px;} .mcon01 .swiper-container .swiper-slide.type02 white .txt-box .span blacksn{color:#fff;} /* 연말정산 */ .mcon01 .swiper-container .swiper-slide.type02.gold .txt-box em{border-color:#ece7c9;color:#ece7c9;} .mcon01 .swiper-container .swiper-slide.type02.gold .txt-box p{color:#ece7c9;} .mcon01 .swiper-container .swiper-slide.type02.gold .txt-box p b{color:#ece7c9;font-weight:500;} .mcon01 .swiper-container .swiper-slide.type02.gold .txt-box p strong{font-weight:400;} .mcon01 .swiper-container .swiper-slide.type02 white .txt-box .span blacksn{color:#ece7c9;} .mcon01 .swiper-container .swiper-slide .txt-box{text-align:left;position:absolute;top:50%;transform:translateY(-50%);left:50%;margin-left:-640px;} .mcon01 .swiper-container .swiper-slide .txt-box p{font-size:40px;font-weight:400;color:#2b2b2b;line-height:1;opacity:0;position:relative;} .mcon01 .swiper-container .swiper-slide .txt-box p i{font-weight:500 !important;} .mcon01 .swiper-container .swiper-slide .txt-box span{display:block;padding-top:20px;font-size:16px;line-height:26px;letter-spacing:-0.05em;font-weight:300;opacity:0;position:relative;} .mcon01 .swiper-container .swiper-slide .txt-box a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#2e2e2e;letter-spacing:0.03em;z-index:44;} .mcon01 .swiper-container .swiper-slide .txt-box a img{display:inline-blcok;vertical-align:middle;margin-right:9px;} .mcon01 .swiper-container .swiper-slide .txt-box a .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;z-index:-1;} .mcon01 .swiper-scrollbar{position:absolute;width:1280px;left:50%;transform:translateX(-50%);bottom:70px;height:2px;background-color:#fff;border-radius:0;z-index:77;} .mcon01 .swiper-scrollbar > div{background-color:#606060;border-radius:0;} .mcon01 .swiper-slide.swiper-slide-active a .progress-circle ellipse {display:block;animation:dash 5s linear;} .mcon01 .swiper-slide.swiper-slide-active a{} .mcon01 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 5s linear;} @keyframes dash { from { stroke-dashoffset: 916; } to { stroke-dashoffset: 0; } } .mcon01 .swiper-container .swiper-slide.swiper-slide-active .txt-box em{animation-name: mv_p;-webkit-animation-name: mv_p;animation-duration: 1s;-webkit-animation-duration: 1s;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;} .mcon01 .swiper-container .swiper-slide.swiper-slide-active .txt-box p{animation-name: mv_span;-webkit-animation-name: mv_span;animation-duration: 1s;-webkit-animation-duration: 1s;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;} .mcon01 .swiper-container .swiper-slide.swiper-slide-active .txt-box span{animation-name: mv_a;-webkit-animation-name: mv_a;animation-duration: 1s;-webkit-animation-duration: 1s;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;} @keyframes mv_p{ 0%{opacity:0;top:-20px;} 100%{opacity:1;top:0;} } @keyframes mv_span{ 0%{opacity:0;top:-20px;} 100%{opacity:1;top:0;} } @keyframes mv_a{ 0%{opacity:0;top:-20px;} 100%{opacity:1;top:0;} } /* SALE ITEMS */ .mcon02{padding:130px 0 45px;position:relative;} .mcon02 .w1280{padding-top:30px;position:relative;} .mcon02:after{display:block;content:"";position:absolute;width:100%;height:360px;background-color:#FBFBFB;left:0;bottom:0;} .mcon02 dl{} .mcon02 dl .subCart{display:none;} .mcon02 dl.swiper-slide{text-align:center;} .mcon02 dl.swiper-slide > a{display: inline-block;font-size: 18px;background-color: #fff;padding: 10px 20px;border: 1px solid #646464;color: #646464;width: 210px;margin: 0 auto;box-sizing: border-box;text-align: center;margin-top:180px;transition:all 0.3s;} .mcon02 dl.swiper-slide > a:hover{border-color:#000;color:#000;} .mcon02 dl.swiper-slide dt.thumb{width:100%;height:auto;border:0;padding:0;} .mcon02 dl.swiper-slide dt.thumb a{display:block;} .mcon02 dl.swiper-slide dt.thumb a img{display:block;width:100%;transition:all 0.3s;} .mcon02 dl.swiper-slide dt.thumb a img:last-of-type{position:absolute;left:0;top:0;opacity:0;} .mcon02 dl.swiper-slide:hover dt.thumb a img:first-of-type{opacity:0;} .mcon02 dl.swiper-slide:hover dt.thumb a img:last-of-type{opacity:1;} .mcon02 dl.swiper-slide dd.prd-info{padding-top:18px;text-align:center;} .mcon02 dl.swiper-slide dd.prd-info span.discount_rate{display:inline-block;height:23px;line-height:24px;padding:0 8px;background-color:#2E2E2E;text-align:center;font-size:15px;font-weight:500;color:#fff;margin-bottom:17px;} .mcon02 dl.swiper-slide dd.prd-info ul{} .mcon02 dl.swiper-slide dd.prd-info ul li{} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-name{} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-name a{display:block;font-size:20px;font-weight:400;color:#2e2e2e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-subname{font-size:14px;color:#606060;font-weight:300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top:12px;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-preview, .mcon02 dl.swiper-slide dd.prd-info ul li.etc_red{display:none;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price{padding-top:18px;font-size:0;text-align:center;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price > *{display:inline-block;vertical-align:middle;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price span{font-size:15px;font-weight:500;color:#2e2e2e;margin:0;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price span em{font-weight:400;margin-left:1px;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price strike{font-size:13px;font-weight:500;color:#c8c8c8;margin-right:8px;position:relative;top:3px;} .mcon02 dl.swiper-slide dd.prd-info ul li.prd-price strike em{font-weight:300;margin-left:1px;} .mcon02 .moreBtn{display:none;} .mcon02 .navi{position:absolute;top:200px;width:100%;z-index:33;} .mcon02 .navi button{width:60px;height:60px;position:absolute;} .mcon02 .navi button.swiper-prev{background:url("/design/zenpia0/wib/img/swiper-prev-big.png")no-repeat center;background-size:cover;left:-90px;} .mcon02 .navi button.swiper-next{background:url("/design/zenpia0/wib/img/swiper-next-big.png")no-repeat center;background-size:cover;right:-90px;} /* BEST PRODUCT */ .mcon03{position:relative;margin-top:150px;} .mcon03 .w1280{position:relative;} .mcon03 .w1280:after{display:block;content:"";clear:both;} .mcon03 .w1280 .swiper-container{width:730px;float:left;} .mcon03 .w1280 .swiper-container .swiper-slide:after{display:block;content:"";clear:both;} .mcon03 .w1280 .swiper-container .swiper-slide{} .mcon03 .w1280 .swiper-container .swiper-slide .table{display:table;width:100%;} .mcon03 .w1280 .swiper-container .swiper-slide .table > div{display:table-cell;vertical-align:top;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left{width:730px;position:relative;text-align:left;height:650px;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > span{display:block;font-size:14px;font-weight:700;color:#2e2e2e;text-align:left;line-height:1;letter-spacing:0.5em;position:relative;left:5px;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > p{font-size:40px;line-height:1;color:#2b2b2b;padding-top:29px;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > em{display:block;font-style:normal;font-size:16px;font-weight:300;color:#2e2e2e;line-height:26px;padding-top:19px;position:relative;left:5px;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#2e2e2e;letter-spacing:0.03em;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > a img{display:inline-block;vertical-align:middle;margin-right:9px;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left > a .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;} .mcon03 .swiper-slide.swiper-slide-active a .progress-circle ellipse {display:block;animation:dash 5s linear;} .mcon03 .swiper-slide.swiper-slide-active a{} .mcon03 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 5s linear;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left .bottom img{display:blokc;position:absolute;right:0;bottom:0;} .mcon03 .w1280 .swiper-container .swiper-slide .table .left .bottom img.left-product{} .mcon03 .w1280 .navi{position:absolute;font-size:0;text-align:right;width:730px;bottom:355px;left:0;} .mcon03 .w1280 .navi > *{display:inline-block;vertical-align:bottom;} .mcon03 .w1280 .navi .swiper-pagination{font-size:14px;font-weight:400;color:rgba(0,0,0,0.3);width:auto;position:relative;left:auto;top:auto;right:auto;bottom:auto;} .mcon03 .w1280 .navi .swiper-pagination span{display:inline-block;vertical-align:bottom;font-size:14px;font-weight:400;color:rgba(0,0,0,0.3);line-height:1;} .mcon03 .w1280 .navi .swiper-pagination span:first-of-type{font-size:24px;color:#000;position:relative;top:4px;margin-right:4px;} .mcon03 .w1280 .navi .swiper-pagination span:last-of-type{margin-left:3px;} .mcon03 .w1280 .navi button{width:8px;height:14px;} .mcon03 .w1280 .navi button.swiper-prev{background:url("/design/zenpia0/wib/img/swiper-prev.png")no-repeat center;background-size:cover;margin-right:18px;} .mcon03 .w1280 .navi button.swiper-next{background:url("/design/zenpia0/wib/img/swiper-next.png")no-repeat center;background-size:cover;margin-left:18px;} .mcon03 .w1280 .right{width:550px;padding-left:40px;box-sizing:border-box;position:relative;float:right;} .mcon03 .w1280 .right .txt-box{position:absolute;right:0;bottom:0;width:calc(100% - 40px);height:177px;box-sizing:border-box;background-color:rgba(221, 186, 168, 0.8);padding:44px 40px;} .mcon03 .w1280 .right .txt-box p{font-size:28px;font-weight:400;color:#fff;text-align:left;line-height:1;} .mcon03 .w1280 .right .txt-box span{display:block;font-size:16px;font-weight:300;color:#fff;text-align:left;line-height:24px;padding-top:14px;} /* STARTING ROSE */ .mcon04{margin-top:150px;} .mcon04 .w1280{} .mcon04 .w1280:after{display:block;content:"";clear:both;} .mcon04 .w1280 .left{float:left;width:729px;height:410px;position:relative;} .mcon04 .w1280 .left:after{display:block;content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:transparent;z-index:3;} .mcon04 .w1280 .left iframe{width:100%;height:100%;} .mcon04 .w1280 .right{float:right;text-align:center;width:calc(100% - 729px);padding-top:36px;} .mcon04 .w1280 .right em{display:block;font-style:normal;font-size:14px;font-weight:600;color:#c8c8c8;line-height:1;text-transform:uppercase;letter-spacing:0.3em;} .mcon04 .w1280 .right p{font-size:32px;font-weight:400;color:#2e2e2e;line-height:48px;padding-top:34px;} .mcon04 .w1280 .right span{display:block;font-size:14px;font-weight:300;color:#2e2e2e;line-height:24px;padding-top:10px;} .mcon04 .w1280 .right a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#2e2e2e;letter-spacing:0.03em;} .mcon04 .w1280 .right a img{display:inline-block;vertical-align:middle;margin-right:9px;} .mcon04 .w1280 .right a .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;} .mcon04 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 2s linear;} .mcon04 .w1280 .right a:hover .progress-circle ellipse {display:block;} /* 인기 키워드 */ .mcon05{background:url(/design/zenpia0/wib/img/mcon05-bg.jpg)no-repeat center;padding:90px 0;background-attachment: fixed;margin-top:150px;} .mcon05 .w1280{font-size:0;text-align:center;} .mcon05 .w1280 dl{display:inline-block;vertical-align:middle;text-align:left;margin-right:62px;} .mcon05 .w1280 dl dt{font-size:16px;font-weight:300;color:#2b2b2b;line-height:1;position:relative;left:2px;} .mcon05 .w1280 dl dd{font-size:32px;font-weight:500;color:#2b2b2b;line-height:1;padding-top:16px;} .mcon05 .w1280 ul{display:inline-block;vertical-align:middle;font-size:0;text-align:left;} .mcon05 .w1280 ul li:last-of-type{margin-right:0;} .mcon05 .w1280 ul li{display:inline-block;vertical-align:middle;margin-right:8px;position:relative;top:0;transition:all 0.3s;} .mcon05 .w1280 ul li:hover{top:-5px;} .mcon05 .w1280 ul li a{display:block;height:38px;padding:0 20px;box-sizing:border-box;border-radius:50px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);font-size:14px;font-weight:400;color:#2e2e2e;text-align:center;line-height:38px;background-color:#fff;font-family:"Noto Sans KR", sans-serif;} /* PRODUCT LINE */ .mcon06{margin-top:130px} .mcon06 .w1280{} .mcon06 .w1280 .arcodian-wrap{font-size:0;text-align:left;margin-top:50px; padding-left: 53px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(1){background:url("/design/zenpia0/wib/img/250312_product_start.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(2){background:url("/design/zenpia0/wib/img/ban_snail.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(3){background:url("/design/zenpia0/wib/img/ban_hya.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(4){background:url("/design/zenpia0/wib/img/250312_product_lemon_2.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(5){background:url("/design/zenpia0/wib/img/250312_product_fresh.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(6){background:url("/design/zenpia0/wib/img/ban_rac.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(7){background:url("/design/zenpia0/wib/img/ban_lip.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(8){background:url("/design/zenpia0/wib/img/250312_product_base.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(9){background:url("/design/zenpia0/wib/img/250312_product_snow.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(10){background:url("/design/zenpia0/wib/img/ban_page.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(11){background:url("/design/zenpia0/wib/img/ban_mucoating.png")no-repeat left top;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(1) em{width:97px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(2) em{width:128px;left:-38px;top:78px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(3) em{width:157px;left:-54px;top:92px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(4) em{width:157px;left:-52px;top:92px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(5) em{width:117px;left:-34px;top:72px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(6) em{width:157px;left:-53px;top:92px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(7) em{width:97px;top:62px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(8) em{width:124px;left:-34px;top:76px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(9) em{width:117px;left:-31px;top:72px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(10) em{width:137px;left:-41px;top:82px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(11) em{width:97px;left:-23px;top:62px;} .mcon06 .w1280 .arcodian-wrap .section:nth-of-type(12) em{width:117px;left:-32px;top:72px;} .mcon06 .w1280 .arcodian-wrap .section.on{width:644px;} .mcon06 .w1280 .arcodian-wrap .section{width:53px;height:500px;display:inline-block;vertical-align:top;position:relative;cursor:pointer;overflow:hidden;transition:all 0.3s;} .mcon06 .w1280 .arcodian-wrap .section em{display:block;font-style:normal;font-size:14px;font-weight:500;color:#fff;text-align:left;padding:0 20px;line-height:1;top:60px;transform:rotate(90deg);white-space:nowrap;position:relative;box-sizing:border-box;letter-spacing:0.5em;left:-23px;display:none;} .mcon06 .w1280 .arcodian-wrap .section em:before{display:block;content:"";position:absolute;width:2px;height:14px;background-color:rgba(255,255,255,0.3);left:0;top:0;} .mcon06 .w1280 .arcodian-wrap .section em:after{display:block;content:"";position:absolute;width:2px;height:14px;background-color:rgba(255,255,255,0.3);right:0;top:0;} .mcon06 .w1280 .arcodian-wrap .section .txt-box{position:absolute;left:81px;top:29px;} .mcon06 .w1280 .arcodian-wrap .section .txt-box p{font-size:32px;font-weight:300;color:#606060;text-align:left;line-height:46px;font-family:"Noto Sans KR", sans-serif;white-space:nowrap;} .mcon06 .w1280 .arcodian-wrap .section .txt-box a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#fff;letter-spacing:0.03em;} .mcon06 .w1280 .arcodian-wrap .section .txt-box a img{display:inline-block;vertical-align:middle;margin-right:9px;width:49px;} .mcon06 .w1280 .arcodian-wrap .section .txt-box a .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;} .mcon06 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 2s linear;} .mcon06 .w1280 .arcodian-wrap .section .txt-box a:hover .progress-circle ellipse {display:block;} /* MD'S PICK, BEST */ .mcon07{margin-top:130px;} .mcon07 .w1280{} .mcon07 .w1280 .tab{} .mcon07 .w1280 .tab ul{font-size:0;text-align:center;} .mcon07 .w1280 .tab ul li{text-align:center;display:inline-block;vertical-align:middle;} .mcon07 .w1280 .tab ul li a{display:block;width:320px;height:70px;line-height:70px;font-size:20px;font-weight:500;color:#DADADA;text-align:center;border:1px solid #E8E8E8;border-bottom:0;position:relative;} .mcon07 .w1280 .tab ul li.on a{color:#2B2B2B;border-color:#2B2B2B;z-index:33;} .mcon07 .w1280 .tab ul li:last-of-type a{margin-left:-1px;} .mcon07 .w1280 .contents-wrap{} .mcon07 .w1280 .contents-wrap .content:first-of-type{display:block;} .mcon07 .w1280 .contents-wrap .content{display:none;} .mcon07 .w1280 .contents-wrap .content .inner{font-size:0;text-align:left;} .mcon07 .w1280 .contents-wrap .content .inner dl:nth-of-type(3n){margin-right:0;} .mcon07 .w1280 .contents-wrap .content .inner dl{width:400px;margin-right:40px;margin-top:60px;display:inline-block;vertical-align:top;} .mcon07 .w1280 .contents-wrap .content .inner dl dt{position:relative;background-color:#F8F8F8;} .mcon07 .w1280 .contents-wrap .content .inner dl:hover dt .subCart{visibility:visible;overflow:visible;opacity:1;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart{position:absolute;width:100%;height:100%;z-index:33;background-color:rgba(255,255,255,0.8);left:0;top:0;display:table;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.3s;cursor:pointer;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart .table-cell{display:table-cell;vertical-align:middle;text-align:center;position:relative;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart .table-cell em{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;border-radius:0;background-color:transparent;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart .table-cell span{padding-top:16px;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart .table-cell a{padding-top:15px;margin-right:14px;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart .table-cell > *{display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50%;background-color:#fff;font-size:0;box-sizing:border-box;cursor:pointer;position:relative;z-index:3;} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart span.my-wish-list{} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart span.my-wish-list img{} .mcon07 .w1280 .contents-wrap .content .inner dl dt .subCart span a{} .mcon07 .w1280 .contents-wrap .content .inner dl dt > a{display:block;font-size:0;} .mcon07 .w1280 .contents-wrap .content .inner dl dt > a img{width:100%;display:block;} .mcon07 .w1280 .contents-wrap .content .inner dl dt span.discount_rate{display:block;width:55px;height:55px;line-height:50px;position:absolute;border-radius:50%;right:15px;top:15px;background-color:#fff;font-size:16px;font-weight:500;color:#2e2e2e;text-align:center;} .mcon07 .w1280 .contents-wrap .content .inner dl dd{padding-top:24px;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul{} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li{} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-subname{font-size:14px;font-weight:300;color:#606060;text-align:center;line-height:1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-name{} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-name a{display:block;font-size:20px;line-height:1.2;color:#2e2e2e;text-align:center;line-height:1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top:8px;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-price{padding-top:20px;text-align:center;font-size:0;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-price strike{display:inline-block;vertical-align:middle;font-size:13px;font-weight:500;color:#c8c8c8;position:relative;top:2px;margin-right:8px;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-price strike em{font-size:13px;font-weight:300;color:#c8c8c8;font-style:normal;display:inline-block;vertical-align:middle;position:relative;top:-1px;margin-left:1px;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-price span.price{display:inline-block;vertical-align:middle;font-size:15px;font-weight:500;color:#2e2e2e;} .mcon07 .w1280 .contents-wrap .content .inner dl dd ul li.prd-price span.price em{font-size:15px;font-weight:400;color:#2e2e2e;letter-spacing:0.03em;font-style:normal;display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-left:1px;} /* REVIEWS */ .mcon08{margin-top:130px;background-color:#F9F9F9;padding:100px 0;position:relative;} .mcon08 .w1280:after{display:block;content:"";clear:both;} .mcon08 .w1280 .left{width:calc(100% - 916px);float:left;position:relative;height:477px;} .mcon08 .w1280 .left em{display:block;font-size:14px;font-weight:600;color:#2e2e2e;letter-spacing:0.3em;line-height:1;position:relative;left:2px;} .mcon08 .w1280 .left p{font-size:28px;font-weight:300;color:#2b2b2b;line-height:41px;padding-top:36px;} .mcon08 .w1280 .left a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#2e2e2e;letter-spacing:0.03em;} .mcon08 .w1280 .left a img{display:inline-block;vertical-align:middle;margin-right:9px;} .mcon08 .w1280 .left a .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;} .mcon08 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 2s linear;} .mcon08 .w1280 .left a:hover .progress-circle ellipse {display:block;} .mcon08 .w1280 .navi{position:absolute;font-size:0;text-align:left;width:100%;bottom:0;left:0;} .mcon08 .w1280 .navi > *{display:inline-block;vertical-align:bottom;} .mcon08 .w1280 .navi .swiper-pagination{font-size:14px;font-weight:400;color:rgba(0,0,0,0.3);width:auto;position:relative;left:auto;top:auto;right:auto;bottom:auto;} .mcon08 .w1280 .navi .swiper-pagination span{display:inline-block;vertical-align:bottom;font-size:14px;font-weight:400;color:rgba(0,0,0,0.3);line-height:1;} .mcon08 .w1280 .navi .swiper-pagination span:first-of-type{font-size:24px;color:#000;position:relative;top:4px;margin-right:4px;} .mcon08 .w1280 .navi .swiper-pagination span:last-of-type{margin-left:3px;} .mcon08 .w1280 .navi button{width:8px;height:14px;} .mcon08 .w1280 .navi button.swiper-prev{background:url("/design/zenpia0/wib/img/swiper-prev.png")no-repeat center;background-size:cover;margin-right:18px;} .mcon08 .w1280 .navi button.swiper-next{background:url("/design/zenpia0/wib/img/swiper-next.png")no-repeat center;background-size:cover;margin-left:18px;} .mcon08 .w1280 .right{width:916px;float:right;} .mcon08 .w1280 .right .swiper-container{} .mcon08 .w1280 .right .swiper-container .swiper-wrapper{} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide{background-color:#fff;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .thum{} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .thum a{display:block;font-size:0;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .thum a img{display:block;width:100%;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info{padding:16px;box-sizing:border-box;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_top{} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_top p.contents{font-size:14px;font-weight:300;color:#000;line-height:20px;word-break:keep-all;white-space: normal;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height:80px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_top p.contents br{display:none;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom{padding-top:16px;margin-top:16px;border-top:1px solid #ebebeb;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl{display:table;width:100%;table-layout:fixed;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl > *{display:table-cell;vertical-align:middle;box-sizing:border-box;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dt{width:40px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dt a{display:block;font-size:0;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dt a img{display:block;width:40px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd{width:calc(100% - 40px);text-align:right;padding-left:40px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.pro_name{font-size:12px;font-weight:300;color:#000;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count{font-size:0;text-align:right;padding-top:11px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count span:last-of-type{margin-right:0;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count span{display:inline-block;vertical-align:middle;font-size:12px;font-weight:300;color:#000;letter-spacing:0.03em;margin-right:6px;line-height:12px;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count span.number{margin-right:10px;font-size:12px;font-weight:500;color:#BE8C8C;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count span.review{width:64px;height:12px;position:relative;background:url("/design/zenpia0/wib/img/star-off.png")no-repeat left top;font-size:0;} .mcon08 .w1280 .right .swiper-container .swiper-wrapper .swiper-slide .info .info_bottom dl dd p.count span.review .star{font-size:0;display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:url("/design/zenpia0/wib/img/star-on.png")no-repeat left top;} /* BRAND STORY */ .mcon09{padding:130px 0;} .mcon09 .w1280{} .mcon09 .w1280:after{display:block;content:"";clear:both;} .mcon09 .w1280 .left{float:left;width:730px;} .mcon09 .w1280 .left img{display:block;} .mcon09 .w1280 .right{float:right;width:calc(100% - 730px);text-align:center;padding-top:58px;} .mcon09 .w1280 .right em{display:block;font-style:normal;font-size:14px;font-weight:600;color:#c8c8c8;line-height:1;letter-spacing:0.3em;text-transform:uppercase;} .mcon09 .w1280 .right p{font-size:32px;font-weight:400;color:#2e2e2e;line-height:48px;padding-top:34px;font-family:"Noto Sans KR", sans-serif;} .mcon09 .w1280 .right span{display:block;font-size:14px;font-weight:400;color:#2e2e2e;text-align:center;line-height:24px;padding-top:10px;} .mcon09 .w1280 .right a{display:inline-block;position:relative;margin-top:43px;height:96px;line-height:96px;font-size:14px;color:#2e2e2e;letter-spacing:0.03em;} .mcon09 .w1280 .right a img{display:inline-block;vertical-align:middle;margin-right:9px;} .mcon09 .w1280 .right .circle_ani{position:absolute;right:0;top:50%;margin-top:-48px;right:-30px;font-size:14px;font-weight:600;color:#2e2e2e;} .mcon09 .progress-circle ellipse {display:none; stroke-dasharray:816; stroke-dashoffset:0;animation:dash 2s linear;} .mcon09 .w1280 .right a:hover .progress-circle ellipse {display:block;} /* SECRETKEY SNS */ .mcon10{} .mcon10 .w1280{padding:100px 0;border-top:1px solid #f1f1f1;} .mcon10 .w1280:after{display:block;content:"";clear:both;} .mcon10 .w1280 .left{width:100%;text-align:center; padding-bottom: 50px;} .mcon10 .w1280 .left em{display:block;font-style:normal;font-size:14px;font-weight:600;color:#2e2e2e;letter-spacing:0.3em;line-height:1;position:relative;left:2px;} .mcon10 .w1280 .left p{font-size:35px;font-weight:300;color:#2b2b2b;line-height:41px;padding-top:36px;} .mcon10 .w1280 .left p b{font-weight:300;} .mcon10 .w1280 .right{width:100%;} .mcon10 .w1280 .right ul{font-size:0;text-align:center;} .mcon10 .w1280 .right ul li:last-of-type{margin-right:0;} .mcon10 .w1280 .right ul li{margin-right:40px;display:inline-block;vertical-align:middle;} .mcon10 .w1280 .right ul li a{display:block;} .mcon10 .w1280 .right ul li a .img{width:100px;height:100px;box-sizing:border-box;border-radius:50%;transition:all 0.3s;} .mcon10 .w1280 .right ul li a span{display:block;text-align:center;font-size:14px;color:#2e2e2e;line-height:1;padding-top:15px;} .mcon10 .w1280 .right ul li:nth-of-type(1) a .img{background:url("/design/zenpia0/wib/img/qoo10_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(2) a .img{background:url("/design/zenpia0/wib/img/amazon_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(4) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(5) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(6) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(6) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(7) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(8) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(9) a .img{background:url("/design/zenpia0/wib/img/shopee_off.png")no-repeat center;} .mcon10 .w1280 .right ul li a .img.iherb{background:url("/design/zenpia0/wib/img/iherb_off.png")no-repeat center; border: 1px solid #ebebeb;} .mcon10 .w1280 .right ul li:nth-of-type(1):hover a .img{background:url("/design/zenpia0/wib/img/qoo10_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(2):hover a .img{background:url("/design/zenpia0/wib/img/amazon_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(4):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(5):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(6):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(6):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(7):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(8):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li:nth-of-type(9):hover a .img{background:url("/design/zenpia0/wib/img/shopee_on.png")no-repeat center;} .mcon10 .w1280 .right ul li a .img.iherb:hover{background:url("/design/zenpia0/wib/img/iherb_on.png")no-repeat center; border: none;} .mcon10 .w1280 .right ul li:hover a .img{box-shadow:1px 4px 4px rgba(0, 0, 0, 0.15);} /* 상품폼 */ .w1280 .contents-wrap .content .inner dl dd ul li {text-align:center;} /* 레이어팝업 */ #detailpage{position:fixed !important;margin-top:-205px !important;} /* 상품 아이콘 */ .prd-ico img {padding:0; margin-bottom: 10px;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box span.pocky{font-size:1.7em; line-height: 1.4em; font-weight: 400; font-family: "Noto Sans KR"; word-spacing: 0.2em;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box span.pocky > strong {color: black; letter-spacing: 0em; padding-top: 0; font-weight: 400; font-size:0.8em;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box span.pocky > strong.date{line-height: 40px;} .mcon01 .swiper-container .swiper-slide.type02 .txt-box span.pocky > strong.notice{line-height: 20px;} /* BASIC css end */