/* en style */
#buttonAuth {font-size:11px;}

/*common*/
#gnb .depth01 a {font-size:24px;}
/*contents*/
.sub-tab-menu .swiper-slide a {font-size:18px;}
/*table*/

.main-introduce .main-inner {padding-bottom:min(11.111vw, 200px);}
.main-introduce:after {background:#000;}

#gnb .depth01:nth-child(2) a {max-width:200px;}

.foundation-item .sdgs-list .image-box {border-radius:20px; overflow:hidden;}

.edu-introduce .edu-main .sub-inner {max-width:none;}
.edu-introduce .edu-main .title {max-width:1150px;}
.edu-introduce .edu-main .text {max-width:1150px;}
.edu-introduce.environment .edu-main .btn-area {max-width:inherit;}
.edu-introduce.society .edu-main .btn-area {max-width:inherit;}

.edu-introduce.environment .edu-main .btn-area .btn:nth-child(1) {margin-left:0;}
.edu-introduce.environment .edu-main .btn-area .btn:nth-child(2) {margin-right:0;}


@media only screen and (max-width:1800px) {
    #gnb .depth01:nth-child(2) a {max-width:160px;}
    #gnb .depth01 a {font-size:1.333vw;}
}

@media only screen and (min-width:1023px) {
    
    #m-gnb-wrap .m-gnb .depth01 > a {font-size:26px;}
    
    /*contents*/
    .basic-tab li a {font-size:18px;}
    .board-type3 .subject a div {font-size:17px;}
    .board-type3 .name {font-size:17px;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    
    #m-gnb-wrap .m-gnb .depth01 > a {font-size:26px;}
    
    /*contents*/
    .basic-tab li a {font-size:18px;}
    .board-type3 .subject a div {font-size:17px;}
    .board-type3 .name {font-size:17px;}

    .foundation-item .sdgs-list .image-box {border-radius:1.65vw;}

    .foundation .our-works .intro-list .item-box:first-child {padding-left:clamp(14px,3.590vw,24px);}
    .foundation .our-works .intro-list .item-box:nth-child(3) {padding-right:clamp(14px,3.590vw,24px);}
    .foundation .our-works .intro-list .item-box .btn-move {font-size:clamp(16px, 1.989vw, 36px)}
}

@media only screen and (max-width:767px) {
    
    /*contents*/
    .board-type3 .name {font-size:15px;}
    
    .foundation-item .sdgs-list .image-box {border-radius:1.65vw;}

    .foundation .our-works .intro-list .item-box {flex-direction:column; justify-content:center; padding-top:clamp(14px,3.590vw,24px);}
    .foundation .our-works .intro-list .item-box .item-title br {display:none;}
    .foundation .our-works .intro-list .item-box .item-text {padding:0;}
    .foundation .our-works .intro-list .item-box .btn-move {margin-top:clamp(17px,4.359vw,29px)}
}

@media only screen and (max-width:640px) {

    .intro-list .item-box .item-text {padding:0 10px;}

    /*contents*/
    .sub-tab-menu .swiper-slide a {font-size:14px;}
}