/* BASIC css start */
#main_slide {position:relative; margin-bottom:8px; overflow:hidden;}
#main_slide > img {width:100%;}
#main_slide .swiper-container {border-radius:16px; overflow:hidden;}
#main_slide .swiper-slide {position:relative;}
#main_slide .swiper-slide img {width:100%;}
#main_slide .swiper-slide a {display:block;}
#main_slide .swiper-slide .thumb img {width:100%;}
#main_slide .swiper-slide .svg {position:absolute; left:0; bottom:0; width:100%; height:100%;}
#main_slide .swiper-slide .svg svg {width:100%; height:auto;}

#main_slide .swiper-slide .info {position:absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 50px 30px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); color:#fff; word-break: keep-all;}
#main_slide .swiper-slide .info.displaynone {display:none;}

#main_slide .swiper-slide .info h2 {font-size:24px; line-height:30px; color:#fff; font-weight:700;}
#main_slide .swiper-slide .info span {font-size:14px; margin-top:10px; display:block;}


#main_slide .mainSlideController {position:absolute; bottom:20px; right:70px; z-index:10; width:24px; height:24px; background:rgba(0, 0, 0, 0.60); border-radius:12px;}
#main_slide .mainSlideController img {    filter: invert(1); position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px;}
#main_slide .controller {position:absolute; bottom:20px; right:16px; height:24px; line-height:24px; border-radius:20px; background:rgba(0, 0, 0, 0.60); z-index:10; padding-left:4px; padding-right:4px; display:flex; align-items:center;}
#main_slide .controller .swiper-pagination {position:relative; bottom:auto; width:auto; display:inline-block; width:42px; text-align:center; line-height:24px; color:#fff; font-size:13px; letter-spacing: -0.26px;}
#main_slide .controller .swiper-pagination span {color:#fff;}
#main_slide .controller .mainSlideView {display:inline-block; line-height: 1; font-size:0;}
#main_slide .controller .mainSlideView svg path {stroke:#fff;}
#main_slide .controller .mainSlideView svg circle {stroke:#fff;}
#mainSlideView {display:none; position:fixed; top:0; width:100%; height:100vh;  z-index:6000; overflow-y:scroll; border-radius:16px 16px 0 0; max-width: 640px;margin: 0 auto; left:0; right:0; overflow-x: hidden;}
#mainSlideView .title {background:#fff; position:sticky; top:0; left:0; width:100%; z-index:2; overflow:hidden;}
#mainSlideView .title .inner {height:50px; padding:0 16px; display:flex; justify-content:space-between; align-items:center; background:#fff;}
#mainSlideView .contents {background:#000;}
#mainSlideView .swiper-wrapper {display:block; transform:none;}
#mainSlideView .swiper-slide .thumb img {max-width:100%;}
#mainSlideView .swiper-slide .svg {position:absolute; left:0; bottom:0; width:100%; height:100%;}
#mainSlideView .swiper-slide .svg svg {width:100%; height:auto;}
#mainSlideView .swiper-slide {line-height: 0; overflow: hidden; font-size: 0; background: #000;}

/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */

.rollSlide {margin-top:100px;}
.rollSlide img {width:100%;}


.rollSlide .swiper-slide .info {position:absolute; bottom:0; left:0; color:#fff; word-break: keep-all; padding: 50px 30px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); color:#fff; word-break: keep-all; width: 100%;}
.rollSlide .swiper-slide .info.displaynone {display:none;}
.rollSlide .swiper-slide .info h2 {font-size:24px; line-height:30px; color:#fff; font-weight:300; }
.rollSlide .swiper-slide .info span {font-size:14px; margin-top:10px; display:block;}

.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

.bgbg_color {background:#842bf2;}

.main-category{border-top:1px solid #d8d8d8;}
.main-category ul {font-size:0; text-align:center;}
.main-category ul li{display:inline-block; width:25%; box-sizing:border-box; line-height:34px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:10px; color:#999;}
.main-category ul li:nth-child(4n){border-right:0;}

.main-title {margin:100px 4px 30px; text-align:center;}
.main-title h3 { font-size:12px;font-weight: 600; }
.main-title .sub-title {color:#999; font-size:11px; margin-top:15px;}

/* NEW COLLECTION */
#tabProduct {position:relative;}
#tabProduct .item-wrap { padding: 0;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden; margin-top:0px; padding:0 4px; font-size:0; text-align:center; position:relative;}
#tabProduct .newCate_prod .newCateTab li {border-radius: 0; opacity:1; outline:none; display:inline-block!important; width:auto; height:auto; background:none; margin:0 10px; position:relative; display:block; font-size: 12px; font-weight: 500; color:#a8a8a8; padding-bottom:2px;}

#tabProduct .newCate_prod .newCateTab li.swiper-pagination-bullet-active { color:#000;}
#tabProduct .newCate_prod .newCateTab li.swiper-pagination-bullet-active:after {content:''; width:100%; height:1px; background:#000; position:absolute; bottom:0; left:0;}
#tabProduct .newCate_prod .newCateList {position:relative;padding: 20px 0 0; z-index:0;}
#tabProduct .newCate_prod .slideList ul { zoom:1; overflow:hidden; font-size:0;}

#tabProduct .newCate_prod .slideList ul li:nth-child(2n) {margin-right:0!important;}
#tabProduct .newCate_prod .slideList ul li.itemWrap {position:relative; display:inline-block; vertical-align:top; width:calc(50% - 2px); margin-right:4px; margin-bottom:4px; box-sizing:border-box;}.
#tabProduct .newCate_prod .slideList ul li .thumb { position:relative; overflow: hidden; }
#tabProduct .newCate_prod .slideList ul li .thumb img {width:100%; height:auto; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#tabProduct .newCate_prod .slideList .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#tabProduct .newCate_prod .slideList .prd-preview i { font-size: 24px; }
#tabProduct .newCate_prod .prd-info {position:absolute; bottom:10px; right:10px; text-align:right;}
#tabProduct .newCate_prod .prd-info .clChip {margin-bottom:5px;}
#tabProduct .newCate_prod .prd-info .clChip span {display: inline-block;width:4px;height: 4px; margin-right:1.4px;vertical-align: top;}
#tabProduct .newCate_prod .prd-info .prd-name {height:16px; line-height:16px; overflow:hidden; font-size:12px; letter-spacing:-1px; color:#fff; text-shadow: 2px 2px 2px gray;}
#tabProduct .newCate_prod .prd-info .prd-name font{color:#fff!important; text-shadow: 2px 2px 2px gray;}
#tabProduct .newCate_prod .prd-info .subname {display:none;}
#tabProduct .newCate_prod .prd-info .prd-price { font-size: 12px; position: relative; margin: 5px 0 0; color:#fff; text-shadow: 2px 2px 2px gray;}
#tabProduct .newCate_prod .prd-info .prd-price del {margin: 0 0 0 8px; display:block;}
#tabProduct .newCate_prod .prd-info .prd-price .dcPercent { color: #d95115; font-size: 16px; }
#tabProduct .newCate_prod .prd-info .prd-price span { }

#tabProduct02 {visibility:hidden;position:relative;}
#tabProduct02 .item-wrap { padding: 0;}
#tabProduct02 .newCate_prod02 { position:relative }
#tabProduct02 .newCate_prod02 .newCateTab {zoom: 1;overflow: hidden; margin-top:10px; padding:0 4px; font-size:0; text-align:center;}
#tabProduct02 .newCate_prod02 .newCateTab li{ display:inline-block; margin:0 10px;}
#tabProduct02 .newCate_prod02 .newCateTab li a {position:relative; display:block; font-size: 12px; font-weight: 500; color:#a8a8a8; padding-bottom:2px;}
#tabProduct02 .newCate_prod02 .newCateTab li a.active { color:#000;}
#tabProduct02 .newCate_prod02 .newCateTab li a.active:after {content:''; width:100%; height:1px; background:#000; position:absolute; bottom:0; left:0;}
#tabProduct02 .newCate_prod02 .newCateList {position:relative;padding: 20px 0; z-index:0;}
#tabProduct02 .newCate_prod02 .slideList ul { zoom:1; overflow:hidden; font-size:0;}

#tabProduct02 .newCate_prod02 .slideList ul li:nth-child(2n) {margin-right:0!important;}
#tabProduct02 .newCate_prod02 .slideList ul li.itemWrap {position:relative; display:inline-block; vertical-align:top; width:calc(50% - 2px); margin-right:4px; margin-bottom:4px; box-sizing:border-box;}.


#tabProduct02 .newCate_prod02 .slideList ul li .thumb { position:relative; overflow: hidden; }
#tabProduct02 .newCate_prod02 .slideList ul li .thumb img {width:100%; height:auto; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}

#tabProduct02 .newCate_prod02 .slideList .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#tabProduct02 .newCate_prod02 .slideList .prd-preview i { font-size: 24px; }
#tabProduct02 .newCate_prod02 .prd-info {position:absolute; bottom:10px; right:10px; text-align:right;}
#tabProduct02 .newCate_prod02 .prd-info .clChip {margin-bottom:5px;}
#tabProduct02 .newCate_prod02 .prd-info .clChip span {display: inline-block;width:4px;height: 4px; margin-right:1.4px;vertical-align: top;}
#tabProduct02 .newCate_prod02 .prd-info .prd-name {height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; letter-spacing: -1px; color: #fff; text-shadow: 2px 2px 2px grey;}


#tabProduct02 .newCate_prod02 .prd-info .subname {display:none;}
#tabProduct02 .newCate_prod02 .prd-info .prd-price { font-size: 12px; position: relative; margin: 5px 0 0; color:#fff;  text-shadow: 2px 2px 2px grey; }
#tabProduct02 .newCate_prod02 .prd-info .prd-price del {margin: 0 8px; }
#tabProduct02 .newCate_prod02 .prd-info .prd-price .dcPercent { color: #d95115; font-size: 16px; }
#tabProduct02 .newCate_prod02 .prd-info .prd-price span { }

.todaySlider  {margin-top:30px; counter-reset: section;}
.todaySlider .swiper-pagination {position:relative; height:2px!important; margin-bottom:25px; margin-left:5px; margin-right:5px; width:auto!important;}
.todaySlider .swiper-pagination:after {display: block; padding-top: 10px; content:"슬라이딩 하시면 더 많은 상품을 보실 수 있습니다."; text-align: left; color: #AFAEAF; font-size: 11px;}


.todaySlider .bestBg {
    background:rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0px;
    width: 36px;
    height: 36px;
    z-index: 10;
}
.todaySlider .thumb:before {
    content: 'BEST';
    position: absolute;
    top: 5px;
    right: 0;
    text-align:center;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    z-index: 11;
    width:36px;
}

.todaySlider .thumb:after {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: 16px;
    right: 0;
    text-align:center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    z-index: 11;
    width:36px;
}


.todaySlider .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #5ea3ec!important;
}

.btn_more{border:1px solid #dfdfdf; font-size:12px; color:#000; height:35px; background:#fff; width:180px; }

.brandSlide { margin:100px auto;}
.brandSlide .swiper-slide img{width:100%;}
.brandSlide .iconTab{margin-bottom:20px; font-size:0; text-align:left; position: relative;
    font-size: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
}
.brandSlide .iconTab span{display:inline-block; margin:0 15px; cursor:pointer;}
.brandSlide .iconTab span img{width:80px;}

.btn_area {
    border: 0px solid #dfdfdf;
    font-size: 12px;
    color: #ffffff;
    height: 35px;
    background: #1e1e1e;
    width: 100%;
    text-align: left;
    width: 100%;
    margin-top: 0px;
    text-indent: 15px;
    font-weight: bold;
}
/* BASIC css end */