@charset "utf-8"; 



/* main visual */
#main_visual{margin-top:100rem; overflow:hidden; position:relative; z-index:1; height:calc(910rem); color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s; -webkit-animation: imagescale 5s; -moz-animation: imagescale 5s; -o-webkit-animation: imagescale 5s;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:600; font-size:40rem; padding:15rem 0;  color:#2a2a2a; animation:up 1.5s .8s forwards; opacity:0 }
#main_visual h2 b{font-weight:800;  color:#1468a2; }
#main_visual h2 b.y{font-weight:800;  color:#000; }
#main_visual h2.wht {color:#fff;}
#main_visual p.wht {color:#fff;}
#main_visual p{line-height:1.2; margin:400rem 0 0 0; font-weight:600; font-size:30rem; letter-spacing:-.1px; color:#2a2a2a; animation:down 1.5s .5s forwards; opacity:0 }
#main_visual p span{color:#1468a2; }
#main_visual p span.y{color:#000; }
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual {margin-top:80rem;}
	#main_visual h2{font-size:18rem; }
	#main_visual h2 b{font-size:20rem}
	#main_visual p {font-size:18rem}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
	

}

@media (max-width:540px) {
	#main_visual{height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual .btn_more{margin-top:25rem}
	#main_visual p {margin:180rem 0 0 0; font-size:14rem}
	#main_visual h2{font-size:16rem; }
	
}


/*.overlay {  z-index: 10;  position: fixed;  width: 100%; height: 100%;  left: 0; top: 0;  background-color: rgba(0,0,0, 0.2);  overflow-x: hidden;}*/

.section03 {position: relative; margin:70rem 0;}
.section03:after{content:'';position:absolute;bottom:-150rem;left:0;width:100%;height:627rem;background:url(../img/main/main_intro_bg.jpg) center top no-repeat; z-index:-1;}
.section03 .cont_area{ text-align:center;  }
.section03 .cont_circle{position: relative; width:532rem; margin:0 auto; }
.section03 .cont_circle > div > img{position:relative;z-index:1;}
.section03 .cont_circle .circle{position:absolute; width:600rem; text-align:center; left:50%; transform:translateX(-50%); top:-33rem;}
.section03 .cont_circle .circle img{ animation:circle_img 25s 0s linear infinite;}
@keyframes circle_img {
	from { transform: rotate(360deg); }
	to {  }
}
.section03 .cont_box{ margin-top:70rem; }
.section03 .cont_box h3 {word-break: keep-all; color:#fff; font-size:35rem; font-weight:800; margin-bottom:20rem;}
.section03 .cont_box p {word-break: keep-all; color:#fff; font-size:20rem; font-weight:500; }

@media all and (max-width:1023px){
    .section03 .cont_circle{ width:90%; }
	.section03 .cont_circle .circle{width:100%; }
	.section03 .cont_box h3 {font-size:20rem;}
	.section03 .cont_box p {font-size:15rem;}
}


@media all and (max-width:600px){
    .section03:after{bottom:-50rem; height:327rem;}
	.section03 .cont_circle{ width:70%; }
	.section03 .cont_circle .circle{ top:0rem;}
	.section03 .cont_box{ margin-top:30rem; }
}



@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sec3 {padding:150rem 0 100rem;display:flex; justify-content:space-between; display: flex;      align-items: center;    }
.sec3 .txtbox {display:flex;align-items:flex-start;flex-direction:column;  padding-left:200px;}
.sec3 .txtbox .tit{font-family: 'KOHIBaeumOTF'; font-size:60rem; color:#e9e9e9; line-height:1.2; }
.sec3 .txtbox .tit b {color:#1468a2; display:block; }
.sec3 .txtbox .txt {font-size:18px;font-weight:300;line-height: 1.4; word-break:keep-all;}
.sec3 .sec3_swiper {background:url(../img/main/service_bg.png) no-repeat 210px center;width:890px; height:855px; margin:0;}
.sec3 .sec3_swiper .swiper-slide .img{width:450px;height:450px;border-radius: 450px;background:url("../img/main/service_img01.jpg")  no-repeat center center / 100%;}
.sec3 .sec3_swiper .slide2 .img {background-image:url("../img/main/service_img02.jpg"); }
.sec3 .sec3_swiper .slide3 .img {background-image:url("../img/main/service_img03.jpg"); }
.sec3 .sec3_swiper .slide1.swiper-slide-active::before {width:200rem;height: 200rem;content:'';background:url("../img/main/service_img03.jpg")  no-repeat center / cover;position: absolute;top: -314px;border-radius: 100px;right: 410px;}
.sec3 .sec3_swiper .slide3.swiper-slide-active::before {width:200rem;height: 200rem;content:'';background:url("../img/main/service_img01.jpg")  no-repeat center / cover;position: absolute;bottom: -314px;border-radius: 100px;right: 410px;}
.sec3 .sw_box {position:absolute;right:0;top: 50%;width: 400px;transform: translateY(-50%);z-index: 50;}
.sec3 .swiper-pagination{position: initial;text-align: left;transform: initial !important;margin-bottom: 20px;}
.sec3 .swiper-pagination-bullet { display: block; width: auto; height: auto; text-align: left; border-radius: 0; background: none;color:#1d1d1d; font-size: 20px; font-weight: 600; letter-spacing: -.5px; line-height: 1.7;  opacity: 1; }
.sec3 .swiper-pagination-bullet:last-child { margin-bottom: 0; }
.sec3 .swiper-pagination-bullet-active { color:#1468a2 !important;}
.sec3 .sw_box .flex {display: flex;gap: 10px;}
.sec3 .sw_btn {position: initial; margin-top:10rem; }
.sec3 .sw_btn span {font-size:20px;color:#fff;}
.sec3 .sec3_txt {margin-top: 20rem;}
.sec3 .sec3_txt li {display:flex;align-items: center; }
.sec3 .sec3_txt p {display:none; position:relative;font-size:35rem;line-height: 1.5;}
.sec3 .sec3_txt p span {word-break: keep-all; display:block; position:relative;font-size:20rem;line-height: 1.5; font-weight:500; color:#1d1d1d; margin-top:10rem; }
.sec3 .sec3_txt li + li {margin-top: 10px;}
.sec3 .sec3_txt .on p {word-break: keep-all; display:block; font-size: 35rem;font-weight: 800;color:#1468a2; margin-bottom:20rem;}

.sec3 .swiper-slide { display: flex; align-items: center; }
.sec3 .swiper-slide > .img { transform: scale(.33333,.33333); width:auto;height:auto;transition: .4s linear; }
.sec3 .sec3_swiper .swiper-slide-active{height:450px;}
.sec3 .sec3_swiper .swiper-slide-active .img { transform: scale(1,1); }
.sec3 .sec3_swiper > .swiper-wrapper { flex-direction: column;}
.sec3 .sec3_swiper .swiper-slide:not(.swiper-slide-active) .img{margin-left:180px;}
.sec3 .sec3_swiper .swiper-slide .img > a{display:block;width:100%; height:100%;}

.sec3 .swiper-button-prev {width:33rem; height:19rem;  background: url(../img/main/arr_left.png) no-repeat;}
.sec3 .swiper-button-next {width:33rem; height:19rem;  background: url(../img/main/arr_right.png) no-repeat;}

.sec3 .swiper-button-next::after,
.sec3 .swiper-button-prev::after {  display: none;}

@media screen and (max-width:1600px){
	.sec3 .sw_box{width:280px;}
	.sec3 .txtbox{padding-left:70px;}
}
@media screen and (max-width:1500px){
	.sec3 .txtbox{padding-left:15px;}
	.sec3 .sec3_swiper{width:780px; flex-shrink:0;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{right:305px;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{right:305px;}
	.sec3 .sw_box{width:150px;}
}
@media screen and (max-width:1200px){
	.sec3 .sec3_swiper{width:630px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{right:145px;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{right:145px;}
}
@media screen and (max-width:1023px){
	.sec3 .txtbox .tit{font-size:50px; line-height:1;}
	.sec3 .sw_box{display:none;}
	.sec3 .sec3_swiper{width:390px; background:url(../img/main/service_bg.png) no-repeat 110px center; height:650px; background-size:cover; overflow:visible;}
	.sec3 .sec3_swiper .swiper-slide .img{width:300px; height:300px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{width:100px; height:100px;right:95px; top:-234px;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{width:100px; height:100px;right:95px; bottom:-234px;}
	.sec3 .sec3_swiper .swiper-slide:not(.swiper-slide-active) .img{margin-left:100px;}
}
@media screen and (max-width:768px){
	.sec3{flex-direction:column; padding:70rem 0;}
	.sec3 .txtbox{padding-top:80px;}
	.sec3 .sec3_txt{margin:50px 0;}
	.sec3 .sec3_swiper{width:100%;overflow:hidden; height:300px;background:url(../img/main/service_bg.png) no-repeat center 120px; background-size:1140px;}
	.sec3 .sec3_swiper .swiper-slide-active{height:auto;}
	.sec3 .sec3_swiper > .swiper-wrapper{flex-direction:row;}
	.sec3 .swiper-slide{justify-content:center;}
	.sec3 .sec3_swiper .swiper-slide .img{flex-shrink:0; width:auto; aspect-ratio:1/1;}
	.sec3 .sec3_swiper .swiper-slide:not(.swiper-slide-active) .img{margin-left:0; margin-top:80px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{top:auto; bottom:60px; left:auto; right:170%;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{right:auto;left:170%; bottom:60px;}
}
@media screen and (max-width:640px){
	.sec3 .sec3_swiper{background:url(../img/main/service_bg.png) no-repeat center 130px;}
	.sec3 .sec3_swiper .swiper-slide .img{height:210px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{width:70px; height:70px;bottom:80px; right:180%;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{width:70px; height:70px;bottom:80px; left:180%;}
}
@media screen and (max-width:480px){
	.sec3 .txtbox{padding-top:0;}
	.sec3 .txtbox .tit{font-size:40px;}
	.sec3 .txtbox .txt{font-size:16px;}
	.sec3 .sec3_txt{margin:30px 0;}
	.sec3 .sec3_txt .on p{font-size:22rem;}
	.sec3 .sec3_txt .on span {font-size:15rem;}
	.sec3 .sec3_txt li + li{margin-top:5px;}
	.sec3 .sec3_swiper{background:url(../img/main/service_bg.png) no-repeat center 100px; height:210px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{bottom:20px; right:190%; width:90px; height:90px;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{bottom:20px; left:190%; width:90px; height:90px;}
	.sec3 .sec3_swiper .swiper-slide .img{height:180px;}
	.sec3 .swiper-slide > .img{transform:scale(0.5,0.5);}
}
@media screen and (max-width:360px){
	.sec3 .sec3_swiper{height:140px;background:url(../img/main/service_bg.png) no-repeat center 70px;}
	.sec3 .sec3_swiper .swiper-slide .img{height:140px;}
	.sec3 .sec3_swiper .swiper-slide:not(.swiper-slide-active) .img{margin-top:60px;}
	.sec3 .sec3_swiper .slide1.swiper-slide-active::before{right:42vw;bottom:5px; width:70px; height:70px;}
	.sec3 .sec3_swiper .slide3.swiper-slide-active::before{left:42vw;bottom:5px; width:70px; height:70px;}
}



.sec_special{display:flex;padding:0;}
.sec_special .slide_pic{position:relative;width:50%;height:50vh;overflow:hidden;}
.sec_special .slide_pic .swiper-slide{height:50vh;}
.sec_special .pic01{background:url(../img/main/main_info01.jpg) no-repeat center center/cover;}
.sec_special .pic02{background:url(../img/main/main_info02.jpg) no-repeat center center/cover;}
.sec_special .pic03{background:url(../img/main/main_info03.jpg) no-repeat center center/cover;}
.sec_special .pic04{background:url(../img/main/main_info04.jpg) no-repeat center center/cover;}
.sec_special .progress-box {	position: absolute;	width: 200px;	height: 90px;	z-index: 11;	right:0;	bottom:0;	background:#fff;}
.sec_special .progress-box .swiper-pagination{display:flex;justify-content:space-between;bottom:0;padding:0 30px;}
.sec_special .progress-box span{display:block;line-height:90px;font-size:18rem;font-weight:600; color:#333; }

.sec_special .autoplay-progress {	position: absolute;	left: 70px;	top: 48px;	z-index: 10;	width: 64px;	height: 1px;	background-color: rgba(0, 0, 0, 0.1);}
.sec_special .autoplay-progress svg {	--progress: 0;	position: absolute;	left: 0;	top: 0;	z-index: 10;	width: 100%;	stroke-width: 1px;	stroke: #000;	fill: none;	stroke-dashoffset: calc(100 * (1 - var(--progress)));	stroke-dasharray: 100;}

.sec_special .txt_box{display:flex;justify-content:center;align-items:center;width:50%;background:url(../img/main/main_info_bg.jpg) no-repeat center center/cover;overflow:hidden;text-align:center;}
.sec_special .txt_box .tt h3 {cursor:default; font-size:40rem; font-weight:800; color:#fff;}
.sec_special .txt_box .tt h3::selection,
.sec_special .txt_box .tt h3 b::selection {background-color: transparent; color: inherit;}
.sec_special .txt_box .inner{width:100%;}
.sec_special .txt_box em{display:inline-block;font-style:normal; width:140px;height:35px;line-height:1.5;font-size:20rem;font-weight:600;color:#fff;border:1px solid #fff; margin:30rem 0; border-left:0;border-right:0;}
.sec_special .txt_box h4{padding:40px 0 30px;font-size:2.5em;font-weight:600;line-height:130%;}
.sec_special .txt_box p {word-break: keep-all; font-size:20rem; font-weight:400; color:#fff; letter-spacing:-.5px; }


@media all and (max-width: 1023px) {
    
    .sec_special{display:block;}
    .sec_special .slide_pic{width:100%;height:90vw;}
    .sec_special .slide_pic .swiper-slide{height:90vw;touch-action: pan-y;}
    .sec_special .slide_txt {touch-action: pan-y;}
    .sec_special .progress-box .swiper-pagination{padding:0 14px;}
    .sec_special .progress-box {width:120px;height:60px;}
    .sec_special .progress-box span{line-height:60px;}
    .sec_special .autoplay-progress {left:38px;top:34px;width:40px}
    
    .sec_special .txt_box{width:100%;padding:40px 0;}
	.sec_special .txt_box .tt h3 {font-size:22rem;}
    .sec_special .txt_box em{font-size:17rem;height:30px;}
    .sec_special .txt_box p{font-size:15rem;}

	.sec_special .progress-box span{font-size:12rem;line-height:51px;}
}