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




/*--------------------------------------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;}


/*--------------------------------------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-----------------------------------*/

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

.sec_newsroom .newsroom_wrap .cards .card:hover::after{
    scale: 0.8;
}

.sec_quick .quick_wrap .quick_top{
    gap: 50px;
}

.sec_quick .quick_wrap .quick_bottom .banner_area .banner{
    padding: 24px;
    gap: 8px;
}
.sec_quick .quick_wrap .quick_bottom .banner_area .banner h3{
    font-size: var(--txt-title3);
}
.sec_quick .sec_tit::after{
    width: 74%;
}

}

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

    .section .sec_tit p{
        font-size: var(--txt-body1);
    }
    .sec_departments .inner{
        padding: 0rem 2rem 2rem;
    }
    
    .sec_departments .departments_wrap{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .sec_departments .departments_wrap .dept_card{
        height: 240px;
    }
    .sec_departments .departments_wrap .dept_card .dept_cont .dept_tit{
        font-size: var(--txt-title3);
    }
    .sec_departments .departments_wrap .dept_card .dept_cont .dept_bottom .dept_desc{
        font-size: var(--txt-body1);
    }
    .sec_partnership .partnership_wrap{
        gap: 2rem;
    }
    .sec_partnership .partnership_wrap .partnership_left,
    .sec_partnership .partnership_wrap .partnership_right{
        flex: 5;
    }
    .sec_partnership .partnership_wrap .partnership_right .partnership_tit h4{
        font-size: var(--txt-title3);
    }  
    .sec_partnership .partnership_wrap .partnership_right .partnership_tit p{
        font-size: var(--txt-body2);
    }
    .sec_partnership .partnership_wrap .partnership_right .partnership_banner{
        height: auto;
    }
    .sec_partnership .partnership_wrap .partnership_right .partnership_banner h5{
        font-size: var(--txt-heading2);
    }
    .sub_button {
        width: 50px;
        height: 50px;
    }

    .sec_quick{
        background-position: center;
    }
    .sec_quick .quick_wrap .quick_top .menu_area{
        grid-template-columns: repeat(2, 1fr);
        column-gap: 50px;
    }
    .sec_quick .quick_wrap .quick_top .menu_area .menu .circle{
        width: 80px;
        height: 80px;
    }
    .sec_quick .quick_wrap .quick_top .menu_area .menu .circle img{
        width: 42px;
    }
    .sec_quick .quick_wrap .quick_bottom .banner_area{
       flex-direction: column;
    }
    .sec_quick .sec_tit::after{
        width: 78%;
    }

}



/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    
/********************************* main *******************************/
.sec_quick .sec_tit::after{
        width: 76%;
    }



}

/*--------------------------------------980----------------------------------*/
@media screen and (max-width:980px) {
    .sec_newsroom .inner{
        padding: 4rem 2rem 4rem;
    }
    .sec_newsroom .newsroom_wrap{
        height: auto;
    }
    .sec_newsroom .newsroom_wrap .cards{
        grid-template-columns: repeat(2, 1fr);
    }
    .sec_partnership .partnership_wrap{
        flex-direction: column;
        align-items: center;
    }
    .sec_partnership .partnership_wrap .partnership_left img{
        aspect-ratio: 3/1;
    }

    .sec_partnership .partnership_wrap .partnership_right{
        display: flex;
        width: 100%;
    }
    .sec_partnership .partnership_wrap .partnership_right .partnership_tit{
        flex: 1;
    }
    .sec_partnership .partnership_wrap .partnership_right .partnership_banners{
        flex: 1;
    }
    .sec_partnership{
        background-position: right;
    }
}

/*--------------------------------------860----------------------------------*/
@media screen and (max-width:860px) {
.sec_newsroom .sec_head{
    flex-direction: column;
    margin-bottom: 2rem;
}
.sec_newsroom .newsroom-controls{
    justify-content: space-between;
}
.sec_partnership .partnership_wrap .partnership_right{
    flex-direction: column;
}

.partnership_banner .banner_bg {
    content: url("../images/main/partnership_banner_bg_860.png");
}


.sec_quick .quick_wrap .quick_top{
    flex-direction: column;
}
.sec_quick .quick_wrap .quick_top .video_area .video-wrapper{
    min-width: auto;
}
.sec_quick .quick_wrap .quick_top .menu_area{
    display: flex;
    flex-wrap: wrap;
    column-gap: 4px;
    row-gap: 2rem;
}
.sec_quick .quick_wrap .quick_top .menu_area .menu{
    flex: 1 1 calc(33.333% - 20px);
}
.sec_quick .sec_tit::after{
    width: 70%;
}
}

/*--------------------------------------800----------------------------------*/
@media screen and (max-width:800px) {
    .sec_departments .departments_wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .sec_departments .departments_wrap .dept_card{
        height: 100%;
    }
    .go_button{
        width: 36px;
        height: 36px;
    }
    .sec_newsroom .inner{
        height: auto;
    }
    .sec_newsroom .newsroom_wrap .cards{
        grid-template-columns: repeat(1, 1fr);
    }
    .sec_newsroom .newsroom_wrap .cards .card{
        min-height: auto;
    }
    .sec_quick .sec_tit::after{
        width: 68%;
    }
}

/*--------------------------------------760----------------------------------*/
@media screen and (max-width:760px) {
.partnership_banner .banner_bg {
    content: url("../images/main/partnership_banner_bg_760.png");
}
.sec_quick .sec_tit::after{
    width: 64%;
}
.sec_quick .quick_wrap .quick_top .video_area .video-wrapper iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}

/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
    
.partnership_banner .banner_bg {
    content: url("../images/main/partnership_banner_bg_640.png");
}

.sec_quick .sec_tit::after{
    width: 60%;
}
   
}

/*--------------------------------------580----------------------------------*/
@media screen and (max-width:580px) {
.main_button{
    width: 110px;
    height: 34px;
    font-size: 14px;

}

    /* .section .sec_tit h2{
    font-size: var(--txt-title1);
} */
.section .sec_tit p{
    font-size: var(--txt-body2);
}
.sec_departments .departments_wrap .dept_card .dept_cont{
    padding: 24px;
}
.sec_departments .departments_wrap .dept_card .dept_cont .dept_tit{
    font-size: var(--txt-heading1);
}
.sec_departments .departments_wrap .dept_card .dept_cont .dept_bottom .dept_desc{
    font-size: var(--txt-body2);
}   
.sec_newsroom .newsroom_wrap .cards .card{
    padding: 24px;
}
.sec_newsroom .newsroom_wrap .cards .card:hover::after{
    scale: 0.7;
    bottom: -12px;
    right: -12px;
}

.sec_newsroom .newsroom-controls .tab-menu .tab-btn{
    font-size: var(--txt-body1);
}
.sec_newsroom .newsroom_wrap .cards .card .card_head{
    font-size: var(--txt-body2);
}
.sec_newsroom .newsroom_wrap .cards .card .card_tit{
    font-size: var(--txt-body1);
}
.sec_newsroom .newsroom_wrap .cards .card .card_date span{
    font-size: var(--txt-label);
}
.sec_partnership .partnership_wrap .partnership_right .partnership_tit h4{
    font-size: var(--txt-heading1);
}
.sec_partnership .partnership_wrap .partnership_right .partnership_banner h5{
    font-size: var(--txt-heading3);
}
.sec_quick .sec_tit::after{
    width: 56%;
}
.sec_quick .quick_wrap .quick_top .menu_area .menu p{
    font-size: var(--txt-body2);
    font-weight: 500;
}
.sec_quick .quick_wrap .quick_bottom .banner_area .banner p{
    font-size: var(--txt-label);
}
.sec_quick .quick_wrap .quick_bottom .banner_area .banner h3{
    font-size: var(--txt-heading1);
}
.partnership_banner .banner_bg {
    content: url("../images/main/partnership_banner_bg_580.png");
}
}


/*--------------------------------------480----------------------------------*/
@media screen and (max-width:480px) {
.partnership_banner .banner_bg {
    content: url("../images/main/partnership_banner_bg_480.png");
}

.sec_quick .sec_tit::after{
    width: 48%;
}


}

/*--------------------------------------380----------------------------------*/
@media screen and (max-width:380px) {
    .section .sec_tit{
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 1rem;
    }
    .sec_quick .sec_tit::after{
        width: 38%;
    }

}