@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * common *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*--- section ---*/
@media all and (max-width:1024px){
.inner{width:93.75%; padding:0;}
}
.section {padding: 200px 0; box-sizing: border-box;}
.section.pb-0 {padding-bottom: 0;}
.section.pt-0 {padding-top: 0;}

@media all and (max-width:800px){
    .section{padding: 100px 0;}
}

/*--- heading ---*/
.heading .desc {margin-top: 20px;}
.heading .desc p {font-weight: 300; font-size: var(--fz-28); line-height: 1.35em;}
/* main */
.heading.main.mb {margin-bottom: 120px;}
.heading.main {text-align: center;}
.heading.main .sub_main_tit {margin-bottom: 0;}

/*--- main title ---*/
.sub_main_tit i {font-style: normal; font-weight: 700; font-size: 32px; color: #2f98e0;}
.sub_main_tit h3 {font-weight: 100; font-size: 120px; line-height: 1.16em; word-break: keep-all;}
.sub_main_tit h3 b {font-weight: 700;}

@media all and (max-width: 1920px) {
    .sub_main_tit h3 {font-size: 100px;}
}

@media all and (max-width: 1700px) {
    .sub_main_tit h3 {font-size: 80px;}
}

@media all and (max-width: 1000px) {
    .sub_main_tit h3 {font-size: 45px;}
    .sub_main_tit h3 br{display: none;}

    .new_desc_yo p {
        font-size: 22px !important;
    }
}

@media all and (max-width:800px){
    .sub_main_tit h3{font-size: 35px;}
       .new_desc_yo p {
        font-size: 18px !important;
    }
    .sub_main_tit i {
        font-size: 16px;
    }
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * header *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* sub 페이지 로고 사용을 위해 main 페이지 로고 display : none; */
.main_on {display: none !important;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * sub_visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sub_visual {background: url(/img/sub04/sub_visual.jpg) no-repeat center center / cover; position: relative; padding-top: 310px; box-sizing: border-box;}
.sub_visual::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/sub04/sub_visual_cube.png) no-repeat center center / cover; z-index: 2;}
.sub_visual .txt {text-align: center; color: #fff; margin-bottom: 100px;}
.sub_visual .txt .logo {margin-bottom: 20px;}
.sub_visual .txt h2 {font-weight: 700; font-size: 100px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.sub_visual .txt span {display: inline-block; margin-top: 20px;  font-family: 'pre-r'; font-size: 24px; line-height: 140px; letter-spacing: -1.08px; color: #ffffff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.sub_visual .mock-up {max-width: 1400px; margin: auto; position: relative; z-index: 1;}
.sub_visual .mock-up img {width: 100%; margin-bottom: -24.29%;}

@media all and (max-width:1000px){
    .sub_visual .txt h2{font-size: 56px;}
}

@media all and (max-width:800px){
    .sub_visual{padding-top: 150px;}
    .sub_visual .txt{margin-bottom: 50px;}
    .sub_visual .txt h2{font-size: 35px;}
    .sub_visual .txt .logo{width: 36%; margin: 0 auto;}
    .sub_visual .txt .logo img{width: 100%;}
    .sub_visual .txt span{font-size: 16px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * con01 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_con01 .desc p {max-width: 26em; }
.main_con01 .mock-up {max-width: 1400px; margin: auto; margin-bottom: 120px;}
.main_con01 .mock-up .blank {padding-bottom: 24.29%;}
/* row01 */
.main_con01 .row01 {position: relative;}
.main_con01 .row01::before {content: ''; position: absolute; width: 35%; height: 100%; background: url(/img/sub04/main_con01_bg.jpg) no-repeat center center / cover; top: 0; right: 0;}
.main_con01 .row01 .inner {position: relative;}

.heading .new_desc_yo p {
    color: #222;
font-family: Pretendard;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 38px;
}



@media all and (max-width: 1024px) {
    .main_con01 .row01::before {display: none;}
    .main_con01 .desc p{font-size: 16px;}
    .main_con01 .mock-up{margin-bottom: 60px;}
}


/* row02 */
.main_con01 .row02 {background-color: #9fe3ff; padding: 160px 0; box-sizing: border-box;}
.main_con01 .row02 .square_list{display: flex; justify-content: center; gap: 80px; flex-wrap: wrap;}

.main_con01 .row02 .square_list li {
    width: calc(20% - 64px);
}
.main_con01 .row02 .square_list li .img_box {
    text-align: center;
}


.main_con01 .row02 .square_list li .img_box img{transition: .5s;}
.main_con01 .row02 .square_list li:hover .img_box img{transform: scale(1.1);}
.main_con01 .row02 .square_list .txt{margin-top: 20px; text-align: center;}
.main_con01 .row02 .square_list .txt span{font-size: 18px; letter-spacing: 0; font-weight: 800; color: rgba(1,5,189,.66);}
.main_con01 .row02 .square_list .txt p{margin-top: 10px; letter-spacing: -0.05em; color:#222222; letter-spacing: -0.05em; font-size: 26px; font-weight: 700;}

@media all and (max-width:1400px){
    .main_con01 .row02 .square_list li {
    width: calc(33.333% - 54px);
}
}

@media all and (max-width:1000px){
    .main_con01 .row02{padding: 80px 0;}
    .main_con01 .row02 .square_list .txt p{font-size: 20px;}
    .main_con01 .row02 .square_list {
        gap: 40px;
    }
        .main_con01 .row02 .square_list li {
    width: calc(50% - 20px);
}
}

@media all and (max-width:768px){
              .main_con01 .row02 .square_list li {
    width: 100%;
}
        .main_con01 .row02 .square_list li img {
            width: 100%;
        }
}


.main_con03 .swiper_slider{margin-top: 90px; overflow: unset;}
.main_con03 .swiper_slider .swiper-slide{padding: 30px 0; box-sizing: border-box; text-align: center; background-color: #eff4f8;}
.main_con03 .swiper_slider .swiper-slide.on{background-color: #0083d9; box-shadow: 0px 24px 29.759999999999998px 2.24px rgba(165, 173, 179, 0.63);}
.main_con03 .swiper_slider .swiper-slide.on .txt p{color: #fff;}
.main_con03 .swiper_slider .swiper-slide .icon{min-width: 117px; min-height: 125px; display: flex; align-items: center; justify-content: center;}
.main_con03 .swiper_slider .swiper-slide .txt p{font-weight: 300; color:#666666; letter-spacing: -0.045em; font-size: 18px; line-height: 1.555em;}
.main_con03 .swiper-wrapper{transition-timing-function:linear}

.main_con03 .row02{background-color: #309ee9; position: relative; max-height: 1903px; overflow: hidden;}
.main_con03 .row02 .img_box{text-align: right; margin-top: 150px;}
#wrap .main_con03 .row02 .img_box img{width: 54.5%;}
.main_con03 .row02 .img_box.aos-animate img{animation:long_img01 8s infinite linear;}

@keyframes long_img01{
    0%{transform:translate(0px,10px);}
    50%{transform:translate(0px,-40%);}
    1000%{transform:translate(0px,10px);}
}
.main_con03 .row02 .air_img{position: absolute; top: 70%; left: -10%; width: 80%; transform: translateY(-50%);}
#wrap .main_con03 .row02 .air_img img{width: 100%; filter: drop-shadow(62px 0px 39px #0c2b47);} 

.main_con04{margin-bottom: 160px;}
.main_con04 .row02{background-color: #115091; max-height: 1920px; position: relative; overflow: hidden;}
.main_con04 .row02 .img_box.w80{max-width: 68%;}
.main_con04 .row02 .img_box img{width: 100%;}
.main_con04 .row02 .img_box.w100{position: absolute; left: 0; top: 40%;}

@media all and (max-width:1000px){
    .main_con04{margin-bottom: 13%;}
    .main_con03 .row02{max-height: 770px;}
    .main_con03 .row02 .air_img {
    position: absolute;
        top: 87%;
    }
    .main_con04 .row02 .img_box.w100 {
        top: 80%;
    }
}

/* 20250610 추가 */
.si_p_yo {
    color: #FFF;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
font-family: Pretendard;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 42px; /* 175% */
}
.si_p_yo b {
    font-weight: 700;
}

@media all and (max-width:768px){
.si_p_yo {
    font-size: 18px;
}
}

.row02 .heading {
    margin-top: 100px !important;
}