#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); } 
.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:0; opacity:0; font-family: var(--font-eng); font-size: 15rem; transition:0.5s 0.5s }
.msec1 .swiper-slide .slogan .text2 { top:0px; opacity:0; filter: blur(10px); font-size:10rem; font-family: var(--font-eng); text-transform: uppercase; transition:0.5s 1s } 
.msec1 .swiper-slide .slogan .text3 { top:0px; opacity:0; filter: blur(10px); font-size:2rem; transition:0.5s 1s } 


.msec1 .swiper-slide .bg { transform:scale(1.1); transition:10s; height:94.6rem; 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:-5rem; opacity:1; filter:blur(0) } 
.msec1 .swiper-slide-active .slogan .text3 { top:-3rem; opacity:1; filter:blur(0) } 

/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next { width: 5rem; height: 5rem; color:#fff; background: none; bottom:10rem; top:auto; font-size: 5rem; } 

.msec1 .swiper-button-prev { left:auto; left: calc(80% - 5rem); } 
.msec1 .swiper-button-next { left:auto; left: 80%; right:0 } 
.msec1 .swiper-pagination { max-width:var(--container); font-weight: bold; padding:0 2rem; color:#fff; text-align: left; position: absolute; left: 50%; transform: translate(-50%); bottom: 10rem; } 

.msec1 .swiper-progress-bar { position: absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar { position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 50%; transform: translateX(-50%); right: 0; } 
.msec1 .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; } 
.msec1 .swiper-progress-bar.active .slide_progress-bar { opacity: 1; } 
.msec1 .swiper-progress-bar.animate .slide_progress-bar:after { transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; } 


.msec1 .swiper-slide .main_img{position: absolute; top: 30%; right: -100px; z-index: 8; opacity: 0; transition:0.5s 0.5s }
.msec1 .swiper-slide .main_img2{position: absolute; top: 30%; right: 0%; z-index: 8; opacity: 0; transition:0.5s 0.5s }
.msec1 .swiper-slide .main_img3{position: absolute; top: 30%; right: 0%; z-index: 8; opacity: 0; transition:0.5s 0.5s }

.msec1 .swiper-slide-active .main_img{position: absolute; top: 30%; right: 0; z-index: 8; opacity: 1;}
.msec1 .swiper-slide-active .main_img2{position: absolute; top: 30%; right: 15%; z-index: 8; opacity: 1;}
.msec1 .swiper-slide-active .main_img3{position: absolute; top: 30%; right: 10%; z-index: 8; opacity: 1;}


/* pagenation */

/*.msec1 .swiper-pagination-bullet { opacity: 0.5; width: 15px; height: 15px; background: #fff; box-shadow: 0px 0px 3px #fff; } 
.msec1 .swiper-pagination-bullet-active { background:#fff; opacity: 1; } 
*/


.msec1 .swiper-pagination-bullet { 
 background: transparent; width: 4rem; height: 4rem; 
 } 
 .msec1 .swiper-pagination-bullet-active .path { 
 display: inline-block !important; 
 stroke-dasharray: 1000; 
 stroke-dashoffset: 0; 
 -webkit-animation: dash linear 120s; 
 animation: dash linear 120s; 
 -webkit-animation-iteration-count: unset; 
 animation-iteration-count: unset; 
 } 
 .path { 
 display: none; 
 } 
 @-webkit-keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 
 @keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 


/* 메인 제품 */
.main_products{position:relative; margin-top: -6.7rem; margin-bottom: 9.3rem; z-index: 9;}
.product_wrap{display: flex; gap:5.7rem;  height: 43.4rem; }
.products_con{position: relative; flex:1; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.2); }
.products_con h2{font-family: var(--font-eng); font-weight: bold; font-size:5rem; text-transform: uppercase; margin-bottom: 2.6rem; padding:4rem 4rem 0 4rem}
.products_con p{position:absolute; bottom: 10rem; right: 4rem;}
.main_product_list{padding:0 4rem}
.main_product_list li{font-size: 1.9rem; color:#505050}
.main_product_btn{display: flex; position: absolute; bottom: 0; left: 0; width: 100%;}
.main_product_btn li{flex:1; text-transform: uppercase;}
.main_product_btn li a{display: block; background: var(--sub_color); color:#fff; text-align: center; padding:1rem 2rem}
.main_product_btn li:last-child a{background: var(--main_color);}