@charset "UTF-8";

.main_wrap{margin-top: 100px;padding-bottom: 200px;}

@media screen and (max-width:1024px) {
  .main_wrap{margin-top: 80px;padding-bottom: 150px;}
}


.main_visual{position: relative;width: 100%;height: calc(100vh - 100px);min-height: 500px;}
.main_visual .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover;}
.main_visual .mv01{background-image: url(/html/img/main_visual01.jpg);}
.main_visual .mv02{background-image: url(/html/img/main_visual02.jpg);}
.main_visual .mv03{background-image: url(/html/img/main_visual03.jpg);}
.main_visual .mv04{background-image: url(/html/img/main_visual04.jpg);}
.main_visual .txt_box{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 1480px;height: 100%;margin: 0 auto;padding: 0 20px;}
.main_visual .txt_box .sml{display: inline-block;font-size: 28px;font-weight: 400;color: #E9E9E9;text-align: center;}
.main_visual .txt_box h2{font-family: 'NanumSquareBold' !important;font-size: 60px;font-weight: 700;color: #fff;text-align: center;margin-top: 8px;}
.main_visual .txt_box p{font-size: 20px;font-weight: 400;color: #E9E9E9;text-align: center;margin-top: 20px;}
.main_visual .mv_ctrl{position: absolute;bottom: 40px;left: 50%;display: flex;justify-content: center;align-items: center;width: 100%;z-index: 11;transform: translateX(-50%);}
.main_visual .mv_ctrl .mv_pagi{display: flex;gap: 4px;}
.main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet{position: relative;display: inline-block;width: 40px;height: 2px;background-color: rgba(255, 255, 255, 0.3);border-radius: unset;opacity: 1;}
.main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet::after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fff;}
.main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet-active::after{animation: mvProgress 4.2s linear;}
.main_visual .mv_ctrl > button{display: none;background-color: transparent;border: unset;}
.main_visual .mv_ctrl > button.active{display: block;}

@keyframes mvProgress {
  0% {width: 0;}
  100% {width:100%;}
}

@media screen and (max-width:1024px) {
  .main_visual{height: calc(100vh - 80px);min-height: 360px;}
  .main_visual .txt_box .sml{font-size: 20px;}
  .main_visual .txt_box h2{font-size: 36px;}
  .main_visual .txt_box p{font-size: 16px;margin-top: 16px;}
  .main_visual .mv_ctrl{position: absolute;bottom: 40px;left: 50%;display: flex;align-items: center;z-index: 11;transform: translateX(-50%);}
  .main_visual .mv_ctrl .mv_pagi{display: flex;gap: 4px;}
  .main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet{position: relative;display: inline-block;width: 40px;height: 2px;background-color: rgba(255, 255, 255, 0.3);border-radius: unset;opacity: 1;}
  .main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet::after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fff;}
  .main_visual .mv_ctrl .mv_pagi .swiper-pagination-bullet-active::after{animation: mvProgress 4.2s linear;}
  .main_visual .mv_ctrl > button{display: none;background-color: transparent;border: unset;}
  .main_visual .mv_ctrl > button.active{display: block;}
}



.main_sct1{padding: 150px 0;}
.main_sct1 .tit_box .eng{display: inline-block;font-size: 55px;font-weight: 700;color: #E2EDF9;line-height: 1;}
.main_sct1 .tit_box h2{font-size: 36px;font-weight: 800;color: #0A1646;padding-left: 6px;}
.main_sct1 .service{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;max-width: 1156px;margin-top: 42px;margin-left: auto;}
.main_sct1 .service > li{width: 15.65%;background-color: #fff;border-radius: 50px 20px;box-shadow: rgba(28, 46, 121, 0.2) 0 0 10px 0;}
.main_sct1 .service > li a{display: inline-block;width: 100%;height: 100%;padding: 32px 10px;}
.main_sct1 .service > li .img_box{text-align: center;}
.main_sct1 .service > li .img_box img{width: 100%;max-width: 70px;transition: transform 0.3s;}
.main_sct1 .service > li h3{font-size: 17px;font-weight: 400;color: #44495D;text-align: center;margin-top: 20px;}
.main_sct1 .service > li a:hover .img_box img{transform: scale(1.1);}

@media screen and (max-width:1024px) {
  .main_sct1{padding: 120px 0;}
  .main_sct1 .tit_box .eng{font-size: 36px;}
  .main_sct1 .tit_box h2{font-size: 24px;padding-left: 4px;}
  .main_sct1 .service{justify-content: center;gap: 30px;margin-top: 30px;}
  .main_sct1 .service > li{width: calc(33.333% - 20px);}
  .main_sct1 .service > li h3{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .main_sct1{padding: 80px 0;}
  .main_sct1 .tit_box .eng{font-size: 30px;}
  .main_sct1 .service{gap: 12px;}
  .main_sct1 .service > li{width: 100%;border-radius: 20px 8px;}
  .main_sct1 .service > li a{display: flex;gap: 12px;align-items: center;padding: 20px 24px;}
  .main_sct1 .service > li .img_box{width: 30px;}
  .main_sct1 .service > li h3{font-size: 15px;margin-top: 0;}
}



.main_sct2{position: relative;padding-top: 110px;}
.main_sct2::before{content: '';position: absolute;top: 0;left: 0;width: 49%;height: 69%;border-radius: 0 20px 200px 0;background-color: #D9EBEF;}
.main_sct2 .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_sct2 .left{width: 43.26%;height: 423px;border-radius: 85px 20px;background: url(/html/img/main_sct2_img01.jpg) no-repeat center/cover;box-shadow: rgba(28, 46, 121, 0.2) 0 0 10px 0;}
.main_sct2 .right{display: flex;flex-direction: column;justify-content: space-between;width: 44.93%;}
.main_sct2 .right h2{font-size: 50px;font-weight: 700;color: #1E1E1E;}
.main_sct2 .right p{font-size: 20px;font-weight: 400;color: #555;margin-top: 40px;}
.main_sct2 .right a{display: flex;flex-direction: column;gap: 10px;width: fit-content;}
.main_sct2 .right a img{transition: transform 0.3s;}
.main_sct2 .right a span{font-size: 18px;font-weight: 600;color: #191919;}
.main_sct2 .right a:hover img{transform: translateX(10px);}

@media screen and (max-width:1300px) {
  .main_sct2 .right h2{font-size: 40px;}
  .main_sct2 .right p{font-size: 18px;}
}
@media screen and (max-width:1024px) {
  .main_sct2{padding-top: 100px;}
  .main_sct2 .left{width: 45%;}
  .main_sct2 .right{width: 45%;}
  .main_sct2 .right h2{font-size: 36px;}
  .main_sct2 .right h2 br{display: none;}
  .main_sct2 .right p{font-size: 16px;margin-top: 20px;}
  .main_sct2 .right p br{display: none;}
  .main_sct2 .right a span{font-size: 16px;}
  .main_sct2 .right a:hover img{transform: translateX(5px);}  
}
@media screen and (max-width:768px) {
  .main_sct2{padding-top: 80px;}
  .main_sct2::before{border-radius: 0 10px 100px 0;width: 85%;height: 40%;}
  .main_sct2 .inner{gap: 40px;}
  .main_sct2 .left{width: 100%;height: 240px;border-radius: 40px 10px;}
  .main_sct2 .right{width: 100%;gap: 30px;}
  .main_sct2 .right h2{font-size: 26px;}
  .main_sct2 .right p{font-size: 15px;}
}



.main_sct3{margin-top: 150px;}
.main_sct3 .top_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_sct3 .top_box .left{width: 63.88%;}
.main_sct3 .top_box .right{width: 30.41%;}

.main_sct3 .bor_tit{display: flex;justify-content: space-between;align-items: center;}
.main_sct3 .bor_tit h2{font-size: 40px;font-weight: 700;color: #191919;}
.main_sct3 .bor_tit h2 .kor{font-size: 20px;font-weight: 600;}
.main_sct3 .bor_tit a{transition: background-color 0.3s;}
.main_sct3 .bor_tit a img{transition: filter 0.3s;}
.main_sct3 .bor_tit a:hover{background-color: #191919;}
.main_sct3 .bor_tit a:hover img{filter: invert(1) brightness(1);}
.main_sct3 .bor_con{padding: 40px;border: #DDDDDD solid 1px;border-radius: 20px;margin-top: 24px;}
.main_sct3 .bor_con .notice_list > li:nth-child(n + 2){border-top: #EEEEEE solid 1px;}
.main_sct3 .bor_con .notice_list > li a{display: flex;gap: 40px;padding: 24px 0;}
.main_sct3 .bor_con .notice_list > li a .date{display: inline-block;width: 85px;font-size: 16px;font-weight: 300;color: #666;}
.main_sct3 .bor_con .notice_list > li a h3{width: calc(100% - 125px);font-size: 16px;font-weight: 400;color: #111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_sct3 .bor_con .notice_list > li a:hover h3{text-decoration: underline;}

.main_sct3 .bor_con .notice_img{text-align: center;}

.main_sct3 .faq_box{margin-top: 150px;}
.main_sct3 .faq_box .faq_list{margin-top: 30px;}
.main_sct3 .faq_box .faq_list > ul > li {border:solid 1px #CECECE;border-radius:10px;overflow:hidden}
.main_sct3 .faq_box .faq_list > ul > li + li {margin-top:10px}
.main_sct3 .faq_box .faq_list > ul > li.active {border-color:#3E3E3E;background:#F4F4F4}
.main_sct3 .faq_box .faq_list > ul > li.active button::after {background-image:url('/html/img/minus.svg')}
.main_sct3 .faq_box .faq_list button {color:#191919;width:100%;background:transparent;border:0;font-size:24px;font-weight:700;position:relative;text-align:left;line-height:1.4;padding:40px 80px 40px 98px}
.main_sct3 .faq_box .faq_list button::before,
.main_sct3 .faq_box .faq_list .cont::before {content:'Q';display:flex;align-items:center;justify-content:center;width:37px;height:48px;background:#ffffff;border:solid 1px #1e1e1e;border-radius:30px;position:absolute;top:33px;left:40px;font-size:18px;font-weight:700;font-family:'Montserrat', sans-serif}
.main_sct3 .faq_box .faq_list button::after {content:'';display:block;width:30px;height:30px;background:url('/html/img/plus.svg') no-repeat center/100%;position:absolute;top:50%;right:40px;transform:translateY(-50%);transition:all .2s}
.main_sct3 .faq_box .faq_list .cont {display:none;font-size:18px;color:#3E3E3E;padding:44px 10px 44px 98px;position:relative;border-top:dashed 1px #3E3E3E}
.main_sct3 .faq_box .faq_list .cont::before {content:'A'}
.main_sct3 .faq_box .faq_list .cont p {line-height:1.7}
.main_sct3 .faq_box .faq_list .cont p a:hover{text-decoration: underline;}

@media screen and (max-width:1024px) {
  .main_sct3{margin-top: 100px;}
  .main_sct3 .top_box{gap: 60px;}
  .main_sct3 .top_box .left{width: 100%;}
  .main_sct3 .top_box .right{width: 100%;}

  .main_sct3 .bor_tit h2{font-size: 26px;}
  .main_sct3 .bor_tit h2 .kor{font-size: 16px;}
  .main_sct3 .bor_tit a img{width: 32px;}
  .main_sct3 .bor_con{padding: 16px;border-radius: 16px;margin-top: 18px;}
  .main_sct3 .bor_con .notice_list > li a{flex-direction: column-reverse;flex-wrap: wrap;gap: 5px;padding: 12px 0;}
  .main_sct3 .bor_con .notice_list > li a .date{width: auto;font-size: 14px;}
  .main_sct3 .bor_con .notice_list > li a h3{width: 100%;font-size: 15px;}

  .main_sct3 .bor_con .notice_img{text-align: center;}

  .main_sct3 .faq_box{margin-top: 60px;}
  .main_sct3 .faq_box .faq_list{margin-top: 20px;}
  .main_sct3 .faq_box .faq_list button {font-size:18px;padding:24px 46px 24px 60px}
  .main_sct3 .faq_box .faq_list button::after {width:20px;height:20px;right:20px}
  .main_sct3 .faq_box .faq_list button::before,
  .main_sct3 .faq_box .faq_list .cont::before {font-size:16px;width:32px;height:40px;top:17px;left:18px}
  .main_sct3 .faq_box .faq_list .cont {font-size:15px;padding:24px 10px 24px 60px}
}



.main_sct4{margin-top: 115px;}
.main_sct4 .intro_box{position: relative;display: flex;flex-wrap: wrap;border-radius: 85px 20px;box-shadow: rgba(28, 46, 121, 0.2) 0 0 10px 0;overflow: hidden;}
.main_sct4 .intro_box::after{content: '';position: absolute;top: 50%;left: 50%;width: 107px;height: 107px;background: url(/html/img/main_sct4_logo.png) no-repeat center/contain;transform: translate(-50%, -50%);}
.main_sct4 .intro_box .left,
.main_sct4 .intro_box .right{width: 50%;}

.main_sct4 .intro_box .left{padding: 80px 110px;background-color: #007FA0;}
.main_sct4 .intro_box .left h2{font-size: 40px;font-weight: 700;color: #fff;}
.main_sct4 .intro_box .left p{font-size: 20px;font-weight: 400;color: #CFE7ED;margin-top: 10px;}
.main_sct4 .intro_box .left a{display: inline-block;font-size: 18px;font-weight: 600;color: #fff;margin-top: 30px;padding-bottom: 5px;border-bottom: #CFE6ED solid 1px;}
.main_sct4 .intro_box .left a img{transition: transform 0.3s;}
.main_sct4 .intro_box .left a:hover img{transform: translateX(5px);}
.main_sct4 .intro_box .right{background: url(/html/img/main_sct4_img01.jpg) no-repeat center/cover;}

@media screen and (max-width:1200px) {
  .main_sct4 .intro_box .left{padding: 60px 90px;}
  .main_sct4 .intro_box .left h2{font-size: 36px;}
}
@media screen and (max-width:1024px) {
  .main_sct4{margin-top: 100px;}
  .main_sct4 .intro_box{border-radius: 40px 16px;}
  .main_sct4 .intro_box::after{top: unset;bottom: 240px;width: 90px;height: 90px;transform: translate(-50%, 50%);}
  .main_sct4 .intro_box .left,
  .main_sct4 .intro_box .right{width: 100%;}
  
  .main_sct4 .intro_box .left{padding: 60px 30px;}
  .main_sct4 .intro_box .left h2{font-size: 26px;}
  .main_sct4 .intro_box .left p{font-size: 16px;margin-top: 8px;}
  .main_sct4 .intro_box .left a{font-size: 15px;margin-top: 20px;padding-bottom: 3px;}
  .main_sct4 .intro_box .right{height: 240px;}
}



.main_sct5{margin-top: 150px;}
.main_sct5 .location_info{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_sct5 .location_info .map_box{width: 55.55%;}
.main_sct5 .location_info .map_box .wrap_map{height: 100%;}
.main_sct5 .location_info .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.main_sct5 .location_info .map_box .map{width: 100%;height: 100%;}
.main_sct5 .location_info .map_box .map_border{display: none;}

.main_sct5 .txt_box{width: 41.66%;}
.main_sct5 .txt_box h2{font-size: 32px;font-weight: 700;color: #191919;}
.main_sct5 .txt_box .detail{margin-top: 32px;}
.main_sct5 .txt_box .detail > li:nth-child(n + 2){margin-top: 40px;}
.main_sct5 .txt_box .detail > li h3{display: flex;gap: 4px;align-items: center;}
.main_sct5 .txt_box .detail > li h3 span{font-size: 16px;font-weight: 400;color: #191919;}
.main_sct5 .txt_box .detail > li .address{font-size: 18px;font-weight: 700;color: #191919;margin-top: 12px;}
.main_sct5 .txt_box .detail > li .links{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 24px;}
.main_sct5 .txt_box .detail > li .links > li{width: 150px;}
.main_sct5 .txt_box .detail > li .links > li a{display: flex;gap: 5px;justify-content: center;align-items: center;width: 100%;padding: 3px;border: #D1D1D1 solid 1px;border-radius: 4px;transition: background-color 0.3s;}
.main_sct5 .txt_box .detail > li .links > li a span{font-size: 14px;font-weight: 400;color: #191919;transition: color 0.3s;}
.main_sct5 .txt_box .detail > li .links > li a:hover{background-color: #191919;}
.main_sct5 .txt_box .detail > li .links > li a:hover span{color: #fff;}
.main_sct5 .txt_box .detail > li .num{font-size: 34px;font-weight: 700;color: #007FA0;margin-top: 12px;}
.main_sct5 .txt_box .page_link{display: inline-block;margin-top: 86px;}
.main_sct5 .txt_box .page_link span{display: inline-block;font-size: 18px;font-weight: 600;color: #191919;margin-top: 10px;}
.main_sct5 .txt_box .page_link img{transition: transform 0.3s;}
.main_sct5 .txt_box .page_link:hover img{transform: translateX(10px);}

@media screen and (max-width:1024px) {
  .main_sct5{margin-top: 100px;}
  .main_sct5 .location_info{gap: 40px;}
  .main_sct5 .location_info .map_box{width: 100%;height: 240px;}
  .main_sct5 .location_info .map_box .map{height: 240px;}

  .main_sct5 .txt_box{width: 100%;}
  .main_sct5 .txt_box h2{font-size: 24px;}
  .main_sct5 .txt_box .detail{margin-top: 20px;}
  .main_sct5 .txt_box .detail > li:nth-child(n + 2){margin-top: 30px;}
  .main_sct5 .txt_box .detail > li h3 img{width: 20px;}
  .main_sct5 .txt_box .detail > li .address{font-size: 16px;margin-top: 8px;}
  .main_sct5 .txt_box .detail > li .links{gap: 6px;margin-top: 16px;}
  .main_sct5 .txt_box .detail > li .links > li{width: 130px;}
  .main_sct5 .txt_box .detail > li .links > li a{padding: 5px 3px;}
  .main_sct5 .txt_box .detail > li .num{font-size: 26px;}
  .main_sct5 .txt_box .page_link{margin-top: 40px;}
  .main_sct5 .txt_box .page_link span{font-size: 16px;margin-top: 8px;}
  .main_sct5 .txt_box .page_link:hover img{transform: translateX(5px);}
}