@charset "utf-8"; 



/* main visual */
#main_visual{margin-top:120rem; overflow:hidden; position:relative; z-index:1; height:calc(820rem); 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:center; }
#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:35rem;  margin:370rem 0 20rem 0;}
#main_visual h2 span{display:block; font-size:50rem;}
#main_visual p{line-height:1.4; margin:320rem 0 0 0; font-size:20rem; letter-spacing:1rem; color:#faa21b; font-family: 'neurimboGothicRegular';}
#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:22rem;}
	#main_visual h2 span{ font-size:40rem;}

}


@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 p{margin:120rem 0 0rem; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
	#main_visual h2{font-size:15rem; margin:130rem 0 20rem 0;}
	#main_visual h2 span{ font-size:22rem;}
	
}


/*.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;}*/


.main_con.sec_sig{position:relative;padding:120px 0 160px;}
.main_con.sec_sig.scroll:before{content:'';position:absolute;top:50rem;left:150rem;display:block;width:453rem;height:109rem;background:url(../img/main/logo_txt.png) no-repeat center center/contain;z-index:-1;opacity:1;}
.main_con.sec_sig .tt{padding-bottom:60px;text-align:center;}
.main_con.sec_sig .tt h3{font-size:42px;padding-bottom:16px;font-weight:400;letter-spacing:-0.075em;}
.main_con.sec_sig .tt h3 b{font-size:42px;font-weight:700;}
.main_con.sec_sig .tt em{font-size:20px;font-weight:600;letter-spacing:0;color:#436850;font-family:'MaruBuri';}
.main_con.sec_sig .con{position:relative;}
.main_con.sec_sig .con ul{display:flex;max-width:1040px;margin:0 auto;justify-content:space-between;}
.main_con.sec_sig .con li{width:300px;height:420px;overflow:hidden;}
.main_con.sec_sig .con li .wrapper{display:block;width:100%;height:100%;}
.main_con.sec_sig .con li .wrapper:hover .on{transform:translateY(-100%);}
.main_con.sec_sig .con li .off{position:relative;height:100%;background:#eee;}
.main_con.sec_sig .con li .off .txt p{position:absolute;bottom:90rem;left:0;width:100%;font-size:22rem;font-weight:800;color:#fff;text-align:center;}
.main_con.sec_sig .con li .on{position:relative;height:100%;background:#aaa;transition:all 0.4s;overflow:hidden;}
.main_con.sec_sig .con li .on .txt{display:flex;height:100%;justify-content:center;align-items:center;text-align:center;}
.main_con.sec_sig .con li .on .txt p{}
.main_con.sec_sig .con li .on .txt p a{display:block;margin:8px 0;width:110px;height:36px;line-height:36px;border-radius:36px;border:1px solid rgba(255,255,255,0.25);font-size:17px;font-weight:500;color:#fff;box-sizing:border-box;}
.main_con.sec_sig .con li .on .txt p a:hover{color:#f0ad00;border:1px solid #f0ad00;}
.main_con.sec_sig .con li .on .txt i{display:none;text-align:center;}
.main_con.sec_sig .con li .on .txt i img{width:50px;margin:20px auto 0;}
.main_con.sec_sig .con .circle{position:absolute;bottom:-45px;right:50%;margin-right:-610rem;animation:circle_img 25s 0s linear infinite;z-index:-1;}

.main_con.sec_sig .con li.box01{border-radius:0 150px 0 150px;}
.main_con.sec_sig .con li.box02{border-radius:150px 150px 0 0;}
.main_con.sec_sig .con li.box03{border-radius:150px 0 150px 0;}
.main_con.sec_sig .con li.box01 .off{background:url(../img/main/main_menu_img01.jpg) no-repeat center center/cover;}
.main_con.sec_sig .con li.box01 .on{background:url(../img/main/main_menu_img01_on.jpg) no-repeat center center/cover;}
.main_con.sec_sig .con li.box02 .off{background:url(../img/main/main_menu_img02.jpg) no-repeat center center/cover;}
.main_con.sec_sig .con li.box02 .on{background:url(../img/main/main_menu_img02_on.jpg) no-repeat center center/cover;}
.main_con.sec_sig .con li.box03 .off{background:url(../img/main/main_menu_img03.jpg) no-repeat center center/cover;}
.main_con.sec_sig .con li.box03 .on{background:url(../img/main/main_menu_img03_on.jpg) no-repeat center center/cover;}

@media (max-width: 1023px) {
    
    .main_con.sec_sig{padding:70px 0 90px;}
    .main_con.sec_sig.scroll:before{left:20px;width:300px; top:0;}
    .main_con.sec_sig .tt{padding-bottom:50px;}
    .main_con.sec_sig .tt h3{font-size:32px;padding-bottom:10px;}
    .main_con.sec_sig .tt h3 b{font-size:32px;}
    .main_con.sec_sig .tt em{font-size:16px;}
    .main_con.sec_sig .con .circle{right:100rem; bottom:-65px; margin-right:0;}
    .main_con.sec_sig .con .circle img{width:180px;}
    
    .main_con.sec_sig .con .slick-list{width:300px;margin:0 auto;}
    .main_con.sec_sig .con .slick-arrow{position:absolute;top:50%;margin-top:-20px;display:block;width:22px;height:40px;background:url(/_files/6ovxJG9nB.png) no-repeat center center/contain;font-size:0;}
    .main_con.sec_sig .con .slick-arrow.slick-prev{left:18px;}
    .main_con.sec_sig .con .slick-arrow.slick-next{right:18px;transform:rotate(-180deg);}

}

@media (max-width: 800px) {
    .main_con.sec_sig .con ul{display:flex;flex-direction:column; }
	.main_con.sec_sig .con li{width:100%;height:200rem;overflow:hidden;}
	.main_con.sec_sig .con li.box01{border-radius:80rem 80rem 0 0;}
	.main_con.sec_sig .con li.box02{border-radius:0 0 0 0;}
	.main_con.sec_sig .con li.box03{border-radius:0 0 80rem 80rem;}
}

@keyframes circle_img {
	from { transform: rotate(360deg); }
	to {  }
}




.project {padding:100rem 0 50rem; background:#f7f7f7; }
.project .more {cursor:pointer; background:#1f6b2a; border-radius:50%; width:80rem; height:80rem; text-align:center; padding-top:28rem; margin:30rem auto; color:#fff; }
.project .more:hover {background:#000; }
.sub-cont {text-align:center; margin-bottom:60rem; }
.project h3 {font-size:18rem; color:#1e6a29; font-weight:600;}
.project h4 {font-size:40rem; color:#000; font-weight:800;}

.project__list{display:grid;grid-template-columns: repeat(3, 1fr);gap:30rem;}
.project__item{cursor:pointer; position:relative; display:flex;flex-direction:column;}
.project__img{justify-content:center;flex-direction:column;margin-bottom:30rem;}
.project__img img {border-radius:25rem; width:100%;}
.project__list h5 {justify-content:start; color:#000; font-weight:600; font-size:20rem; line-height: 1.4; margin-bottom:5rem;}
.project__list p {font-weight:400; font-size:15rem; line-height: 1.4; color:#666;}

.project__item span { position: absolute;padding:7rem; right: 20rem;bottom: 105rem; background:#fff; border-radius: 50%;}
.project__item:hover span {background:#1f6b2a;}
.project__item span::before { left: -29px; bottom: 0}
.project__item span::after {right: 0; top: -29px}
.project__item span i { display: flex;  align-items: center; justify-content: center;width: 14rem; height: 14rem; transition:all 0.4s; background:#fff url(../img/main/plus.png) center top no-repeat; margin: 10px;color: #666; font-size: 20px;}
.project__item:hover span i {background: url(../img/main/plus_w.png) center top no-repeat; transform: rotate(180deg); transition: transform 0.6s; }

@media(max-width:1023px){
	.project h3 {font-size:16rem; }
	.project h4 {font-size:28rem; }
	.project__list{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:520px){
	.project__list{grid-template-columns:repeat(1, 1fr);}
}





#inc01{position:relative;padding:65px 0;}
#inc01 .pl{white-space:pre-line}
#inc01 .ns_area{display:flex;align-items:center;justify-content:space-between;width:1400rem;margin:0 auto}
#inc01 .ns_inner{display:flex;align-items:center;overflow:hidden;width:70%;height:60px;margin-right:30px;padding:0 50px;border-radius:50px;background:#111}
#inc01 .ns_inner i {display:inline-block; margin-right:10rem;}
#inc01 .ns_inner>span{margin-right:50px;font-size:15rem;font-weight:500;color:#fff;}
#inc01 .ns_inner li{display:flex;align-items:center}
#inc01 .ns_inner li.empty{line-height:60px;color:#fff}
#inc01 .ns_inner a{display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff}
#inc01 .ns_inner .txt_wrap{display:flex}
#inc01 .ns_inner .txt_wrap p{margin-right:50px;font-size:15rem;font-weight:500}
#inc01 .ns_inner .txt_wrap span{font-size:14px;color:rgba(255,255,255,.5)}
#inc01 .ns_inner .data{display:flex;align-items:center;gap:5px;font-size:15rem;color:#fff;}
#inc01 .ns_area>a{display:flex;align-items:center;justify-content:center;gap:20rem;width:40%;border-radius:30px;font-size:15rem;font-weight:500;line-height:60px;color:#fff;background:#1f6b2a;transition:all .3s}
#inc01 .ns_area>a:hover{box-shadow:0px 6px 11px rgba(0,0,0,25%)}
#inc01 .ns_area>a:hover span{}

@media(max-width:1400px){
	#inc01 .ns_area{width:100%;}
	#inc01 .ns_inner{width:100%; }
	#inc01 .ns_inner .txt_wrap p{width:50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#inc01 .ns_inner .data {display:none;}
	#inc01 .ns_area>a{width:100%;}
}

@media(max-width:600px){
	#inc01 .ns_area{flex-direction:column; }
	#inc01 .ns_inner{width:100%; margin-bottom:20rem; }
}

.video_container {position:relative;padding-top:56.25%;height:0;width:100%;}
.video_container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}