@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow:hidden;  }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column; align-items:center; row-gap:1.25rem; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
.main_title h2 { font-family:'Montserrat'; font-size:5rem; color:#fff; font-weight:700; letter-spacing:0.1em; line-height:1.083; } 
.main_title p { font-size:1.375rem; color:#fff; font-weight:500; text-align:center; } 

@media screen and (max-width: 1280px){
	.main_title h2 { font-size:4rem; } 
}
@media screen and (max-width: 1024px){
	.main_title h2 { font-size:3rem; } 
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 640px){
	.main_title h2 { font-size:2.5rem;  }
}
@media screen and (max-width: 480px){
	.main_title h2 { font-size:2rem; } 
	.main_title p { font-size:1rem; } 
}
/* 스마트폰 가로 */
@media screen and (min-width : 767px) and (max-width: 1023px) and (orientation : landscape ) {
	/*.main_title h2 { font-size:2rem; }*/
}


/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos {overflow:hidden;height:calc(var(--vh, 1vh) * 100) ;}
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;  line-height:1;color:#fff; }
#main__slider .slider__slogun > b {position:relative;display:block;  font-weight:800;font-size:5rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle { display:block;font-weight:800;font-size:5rem;line-height:1;color:#fff;overflow:hidden; margin-top:0.25rem; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p { position:relative;  font-size:1.5625rem; color:#fff; font-weight:500; line-height:1;color:#fff; overflow:hidden; padding:0 10px; margin-top:1.5625rem; }
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
.slider-scroll { position:relative;  } 
.slider-scroll a {display:block;position:absolute;left:0;right:0; width:1.5rem; height:3.063rem; margin:0 auto;font-weight:500;font-size:0rem;color:#fff;animation:scrolltype6 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;text-indent:-999;}
.slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:1.5rem; height:3.063rem;margin:0 auto;background-image:url(/images/common/visual_scroll_type6.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype6 {0%{bottom:1.875rem;}50%{bottom:3.125rem;}100%{bottom:1.875rem;}}

/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;} 


/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 1s ease-out 0.2s; transform: scale(1.25);}
#main__slider .slider__slogun {position:relative;top:0rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg { transform: scale(1);}

/* SWIPER PAGINATION */
/*
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { left:20px; } 
#main__slider .swiper-button-next { right:20px; }
*/


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#main__slider .swiper_navigation { display:none; } 
#main__slider .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:20%; z-index:12; max-width:1600px; width:12.5rem; height:auto;  margin:0 auto; } 

#main__slider .main_visual_state  { display: flex; align-items:center; justify-content:center; gap:1rem; position:absolute;left:50%;transform:translateX(-50%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#main__slider .page_number { display:inline-block; font-family:'Montserrat'; font-size:13px;color:#fff; font-weight:600; margin-right:0px; transition:all 0.4s ease; } 
#main__slider .page_total { display:inline-block; font-family:'Montserrat'; font-size:13px; color:#fff; font-weight:100; } 
#main__slider .swiper-pagination-bullet { display:inline-block;  width:4px; height:4px; border-radius:50%; background:#fff; margin-top:0px; opacity:0.5; vertical-align:middle; transition:all 0.4s ease; } 
#main__slider .swiper-pagination-bullet:last-of-type {  } 
#main__slider .swiper-pagination-bullet-active { width:8px; height:8px; opacity:1; } 


/* controller */
#main__slider .swiper_control { width:100%; /*position: absolute; left: 50%; font-size: 0;z-index: 2;*/ }

/* pagination */
#main__slider .swiper_control .swiper-pagination { display:inline-flex; align-items:center; justify-content:center; gap:0.75rem; position: relative; width:revert; bottom:revert; }
#main__slider .swiper_control .swiper-pagination-wrap {position: relative;}
#main__slider .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#main__slider .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#main__slider .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:125px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#main__slider .swiper_progress_wrap {display:none ;width:125px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background: #767779;overflow: hidden;}
#main__slider .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#main__slider .swiper_play_state {display: none; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#main__slider .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#main__slider .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#main__slider .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#main__slider .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}



/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun { justify-content:center; padding:0 15px;}

	#main__slider .slider__slogun > b { font-size:3.5rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:3.5rem; }
	#main__slider .slider__slogun > p { font-size:1.25rem; }

}
@media screen and (max-width: 640px){
	#main__slider .slider__infos { /*height:640px; */}
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
	
	#main__slider .slider__slogun > b { font-size:2.5rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:2.5rem; }
	#main__slider .slider__slogun > p { line-height:1.45;  }
	/
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos { /*height:480px;*/}
}

/* 스마트폰 가로 */
@media screen and (min-width : 767px) and (max-width: 1023px) and (orientation : landscape ) {
	/*
	#main__slider .slider__slogun > b { font-size:3rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:3rem; }
	#main__slider .slider__slogun > p { font-size:3rem; }
	*/	
	/*@keyframes scrolltype6 {0%{bottom:10px;}50%{bottom:20px;}100%{bottom:10px;}}*/
}


/*----------------------------------------------------------------------
@ FULLPAGE NAVI
----------------------------------------------------------------------*/
#fp-nav { display:none; width:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; } 


#fp-nav ul { position:relative; width:1px; background:rgba(255,255,255,0.8); transition:all 0.4s;  }

#fp-nav ul:before {content:""; width:7px; height:7px; background-color:rgba(67, 67, 156, 0.8); border-radius:50%; position:absolute; left:50%; top:40px; margin-left:-3.5px; z-index:9; transition: top 0.4s;}
#fp-nav ul:after { content:''; width:1px; height:100%; background:#fff; } 

#fp-nav ul li {position:relative; width:1px; height:revert; margin:0 auto;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li a {display:block; position:relative; width:100%; height:40px; box-sizing:border-box; border:0px; }
#fp-nav ul li a:before {content:""; width:100%; height:0; background-color:rgba(67, 67, 156, 0.8); position:absolute; left:0; top:0; transition: height 0.4s;}
#fp-nav ul li a span{display:block; width:1px; height:40px; background:transparent; margin:0; left:revert; top:revert; border-radius:revert; transition: all 0.4s; }

#fp-nav ul li a.active span, 
#fp-nav ul li:hover a span { width:1px !important ; height:40px !important; margin:0 !important; }
#fp-nav ul li:hover { margin:0 !important; } 

#fp-nav ul li a.active:before {height:100%;}

#fp-nav .cur {font-size:12px; color:rgba(255,255,255, 1);  font-weight:500; display:block; text-align:center; margin-bottom:10px; transition:all 0.4s; }
#fp-nav .total {font-size:12px; color:rgba(255,255,255, 1); font-weight:500; display:block; text-align:center; margin-top:10px; transition:all 0.4s; }



.fp-tableCell { position:relative; overflow:hidden; } 



/*----------------------------------------------------------------------
@ MAIN LINE
----------------------------------------------------------------------*/
.main_line { position: absolute; top: 0; left: calc(50% - 0px); transform: translateX(-50%); width: 1px; height: 100vh; background:rgba(255,255,255,0.2); z-index: 4;  }
.main_line:after { content: ""; position: absolute;  top: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255, 1) ); animation: rain 2.5s infinite; border-radius: 100% }

@keyframes rain {
	0% { transform: translateY(-300px) } 
	to { transform: translateY(calc(100vh + 100px)) }
}



/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
#main_about { position:relative;  padding-top:0 !important; padding-bottom:0 !important; background-color:#5f11a8; z-index:2} 
.main_about {  position:relative; min-height:calc(var(--vh, 1vh) * 100); overflow:hidden;  z-index: 6;} 
.main_about .main_title h2 { margin-bottom:2.5rem; } 

.about_inner { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.75rem; width: 100%; min-height:calc(var(--vh, 1vh) * 100); z-index:2;  /*background:url('/images/main/about_bg.jpg') no-repeat center center / cover; */ /*background-attachment:fixed; */  } 

/*.about_bg { position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/main/about_bg.jpg') no-repeat center center / cover; z-index:0; transform:scale(1.5); transition:all 1s ease 0.7s;  } */


.main_about .desc { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5625rem; } 
.main_about .desc p { position:relative;  font-size:1.4375rem; color:#d2a2ff; font-weight:300; text-align:center; line-height:1.52; } 
.main_about .desc p span { color:#fff; font-weight:700; } 
.main_about .desc p.big { font-size:1.875rem; font-weight:300; }

.main_about .maxWidth { width:100%; } 
.main_about .cols { position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:6.25rem; } 
.main_about .cols .col { position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; row-gap:0.25rem; min-width:12.5rem; aspect-ratio:1; font-size:1.25rem; color:#fff; font-weight:700; border:1px solid rgba(255,255,255,0.5); border-radius:50%; } 
/*
.main_about .cols .col .line { position:absolute; right:-7.5rem; width:7.5rem; height:1px; background:#fff; } 
.main_about .cols .col::before { content:''; position:absolute; right:-0.3125rem; width:0.625rem; aspect-ratio:1; background:#fff; border-radius:50%; } 
.main_about .cols .col::after { content:''; position:absolute; right:calc(-7.5rem - 0.625rem); width:0.625rem; aspect-ratio:1; background:#fff; border-radius:50%; } 
.main_about .cols .col:last-child::before { display:none; } 
.main_about .cols .col:last-child::after { display:none; } 
*/
.main_about .cols .col::before, 
.main_about .cols .col::after { content:''; position:absolute; width:0.625rem; aspect-ratio:1; background:#fff; border-radius:50%; } 
.main_about .cols .col::before { left:-0.3125rem;  } 
.main_about .cols .col::after { right:-0.3125rem;  } 
.main_about .cols .col:nth-child(1):before { display:none; } 
.main_about .cols .col:last-child:after { display:none; } 

.main_about .cols .col lord-icon { width:5rem;height:5rem; } 
.main_about .cols .line { position:relative; right:0rem; width:100%; height:1px; background:#fff; } 


#main_about.active .about_bg { transform:scale(1);  } 

/*반응형*/
@media screen and (max-width: 1710px){
}
@media screen and (max-width: 1200px){
/*	.main_about .maxWidth { width:revert; } */
	.about_inner { padding:0 15px; } 
}
@media screen and (max-width: 1024px){
	#main_about {  } 
	.about_inner { padding-top:5rem; padding-bottom:5rem; }

	.main_about .desc p { font-size:1.25rem;} 
	.main_about .desc p.big { font-size:1.5625rem; }
	.main_about .cols .col { min-width:12rem; font-size:1.125rem; } 
	.main_about .cols .col lord-icon { width:4rem;height:4rem; } 
}
@media screen and (max-width: 768px){
	/*
	.main_about .desc.pc { display:none; } 
	.main_about .desc.mo { display:flex; padding:0 2.5rem; } 
	.main_about .desc p { font-size:1.25rem; line-height:1.6; } 
	*/
	.main_about .cols { flex-wrap:wrap; row-gap:2.5rem; margin-top:3rem; } 
	.main_about .cols .col { min-width:revert; width:calc((100% / 2) - 5rem); } 
	.main_about .cols .col:nth-child(3):after { display:none; } 
	.main_about .cols .col:nth-child(5):before { display:none; } 

	.main_about .cols .line { width:10rem; } 
	.main_about .cols .line2 { display:none; } 

}
@media screen and (max-width: 640px){
	.main_about br.w640 { display:none; } 
	.main_about .cols .col { min-width:revert; width:calc((100% / 2) - 2.5rem); } 
	.main_about .cols .line { width:5rem; } 
}
@media screen and (max-width: 480px){
	.main_about .main_title h2 { margin-bottom:1.5625rem; } 
	.main_about .desc p { font-size:1rem; }
	.main_about .desc p.big { font-size:1.25rem; } 

	.main_about .cols { row-gap:1.25rem; margin-top:2rem; } 
	.main_about .cols .col { min-width:revert; width:calc((100% / 2) - 1.25rem); } 
	.main_about .cols .line { width:2.5rem; } 
}

/* 스마트폰 가로 */
@media screen and (min-width : 767px) and (max-width: 1023px) and (orientation : landscape ) {
	.main_about .desc.pc { display:none; } 
	.main_about .desc.mo { display:flex; padding:0 2.5rem; } 
	.main_about .desc p { font-size:1.125rem; line-height:1.6; } 
}





/*----------------------------------------------------------------------
@ MAIN BUSINESS
----------------------------------------------------------------------*/
#main_business { position:relative; color:#fff; background:#02102a; padding-top:0 !important; padding-bottom:0 !important; } 
.main_business { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:calc(var(--vh, 1vh) * 100); z-index:3; } 
.main_business .inner { position:relative; display:flex; width:100%; max-width:1620px; margin:0 auto; z-index:3; } 
.main_business .main_title { align-items:flex-start; } 
.main_business .main_title h2 { color:rgba(255,255,255,0.05); } 


.main_business .left { width:32.8125rem; } 

.main_business .list ul { display:flex; flex-direction:column; row-gap:3.4375rem; margin-top:2.5rem}
.main_business .list ul li { position:relative; display:flex; align-items:center; width:100%; max-width:25rem; height:6.25rem; font-size:2rem; color:#fff; font-weight:800; cursor:pointer; }
.main_business .list ul li:after { content:''; position:absolute; top:0; left:-125rem; width:75rem; height:100%; background:#5f11a8; border-radius:0 6.25rem 6.25rem 0; z-index:-1; transition:all 0.5s; } 
.main_business .list ul li i { position:absolute; right:1.875rem; opacity:0; transform:translateX(-15px); transition:all 0.4s ease 0.4s; } 

.main_business .list li.swiper-slide-thumb-active:after { left:-50rem; } 
.main_business .list li.swiper-slide-thumb-active i { opacity:1; transform:translateX(0); }  

.main_business .right { display:flex; align-items:center; width:calc(100% - 32.8125rem); } 
.main_business .right .business_swiper { display:block; width:100%; } 
.main_business .right .cont { width:calc(100% - 39.5rem); padding-right:1rem;  } 
.main_business .right .cont h3 { font-size:2.5rem; color:#fff; font-weight:800; }
.main_business .right .cont ul { display:flex; flex-direction:column; row-gap:1.25rem; margin-top:1.875rem; }
.main_business .right .cont ul li { position:relative; font-size:1.375rem; color:#fff; font-weight:400; padding-left:0.9375rem; } 
.main_business .right .cont ul li:after { content:'·'; position:absolute; left:0; top:2px; } 

.main_business .right .circle { position:relative;  width:39.5rem; max-width:632px; max-height:632px;  } 

.main_business .right .circle .thumb { position:relative; display:flex; align-items:center; justify-content:center; } 
.main_business .right .circle .thumb:after { content:''; position:absolute; top:0; left:0;  width:100%; height:100%; background:url('/images/main/business_dot.png') no-repeat center center / cover; } 

.main_business .right .circle .img { display:block;  width:100%; height:0; padding-top:100%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.main_business .right .circle .img img { display: block; width:100%; height:100%; max-width:27.5rem; max-height:27.5rem;  position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; border-radius:50%; }

.main_business .right .circle .box { position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; transition:all 1.5s;transition-delay:0.2s; }
.main_business .right .circle .box span { position: absolute; width:0.6875rem; aspect-ratio:1; background:#26b4c9; border-radius:50%; } 
.main_business .right .circle .box span:after { content:''; position:absolute; left:-0.4375rem; top:-0.4375rem; width:1.5625rem; aspect-ratio:1; background:#26b4c9; border-radius:50%; z-index:-1; opacity:0.2; animation: zoom 1.2s ease-in-out infinite alternate-reverse both } 
.main_business .right .circle .box span:nth-child(1) { left:0px; top:40%; } 
.main_business .right .circle .box span:nth-child(2) { left:64%; bottom:0.625rem; animation-delay:0.2s; } 
.main_business .right .circle .box span:nth-child(3) { top:24%; right:2.4375rem; animation-delay:0.4s; } 

.main_business .right .circle .box span:nth-child(2):after { animation-delay:0.2s; } 
.main_business .right .circle .box span:nth-child(3):after { animation-delay:0.4s; } 


.main_business .business_swiper .swiper-slide-active .box { opacity:1; transform:rotate(360deg);}
.main_business .business_swiper .swiper-slide.reverse .box { opacity:1; transform:rotate(-360deg);}

@keyframes zoom {
	0% { transform: scale(0.8); }
	100% { transform: scale(1.3); }
}

.main_business .swiper-slide { display:flex; align-items:center; } 


@media screen and (max-width: 1650px){
	.main_business .inner { padding:0 15px; } 
} 
@media screen and (max-width: 1500px){
	.main_business .main_title h2 { font-size:4rem; } 

	.main_business .list ul { row-gap:2rem; } 
	.main_business .list ul li { font-size:1.5625rem; max-width:20rem; } 
	.main_business .list li.swiper-slide-thumb-active:after { left:-55rem; }

	.main_business .left { width:22rem; } 
	.main_business .right { width:calc(100% - 22rem); } 
	.main_business .right .cont h3 { font-size:2rem; } 
	.main_business .right .cont ul li { font-size:1.25rem; } 
} 

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

	.main_business .main_title { align-items:center; text-align:center; } 
	/*.main_business .main_title h2 { color:rgba(255,255,255,0.5); } */

	.main_business .inner { flex-direction:column; } 
	.main_business .left { width:100%; }
	.main_business .right { width:100%; margin-top:1.875rem; } 

	.main_business .list ul { width:100%; flex-direction:row; gap:1.25rem; margin-top:1.5rem; } 
	.main_business .list ul li { justify-content:center; width:calc((100% / 3) - 0.875rem); max-width:revert; font-size:1.25rem; height:4rem; text-align:center; } 
	.main_business .list ul li:after { width:100%; left:0; border-radius:1.875rem; opacity:0; transition:all 0.5s ease; } 

	.main_business .list li.swiper-slide-thumb-active:after { left:0; opacity:1;  } 
	.main_business .list li.swiper-slide-thumb-active i { display:none; } 
} 

@media screen and (max-width: 1024px){
	#main_business { } 
	.main_business { padding-top:5rem !important; padding-bottom:5rem !important;  } 

	.main_business .main_title h2 { font-size:3rem; color:rgba(255,255,255,1);} 

	.main_business .list ul li { font-size:1.125rem; height:3.5rem; }  

	.main_business .right .cont { width:40%; } 
	.main_business .right .circle { width:60%; } 

	.main_business .right .cont h3 { font-size:1.875rem; } 
	.main_business .right .cont ul { row-gap:0.9375rem; } 
	.main_business .right .cont ul li { font-size:1.125rem; } 

	.main_business .right .circle .box span:nth-child(2) { top:calc(100% - 1rem); bottom:revert; } 
	.main_business .right .circle .box span:nth-child(3) { left:calc(100% - 2rem); right:revert; } 
	.main_business .right .circle .img img { max-width:80%; max-height:80%;  } 
}

@media screen and (max-width: 640px){
	.main_business .main_title h2 { font-size:2.5rem } 

	.main_business .swiper-slide { flex-direction:column; } 
	.main_business .right .cont { width:100%; text-align:center; } 
	.main_business .right .circle { width:100%; margin-top:1.875rem; } 

	.main_business .right .cont ul li { padding-left:0; } 
	.main_business .right .cont ul li:after { display:none; } 

} 

@media screen and (max-width: 480px){
	.main_business .main_title h2 { font-size:2rem }  
	.main_business .list ul li { font-size:1rem; padding:0.5rem 1rem; } 
	.main_business .right .cont h3 { font-size:1.5625rem; } 
	.main_business .right .cont ul { row-gap:0.625rem; margin-top:1.25rem; } 

} 


/*----------------------------------------------------------------------
@ MAIN PORTFOLIO
----------------------------------------------------------------------*/
#main_portfolio { position:relative; background:#5f11a8; padding-top:0 !important; padding-bottom:0 !important; } 
.main_portfolio { position:relative; display:flex; align-items:center; justify-content:center; min-height:calc(var(--vh, 1vh) * 100); z-index:3; } 

.main_portfolio .inner { position:relative; width:100%; max-width:1620px; margin:0 auto; z-index:3; } 


.portfolio_slider_wrap { overflow:hidden; padding-bottom:0.625rem; margin-top:4.75rem} 
.portfolio_slider { }
.portfolio_slider .swiper-slide { display:flex; height:revert; } 
.portfolio_slider .cols { width:100%; overflow:hidden; box-sizing: border-box;   } 
.portfolio_slider .cols a { position:relative; display:flex; flex-direction:column; width:100%; height:100%; }
.portfolio_slider .cols .thumb { display:block;width:100%; height:0; padding-top:105.2631%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.portfolio_slider .cols .thumb:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.4s ease; } 

.portfolio_slider .cols .thumb > img {display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.portfolio_slider .cols .info { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.25rem; color:#fff; font-weight:700;padding:1.25rem; transition:all 0.4s ease; opacity:0; } 

.portfolio_slider .cols a:hover .thumb:after { opacity:1; } 
.portfolio_slider .cols a:hover .info { opacity:1; } 


.main_portfolio .swiper-pagination { display:none; bottom:-2.813rem; } 
.main_portfolio .swiper-pagination-bullet { width:0.625rem; height:0.625rem; opacity:1; background:transparent; border:1px solid #fff; }
.main_portfolio .swiper-pagination-bullet-active { background:#fff; }


.portfolio_slider_pagination { position:relative; top:-12.5rem; width:100%; max-width:1620px; margin:0 auto; }
.portfolio_slider_pagination .swiper-button-prev:after, .portfolio_slider_pagination .swiper-button-next:after { font-size:2.5rem; color:#fff; font-weight:600; } 
.portfolio_slider_pagination .swiper-button-prev { width:revert; left:-3.75rem; right:revert; } 
.portfolio_slider_pagination .swiper-button-next { width:revert; right:-3.75rem; } 


@media screen and (max-width: 1650px){
	.main_portfolio .inner { padding:0 15px; } 

	.portfolio_slider_pagination .swiper-button-prev:after, .portfolio_slider_pagination .swiper-button-next:after { font-size:1.375rem; } 
	.portfolio_slider_pagination .swiper-button-prev:after { position:relative; left:-1px; } 
	.portfolio_slider_pagination .swiper-button-next:after { position:relative; right:-1px; } 
	.portfolio_slider_pagination .swiper-button-prev, .portfolio_slider_pagination .swiper-button-next { width:3.125rem; height:3.125rem; aspect-ratio:1; background:rgba(0,0,0,0.7); border-radius:50%; } 
	.portfolio_slider_pagination .swiper-button-prev { left:1.25rem; } 
	.portfolio_slider_pagination .swiper-button-next { right:1.25rem; } 
}

@media screen and (max-width: 1024px){
	.portfolio_slider_wrap { margin-top:3rem; } 
} 

@media screen and (max-width: 640px){
	.portfolio_slider_wrap { margin-top:2rem; } 
	
	.portfolio_slider_pagination { top:-14rem; } 
	.portfolio_slider_pagination .swiper-button-prev { left:0.3125rem; } 
	.portfolio_slider_pagination .swiper-button-next { right:0.3125rem; } 
} 


/*----------------------------------------------------------------------
@ MAIN CONTACT
----------------------------------------------------------------------*/
#main_contact { position:relative; padding-top:0 !important; padding-bottom:0 !important; } 
.main_contact { position:relative; display:flex; align-items:center; min-height:calc(var(--vh, 1vh) * 100); z-index:3; background:url('/images/main/contact_bg.jpg') no-repeat center center / cover; } 
.main_contact .main_title { align-items:flex-start; } 
.main_contact .main_title h2 { letter-spacing:0; } 

.main_contact .inner { position:relative; display:flex; align-items:center; width:100%; max-width:1440px; margin:0 auto; z-index:3; } 
.main_contact .inner .left { display:flex; flex-direction:column; width:50%; padding-right:1.25rem; } 
.main_contact .inner .right { display:flex; flex-direction:column; align-items:center; width:50%; } 

.main_contact .address { display:flex; flex-direction:column; row-gap:0.625rem; margin-top:1.875rem; } 
.main_contact .address span { color:#fff; } 
.main_contact .address span.line:after {content:'';clear:both; display:inline-block;width:1px;height:15px;margin:0 12px 3px 15px;background-color:#fff;vertical-align:middle; }
.main_contact .address span.line:last-child:after {content:none;}

.main_contact .btns { display:flex; align-items:center; gap:0.875rem; margin-top:3.125rem; }
.main_contact .btns a { display:inline-flex; align-items:center; justify-content:center; gap:0.25rem; min-width:10rem; height:2.5rem; font-size:1rem; color:#fff; font-weight:400; border:1px solid #fff; border-radius:0.3125rem; padding:0.5rem; } 
.main_contact .btns a span { font-size:1.25rem; } 

.main_contact .app { }
.main_contact .app h3 { font-family:'Montserrat'; font-size:3.125rem; color:#fff; font-weight:700; }

.main_contact .app p { font-size:1.4375rem; color:#fff; font-weight:300; line-height:1.52; margin-top:1.5625rem;  }
.main_contact .app p.en { font-family:'Montserrat'; font-size:1.0625rem; color:#26b4c9; font-weight:600; line-height:1; letter-spacing:0.2em; margin-top:0; margin-bottom:0.125rem; }

.main_contact .app a { display:flex; align-items:center; justify-content:center; width:16.875rem; height:4.375rem; font-size:1.25rem; color:#fff; font-weight:700; background:#26b4c9; border-radius:0.625rem; margin-top:3.125rem; }
.main_contact .app { }

@media screen and (max-width: 1470px){
	.main_contact .inner { padding:0 15px; } 
	.main_contact .inner .right { padding-left:1.25rem; } 
}
@media screen and (max-width: 1280px){
	.main_contact .app h3 { font-size:2.5rem; } 
}
@media screen and (max-width: 1024px) {
	.main_contact .app h3 { font-size:2rem; } 
}
@media screen and (max-width: 768px) {
	.main_contact .inner { flex-direction:column; row-gap:2.5rem;  } 
	.main_contact .inner .left { width:100%; padding-right:0; }
	.main_contact .inner .right { width:100%; padding-left:0; align-items:flex-start; } 
} 
@media screen and (max-width: 480px) {
	.main_contact .address { font-size:1.125rem; } 
	.main_contact .app h3 { font-size:1.5rem; } 
	.main_contact .app p { font-size:1.125rem; }
	.main_contact .app p br { display:none; } 
	.main_contact .app a { height:3rem; font-size:1.125rem; } 
}