@charset "utf-8";
html, body { font-size: 16px; }


.section .inner{
    padding: 0 2rem;
    width: 100%;
}



/*--------------------------------------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-----------------------------------*/

    
}

/*--------------------------------------1200----------------------------------*/
@media screen and (max-width:1200px) {
   
}

/*--------------------------------------1100----------------------------------*/
@media screen and (max-width:1100px) {
  

}

/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    

/********************************* main *******************************/
.sec_news .inner{
    padding: 6rem 2rem;
}
.sec_news .container{
    flex-direction: column;
}
.sec_mag {
    background: linear-gradient(to bottom, transparent 44%, #1A2C45 44%);
}
.sec_mag::after{
    bottom: -1%;
    font-size: clamp(2rem, 5.5vw, 6.9rem);
}
.sec_mag .inner{
    padding: 6rem 2rem;
}
.sec_mag .sec_mag_container {
    grid-template-columns: 1fr;
}
.sec_mag .sec_mag_container::before {
    display: none; 
}
.sec_mag .sec_mag_container .sec_mag_left .magazine_info_group{
    gap: 2rem;
}
.sec_mag .sec_mag_container .sec_mag_left .magazine_info_group .archive_list li a{
    max-height: 300px;
}
.sec_mag .sec_mag_container .sec_mag_left .magazine_info_group .magazine_desc_box .mag_txt br{
    display: none;
}
.sec_mag .sec_mag_container .sec_mag_left .magazine_info_group .magazine_desc_box .mag_more_btn{
    height: fit-content;
}
}

/*--------------------------------------980----------------------------------*/
@media screen and (max-width:980px) {
  
}

/*--------------------------------------860----------------------------------*/
@media screen and (max-width:860px) {


}

/*--------------------------------------800----------------------------------*/
@media screen and (max-width:800px) {


}

/*--------------------------------------760----------------------------------*/
@media screen and (max-width:760px) {
    .main_tit .title{
        font-size: var(--txt-display3);
        line-height: 1.4;
    }
    .main_tit .desc{
        font-size: var(--txt-body1);
    }
    .sec_mag {
        background: linear-gradient(to bottom, transparent 60%, #1A2C45 60%);
    }
}

/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
.sec_mag .sec_mag_container .sec_mag_left .latest_magazine .latest_thumb{
    width: 200px;
}   


}

/*--------------------------------------580----------------------------------*/
@media screen and (max-width:580px) {
    .sec_news{
        height: 100vh !important;
    }
    .sec_news .container .section_column.news_column .news_grid{
        grid-template-columns: 1fr;
    }
    .sec_mag{
        background: linear-gradient(to bottom, transparent 60%, #1A2C45 60%);
    }
     .sec_mag .sec_mag_container .sec_mag_left .latest_magazine{
        align-items: center;
     }
    .sec_mag .sec_mag_container .sec_mag_left{
        flex-direction: column;
    }
    .sec_mag::after{
        display: none;
    }
}


/*--------------------------------------480----------------------------------*/
@media screen and (max-width:480px) {


}

/*--------------------------------------380----------------------------------*/
@media screen and (max-width:380px) {


}


