@charset "utf-8";
html, body { font-size: 15px; }




/*--------------------------------------1300----------------------------------*/
@media screen and (max-width:1300px) {
/*--------------------------------------header----------------------------------*/
#header nav #gnb li {width: 110px;height: 74px;}
#header .depth_toggle {
    top: 70px;
}
#header nav .depth_toggle .sub_nav li a {font-size: 1rem; word-break: inherit;}
#header nav .depth_toggle .sub_nav {width: 110px;}
#header .logo a {}


/*--------------------------------------visual----------------------------------*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 3rem !important;
    left: 3rem !important;
}
#fp-nav.fp-right {
    left: 1vw;
}
.sec1::before {
    display: none;
}
.main_menu {
    width: calc(100% - 4rem);
}
.main_menu .box {
    padding: 8.75rem 1.5rem 2rem;
    background-size: 100px;
    background-position: 50% 20%;
}
/*---------------------------------------main-----------------------------------*/

.section .inner {
    padding: 4rem 2rem 2rem;
    width: 100%;
}


}


/*--------------------------------------1200----------------------------------*/
@media screen and (max-width:1200px) {
    .section.sec_about .about_wrap{
        grid-template-columns: repeat(3, 1fr);
    }
    .section.sec_quick .inner .quick_box .sec_tit::before{
        width: 300px;
        height: 300px;
        left: -14%;
        bottom: -12px;
    }
    .section.sec_quick .inner .quick_box::before{
        width: 200px;
        height: 300px;
        right: 2%;
    }
    .section.sec_quick .inner .quick_box::after{
        width: 360px;
        height: 360px;
        right: -16%;
        top: 13%;
    }
    .section.sec_program .inner .program_wrap{
        grid-template-columns: repeat(2, 1fr);
    }


}

/*--------------------------------------1130----------------------------------*/
@media screen and (max-width:1130px) {
   
}

/*--------------------------------------1030----------------------------------*/
@media screen and (max-width:1130px) {
  
}

/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    
/********************************* main *******************************/
    .section .inner .sec_tit_wrap {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }




}

/*--------------------------------------860----------------------------------*/
@media screen and (max-width:860px) {

   .section.sec_quick .inner .quick_box .sec_tit::before{
        width: 240px;
        height: 240px;
        left: -22%;
        bottom: 64px;
   }
   .section.sec_quick .inner .quick_box::after{
        width: 300px;
        height: 300px;    
        right: -18%;
        top: 19%;
   }
   .section.sec_quick .inner .quick_box::before{
    right: -10%;
   }
    
}

/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
    .section .inner .sec_tit h3{
        font-size: var(--txt-title2);
    }
    .section .inner .sec_tit h5{
        font-size: var(--txt-title3);
    }
    .section.sec_quick .inner{
        height: 730px;
    }
    .section.sec_quick .inner .quick_box{
        margin-top: 5rem;
    }
    .section.sec_about .about_wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    /* 1행: img - info (정방향: 1-2) */
    .item:nth-child(1) { order: 1; }
    .item:nth-child(2) { order: 2; }

    /* 2행: info - img (역방향: 4-3) */
    .item:nth-child(3) { order: 4; }
    .item:nth-child(4) { order: 3; }

    /* 3행: img - info (정방향: 5-6) */
    .item:nth-child(5) { order: 5; }
    .item:nth-child(6) { order: 6; }

    /* 4행: info - img (정방향: 7-8) */
    .item:nth-child(7) { order: 7; }
    .item:nth-child(8) { order: 8; }

    /* 5행: img - info (역방향: 10-9) */
    .item:nth-child(9) { order: 10; }
    .item:nth-child(10) { order: 9; }

    /* 6행: info - img (정방향: 11-12) */
    .item:nth-child(11) { order: 11; }
    .item:nth-child(12) { order: 12; }

    .section.sec_about .about_wrap .infobox .icon{
        width: 40px;
        height: 40px;
        margin-bottom: 4px;
    }
    .section .chips .chip{
        font-size: 14px;
    }
    .section.sec_quick .inner .quick_box::before{
        right: -33%;
    }
    .section.sec_quick .inner .quick_box::after{
        right: -42%;
        top: 43%;
    }
    .section.sec_quick .inner .quick_box .sec_tit::before{
        border: 60px;
        width: 200px;
        height: 200px;
        left: -35%;
        bottom: 54px;
    }
}
/*--------------------------------------580----------------------------------*/
@media screen and (max-width:580px) {
   
    .mid_header_zone .inner_wrapper{
        padding: 0 1rem;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .mid_header_zone .inner_wrapper .util_menu{
        align-self: flex-end;
    }
    .mid_header_zone{
        height: 108px;
    }
    .section.sec_program .inner .program_wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .section.sec_quick .inner .btn_wrap{
        flex-direction: column;
    }
    .section.sec_program::before{
        font-size: 72px;
    }
    .main_btn{
        font-size: var(--txt-body2);
        width: auto;
    }
}

/*--------------------------------------480----------------------------------*/
@media screen and (max-width:480px) {


}