@charset "utf-8";
html,body,.wrap{height: 100%;}
:root {
	--main-color: #000f31;
	--main-font: 'Noto Serif KR';
	--white:#fff;
	--black:#010101;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
}
p{font-weight:300;letter-spacing:-0.2px;}

/*common*/
.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;}
.more_btn{ 
	font-size:1.6rem;color:#fff !important;width:148px;height:48px;border-radius:5px;
	border:1px solid #5a5c63 !important;text-align:center;line-height:46px;
	transition:opacity 0.3s;display:block;
}
.more_btn:hover{
	border:1px solid #888f9f !important;
	box-shadow:0 0 4px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.35), 0 0 18px rgba(255,255,255,0.2);
}
.txt_wrap{margin-bottom:55px;}
.txt_wrap h1{font-family:var(--main-font);font-size:70px;font-weight:500;}
.txt_wrap p{font-size:1.8rem;line-height:34px;margin-top:20px;}

/*vis*/
#section0{position:relative;/* padding:200px 0 190px; */padding:130px 0 190px;}
#section0 .vis{display:flex;align-items:center;justify-content:center;gap:40px;max-width:1460px;width:100%;padding:0 20px;margin:auto;}
#section0 .vis .vis_videoBox{width:33.3333%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;}
#section0 .vis .vis_videoBox video{/* width:430px;height:600px; */width:480px;height:680px;object-fit:cover;}
#section0 .vis .hero-title{width:33.3333%;font-family:var(--main-font);font-size:5rem;font-weight:400;line-height:66px;color:#fff;margin-top:65px;}
#section0 .vis .hero-line{
  display:block;width:max-content; 
  filter:
  drop-shadow(0 0 1px rgba(255,255,255,0.9))
  drop-shadow(0 0 3px rgba(83,150,251,0.6))
  drop-shadow(0 0 7px rgba(83,150,251,0.5))
  drop-shadow(0 0 12px rgba(83,150,251,0.32));
}
#section0 .vis p{width:33.3333%;font-size:1.8rem;letter-spacing:-0.2px;color:#fff;line-height:34px;/* margin-top:345px; */margin-top:470px;}
#section0 .vis_txt{position:absolute;top:129px;;left:50%;transform:translateX(-50%);text-align:center;z-index:-1;}
#section0 .vis_txt h1{color:#04153c;font-size:22rem;line-height:220px;font-weight:black;white-space:nowrap;}

/* sect1 */
#section1{width:100%;height:652px;background:url('../../images/facility_bg.png') no-repeat center/cover;margin-bottom:500px;}
#section1 .facility_txtBox{width:100%;height:652px;display:flex;flex-direction:column;justify-content:center;}
#section1 .facility_txtBox h1{font-family:var(--main-font);font-weight:500;font-size:6.4rem;color:#fff;}
#section1 .facility_txtBox p{font-size:1.8rem;color:#fff;line-height:34px;margin:30px 0 90px;letter-spacing:-0.2px;}
#section1 .more_btn{border: 1px solid rgba(255,255,255,.5) !important;}
#section1 .marqueeBx{overflow:hidden;position:relative;bottom:0;}
#section1 .marquee{display: inline-flex; animation: marquee forwards infinite 25s linear;animation-duration: 10s;}
#section1 .marquee .m_con{font-family:'Pretendard';white-space: nowrap; /* font-size: 200px; */font-size:140px;color:#fff;}

@keyframes marquee {
	from { transform:translateX(0) }
	to { transform:translateX(-50%) }
}

/* sect2 */
#section2{margin-bottom:305px;}
#section2 .formula_wrap{border-top:1px solid #4d576f;border-bottom:1px solid #4d576f;position:relative;}
#section2 .formula_wrap::after{
	content:'';width:100%;height:1px;background:#4d576f;position:absolute;
	top:50%;left:50%;transform:translate(-50%, -50%);
}
#section2 .formula_box{display:flex;flex-wrap:wrap;align-items:center;max-width:1920px;width:100%;padding:0 10px;margin:auto;}
#section2 .formula_con{width:25%;padding:25px 20px;border-right:1px solid #4d576f;}
#section2 .formula_con.con4,
#section2 .formula_con.con8{border-right:0;}
#section2 .formula_con .formula_imgBox{position:relative;}
#section2 .formula_con .formula_imgBox::after{ 
	content:'';width:100%;height:99.2%;background:rgba(255,26, 91,0.55);
	position:absolute;top:0;left:0;opacity:0;transition:all 0.3s;
}
#section2 .formula_con .formula_imgBox img{width:100%;}
#section2 .formula_con .formula_ho{
	opacity:0;font-size:1.8rem;border-bottom:1px solid #fff;transition:opacity 0.3s;
	position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;font-weight:400;
}
#section2 .formula_con .formula_txtBox{padding:20px 0;}
#section2 .formula_con .formula_txtBox span{color:#666;font-size:18px;font-weight:500;}
#section2 .formula_con .formula_txtBox h5{font-size:2.2rem;font-weight:600;margin-top:10px;}
#section2 .formula_con:hover img{border-radius:70px;transition: all 0.3s;}
#section2 .formula_con:hover .formula_imgBox::after{border-radius:70px;opacity:1;transition:all 0.3s;}
#section2 .formula_con:hover .formula_ho{opacity:1;transition:opacity 0.3s;}
#section2 .more_btn{margin:75px auto 0;}

/* sect3 */
#section3{margin-bottom:245px;}
#section3 .service_wrap{position:relative;border-top:1px solid #4d576f;border-bottom:1px solid #4d576f;padding:20px 0 50px;}
#section3 .service_wrap::after{content:'';width:1px;height:100%;background:#4d576f;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#section3 .main_smart-wrap{display:flex;gap:85px;align-items:center;}
#section3 .main_smart-infoBox{width:50%;}
#section3 .main_s-cont{display:none;opacity:0;transform:translateY(8px);transition:opacity .25s ease, transform .25s ease;}
#section3 .main_s-cont.on{display:block;opacity:1;transform:translateY(0);}
#section3 .m_s_cont_imgBox img{max-width:100%;height:auto;display:block;}
#section3 .m_s-cont_txtBox{margin-top:40px;}
#section3 .m_s-cont_txtBox h5{font-size:2.8rem;color:#999;line-height:26px;margin-bottom:16px;letter-spacing:-0.2px;font-family:var(--main-font);font-weight:400;}
#section3 .m_s-cont_txtBox p{font-size:1.8rem;line-height:26px;}
#section3 .main_smart-btnBox{width:50%;}
#section3 .main_smart-btnBox ul{display:flex;flex-direction:column;gap:75px;}
#section3 .main_smart-btnBox li{width:fit-content;color:#2a3a5d;font-family:var(--main-font);font-size:5.6rem;letter-spacing:-0.2px;}
#section3 .main_s-btn{position:relative;}
#section3 .main_s-btn::after{ 
	content:'';width:52px;height:28px;background:url('../../images/service_arrow.png') no-repeat center/cover;
	position:absolute;top:50%;right:-75px;opacity:0;transform:translateY(-50%);
}
#section3 .main_s-btn:hover,
#section3 .main_s-btn.on{
	color:#fff;position:relative;
}
#section3 .main_s-btn:hover::after,
#section3 .main_s-btn.on::after{opacity:1;transition: opacity 0.3s;}
#section3 .more_btn{margin:60px auto 0;}

/* section4 */
#section4{margin-bottom:60px;}
#section4 .review-swiper{border-top:1px solid #4d576f;border-bottom:1px solid #4d576f;}
#section4 .swiper-slide{padding:25px;border-right:1px solid #4d576f;}
#section4 .swiper-slide.last{border-right:0;}
#section4 .swiper-slide img{transition:all 0.3s;}
#section4 .swiper-slide:hover img{border-radius:50px;transition:all 0.3s;}

/* section5 */
#section5{margin-bottom:70px;overflow:hidden;}
#section5 .partners-slick .slick-track{display:flex;align-items:center;will-change: transform;}
#section5 .partners-slide{width: auto;margin:0 30px;}
#section5 .partner-item{display: inline-flex;align-items: center;justify-content: center;height: 70px;position: relative;}
#section5 .logo-wrap{position: relative;display: inline-block;height: 70px;}
#section5 .logo-wrap .logo{height: 100%;width: auto;display: block;}
#section5 .logo-wrap .gray{position: relative;opacity: 1;}
#section5 .logo-wrap .white{position: absolute;inset: 0;margin: auto;opacity: 0;transition: opacity .2s ease;}
#section5 .partner-item:hover .logo-wrap .white{ opacity: 1; }
#section5 .partner-item:hover .logo-wrap .gray { opacity: 0; transition: opacity .2s ease; }

/* section6 */
#section6{margin-bottom:75px;}
#section6 .contact_wrap{width:100%;height:482px;overflow:hidden;position:relative;}
#section6 .contact_bg{
  position:absolute;
  left:0;right:0;top:-60%;height:220%;
  background:url('../../images/contact_bg.png') no-repeat center/cover;
  z-index:0;
  will-change: transform;
  transform: translate3d(0,0,0);
}
#section6 .contact_txtBox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000f31;text-align:center;}
#section6 .contact_txtBox h1{font-family:var(--main-font);font-size:7rem;font-weight:400;}
#section6 .contact_txtBox h5{font-size:1.8rem;letter-spacing:-0.2px;font-weight:400;margin:15px 0 45px;}
#section6 .contact_txtBox .more_btn{color:#000f31 !important;border:1px solid #000f31 !important;display:flex;align-items:center;justify-content:center;gap:45px;margin:auto;}
#section6 .contact_txtBox .more_btn img{transform:translateX(0);transition: transform 0.3s;}
#section6 .contact_txtBox .more_btn:hover{opacity:.8;}
#section6 .contact_txtBox .more_btn:hover img{transform:translateX(5px);transition: transform 0.3s;}

/* ------------- response -------------- */

@media screen and (max-width: 1450px){ 
	#section3 .main_smart-wrap{gap:50px;}
	#section3 .service_wrap{padding:30px 0 50px;}
	#section3 .m_s_cont_imgBox img{width:100%;}
	#section3 .main_smart-btnBox li{font-size:5rem;line-height:58px;}
}
@media screen and (max-width: 1380px){ 
	#section0 .vis_txt h1{font-size:18rem;line-height:200px;}
	#section0 .vis .hero-title{font-size:4rem;line-height:52px;}
	#section0 .vis p{font-size:1.6rem;line-height:30px;}
}
@media screen and (max-width: 1280px){ 
	#section0{padding:100px 0 190px;}
	#section0 .vis{flex-direction:column;}
	#section0 .vis .hero-title{width:100%;font-size:4rem;line-height:52px;text-align:center;}
	#section0 .vis .hero-line{display:inline-block;}
	#section0 .vis .vis_videoBox{width:100%;gap:30px;margin-top:50px;}
	#section0 .vis p{width:100%;font-size:1.6rem;line-height:30px;margin-top:30px;text-align:center;}
	#section0 .vis p .pc_space{display:none;}
	#section0 .vis_txt{top:50%;transform:translate(-50%, -50%);}
	#section0 .vis_txt h1{font-size:15rem;line-height:160px;}

	#section2 .formula_con .formula_txtBox span{font-size:16px;}
	#section2 .formula_con .formula_txtBox h5{font-size:1.8rem;margin-top:8px;}

	#section3 .main_smart-btnBox li{font-size:4rem;height:55px;}
	#section3 .m_s-cont_txtBox h5{font-size:2.2rem;}
	#section3 .m_s-cont_txtBox p{font-size:1.6rem;}
}
@media screen and (max-width: 1180px){ 
	#section3 .service_wrap::after{display:none;}
	#section3 .main_smart-infoBox{width:100%;}
	#section3 .main_smart-wrap{flex-direction:column-reverse;}
	#section3 .m_s_cont_imgBox img{width:80%;margin:auto;}
	#section3 .main_smart-btnBox{width:100%;}
	#section3 .main_smart-btnBox ul{flex-direction:row;justify-content:center;width:100%;align-items:center;}
	#section3 .main_smart-btnBox li{font-size:2.2rem;white-space:nowrap;}
	#section3 .main_s-btn::after{width:25px;height:17px;right:-38px;}
}
@media screen and (max-width: 1080px){
	#section2{margin-bottom:200px;}
	#section2 .formula_wrap::after{display:none;} 
	#section2 .formula_box{padding:0;}
	#section2 .formula_con{width:33.333%;border-bottom:1px solid #4d576f;}
	#section2 .formula_con.con3, #section2 .formula_con.con6{border-right:0;}
	#section2 .formula_con.con4, #section2 .formula_con.con8{border-right:1px solid #4d576f;}
	#section2 .formula_con.con7, #section2 .formula_con.con8{border-bottom:0;}
}
@media screen and (max-width: 980px){ 
	.txt_wrap h1{font-size:55px;}
	.txt_wrap p{font-size:1.6rem;line-height:28px;margin-top:10px;}

	#section1{margin-bottom:380px;height:560px;}
	#section1 .facility_txtBox{height:560px;}
	#section1 .facility_txtBox h1{font-size:5rem;}
	#section1 .facility_txtBox p{font-size:1.6rem;line-height:30px;margin:20px 0 50px;}
	#section1 .marquee .m_con{font-size:150px;}

	#section3 .main_smart-btnBox ul{flex-wrap:wrap;justify-content:center;gap:0;}
	#section3 .main_smart-btnBox li{width:35%;}
	#section3 .main_s-btn::after{display:none;}

	#section6 .contact_wrap{height:380px;}
	#section6 .contact_txtBox h1{font-size:5rem;}
	#section6 .contact_txtBox h5{font-size:1.6rem;margin:10px 0 30px;}
}

@media screen and (max-width: 820px){ 
	
}
@media screen and (max-width: 768px){ 
	.more_btn{font-size:1.4rem;height:45px;line-height:42px;}

	#section0 .vis .hero-title{font-size:3rem;line-height:45px;}
	#section0 .vis .vis_videoBox{margin-top:0;}
	#section0 .vis .vis_videoBox a{font-size:1.4rem;height:45px;line-height:42px;}
	#section0 .vis p{font-size:1.5rem;line-height:28px;margin-top:0;}

	#section2 .formula_con{width:50%;}
	#section2 .formula_con.con2, #section2 .formula_con.con4,
	#section2 .formula_con.con6, #section2 .formula_con.con8{border-right:0;}
	#section2 .formula_con.con3{border-right:1px solid #4d576f;}
	#section2 .more_btn{margin:50px auto 0;}

	#section6 .contact_wrap{height:300px;}
	#section6 .contact_txtBox{width:100%;}
	#section6 .contact_txtBox h1{font-size:4rem;}
}
@media screen and (max-width: 660px){ 
	#section1 .marquee .m_con{font-size:100px;}

	#section3 .main_smart-btnBox li{font-size:1.8rem;height:38px;width:45%;}
	#section3 .m_s_cont_imgBox img{width:100%;}
}
@media screen and (max-width: 600px){ 
	
}
@media screen and (max-width: 550px){ 
	#section0 .vis_txt{display:none;}
}
@media screen and (max-width: 500px){
	.txt_wrap{margin-bottom:35px;} 
	.txt_wrap h1{font-size:40px;}
	.txt_wrap p{font-size:1.5rem;line-height:26px;margin-top:10px;}

	#section0 .vis .vis_videoBox video{width:100%;height:auto;}

	#section1{margin-bottom:230px;height:435px;position:relative;}
	#section1::after{content:'';width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;inset:0;}
	#section1 .facility_txtBox{height:435px;position:relative;z-index:1;}
	#section1 .facility_txtBox h1{font-size:3.2rem;}
	#section1 .facility_txtBox p{font-size:1.4rem;line-height:26px;margin:10px 0 30px;}
	#section1 .marquee .m_con{font-size:80px;}

	#section2, #section3{margin-bottom:120px;}
	#section2 .formula_con{padding:12px;}
	#section2 .formula_con .formula_txtBox span{font-size:14px;}
	#section2 .formula_con .formula_txtBox h5{font-size:16px;}
	#section2 .formula_con .formula_ho{font-size:1.4rem;white-space:nowrap;}
	#section2 .formula_con:hover img{border-radius:45px;}
	#section2 .formula_con:hover .formula_imgBox::after{border-radius:45px;}

	#section3 .service_wrap{border-top:0;padding:0 0 50px;}
	#section3 .m_s-cont_txtBox{margin-top:20px;}
	#section3 .m_s-cont_txtBox h5{font-size:1.8rem;}
	#section3 .m_s-cont_txtBox p{font-size:1.4rem;line-height:24px;}
	#section3 .more_btn{margin:35px auto 0;}
	#section3 .main_smart-wrap{gap:8px;}
	#section3 .main_smart-btnBox li{height:auto;width:100%;border-bottom:1px solid #4d576f;line-height:46px;}
	#section3 .main_smart-btnBox li:last-child{border-bottom:0;}

	#section4{margin-bottom:30px;}
	#section4 .swiper-slide{padding:20px;width:250px;}
	#section4 .swiper-slide img{width:100%;}

	#section5 .logo-wrap{height:55px;}

	#section6 .contact_wrap{height:235px;}
	#section6 .contact_txtBox h1{font-size:3rem;}
	#section6 .contact_txtBox h5{font-size:1.4rem;margin:8px 0 25px;}
}

@media screen and (max-width: 450px){ 
	.more_btn{font-size:1.2rem;height:40px;line-height:35px;width:120px;}

	#section0 .vis .hero-title{font-size:2.5rem;line-height:38px;}
	#section0 .vis .vis_videoBox a{font-size:1.2rem;height:40px;line-height:35px;width:120px;}
}

@media screen and (max-width: 430px){ 
	#section3 .main_smart-btnBox li{font-size:1.6rem;}
	#section3 .main_s-btn a::after{width:22px;height:13px;right:-30px;}
}

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

@media screen and (max-width: 390px){ 
	.txt_wrap h1{font-size:35px;}
	.txt_wrap p{font-size:1.4rem;line-height:24px;}

	#section0{padding:100px 0 150px;}
	#section0 .vis p{font-size:1.4rem;line-height:26px;}

	#section2 .formula_con .formula_txtBox span{font-size:12px;}
	#section2 .formula_con .formula_txtBox h5{font-size:14px;white-space:nowrap;margin-top:5px;}
}

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