@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 {margin-left: 20px;width: 180px;}


/*--------------------------------------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: 2rem 2rem 2rem;
    width: 100%;
}

.section .inner .sec_tit h3 {
    font-size: 2rem;
    line-height: 2rem;
}
.section .inner .sec_tit h3 span {
    font-size: 1rem;
}

.section .inner .sec_tit p {
    font-size: 1.125rem;
    line-height: 1.5rem;
}



}
/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    
/********************************* main *******************************/
.section .inner .sec_tit_wrap {
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}
.section .inner .sec_tit {
    width: 100%;
    margin-bottom: 1rem;
}
.sec_notice .sec_tit_wrap .sec_menu {
    justify-content: space-between;
    width: 100%;
}
.news-grid { grid-template-columns: 1fr; }
.tab_main-tab {
    gap: 1rem;
}
.btn-more {
  gap: 0;
  padding: 5px 10px;
}
.btn-more span {
  font-size: var(--txt-sm);
}
.btn-more .cap { width: 16px; height: 16px; }   /* 원형 캡 사이즈 ↑ */
.btn-more .ico { width: 16px; height: 16px; }   /* SVG 아이콘 사이즈 ↑ */
.btn-more .ico path { stroke-width: 2; }      /* 선 굵기 ↑ (테두리 또렷) */
.cta-card {
    padding: 1rem 2.25rem;
}
.sec_gallery .sec_tit_wrap .sec_menu {
    justify-content: space-between;
    width: 100%;
}
.g-caption {
    padding: 1rem;
}
.g-figure img {
    aspect-ratio: 5 / 3;
}

.news-grid { grid-template-columns: 1fr; }
.gallery-grid { grid-template-columns: 1fr; }

.section.sec_introduce .inner .sec_tit_wrap {
    margin-top: 0;
    margin-bottom: 0;
}
.section.sec_introduce .inner .sec_tit {margin-bottom: 0rem;}
.hero-grid{grid-template-columns: 1fr; gap: 0;}
.hero-grid:after {
    height: 60%;
}
.hero-media{order:2}
.hero-panel{padding: 1.5rem 0;}
.panel-text {
    margin-bottom: 1.5rem;
}
.hero-decor{width:100%;height:180px;border-radius:0 2.5rem 0 2.5rem}
.panel-text {
    margin-bottom: 2rem;
}
.hero-text {
    grid-template-rows: none;
}
.volunteer-grid { grid-template-columns: 1fr 1fr; }
.v-thumb { aspect-ratio: 5 / 3; }

}

/*--------------------------------------768----------------------------------*/
@media (max-width: 768px) {
  .news-header { grid-template-columns: 1fr; gap: .75rem; }
  .news-tabs { flex-wrap: wrap; gap: 1rem; }
  
  .cta-grid { grid-template-columns: 1fr; }
  .cta-cap { width: 48px; height: 48px; }
  .cta-card .ico { width: 22px; height: 22px; }
  .news-head {min-height: auto;}
}

/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
    .section .inner {
        width: 100%;
    }

    #header .logo a {
        margin-left: 10px;
        width: 160px;
    }
    .section .inner .sec_tit h3 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .panel-text{font-size:var(--txt-md);margin-bottom: 1rem;}
    .panel-text br {display: none;}
    .gallery-grid{ grid-template-columns: 1fr; }
    .v-body { padding: 1rem; }
    .volunteer-grid { grid-template-columns: 1fr; }
    .volunteer-grid { gap: 0; }

}

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


}