/* BASIC css start */
/* 메인배너 */
.main_visual {
    position: relative;
    margin: -13px auto 80px
}

.main_visual .swiper-container {
    width: 100%;
    height: 100%
}

.main_visual .swiper-wrapper {
    height: 100%;
}

.main_visual .swiper-slide {
    height: 100%;
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.main_visual .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 0
}

.main_visual .swiper-slide a img {
    width: 100%;
    height: auto
}

.main_visual .swiper-pagination-bullets {
    bottom: 20px !important;
}

.main_visual .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50rem;
    opacity: .55;
    transition: all 0.3s ease
}

.main_visual .swiper-pagination-bullet-active {
    opacity: 1
}

.main_visual .swiper-button-next,.main_visual .swiper-button-prev {
    background: none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-top: -27px
}

.main_visual .swiper-button-next {
    right: auto;
    left: 50%;
    margin-left: 830px
}

.main_visual .swiper-button-prev {
    left: auto;
    right: 50%;
    margin-right: 830px
}

.main_visual .swiper-button-next i,.main_visual .swiper-button-prev i {
    font-size: 55px;
    color: #fff;
    text-align: center
}

.main_swiper.main_bg .swiper-button-next i,.main_swiper.main_bg .swiper-button-prev i {
    color: #999
}

.main_swiper .swiper-button-next:after,
.main_swiper .swiper-button-prev:after {
    display:none;
}

@media only screen and (max-width: 1780px) {
    .main_swiper .swiper-button-next {
        margin-left:770px
    }

    .main_swiper .swiper-button-prev {
        margin-right: 770px
    }
}

@media only screen and (max-width: 1640px) {
    .main_swiper .swiper-button-next {
        right:15px;
        left: auto;
        margin-left: 0
    }

    .main_swiper .swiper-button-prev {
        left: 15px;
        right: auto;
        margin-right: 0
    }
}


/* 메인 4중배너 */
.main_section {
    max-width: 1570px;
    margin: 80px auto 0;
    padding: 0 15px;
    box-sizing: border-box
}

.main_section:after {
    content: '';
    clear: both;
    display: block
}

.main_section li {
    float: left;
    width: calc(25% - 15px)
}

.main_section li + li {
    margin-left: 20px
}

.main_section li > a {
    font-size: 0
}

.main_section li > a > img {
    width: 100%;
    height: auto;
    transition: all 0.5s
}

.main_section li:hover > a > img {
    opacity: 0.7
}

.main_section li .tit {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px
}


.nd .main_tab_banner{padding: 100px 8px;/* margin:60px auto 0px; */box-sizing:border-box;width:100%}
.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: 1378px;}
.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;}

.nd .main_tab_banner .ec-base-product .prdList .description{position:relative;left:0;bottom:15px;width:100%;text-align:center;padding:20px 15px;box-sizing:border-box;opacity:1;transition:all 0.5s;z-index:2}

.main_tab_banner .swiper-pagination-bullets{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px auto 10px}
.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;padding: 0;margin: 0 10px;}
.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_tab_banner .swiper-pagination-bullets > li[class*=active]::after{width:100%}
.main_tab_banner .swiper-pagination-bullets > li:before { display:none; }
.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: 15px;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:70px;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{}
.nd .main_tab_banner .ec-base-product .prdList > li {
    width: calc(25% - 15px);
    margin-right: 16px;
    margin-bottom:0;
}


.nd .main_tab1_banner{padding: 100px 8px;/* margin:60px auto 0px; */box-sizing:border-box;width:100%}
.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: 1378px;}
.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;}

.nd .main_tab1_banner .ec-base-product .prdList .description{position:relative;left:0;bottom:15px;width:100%;text-align:center;padding:20px 15px;box-sizing:border-box;opacity:1;transition:all 0.5s;z-index:2}

.main_tab1_banner .swiper-pagination-bullets{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px auto 10px}
.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;padding: 0;margin: 0 10px;}
.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_tab1_banner .swiper-pagination-bullets > li[class*=active]::after{width:100%}
.main_tab1_banner .swiper-pagination-bullets > li:before { display:none; }
.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: 15px;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:70px;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{}
.nd .main_tab1_banner .ec-base-product .prdList > li {
    width: calc(25% - 15px);
    margin-right: 16px;
    margin-bottom:0;
}


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

.main_prd_slide.ec-base-product .prdList .description .prd_bottom_div_right {
    bottom: 20px;
    right: 15px;
}


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


.videoWrapper {
	position: relative;
	padding-bottom: 178%; /* 9:16 */
	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 */