/* BASIC css start */
/*-----------------------------------------------  -----------------------------------------------*/
.main_bg{padding:40px 0;background:#f5f5f5;margin-top:50px}
#main #contents .ec-base-product{background:transparent;margin-top:50px}
#main #contents .main_bg .ec-base-product{margin-bottom:0;margin-top:0}
#main #contents .main_bg .ec-base-product.main_prd_slide{padding:0 15px}
#main #contents .swiper-pagination-bullets{position:relative;bottom:auto;margin-top:15px}
#main #contents .swiper-pagination-bullet{width:10px;height:10px;background:#fff;border-radius:50rem;opacity:.35;transition:all 0.3s ease;border:1px solid #999}
#main #contents .swiper-pagination-bullet-active{opacity:1}
#main #contents .main_visual .swiper-pagination-bullets{position:absolute;bottom:20px;margin-top:0}


/* main_visual */
.main_visual{position:relative;margin:0 auto}
.main_visual .swiper-slide a img{display:block;width:100%;height:auto}
.main_visual .swiper-pagination-bullets{bottom:20px !important}
.main_visual .swiper-pagination-bullet-active{background:#000;opacity:.6}

/* main_section */
.main_section{margin:8px 0;padding:0 8px;box-sizing:border-box;display:flex;flex-wrap:wrap; padding-top:20px; }
.main_section li{width:calc(50% - 4px);text-align:center;margin-right: 8px;margin-bottom:20px}
.main_section li:nth-of-type(2n) {margin-right:0}
.main_section a img{width:100%;height:auto}
.main_section .tit{font-size:14px;margin-top:10px;color:#000;font-weight:600}

/* tab_prd */
.nd .main_tab_banner{padding:30px 8px 50px;background:#F6F4EE;box-sizing:border-box;width:100%}
.nd .main_tab_banner .ec-base-product .description .subname {
    display: none!important;
}
.nd .main_tab_banner .ec-base-product{padding:0;margin:0}
.nd .main_tab_banner .tab_tit{display:none}
.nd .main_tab_banner .swiper-container{width:100%}
.nd .main_tab_banner .swiper-pagination{bottom:auto;position:relative;margin-bottom:30px}
.nd .main_tab_banner .swiper-pagination{text-align:center;display:flex;width:100%}
.nd .main_tab_banner .tit_box{text-align:center;}
.nd .main_tab_banner .tit_common{font-size:18px;color:#000;font-weight:600}
.nd .main_tab_banner .txt_common{margin-top:15px;}
#main #contents .main_tab_banner .swiper-pagination-bullets{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px auto 10px}
#main #contents .main_tab_banner .swiper-pagination-bullets > li{width:auto;height:auto;line-height:1;background:none;border:none;opacity:1;border-radius:0;position:relative;}
#main #contents .main_tab_banner .swiper-pagination-bullets > li::after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;width:0;height:2px;margin:0 auto;transition:.2s;background:#000}
#main #contents .main_tab_banner .swiper-pagination-bullets > li[class*=active]::after{width:100%}
#main #contents .main_tab_banner .ec-base-product{margin-top:0}
.nd .main_tab_banner .swiper-pagination li a{position:relative;display:block;line-height:1;font-size:12px;color:#999;word-break:break-all;white-space:nowrap;padding:5px 2px}
.nd .main_tab_banner .swiper-pagination li[class*=active] a{color:#000}
.nd .main_tab_banner .swiper-container-horizontal>.swiper-scrollbar{position:relative;left:auto;bottom:auto;width:100%;margin-top:10px;z-index:1}

.nd .main_tab_banner .swiper-wrapper > .swiper-slide{opacity:0 !important;transition:all 0.5s;width:100%}
.nd .main_tab_banner .swiper-wrapper > .swiper-slide.swiper-slide-active{opacity:1 !important;z-index:1}
.nd .main_tab_banner .prdList{margin:0;overflow:hidden;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px}
.nd .main_tab_banner .prdList > li{width:calc((100% - 8px) / 2)}

.nd .main_tab_banner .prdList > li{position:relative}
.nd .main_tab_banner .prdList .thumbnail{margin:0;position:relative;z-index:1}
.nd .main_tab_banner .prdList .thumbnail a{pointer-events:none}
.nd .main_tab_banner .prdList .on .thumbnail a{pointer-events:auto}
.nd .main_tab_banner .prdList .description{width:100%;position:absolute;left:0;bottom:0;padding:8px;background:rgba(255,255,255,.7);transition:all 0.3s;opacity:0;box-sizing:border-box;margin:0;height:100%;z-index:0;display:flex;flex-flow:column;justify-content:center}
.nd .main_tab_banner .prdList .description .name{border:0;padding:0}
.nd .main_tab_banner .prdList .description .spec li{overflow:hidden;text-overflow:ellipsis;/* display:-webkit-box; *//* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; */}
.nd .main_tab_banner .prdList > li:hover .description{opacity:1;z-index:2}
.nd .main_tab_banner .ec-base-product .description .icon,.nd .main_tab_banner .ec-base-product .description .color{display:none}
.nd .main_tab_banner .ec-base-product .description .icon img{max-height:14px}

.main_tab_banner .description .prd_bottom_div_right, .main_tab_banner .description .discount_time{
    display: none;
}


.nd .main_tab_banner .ec-base-product .description .name > a {font-size:12px;color: #3f3f3f; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



/* tab1_prd */
.nd .main_tab1_banner{padding:30px 8px 50px;background:#F6F4EE;box-sizing:border-box;width:100%}
.nd .main_tab1_banner .ec-base-product .description .subname {
    display: none!important;
}
.nd .main_tab1_banner .ec-base-product{padding:0;margin:0}
.nd .main_tab1_banner .tab_tit{display:none}
.nd .main_tab1_banner .swiper-container{width:100%}
.nd .main_tab1_banner .swiper-pagination{bottom:auto;position:relative;margin-bottom:30px}
.nd .main_tab1_banner .swiper-pagination{text-align:center;display:flex;width:100%}
.nd .main_tab1_banner .tit_box{text-align:center;}
.nd .main_tab1_banner .tit_common{font-size:18px;color:#000;font-weight:600}
.nd .main_tab1_banner .txt_common{margin-top:15px;}
#main #contents .main_tab1_banner .swiper-pagination-bullets{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px auto 10px}
#main #contents .main_tab1_banner .swiper-pagination-bullets > li{width:auto;height:auto;line-height:1;background:none;border:none;opacity:1;border-radius:0;position:relative;}
#main #contents .main_tab1_banner .swiper-pagination-bullets > li::after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;width:0;height:2px;margin:0 auto;transition:.2s;background:#000}
#main #contents .main_tab1_banner .swiper-pagination-bullets > li[class*=active]::after{width:100%}
#main #contents .main_tab1_banner .ec-base-product{margin-top:0}
.nd .main_tab1_banner .swiper-pagination li a{position:relative;display:block;line-height:1;font-size:12px;color:#999;word-break:break-all;white-space:nowrap;padding:5px 2px}
.nd .main_tab1_banner .swiper-pagination li[class*=active] a{color:#000}
.nd .main_tab1_banner .swiper-container-horizontal>.swiper-scrollbar{position:relative;left:auto;bottom:auto;width:100%;margin-top:10px;z-index:1}

.nd .main_tab1_banner .swiper-wrapper > .swiper-slide{opacity:0 !important;transition:all 0.5s;width:100%}
.nd .main_tab1_banner .swiper-wrapper > .swiper-slide.swiper-slide-active{opacity:1 !important;z-index:1}
.nd .main_tab1_banner .prdList{margin:0;overflow:hidden;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px}
.nd .main_tab1_banner .prdList > li{width:calc((100% - 8px) / 2)}

.nd .main_tab1_banner .prdList > li{position:relative}
.nd .main_tab1_banner .prdList .thumbnail{margin:0;position:relative;z-index:1}
.nd .main_tab1_banner .prdList .thumbnail a{pointer-events:none}
.nd .main_tab1_banner .prdList .on .thumbnail a{pointer-events:auto}
.nd .main_tab1_banner .prdList .description{width:100%;position:absolute;left:0;bottom:0;padding:8px;background:rgba(255,255,255,.7);transition:all 0.3s;opacity:0;box-sizing:border-box;margin:0;height:100%;z-index:0;display:flex;flex-flow:column;justify-content:center}
.nd .main_tab1_banner .prdList .description .name{border:0;padding:0}
.nd .main_tab1_banner .prdList .description .spec li{overflow:hidden;text-overflow:ellipsis;/* display:-webkit-box; *//* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; */}
.nd .main_tab1_banner .prdList > li:hover .description{opacity:1;z-index:2}
.nd .main_tab1_banner .ec-base-product .description .icon,.nd .main_tab1_banner .ec-base-product .description .color{display:none}
.nd .main_tab1_banner .ec-base-product .description .icon img{max-height:14px}

.main_tab1_banner .description .prd_bottom_div_right, .main_tab1_banner .description .discount_time{
    display: none;
}


.nd .main_tab1_banner .ec-base-product .description .name > a {font-size:12px;color: #3f3f3f;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}







/* slide prd */
.nd .main_prd_round.ec-base-product .thumbnail a{border-radius:50rem;overflow:hidden;padding-bottom:100%}
.nd .main_prd_round.ec-base-product .thumbnail a img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:100%;min-height:100%}
.nd .main_prd_round.ec-base-product .description{text-align:center;margin-top:18px}
.nd .main_prd_round.ec-base-product .description .name{margin-bottom:12px}


.time_slide {

    overflow:hidden;
}

.time_slide .swiper-slide { width:60%!important; }

.main_prd_slide.ec-base-product .prdList .description{position:absolute;left:0;bottom:-10px;width:100%;text-align:center;padding:20px 15px;box-sizing:border-box;background:rgba(255,255,255,.8);opacity:0;transition:all 0.5s;z-index:2}
.main_prd_slide.ec-base-product .prdList > li:hover .description{visibility:visible;opacity:1;bottom:0}
.main_prd_slide.ec-base-product .prdList .description .prd_bottom_div_right { display:none; }

#main #contents .main_bg .ec-base-product.main_prd_slide .thumbnail img { width:100%; }

#main #contents .main_bg .ec-base-product.main_prd_slide { padding:0!important; }
#main #contents .main_bg .ec-base-product.main_prd_slide .swiper-slide { width:80%!important; }

.main_prd_slide.ec-base-product .prdList .description ul.review_ul, .main_prd_slide.ec-base-product .prdList .description .icon {
    display: none;
}



.nd .main_tab_banner .prdList .description ul.review_ul, .nd .main_tab_banner .prdList .description .icon {
    display: none;
}

.nd .main_tab_banner .ec-base-product .description .price_ul {
    margin-top: 5px;
    padding-top: 5px;
}



.nd .main_tab1_banner .prdList .description ul.review_ul, .nd .main_tab1_banner .prdList .description .icon {
    display: none;
}

.nd .main_tab1_banner .ec-base-product .description .price_ul {
    margin-top: 5px;
    padding-top: 5px;
}



.time_sale_box { /* display:none!important; */ }


a.view_more_btn {
    text-align: center;
    color: #353535;
    display: block;
    margin: 25px auto 0;
    width: 60%;
    max-width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #868686;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
}

















.videoWrapper {
	position: relative;
	padding-bottom: 178%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}











.videoWrapper1 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}













/* BASIC css end */