@charset "utf-8"; 



/* main visual */
#main_visual{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: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{ font-family: 'RIDIBatang'; line-height:1.3; font-size:15rem; letter-spacing:1px; margin:390rem 0 20rem 0;}
#main_visual h2 b{display:block; font-weight:bold;}
#main_visual p{font-family: 'RIDIBatang'; line-height:1.3;  font-size:40rem; letter-spacing:0rem; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{width:1400rem; margin:0 auto; 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 h2{font-size:18rem}
	#main_visual h2 b{font-size:20rem}

}


@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 10rem; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
	
}


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


#mainvideo {position: relative; width: 100%; height: auto;}
#mainvideo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8rem;
  left: 0;
  background-color: rgba(0,0,0, 0.2);  
  opacity: 0.6;
  z-index:1;
}

@media (max-width:1023px) {
	#mainvideo:before {bottom: 5rem;}
}

.video_con {position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:10;}
.video_con .video_txt { width:1400rem; margin:0 auto; text-align:center; color:#fff; padding-top:50rem;}
.video_con .video_txt h2{ line-height:1.3; font-weight:800; font-size:45rem; padding:15rem 0;}
.video_con .video_txt span {display:block; font-weight:300; font-size:20rem;}
.video_con .video_txt p{line-height:1.4; margin:320rem 0 0 0; font-size:15rem; font-weight:600; letter-spacing:1rem; color:#f5e8b5; text-transform:uppercase;}

@media (max-width:1023px) {
	.video_con .video_txt { padding-top:0rem;}
	.video_con .video_txt p{margin:180rem 0 0 0; font-size:13rem;}
	.video_con .video_txt h2{font-size:35rem;}
}

@media (max-width:900px) {
	.video_con .video_txt p{margin:150rem 0 0 0; font-size:10rem;}
	.video_con .video_txt h2{font-size:25rem; padding:5rem 0;}
	.video_con .video_txt span {font-size:13rem;}
}

@media (max-width:600px) {
	.video_con .video_txt {display:none;}
}



.sec3 {display:flex;gap:100px;align-items:center;}

.sec3 .s3_cont1 {position:relative;background : url(../img/sec3.jpg) no-repeat center/cover;width:40%; height:588rem;}
.sec3 .s3_cont1 .txtbox{position:relative;color:#fff;margin:0 auto;top:50%;transform:translateY(-50%);text-align: left;}
.sec3 .s3_cont1 .txtbox .desc {line-height:1.5;padding:15px 0 45px;}
.sec3 .s3_cont1 .txtbox a {display:inline-block; position:relative; padding:22.5px 15px; min-width: 236px; border:1px solid #fff; color:#fff !important; font-weight:700; font-size:15rem; text-align:center; transition:all 0.3s ease-out 0s;}
.sec3 .s3_cont2 {width:calc(60% - 100px);}

.sec3 .s3_cont2 h3 {font-size:50rem; color:#242424; font-family: 'RIDIBatang'; margin-bottom:20rem;}
.sec3 .s3_cont2 h3 span {display:block; font-size:20rem; color:#242424; }
.sec3 .s3_cont2 p {font-size:18rem; color:#6b6969; font-weight:400; }
.sec3 .s3_cont2 .s3_ul ul li img {width:100%;}

@media screen and (max-width: 1340px){
     .sec3 {gap:0px;}
     .sec3 .s3_cont2 {width:calc(60% - 50px);}
}
@media screen and (max-width: 1024px){
     .sec3 .s3_cont1 {background-size:auto 100%;aspect-ratio: 760 / 1140;height: 100%;}
}
@media screen and (max-width: 768px){
     .sec3 {flex-direction: column; }
     .sec3 .s3_cont1 {background-size: 100% auto;aspect-ratio: auto;height: auto;width:100%;padding:0px 0;}
     .sec3 .s3_cont1 .txtbox {position:initial;transform:initial;}
     .sec3 .s3_cont2 {width:100%;}
     .sec3 .s3_cont2 h3 {font-size:35rem; }
     .sec3 .s3_cont2 p {font-size:14rem;}
}

.flex_box {display:flex; flex-wrap:wrap; }
.sec4 .s3_cont1 {background-image : url(../img/main/service_img.jpg);}
.sec4 .link_box {justify-content: space-between;  margin-top:50rem;}
.sec4 .link_box a { width: calc(100% /4 - 5px); margin-right:5rem; margin-bottom:5rem; padding:20rem 20rem; display:flex; align-items: center; position:relative;height:75rem;}
.sec4 .link_box a::after {content:'';border: 1px solid #ddd;transition:all 0.6s ease 0s;width: 100%;height: 100%;position: absolute;left: 0;}
.sec4 .link_box a:hover::after {border: 3px solid #897767;}
.sec4 .link_box a .span {font-size:16rem;line-height:1.35; letter-spacing:-1rem;}
.sec4 .link_box a .arrow {position:absolute; text-align:center; right:5%; transform:translateX(0%);}
.sec4 .s3_cont2 {width:43%;margin-left:auto;}
.arrow {width:14rem; height:20rem; background : url(../img/main/arr.png) right top no-repeat; }

@media screen and (max-width: 1600px){
     .sec4 .s3_cont2 {width:55%;}
}
@media screen and (max-width: 1340px){
     .sec4 .s3_cont2 {width:calc(60% - 70px);}
     .sec4 .link_box {padding-top:20px;font-size:14px;}
}
@media screen and (max-width: 1024px){
     .sec4 .link_box a {width: calc(100% /2 - 15px);}
}
@media screen and (max-width: 800px){
     .sec4 {flex-direction:column-reverse;padding:50px 0;}
     .sec3 .s3_cont1 .txtbox .desc {padding-bottom:20px;}
     .sec4 .s3_cont2 {width:100%;}
}




.main_item1{padding:100rem 0;background-color:#fafafa}
.main_item1 .wrap{display:flex}
.main_item1 .bg{width:621rem;height:526rem;background-size:cover;background-repeat:no-repeat;background-position:center;box-sizing:border-box;overflow:hidden}
.main_item1 ul{padding-left:32rem;width:calc(100% - 608px);display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;box-sizing:border-box}
.main_item1 li{width:360rem;height:282rem;background-color:#fff;transition:all 0.3s;box-sizing:border-box}
.main_item1 li:nth-child(1){background : url(../img/main/main_intro_point.jpg) right top no-repeat;}
.main_item1 li:nth-child(1)::before {color:#fff;}
.main_item1 li.point{position:relative;width:100%;height:220rem}
.main_item1 li::before{content:"+";opacity:1;position:absolute;bottom:10rem;right:30rem; font-size:70rem; color:#897767; font-weight:100; transition:all 0.3s;}
.main_item1 li:hover::before{opacity:1; color:#fff; transition:all 0.3s}
.main_item1 li a{position:relative;display:block;width:100%;height:100%;padding:50rem 40rem;box-sizing:border-box}
.main_item1 h3{font-family: 'RIDIBatang'; font-size:30rem; line-height:1.5;letter-spacing:-0.5px;color:#0d0d0d;transition:all 0.3s}
.main_item1 span{display:block;padding:20rem 0 50rem;font-size:17rem;font-weight:400;line-height:1.5;letter-spacing:-0.8px;color:#897767;transition:all 0.3s}
.main_item1 p{font-size:15rem;letter-spacing:-0.5px;color:#838383;line-height:1.4;transition:all 0.3s}

.main_item1 h3.w{color:#fff;}
.main_item1 span.w{color:#fff;}
.main_item1 p.w{color:#fff;}

.main_item1 li.point span{ padding:20rem 0 30rem;}
.main_item1 li:hover{background-color:#897767;transition:all 0.3s}
.main_item1 li:hover h3,.main_item1 li:hover span,.main_item1 li:hover p{color:#fff;transition:all 0.3s}
.main_item1 li.point:hover{background-color:#897767}
.main_item1 li.point:hover h3{color:#fff}
.main_item1 li.point:hover span{color:#fff; padding:20rem 0 30rem;}
.main_item1 li.point:hover p{color:#fff;}
.main_item1 li.point::before{content:"+";opacity:1;position:absolute;bottom:10rem;right:30rem; font-size:70rem; color:#897767; font-weight:100; transition:all 0.3s;}
.main_item1 li.point:hover::before{opacity:1; color:#fff; transition:all 0.3s}

@media screen and (max-width: 1460px) {
	.main_item1 .bg{width:480px}
	.main_item1 ul{width:calc(100% - 480px)}
	.main_item1 li{width:340px}
	.main_item1 li a{padding:40px 20px}
}

@media screen and (max-width: 1200px) {
	.main_item1 .wrap{display:block}
	.main_item1 .bg{width:100%}
	.main_item1 ul{width:100%;padding-left:0;margin-top:40px}
	.main_item1 li{width:calc(50% - 20px)}
	.main_item1 li.point{margin-top:40px}
	.main_item1 li a{padding:40px}
}

@media screen and (max-width: 1024px) {
	.main_item1 li a{padding:40px 20px}

}

@media screen and (max-width: 768px) {
	.inner_box{width:90%}
	.main_item1{padding:45px 0}
	.main_item1 .bg{height:300px}
	.main_item1 ul{margin-top:20px;display:block}
	.main_item1 li{width:100%;height:auto;margin-bottom:20px}
	.main_item1 li a{padding:30px 20px}
	.main_item1 h3{font-size:20px;letter-spacing:-0.4px}
	.main_item1 span{padding:14px 0 26px;font-size:16px;letter-spacing:-0.4px}
	.main_item1 p{font-size:13px}
	.main_item1 li.point::before{bottom:50rem;}
}


.sec5 .map{width: 100%; aspect-ratio: 0.6/0.38;}
.sec5 .map .root_daum_roughmap{width: 100%; height: 100%;}
.sec5 .map .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}


@media all and (max-width:1024px) {
    .sec5 .map{width:100%; height: 300rem;}
}

.sec5 {display:flex;gap:100px;align-items:center;}
.sec5 h3 {font-size:50rem; color:#242424; font-family: 'RIDIBatang'; margin-bottom:20rem;}
.sec5 h3 span {display:block; font-size:20rem; color:#242424; }
.sec5 p {font-size:18rem; color:#6b6969; font-weight:400; padding:10rem 0;}
.sec5 .titbox {width:26%;margin-left:auto;}
.sec5 .titbox .dot {position: relative;padding-left: 20px;}
.sec5 .titbox .dot b {color:#897667; font-weight:800; position: absolute;left: 0;}
.sec5 .map {width:60%;}

@media screen and (max-width: 1600px){
	.sec5 .titbox {width:26%;}
}
@media screen and (max-width: 1340px){
	.sec5 {gap:50px;}
	.sec5 .titbox {width:calc(39% - 70px);}
}
@media screen and (max-width: 768px){
	.sec5 {flex-direction: column; padding:50rem 0 0;}
	.sec5 h3 {font-size:35rem;}
	.sec5 .titbox {width:100%;padding:0 20rem;}
	.sec5 .titbox .dot {text-align:left;max-width: 270px;margin:0 auto;}
	.sec5 .map {width:100%;}
}