/* BASIC css start */
/*#header.mainAct {background: none;}*/
/*#header.mainAct.on {background:rgba(255,255,255,0.95)}*/
/*#header.mainAct .gnbArea {border-bottom:0;}*/
/*#header.mainAct .gnbArea .menuBtn {background-image:url("/design/lsh7614/dizi/m/menu_ico_w.svg");}*/
/*#header.mainAct .gnbArea .searchBtn {background-image:url("/design/lsh7614/dizi/m/search_ico_w.svg");}*/
/*#header.mainAct .gnbArea .logo {background-image:url("/design/lsh7614/dizi/m/logo_w.png");}*/
/*#header.mainAct .gnbArea .cartBtn {background-image:url("/design/lsh7614/dizi/m/cart_ico_w.svg");}*/
/*#header.mainAct .gnbArea .myBtn {background-image:url("/design/lsh7614/dizi/m/mypage_ico_w.svg");}*/

/* 롤링배너 */
.mainSwiper {position:relative;overflow: hidden;}
.mainSwiper .item {
    position: relative;
    display: block;
    width: 100%;
    padding: 17px 15px;
    box-sizing: border-box;
}


.mainSwiper .item .img-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.mainSwiper .item .img-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 4.7%, rgba(0, 0, 0, 0.02) 8.9%, rgba(0, 0, 0, 0.04) 12.8%, rgba(0, 0, 0, 0.05) 16.56%, rgba(0, 0, 0, 0.07) 20.37%, rgba(0, 0, 0, 0.09) 24.4%, rgba(0, 0, 0, 0.11) 28.83%, rgba(0, 0, 0, 0.14) 33.84%, rgba(0, 0, 0, 0.18) 39.6%, rgba(0, 0, 0, 0.21) 46.3%, rgba(0, 0, 0, 0.26) 54.1%, rgba(0, 0, 0, 0.31) 63.2%, rgba(0, 0, 0, 0.37) 73.76%, rgba(0, 0, 0, 0.43) 85.97%, rgba(0, 0, 0, 0.5) 100%);
}

.mainSwiper .item .text-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 55px 26px;
    color: #FFFFFF;
    text-align: left;
    transform: translateY(-30px);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1) 200ms, opacity 0.5s cubic-bezier(0.4,0,0.2,1) 200ms;
}

.mainSwiper .item .text-wrap p {
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 29px;
    font-weight: 550;
    letter-spacing: -1px;
    line-height: 39px;
}

.mainSwiper .item .text-wrap span {
    font-size: 16px;
    margin-left: 15px;
    font-weight: 300;
    line-height: 25px;
}


.mainSwiper .swiper-slide.swiper-slide-active .text-wrap {
    transform: translateY(0);
    opacity: 1;
}


.mainSwiper .swiper-slide a img{width: 100%}
.mainSwiper .swiper-pagination {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0;
    bottom: 40px;
    left: auto;
    right: 36px;
    width: auto;
    /*padding: 0 10px;*/
    color: #fff;
    font-weight: 500;
    border-radius: 100px;
    /*background: #1F1F1F33;*/
    line-height: 22px;
    height: 22px;
}

.mainSwiper .swiper-pagination::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url('/design/lsh7614/icon_swiper_plus.png') no-repeat center;
    background-size: cover;
    filter: invert(1);
}


.mainSwiper .swiper-pagination span {
    position: relative;
    font-size: 14px;
}

.mainSwiper .swiper-pagination span + span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    width: 1px;
    height: 8px;
    background: rgba(255,255,255,1);
}

.mainSwiper .swiper-pagination span.swiper-pagination-total {
    opacity: 0.3;
}
/* //롤링배너 */

/* 타이틀 */
.cateTit {padding: 70px 0 24px; text-align: center;}
.cateTit .title {font-size: 26px;font-weight: 750;line-height: 30px;color: #222;}
.cateTit .sub-title {margin-top: 4px;color: #777;font-size: 14.5px;font-weight: 400;line-height: 16px;padding: 0 36px;word-break: keep-all;}

.product-wrap {padding-bottom: 20px;}


/* 카테고리 탭 영역 */
.categorys {margin-top: 40px;}
.categorys .title-box { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding:0px 15px; }
.categorys .title-box h6 { color:#000; font-size:21px; font-weight:800; line-height:25px; }
.categorys .title-box .tabs { display:flex; height:25px; border:1px solid #cccccc; border-radius:12.5px; box-sizing:border-box; overflow:hidden; }
.categorys .title-box .tabs button { width:69px; height:23px; background:#fff; border:none; color:#000; font-size:10px; font-weight:300; text-align:center; }
.categorys .title-box .tabs button.current { background:#000; color:#fff; }
.categorys .tab-view { position:absolute; top:-99999px; left:-99999px; width:100%; }
.categorys .tab-view.current { position:static; top:unset; left:unset; }
.categorys .tab-view .swiper { padding-bottom:15px; padding-left:10px; }
.categorys .tab-view .swiper-slide { width:85px; margin-right:8px; }
.categorys .tab-view .swiper-slide .icon { position:relative; display:flex; justify-content:center; align-items:center; }
.categorys .tab-view .swiper-slide .icon img { width:100%; height:auto; }
.categorys .tab-view .swiper-slide .icon p { position:absolute; z-index:1; color:#ffffff; font-size:11px; font-weight:800; line-height:10px; text-align:center; }
.categorys .tab-view .swiper-slide > p { margin-top:7px; color:#000; font-size:15px; line-height:16px; text-align:center; }
.categorys .tab-view .swiper-scrollbar { left:15px; right:15px; bottom:0px; width:auto; height:3px; background:#f3f3f3; border-radius:1.5px; overflow:hidden; }
.categorys .tab-view .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:none; }
.categorys .tab-view .swiper.swiper-initialized { padding-left:0px; }
.categorys .tab-view .swiper.swiper-initialized .swiper-slide { margin-right:0px; }


/* 데드라 컬렉션 */
.collection-wrap .collectionSwiper {padding: 0 8px 20px;}
.collectionSwiper .collectionTxt {margin-top: 16px; text-align: center;}
.collectionSwiper .ct-title {font-size: 16px; font-weight: 700; line-height: 19px;}
.collectionSwiper .ct-sub-title {margin-top: 6px; color: #777; font-size: 11px; font-weight: 400; line-height: 13px;}
.collectionSwiper .swiper-slide {width: 60.2vw; margin-right: 8px;}
.collectionSwiper .swiper-slide a {display: block; width: 100%; overflow: hidden;}
.collectionSwiper .swiper-slide a img {width: 100%;}
.collectionSwiper .swiper-scrollbar {left: 15px !important;right: 15px  !important;bottom: 0px  !important;width: auto  !important;height: 3px !important;background:#f3f3f3;border-radius:1.5px;overflow:hidden;}
.collectionSwiper .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:none; }

/* sns소개 영역 */
.sns-area {margin-top:100px;}
.sns-area li {display: flex;flex-direction: column;justify-content: center;align-items: center;height:100%;}

/* 셀럽 영역 */
.celeb-wrap{position: relative; margin-top: 40px; padding: 20px 0 60px; background-color:#F8F8F8;}
.celeb-wrap img {width: 100%;}
.celeb-wrap .swiper-wrap {position: relative; width: calc(100% - 100px); margin: 0 auto;}
.celeb-wrap .celebSwiper {width: 100%;}
.celeb-wrap .celeb-content{position:relative; display:flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; margin-top: 40px;}
.celeb-wrap .celeb-content::before{content:''; position: absolute; top:-20px;width: 100%; height: 1px; background-color: #ddd;}
.celeb-wrap .celeb-content .prd-link{display: flex; width: 100%;}
.celeb-wrap .celeb-content .prd-image{display: inline-block;width:29%;margin-right: 16px;}
.celeb-wrap .celeb-content .celeb-list {display: flex; flex-direction: column; width: 65%;}
.celeb-wrap .celeb-content .celeb-list .listSubname {border:0; padding-top:0;}
.celeb-wrap .swiper-wrapper{justify-content: space-between;}
.celeb-wrap .swiper-button-next {background: url(/design/lsh7614/dizi/ico_rightBtn_black.png) no-repeat;background-position: center;top: 47%;right: -40px; transform: translateY(-50%); background-size: 13px;opacity: 0.5;}
.celeb-wrap .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn_black.png) no-repeat;background-position: center;top: 47%;left: -40px; transform: translateY(-50%); background-size: 13px;opacity: 0.5;}
.celeb-wrap .swiper-button-next::after,
.celeb-wrap .swiper-button-prev::after { display: none; }

/* .celeb-wrap .celebImage {padding:0 24px; box-sizing:border-box;} */

/* 배너 영역 */
.centerbnArea {padding: 60px 40px 20px; overflow: hidden;}
.centerbnArea .swiper-slide {margin-right: 10px;}
.centerbnArea .swiper-slide img {width: 100%;}

.centerbnArea .title_now {font-size: 28px;font-weight: 700;line-height: 30px;color: #222; }


/* 카테고리 베스트 상품 */
.cateBest-wrap {padding-bottom: 20px;}
.cateBest-wrap .cateTit {padding: 40px 0 20px;}
.cateBest-option {padding: 0 12px 10px;justify-content: space-between;align-items: center; overflow: hidden;}
.cateBest-option ul{display: flex;}
.cateBest-option ul li {width: auto; margin-right: 6px;}
.cateBest-option a,
.cateBest-option button{font-size: 13px;cursor:pointer; height: 28px; box-sizing: border-box; line-height: 27px;padding: 0 12px;border: 1px solid #ddd;border-radius: 40px;color: #777;display: block; background-color: #fff;}
.cateBest-option a.active,
.cateBest-option button.active{border: 1px solid #222; color: #222;}
.cateBest-wrap .cate-select {position: relative; float: right; margin-right: 5px; }
.cateBest-wrap .cate-select select {width: 37px; height: 21px; font-weight: 400; font-size: 13px; margin: 0 5px; padding: 0; line-height: 19px; color: #222; border: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.cateBest-wrap .cate-select::after {content: "\e942"; font-family: xeicon; position: absolute; right: 0; line-height: 21px;}
.cateBesSwiper {position: relative; overflow: hidden; width: 100%; padding-top: 10px;}
.cateBesSwiper .swiper-wrapper {display: flex;}
.cateBesSwiper .swiper-slide {margin: 0!important;}
.cateBesSwiper .swiper-pagination {bottom: -5px!important;}
.cateBesSwiper .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 2px!important; background: #222; opacity: 0.2;}
.cateBesSwiper .swiper-pagination-bullet-active {background: #222; opacity: 0.8;}

/* 기획전 */
.event-wrap {margin-bottom: 20px;padding: 20px 0 42px;background-color: #F8F8F8;margin-top: 40px;}
.event-wrap .cateTit {padding: 40px 0 20px;}
.event-wrap .listName {font-size: 12px; font-weight: 400; line-height: 14px}
.event-wrap .listPrice {font-size: 14px;}
.event-wrap .listPrice .unit {font-size: 12px;}
.event-wrap .list_shopping3x {display:none; padding-top: 12px;}
.event-wrap .list_shopping3x .list_shoppingInfo {margin: 10px 0 0;}
.event-wrap #event01 {display: block;}
.event-wrap .clChip,
.event-wrap .review-cnt,
.event-wrap .listSubname,
.event-wrap .listIcons,
.event-wrap .salePercent {display: none !important;}


/* 스냅 기획전 */
.cate-event-wrap {margin-bottom: 20px;padding: 20px 0 42px;background-color: #F8F8F8;margin-top: 40px;}
.cate-event-wrap .cateTit {padding: 40px 0 20px;}
.cate-event-wrap .listName {font-size: 12px; font-weight: 400; line-height: 14px}
.cate-event-wrap .listPrice {font-size: 14px;}
.cate-event-wrap .listPrice .unit {font-size: 12px;}
.cate-event-wrap .list_shopping2x {display:none; padding-top: 12px;}
.cate-event-wrap .list_shopping2x .list_shoppingInfo {margin: 10px 0 0;}
.cate-event-wrap #event01 {display: block;}
.cate-event-wrap .clChip,
.cate-event-wrap .review-cnt,
.cate-event-wrap .listSubname,
.cate-event-wrap .listIcons,
.cate-event-wrap .salePercent {display: black !important;}
.snap-cateBest-wrap {padding-bottom: 20px;}
.snap-cateBest-wrap .cateTit {padding: 40px 0 20px;}
.snap-cateBest-option {padding: 0 12px 10px;justify-content: space-between;align-items: center; overflow: hidden;}
.snap-cateBest-option ul{display: flex;}
.snap-cateBest-option ul li {width: auto; margin-right: 6px;}
.snap-cateBest-option a,
.snap-cateBest-option button{font-size: 13px;cursor:pointer; height: 28px; box-sizing: border-box; line-height: 27px;padding: 0 12px;border: 1px solid #ddd;border-radius: 40px;color: #777;display: block; background-color: #fff;}
.snap-cateBest-option a.active,
.snap-cateBest-option button.active{border: 1px solid #222; color: #222;}
.snap-cateBest-wrap .cate-select {position: relative; float: right; margin-right: 5px; }
.snap-cateBest-wrap .cate-select select {width: 37px; height: 21px; font-weight: 400; font-size: 13px; margin: 0 5px; padding: 0; line-height: 19px; color: #222; border: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.snap-cateBest-wrap .cate-select::after {content: "\e942"; font-family: xeicon; position: absolute; right: 0; line-height: 21px;}


/* 엘클라 */
.ellcla-wrap {padding-bottom: 20px;}
.ellcla-wrap .banner {display: block; margin-bottom: 24px;}
.ellcla-wrap .banner img {width: 100%;}

/* 데드라 채널 */
.youtube-wrap {position:relative;overflow:visible; padding-bottom: 60px;}
.youtube-wrap .cateTit .title {font-size: 20px; line-height: 24px;}
.youtube-wrap .cateTit .title i {position: relative; top: 1px; margin-right: 4px;color:#f50000}
.youtube-wrap .youtubeSwiper{padding: 0 40px 24px;}
.youtube-wrap .youtubeSwiper .swiper-slide img{width: 100%; margin-right: 10px;}
#glightbox-body.glightbox-container {z-index:99999999!important }

/* 포토리뷰 */
.photo-wrap {margin-bottom: 60px; padding: 20px 0 60px; background-color: #F8F8F8;}
.photo-wrap .cateTit .title {font-size: 20px; line-height: 24px;}
.photo-wrap .cateTit .title i {position: relative; top: 1px; margin-right: 4px;}
.photo-wrap .photo-list {display: table; margin: 0 auto;}
.photo-wrap .photo-list img {width: 100%; max-width:100%;}

/* 하단 이미지 배너 */
.bottom-banner {width: 100%}
.bottom-banner a {display: block; margin-top: 8px;}
.bottom-banner a:first-child {margin-top: 0;}
.bottom-banner a img {width: 100%;}


.time-wrap {
    background: #F8F8F8;
    margin: 40px 0 0;
    padding-bottom: 40px;
}

.time-wrap .list_shoppingInfo {
    margin-top: 35px;
    overflow: visible;
}

.time-wrap .sale-number {
    position: relative;
    left: 0;
    top: 0;
}


.time-wrap .cateTit {
    margin-bottom: 20px;
}

.time-wrap .cateTit .title {
    font-weight: 750;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #222222;
}

.time-wrap .cateTit .sub-title {
    font-size: 14.5px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #777777;
    margin-top: 4px;
    word-break: keep-all;
}

.time-wrap .time-view-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    gap: 4px;
}

.time-wrap .time-view-wrap span {
    position: relative;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #222222;
    letter-spacing: -1.5px;
    min-width: 34px;
}

.time-wrap .time-view-wrap p {
    font-size: 14px;
}

.time-wrap .time-view-wrap .time-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    color: #a3a3a3;
    margin-left: 4px;
}

/*.time-wrap .time-view-wrap span + span:before, .time-wrap .time-view-wrap span + span:after {
    content: '';
    position: absolute;
    top: 40%;
    left: -10px;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #a8a8a8;
    border-radius: 50%;
}

.time-wrap .time-view-wrap span + span:after {
    top: 60%;
}*/

.time-wrap .list_shoppingInfo .sale-number {
    position: absolute;
    left: 0;
    top: -38px;
    font-weight: 700;
    font-size: 48px;
    color: #cd562e;
    display: flex;
}

.time-wrap .list_shoppingInfo .sale-number .number {
    letter-spacing: -3.5px;
}

.time-wrap .list_shoppingInfo .sale-number .percent {
    font-weight: 400;
    font-size: 24px;
    margin-top: -7px;
}

.time-wrap .time-sec {
    display: none;
}

.slide-popup-wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
}

.slide-popup-wrap.active {
    display: block;
}

.slide-popup-wrap .popup-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1;
}

.slide-popup-wrap .popup-header h2 {
    color: #000000;
    font-size: 20px;
}

.slide-popup-wrap .popup-header .btn-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    background: url('/design/lsh7614/modal_close.png') no-repeat center;
    background-size: cover;
    border: 0;
}

.slide-popup-wrap .content-wrap {
    padding: 72px 20px 20px;
}

.slide-popup-wrap .content-wrap > ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.slide-popup-wrap .content-wrap > ul > li {
    width: calc(50% - 4px);
}

.slide-popup-wrap .content-wrap > ul > li img {
    max-width: 100%;
}

.slide-popup-wrap .content-wrap .item {
    position: relative;
}

.slide-popup-wrap .content-wrap .item .text-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 8px;
    box-sizing: border-box;
    color: #ffffff;
    word-break: keep-all;
}

.slide-popup-wrap .content-wrap .item .text-wrap p {
    font-size: 18px;
    margin-bottom: 8px;
}

.slide-popup-wrap .content-wrap .item .text-wrap span {
    font-size: 14px;
}

/* BASIC css start */
.slide-popup-wrap .footer-wrap {clear:both;margin-top:20px;margin-bottom: 40px;color: #222;}


.slide-popup-wrap .footer-wrap .btSnsWrap {margin-left: 16px;}
.slide-popup-wrap .footer-wrap .btSnsWrap a{border:1px solid #ddd;border-radius:100%;display:inline-block;margin-right: 3px;width: 36px;height: 36px;box-sizing: border-box;text-align: center;line-height: 36px;font-size: 16px;color: #999;}
.slide-popup-wrap .footer-wrap .footerMiddle {margin: 20px 16px 10px;}
.slide-popup-wrap .footer-wrap .footerMiddle a {padding-right: 20px;color: #555;font-size: 14px;}
.slide-popup-wrap .footer-wrap .footerMiddle a em {color:#222; font-weight:700;}
.slide-popup-wrap .footer-wrap .copyright {margin: 0 16px;color: #999;line-height: 20px;}
/* BASIC css end */