@charset "UTF-8";

/* 풀페이지 네비게이션 커스터마이징 */
#fp-nav{right: 150px !important;}
#fp-nav::before{content: '';position: absolute;top: 50%;right: calc(100% + 20px);width: 50px;height: 1px;background-color: #AAA;opacity: 0.6;}
#fp-nav ul li{width: auto !important;height: auto !important;margin: unset !important;}
#fp-nav ul li:nth-child(n + 2){margin-top: 18px !important;}
#fp-nav ul li a{position: absolute !important;width: 0 !important;}
#fp-nav ul li a span{display: none !important;}
#fp-nav ul li .fp-tooltip{position: relative !important;top: unset !important;right: unset !important;width: fit-content !important;font-family: 'Pretendard', sans-serif !important;font-size: 16px !important;font-weight: 400;line-height: 1;opacity: 1 !important;overflow: visible !important;}
#fp-nav.scr ul li .fp-tooltip{color: #222 !important;}
#fp-nav ul li a.active + .fp-tooltip{font-weight: 600;}
#fp-nav.scr ul li a.active + .fp-tooltip{color: #003974 !important;}
#fp-nav ul li a.active + .fp-tooltip::after{content: '';position: absolute;top: 0;left: calc(100% + 2px);width: 5px;height: 5px;background-color: #46C1BE;border-radius: 50%;}

@media screen and (max-width:1500px) {
  #fp-nav{right: 50px !important;}
}
@media screen and (max-width:1200px) {
  #fp-nav{right: 30px !important;}
}





/* 메인 공통 */
.main_wrap .main_tit h2{font-size: 56px;font-weight: 700;color: #222;}
.main_wrap .main_tit h2::after{content: '';vertical-align: top;display: inline-block;width: 12px;height: 12px;background-color: #46C1BE;border-radius: 50%;margin-top: 14px;}
.main_wrap .main_tit p{font-size: 20px;font-weight: 400;color: #4E4E4E;line-height: 1.6;margin-top: 24px;}

@media screen and (max-width:1024px) {
  .main_wrap .main_tit h2{font-size: 36px;}
  .main_wrap .main_tit h2::after{width: 8px;height: 8px;margin-top: 10px;}
  .main_wrap .main_tit p{font-size: 18px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .main_wrap .main_tit h2{font-size: 32px;}
  .main_wrap .main_tit h2::after{width: 8px;height: 8px;margin-top: 10px;}
  .main_wrap .main_tit p{font-size: 16px;margin-top: 16px;}
}
@media screen and (max-width:480px) {
  .main_wrap .main_tit p br{display: none;}
}





.main_sct1{position: relative;background: url(/html/img/main_sct1_bg.jpg) no-repeat center/cover;}
.main_sct1 .mv_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: 11;}
.main_sct1 .mv_img .mv01{background: url(/html/img/main_sct1_bg.jpg) no-repeat center/cover;}
.main_sct1 .mv_img .mv02{background: url(/html/img/main_sct1_bg02.jpg) no-repeat center/cover;}
.main_sct1 .mv_img .mv03{background: url(/html/img/main_sct1_bg03.jpg) no-repeat center/cover;}
.main_sct1 .mv_img .mv04{background: url(/html/img/main_sct1_bg04.jpg) no-repeat center/cover;}
.main_sct1 .mv_pagi{max-width: 300px;display: flex;gap: 6px;margin-top: 80px;}
.main_sct1 .mv_pagi > span{flex: 1;width: auto;height: 3px;background: #fff;border-radius: unset;opacity: 0.3;margin: 0 !important;}
.main_sct1 .mv_pagi > span.swiper-pagination-bullet-active{opacity: 1;}
.main_sct1 .inner{display: flex;flex-direction: column;justify-content: end;height: 100%;padding-top: 130px;padding-bottom: 40px;z-index: 22;}
.main_sct1 .txt_box p{font-size: 28px;font-weight: 500;color: rgba(255, 255, 255, 0.6);}
.main_sct1 .txt_box h2{font-size: 64px;font-weight: 700;color: #fff;line-height: 1.3;margin-top: 20px;}
.main_sct1 .link_wrap{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 140px;}
.main_sct1 .link_wrap .media_box{width: calc(100% - 266px);padding: 24px;background-color: rgba(255, 255, 255, 0.3);border: rgba(255, 255, 255, 0.3) solid 1px;border-radius: 10px;}
.main_sct1 .link_wrap .media_box h3{display: flex;justify-content: space-between;align-items: center;}
.main_sct1 .link_wrap .media_box h3 span{font-size: 22px;font-weight: 700;color: #fff;}
.main_sct1 .link_wrap .media_box .contents{margin-top: 20px;}
.main_sct1 .link_wrap .media_box .contents > li:nth-child(n + 2){border-top: rgba(255, 255, 255, 0.2) solid 1px;}
.main_sct1 .link_wrap .media_box .contents > li a{display: flex;gap: 4px;width: 100%;font-size: 16px;font-weight: 500;color: #fff;padding: 10px 0;}
.main_sct1 .link_wrap .media_box .contents > li a span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_sct1 .link_wrap .media_box .contents > li a:hover{
  text-decoration: underline;
}
/* .main_sct1 .link_wrap .media_box .contents > li:first-child a::after{content: 'N';display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;background-color: #003974;border-radius: 50%;font-size: 12px;font-weight: 600;color: #fff;line-height: 1;} */
/* php에 삽입 가능하도록 수정할것 */
.main_sct1 .link_wrap .media_box .contents > li:first-child a{padding-top: 0;}
.main_sct1 .link_wrap .media_box .contents > li:first-child a span{max-width: calc(100% - 24px);}
.main_sct1 .link_wrap .media_box .contents > li:last-child a{padding-bottom: 0;}
.main_sct1 .link_wrap .quick_box{width: 250px;}
.main_sct1 .link_wrap .quick_box > li:nth-child(n + 2){margin-top: 8px;}
.main_sct1 .link_wrap .quick_box > li a{display: flex;gap: 6px;justify-content: center;align-items: center;padding: 19px;font-size: 18px;font-weight: 500;color: #fff;background-color: rgba(0, 57, 116, 0.6);border: #003974 solid 1px;border-radius: 10px;transition: background-color 0.3s;}
.main_sct1 .link_wrap .quick_box > li a:hover{background-color: #003974;}

@media screen and (min-width:1921px) {
  /* .main_sct1 .inner{justify-content: center;} */
  .main_sct1 .inner{padding-top: 400px;}
  .main_sct1 .link_wrap{margin-top: auto;}
}
@media screen and (max-width:1024px) {
  .main_sct1 .mv_pagi{margin-top: 40px;}
  .main_sct1 .inner{padding-top: 140px;padding-bottom: 60px;}
  .main_sct1 .txt_box p{font-size: 20px;}
  .main_sct1 .txt_box h2{font-size: 42px;margin-top: 16px;}
  .main_sct1 .link_wrap{gap: 10px;margin-top: 80px;}
  .main_sct1 .link_wrap .media_box{width: calc(100% - 260px);padding: 20px;}
  .main_sct1 .link_wrap .media_box h3 span{font-size: 18px;}
  .main_sct1 .link_wrap .media_box .contents{margin-top: 16px;}
  .main_sct1 .link_wrap .media_box .contents > li a{font-size: 15px;padding: 8px 0;}
  .main_sct1 .link_wrap .quick_box > li a{padding: 16px;font-size: 16px;}
}
@media screen and (max-width:768px) {
  .main_sct1 .txt_box p{font-size: 18px;}
  .main_sct1 .txt_box h2{font-size: 32px;margin-top: 12px;}
  .main_sct1 .link_wrap{gap: 20px;}
  .main_sct1 .link_wrap .media_box{width: 100%;padding: 16px;}
  .main_sct1 .link_wrap .quick_box{display: flex;gap: 9px;flex-wrap: wrap;width: 100%;}
  .main_sct1 .link_wrap .quick_box > li{width: calc(33.333% - 6px);}
  .main_sct1 .link_wrap .quick_box > li:nth-child(n + 2){margin-top: 0;}
  .main_sct1 .link_wrap .quick_box > li a{padding: 12px;font-size: 15px;}
}
@media screen and (max-width:420px) {
  .main_sct1{background-position: center left 40%;}
  .main_sct1 .link_wrap .quick_box{gap: 8px;}
  .main_sct1 .link_wrap .quick_box > li{width: 100%;}
}





.main_sct2 .main_tit{text-align: center;}
.main_sct2 .feature_list{display: flex;gap: 30px;flex-wrap: wrap;margin-top: 80px;}
.main_sct2 .feature_list > li{width: calc(33.333% - 20px);}
.main_sct2 .feature_list > li .img_box{position: relative;}
.main_sct2 .feature_list > li .img_box .num{position: absolute;top: 0;left: 24px;font-size: 90px;font-weight: 800;color: rgba(0, 57, 116, 0.4);transform: translateY(-50%);mix-blend-mode: overlay;}
.main_sct2 .feature_list > li .img_box img{border-radius: 15px;}
.main_sct2 .feature_list > li .img_box h3{position: absolute;bottom: 24px;left: 0;width: 100%;font-size: 24px;font-weight: 600;color: #fff;text-align: center;padding: 0 20px;}

@media screen and (max-width:1024px) {
  .main_sct2{padding: 80px 0;}
  .main_sct2 .feature_list{margin-top: 40px;}
  .main_sct2 .feature_list > li .img_box h3{font-size: 20px;}
}
@media screen and (max-width:640px) {
  .main_sct2 .feature_list{gap: 10px;justify-content: center;}
  .main_sct2 .feature_list > li{width: calc(50% - 5px);}
  .main_sct2 .feature_list > li .img_box .num{left: 20px;font-size: 40px;}
  .main_sct2 .feature_list > li .img_box h3{font-size: 16px;}
}





.main_sct3{background-color: #F7F7F7;}
.main_sct3 .inner{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.main_sct3 .left{width: 52.41%;min-height: 700px;background: url(/html/img/main_sct3_img01.jpg) no-repeat center/cover;border-radius: 15px;}
.main_sct3 .right{width: 38.7%;}
.main_sct3 .right .type{display: flex;gap: 18px;flex-wrap: wrap;margin-top: 50px;}
.main_sct3 .right .type > li{width: calc(50% - 9px);background-color: #fff;border-radius: 10px;padding: 45px 20px;box-shadow: rgba(28, 64, 156, 0.1) 6px 4px 24px 0;}
.main_sct3 .right .type > li .img_box{text-align: center;}
.main_sct3 .right .type > li h3{font-size: 18px;font-weight: 500;color: #222;line-height: 1.6;text-align: center;margin-top: 30px;}
.main_sct3 .right a{display: inline-block;font-size: 22px;font-weight: 500;color: #003974;margin-top: 50px;}
.main_sct3 .right a img{transition: transform 0.3s;}
.main_sct3 .right a:hover img{transform: translateX(5px);}

@media screen and (max-width:1024px) {
  .main_sct3{padding: 80px 0;}
  .main_sct3 .inner{gap: 40px;}
  .main_sct3 .left{width: 100%;height: 400px;min-height: unset;}
  .main_sct3 .right{width: 100%;}
  .main_sct3 .right .type{display: flex;gap: 18px;flex-wrap: wrap;margin-top: 50px;}
  .main_sct3 .right .type > li{width: calc(50% - 9px);background-color: #fff;border-radius: 10px;padding: 45px 20px;box-shadow: rgba(28, 64, 156, 0.1) 6px 4px 24px 0;}
  .main_sct3 .right .type > li .img_box{text-align: center;}
  .main_sct3 .right .type > li h3{font-size: 18px;font-weight: 500;color: #222;line-height: 1.6;text-align: center;margin-top: 30px;}
  .main_sct3 .right a{display: inline-block;font-size: 20px;font-weight: 500;color: #003974;margin-top: 50px;}
  .main_sct3 .right a img{transition: transform 0.3s;}
  .main_sct3 .right a:hover img{transform: translateX(5px);}
}
@media screen and (max-width:480px) {
  .main_sct3 .left{height: 300px;}
  .main_sct3 .right .type{gap: 10px;margin-top: 30px;}
  .main_sct3 .right .type > li{width: calc(50% - 5px);padding: 20px;}
  .main_sct3 .right .type > li .img_box img{max-width: 120px;width: 65%;}
  .main_sct3 .right .type > li h3{font-size: 16px;margin-top: 16px;}
  .main_sct3 .right a{font-size: 18px;margin-top: 30px;}
}





.main_sct4{background: url(/html/img/main_sct4_bg.jpg) no-repeat center/cover;}
.main_sct4 .inner{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.main_sct4 .left{width: 36.29%;}
.main_sct4 .left .main_tit h2{color: #fff;}
.main_sct4 .left .main_tit p{color: rgba(255, 255, 255, 0.8);}
.main_sct4 .left a{display: inline-block;font-size: 22px;font-weight: 500;color: #fff;margin-top: 50px;}
.main_sct4 .left a img{transition: transform 0.3s;}
.main_sct4 .left a:hover img{transform: translateX(5px);}
.main_sct4 .right{width: 53.22%;}

@media screen and (min-width:1025px) {
  .main_sct4 .right{opacity: 1;transform: unset;}
}
@media screen and (max-width:1024px) {
  .main_sct4{padding: 80px 0;}
  .main_sct4 .inner{gap: 40px;}
  .main_sct4 .left{width: 100%;}
  .main_sct4 .left a{font-size: 20px;margin-top: 30px;}
  .main_sct4 .right{width: 100%;text-align: center;}
  .main_sct4 .right img{width: 100%;max-width: 480px;}
}
@media screen and (max-width:480px) {
  .main_sct4 .left a{font-size: 18px;}
}





.main_sct5{padding: 40px 0;background-color: #F1F1F1;}
.main_sct5 .inner{max-width: 1880px;}
.main_sct5 .ft_logo{text-align: center;}
.main_sct5 .info{margin-top: 20px;}
.main_sct5 .info > li{display: flex;gap: 6px;justify-content: center;font-size: 14px;color: #666666;line-height: 1.5;}
.main_sct5 .info > li .tit{font-weight: 600;}
.main_sct5 .info > li .con{font-weight: 400;}
.main_sct5 .copy{font-size: 13px;font-weight: 300;color: #666666;text-align: center;line-height: 1.5;margin-top: 12px;padding-top: 12px;border-top: #DDDDDD solid 1px;}