/* BASIC css start */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
body.applyWebFont{min-width:1170px;}
#wrap{min-width:1170px;}
#wrap #contentWrap{width:auto;}
#wrap #contentWrapper{}
#ftWrap .footerNavArea{}
#wrap .minSizeWrap{width:auto;min-width:1150px;max-width:1300px;}
 
/* banner */
.bannerArea{position:relative;}
.bannerArea:after{content:"";display:block;clear:both;}
.bannerArea .left{float:left;}
.bannerArea .right{float:right;}
.bannerArea a{display:block;}

/* mainSlider */
.sliderWrap.mainSliderWrap .bx-controls-direction{}
.sliderWrap.mainSliderWrap{height:680px;}
.sliderWrap.mainSliderWrap .bannerLinkWrap{position:relative;height:680px;text-align:center;overflow:hidden;}
.sliderWrap.mainSliderWrap .link{position:absolute;top:0;bottom:0;left:50%;height:100%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);display:inline-block;}
.sliderWrap.mainSliderWrap img{vertical-align:top;height:100%;}

/* ¸ÞÀÎ »ó´Ü info */
.mainTopInfoArea{padding-top:48px;}
.mainTopInfoArea .infoTop{padding-bottom:0.6%;}
.mainTopInfoArea .infoTop .left, .mainTopInfoArea .infoTop .right{width:49.7%;}
.mainTopInfoArea .infoBtm{position:relative;}
.mainTopInfoArea .infoBtm .left, .mainTopInfoArea .infoBtm .right{width:24.53%;}
.mainTopInfoArea .center{position:absolute;top:0;left:50%;width:49.6%;margin:0 0 0 -24.8%;}
.mainTopInfoArea .link{display:block;}
.mainTopInfoArea .link img{width:100%;}
.mainTopInfoArea .link:hover{opacity:0.7;}

/* ¸ÞÀÎ »ó´Ü info Slider */
.sliderWrap.mainTopInfoSliderWrap .bx-controls-direction{}
.sliderWrap.mainTopInfoSliderWrap{max-height:345px;}
.sliderWrap.mainTopInfoSliderWrap li{width:100% !important;}
.sliderWrap.mainTopInfoSliderWrap .link{position:relative;text-align:center;overflow:hidden;display:block;}
.sliderWrap.mainTopInfoSliderWrap img{width:100%;}
.sliderWrap.mainTopInfoSliderWrap .bx-pager{}
.sliderWrap.mainTopInfoSliderWrap .bx-pager-link{width:23px;height:2px;margin:0 5px;border-color:#bbb;border-radius:0;background-color:#bbb;}
.sliderWrap.mainTopInfoSliderWrap .bx-pager-link:hover, .sliderWrap.mainTopInfoSliderWrap .bx-pager-link.active{border-color:#2b2b2b;background-color:#2b2b2b;}

/* WEEKLY BEST */
.spacialPrdArea .ctitle{padding:68px 0 64px;}
.spacialPrdArea .sliderArea{padding-bottom:20px;}
.spacialPrdArea .itemList dd:hover{cursor:pointer;}
.sliderWrap.spacialPrdSliderWrap .bx-pager{bottom:0;}
.sliderWrap.spacialPrdSliderWrap .bx-pager-link{border-color:#c4c4c4;background-color:#c4c4c4;}
.sliderWrap.spacialPrdSliderWrap .bx-pager-link:hover, .sliderWrap.spacialPrdSliderWrap .bx-pager-link.active{border-color:#6c6c6c;background-color:#6c6c6c;}

/* 5ÀÏÀå ÀüÇ°¸ñ */
.add1PrdArea{padding-top:20px;}

/* midTopSliderWrap */
.sliderWrap.midTopSliderWrap .bx-controls{position:relative;min-width:1150px;max-width:1300px;margin:0 auto;}
.sliderWrap.midTopSliderWrap .bx-controls-direction{top:-110px;left:0;right:0;}
.sliderWrap.midTopSliderWrap .bx-prev, .sliderWrap.midTopSliderWrap .bx-next{width:45px;height:60px;margin-top:-30px;font-size:60px;}
.sliderWrap.midTopSliderWrap .bx-prev i{margin-left:-17px;}
.sliderWrap.midTopSliderWrap .bx-next i{margin-right:-17px;}
.sliderWrap.midTopSliderWrap .bx-prev{left:0;text-align:left;}
.sliderWrap.midTopSliderWrap .bx-next{right:0;text-align:right;}
.sliderWrap.midTopSliderWrap{height:220px;}
.sliderWrap.midTopSliderWrap .link{position:relative;height:220px;text-align:center;overflow:hidden;}
.sliderWrap.midTopSliderWrap img{vertical-align:top;height:100%;position:absolute;top:0;bottom:0;left:50%;margin-left:-1000px;}

/* winter */
.add5PrdArea{padding:20px 0 0;}

/* ¸ÞÀÎ Áß´Ü half banner */
.mainMidHalfBannerArea{width:100%;overflow:hidden;}
.mainMidHalfBannerArea .left, .mainMidHalfBannerArea .right{position:relative;width:50%;}
.mainMidHalfBannerArea .infoArea{position:absolute;top:50%;left:50%;z-index:5;width:95%;color:#fff;text-align:center;transform:translate(-50%, -50%);}
.mainMidHalfBannerArea img{width:100%;}
.mainMidHalfBannerArea .bgArea{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;}
.mainMidHalfBannerArea .bgImg{transition:all 0.6s ease-in-out;}
.mainMidHalfBannerArea .bgAreaHidden{position:relative;visibility:hidden;opacity:0;}
.mainMidHalfBannerArea .bgHiddenImg{width:100%;}
.mainMidHalfBannerArea .left:hover .bgImg, .mainMidHalfBannerArea .right:hover .bgImg{-ms-transform:scale(1.1);transform:scale(1.1);}
.mainMidHalfBannerArea .title{padding-top:1%;font-size:50px;line-height:1;font-weight:300;display:block; letter-spacing:-3px;}
.mainMidHalfBannerArea .empha{font-weight:700;display:inline-block;}
.mainMidHalfBannerArea .subTxt{padding:2% 0 4%;font-size:22px;line-height:1; letter-spacing:-2px;}
.mainMidHalfBannerArea .link{width:230px;height:51px;margin:0 auto;border:2px solid #fff;font-size:20px;line-height:51px;color:#fff;font-weight:300; display:block; }
.mainMidHalfBannerArea .link:hover{background-color:#fff; border-color:#fff; color:#000;}

/* OFFLINE BEST */
.offlinePrdArea{padding:0 0 55px;background-color:#f5f5f5;}
.offlinePrdArea .ctitle{padding:56px 0 6px;}
.offlinePrdArea .bx-viewport{padding-top:20px;}
.sliderWrap.offlinePrdSliderWrap .bx-controls{}
.sliderWrap.offlinePrdSliderWrap .bx-controls-direction{top:40%;left:0;right:0;}
.sliderWrap.offlinePrdSliderWrap .bx-prev, .sliderWrap.offlinePrdSliderWrap .bx-next{width:38px;height:38px;margin-top:-19px;font-size:30px;background-color:rgba(255,255,255,0.8);text-align:center;}
.sliderWrap.offlinePrdSliderWrap .bx-prev i, .sliderWrap.offlinePrdSliderWrap .bx-next i{margin-top:4px;}
.sliderWrap.offlinePrdSliderWrap .bx-prev{left:-13px;}
.sliderWrap.offlinePrdSliderWrap .bx-next{right:-13px;}
.offlinePrdWrap{padding:0 35px;}
.offlinePrdWrap .item-list{width:290px;margin:0;padding:14px 14px 20px;border:1px solid #dedede;background-color:#fff;box-sizing:border-box;}
.offlinePrdWrap .item-list:hover{border-radius:10px;box-shadow:0px 5px 5px rgba(50,50,90,0.1), 0px 5px 5px rgba(0,0,0,0.07);-ms-transform:translate(0,-2%);transform:translate(0,-2%);}

/* ACC */
.add3PrdArea{padding:50px 0 0;}

/* ¸ÞÀÎ ÇÏ´Ü ¿ÀÇÁ¶óÀÎ ¸ÅÀå banner */
.btmBannerArea{position:relative;height:500px;}
.btmBannerArea .bgArea{height:100%;background:url(/design/swooew/phps/main/main_btm_banner_img.jpg) 50% 50% no-repeat fixed;background-size:cover;}
.btmBannerArea .infoArea{position:absolute;top:0;left:0;right:0;bottom:0;color:#000;text-align:center;}
.btmBannerArea .subTxt{padding:120px 0 0;font-size:30px;line-height:1;}
.btmBannerArea .title{padding-top:50px;font-size:65px;line-height:1;font-weight:300;display:block;}
.btmBannerArea .empha{font-weight:700;}
.btmBannerArea .link{width:215px;height:43px;margin:80px auto 0;border:3px solid #000;font-size:24px;line-height:43px;color:#000;text-indent:16px;display:block;}
.btmBannerArea .link .arrow{margin-left:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #000;border-right:16px solid transparent;vertical-align:middle;display:inline-block;}
.btmBannerArea .link:hover{border-color:#fff;color:#fff;}
.btmBannerArea .link:hover .arrow{border-left-color:#fff;}

/* review */
.mainReviewArea{padding-top:40px;}
.mainReviewArea iframe{}

@media all and (max-width:1279px){
	.gnbWrap .gnbArea .list .link{padding:0 18px;}
	.gnbWrap .gnbArea .list.addList .link{padding:0 17px;}

	.mainMidHalfBannerArea .title{font-size:40px;}
	.mainMidHalfBannerArea .subTxt{font-size:24px;}
}


/*ÀÎ½ºÅ¸±×·¥*/

#cookieinstaWrap{ width:auto; min-width:1150px; max-width:1300px; margin:0 auto; margin-top:50px;}
#cookieinstaWrap .instahead {background:#fafafa; width:50%; float:left; padding:30px 0px;}
#cookieinstaWrap .instahead .cookieimg { padding:0 24px; width:23%; float:left;}
#cookieinstaWrap .instahead .cookieimg p{width:160px; height:160px;  border-radius:100%; background-size:cover; padding:4px; border:4px solid #fafafa;
background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #ffc100,#ffc100,#fe3b59, #d300c5,#d300c5); background-origin: border-box;
    background-clip: content-box, border-box; }
#cookieinstaWrap .instahead .cookieimg img {width:100%; height:auto; border-radius:100%; border:4px solid #fff; box-sizing:border-box;}

#cookieinstaWrap .cookietitle {width:65%; float:left; padding-left:4%}
#cookieinstaWrap .cookietitle ul {display:inline-block; margin-bottom:20px;}
#cookieinstaWrap .cookietitle ul li {display: inline-block; margin-right:20px;}
#cookieinstaWrap .cookietitle ul li h3 {font-weight:100;}
#cookieinstaWrap .cookietitle ul li h3 span {font-weight:600;}
#cookieinstaWrap .cookietitle h1 {font-size:28px; line-height:32px; margin-bottom:20px; font-weight:300;}
#cookieinstaWrap .cookietitle h3 {font-size:16px; margin-bottom:3px; font-weight:600; color:#262626 }
#cookieinstaWrap .cookietitle p {font-size:16px; padding:3px 0px; font-weight:400; color:#262626}
#cookieinstaWrap .cookietitle p.instablue {color:#00376b}

#cookieinstaWrap .cookiesub { width:100%; clear:both }
#cookieinstaWrap .cookiesub .subimg{ }
#cookieinstaWrap .cookiesub .subimg ul {display:inline-block; margin:0 68px; }
#cookieinstaWrap .cookiesub .subimg ul li {display:inline-block; width:90px; height:90px; padding:81px 18px 35px;}
#cookieinstaWrap .cookiesub .subimg ul li img {width:100%; height:auto; border-radius:100%; border:3px solid #fff; box-sizing:border-box;}
#cookieinstaWrap .cookiesub .subimg ul li div {  border:1px solid #d9d9d9; border-radius:100%}
#cookieinstaWrap .cookiesub .subimg ul li p {font-size:14px; margin:10px 0px; text-align:center; margin-bottom:10px; color:#242424; font-weight:400}

#cookieinstaWrap .instapeed {background:#fff; width:50%; float:right}
#cookieinstaWrap .instapeed ul {display:flex; justify-content: space-between; -webkit-justify-content: space-between; align-content: space-between; margin-bottom:1%; margin-left:1%;}
#cookieinstaWrap .instapeed ul li img {width:100%;}
#cookieinstaWrap .instapeed ul li { width:98%; display:block; position:relative}
#cookieinstaWrap .instapeed ul a:nth-child(3) li {float:right}
#cookieinstaWrap .instapeed ul a:nth-child(2) li {margin-left:1%;}

.brandSwiper {
    padding-top: 50px;
    overflow: hidden;
    text-align: center;
    margin: 0 45px 35px;
    height: 220px;
} 
.brandSwiper p {
    font-family: 'NanumSquare', sans-serif;
    color: #070707;
    font-size: 20px;
    padding-top: 15px;
}
.brandSwiper .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/arr_r.png) no-repeat;
    width: 22px;
    height: 41px;
    margin-top:0;
    transform: translateY(-50%);
}

.brandSwiper .swiper-button-next:after, .brandSwiper .swiper-button-prev:after {
    display: none;
}

.brandSwiper .swiper-button-prev {
    background: url(/design/swooew/makeshop/brand/arr_l.png) no-repeat;
    width: 22px;
    height: 41px;
    margin-top:0;
    transform: translateY(-50%);
}

.item-cont2{/*margin: 0 -2.1%;*/}
.item-cont2:after { content: "";display: block;clear: both;}
.item-cont2 .slick-list { margin:0 -2.1%;}
.item-cont2 .item-list{position:relative;padding:0 0 50px;text-align:left;vertical-align: top;/* padding: 0 2.1% 50px;*/ margin-bottom: 35px;
    display: inline-block;}
.item-cont2 .item-list:hover{} 
.item-cont2 .item-list .thumb{position:relative;}
.item-cont2 .item-list .thumbWrap{width:100%;margin:0 auto;overflow:hidden;position:relative;display:block;}
.item-cont2 .item-list .thumb .imgWrap{display:block;overflow:hidden;}
.item-cont2 .item-list .thumb .imgWrap img{width:100%;}
.item-cont2 .item-list .thumb .thumbIconWrap{position:absolute;top:0;right:0;z-index:10;}
.item-cont2 .item-list .thumb .thumbIconWrap img{margin-bottom:5px;display:block;}
.item-cont2 .item-list dd {height:180px; }
.item-cont2 .item-list .rankInfo{top:0;left:0;right:0;height:25px;background-color:#dcb3b6;text-align:center;}
.item-cont2 .item-list .rankInfo .txt{font-size:12px;line-height:25px;color:#fff;font-weight:700;display:block;}
.item-cont2 .item-list .rankInfo ~ .imgWrap{}
.item-cont2 .colorArea{padding:10px 0 0 2px;top:0;text-align:left;font-size:0;}
.item-cont2 .colorArea .colorList{margin:0 4px 2px 0;width:8px;height:8px;vertical-align:top;display:inline-block;}
.item-cont2 .item-list .prd-name{position:relative;padding:10px 40px 7px 2px;border-bottom:1px solid #e3e0e0;}
.item-cont2 .item-list .prdLink{font-size:12px;color:#333;line-height:18px;display:block;}
.item-cont2 .item-list .utilBtnArea{position:absolute;bottom:0;right:0;}
.item-cont2 .item-list .utilBtnArea .utilLink{font-size:18px;color:#555;line-height:30px;display:inline-block;}
.item-cont2 .subnameArea{padding:10px 0 0;} 
.item-cont2 .subnameArea .subTxt{font-size:11px;line-height:19px;color:#333;display:block;}
.item-cont2 .item-list .prd-price{position:relative;padding:12px 0 0 0;font-size:12px;color: #000;text-align:left;font-weight: bold;}
.item-cont2 .item-list .priceWrap{position:relative;padding:0 40px 5px 0;}
.item-cont2 .prd-price .strike{color:#9b9b9b;text-decoration:line-through;display:inline-block;}
.item-cont2 .prd-price .price{display:inline-block;}
.item-cont2 .prd-price .unit{}
.item-cont2 .prd-price .salePercent{position:absolute;bottom:0;right:0;z-index:1;font-size:20px;color:#ff1d1d;font-weight:700;white-space:nowrap;display:block;}
.item-cont2 .prd-price .salePercent .unit{font-size:15px;font-weight:400;}
.item-cont2 .iconWrap{padding-top:10px;display:block;}
.item-cont2 .item-list .MK-product-icons img { 
    display: inline-block;vertical-align: middle }
.prdSwiper {padding: 0 2.1%;    box-sizing: border-box; }
#wrap .minSizeWrap.prdSlick {
    padding: 0 75px;
}

#wrap .minSizeWrap.prdSlick .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -75px;
    background: url(/design/swooew/makeshop/brand/arr_l.png) no-repeat;
    width: 22px;
    height: 41px;
    font-size: 0;
    z-index: 9;
}
#wrap .minSizeWrap.prdSlick .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -75px;
    background: url(/design/swooew/makeshop/brand/arr_r.png) no-repeat;
    width: 22px;
    height: 41px;
    font-size: 0;
    z-index: 9;
}


.best_swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(/design/swooew/makeshop/brand/arr_l.png) no-repeat;
    width: 22px;
    height: 41px;
    font-size: 0;
    z-index: 9;
}
.best_swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(/design/swooew/makeshop/brand/arr_r.png) no-repeat;
    width: 22px;
    height: 41px;
    font-size: 0;
    z-index: 9;
}
.best_swiper .swiper-button-prev::after,
.best_swiper .swiper-button-next::after{content:unset;}
.newTitle {
    padding-top: 80px;
    font-family: 'NanumSquareAc', sans-serif;
    color: #070707;
    font-size: 20px;
    padding-bottom: 20px;
    height: 67px;
}

.newTitle h3 {
    font-family: 'NanumSquareAc', sans-serif;
    font-weight: 800;
    color: #070707;
    font-size: 30px;
    padding-bottom: 5px;
}
.newTitle p {
    position: relative;
}

.newTitle p a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #070707;
    font-size: 20px;
}
.new_banner, .new_banner_gird2 {
    overflow: hidden;
    margin: 70px auto 5px !important;
}
 

.new_banner .swiper-slide img, .new_banner_gird2 .swiper-slide img {
    width: 100%;
}

.new_banner .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/arr_r_w.png) no-repeat;
    width: 23px;
    height: 44px;
    transform: translateY(-50%);
    margin: 0;
    right: 64px;
}

.new_banner .swiper-button-next:after, .new_banner .swiper-button-prev:after {
    display: none;
}

.new_banner .swiper-button-prev {
    background: url(/design/swooew/makeshop/brand/arr_l_w.png) no-repeat;
    width: 23px;
    height: 44px;
    transform: translateY(-50%);
    margin: 0;
    left: 64px;
}


.new_banner_gird2 .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/arr_r_w2.png) no-repeat;
    width: 41px;
    height: 78px;
    transform: translateY(-50%);
    margin: 0;
    right: 30px;
}

.new_banner_gird2 .swiper-button-next:after, .new_banner_gird2 .swiper-button-prev:after {
    display: none;
}

.new_banner_gird2 .swiper-button-prev {
    background: url(/design/swooew/makeshop/brand/arr_l_w2.png) no-repeat;
    width: 41px;
    height: 78px;
    transform: translateY(-50%);
    margin: 0;
    left: 30px;
}
.prdSwiper.common {padding: 0 0 0 0;margin: 0 -20px 0 0;}
.prdSwiper.common .item-cont2 .slick-list {margin: 0;}
.prdSwiper.common .item-cont2 .item-list {padding: 0 0 50px;margin-right: 20px;}
#wrap .minSizeWrap.prdSlick .prdSwiper.common .slick-prev, #wrap .minSizeWrap.prdSlick .prdSwiper.common .slick-next { margin-top: -110px;}
.prdSwiper.best .item-cont2 .item-list{box-sizing: border-box;}

.prdSwiper.common .slick-next {
    margin-right: 20px;
}



.prd-wish { padding-top: 14px; } 

.prd-wish a {} 

.prd-wish i.fa {margin-right: 4px;color: blue;/* font-size: 22px; */vertical-align: baseline;cursor:pointer;} 

.prd-wish i.fa-heart {display:inline-block;color: blue;} 
.prd-wish .wish-on i.fa-heart { display:inline-block; } 

.prd-wish .wish-on i.fa-heart-o { display:none; } 
li.prd-wish {
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
    margin-right: 5px;
}
.crema-product-reviews-count {
    font-size: 11px;
    line-height: 19px;
    color: blue;
    font-weight: bold;
}
li.prd-wish + .crema-product-reviews-count {
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
}

li.prd-wish a {
    color: blue;font-size:11px;
    font-weight: bold;
}
li.prd-wish a span.my-wish-count {
    display: none;
} 
li.prd-wish a, .prd-wish i.fa, li.prd-wish + .crema-product-reviews-count {
    color: #747474;
}
.mainReviewArea .newTitle {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 1250px !important;
    padding-left: 16.5px;
}
.prdSwiper.best .item-cont2 {
    display: flex;
    table-layout: auto;
    padding: 0 !important;
    box-sizing: content-box !important;
} 
.new_banner {
    height: 270px;
}

.new_banner_gird2 {
    height: 537.58px;
}

/* °Å·¡Ã³ ¹è³Ê¸¦ ¼û±â°í ½ÍÀ» °æ¿ì ¾Æ·¡ ÁÖ¼® Á¦°Å */
*.brandSwiper {display:none !important;}*

/* BASIC css end */

