@charset "utf-8";
html,body,.wrap{height: 100%;}
:root {
	--main-color: #223482;
	--sub-color: #005431;
	--white:#fff;
	--black:#010101;
	--sub-font:'Montserrat';
}

/*common*/
/* section:not(#section5):not(#section0,#section2){padding-bottom:150px;} */
.fa-add::before, .fa-plus::before{content:"\2b";}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family:"Font Awesome 6 Free";}
.fa-regular, .far{font-weight:400;}

.sect-wrap{max-width:1580px;padding:0 20px;}
.sect .txt_wrap{margin-bottom:50px;text-align:center;}
.sect .main_subTit{font-size:2.2rem; color:var(--main-color);}
.sect .big_tit{font-size:4.6rem; color:#000; font-weight:700;line-height:58px;letter-spacing:-0.2px;margin-top:25px;}

/*vis*/
#section0{width:100%; height:100vh; top:0; position:relative;}
#section0 .sec_con{position:absolute; top:50%; left:0;transform:translateY(-50%);z-index:5; width:100%;}

.vis{position: absolute; top:0; left:0; width:100%; height:100%;}
.vis_wrap{height: 100%;}
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.vis1 .vis_bg{height: 100%; background-image: url('../../images/main-slide-01.png');}
.vis2 .vis_bg{height: 100%; background-image: url('../../images/main-slide-02.png');}
.vis3 .vis_bg{height: 100%; background-image: url('../../images/main-slide-03.png');}
.vis4 .vis_bg{height: 100%; background-image: url('../../images/main-slide-04.png');}

.vis_txt{color:#fff;}
.vis_txt h3{font-size:3.6rem;font-weight:400;}
.vis_txt h1{font-size:9.6rem;font-weight:600; line-height:100px;margin:10px 0 40px;}
.vis_txt h5{font-size:4rem;font-weight:400;margin-bottom:15px;}
.vis_txt p{font-size:2.6rem;font-weight:400;}

/*  pagination */
#section0 .slide_con{position:absolute; bottom:80px; left:0; z-index:9; width:100%;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:80px; height:4px; background:#868686;opacity:1;transition:all 0.3s ease; border-radius:0;}
#section0 .slide_con .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
#section0 .slide_con .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px 0 0;}
#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet-active{background:white;}

.more_btn{
  width:180px;height:54px;border:1px solid var(--main-color) !important;
  display:flex;align-items:center;justify-content:center;gap:30px;
  font-size:1.4rem;color:var(--main-color) !important;background:transparent;
  border-radius:5px;margin-top:35px;position:relative;overflow:hidden;
}
.more_btn::after{
  content:'';position:absolute;top:0; left:-120%;width:120%; height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.35),
    transparent
  );
  transition:left .5s ease;
}
.more_btn img{transition: transform .25s ease;}
.more_btn:hover::after{left:120%;}
.more_btn:hover img{transform: translateX(5px);}

.main_sect_tit{font-size:5.2rem;font-weight:700;color:#000;margin-bottom:45px;text-align:center;}

/* section1 */
#section1 .main_num_wrap{display:flex;gap:65px;}
#section1 .main_num_txtBox{color:#000;}
#section1 .main_num_txtBox h1{font-size:6.6rem;font-weight:600;line-height:68px;white-space:nowrap;}
#section1 .main_num_txtBox h5{font-size:2.6rem;font-weight:600;line-height:36px;margin:45px 0 15px;}
#section1 .main_num_txtBox p{color:#222;font-size:1.8rem;line-height:30px;letter-spacing:-0.3px;white-space:nowrap;}
#section1 .main_num_conBox{display:flex;gap:20px;width:100%;}
#section1 .main_num_con{
	width:33.3333%;height:418px;border-radius:10px;background:#f7f5f3;padding:40px 35px 60px;
	display:flex;flex-direction:column;justify-content:space-between;
}
#section1 .main_num_iconBox span{display:block;font-size:2rem;font-weight:500;color:#000;margin-top:12px;}
#section1 .main_num_txt{display:flex;align-items:flex-end;gap:5px;}
#section1 .main_num_txt h1{color:#000;font-size:10rem;font-weight:400;margin-bottom:-10px;}
#section1 .main_num_txt h5{color:#000;font-size:5.6rem;font-weight:400;}

/* section2 */
#section2 .bus_wrap{display:flex;}
#section2 .bus_con{width:50%;height:632px;position:relative;}
#section2 .bus_con img{width:100%;height:100%;object-fit:cover;}
#section2 .bus_txtBox{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-align:center;}
#section2 .bus_txtBox h3{font-size:4rem;font-weight:600;margin-bottom:15px;}
#section2 .bus_txtBox p{font-size:1.8rem;line-height:30px;}

/* section3 */
#section3 .main_pro_wrap{display:flex;gap:20px;align-items:center;}
#section3 .main_pro_con{width:33.3333%;height:610px;border-radius:10px;position:relative;}
#section3 .main_pro_con img{border-radius:10px;}
#section3 .main_pro_con .main_pro_txtBox{
	position:absolute;color:#fff;bottom:55px;left:45px;font-size:2.4rem;
	font-weight:500;transition:all 0.3s;
}
#section3 .main_pro_con .main_pro_txtBox_h{ 
	position:absolute;color:#fff;bottom:55px;left:45px;font-size:2.4rem;
	font-weight:500;opacity:0;transform:translateY(10px);visibility:hidden;transition:all 0.3s ease;
}
#section3 .main_pro_con .main_pro_txtBox_h p{font-size:1.8rem;font-weight:300;letter-spacing:-0.3px;line-height:26px;margin:17px 0 50px;}
#section3 .main_pro_con .main_pro_txtBox_h .pro_view_btn{display:flex;align-items:center;font-size:1.4rem;gap:10px;transition:all 0.3s;}
#section3 .main_pro_con:hover .main_pro_txtBox{opacity:0;transform:translateY(10px);}
#section3 .main_pro_con:hover .main_pro_txtBox_h{opacity:1;transform:translateY(0);visibility:visible;}
#section3 .main_pro_con .main_pro_txtBox_h .pro_view_btn:hover{gap:13px;transition:all 0.3s;}

/* section4 */
#section4 .cus_wrap{width:100%;height:588px;position:relative;}
#section4 .cus_wrap > img{width:100%;height:100%;object-fit:cover;}
#section4 .cus_txtBox{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;}
#section4 .cus_txtBox h1{font-size:6rem;font-weight:600;margin-bottom:15px;}
#section4 .cus_txtBox p{font-size:2.2rem;letter-spacing:-0.3px;}
#section4 .cus_txtBox .more_btn{
	margin-top:50px;border:1px solid #fff !important;color:#fff !important;
	left:50%;transform:translateX(-50%);
}

/* ------------- response -------------- */
@media screen and (max-width: 1580px){ 
	#section3 .main_pro_con{height:100%;}
	#section3 .main_pro_con > img{width:100%;}
}
@media screen and (max-width: 1450px){ 
	/* common */
	.sect .big_tit{font-size:5rem;}

	/* sect0 */
	.vis_txt .main_slide-tit{font-size:5rem;}
	.vis_txt .main_slide-txt{font-size:2.4rem;}

}
@media screen and (max-width: 1400px){ 
	#section1 .main_num_wrap{flex-direction:column;}
	#section1 .main_num_txtBox h5 br{display:none;}
	#section1 .main_num_txtBox p{white-space:wrap;}
	#section1 .main_num_txtBox p .pc_space{display:none;}
}
@media screen and (max-width: 1280px){ 
	/* sect0 */
	#section0 {height:850px;}
	.vis_txt h3{font-size:3rem;}
	.vis_txt h1{font-size:7rem;line-height:75px;}
	.vis_txt h5{font-size:3rem;margin-bottom:10px;}
	.vis_txt p{font-size:2.2rem;}

	#section3 .main_pro_wrap{gap:15px;}
	#section3 .main_pro_con .main_pro_txtBox{bottom:45px;left:25px;font-size:2rem;}
	#section3 .main_pro_con .main_pro_txtBox_h{bottom:45px;left:25px;font-size:2rem;}
	#section3 .main_pro_con .main_pro_txtBox_h p{font-size:1.6rem;padding-right:10px;}
	#section3 .main_pro_con .main_pro_txtBox_h p .pc_space{display:none;}
}	
	
@media screen and (max-width: 1080px){ 
	/* common */
	.sect .big_tit{font-size:4.5rem;}
	.vis_txt .main_slide-tit{font-size:4.5rem;}
	.vis_txt .main_slide-txt{font-size:2rem;}
	.main_sect_tit{font-size:4rem;margin-bottom:35px;}

	#section2 .bus_con{height:450px;}
	#section2 .bus_txtBox h3{font-size:3rem;}
	#section2 .bus_txtBox p{font-size:1.6rem;line-height:28px;}
}

@media screen and (max-width: 980px){ 
	/* sect0 */
	.vis_txt .main_slide-txt{line-height:20px;}
	.mb-240, .mb-250{margin-bottom:20rem;}

	#section0{height:700px;}
	.vis_txt h3{font-size:2.5rem;}
	.vis_txt h1{font-size:5.5rem;line-height:62px;margin:5px 0 20px;}
	.vis_txt h5{font-size:2.5rem;}
	.vis_txt p{font-size:2rem;}

	#section1 .main_num_txtBox h1{font-size:5rem;line-height:56px;white-space:wrap;}
	#section1 .main_num_txtBox h1 .pc_space{display:none;}
	#section1 .main_num_txtBox h5{font-size:2.2rem;margin:25px 0 10px;}
	#section1 .main_num_txtBox p{font-size:1.6rem;line-height:28px;}
	#section1 .main_num_conBox{gap:15px;}
	#section1 .main_num_con{height:100%;}
	#section1 .main_num_iconBox span{font-size:1.5rem;margin-top:5px;white-space:nowrap;}
	#section1 .main_num_txt{margin-top:30px;}
	#section1 .main_num_txt h1{font-size:6rem;}
	#section1 .main_num_txt h5{font-size:4rem;}

	#section3 .main_pro_wrap{flex-wrap:wrap;justify-content:center;}
	#section3 .main_pro_con{width:48%;}

	#section4 .cus_wrap{height:375px;}
	#section4 .cus_txtBox h1{font-size:4rem;}
	#section4 .cus_txtBox p{font-size:1.8rem;}
	#section4 .cus_txtBox .more_btn{margin-top:30px;}
}

@media screen and (max-width: 820px){ 
	/* common */
	.sect .big_tit{font-size:4rem;}

	#section2 .bus_wrap{flex-direction:column;}
	#section2 .bus_con{width:100%;height:100%;}
}

@media screen and (max-width: 768px){ 
	/* common */
	.sect .big_tit{font-size:3.6rem;line-height:50px;}
	.sect .main_subTit{font-size:2rem;}

	#section0.mb-240{margin-bottom:13rem;}
}
@media screen and (max-width: 660px){ 
	.more_btn{width:155px;height:45px;margin-top:20px;}

	#section1 .main_num_txtBox h1{font-size:3.5rem;line-height:44px;}
	#section1 .main_num_txtBox h5{font-size:2rem;margin:15px 0 5px;}
	#section1 .main_num_txtBox p{font-size:1.4rem;line-height:26px;}
	#section1 .main_num_conBox{flex-direction:column;}
	#section1 .main_num_con{width:100%;}

	#section3 .main_pro_con{width:100%;}
}
@media screen and (max-width: 500px){ 
	/* common */
	.view_btn{font-size:13px;}
	.sect-wrap{padding:0 15px;}
	.mb-190, .mb-250{margin-bottom:13rem;}
	.main_sect_tit{font-size:3rem;margin-bottom:25px;}

	/* section0 */
	#section0{height:550px;}
	.vis_txt h3{font-size:1.8rem;}
	.vis_txt h1{font-size:3.6rem;line-height:42px;margin:5px 0 10px;}
	.vis_txt h5{font-size:2.2rem;}
	.vis_txt p{font-size:1.8rem;}
	#section0 .slide_con{bottom:40px;}
	#section0 .slide_con .swiper-pagination2 .swiper-pagination-bullet{width:50px;}

	#section1 .main_num_con{padding:20px 25px 30px;}
	#section1 .main_num_txt h1{font-size:5rem;}
	#section1 .main_num_txt h5{font-size:3.5rem;}

	#section2.mb-240{margin-bottom:13rem;}
	#section2 .bus_con.con2{margin-top:-5px;}
	#section2 .bus_txtBox h3{font-size:2.2rem;margin-bottom:5px;}
	#section2 .bus_txtBox p{font-size:1.4rem;line-height:24px;padding:0 20px;}

	#section3 .main_pro_con .main_pro_txtBox_h p{padding-right:20px;}

	#section4 .cus_wrap{height:265px;}
	#section4 .cus_txtBox h1{font-size:3rem;}
	#section4 .cus_txtBox p{font-size:1.4rem;}
	#section4 .cus_txtBox .more_btn{margin-top:20px;}
}

@media screen and (max-width: 450px){ 
	.more_btn{font-size:1.3rem;width:140px;height:42px;}	

	#section1 .main_num_wrap{gap:35px;}
	#section1 .main_num_txtBox h1{font-size:3rem;line-height:40px;}
	#section1 .main_num_txtBox h5{font-size:1.8rem;line-height:30px;}
}

@media screen and (max-width: 430px){ 
	.vis_txt h3{font-size:2rem;}
	.vis_txt h1{font-size:4rem;line-height:46px;margin:5px 0 10px;}
	.vis_txt h5{font-size:2rem;margin-bottom:5px;}
	.vis_txt p{font-size:1.6rem;}

	#section3 .main_pro_wrap{gap:10px;}
	#section3 .main_pro_con .main_pro_txtBox{bottom:30px;font-size:1.8rem;}
	#section3 .main_pro_con .main_pro_txtBox_h{bottom:30px;font-size:1.8rem;}
	#section3 .main_pro_con .main_pro_txtBox_h p{font-size:1.4rem;line-height:22px;margin:10px 0 30px;}
}

@media screen and (max-width: 390px){ 
	.main_sect_tit{font-size:2.6rem;}

	#section1 .main_num_txtBox h1{font-size:2.6rem;line-height:36px;}
	#section1 .main_num_txtBox h5{font-size:1.6rem;line-height:28px;}
}

@media screen and (max-width: 375px){ 
}