@charset "UTF-8";

.main_wrap section .con_wrap .bar{display: inline-block;width: 40px;height: 10px;border-radius: 999px;background: linear-gradient(71deg,rgba(31, 120, 255, 1) 0%, rgba(0, 240, 172, 1) 100%);}
.main_wrap section .con_wrap h2{font-size: 50px;font-weight: 800;color: #000;line-height: 1.2;margin-top: 30px;}
.main_wrap section .con_wrap h2 i{font-style: normal;font-weight: 400;}
.main_wrap section .con_wrap p{font-size: 20px;font-weight: 400;color: #000;line-height: 1.5;margin-top: 40px;}

@media screen and (max-width:1024px) {
  .main_wrap section .con_wrap h2{font-size: 32px;margin-top: 30px;}
  .main_wrap section .con_wrap p{font-size: 18px;margin-top: 30px;}
  .main_wrap section .con_wrap p br{display: none;}
}
@media screen and (max-width:768px) {
  .main_wrap section .con_wrap h2{font-size: 24px;margin-top: 20px;}
  .main_wrap section .con_wrap h2 br{display: none;}
  .main_wrap section .con_wrap p{font-size: 16px;margin-top: 20px;}
}



.main_wrap .main_visual{position: relative;}
.main_wrap .main_visual .mv_img{position: relative;width: 100%;z-index: 11;border-radius: 0 0 120px 120px;overflow: hidden;}
.main_wrap .main_visual .mv_img .swiper-slide{width: 100%;height: 100vh;min-height: 600px;/* max-height: 1200px; */background-repeat: no-repeat;background-position: center;background-size: cover;}
.main_wrap .main_visual .mv_img .swiper-slide.mv01{background-image: url(/html/img/main_visual01.jpg);}
.main_wrap .main_visual .mv_img .swiper-slide.mv02{background-image: url(/html/img/main_visual02.jpg);}
.main_wrap .main_visual .mv_img .swiper-slide.mv03{background-image: url(/html/img/main_visual03.jpg);}

.main_wrap .main_visual .mv_txt{position: absolute;top: 50%;left: 50%;width: 100%;max-width: 1480px;padding: 0 20px;transform: translate(-50%, -50%);z-index: 22;}
.main_wrap .main_visual .mv_txt p{font-size: 24px;font-weight: 400;color: #fff;}
.main_wrap .main_visual .mv_txt p b{font-weight: 800;}
.main_wrap .main_visual .mv_txt h2{font-size: 86px;font-weight: 800;color: #fff;margin-top: 20px;}
.main_wrap .main_visual .mv_txt .mv_ctrl{display: flex;align-items: center;gap: 18px;margin-top: 36px;}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_progress{position: relative;width: 88px;height: 1px;background-color: rgba(255, 255, 255, 0.5);}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_progress .swiper-pagination-progressbar-fill{background-color: #fff;}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_num{display: flex;gap: 5px;width: fit-content;font-size: 14px;font-weight: 600;color: rgba(255, 255, 255, 0.5);}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_num .swiper-pagination-current{color: #fff;}

.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button{background-color: transparent;border: 0;}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button.mv_pause, 
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button.mv_play{display: none;width: 8px;height: 14px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button.mv_pause{background-image: url(/html/img/mv_pause.png);}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button.mv_play{background-image: url(/html/img/mv_play.png);}
.main_wrap .main_visual .mv_txt .mv_ctrl .mv_btn button.active{display: block;}

@media screen and (max-width:1024px) {
  .main_wrap .main_visual .mv_img{border-radius: 0 0 60px 60px;}
  /* .main_wrap .main_visual .mv_img .swiper-slide{height: 600px;} */

  .main_wrap .main_visual .mv_txt p{font-size: 20px;}
  .main_wrap .main_visual .mv_txt h2{font-size: 48px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .main_wrap .main_visual .mv_img{border-radius: 0 0 30px 30px;}
  .main_wrap .main_visual .mv_img .swiper-slide{min-height: 400px;}

  .main_wrap .main_visual .mv_txt p{font-size: 18px;}
  .main_wrap .main_visual .mv_txt h2{font-size: 30px;margin-top: 12px;}
  .main_wrap .main_visual .mv_txt .mv_ctrl{gap: 16px;margin-top: 24px;}
}
@media screen and (max-width:360px) {
  .main_wrap .main_visual .mv_txt h2 br{display: none;}
}





.main_wrap .sct01{padding: 150px 0;}
.main_wrap .sct01 .inner{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.main_wrap .sct01 .left{width: 55.34%;border-radius: 30px;overflow: hidden;}
.main_wrap .sct01 .right{width: 39.09%;}
.main_wrap .sct01 .right a{display: inline-block;font-size: 20px;font-weight: 400;color: #1797EB;text-align: center;padding: 10px 30px;border: #1797EB solid 1px;border-radius: 999px;margin-top: 100px;transition: color 0.3s background-color 0.3s;}
.main_wrap .sct01 .right a:hover{color: #fff;background-color: #1797EB;}

@media screen and (max-width:1024px) {
  .main_wrap .sct01{padding: 100px 0;}
  .main_wrap .sct01 .right a{font-size: 16px;margin-top: 60px;}
}
@media screen and (max-width:768px) {
  .main_wrap .sct01{padding: 80px 0;}
  .main_wrap .sct01 .inner{gap: 40px;}
  .main_wrap .sct01 .left,
  .main_wrap .sct01 .right{width: 100%;}
  .main_wrap .sct01 .right a{margin-top: 40px;padding: 10px 20px;}
}


.main_wrap .sct02{background-color: #F7F9F9;}
.main_wrap .sct02 .feature{display: flex;flex-wrap: wrap;max-width: 1920px;margin: 0 auto;}
.main_wrap .sct02 .feature > li{position: relative;width: 33.33%;padding: 165px 20px 140px;transition: background-color 0.3s;}
.main_wrap .sct02 .feature > li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(138deg,rgba(31, 120, 255, 1) 0%, rgba(0, 240, 172, 1) 100%);opacity: 0;transition: opacity 0.3s;}
.main_wrap .sct02 .feature > li:hover::before{opacity: 1;}
.main_wrap .sct02 .feature > li:nth-child(n + 2){border-left: #D1D1D1 solid 1px;}
.main_wrap .sct02 .feature > li .img_box{position: relative;text-align: center;}
.main_wrap .sct02 .feature > li .img_box img.white{position: absolute;top: 50%;left: 50%;opacity: 0;transform: translate(-50%, -50%);transition: opacity 0.3s;}
.main_wrap .sct02 .feature > li:hover .img_box img.white{opacity: 1;}
.main_wrap .sct02 .feature > li .txt_box{margin-top: 40px;}
.main_wrap .sct02 .feature > li .txt_box h2{font-size: 28px;font-weight: 800;color: #000;text-align: center;line-height: 1.5;transition: color 0.3s;}
.main_wrap .sct02 .feature > li:hover .txt_box h2{color: #fff;}
.main_wrap .sct02 .feature > li .txt_box p{font-size: 20px;font-weight: 400;color: #000;text-align: center;line-height: 1.5;margin-top: 20px;transition: color 0.3s;}
.main_wrap .sct02 .feature > li:hover .txt_box p{color: #fff;}


@media screen and (max-width:1200px) {
  .main_wrap .sct02 .feature > li .txt_box p br{display: none;}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct02 .feature > li{padding: 120px 20px 100px;}
  .main_wrap .sct02 .feature > li .img_box img{width: 60%;}
  .main_wrap .sct02 .feature > li .txt_box{margin-top: 30px;}
  .main_wrap .sct02 .feature > li .txt_box h2{font-size: 20px;}
  .main_wrap .sct02 .feature > li .txt_box p{font-size: 16px;margin-top: 12px;}
}
@media screen and (max-width:768px) {
  .main_wrap .sct02 .feature > li{display: flex;justify-content: space-between;align-items: center;width: 100%;min-height: 175px; padding: 30px 20px;}
  .main_wrap .sct02 .feature > li:nth-child(n + 2){border-top: #D1D1D1 solid 1px;border-left: unset;}
  .main_wrap .sct02 .feature > li .img_box{width: 22%;}
  .main_wrap .sct02 .feature > li .img_box img{width: 100%;}
  .main_wrap .sct02 .feature > li .txt_box{width: 73%;margin-top: 0;}
  .main_wrap .sct02 .feature > li .txt_box h2{text-align: left;}
  .main_wrap .sct02 .feature > li .txt_box h2 br{display: none;}
  .main_wrap .sct02 .feature > li .txt_box p{text-align: left;}
}





.main_wrap .sct03{position: relative;padding: 150px 0 130px;}
.main_wrap .sct03::before{content: '';position: absolute;top: 0;left: 0;width: 54.68%;height: 100%;background-color: #00406D;}
.main_wrap .sct03 .inner{display: flex;gap: 100px;max-width: unset;padding-left: calc(50vw - 720px);padding-right: 0;}
.main_wrap .sct03 .left{width: 500px;}
.main_wrap .sct03 .right{width: calc(100% - 600px);overflow: hidden;}

.main_wrap .sct03 .left .con_wrap h2{color: #fff;margin-top: 20px;}
.main_wrap .sct03 .left .con_wrap p{color: #fff;}
.main_wrap .sct03 .left .pd_navi{display: flex;gap: 40px;margin-top: 40px;}
.main_wrap .sct03 .left .pd_navi button{background-color: transparent;border: unset;transition: opacity 0.3s;}
.main_wrap .sct03 .left .pd_navi button:hover{opacity: 0.3;}

/* .main_wrap .sct03 .right .pd_slide{margin-top: 30px;} */
.main_wrap .sct03 .right .pd_slide .swiper-slide{width: 340px;background-color: #fff;border-radius: 30px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);overflow: hidden;margin-bottom: 20px;}
.main_wrap .sct03 .right .pd_slide .swiper-slide .img_box{border-radius: 30px;overflow: hidden;}
.main_wrap .sct03 .right .pd_slide .swiper-slide h3{font-size: 28px;font-weight: 700;color: #000;text-align: center;margin-top: 30px;padding: 0 20px;}
.main_wrap .sct03 .right .pd_slide .swiper-slide .link{margin-top: 32px;text-align: center;padding-bottom: 30px;}
.main_wrap .sct03 .right .pd_slide .swiper-slide .link a img{transition: transform 0.3s;}
.main_wrap .sct03 .right .pd_slide .swiper-slide .link a:hover img{transform: scale(1.2);}

@media screen and (max-width:1480px) {
  .main_wrap .sct03 .inner{gap: 80px;padding-left: 20px;}
  .main_wrap .sct03 .right{width: calc(100% - 580px);}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct03{padding: 100px 0;}
  .main_wrap .sct03::before{width: 100%;height: 54.68%;}

  .main_wrap .sct03 .inner{flex-wrap: wrap;gap: 60px;padding: 0;}
  .main_wrap .sct03 .left, 
  .main_wrap .sct03 .right{width: 100%;}
  .main_wrap .sct03 .left{padding: 0 20px;}
  .main_wrap .sct03 .right{padding-left: 20px;}

  .main_wrap .sct03 .left .con_wrap h2{margin-top: 16px;}
  .main_wrap .sct03 .left .pd_navi{gap: 20px;margin-top: 30px;}

  .main_wrap .sct03 .right .pd_slide{margin-top: 0;}
  .main_wrap .sct03 .right .pd_slide .swiper-slide{width: 260px;border-radius: 20px;}
  .main_wrap .sct03 .right .pd_slide .swiper-slide .img_box{border-radius: 20px;}
  .main_wrap .sct03 .right .pd_slide .swiper-slide h3{font-size: 20px;margin-top: 20px;}
  .main_wrap .sct03 .right .pd_slide .swiper-slide .link{margin-top: 24px;}
}
@media screen and (max-width:768px) {
  .main_wrap .sct03{padding: 80px 0;}
  .main_wrap .sct03 .right .pd_slide .swiper-slide{width: auto;}
}





.main_wrap .sct04{background-color: #F7F9F9;}
.main_wrap .sct04 .inner{padding: 140px 20px 160px;display: flex;justify-content: space-between;flex-wrap: wrap;background: url(/html/img/main_sct04_bg.png) no-repeat bottom -30px center/contain;}
.main_wrap .sct04 .left{width: 32.98%;}
.main_wrap .sct04 .right{width: 55.27%;}

.main_wrap .sct04 .left .address{margin-top: 40px;}
.main_wrap .sct04 .left .address > li h3{font-size: 20px;font-weight: 800;color: #1F78FF;}
.main_wrap .sct04 .left .address > li p{font-size: 24px;font-weight: 400;color: #333;margin-top: 12px;}
.main_wrap .sct04 .left .map_link{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 40px;}
.main_wrap .sct04 .left .map_link > li a{display: flex;justify-content: center;align-items: center;gap: 10px;min-width: 200px;height: 100%;padding: 12px;font-size: 19px;font-weight: 500;border-radius: 4px;transition: background-color 0.3s;}
.main_wrap .sct04 .left .map_link > li.naver a{background-color: #01D53B;color: #F7F9F9;}
.main_wrap .sct04 .left .map_link > li.naver a:hover{background-color: #02ac2f;}
.main_wrap .sct04 .left .map_link > li.kakao a{background-color: #FBE100;color: #363816;}
.main_wrap .sct04 .left .map_link > li.kakao a:hover{background-color: #c0ad02;}

.main_wrap .sct04 .right .map_box{width: 100%;height: 480px;margin-top: 48px;}
.main_wrap .sct04 .right .map_box .wrap_map{height: 100%;}
.main_wrap .sct04 .right .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.main_wrap .sct04 .right .map_box .map{width: 100%;height: 480px;}
.main_wrap .sct04 .right .map_box .map_border{display: none;}

@media screen and (max-width:1024px) {
  .main_wrap .sct04 .inner{padding: 100px 20px 120px;gap: 40px;}
  .main_wrap .sct04 .left, 
  .main_wrap .sct04 .right{width: 100%;}

  .main_wrap .sct04 .left .address{margin-top: 30px;}
  .main_wrap .sct04 .left .address > li h3{font-size: 18px;}
  .main_wrap .sct04 .left .address > li p{font-size: 20px;margin-top: 8px;}
  .main_wrap .sct04 .left .map_link{margin-top: 30px;}
  .main_wrap .sct04 .left .map_link > li a{padding: 10px;font-size: 16px;}

  .main_wrap .sct04 .right .map_box{height: 360px;margin-top: 40px;}
  .main_wrap .sct04 .right .map_box .map{height: 360px;}
}
@media screen and (max-width:768px) {
  .main_wrap .sct04 .inner{padding: 80px 20px 100px;background-position: bottom -2% center;}

  .main_wrap .sct04 .left .address{margin-top: 20px;}
  .main_wrap .sct04 .left .address > li h3{font-size: 16px;}
  .main_wrap .sct04 .left .address > li p{font-size: 18px;}
  .main_wrap .sct04 .left .map_link{margin-top: 20px;}
  .main_wrap .sct04 .left .map_link > li{width: calc(50% - 5px);}
  .main_wrap .sct04 .left .map_link > li a{min-width: unset;font-size: 15px;}

  .main_wrap .sct04 .right .map_box{height: 240px;margin-top: 0;}
  .main_wrap .sct04 .right .map_box .map{height: 240px;}
}
@media screen and (max-width:380px) {
  .main_wrap .sct04 .left .map_link > li{width: 100%;}
}




.main_wrap .sct05{padding: 130px 0;background: url(/html/img/main_sct05_bg.jpg) no-repeat center/cover;border-radius: 120px 120px 0 0;}
.main_wrap .sct05 .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.main_wrap .sct05 .left{width: 48.61%;}
.main_wrap .sct05 .right{width: 37.91%;}

.main_wrap .sct05 .left .tit .sml{display: inline-block;font-size: 24px;font-weight: 700;color: #7D95AE;}
.main_wrap .sct05 .left .tit h2{font-size: 60px;font-weight: 800;color: #fff;margin-top: 10px;}
.main_wrap .sct05 .left .info{margin-top: 60px;}
.main_wrap .sct05 .left .info > li:nth-child(n + 2){margin-top: 30px;}
.main_wrap .sct05 .left .info > li h3{font-size: 20px;font-weight: 800;color: #5FC1FF;}
.main_wrap .sct05 .left .info > li p{font-size: 24px;font-weight: 400;color: #D0D0D0;margin-top: 10px;}
.main_wrap .sct05 .left .info > li p b{font-size: 40px;font-weight: 900;color: #fff;}

.main_wrap .sct05 .right .contact_box{border: rgba(255, 255, 255, 0.16) solid 1px;border-radius: 20px;background-color: rgba(255, 255, 255, 0.04);backdrop-filter: blur(50px);padding: 60px;}
.main_wrap .sct05 .right .contact_box h3{font-size: 30px;font-weight: 800;color: #fff;}
.main_wrap .sct05 .right .contact_box .desc{font-size: 16px;font-weight: 400;color: #fff;opacity: 0.8;margin-top: 8px;}
.main_wrap .sct05 .right .contact_box form{margin-top: 40px;}
.main_wrap .sct05 .right .contact_box .form_list > li:nth-child(n + 2){margin-top: 14px;}
.main_wrap .sct05 .right .contact_box .form_list > li input,
.main_wrap .sct05 .right .contact_box .form_list > li textarea{width: 100%;border: rgba(255, 255, 255, 0.2) solid 1px !important;border-radius: 5px;background-color: rgba(255, 255, 255, 0.05);padding: 12px 14px;font-size: 15px;font-weight: 400;color: #fff;}
.main_wrap .sct05 .right .contact_box .form_list > li textarea{height: 212px;resize: none;}

.main_wrap .sct05 .right .contact_box .form_list > li input::placeholder,
.main_wrap .sct05 .right .contact_box .form_list > li textarea::placeholder{color: rgba(255, 255, 255, 0.6);}

.main_wrap .sct05 .right .contact_box .form_list > li input:focus,
.main_wrap .sct05 .right .contact_box .form_list > li textarea:focus,
.main_wrap .sct05 .right .contact_box .form_list > li input:focus-visible,
.main_wrap .sct05 .right .contact_box .form_list > li textarea:focus-visible{box-shadow: unset;outline: unset;}

.main_wrap .sct05 .right .contact_box .submit_btn{width: 100%;font-size: 15px;font-weight: 800;color: #05375B;text-align: center;border: unset;border-radius: 5px;padding: 12px 0;background: linear-gradient(83deg,rgba(31, 120, 255, 1) 0%, rgba(0, 240, 172, 1) 100%);margin-top: 14px;transition: background 0.3s;}
.main_wrap .sct05 .right .contact_box .submit_btn:hover{text-decoration: underline;}

@media screen and (max-width:1300px) {
  .main_wrap .sct05{padding: 120px 0;border-radius: 80px 80px 0 0;}
  .main_wrap .sct05 .left,
  .main_wrap .sct05 .right{width: 48.5%;}

  .main_wrap .sct05 .left .tit .sml{font-size: 22px;}
  .main_wrap .sct05 .left .tit h2{font-size: 48px;}
}
@media screen and (max-width:1024px) {
  .main_wrap .sct05{padding: 100px 0;border-radius: 40px 40px 0 0;}
  .main_wrap .sct05 .inner{gap: 40px;}
  .main_wrap .sct05 .left,
  .main_wrap .sct05 .right{width: 100%;}
  
  .main_wrap .sct05 .left .tit .sml{font-size: 20px;}
  .main_wrap .sct05 .left .tit h2{font-size: 36px;}
  .main_wrap .sct05 .left .info{margin-top: 40px;}
  .main_wrap .sct05 .left .info > li:nth-child(n + 2){margin-top: 20px;}
  .main_wrap .sct05 .left .info > li h3{font-size: 18px;}
  .main_wrap .sct05 .left .info > li p{font-size: 20px;margin-top: 8px;}
  .main_wrap .sct05 .left .info > li p b{font-size: 30px;}
  
  .main_wrap .sct05 .right .contact_box{padding: 50px;}
  .main_wrap .sct05 .right .contact_box h3{font-size: 24px;}
  .main_wrap .sct05 .right .contact_box form{margin-top: 30px;}
  .main_wrap .sct05 .right .contact_box .form_list > li:nth-child(n + 2){margin-top: 12px;}
}
@media screen and (max-width:768px) {
  .main_wrap .sct05{padding: 80px 0;border-radius: 40px 40px 0 0;}
  
  .main_wrap .sct05 .left .tit .sml{font-size: 16px;}
  .main_wrap .sct05 .left .tit h2{font-size: 28px;}
  .main_wrap .sct05 .left .info{margin-top: 20px;}
  .main_wrap .sct05 .left .info > li:nth-child(n + 2){margin-top: 12px;}
  .main_wrap .sct05 .left .info > li h3{font-size: 16px;}
  .main_wrap .sct05 .left .info > li p{font-size: 18px;margin-top: 4px;}
  .main_wrap .sct05 .left .info > li p b{font-size: 24px;}
  
  .main_wrap .sct05 .right .contact_box{padding: 30px 20px;border-radius: 12px;}
  .main_wrap .sct05 .right .contact_box h3{font-size: 20px;}
  .main_wrap .sct05 .right .contact_box .desc br{display: none;}
  .main_wrap .sct05 .right .contact_box .form_list > li:nth-child(n + 2){margin-top: 10px;}
  .main_wrap .sct05 .right .contact_box .form_list > li textarea{height: 180px;}
}