@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; 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:800; font-size:48rem; }
#main_visual h2 span{display:block; font-weight:800; font-size:35rem;}
#main_visual p{line-height:1.4; margin:320rem 0 0 0; font-size:30rem;font-weight:800;  letter-spacing:1rem; color:#fff; margin:370rem 0 0rem 0;}
#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; padding:5rem 0;}
	#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 0rem; 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;}*/

@font-face {
    font-family: 'neurimboGothicRegular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/neurimboGothicRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#mainvideo {position: relative; width: 100%; height: auto; margin-top:100rem;}
#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 {margin-top:80rem;}
	#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:left; color:#fff; padding-top:50rem;}
.video_con .video_txt h2{ line-height:1.3; font-weight:800; font-size:48rem; }
.video_con .video_txt span {display:block; font-weight:300; font-size:20rem;}
.video_con .video_txt p{line-height:1.4; font-weight:800; margin:320rem 0 0 0; font-size:30rem; letter-spacing:1rem; color:#fff;}

@media (max-width:1400px) {
	.video_con .video_txt { width:100%;}
	.video_con {position:absolute; left:10%; transform:translateX(-10%); top:0; z-index:10;}
	.video_con .video_txt h2 img {width:350rem;}
}

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

}

@media (max-width:800px) {
	.video_con .video_txt p{margin:120rem 0 10rem 0; }
}

@media (max-width:540px) {
	.video_con {position:absolute; left:10%; transform:translateX(-10%); top:0; z-index:10;}
	.video_con .video_txt p{margin:60rem 0 5rem 0; font-size:10rem;}
	.video_con .video_txt h2{font-size:20rem; padding:0rem 0; margin-top:0rem;}
}

#mainsection2 {overflow:hidden; z-index:2; margin-top:-7rem; }
.section_left {float:left; padding:100rem 0; width:60%; }
.section_left li {cursor:pointer; display:inline-block; width: calc(100% /3 - 10px); border-left:1px solid #ddd; padding:0 80rem;}
.section_left li:first-child {border-left:0;}
.section_left li dt {float:left;}
.section_left li dd {display:inline-block; padding-top:20rem; padding-left:20rem; font-size:20rem; color:#333; font-weight:600;}
.section_right {float:right; width:40%; padding:70rem 80rem; background:#fe6665; border-bottom-left-radius:100rem;}
.section_right span {display:block; font-size:17rem; font-weight:bold; color:#fff; }
.section_right span i {display:inline-block; background:url("../img/main/ci.png") center top no-repeat; width:74rem; height:68rem;}
.section_right h3 {font-size:30rem; color:#fff; font-weight:300;}
.section_right h3 b {font-weight:800;}
.section_right p {font-size:16rem; color:#fff; font-weight:400; padding-top:15rem;}

@media (max-width:1800px) {
	.section_left li {padding:0 50rem; text-align:center;}
	.section_left li dd {padding-top:30rem; padding-left:0rem; }
	.section_right {float:padding:70rem 50rem;}
	.section_right h3 {font-size:25rem;}
	.section_right p {font-size:13rem;}
}

@media (max-width:1060px) {
	.section_left li dt img {width:80rem;}
}

@media (max-width:1023px) {
	.section_left {float:none; padding:50rem 0; width:100%; }
	.section_left li {padding:0 20rem; text-align:center;}
	.section_left li dd {padding-top:30rem; padding-left:0rem; font-size:16rem; }
	.section_right {float:none; width:100%; padding:70rem 50rem;}
	.section_right h3 {font-size:25rem;}
	.section_right p {font-size:13rem;}
}

#mainsection3 {position: relative; margin:50rem 0;}
#mainsection3 img {border-top-right-radius:500rem; border-bottom-right-radius:500rem;}
#mainsection3 .mainsection3_txt {position:absolute; text-align:center; top:0; left:50%; transform:translateX(-50%); width:100%;}
#mainsection3 .mainsection3_txt ul {display: flex; height:490rem;         justify-content: center;        align-items: center; }
#mainsection3 .mainsection3_txt ul li p {display:block; font-size:17rem; color:#fe6665; font-weight:800; letter-spacing:1px;}
#mainsection3 .mainsection3_txt ul li h3 {font-size:40rem; color:#fff; font-weight:300;}
#mainsection3 .mainsection3_txt ul li h3 b { font-weight:800;}

@media screen and (max-width:1200px){
	#mainsection3 .mainsection3_txt ul { height:100rem;}
	#mainsection3 .mainsection3_txt ul li p { font-size:15rem;}
	#mainsection3 .mainsection3_txt ul li h3 {font-size:18rem;}
}

/*-- global css --*/

.overlay,
.overlay2{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}

.effect-image-1{	position: relative;	display: block;}
.overlay{position: absolute;	display: block;	width: 100%;	height: 100%;	left:0;	top:0;	background: rgba(89,127,68,.7);	border-top-right-radius:500rem; border-bottom-right-radius:500rem;	opacity: 0;	visibility: hidden;}
.effect-image-1:hover .simple-overlay{		visibility: visible;		opacity: 1;	}
.simple-overlay-1{width: 0px; right: 0; left:initial;	}
.effect-image-1:hover .simple-overlay-1{visibility: visible; opacity: 1; width: 100%;	}

#mainsection3 .over {margin-top:30rem;  position: relative;  display: inline-block;  cursor: pointer;}

.more {  width: 155rem; margin:0 auto; height: auto; vertical-align: middle;  text-decoration: none;  background: transparent;  padding: 0;  font-size: inherit;  font-family: inherit;}
.more .circle {  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);  position: relative;  display: block;  margin: 0;  width: 60rem;  height: 60rem; background:rgba(0,0,0,0.2);   border-radius:60rem;}
.more .button-text {  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);  position: absolute;  top: 52.5%;  left: 0;  right: 0;  bottom: 0;  padding: 16rem 0;  margin: 0 0 0 0rem;    color: #fff;  font-weight: 600;  line-height: 1.6;  text-align: center;  text-transform: uppercase;  font-size:15rem;}
.more:hover .circle {  width: 100%;}
.more:hover .button-text {  color: #fff;}

@media screen and (max-width:1200px){
	.more {  width: 100rem; }
	.more .circle {  width: 30rem;  height: 30rem; }
	.more .button-text {  top: 52.5%;  font-size:11rem;}
}

#mainsection4 li .over {margin-top:30rem;  position: relative;  display: inline-block;  cursor: pointer;}

.more2 {  width: 100rem; margin:5rem auto; height: auto; vertical-align: middle;  text-decoration: none;  background: transparent;  padding: 0;  font-size: inherit;  font-family: inherit;}
.more2 .circle {  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);  position: relative;  display: block;  margin: 0;  width: 30rem;  height: 30rem; background:rgba(0,0,0,0.2);   border-radius:60rem;}
.more2 .button-text {  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);  position: absolute;  top: 49%;  left: 0;  right: 0;  bottom: 0;  padding: 16rem 0;  margin: 0 0 0 0rem;    color: #fff;  font-weight: 600;  line-height: 1.6;  text-align: center;  text-transform: uppercase;  font-size:11rem;}
.more2:hover .circle {  width: 100%;}
.more2:hover .button-text {  color: #fff;}

@media screen and (max-width:1200px){
	.more2 {  width: 100rem; }
	.more2 .circle {  width: 30rem;  height: 30rem; }
	.more2 .button-text {  top: 47%;  font-size:11rem;}
}

#mainsection4 {position: relative; padding:50rem 0 150rem; background:url("../img/main/bg_symbol.png") left 260rem no-repeat; }
#mainsection4 li {cursor:pointer; position: relative; width: calc(100% /4 - 25px); margin:0 10rem; display:inline-block;}
#mainsection4 li img {width:100%; border-top-left-radius:500rem; border-top-right-radius:500rem;}
#mainsection4 .mainsection4_txt {position:absolute; text-align:center; top:0; left:50%; transform:translateX(-50%); width:100%;}
#mainsection4 .mainsection4_txt dl {display: flex; height:490rem;         justify-content: center;        align-items: center; }
#mainsection4 .mainsection4_txt dl dd h3 {font-size:25rem; color:#fff; font-weight:800;}

@media screen and (max-width:900px){
	#mainsection4 li {width: calc(100% /4 - 30px);}
	#mainsection4 .mainsection4_txt dl {height:290rem;}
	#mainsection4 .mainsection4_txt dl dd h3 {font-size:20rem;}
}

@media screen and (max-width:700px){
	#mainsection4 li {width: calc(100% /2 - 30px);}
	#mainsection4 .mainsection4_txt dl { height:400rem;}
	#mainsection4 .mainsection4_txt dl dd h3 {font-size:22rem;}
}

@media screen and (max-width:500px){
	#mainsection4 li {width: calc(100% /2 - 30px);}
	#mainsection4 .mainsection4_txt dl { height:300rem;}
	#mainsection4 .mainsection4_txt dl dd h3 {font-size:18rem;}
}

.inner {width:1250rem; margin:0 auto;}

@media(max-width:1250px) {
	.inner {width:100%; margin:0 auto;}
}

/* effect-1 css */
.port-1 {  float: left;  width: 100%;  position: relative;  overflow: hidden;  text-align: center;  }
.port-1 .text-desc {  opacity: 0.9;  top: -100%;  transition: 0.5s;}
.port-1.effect-2 .text-desc {  top: auto;  bottom: -100%;}
.port-1.effect-2:hover .text-desc {  bottom: 0;}
.text-desc {  position: absolute;  left: 0;  top: 0;  background: rgba(89,127,68,.7);  border-top-left-radius:500rem; border-top-right-radius:500rem;	  height: 100%;  opacity: 0;  width: 100%;}


.news_section_title {text-align:center;  margin-bottom:50rem; vertical-align:top; }
.news_section_title h3 {color:#333;   font-size:40rem; font-weight:300;}
.news_section_title h3 b {font-weight:800;}
.news_section_title span {font-size:15rem; font-weight:bold; color:#8ecdde; display:block; letter-spacing:1px; margin-bottom:10rem;}

@media screen and (max-width:1200px){
	.news_section_title {width:100%; float:none; text-align:center;}
	.news_section_title h3 { font-size:25rem; }
}


.flex-wrap{display:flex;justify-content:space-between}

@media (max-width: 1024px) {
  .flex-wrap{display:block;}
}

.business-flex-wrap__left {flex-shrink:0;width:350rem;padding-right:40rem}
.business-flex-wrap__right {width:100%}


#mainsection5 { position:relative; z-index: 1; background-color: #f8f7f6; padding: 90px 0 85px; overflow: hidden; }
.n_inner {width:1300rem; margin:0 auto;}
.square-numbering{display:flex;gap:35rem;flex-wrap:wrap}
.notice__item{border-radius:20rem; background:#fff; padding:10rem 30rem; }
.square-numbering.col-2 .notice__item{width: calc(100% /2 - 20px);}
.notice__inner{display:flex;align-items:center;padding:25rem 20rem;}
.notice_date{display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.notice_txt{font-size:16px;font-weight:400;color:#555}

.notice__inner .date { width:96rem; height: 99rem; background:#f5e8b5; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; transition: background-color .3s; border-radius: 15px 15px 15px 0; flex-shrink: 0; margin-right: 30rem; }
.notice__inner .date b { display: block; font-size: 30rem; font-weight:bold; color: #454545; margin:0 0 5px; transition: all .3s; }
.notice__inner .date span {display: block; font-size: 15rem; font-weight: bold; transition: all .3s; color: #454545; }
.notice__inner .txt {width: 100%; overflow: hidden;}
.notice__inner .txt h2 { width:100%; margin:0 0 15px; font-size: 20rem; font-weight: 600; line-height: 1.1; color:#262626; }
.notice__inner .txt p { font-size:16rem; font-weight: 400; line-height: 1.5; color:#6c6c6c;  }
/* hover */
.notice__item a:hover .date { background-color: #bfe4ee;  }

@media(max-width:1300px) {
	.n_inner {width:100%; margin:0 auto;}
}

@media(max-width:800px) {
	.square-numbering.col-2 .notice__item{width: 100%;}
	.notice__item{ padding:10rem 20rem; }
	.notice__inner{padding:25rem 10rem;}
	.notice__inner .txt h2 { font-size:18rem; }
	.notice__inner .txt p { font-size:14rem; }

}




#main_tour { position: relative; text-align:center; margin:0rem 0 50rem;}

.swiper-container {width:100%;}
.swiper-slide { height: 400rem; }


@media screen and (max-width:1150px) {
      .swiper-container { margin-top:50px;  }
}


/* slider_arrow */
.c2_arrow { display: flex;  align-items: center;  justify-content: center; }
.c2_prev, .c2_next {cursor: pointer;  transition: all .3s ease; margin:20px;}

/* c2_title */
.c2_title { position: relative; text-align:center; margin:0 auto;}
.c2_prev {font-size:30rem; color:#ccc; font-family: 'BookkMyungjo-Lt'; font-weight:100;}
.c2_next {font-size:30rem; color:#ccc; font-family: 'BookkMyungjo-Lt'; font-weight:100;}





.section04 {position:relative; } 
.bg:before { content: '';position: absolute; width:100%; height:100%; top:30%;background:url("../img/main/customer_bg.jpg") center top no-repeat;  }

.section04 .flexBox {position:relative; display: flex; justify-content: flex-end; align-items: stretch;}
.section04 .flexBox .titArea {position:absolute; top:0; left:0; width:100%; height:100%; }
.section04 .flexBox .titBox {position: sticky; left: 0; padding:100px 0;  margin:170px 0 0; }
.section04 .flexBox .titBox2 {position: sticky; left: 0; padding:100px 0;  margin:170px 0 0; }
.section04 .flexBox  h4 {margin-bottom:30rem; font-size:35rem; font-weight:800; color:#000; letter-spacing:-.5px; border-bottom:1px solid #ebebeb;  padding:20rem 0;}
.section04 .flexBox  h6 { font-size:25rem; font-weight:500; color:#000; letter-spacing:-.5px; padding-top:20rem;}
.section04 .flexBox  h5 { font-size:18rem; font-weight:500; color:#000; letter-spacing:-.5px; padding-top:20rem;}
.section04 .flexBox  h3 {margin:0 0 10px; font-size:20rem; font-weight:500; color:#000; letter-spacing:-.5px; }
.section04 .flexBox  h3 span {font-size:30rem; font-weight:800; color:#fe6665;}
.section04 .flexBox .conBox {width:47%;}
.section04 .flexBox .conBox .listBox ul li .imgBox {width:400rem; height:580rem;}
.section04 .flexBox .conBox .listBox ul li .imgBox > div {width:100%; height:100%; border-radius:400rem;}
.section04 .flexBox .conBox .listBox ul li .imgBox > div .wrap_map{height:100%}

@media all and (max-width:1400px){
	.section04 {margin-bottom:70rem;}

}

@media all and (max-width:1023px){
	
	.section04 .flexBox  h4 { font-size:25rem;}
	.section04 .flexBox  h3 span {font-size:20rem;}
	.section04 .flexBox  h6 { font-size:20rem; }

}

@media all and (max-width:860px){
	.section04 {margin-bottom:0rem;}
	.section04 {background:#fafafa url("../img/main/customer_bg_m.jpg") center 80rem no-repeat;} 
	.bg:before {background:none;}
	.section04 .flexBox {width: 100%; flex-wrap: wrap;text-align:center; }
	.section04 .flexBox .titBox {width:100%; position: relative;padding:100px 0 0;  margin:270px 0 0; }
	.section04 .flexBox .titBox2 {width:100%; position: relative;padding:0px 0 50rem;  margin-top:350rem;}
	.section04 .flexBox .conBox {width:100%;}
	.section04 .flexBox .conBox .listBox ul li .imgBox {width:100%; height:300rem;}

}

@media all and (max-width:700px){

	.section04 .flexBox .titBox {padding:60px 0 0;  margin:230px 0 0; }
	.section04 .flexBox .titBox2 {width:100%; position: relative;padding:50px 0 50rem;  margin-top:20rem;}
	.section04 .flexBox .conBox .listBox ul li .imgBox {width:100%; height:580rem;}

}


a.btn-default{margin-top:30rem; display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;max-width:165rem;height:50rem;overflow:hidden; text-align:center; font-weight:600;color:#fff;border-radius:30px;background-color:#fe6665;transition:background-color .3s; padding:0 20rem;}
.btn-default__icon{}
.bottom-btn {display:none;}

@media (min-width:1025px){
	/* Button */
	.btn-default:hover {background-color:#005153;}
}
@media (max-width:1280px){
	/* Button */
	.bottom-btn {display:flex}
}
@media (max-width:1023px){
	/* Button */
	.btn-default {max-width:180px;height:50px;padding:0 25px;}
}

@media (max-width:860px){
	a.btn-default{margin:20rem auto; }
}