#main{position: relative; }
#section1{overflow: hidden;}
.msec1{position: relative;}
.msec1 .swiper-slide{overflow:hidden}
.msec1 .swiper-slide .slogan{position:absolute; z-index:10; top:30%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); text-align:center;}
.msec1 .swiper-slide .slogan p{color:#fff; font-weight: bold; position: relative; text-shadow: 0 0 0.5rem rgba(0,0,0,0.1); }
.msec1 .swiper-slide .slogan .text1{top:50; opacity:0; font-size:6rem; margin-bottom: 3rem;  transition:0.5s 0.5s}
.msec1 .swiper-slide .slogan .text2{top:10px;opacity:0; filter: blur(10px); font-size:2rem;  transition:0.5s 1s}

.msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s; height:90vh; position: relative;}
.msec1 .swiper-slide .bg::before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0;}
.msec1 .swiper-slide .bg img{width:100%; height: 100%; object-fit: cover;}

.msec1 .swiper-slide-active .bg{transform:scale(1)}
.msec1 .swiper-slide-active .slogan .text1{top:0;opacity:1; letter-spacing:normal;}
.msec1 .swiper-slide-active .slogan .text2{top:0;opacity:1; filter:blur(0)}


/*swiper*/
.msec1 .swiper-button-prev{width: 5rem; height: 5rem; background: url(../images/main/prev.png) no-repeat center; top:70%; left:50%; transform: translateX(-70rem);}
.msec1 .swiper-button-next{width: 5rem; height: 5rem; background: url(../images/main/next.png) no-repeat center; top:70%; left:50%; transform: translateX(-63rem); right:0}
.msec1 .swiper-pagination{max-width:var(--container); font-weight: bold; padding:0 2rem; text-align: left; color:#fff; position: absolute; left: 50%; transform: translate(-50%);  bottom: 10rem; display: none;}

.swiper-progress-bar {position:  absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem;  display: none;}
.swiper-progress-bar .slide_progress-bar {position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 2rem; right: 0; }
.swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}


/* 비디오 */
.video_list{display: flex; gap:5rem; width: var(--container); position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); z-index: 8;}
.video_list li{flex:1}

.main_tit{margin-bottom: 5rem;}
.main_tit span{display: block; font-family: var(--font-eng); font-size:5rem }
.main_tit span i{display: inline-block; width: 1rem; height: 1rem; background: #DF4022; margin-left: 1rem;}

/* 제품 */
.main_product{background:url(../images/main/product_bg.jpg) no-repeat center; padding:10rem 0; text-align: center; color:#fff; position: relative;}
.main_product h2{font-weight: bold; font-size: 5rem;}
.main_product h2 span{display: block;}
.main_product .inner{overflow: hidden;}
.product_slide{position: relative;}
.product_slide p{overflow: hidden;}
.product_slide p img{transition: .5s;}
.product_slide p img:hover{transform: scale(1.2);}
.product_slide span{display: block; position: absolute; bottom:0; left:0;  padding:2rem; background:rgba(0,0,0,0.5); width: 100%; color:#fff; font-weight: bold;}
.main_product .swiper-button-prev,
.main_product .swiper-button-next{width: 5rem; height: 5rem; background: none;}
.main_product .swiper-button-prev{left:5rem; background: url(../images/main/arrow_prev.png) no-repeat center; }
.main_product .swiper-button-next{right:5rem; background: url(../images/main/arrow_next.png) no-repeat center;}

/* 하단 */
.main_bottom{padding: 10rem 0;}
.main_bottom h2{font-weight: bold; font-size: 5rem; text-align: center; color:#013571}
.main_bottom h2 span{display: block;}

.bottom_box{display: flex; gap:1rem; justify-content: center;}
.bottom_box ul{display: flex; flex-direction: column; gap:1rem}
.bottom_box img{border-radius: 1rem; }
.bottom_box p{position: absolute; top:50%; left: 50%; transform: translate(-50% , -50%); color:#fff; font-size: 2.4rem; opacity: 0;}
.bottom_box ul li{position: relative;}
.bottom_box ul li::before{content: ''; width: 0%; height: 0%; background:#1c2544; position: absolute; top: 50%; left: 50%;transform: translate(-50% , -50%);  border-radius: 1rem; opacity: 0; transition: .5s;}
.bottom_box ul li:hover p{opacity: 1;}
.bottom_box ul li:hover::before{opacity: 0.8; width: 100%; height: 100%;}

.bottom_logo{display: flex; height: 100%; justify-content: center; align-items: center;}
.bottom_logo::before{display: none;}
.bottom_logo img{border-radius: 0;}