@charset "utf-8"; 

@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;
}

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(820rem); margin-top:100rem; 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 infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#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.1; font-weight:600; font-size:60rem;  margin:290rem 0 20rem 0;}
#main_visual span{display:block; text-transform: uppercase; line-height:1.4; font-size:25rem; letter-spacing:-.5px;text-transform:uppercase;}
#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);
  }
}

/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fff; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white strong,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 70rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:800; font-size:22rem; color:#000;}
.main-menu__list > li p{font-weight:400; font-size:18rem; word-break:keep-all; color:#000;}
.main-menu__list > li p b{font-weight:600; font-size:25rem; word-break:keep-all; color:#333; margin-top:-12rem; display:block; }
.main-menu__list > li p b.white{font-weight:600; font-size:25rem; word-break:keep-all; color:#fff; margin-top:-12rem; display:block; }
.main-menu__list > li p span {background:#0068ac; font-weight:600; font-size:25rem; word-break:keep-all; color:#fff; margin-top:-12rem; display:block; }
.main-menu__list img{height:80rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:45%; margin-right:5%}
.main-company .main-company__img img {border-radius:10rem;}
.main-company .main-company__text{width:55%; }
.main-company .main-company__text h3{margin-bottom:30rem; margin-top:20rem; font-size:25rem; font-weight:600; color:#262626; }
.main-company .main-company__text h3 span.blue{color:#0c4781}
.main-company .main-company__text h3 span.mint{color:#10d2d2}
.main-company .main-company__text p{line-height:1.8; color:#4b4b4b; font-size:18rem; font-weight:500; word-break: keep-all;}
.main-company .main-company__text h3 br {display:none;}
.main-company .main-company__text p br {display:block;}
@media (max-width:1700px){

	#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{margin-top:80rem; height:700rem;}
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem; height:500rem;}
	#main_visual h2{font-size:40rem; margin:200rem 0 20rem 0;}
	

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	
	.main-company .main-company__text h3 br {display:block;}
	.main-company .main-company__text p br {display:block;}

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f9f9f9;}
	.main-menu__list > li p span {font-size:13rem; border:1px solid #fff; border-radius:50rem; width:100rem; margin:4rem auto 0; display:block; }


}


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

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center; }

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	.main-menu__list > li:nth-child(2) a{padding:38rem 5rem}



	

}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:200rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{ font-size:12rem}
	#main_visual h2{font-size:18rem; margin:60rem 0 20rem 0}
	#main_visual span{font-size:13rem; }
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	.main-company .main-company__text p {font-size:15rem;}
	.main-company .main-company__text p br {display:none;}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:40rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	.main-menu__list > li p b{font-size:18rem; }
	.main-menu__list > li p b.white{font-size:18rem; }
	.main-menu__list > li p span {margin:6rem auto 0; display:block; }
	

}




#main #sec03{padding:100rem 0; background:#fafafa;}
#main #sec03 .txt{margin-bottom:100px; text-align:center;}
#main #sec03 .txt .t1{font-weight:300; margin-bottom:25px; font-size:20rem; }
#main #sec03 .txt h3{font-size:40rem; color:#0c4781; line-height:1.2; letter-spacing:-0.5px; font-weight:600; margin-bottom:10rem;}
#main #sec03 .sec03_swiper{width:calc(100% - 180px); overflow:hidden; margin:0 auto; position:relative;}
#main #sec03 .sec03_swiper .swiper-slide{background:#fff; position:relative; &:hover::after{opacity:1;}}
#main #sec03 .sec03_swiper .swiper-slide img {width:600rem;}
#main #sec03 .sec03_swiper .swiper-slide::after{content:'';display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s ease; border:2px solid #26aad4;width:100%; height:100%; opacity:0;}
#main #sec03 .sec03_swiper .swiper-slide a{display:block;padding:60px; position:relative; z-index:2;}
#main #sec03 .sec03_swiper .swiper-slide .year{font-size:15px; font-weight:600; color:var(--ptColor1);}
#main #sec03 .sec03_swiper .swiper-slide .subject{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin:25px 0 30px; font-size:22px; font-weight:600; line-height:1.4;}
#main #sec03 .sec03_swiper .swiper-slide .desc{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; color:#888; line-height:1.6; font-size:16px;}
#main #sec03 .sec03_swiper .swiper-button-prev,
#main #sec03 .sec03_swiper .swiper-button-next{margin-top:0; top:50%;transform:translateY(-50%);width:45px; height:45px; display:flex; justify-content:center; align-items:center;font-size:30px;color:#222; &::after{display:none;}}
#main #sec03 .sec03_swiper .swiper-button-prev{left:calc(50% - ((100% / 3) / 2));margin-left:-35px;}
#main #sec03 .sec03_swiper .swiper-button-next{right:calc(50% - ((100% / 3) / 2)); margin-right:-35px;}

#main #sec03 .link_wrap{display:flex; justify-content:center; margin-top:100px;}
#main #sec03 .link_wrap .link_btn{display:flex;position:relative;width:70px;height:70px;padding:0 0 2px 2px;border-radius:50%;line-height:1;color:#fff;background:#0c4781;}
#main #sec03 .link_wrap .link_btn > span:nth-child(2){animation-delay:0.5s}
#main #sec03 .link_wrap .link_btn > span:nth-child(3){animation-delay:1s}
#main #sec03 .link_wrap .link_btn > span{position:absolute;left:0;top:0px;opacity:0;margin:0;width:100%;height:100%;border:1px solid rgba(0,91,172,0.5);border-radius:50%;animation:circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite}
#main #sec03 .link_wrap .link_btn > i{margin:auto; font-weight:100; font-size:20rem;transition:transform 0.4s}
#main #sec03 .link_wrap .link_btn:hover > i{transform:rotate(270deg)}
@media screen and (max-width:1400px){
	#main #sec03 .sec03_swiper {width:calc(100% - 30px);}
}
@media screen and (max-width:1023px){
	#main #sec03{padding:100px 0;}
	#main #sec03 .txt{margin-bottom:50px;}
	#main #sec03 .txt h3{font-size:30rem;}
	#main #sec03 .sec03_swiper{width:100%;}
	#main #sec03 .sec03_swiper .swiper-slide a{padding:30px; height:220px;}
	#main #sec03 .sec03_swiper .swiper-button-prev{margin-left:-120px;}
	#main #sec03 .sec03_swiper .swiper-button-next{margin-right:-120px;}
}
@media screen and (max-width:768px){
	#main #sec03{padding:80px 0;}
	#main #sec03 .txt .t1{margin-bottom:15px;}
	#main #sec03 .sec03_swiper{padding:0 50px;}
	#main #sec03 .sec03_swiper .swiper-button-prev{margin-left:0;left:5px;}
	#main #sec03 .sec03_swiper .swiper-button-next{margin-right:0; right:5px;}
	#main #sec03 .link_wrap{margin-top:80px;}
	#main #sec03 .link_wrap .link_btn{width:60px; height:60px;}
	#main #sec03 .link_wrap .link_btn > i{font-size:22px;}
}
@media screen and (max-width:480px){
	#main #sec03{padding:60px 0;}
	#main #sec03 .txt{margin-bottom:30px;}
	#main #sec03 .txt h3{padding:0 15px; word-break:keep-all;}
	#main #sec03 .sec03_swiper .swiper-slide a{padding:20px; height:170px;}
	#main #sec03 .sec03_swiper .swiper-slide .subject{margin:10px 0 20px; font-size:20px;}
	#main #sec03 .link_wrap{margin-top:60px;}
}
@media screen and (max-width:360px){
	#main #sec01 .link_wrap .link_btn{width:50px; height:50px;}	
	#main #sec01 .link_wrap .link_btn > i{font-size:16px;}
	#main #sec03 .sec03_swiper{padding:0 15px;}
	#main #sec03 .sec03_swiper .swiper-button-prev,
	#main #sec03 .sec03_swiper .swiper-button-next{display:none;}
}



.pl-160{padding-left: 200rem;}

@media all and (max-width:1600px){
    .pl-160{padding-left: 10px;}
}

@media all and (max-width:1024px){
    .pl-160{padding-left: 0;}
}

.main_tit p{font-weight: 200; font-size: 35rem; color: #fff;  letter-spacing: 0; line-height: 1.2em;}
.main_tit h3 {font-weight: 600; color: #fff; letter-spacing: -0.05em; line-height: 1.296em; font-size: 35rem; margin-bottom:40rem; }
.main_tit h4 {font-weight: 500; color: #fff; letter-spacing: -0.05em;  font-size:20rem; margin:20rem 0; }
.main_tit h4 i {float:left; font-size:40rem; margin-left:-7rem; width:75rem; margin-top:-10rem; }
.main_tit h5 {display:block; font-weight: 500; color: #fff;  line-height: 1.296em; font-size: 30rem; margin-top:30rem;}
.main_tit h5 i {float:left; font-size:40rem; margin-left:-7rem; width:75rem; margin-top:-3rem;}
.main_tit h5 span {cursor:pointer; width:80%; }


@media all and (max-width:1023px){
    .main_tit{text-align: center;}
	.main_tit p{ font-size: 25rem}
	.main_tit h3 {font-size: 25rem; margin-bottom:20rem;}
	.main_tit h4 span {display:block;font-size:16rem;}
    .main_tit h4 i {float:none; font-size:40rem; margin-left:-7rem;}
    .main_tit h5 i {float:none; font-size:40rem; margin-left:-7rem;}
	.main_tit h5 { font-size: 25rem;}
	.main_tit h5 span {display:block; width:100%; }
}


.location_con{max-width: 1920px; width: 100%; box-sizing: border-box; margin: 0 auto;}
.location_con > div{display: flex;}
.location_con .left_box,
.location_con .right_box{position:relative;width: 50%; box-sizing: border-box; align-items: center;}
.location_con .left_box:before {content: ""; position:absolute; width:362rem; height:310rem; background:url("../img/main/symbol_bg.png") center top no-repeat; left:15%; top:10%; transform:translateX(0%);}
.location_con .top_wrap .left_box{padding-top: 90rem; padding-left:70rem; background: #0c4781; max-height: 450rem; box-sizing: border-box;}

.location_con .map_box{width:100%; height:450rem; box-sizing:border-box;}
.location_con .map_box > div{width:100%; height:100%;}
.location_con .map_box .wrap_map{width:100%; height:100%;}

@media all and (max-width:1023px){
    .location_con > div{flex-wrap: wrap;}
    .location_con .left_box,
    .location_con .right_box{width: 100%;}
	.location_con .left_box:before {background:url("../img/main/symbol_bg.png") center top no-repeat; left:0%;}
    .location_con .top_wrap .left_box{padding-top: 80px; padding-bottom: 80px; padding-left:0rem;}
	.location_con .map_box{height:300rem;}

}