/* BASIC css start */
/* ·Ñ¸µ¹è³Ê */
#spotArea{ position: relative; width: 100%; height:100%; overflow: hidden; }
#spotArea .swiper-wrapper { 
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#spotArea .swiper-slide { 
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
#spotArea .swiper-slide img { width: 100% }
#spotArea .spotAreaPaging { position:absolute; bottom:15px; left:0; right:0; text-align:center; z-index:10 }
#spotArea .spotAreaPaging .swiper-pagination-bullet { display: inline-block; margin: 0 2px; width:7px; height:7px; background:#8c8c8c; border:1px solid #8c8c8c; opacity:1 }
#spotArea .spotAreaPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff }

/* //·Ñ¸µ¹è³Ê */

.main .topBanner { margin-top:2px }
.main .topBanner.topBannerMiddle { padding:30px 0 3px;}
.main .topBanner .topBannerLeft {width:50%; float:left; position:relative;}
.main .topBanner .topBannerLeft a { display:block; margin-right:1px }
.main .topBanner .topBannerRight {width:50%; float:right; position:relative;}
.main .topBanner .topBannerRight a { display:block; margin-left:1px }
.main .topBanner .clearFix img {width:100%; vertical-align:top}
.topBanner.topBannerMiddle .bannerImg{padding-top:5px;}
.topBanner.topBannerMiddle .link{position:relative;color:#fff;display:block;}
.topBanner.topBannerMiddle .bgImg{width:100%;}
.topBanner.topBannerMiddle .infoArea{position:absolute;top:50%;left:50%;width:90%;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.topBanner.topBannerMiddle .title{padding-bottom:5px;font-size:16px;line-height:1;font-weight:300;display:block;}
.topBanner.topBannerMiddle .empha{font-weight:700;display:inline-block;}
.topBanner.topBannerMiddle .subTxt{padding-bottom:10px;font-size:12px;line-height:1;display:block;}
.topBanner.topBannerMiddle .txt{width:100px;height:21px;margin:0 auto;border:1px solid #fff;font-size:12px;line-height:22px;color:#fff;font-weight:300;text-align:center;display:inline-block;}
.topBanner.topBannerMiddle .bannerImg:last-child .infoArea{text-align:center;}

.weeklyArea { margin-top:2px; padding:27px 0 23px;}
.weeklyArea .weeklyTitle { text-align:center }
.weeklyArea .weeklyTitle h3 { font-size:30px; font-weight:bold; padding:10px 0px 12px 0px;}
.weeklyArea .weeklyTitle p {font-size:16px; }
.weeklyArea .weeklyTitle .desc { padding-top:5px; font-size:10px }
.weeklyArea .weeklySlider { padding-top:30px }
.weeklyArea .prdItem { padding:0 4px; position:relative }
.weeklyArea .prdItem ul { font-size:0 }
.weeklyArea .prdItem li { display:inline-block; padding-top:8px; width:33.3% }
.weeklyArea .prdItem li .thumb { padding:0 4px }
.weeklyArea .prdItem li .thumb img { width:100% }
.weeklyArea .weekly-pagination { position:absolute; top:8px; left:0; right:0; text-align:center }
.weeklyArea .weekly-pagination .swiper-pagination-bullet { margin:0 2px; width:13px; height:13px; font-size:10px; color:#fff; line-height:13px; background:#d0d0d0; opacity:1 }
.weeklyArea .weekly-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#fff; background:#d7a5a5 }

/* offline area */
.offlineArea { margin-top:2px; padding:27px 0 23px; background:#f1f1f1 }
.offlineArea .offlineTitle { text-align:center }
.offlineArea .offlineTitle h3 { font-size:16px; font-weight:600 }
.offlineArea .offlineTitle .desc { padding-top:5px; font-size:10px }
.offlineArea .offlineSlider { padding-top:30px }
.offlineArea .prdItem { padding:0 4px; position:relative }
.offlineArea .prdItem ul { font-size:0 }
.offlineArea .prdItem li { display:inline-block; padding-top:8px; width:25% }
.offlineArea .prdItem li .thumb { padding:0 4px }
.offlineArea .prdItem li .thumb img { width:100% }
.offlineArea .offline-pagination { position:absolute; top:8px; left:0; right:0; text-align:center }
.offlineArea .offline-pagination .swiper-pagination-bullet { margin:0 2px; width:13px; height:13px; font-size:10px; color:#000; line-height:13px; background:#d0d0d0; opacity:1 }

.offlineArea .offline-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#fff; background:#d7a5a5 }

/* ¸ÞÀÎ »óÇ° ¸ñ·Ï */
.listArea { position:relative }
.listArea .mainTitle { margin:30px 12px; position:relative }
.listArea .mainTitle h3 { font-size:18px; font-weight:bold; text-align:center; line-height:24px }
.listArea .mainTitle .viewType { position:absolute; top:0; right:0; font-size:0 }
.listArea .mainTitle .viewType li { display:inline-block; margin-left:-1px; width:22px; height:22px; text-indent:-9999em; border:1px solid #e5e5e5; background:#fff url(/design/swooew/phps/m/sp_list_type.png) 0 0 no-repeat; background-size:44px auto }
.listArea .mainTitle .viewType li.view_list { background-position:0 0 }
.listArea .mainTitle .viewType li.view_gallery { background-position:0 -25px }
.listArea .mainTitle .viewType li.view_baduk { background-position:0 -50px }
.listArea .mainTitle .viewType li.view_list.active { background-position:-22px 0 }
.listArea .mainTitle .viewType li.view_gallery.active { background-position:-22px -25px }
.listArea .mainTitle .viewType li.view_baduk.active { background-position:-22px -50px }

.slideBannerArea { padding:35px 0 20px }
.slideBanner { position:relative; width:100%; overflow:hidden }
.slideBanner img { width:100% }
.slideBanner .banner-controls { margin-top:-15px; position:absolute; top:50%; width:30px; height:30px; background:url(/design/swooew/phps/m/sp_slide_controls.png) 0 0 no-repeat; background-size:30px auto; z-index:10 }
.slideBanner .banner-button-prev { left:10px; background-position:0 0 }
.slideBanner .banner-button-next { right:10px; background-position:0 -30px }

/*ÀνºÅ¸±×·¥*/

#cookieinstaWrap{margin:0;}
#cookieinstaWrap .instahead {background:#fafafa; width:100%; display:inline-flex; padding:25px 0px; margin-bottom:15px;}
#cookieinstaWrap .instahead .cookieimg { padding:0 12px;}
#cookieinstaWrap .instahead .cookieimg p{width:70px; height:70px;  border-radius:100%; background-size:cover; padding:2px; border:1px solid #fafafa;
background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #ffc100, #fe3b59, #c900b8); background-origin: border-box;
    background-clip: content-box, border-box; }
#cookieinstaWrap .instahead .cookieimg img {width:100%; height:auto; border-radius:100%; border:2px solid #fff; box-sizing:border-box;}

#cookieinstaWrap .cookietitle h1 {font-size:16px; font-weight:bold; margin-bottom:10px}
#cookieinstaWrap .cookietitle h3 {font-size:12px; font-weight:bold; margin-bottom:10px;}
#cookieinstaWrap .cookietitle  p {font-size:9px;}
#cookieinstaWrap .cookietitle  p.instablue {color:#003b61}

#cookieinstaWrap .cookiesub {position:absolute; right:15px; }
#cookieinstaWrap .cookiesub .subimg{ width:40px; height:40px;  border-radius:100%; background-size:cover; padding:2px; border:1px solid #fafafa; display:inline-block; padding-right:6px;}
#cookieinstaWrap .cookiesub .subimg img {width:100%; height:auto; border-radius:100%; border:2px solid #fff; box-sizing:border-box;}
#cookieinstaWrap .cookiesub .subimg ul li p {font-size:6px; text-align:center; margin-bottom:10px; }

#cookieinstaWrap .instapeed {background:#fff}
#cookieinstaWrap .instapeed ul {display:flex; justify-content: space-between; -webkit-justify-content: space-between; align-content: space-between; margin-bottom: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: 14px;
    overflow: hidden;
    text-align: center;
    margin: 0 7px 0;
    position: relative;
} 
.brandSwiper .swiper-slide{width:22%;}
.brandSwiper img {width:100%;}
.brandSwiper p {
    font-family: 'NanumSquare', sans-serif;
    color: #070707;
    font-size: 13px;
    padding-top: 5px;
}
.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%);
} 

.newTitle {
    font-family: 'NanumSquareAc', sans-serif;
    color: #070707;
    font-size: 13px;
    padding: 40px 7px 10px;
}

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

.newTitle p a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #070707;
    font-size: 13px;
}


.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;} 
.prd-wish .wish-on i.fa-heart-o { display:none; } 
.prd-wish {
    display: inline-block;
    vertical-align: middle;
    /* padding-top: 5px; */
    margin-right: 5px;
    /* padding-top: 15px; */
}

.crema-product-reviews-count {
    font-size: 11px;
    color: blue;
    font-weight: bold;
}
.prd-wish + .prd-crema {
    display: inline-block;
    vertical-align: middle;
    /* padding-top: 5px; */
}

.prd-wish a {
    color: blue;font-size:11px;
    font-weight: bold;
}
.list_shopping2x ul.slideWrap {
    padding: 0 0 0 3px;
    }

.list_shopping2x ul.slideWrap li {
    width: 46%;
}
.listInfoBottom .listPrice {
    float: none;
}
.list_shopping2x ul.slideWrap .slick-list {
    padding-right: 30px;
}
.list_shopping2x ul.slideWrap .slick-slide {
}
.list_shopping2x ul.slideWrap .slick-slide .listIcon img {
    display: inline-block !important;
}
.new_banner, .new_banner_gird2 {
    overflow: hidden;
    margin: 30px auto 5px !important;
    position: relative;
}
.list_shopping2x ul.slideWrap.bestSlide .slick-slide figure {
    padding: 0 3px 0;
}
 
.list_shopping2x ul.slideWrap.bestSlide .slick-slide .listIcon { 
    height: 37px;
    overflow: hidden;}
.new_banner .swiper-slide img, .new_banner_gird2 .swiper-slide img {
    width: 100%;
}

.new_banner .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/m_arr_r.png) no-repeat;
    width: 9px;
    height: 18px;
    transform: translateY(-50%);
    margin: 0;
    right: 15px;
    background-size: contain;
}

.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/m_arr_l.png) no-repeat;
    width: 9px;
    height: 18px;
    transform: translateY(-50%);
    margin: 0;
    left: 15px;
    background-size: cover;
}


.new_banner_gird2 .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/m_arr_r2.png) no-repeat;
    width: 14px;
    height: 27px;
    transform: translateY(-50%);
    margin: 0;
    right: 15px;
    background-size: contain;
}

.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/m_arr_l2.png) no-repeat;
    width: 14px;
    height: 27px;
    transform: translateY(-50%);
    margin: 0;
    right: 15px;
    background-size: contain;
}
.mainReviewArea .newTitle {
    padding-left: 13px;
}
.prd-wish a, .prd-wish i.fa, .crema-product-reviews-count {
    color: #747474!important;
}

span.my-wish-count {
    display: none;
}
.figure-right {
    position: absolute;
    /*right: 0;*/
    /*bottom: 5px;*/
    top:-19px; left:0;
}


.list_shopping2x .bestSlide{
    display: flex;
    table-layout: auto;
    padding:0 !important;
    box-sizing: content-box !important;
    }
.listName {
    overflow: hidden;
}
.priceArea {
    margin-top:21px;
}

.priceArea .listDiscount {
    display: inline-block;
}

.priceArea .listPrice {
    display: inline-block;
    vertical-align: middle;
}
#best_swiper1,
#best_swiper2,
#best_swiper3,
#best_swiper4,
#best_swiper5,
#best_swiper6 {
    padding-right: 30px;
}


.listIcon img{
    display: inline-block !important;
}
.commonSlide.bestPrd {
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 3px;
    text-align: left;
    font-size: 0;
    padding: 0 0 0 3px;
}
.commonSlide.bestPrd .slick-list {
    padding-right: 30px;
}
.commonSlide.bestPrd ul {padding:0 !important;}

.commonSlide.bestPrd ul li {
    width: 100% !important;
    display: block !important;
}
.listIcon {
    min-height: 17px;
}



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

/* BASIC css end */