#main { position: relative; } 
#section1 { overflow: hidden; } 
.msec1 { position: relative; } 
.msec1 .swiper-slide { overflow:hidden } 
.msec1 .swiper-slide .slogan { position:absolute; z-index:10; top:40%; 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-size:2rem; font-weight: bold; transition:0.5s 0.5s } 
.msec1 .swiper-slide .slogan .text1 span { display: block; font-family: var(--font-eng); font-size: 8rem; text-transform: uppercase; font-weight: 900; } 
.msec1 .swiper-slide .slogan .text2 { top:10px; opacity:0; filter: blur(10px); font-size:8rem; font-family: var(--font-eng); font-weight: 900; text-transform: uppercase; transition:0.5s 1s } 
.msec1 .swiper-slide .slogan .text3 { top:10px; opacity:0; filter: blur(10px); font-size:2.4rem; transition:0.5s 1s } 


.msec1 .swiper-slide .bg {  transition:10s; height:102.5rem; position: relative; } 
.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) } 
.msec1 .swiper-slide-active .slogan .text3 { top:0; 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: 23%; top:66%; display: block; z-index: 1; width:100%; height:.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar { position: absolute; height: .3rem; background:#fff; width:10rem; clear: both; opacity:1;} 
.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-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_info{ padding:10rem 0 40rem 0 ; background: url(../images/main/info_bg.png) no-repeat center bottom; text-transform: uppercase;  text-align: center;}
.main_tit{font-weight: bold; font-family: var(--font-eng); color:var(--sub_color); text-align: left;}
.main_info ul{display: flex; margin-bottom: 5.4rem;}
.main_info ul li{flex:1; font-weight: 900; font-size: 6rem;}
.main_info p span{display: inline-block; margin-left: 1rem;}


/* 메인 비즈니스 */


.main_business{position: relative; margin-top: -15.6rem; }
.business_slide{position: relative; overflow: hidden;}

.business_slide .swiper-pagination{display: none;}
.business_slide .swiper-slide{ position: relative; background-size: cover; min-height: 550px; padding: var(--fmg); background-size: cover !important;}
.business_slide .swiper-slide.business01{ background:url(../images/main/business_bg01.png) no-repeat center center; }
.business_slide .swiper-slide.business02{ background:url(../images/main/business_bg02.png) no-repeat center center; }
.business_slide .swiper-slide.business03{ background:url(../images/main/business_bg03.png) no-repeat center center; }
.business_slide .swiper-slide.business04{ background:url(../images/main/business_bg04.png) no-repeat center center; }


.business_con{margin-left: 27.3rem;}
.business_con h3{font-weight: bold; font-family: var(--font-eng); color:var(--sub_color); font-size:2rem; text-transform: uppercase; margin-bottom: 4rem;}
.business_con dl{color:#fff;}
.business_con dl dt{font-weight: bold; font-size:6rem}
.business_con dl dt span{display: block; font-family: var(--font-eng); text-transform: uppercase; font-size: 3rem; font-weight: 900; margin-top: 2rem; margin-bottom: 4rem;}
.business_con dl dd{font-size: 2rem;}

.business_slide .swiper-pagination-bullet:nth-child(2){margin-top: 8rem;}


@media all and (min-width:768px) {

.business_slide .swiper-slide{padding: 50px;}

.business_slide .swiper-pagination{display: flex; position: relative; bottom: 0; flex-wrap: wrap; margin-top: 18.8rem;}
.business_slide .swiper-pagination-bullet{width: 25%; height: auto; border-radius: 0; opacity: 1; margin: 0 !important; color: #fff; padding: 20px; text-align: left; font-weight: 600;}
.business_slide .swiper-pagination-bullet:nth-child(1){background:url(../images/main/business01.png) no-repeat top left}
.business_slide .swiper-pagination-bullet:nth-child(2){background:url(../images/main/business02.png) no-repeat top left; position: relative; top:80px; right: 80px;}
.business_slide .swiper-pagination-bullet:nth-child(3){background:url(../images/main/business03.png) no-repeat top left; position: relative; top:-137px; right: 0;}
.business_slide .swiper-pagination-bullet:nth-child(4){background:url(../images/main/business04.png) no-repeat top left; position: relative; top:-50px; right: 80px;}

.business_slide .swiper-pagination-bullet span{display: block;}
.business_slide .swiper-pagination-bullet span{opacity: 0.6;}
.business_slide .swiper-pagination-bullet-active{opacity: 1;}
.business_slide .swiper-pagination-bullet-active i,
.business_slide .swiper-pagination-bullet-active span{opacity: 1;}

.business_slide .info dl dt{font-size: 2em;}

}

@media all and (min-width:1200px) {

.business_slide{display: flex;}
.business_slide .business_con{width: 50%; margin-top: 34.4rem;}
.business_slide .swiper-slide{height: 1364px;}
.business_slide .swiper-wrapper{width: 50%;}
.business_slide .swiper-pagination{width: 50%;}
.business_slide .swiper-pagination-bullet{width: 50%; height: 46.5rem; padding: 90px; font-size: 2.6rem;}
.business_slide .swiper-pagination-bullet span{font-size: 1.6rem; font-family: var(--font-eng); text-transform: uppercase; font-weight: 900;}
.main_business .main_tit{text-align: left;} 
}



/*  제품 소개 */
.main_product{position: relative; height: 100vh; display: flex; align-items: center;}
.main_product .inner{position: relative;}
.main_product .inner::before{content: ''; background: url(../images/main/product_bg.svg) no-repeat center; width: 852px; height:224px; position: absolute; top: 0; left: 0;}

.product_slide{position: relative; overflow: hidden;}
.product_slide .inner{overflow: hidden;}
.product_slide .swiper-slide{display: flex; gap:5rem}
.product_slide p{width: 50%;}
.product_slide dl{width:50%}
.product_slide dl dt{font-weight: 900; font-family: var(--font-eng); font-size: 6.5rem; text-transform: uppercase; margin-bottom: 1.5rem;}
.product_slide dl dt span{display: block; font-size:2rem; color:var(--main_color); margin-bottom: 2rem; font-family:'Pretendard', sans-serif; font-weight: 400;}
.product_slide dl dt em{font-size: 3.6rem; display: inline-block; margin-left: 3rem; font-weight: bold;}
.product_slide dl dd span{display: block; font-weight: bold; font-size:2.2rem; font-family: var(--font-eng); margin-bottom: 2.3rem;}
.product_slide a{display: inline-flex; align-items: center; padding: 2rem 4rem; background: var(--main_color); color:#fff; border-radius: 100px; transition: .5s; margin-top: 5rem;}
.product_slide a img{margin-left: 2rem;}
.product_slide a:hover{border-color:var(--sub_color);}

.product_slide .swiper-pagination{display: flex; gap:3rem;  position: relative; margin-top: 6rem; }
.product_slide .swiper-pagination-bullet{opacity: .7; flex:1; width: auto; height: auto; background: none; font-weight: bold; border-radius: 0; padding-top: 3rem; border-top:3px solid #ccc}
.product_slide .swiper-pagination-bullet-active{opacity: 1; border-top:3px solid var(--main_color)}





/* 메인 공지사항 */
.main_board{background: url(../images/main/news_bg.png) no-repeat top right; padding:13.4rem 0}
.main_board .inner{display: flex; gap:4.6rem}

.main_board_list{width: 70%;overflow: hidden;}
.main_board_list h2{font-weight: bold; font-family: var(--font-eng); color:var(--sub_color); font-size: 2rem; text-transform: uppercase;}
.main_board_list h2 span{display: block; color:#333; font-size: 6rem; margin-top: 1.7rem;}

.news_slide{margin-top: 5rem; position: relative;}
.news_slide p{overflow: hidden; border-radius: 2rem; height: 22.4rem; margin-bottom: 4rem;}
.news_slide p img{width: 100%;  height: 100%; object-fit: cover; transition: .5s;}
.news_slide p img:hover{transform: scale(1.2);}
.news_slide dl dt{font-weight:bold; font-size: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2.7rem;}
.news_slide dl dd{font-size: 1.6rem; color: #808080; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5.3rem;}
.news_slide span{display: block; color:#808080; font-size: 1.4rem; margin-bottom: 5.2rem;}


.news_slide .swiper-scrollbar{}
.news_slide .swiper-scrollbar-drag{background: var(--main_color);}



.main_board_card{width: calc(30% - 4.6rem); margin-top: 18rem;}
.card{margin-bottom: 3rem; position: relative;}
.card::before{content: ''; width: 3rem; height: 2.7rem; background: url(../images/main/icon_support.png) no-repeat center; position: absolute; bottom: 3.5rem; right: 3.5rem;}
.card a{display: block; height: 227px; background: var(--main_color); color:#fff; border-radius: 2rem; padding:3rem}
.card a dl dt{font-weight: bold; font-size: 2.6rem;}
.card a dl dd{font-family: var(--font-eng); font-size: 1.6rem; font-weight: bold; text-transform: uppercase;}

.card:nth-child(2)::before{background: url(../images/main/icon_inquiry.png); width: 3.2rem; height: 3.2rem;}
.card:nth-child(2) a{background: var(--sub_color);}