/****************************************************************************************************/
/*메인 텍스트 배너*/
.text-banner{}   
.text-banner .text-banner-wrap{}    
.text-banner .text-banner-container{}    
.text-banner .text-banner-content{text-align:center;}

.text-banner .text-banner-content.left{text-align:left;}
.text-banner .text-banner-content.center{text-align:center;}
.text-banner .text-banner-content.right{text-align:right;}

.text-banner .text-banner-content div[title=""]{display:none;}
.text-banner .text-banner-content div[title="세로"]{width:1px;height:100px;background:var(--color-bg-gray-900);margin:0 auto 24px;}
.text-banner .text-banner-content div[title="가로"]{width:100px;height:1px;background:var(--color-bg-gray-900);margin:0 auto 24px;}

.text-banner .text-banner-title{margin-bottom:24px;}
.text-banner .text-banner-title h2{font-size:24px;line-height:1.4em;font-weight:500;color:var(--color-text-black);}    
.text-banner .text-banner-text{}
.text-banner .text-banner-text p{font-size:16px;line-height:1.4em;font-weight:400;color:var(--color-text-gray-900);}        

@media(max-width:1024px){    
.text-banner .text-banner-title{margin-bottom:18px;}
.text-banner .text-banner-title h2{font-size:14px;}
.text-banner .text-banner-text p{font-size:13px;}    
}    
/****************************************************************************************************/
/*아이콘 배너*/
.icon-banner{}    
.icon-banner .icon-banner-wrap{}    
.icon-banner .icon-banner-container{}
.icon-banner .icon-banner-content{}
.icon-banner .icon-banner-box{}
.icon-banner .icon-banner-list{}
.icon-banner .icon-banner-list a{display:block;text-align:center;}     
.icon-banner .icon-banner-list a img{max-width:100%;margin:0 auto;overflow:hidden;border-radius:50%;}    
.icon-banner .icon-banner-list a img:nth-child(1){display:block;}
.icon-banner .icon-banner-list a img:nth-child(2){display:none;}
.icon-banner .icon-banner-list a p{font-size:14px;line-height:1.2em;font-weight:300;color:var(--color-text-black);transition: 0.3s var(--transition);margin-top:12px;}
.icon-banner .icon-banner-list a:hover p{font-weight:800;}

@media(min-width:1025px){
.icon-banner .icon-banner-box{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;}
.icon-banner .icon-banner-box li:last-child{margin-right:0!important;}

}    
@media(max-width:1024px){        
.icon-banner .icon-banner-box li a img{}
.icon-banner .icon-banner-box li a img:nth-child(1){display:none;}
.icon-banner .icon-banner-box li a img:nth-child(2){display:block;}
.icon-banner .icon-banner-box li a p{font-size:13px;}    
}

    
/****************************************************************************************************/
/*메인 N단 배너*/
.grid-banner{}
.grid-banner .grid-banner-wrap{}
.grid-banner .grid-banner-container{}
.grid-banner .grid-banner-content{}    
.grid-banner .grid-banner-list a{display:block;position:relative;overflow:hidden;}
.grid-banner .grid-banner-img{border-radius:15px;overflow:hidden;}    

.grid-banner .grid-banner-img img{width:100%;height:auto;transition:0.3s var(--transition);}
.grid-banner .grid-banner-img img:nth-child(1){display:block;}
.grid-banner .grid-banner-img img:nth-child(2){display:none;}    
@media(max-width:1024px){
.grid-banner .grid-banner-img img:nth-child(1){display:none;}
.grid-banner .grid-banner-img img:nth-child(2){display:block;}        
}
@media(min-width:1025px){
.grid-banner .grid-banner-list a:hover .grid-banner-img img{transform:scale(1.05);}        
}

.grid-banner .grid-banner-text{position:absolute;left:1.5vw;bottom:1.5vw;}    
/*타이틀*/
.grid-banner .grid-banner-text h2{font-size:16px;line-height:1.4em;font-weight:600;color:var(--color-text-black);}
/*소개글*/
.grid-banner .grid-banner-text p{font-size:16px;line-height:1.4em;font-weight:300;color:var(--color-text-gray-600);margin-top:6px;}    
/*버튼*/
.grid-banner .grid-banner-text .grid-banner-button{margin-top:6px;display:inline-flex;align-items:center;width:auto;height:35px;border-radius:8px;overflow:hidden;box-sizing:border-box;transition:0.3s var(--transition);color:var(--color-btn-text-black);background:var(--color-btn-bg-white);border-color:var(--color-btn-border-black);}
.grid-banner .grid-banner-text .grid-banner-button span{font-size:14px;line-height:inherit;font-weight:400;}
.grid-banner .grid-banner-text .grid-banner-button span{width:100%;height:inherit;display:flex;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;transition:0.3s var(--transition);color:var(--color-btn-text-white);background:var(--color-btn-bg-black);border-color:var(--color-btn-border-black);}
.grid-banner .grid-banner-text .grid-banner-button:hover span{color:inherit!important;background:inherit!important;}

/* 텍스트영역 flex 미입력시 이미지와 겹치게 적용 및 배너매니저 통해 위치 조정 가능 // flow 입력시 배너 이미지 하단 배치*/
.grid-banner .grid-banner-list[rel="flow"] .grid-banner-text{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:translate(0,0)!important;margin-top:12px;}
.grid-banner .grid-banner-list[rel="flow"] .grid-banner-text .grid-banner-button span{border:1px solid var(--color-btn-border-black);border-radius:8px;}

/* 텍스트 배너 위치 조정 */
.grid-banner .grid-banner-text.left.top{top:1vw;left:1vw;}
.grid-banner .grid-banner-text.left.center{left:1vw;top:50%;transform:translateY(-50%);}
.grid-banner .grid-banner-text.left.bottom{left:1vw;bottom:1vw;}
.grid-banner .grid-banner-text.center.top{top:1vw;left:50%;transform:translateX(-50%);text-align:center;text-align:center;}
.grid-banner .grid-banner-text.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.grid-banner .grid-banner-text.center.bottom{left:50%;bottom:1vw;top:auto;transform:translateX(-50%);text-align:center;}
.grid-banner .grid-banner-text.right.top{right:1vw;top:1vw;bottom:auto;}
.grid-banner .grid-banner-text.right.center{left:auto;right:1vw;top:50%;bottom:auto;transform:translateY(-50%);}
.grid-banner .grid-banner-text.right.bottom{left:auto;right:1vw;bottom:1vw;top:auto;}

@media(min-width:1025px){
.grid-banner .custom-swiper-pagination{display:none!important;}
}

/****************************************************************************************************/
/*탭 상품*/
.tab-wrap{}
.tab-wrap .tab-title{}
.tab-wrap .tab-title ul{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:18px;margin-top:16px;}
.tab-wrap .tab-title li{}
.tab-wrap .tab-title li p{font-size:16px;line-height:1.4em;font-weight:400;color:var(--color-text-gray-900);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;transition:0.3s var(--transition);}
.tab-wrap .tab-title li.act p{background:var(--color-bg-key01);font-weight:400;color:var(--color-text-white);}
.tab-wrap .tab-title li:hover p{background:var(--color-bg-key01);font-weight:400;color:var(--color-text-white);}

.tab-wrap .tab-container{}
.tab-wrap .tab-container .tab-box{display:none;}
.tab-wrap .tab-container .tab-box.act{display:block;}

@media(max-width:1024px){
    .tab-wrap .tab-title ul{gap:12px;}
    .tab-wrap .tab-title ul{justify-content:center;overflow-x:auto;max-width:100%;white-space:nowrap;}
    .tab-wrap .tab-title li p{font-size:14px;padding:8px 6px;}
}
@media(max-width:768px){
    .tab-wrap .tab-title ul{justify-content:center;overflow-x:auto;max-width:100%;white-space:nowrap;}
}
@media(max-width:480px){
    .tab-wrap .tab-title ul{justify-content:flex-start;overflow-x:auto;max-width:100%;white-space:nowrap;}
}


/****************************************************************************************************/
/*1단 슬라이드 배너*/
.linkslide-banner{}    
.linkslide-banner .linkslide-banner-wrap{}    
.linkslide-banner .linkslide-banner-container{}
.linkslide-banner .linkslide-banner-content{}
.linkslide-banner .linkslide-banner-box{}
.linkslide-banner .linkslide-banner-list{border-radius:15px;overflow:hidden;}    
/* 슬라이드 배너 이미지 */
.linkslide-banner .linkslide-banner-img{}
.linkslide-banner .linkslide-banner-img img{width:100%;height:auto;}    
.linkslide-banner .linkslide-banner-img img:nth-child(1){display:block;}    
.linkslide-banner .linkslide-banner-img img:nth-child(2){display:none;}    
@media(max-width:1024px){
	.linkslide-banner .linkslide-banner-img img:nth-child(1){display:none;}    
	.linkslide-banner .linkslide-banner-img img:nth-child(2){display:block;}    
}    
.linkslide-banner .linkslide-banner-text{position:absolute;}    
/* 슬라이드 배너 타이틀 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-title{font-size:24px;line-height:1.2em;font-weight:400;margin-bottom:16px;}    
/* 슬라이드 배너 소개글 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-intro{font-size:18px;line-height:1.2em;font-weight:400;margin-bottom:16px;}    
/* 슬라이드 배너 버튼 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-button{margin-top:6px;display:inline-flex;align-items:center;width:auto;height:35px;border-radius:8px;overflow:hidden;box-sizing:border-box;transition:0.3s var(--transition);background-color:var(--color-btn-bg-black);color:var(--color-btn-text-white);}
.linkslide-banner .linkslide-banner-text .linkslide-banner-button p{width:100%;height:inherit;display:flex;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;transition:0.3s var(--transition);}
.linkslide-banner .linkslide-banner-text .linkslide-banner-button p{font-size:14px;line-height:normal;font-weight:400;background-color:var(--color-btn-bg-white);color:var(--color-btn-text-black);}
.linkslide-banner .linkslide-banner-text .linkslide-banner-button:hover p{color:inherit!important;background:inherit!important;}    
@media(max-width:1024px){
/* 슬라이드 배너 타이틀 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-title{font-size:14px;margin-bottom:8px;}    
/* 슬라이드 배너 소개글 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-intro{font-size:12px;margin-bottom:8px;}    
/* 슬라이드 배너 버튼 */
.linkslide-banner .linkslide-banner-text .linkslide-banner-button a{font-size:12px;}    
.linkslide-banner .linkslide-banner-text .linkslide-banner-button p{font-size:12px;}        
}  

/* 슬라이드 배너 텍스트 위치 */
.linkslide-banner .linkslide-banner-text.left.top{top:5.5vw;left:5.5vw;text-align:left;}
.linkslide-banner .linkslide-banner-text.left.center{left:5.5vw;top:50%;transform:translateY(-50%);text-align:left;}
.linkslide-banner .linkslide-banner-text.left.bottom{left:5.5vw;bottom:5.5vw;text-align:left;}

.linkslide-banner .linkslide-banner-text.center.top{top:5.5vw;left:50%;transform:translateX(-50%);text-align:center;}
.linkslide-banner .linkslide-banner-text.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.linkslide-banner .linkslide-banner-text.center.bottom{left:50%;bottom:5.5vw;top:auto;transform:translateX(-50%);text-align:center;}

.linkslide-banner .linkslide-banner-text.right.top{right:5.5vw;top:5.5vw;text-align:right;}
.linkslide-banner .linkslide-banner-text.right.center{left:auto;right:5.5vw;top:50%;transform:translateY(-50%);text-align:right;}
.linkslide-banner .linkslide-banner-text.right.bottom{left:auto;right:5.5vw;bottom:5.5vw;text-align:right;}

@media(max-width:1024px){

.linkslide-banner .linkslide-banner-text.left.top{top:1.5vw;left:1.5vw;text-align:left;}
.linkslide-banner .linkslide-banner-text.left.center{left:1.5vw;top:50%;transform:translateY(-50%);text-align:left;}
.linkslide-banner .linkslide-banner-text.left.bottom{left:1.5vw;bottom:1.5vw;text-align:left;}

.linkslide-banner .linkslide-banner-text.center.top{top:1.5vw;left:50%;transform:translateX(-50%);text-align:center;}
.linkslide-banner .linkslide-banner-text.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.linkslide-banner .linkslide-banner-text.center.bottom{left:50%;bottom:1.5vw;top:auto;transform:translateX(-50%);text-align:center;}

.linkslide-banner .linkslide-banner-text.right.top{right:1.5vw;top:1.5vw;text-align:right;}
.linkslide-banner .linkslide-banner-text.right.center{left:auto;right:1.5vw;top:50%;transform:translateY(-50%);text-align:right;}
.linkslide-banner .linkslide-banner-text.right.bottom{left:auto;right:1.5vw;bottom:1.5vw;text-align:right;}
    
}

/****************************************************************************************************/
/*동영상 배너*/

.video-banner{}    
.video-banner .video-banner-wrap{}    
.video-banner .video-banner-container{}
.video-banner .video-banner-content{width:100%;}
.video-banner .video-banner-box{display:flex;flex-flow:column nowrap;gap:32px}

.video-banner .video-banner-video{width:100%;position:relative; display:flex; margin-left:auto; margin-right:auto;aspect-ratio:16/9;border-radius:15px;overflow:hidden;}
.video-banner .video-banner-video iframe {position:absolute; width:100%; height:100%;}
.video-banner .video-banner-video:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}    

.video-banner .video-banner-text{width:100%;padding:0 0;box-sizing:border-box;}
.video-banner .video-banner-text h2{font-size:24px;line-height:1.4em;font-weight:600;color:var(--color-text-black);margin-bottom:4px;text-align:center;}
.video-banner .video-banner-text p{font-size:16px;line-height:1.8em;font-weight:300;color:var(--color-text-gray-900);text-align:center;}

.video-banner .video-banner-img{width:60%;display:flex; margin-left:auto; margin-right:auto;}
.video-banner .video-banner-img img{width:100%;height:auto;}
.video-banner .video-banner-img img:nth-child(1){display:block;}
.video-banner .video-banner-img img:nth-child(2){display:none;}

@media(max-width:1024px){
.video-banner .video-banner-img img:nth-child(1){display:none;}
.video-banner .video-banner-img img:nth-child(2){display:block;}    
}

.video-banner .video-banner-box.youtube{}
.video-banner .video-banner-box.youtube .video-banner-img{display:none;}
.video-banner .video-banner-box.image .video-banner-video{display:none;}

/* 가로형 영상 + 텍스트 */
.video-banner .video-banner-box.row{flex-flow:row nowrap;}
.video-banner .video-banner-box.row.reverse{flex-direction:row-reverse;}

.video-banner .video-banner-box.row .video-banner-video{width:60%;}
.video-banner .video-banner-box.row .video-banner-text{width:40%;padding:2.5vw 0;}

@media(max-width:1024px){
}

/* 세로형 영상 + 텍스트 */
.video-banner .video-banner-box.column{flex-flow:column nowrap;}
.video-banner .video-banner-box.column.reverse{flex-direction:column-reverse;}
.video-banner .video-banner-box.column .video-banner-video{width:100%;}
.video-banner .video-banner-box.column .video-banner-text{width:100%;padding:0 0;}

@media(max-width:1024px){
/*모바일에서는 무조건 세로형*/
.video-banner .video-banner-box{flex-flow:column nowrap!important;gap:24px;}
.video-banner .video-banner-box.reverse{flex-direction:column-reverse!important;}    
.video-banner .video-banner-img{width:100%!important;}
.video-banner .video-banner-video{width:100%!important;}        
.video-banner .video-banner-text{width:100%!important;padding:0;}    
.video-banner .video-banner-text h2{font-size:18px;margin-bottom:4px;}    
.video-banner .video-banner-text p{font-size:14px;}        
}  

/****************************************************************************************************/
/*영상 + 메인진열 상품*/

.video-product{padding:35px 0;background:#f6f6f6;}
.video-product .video-product-wrap{}    
.video-product .video-product-container{}
.video-product .video-product-content{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;}    
    
/*영상*/
.video-product .video-product-left{grid-column : 1/9;border-radius:12px;overflow:hidden;aspect-ratio:16/9;}    
.video-product .video-product-box{height:100%;}    
.video-product .video-product-list{height:100%;}
.video-product .video-product-list#youtube{}    
.video-product .video-product-list#vimeo{}        
.video-product .video-product-list iframe{width:100%;height:100%;}
.video-product .video-product-list#youtube iframe[data-video-type="vimeo"]{display:none;}
.video-product .video-product-list#vimeo iframe[data-video-type="youtube"]{display:none;}
    
/*상품*/    
.video-product .video-product-right{grid-column:9/13;}    
.video-product .video-prd.ec-base-product{}    
.video-product .video-prd.ec-base-product .prdList{}        
.video-product .video-prd.ec-base-product .video-prd-slide{height:100%;}    
.video-product .video-prd.ec-base-product .prd-box{display:flex;flex-flow:row nowrap;height:inherit;gap:24px;} 
.video-product .video-prd.ec-base-product .thumbnail{width:auto;height:auto;aspect-ratio:1/1;margin:0;}
.video-product .video-prd.ec-base-product .prdImg{aspect-ratio:1/1;} 
.video-product .video-prd.ec-base-product .prdImg > a{}    
.video-product .video-prd.ec-base-product .prdImg > a > img{aspect-ratio:1/1;object-fit:cover;}    
.video-product .video-prd.ec-base-product .promotion{}    
.video-product .video-prd.ec-base-product .description{}
.video-product .video-prd.ec-base-product .description .name{}    
.video-product .video-prd.ec-base-product .description .name a{}    
.video-product .video-prd.ec-base-product .description .name a span{}    
    
.video-product .video-prd.ec-base-product .description .spec{}  

.video-product .video-prd.ec-base-product .description .spec li.prd_summary{}
.video-product .video-prd.ec-base-product .description .spec li.prd_cus{}    
.video-product .video-prd.ec-base-product .description .spec li.prd_tax{}    
.video-product .video-prd.ec-base-product .description .spec li.sale_per{}    
.video-product .video-prd.ec-base-product .description .spec li.prd_color{}    
    
.video-product .video-prd.ec-base-product .description .prd-icon{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;margin-top:8px;}

@media(max-width:1440px){
.video-product .video-prd.ec-base-product .description .name a span{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;}
}

    
@media(min-width:1025px){
.video-product .custom-nav2,
.video-product .custom-nav{display:none;}   
.video-product .video-prd.ec-base-product .video-prd-slide{padding-right:12px;}    
}    
    
@media(max-width:1280px){
.video-product .video-product-left{grid-column : 1/7;}    
.video-product .video-product-right{grid-column:7/13;}    
}   
    
@media(max-width:1024px){    
.video-product .video-product-content{display:flex;flex-flow:column nowrap;gap:24px;}
.video-product .video-prd.ec-base-product .prdList{display:flex;}    
.video-product .video-prd.ec-base-product .video-prd-slide{height:auto!important;}    
.video-product .video-prd.ec-base-product .prd-box{flex-flow:column nowrap;gap:12px;}    
.video-product .custom-swiper-scrollbar2{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;margin-top:42px;}    
}   


/****************************************************************************************************/

.single-banner{}
.single-banner .single-banner-wrap{}    
.single-banner .single-banner-container{}
.single-banner .single-banner-content{position:relative;}

.single-banner .single-banner-img{height:450px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.single-banner .single-banner-img img{width:100%;height:auto;display:none;}    

    
.single-banner .single-banner-text{width:100%;position:absolute;text-align:center;text-align:center;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;}
/*.single-banner .single-banner-text{color:transparent!important;background:transparent!important;}*/
.single-banner .single-banner-title{margin-bottom:24px;}
.single-banner .single-banner-title h2{font-size:24px;line-height:1.4em;font-weight:600;}
.single-banner .single-banner-intro{margin-bottom:12px;}
.single-banner .single-banner-intro p{font-size:16px;line-height:1.4em;font-weight:400;}


.single-banner .single-banner-button{margin-top:6px;display:inline-flex;align-items:center;width:auto;height:35px;border-radius:8px;overflow:hidden;box-sizing:border-box;transition:0.3s var(--transition);color:var(--color-btn-bg-white);background:var(--color-btn-bg-black);}
.single-banner .single-banner-button a{ font-size:14px;line-height:1em;font-weight:400;}
.single-banner .single-banner-button a{width:100%;height:inherit;display:flex;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;transition:0.3s var(--transition);background:var(--color-btn-bg-black);color:var(--color-btn-text-white);}
.single-banner .single-banner-button:hover a{color:inherit!important;background:inherit!important;}

.single-banner .single-banner-text.left.top{top:3.5vw;left:3.5vw;}
.single-banner .single-banner-text.left.center{left:3.5vw;top:50%;transform:translateY(-50%);}
.single-banner .single-banner-text.left.bottom{left:3.5vw;bottom:3.5vw;}
.single-banner .single-banner-text.center.top{top:3.5vw;left:50%;transform:translateX(-50%);}
.single-banner .single-banner-text.center{left:50%;top:50%;transform:translate(-50%,-50%);}
.single-banner .single-banner-text.center.bottom{left:50%;bottom:3.5vw;top:auto;transform:translateX(-50%);}
.single-banner .single-banner-text.right.top{right:3.5vw;top:3.5vw;}
.single-banner .single-banner-text.right.center{left:auto;right:3.5vw;top:50%;transform:translateY(-50%);}
.single-banner .single-banner-text.right.bottom{left:auto;right:3.5vw;bottom:3.5vw;}
    
@media(max-width:1024px){
.single-banner .single-banner-img{height:auto;background:none;}
.single-banner .single-banner-img img{display:block;}    
.single-banner .single-banner-title{margin-bottom:12px;}
.single-banner .single-banner-title h2{font-size:16px;}
.single-banner .single-banner-intro p{font-size:14px;}
.single-banner .single-banner-button a{height:35px;font-size:12px;padding:4px 8px;}        
}  

/****************************************************************************************************/
/*쇼츠배너*/
.shorts-banner{}    
.shorts-banner-wrap{}
.shorts-banner-container{}
.shorts-banner-content{}
    
.shorts-banner-title{}
.shorts-banner-title img{margin-right:12px;max-height:40px;}
    
.shorts-banner-box{}    
.shorts-banner-list.swiper-slide-active{}    
.shorts-banner-list .shorts-banner-video-content{}
.shorts-banner-list.swiper-slide-active .shorts-banner-video-content{}        
.shorts-banner-list{}
.shorts-banner-list > a{display:block;width:100%;height:100%:position:relative;z-index:2;}    

.shorts-banner-video{position:relative;padding-bottom:177%;position:relative;overflow:hidden;}    
.shorts-banner-video-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:15px;overflow:hidden;}    
.shorts-banner-video-box{height:85%;overflow:hidden;border-radius:15px;transition:0.3s var(--transition);}
.shorts-banner-list.swiper-slide-active .shorts-banner-video-box{height:100%;}   
.shorts-banner-video iframe{width: calc(100% + 100px) !important;height: calc(100% + 100px) !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;z-index:-1}
.shorts-banner-video iframe:after{}        

.shorts-banner-img{opacity:1;transition:0.3s var(--transition);} 
.shorts-banner-img img{width:100%;}
.shorts-banner-img img:nth-child(1){display:block;}
.shorts-banner-img img:nth-child(2){display:none;}
@media(max-width:1024px){
.shorts-banner-img img:nth-child(1){display:none;}    
.shorts-banner-img img:nth-child(2){display:block;}
}
/****************************************************************************************************/
/*타임세일*/
.timesale-banner{padding:35px 0;background:#f6f6f6;}
.timesale-banner .timesale-banner-wrap{}    
.timesale-banner .timesale-banner-container{}
.timesale-banner .timesale-banner-content{}
    
.timesale-banner .timesale-banner-text{}
.timesale-banner .timesale-banner-description{}

@media(max-width:1024px){
.timesale-banner .timesale-banner-title h2{font-size:18px;margin-bottom:4px;}    
.timesale-banner .timesale-banner-intro p{font-size:14px;}    
}    
/****************************************************************************************************/
/*인스타그램 슬라이드*/
.instagram-banner{}
.instagram-banner .instagram-banner-wrap{}
.instagram-banner .instagram-banner-container{}
.instagram-banner .instagram-banner-content{}    
.instagram-banner .instagram-banner-list a{display:block;position:relative;overflow:hidden;}
.instagram-banner .instagram-banner-img{border-radius:15px;overflow:hidden;}    
.instagram-banner .instagram-banner-img img{width:100%;height:auto;transition:0.3s var(--transition);}

.instagram-banner .instagram-banner-img img:nth-child(1){display:block;}
.instagram-banner .instagram-banner-img img:nth-child(2){display:none;}   

#slide-insta.instagram-banner .instagram-banner-content.grid-type{display:none;}
#grid-insta.instagram-banner .instagram-banner-content.slide-type{display:none;}

#grid-insta .grid-type .instagram-banner-box{display:grid;}
#grid-insta[title="grid"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;}
#grid-insta[title="grid1"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:8px;}
#grid-insta[title="grid2"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;}
#grid-insta[title="grid3"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}
#grid-insta[title="grid4"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;}    
#grid-insta[title="grid5"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;}    

@media(max-width:1024px){
#grid-insta[title="grid1"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}
#grid-insta[title="grid2"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}
#grid-insta[title="grid3"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}
#grid-insta[title="grid4"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}    
#grid-insta[title="grid5"] .grid-type .instagram-banner-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}    
}

/****************************************************************************************************/
/*메인 섹션 타이틀*/
.custom-title{padding:0 0px 24px;}    
.custom-title *{text-align:center;}
.custom-title  h2{font-size:24px;line-height:1.4em;font-weight:600;color:var(--color-text-black);}    
.custom-title  p,
.custom-title  a,
.custom-title  span,
.custom-title  h2 span{display:block;font-size:16px;line-height:1.4em;font-weight:300;color:var(--color-text-gray-600);margin-top:4px;}    
.custom-title span{}

@media(max-width:1024px){
.custom-title > h2{font-size:18px;}    
.custom-title > p,    
.custom-title > span,
.custom-title > a,    
.custom-title > h2 span{font-size:14px;}    
}

/****************************************************************************************************/
/*더보기*/
.custom_more{margin:40px auto 0;display:flex;align-items:center;justify-content:center;}
.custom_more .more_btn{display:flex;align-items:center;justify-content:center;width:120px;height:40px;background:var(--color-btn-bg-white);border:1px solid var(--color-btn-border-black);border-radius:8px;transition:0.3s var(--transition);}
.custom_more .more_btn{font-size:14px;line-height:1em;font-weight:300;color:var(--color-btn-text-black);text-align:center;}
.custom_more .more_btn:hover{color:var(--color-btn-text-white);background:var(--color-bg-key01);border:1px solid var(--color-border-key01);}