/* BASIC css start */
.main_title {padding: 0 16px 20px; color: #111; font-size: 15px; font-weight: 500; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative;}
.main_title.center{text-align: center;}

.main .section .tit {display:flex; justify-content:space-between; align-items:center; padding:0 16px 20px;}
.main .section .tit .main_title {padding:0;}
.main .section .tit a{font-weight: 500; font-size: 12px; color: #666;}
.section {padding:40px 0;}

.more_02{position: absolute; top: 0; right: 16px; font-size: 12px;}
.more_02 a{color: #666;}

.main_slide {position:relative; overflow: hidden;}
.main_slide .swiper-slide video,
.main_slide .swiper-slide img{width: 100%;}
.main_slide .swiper-slide .text {box-sizing:border-box; max-width:none!important;}
.main_slide .swiper-controls{position: absolute; bottom: 24px; color: #fff; display: flex; gap: 8px; align-items: center; z-index: 10; left: 50%; transform: translateX(-50%); opacity: 0.6;}
.main_slide .swiper-controls .swiper-pagination{position: relative; width: 60px; height: 2px; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff;}
.main_slide .swiper-controls .current,
.main_slide .swiper-controls .total{font-size: 12px; font-weight: 500; line-height: 14px;}


.main_cate_banner { padding: 24px 0; text-align: center; }
.main_cate_banner .list {padding: 0 16px; display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; gap: 4px;}
.main_cate_banner .list:first-child { padding-bottom: 6px; }
.main_cate_banner .list::-webkit-scrollbar { display: none; }
.main_cate_banner .list a { display: flex; align-items: center; justify-content: center; padding: 5px 12px 5px 5px; margin-left: 5px; border: 1px solid #E5E5E5; border-radius: 30px; }
.main_cate_banner .list a:first-child { margin-left: 0 !important; }
.main_cate_banner .list a img { width: 24px; height: 24px; border-radius: 30px; }
.main_cate_banner .list a span {display:inline-block; padding-left: 8px; font-size: 12px; font-weight: 400; color: #111;}


.tab_product .prd-wrap .pr-info{display: none;}
.tab_product .prd-wrap .pr-list{gap: 8px 8px;}
.tab_product .prd-wrap .pr-list li:after{width: 30px; height: 30px; font-size: 15px; font-weight: 600; color: #fff; counter-increment: number; content: counter(number); z-index: 100; position: absolute; top: 0; left: 0; line-height: 30px; text-align: center; background: #000;}
.tab_product .prd-wrap .thumb{margin-bottom: 0;}
.tab_product .prd-tabs{padding: 0 16px;}

.focus_tab{background-color: #FAF6F0;}
.focus_tab .swiper-container{margin: 0 4px;}
.focus_tab .swiper-slide{position: relative;}
.focus_tab .swiper-slide img{width: 100%;}
.focus_tab .desc{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width:100%;}
.focus_tab .desc span{display: block; text-align: center;}
.focus_tab .txt-1{font-size: 13px; font-weight: 500; line-height: 16px; color: #fff; margin-bottom: 8px;}
.focus_tab .txt-2{font-size: 24px; font-weight: 600; line-height: 30px; color: #fff; margin-bottom: 16px;}
.focus_tab .txt-3 a{font-size: 13px; font-weight: 500; line-height: 16px; color: #fff;}
.focus_tab .swiper-pagination{  position: relative; margin-top: 20px; height: 1px; max-width: 358px; margin: 20px auto 0;}
.focus_tab .swiper-pagination-progressbar-fill{background-color: #000;}

.banner_slide {background-color: #FAF6F0;}
.banner_slide +.section{margin-top: 20px;}
.banner_slide .swiper-container{margin-bottom: 20px;  position: relative;}
.banner_slide .main_title.center span{display: block; font-size: 11px; color: #666; font-weight: 500; padding:  8px 0;}
.banner_slide .swiper-slide{width: 80%;}
.banner_slide .swiper-slide img{width:100%;}
.banner_slide .desc{position: absolute; bottom: 0; width: 100%; left: 0; height:98px;}
.banner_slide .desc .txt-1{font-size: 18px; line-height: 16px; font-weight: 600; color: #fff; text-align: center; padding: 6px 0;}
.banner_slide .desc .txt-2{font-size: 14px; line-height: 14px; font-weight: 500; color: #fff; text-align: center;}
.banner_slide .swiper-pagination{  position: relative; margin-top: 20px; height: 1px; max-width: 358px; margin: 20px auto 0;}
.banner_slide .swiper-pagination-progressbar-fill{background-color: #000;}


.swiper_product .swiper-container{padding:0 16px;}
.swiper_product .prd-wrap{padding-bottom: 0;}
.swiper_product+.swiper_product{padding-top: 8px;}

.section_mustHave .strike{display: none;}

.collection_grid { background: #FAF6F0; }
.collection_grid .swiper-container{margin: 0 16px 0; position: relative;}
.collection_grid .banner img{width:100%;}
.collection_grid video{width:100%;}

.collection_grid .txt-wrap{ margin: 16px 0;}
.collection_grid .txt-wrap strong{display: block; font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 10px;}
.collection_grid .txt-wrap p{font-size: 14px; line-height: 18px; color: #575757;}
.collection_grid .prd-wrap li{display: flex; gap: 16px; align-items: center;}
.collection_grid .prd-wrap li:not(:last-of-type){margin-bottom: 12px; border-bottom: 1px solid #E5E5E5;}
.collection_grid .prd-wrap li .thimb{flex-shrink: 0; max-width: 72px;}
.collection_grid .prd-wrap li:last-of-type .thumb{margin-bottom: 0px;}
.collection_grid .prd-wrap li .pr-info{ flex-shrink: 0; width: calc(100% - 88px);}
.swiper-button-next,.swiper-button-prev { width: 36px; height: 36px; background: rgba(0,0,0,0.4); border-radius: 10px;}
.swiper-button-next::after, .swiper-button-prev::after { font-size: 16px; color: #fff; }
.collection_grid .swiper-button-next,.collection_grid .swiper-button-prev{top:215px;}

/*타임세일*/
.timesale{background-color: #FAF6F0; position:relative;}
.timesale .tit{display: flex; align-items: center; justify-content: space-between; padding: 0 16px; margin-bottom: 20px;}
.timesale .tit .main_title{padding: 0;}
.timesale .tit a{color: #666; font-size: 13px; font-weight: 500;}
.timesale .tit a i{margin-left: 6px;}
.timesale .saletime {padding:0 16px 16px; font-size:20px; font-weight:400;}
.timesale .swiper-container {padding:0 16px;}
.timesale .swiper-slide{width: 70%;}
.timesale .prd-wrap .thumb {margin-bottom:24px;}
.timesale .prd-wrap .salePer {display:block; font-size:32px; position:absolute; left:8px; bottom:-20px; font-weight:500; line-height:40px; color:#FE7900;} 
.timesale .prd-wrap .pr-info .review-count{margin-bottom: 20px;}


/*브랜드 진열 공통*/
.slide_top_image {padding:0 16px; margin-bottom:32px;}
.slide_top_image .swiper-slide img {width:100%;}
.prd-tabs {margin-bottom:16px; overflow: hidden;}
.swiper-container{overflow: hidden;}
.prd-tabs .swiper-slide {width:auto;}
.prd-tabs .swiper-slide a {display:inline-block; padding:0 12px;  color:#aaa; font-size:13px; font-weight:500; height:30px; line-height:30px; border-radius:30px;}
.prd-tabs .swiper-slide a.active {border:1px solid #000; background:#000; color:#fff;}
.tabContent {display:none;}
.tabContent.active {display:block;}
.more{border: 1px solid #333; width: 200px; height: 40px; line-height: 40px; margin: 40px auto 0;}
.more a{display: block; font-size: 13px; font-weight: 600; color: #333;}

.dockbar .homeBox svg{stroke: transparent; fill: #111;}
.dockbar .homeBox .tit{color: #111;}
.short_video {position:relative;}
.short_video .tit{display: flex; align-items: center; justify-content: space-between; padding: 0 16px; margin-bottom: 20px;}
.short_video .tit .main_title{padding: 0;}
.short_video .tit a{color: #666; font-size: 13px; font-weight: 500;}
.short_video .tit a i{margin-left: 6px;}
.short_video .shorts-swiper {
    margin: 0 30px;
    position: relative;
}
.short_video .shorts-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}
.short_video .shorts-item::before {
    content: '';
    display: block;
}
.short_video .shorts-item video {
    position: absolute;
    top: 0; left: 0;
    border: none;
}
.short_video .swiper-button-prev {left:10px;}
.short_video .swiper-button-next {right:10px;}

/* BASIC css end */