@charset "UTF-8";

#fullpage {width: 100%;height: 100%;}
.section {width: 100%; height: 100%;}
video { object-fit: cover;width: 100vw; height: 100vh;position: fixed;top: 0;left: 0;}
.section.section_1 {padding: 0 320px 0;}
.section.section_1 .absolute {z-index: 98;top: 35%;left: 40.5%;transform: translate(-50%,50%);}
.section.section_1 .absolute h1 {margin-bottom: 15px;}

.section.section_2 {background: #fff;}
.section.section_2 .fp-tableCell {vertical-align: unset;padding: 134px 320px 150px;}
.section.section_2 .fp-tableCell h3 {margin-bottom: 30px;}
.section.section_2 .bg{background: url(../images/page_2_bg.png)no-repeat center;background-position-y: 16%;background-position-x: 26%;width: 100%;height: 100%;position: absolute;left: -12.5%;top:1%;z-index: 0;}
@media (max-width: 1500px) {
    .section.section_2 .bg{
        background-size: 30%;
        top: 1%;
        left: -18%;
    }
  }
.section.section_2 .bg_2{background: url(../images/page_2_bg_2.png)no-repeat center;background-position-y: 0%;background-position-x: 76.5%;width: 100%;height: 100%;position: absolute;left: 8%;top:-5%;z-index: 0;}
@media (max-width: 1500px) {
    .section.section_2 .bg_2{
        background-size: 30%;
        top: 0%;
        left: -26%;
    }
  }

.section.section_3 {background:url("../images/page_3_bg_2.png")no-repeat center; background-attachment: fixed !important;background-size: cover;}
.section.section_3 .list_wrap {width: 390px;height: 490px;padding: 36px 29px 69px 48px;display: flex;flex-direction: column;justify-content: space-between;}
.section.section_3 a:nth-child(1) .list_wrap {background: rgba(0, 146, 192, 0.85);box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);mix-blend-mode: normal;transition: all 0.2s;transition-duration: 0.5s;transition-delay: .1s;}
.section.section_3 a:nth-child(2) .list_wrap {background: rgba(255, 255, 255, 0.85);box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);mix-blend-mode: normal;transition: all 0.2s;transition-duration: 0.5s;transition-delay: .1s;}
.section.section_3 a:nth-child(3) .list_wrap {background: rgba(26, 101, 179, 0.85);box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);mix-blend-mode: normal;transition: all 0.2s;transition-duration: 0.5s;transition-delay: .1s;}
.section.section_3 a:nth-child(1) .list_wrap:hover,
.section.section_3 a:nth-child(2) .list_wrap:hover,
.section.section_3 a:nth-child(3) .list_wrap:hover {transform: translateY(-40px);}
.section.section_3 .list_wrap p {font-weight: 350;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;}
.section.section_3 .list_wrap h5 {font-weight: 700;font-size: 36px;line-height: 52px;margin-bottom: 23px;}
.section.section_3 .list_wrap .bg {width: 100%;height: 60px;}
.section.section_3 a:nth-child(1) .list_wrap .bg {background: url(../images/page_3_ico1.png)no-repeat center;background-position-x: 100%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.section.section_3 a:nth-child(1) .list_wrap:hover .bg {background: url(../images/page_3_ico_a.png)no-repeat center;background-position-x: 100%;}
.section.section_3 a:nth-child(2) .list_wrap .bg {background: url(../images/page_3_ico2.png)no-repeat center;background-position-x: 100%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.section.section_3 a:nth-child(2) .list_wrap:hover .bg {background: url(../images/page_3_ico_b.png)no-repeat center;background-position-x: 100%;}
.section.section_3 a:nth-child(3) .list_wrap .bg {background: url(../images/page_3_ico3.png)no-repeat center;background-position-x: 100%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.section.section_3 a:nth-child(3) .list_wrap:hover .bg {background: url(../images/page_3_ico_a.png)no-repeat center;background-position-x: 100%;}
@media (max-width: 1500px) {
  .section.section_3 .flex.center {margin-top: 15px !important;}
}

.section.section_4 h3 {margin-bottom: 16px;}
.section.section_4 h4 {margin-bottom: 70px;}
@media (max-width: 1500px) {
    .section.section_4 h4 {
        margin-bottom: 8px;
    }
    .section.section_4 h3 {
        margin-bottom: 4px;
    }
  }

.section.section_4 {background: #fff;} 
.section.section_4 .slider_link_wrap {width: 390px;background: #FFFFFF;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);position: absolute; bottom: 0;left: 78px;padding:31px 40px 28px 44px;}
.section.section_4 .swiper-container {height: 535px; overflow: visible;width: 1280px;;margin-left: auto;margin-right: auto}
.section.section_4 .swiper-container .f3 {font-weight: 700;font-size: 36px;line-height: 52px;letter-spacing: -0.05em;margin-bottom: 6px;}
.section.section_4 .swiper-container .f6 {font-weight: 500;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;}
.section.section_4 .swiper-container .d8 {font-weight: 700;font-size: 18px;line-height: 18px;letter-spacing: -0.05em;position: relative;top: -2px;}
.section.section_4 .swiper-container .line {border: 1px solid #CCCCCC;margin: 28px 0 20px;}
.section.section_4 .swiper-container span {font-weight: 400;font-size: 24px;line-height: 35px;letter-spacing: -0.05em;color: #666666;}

.section.section_5 {background:url("../images/page_3_bg_2.png")no-repeat center; background-attachment: fixed !important;background-size: cover;}
.section.section_5 .fp-tableCell {vertical-align: unset;padding-top: 150px;}
.section.section_5 h3 {margin-bottom: 16px;}
.section.section_5 .flex {gap: 50px;margin-top: 123px;justify-content: center;}
.section.section_5 .flex .wrap {display:flex;flex-direction: column;align-items: center;padding: 50px 45px 60px;z-index: 1;position: relative;}
.section.section_5 .flex .wrap div > .flex {margin: 0;}
.section.section_5 .flex .wrap .f3 {font-weight: 600;font-size: 28px;line-height: 36px;text-align: center;letter-spacing: -0.05em;margin-top: 15px;}
.section.section_5 .flex .wrap .fff {font-weight: 600;font-size: 28px;line-height: 36px;text-align: center;letter-spacing: -0.05em;margin-top: 15px;}
.section.section_5 .flex .wrap div > .flex li:nth-child(1) {font-weight: 500;font-size: 18px;line-height: 18px;letter-spacing: -0.02em;}
.section.section_5 .flex .wrap .line {border: 1px solid #ccc;width: 100%;margin:14px 0 13px;}
.section.section_5 .flex a {position: relative;width: 310px;height: 310px;}
.section.section_5 .flex .bg {border: 1px solid #ccc;background: rgba(255, 255, 255, 0.9);width: 310px;height: 310px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%; position: absolute;  top: 0; z-index: 0;transition: all ease 0.2s;transition-timing-function:ease-in}
.section.section_5 .flex .bg_2 {background: rgba(0, 146, 192, 0.9);width: 310px;height: 310px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%; position: absolute;  top: 0; z-index: 0;transition: all ease 0.2s;transition-timing-function:ease-in}
.section.section_5 .flex a:hover .bg {transform: scale(1.1);}
.section.section_5 .flex a:hover .bg_2 {transform: scale(1.1); }
  

.section.section_6 {background: #fff;}
.section.section_6 .section_6_flex_wrap{width: 1280px;height: 514px;margin: 0 auto;}
.section.section_6 h4 {margin-top: 14px;margin-bottom: 45px;}
.section.section_6 .flex .one_wrap {width: 640px;height: 514px;margin-right: -1.5px;}
.section.section_6 .flex .two_wrap {width: 640px;height: 257px;}
.section.section_6 .flex .three_wrap {width: 640px;height: 257px;}
.section.section_6 .flex .one {width: 100%;height: 100%;background: url("../images/page_6_bg_1.png")no-repeat center;padding:45px 55px 48px;transition: all 0.7s ease-in-out;background-size: 100%;    display: flex;flex-direction: column;justify-content: space-between;}
.section.section_6 .flex .two {width: 100%;height: 100%;background: url("../images/page_6_bg_2.png")no-repeat center;padding:45px 55px 48px;transition: all 0.7s ease-in-out;background-size: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.section.section_6 .flex .three {width: 100%;height: 100%;background: #EEEEEE;padding:45px 55px 48px;transition: all 0.7s ease-in-out;background-size: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.section.section_6 .flex h5 {font-weight: 700;font-size: 36px;line-height: 52px;}
.section.section_6 .flex p {font-weight: 350;font-size: 18px;line-height: 26px;letter-spacing: -0.02em;margin-top: 13px;}
.section.section_6 .flex .section_6_ico_1 {transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);width: 40px;height: 40px;background: url(../images/page_6_ico_1.png)no-repeat center;}
.section.section_6 .flex .one:hover .section_6_ico_1 {background: url(../images/page_6_ico_a.png)no-repeat center;}
.section.section_6 .flex .one_wrap:hover .one {background-size: 120%;}
.section.section_6 .flex .two_wrap:hover .two {background-size: 120%;}
.section.section_6 .flex .three_wrap:hover .three {background-size: 120%;}
.section.section_6 .flex .section_6_ico_2 {transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);width: 40px;height: 40px;background: url(../images/page_6_ico_2.png)no-repeat center;}
.section.section_6 .flex .two:hover .section_6_ico_2 {background: url(../images/page_6_ico_a.png)no-repeat center;}
.section.section_6 .flex .section_6_ico_3 {transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);width: 40px;height: 40px;background: url(../images/page_6_ico_3.png)no-repeat center;}
.section.section_6 .flex .three:hover .section_6_ico_3 {background: url(../images/page_6_ico_b.png)no-repeat center;}

@media (max-width: 1500px) {
    .section.section_6 h4 {
        margin-bottom: 8px;
    }
    .section.section_6 h3 {
        margin-bottom: 4px;
    }
  }

.section.section_7 {background:url("../images/page_7_bg.png")no-repeat center;background-color:#010F1A;mix-blend-mode: normal;background-size: cover;}
.section.section_7 .map {width: 100%;height: auto;margin: 0 auto;margin-top: 52px;}
.section.section_7 .fp-tableCell {vertical-align: unset;padding: 134px 320px 73px;}
.section.section_7 h4 {margin-top: 12px;}
.section.section_7 .flex {margin-top: 20px;}
.section.section_7 .flex .fff {font-weight: 700;font-size: 36px;line-height: 52px;}
.section.section_7 .flex .line {border: 1px solid #666; margin-top: 25px;margin-bottom: 26px;}
.section.section_7 .flex .ccc {font-weight: 350;font-size: 18px;line-height: 26px;}
.section.section_7 .flex .ccc span {font-weight: 700;font-size: 18px;line-height: 26px;}


.float_menu {width: 108px;height: 180px;position: fixed;top: 49%;right: 0;z-index: 1;}
.float_menu .first {height: 130px;background: #16589B;padding:20px 13px 16px 20px;}
.float_menu .first .fff {font-weight: 700;font-size: 18px;line-height: 24px;margin-bottom: 25px;}
.float_menu .first .flex .fff {font-weight: 350;font-size: 14px;line-height: 18px;letter-spacing: -0.02em;}
.float_menu .first .bg {background: url("../images/f_ico_1.png")no-repeat center;width: 21px;height: 21px;}
.float_menu .first:hover .flex .bg {background: url("../images/f_ico_2.png")no-repeat center;width: 21px;height: 21px;}
.float_menu .second {background: #555555;height: 50px;padding-top: 10px;}
.float_menu .second .flex {gap:3px;justify-content: center;}
.float_menu .second .bg {background: url("../images/f_ico_3.png")no-repeat center;width: 14px;height: 14px;}
.float_menu .second .fff {font-weight: 350;font-size: 16px;line-height: 24px;}

.float_menu.logged {width: 142px;/*height: 180px;*/position: fixed;top: 49%;right: 0;display: block;}
.float_menu.logged .first {background: #16589B;text-align: center;height: unset;padding: 0;}
.float_menu.logged .first .fff {font-weight: 700;font-size: 18px;line-height: 24px;padding:13px 0;margin: 0;}
.float_menu.logged .first .flex .fff {font-weight: 350;font-size: 14px;line-height: 18px;letter-spacing: -0.02em;}
.float_menu.logged .first .bg {background: url("../images/f_ico_1.png")no-repeat center;width: 21px;height: 21px;}
.float_menu.logged .first:hover .flex .bg {background: url("../images/f_ico_2.png")no-repeat center;width: 21px;height: 21px;}
.float_menu.logged .second {background: #f7f7f7;/*height: 50px;padding-top: 10px;*/border: 1px solid #eee;padding-top: 0; height: unset;}
.float_menu.logged .second .f6 {padding: 10px 0;font-size: 14px;font-weight: 500;margin-left: 14px;}
.float_menu.logged .second .flex {gap:3px;justify-content: center;}
.float_menu.logged .second .bg {background: url("../images/f_ico_3.png")no-repeat center;width: 14px;height: 14px;}
.float_menu.logged .second .fff {font-weight: 350;font-size: 16px;line-height: 24px;}

.scroller {height: 1.2em;line-height: 1.2em;position: relative;overflow: hidden;width: 33px;}
.float_menu .first:hover .scroller > span { position: absolute; top: 0;animation: slide 0.3s ;color:#92E5FF;}
@keyframes slide {
  0% {
    top: 0;
  }
  100% {
    top: -1.2em;
  }
  
}


/*모달팝업*/
.modal {max-width: 60% !important;padding:0 !important; height: 80%;}
.modal .tit_wrap {background: #eee;padding: 40px 64px 40px 87px;}
.modal .tit_wrap h2 {font-weight: 700;font-size: 36px;line-height: 68px;color: #1D1D1D;}
.modal .con_wrap {padding: 40px 64px 40px 87px;overflow-y: auto; height: 70%;}
.modal .con_wrap .clause_txt_bx {line-height: 20px; color: #666 ; font-size: 12px ;}
.modal a.close-modal {position: absolute;top: 58.5px !important;right: 62.5px !important;display: block;
width: 30px;height: 30px;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;
background-position: center center;background-image: url(../images/modal_close.png) !important; };