::selection {background-color: var(--main-color); color: #fff;}



.index_pc {display:block;}
.index_m {display:none;}





/* 메인페이지 */

/* 공통 */

.sec-tit {text-align: center;margin-bottom:60px;}
.sec-tit p {color:var(--main-color);font-size:20px;font-weight:600;}
.sec-tit h2 {font-family: 'nanum-square-neo';font-size:44px;font-weight:500;letter-spacing:-0.05em;}
.sec-tit h2 em {font-weight:900;color:var(--main-color)}

.more {display:flex;align-items:center;gap:12px;width:fit-content;padding:13px 24px;
    border-radius:100px;border:1px solid #555;margin:0 auto;font-size:20px;color:#555;background:#fff;transition:0.1s;}
.more:hover {background:var(--main-color);color:#fff;border:1px solid var(--main-color);transition:0.1s;}
.more figure {width:13px;height:10px;background:url('https://d293d5ujo4f7wd.cloudfront.net/static/homepage/img/arrow-r.png') no-repeat center center;background-size:cover;transition:0.1s;}
.more:hover figure {background:url('https://d293d5ujo4f7wd.cloudfront.net/static/homepage/img/arrow-r-w.png') no-repeat center center;background-size:cover;transition:0.1s;}




/* 메인 sec1 - 상단 배너 시작 */
.main_sec1 {padding-top:150px;}
.main_sec1 .main_imgbox {display:flex;gap:30px;align-items:stretch;}
.main_sec1 .main_imgbox>div {border-radius:15px;overflow: hidden;}
.main_sec1 figure {width:100%;height:100%;}
.main_sec1 figure img {width:100%;height:100%;object-fit:cover;}
/* 배너: grid 1셀 겹침 — 문구 wrap은 position 없이 flex로 좌측 중앙 */
.main_sec1 .main_banner {
    max-width: 1050px;
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.main_sec1 .main_banner > figure,
.main_sec1 .main_banner_overlay,
.main_sec1 .main_banner_copy {
    grid-column: 1;
    grid-row: 1;
}
/* 배너 이미지 */
.main_sec1 .main_banner > figure {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    z-index: 0;
}
.main_sec1 .main_banner figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
/* 하단이 더 어두운 오버레이 (가독성) */
.main_sec1 .main_banner_overlay {
    width: 100%;
    height: 100%;
    min-height: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.12) 35%,
        rgba(0, 0, 0, 0.45) 70%,
        rgba(0, 0, 0, 0.68) 100%
    );
}
/* 타이틀+작은문구 한 wrap: 좌측 정렬 + 세로 중앙 (padding으로 inset) */
.main_sec1 .main_banner_copy {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* 하단 정렬 */
    align-items: flex-start; /* 좌측 */
    align-self: stretch;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 48px 48px 48px 80px;
    gap: 14px;
    text-align: left;
}
.main_sec1 .main_banner_title {
    margin: 0;
    padding: 0;
    max-width: 520px;
    width: 100%;
    text-align: left;
    font-family: 'nanum-square-neo', sans-serif;
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.35;
    word-break: keep-all;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.main_sec1 .main_banner_title strong {
    font-weight: 700;
}
.main_sec1 .main_banner_desc {
    margin: 0;
    padding: 0;
    max-width: 520px;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    opacity: 0.92;
    word-break: keep-all;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 팝업존: 1:1 정사각 + 컨트롤러 이미지 하단 오버레이 (slick 유지) */
.main_sec1 .main_popup {
    width: 520px;
    max-width: 38%;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    flex: 0 0 auto;
    align-self: auto; /* stretch 제거 — 높이 = width (1:1) */
    min-height: 0;
}
.main_sec1 .main_popup .popup_slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.main_sec1 .main_popup .popup_slider .slick-list,
.main_sec1 .main_popup .popup_slider .slick-track,
.main_sec1 .main_popup .popup_slider .slick-slide {
    height: 100%;
}
.main_sec1 .main_popup .popup_slider .slick-slide > figure,
.main_sec1 .main_popup .popup_slider figure {
    height: 100%;
    margin: 0;
}
.main_sec1 .main_popup .popup_slider img {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    object-fit: cover;
    object-position: center;
}
.main_sec1 .main_popup .popup_btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    background: #091c0ecc;
    color: #fff;
    font-size: 16px;
}
.main_sec1 .main_popup .popup_btm>div {display:flex;align-items: center;gap:5px;}
.main_sec1 .main_popup .popup_btm button {border-radius:100px;width:24px;height:24px; border:1px solid #999;}
.main_sec1 .main_popup .popup_btm .stop {background:url('https://d293d5ujo4f7wd.cloudfront.net/static/homepage/img/stop.png') no-repeat center center;text-indent: -9999px;}
.main_sec1 .main_popup .popup_btm .stop.on {background: url('https://d293d5ujo4f7wd.cloudfront.net/static/homepage/img/play.png') no-repeat center center;}

.main_sec1 .main_popup .popup_btm .paging {width:45px;text-align: right;color:#999;}
.main_sec1 .main_popup .popup_btm .now {color:#fff;}

.main_news {display:flex;align-items:center;
    width:100%;margin-top:30px;padding:0 25px;;background:var(--main-color);border-radius:15px;color:#fff;font-size:18px;}
.main_news>div {display:flex;align-items:center;gap:10px;width:11%;} 
.main_news img {width:17px;}
.main_news ul {display:flex;width:88%;gap:50px;}
.main_news ul li {width:100%; display:flex; justify-content: space-between; gap:10px;align-items: center;position:relative;}
.main_news ul li:first-child:after {display:block;content:"";width:2px;height:25px;background:#fff;opacity:0.4;position:absolute;top:50%;right:-25px;transform: translateY(-50%);}
.main_news ul li a {padding:18px 0;}
.main_news ul li span {font-weight:300;opacity:0.5;margin-left:3%;}


/* 메인 sec1 - 상단 배너 끝 */


/* 메인 sec2 - 지방회별 소식 시작 */

.main_sec2 .info {display:flex;gap:30px;}
.main_sec2 .info>div {padding:34px 36px 40px;border:1px solid #cfe6f7;border-radius:15px;box-shadow: 0 4px 20px #0a87f633;background:#fff;font-size:20px;}
.main_sec2 .info h3 {font-family: 'nanum-square-neo';font-weight:600;font-size:26px;margin-bottom:20px;}

.main_sec2 .info_select {width:20%;}
.main_sec2 .info_select ul {display:flex;gap:16px;flex-direction:column;width:100%;}
.main_sec2 .info_select ul li {width:100%;padding:12px 20px;border:1px solid #cfe6f7;border-radius:100px;cursor: pointer;}
.main_sec2 .info_select ul li.on {background:var(--main-color);color:#fff;}

.main_sec2 .info_con {width:80%;}
.main_sec2 .info_con ul {flex-wrap:wrap;width:100%;gap:30px;}
.main_sec2 .info_con ul {display:none;}
.main_sec2 .info_con ul.on {display:flex;}
.main_sec2 .info_con ul li {width:calc((100% - 60px) / 3);border:1px solid #cfe6f7;border-radius:6px;transition:0.1s;}
.main_sec2 .info_con ul li:hover {border:1px solid var(--main-color);color:var(--main-color);transition:0.1s;box-shadow: 0 2px 15px #0a87f633;}
.main_sec2 .info_con ul li a {display:inline-block;padding:16px 20px;width:100%;font-weight:500;}


/* 메인 sec2 - 지방회별 소식 끝 */



/* 지방회 팝업 */


.local_pop {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#33333388;z-index:99999;}
.local_pop.active {display:block;}

.local_pop_con {width:540px;max-width:90%;max-height:90%;padding:40px;background:#fff;border-radius:15px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%); }


.local_close1 {width:46px;height:46px;border-radius:100px;border:1px solid #fff;cursor:pointer;position:absolute;top:-60px;right:0;}
.local_close1 figure {width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.local_close1 figure img {width:100%;height:100%;object-fit: cover;}

/* .local_close1 {width:46px;height:46px;border-radius:100px;border:1px solid #fff;cursor:pointer;position:absolute;top:-60px;right:0;transition:0.2s;}
.local_close1:hover {background:#fff;border:1px solid #ddd;}
.local_close1:hover figure img {filter:invert(1);}
.local_close1 figure {width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.local_close1 figure img {width:100%;height:100%;object-fit: cover;} */


.local_pop_title {font-size:26px;font-weight:800;text-align: center;}

.local_pop_con {display:flex;flex-direction: column;gap:25px;}
.local_pop_box {width:100%;height:130px;background:var(--main-color);color:#fff;border-radius:8px;position:relative;overflow: hidden;cursor: pointer;}
.local_pop_box div {padding:20px;}
.local_pop_box p {font-size:22px;font-weight:600;}
.local_pop_box span {font-size:16px;opacity:0.8;}
.local_pop_box figure {width:106px;position:absolute;bottom:-10px;right:46px;}
.local_pop_box figure img {width:100%;}

.local_pop_list>div { display:flex;align-items: baseline;gap:10px;margin-bottom:10px;}
.local_pop_list p {font-size:20px;font-weight:600;}
.local_pop_list span {font-size:16px;color:#666;}
.local_pop_list span em {color:var(--main-color);font-weight:600;}
.local_pop_list ul {
    width:100%;
    height:320px;
    border:1px solid #e0e0e0;
    background:#fff;
    border-radius:8px;
    overflow-y: scroll; 
    /* Firefox 스크롤바 */
    scrollbar-width: thin;
    scrollbar-color: #0a87f6 #f1f1f1;overscroll-behavior: contain
} 
.local_pop_list ul li {padding:10px 15px;border-bottom:1px solid #eee;}
.local_pop_list ul li:last-child {border-bottom:none;}
.local_pop_list ul li:hover {background:var(--main-color-light);color:var(--main-color);}
.local_pop_list .local_pop_link {display:flex;justify-content:space-between;align-items:center;}
.local_pop_list .local_pop_link p {font-size:18px;font-weight:500;}
.local_pop_list .local_pop_link a {display: flex;align-items: center;gap:5px;padding:8px 16px;background:#fff;color:var(--main-color);border:1px solid var(--main-color);border-radius:5px;font-size:14px;cursor:pointer;transition:0.2s;}
.local_pop_list .local_pop_link a:hover {background:var(--main-color);color:#fff;}
.local_pop_list .local_pop_link a figure {width:fit-content}
.local_pop_list .local_pop_link a img {width:100%;}

/* 교회 목록 커스텀 스크롤바 (WebKit 브라우저) */
.local_pop_list ul::-webkit-scrollbar {
    width: 8px;
}

.local_pop_list ul::-webkit-scrollbar-button {display: none;} 

.local_pop_list ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.local_pop_list ul::-webkit-scrollbar-thumb {
    background: #0a87f6;
    border-radius: 4px;
    transition: background 0.2s;
}

.local_pop_list ul::-webkit-scrollbar-thumb:hover {
    background: #0770d4;
}

.local_pop_close_btn {width:100%;;text-align:center;border:1px solid #e0e0e0;background:#fff;border-radius:8px;cursor: pointer;transition:0.2s}
.local_pop_close_btn:hover {background:var(--main-color);color:#fff;transition:0.2s}
.local_pop_close_btn p {padding:16px 24px;cursor:pointer;font-size:16px;font-weight:500; display:inline-block;}


/* 팝업 반응형 */
@media (max-width: 768px) {
    .local_pop_con {width:90%;max-width:none;padding:30px 20px; }
    .local_close1 {top:-50px;right:10px;width:40px;height:40px;}
    .local_pop_title {font-size:22px;padding-bottom:20px;}
    .local_pop_box {height:110px;}
    .local_pop_box p {font-size:18px;}
    .local_pop_box span {font-size:14px;}
    .local_pop_box figure {width:80px;right:30px;}
    .local_pop_list>p {font-size:18px;}
    .local_pop_list .local_pop_link p {font-size:16px;}
    .local_pop_list .local_pop_link a {font-size:13px;padding:6px 12px;}
}

@media (max-width: 480px) {
    .local_pop_con {padding:25px 15px;}
    .local_close1 {top:-45px;right:5px;width:35px;height:35px;}
    .local_pop_title {font-size:20px;}
    .local_pop_box {height:100px;}
    .local_pop_box p {font-size:16px;}
    .local_pop_box span {font-size:13px;}
    .local_pop_box figure {width:70px;right:20px;}
}





/* 메인 sec3 -연합회 및 지방회 포토갤러리 시작 */

.main_sec3 {background:var(--main-color-light);position:relative;}
.main_sec3::before {content:"LB NOTICE DEMO";position:absolute;top:-175px;left:0;
    font-size:120px;font-family:'Noto Serif KR';color:var(--main-color-light);letter-spacing:-0.05em;z-index:-1;white-space:nowrap;}

.main_sec3 .main_sec3_con {display:flex;flex-direction: column;gap:60px}
.main_sec3 .gallery {width:100%;display:grid;grid-template-columns:repeat(4, 1fr);gap:60px 20px;}
.main_sec3 .gallery figure {border-radius:15px;overflow: hidden;width:100%;aspect-ratio: 3 / 2;}
.main_sec3 .gallery figure img {width:100%;height:100%;object-fit: cover;}
.main_sec3 .gallery p {font-size:24px;font-weight:600;padding-top:20px;word-break: keep-all;}
.main_sec3 .gallery span {font-size:18px;color:#888;}
.main_sec3 .gallery .gallery-con {cursor: pointer;}


/* 메인 sec3 -연합회 및 지방회 포토갤러리 끝 */




/* 메인 sec4 -새로운 소식을 알려드립니다 시작 */

.main_sec2 .sec-tit {display:flex;text-align:left;justify-content:space-between; align-items: flex-end;}
.main_sec2 .more {margin:unset;}

.main_sec2 .main_sec2_con {display:flex;flex-direction: column; gap:25px;}

.main_sec2 .news_select_box ul {display:flex;gap:10px;}
.main_sec2 .news_select_box ul li {padding:10px 22px;border-radius:100px;background:#f0f0f0;color:#999;font-size:22px;cursor: pointer;}
.main_sec2 .news_select_box ul li.on {background:var(--main-color);color:#fff;}


.main_sec2 .news_con>ul {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.main_sec2 .news_con>ul>li {height:242px;border-radius: 15px;border:1px solid var(--main-color-light);background:#fff;box-shadow: 0 2px 16px #00000010;transition:0.1s;}
.main_sec2 .news_con>ul>li:hover {border:1px solid var(--main-color-light);background:var(--main-color);color:#fff;transition:0.1s;}
.main_sec2 .news_con>ul>li:hover p {color:#fff;transition:0.1s;}
.main_sec2 .news_con>ul>li>a {display:flex;justify-content: space-between;flex-direction: column;height:100%;padding:25px 36px;}
.main_sec2 .news_con .news_text {display:flex;flex-direction: column;gap:12px;}
.main_sec2 .news_con p {font-size:18px; color:var(--main-color);transition:0.1s;}
.main_sec2 .news_con h4 {font-size:24px;font-weight:600;word-break: keep-all;}

.main_sec2 .news_con ul {display:none;}
.main_sec2 .news_con ul.on {display:grid;}


/* 메인 sec4 -새로운 소식을 알려드립니다 끝 */


/* ================ 인덱스 페이지 반응형 디자인 시작 ================== */



@media (max-width: 1500px) {
    .main_sec3 .gallery p {
        font-size:22px;
    }

    .main_sec2 .news_con h4{
        font-size:22px;
    }
}


@media (max-width: 1340px) {
    .main_sec3::before {
        font-size:100px;
        top:-115px;
    }

    .main_sec1 .main_banner_copy {
        padding: 40px 40px 40px 64px;
    }
    .main_sec1 .main_banner_title {
        font-size: 38px;
        max-width: 480px;
    }
    .main_sec1 .main_banner_desc {
        font-size: 18px;
        max-width: 480px;
    }


    .main_sec3 .gallery p {
        font-size:20px;
    }
    .main_sec2 .news_con h4 {
        font-size:20px;
    }

}



@media (max-width: 1200px) {

    
    .pd130 {
        padding-top:80px;
        padding-bottom:80px;
    }


    .main_sec1 {
        padding-top: 100px;
    }

    .main_sec1 .main_banner_copy {
        padding: 36px 36px 36px 48px;
        gap: 12px;
    }
    .main_sec1 .main_banner_title {
        font-size: 32px;
        max-width: 440px;
    }
    .main_sec1 .main_banner_desc {
        font-size: 17px;
        max-width: 440px;
    }

    .main_sec1 .main_popup {
        width: min(420px, 36%);
        max-width: 36%;
    }

    .main_news {
        flex-direction: column;
        gap: 15px;
        padding: 20px 25px;
        margin-top:20px;
        min-width: 0;
        box-sizing: border-box;
    }
    
    
    .main_news ul {
        width: 100%;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
    }

    .main_news ul li {
        display:flex;
        justify-content: space-between;
        padding:0;
        min-width: 0;
    }
    
    .main_news ul li a {
        padding: 0;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .main_news ul li:first-child:after {
        display:none;
    }

}



/* 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    /* 공통 */
    .sec-tit h2 {
        font-size: 36px;
    }
    
    .more {
        font-size: 18px;
        padding: 12px 20px;
    }
    
    /* main_sec1 - 상단 배너: 태블릿에서 세로 스택 */
    .main_sec1 {
        padding-top: 100px;
        min-width: 0;
    }
    
    .main_sec1 .main_imgbox {
        flex-direction: column;
        gap: 16px;
    }
    
    .main_sec1 .main_banner {
        max-width: 100%;
        width: 100%;
    }

    .main_sec1 .notice_main_banner {
        display: grid; /* block 으로 바꾸면 문구 wrap grid 겹침 깨짐 */
        width: 100%;
        height: 300px;
    }

    .main_sec1 .main_banner > figure {
        height: 100%;
    }

    .main_sec1 .main_banner figure img {
        height: 100%;
        object-fit: cover;
    }

    .main_sec1 .main_popup {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 10;
        position: relative;
    }

    .main_sec1 .main_popup .popup_btm {
        display: flex;
        padding: 10px 14px;
        font-size: 15px;
    }
    
    .main_news {
        min-width: 0;
        box-sizing: border-box;
    }

    .main_news > div {
        width: 100%;
        justify-content: center;
    }

    .main_news ul li a {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    

    /* main_sec2 - 지방회별 소식 */
    .main_sec2 .info {
        flex-direction: column;
        gap: 20px;
    }

    .main_sec2 .info h3 {
        text-align: center;
    }
    
    .main_sec2 .info_select {
        width: 100%;
    }
    
    .main_sec2 .info_select ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .main_sec2 .info_select ul li {
        flex: 1;
        min-width: 120px;
        text-align: center;
    }
    
    .main_sec2 .info_con {
        width: 100%;
    }
    
    .main_sec2 .info_con ul li {
        width: calc((100% - 30px) / 2);
    }
    
    /* main_sec3 - 포토 갤러리 */
    
    .main_sec3::before {
        font-size: 70px;
        top: -80px;
    }
    
    .main_sec3 .gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 15px;
    }
    
    .main_sec3 .gallery p {
        font-size: 20px;
        padding-top: 15px;
    }
    
    .main_sec3 .gallery span {
        font-size: 16px;
    }
    
    .gallery>div:nth-child(7),.gallery>div:nth-child(8),.gallery>div:nth-child(9),.gallery>div:nth-child(10) {
        display:none;
    }


    /* main_sec2 - 새로운 소식 */
    .main_sec2 .sec-tit {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        align-items: center;
    }

    .main_sec2 .news_select {
        justify-content: center;
    }
    
    .main_sec2 .news_con > ul {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .main_sec2 .news_con > ul > li {
        height: 220px;
    }
    
    .main_sec2 .news_con > ul > li > a {
        padding: 20px 30px;
    }
    
    .main_sec2 .news_con h4 {
        font-size: 22px;
    }
}


@media (max-width: 1000px) {
    .main_sec1 .main_banner_copy {
        padding: 32px 32px 32px 40px;
        gap: 12px;
    }
    .main_sec1 .main_banner_title {
        font-size: 28px;
        max-width: 400px;
    }
    .main_sec1 .main_banner_desc {
        font-size: 16px;
        max-width: 400px;
    }
}



/* 모바일 (768px 이하) */
@media (max-width: 768px) {

    .index_pc {display:none;}
    .index_m {display:block;}

    /* 공통 */
    .pd130 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .sec-tit {
        margin-bottom: 40px;
    }
    
    .sec-tit p {
        font-size: 18px;
    }
    
    .sec-tit h2 {
        font-size: 28px;
    }
    
    .more {
        font-size: 16px;
        padding: 10px 18px;
        gap: 8px;
    }
    
    /* main_sec1 - 상단 배너 (스택은 1024에서 처리, 여기선 높이·타이포) */
    .main_sec1 {
        padding-top: 100px;
    }

    .main_sec1 .main_imgbox {
        gap: 20px;
    }

    .main_sec1 .notice_main_banner {
        height: 260px;
    }

    .main_sec1 .main_banner_copy {
        padding: 24px;
        gap: 10px;
        text-align: left;
    }
    .main_sec1 .main_banner_title {
        font-size: 24px;
        line-height: 1.3;
        max-width: 100%;
        text-align: left;
    }
    .main_sec1 .main_banner_desc {
        font-size: 14px;
        max-width: 100%;
        text-align: left;
    }
    
    .main_sec1 .main_popup .popup_btm {
        display: flex;
        padding: 10px 14px;
        font-size: 15px;
    }
    
    .main_news {
        font-size: 16px;
        padding: 15px 20px;
        min-width: 0;
        box-sizing: border-box;
    }
    
    
    /* main_sec2 - 지방회별 소식 */
    .main_sec2 .info > div {
        padding: 25px 25px 30px;
    }
    
    .main_sec2 .info h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .main_sec2 .info_con ul {
        gap:15px;
    }

    .main_sec2 .info_select ul li {
        padding: 10px 15px;
        font-size: 16px;
    }
    
    .main_sec2 .info_con ul li {
        width: 100%; 
    }
    
    .main_sec2 .info_con ul li a {
        padding: 14px 18px;
        font-size: 16px;
    }
    
    /* main_sec3 - 포토 갤러리 */

    .main_sec3::before {
        display:none;
    }

    .gallery-con-none {
        display:none;
    }

    .main_sec3::before {
        font-size: 60px;
        top: -80px;
    }
    
    .main_sec3 .main_sec3_con {
        gap: 40px;
    }
    
    .main_sec3 .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 15px;
    }
    
    .main_sec3 .gallery p {
        font-size: 18px;
        padding-top: 12px;
    }
    
    .main_sec3 .gallery span {
        font-size: 14px;
    }
    
    /* main_sec2 - 새로운 소식 */
    .main_sec2 .news_select_box ul li {
        padding: 8px 18px;
        font-size: 18px;
    }
    
    .main_sec2 .news_con > ul {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .main_sec2 .news_con > ul > li {
        height: 180px;
    }
    
    .main_sec2 .news_con > ul > li > a {
        padding: 20px 25px;
    }
    
    .main_sec2 .news_con p {
        font-size: 16px;
    }
    
    .main_sec2 .news_con h4 {
        font-size: 20px;
    }
}

@media (max-width: 578px) {
    .main_news ul li span {
    display:none;
    }

}

/* 작은 모바일 (480px 이하) */
@media (max-width: 480px) {
    /* 공통 */
    .pd130 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .sec-tit {
        margin-bottom: 30px;
    }
    
    .sec-tit p {
        font-size: 16px;
    }
    
    .sec-tit h2 {
        font-size: 24px;
    }
    
    .more {
        font-size: 14px;
        padding: 8px 16px;
    }
    
    /* main_sec1 - 상단 배너 */
    .main_sec1 {
        padding-top: 100px;
    }
    
    .main_sec1 .main_banner_copy {
        padding: 20px;
        gap: 8px;
        text-align: left;
    }
    .main_sec1 .main_banner_title {
        font-size: 20px;
        line-height: 1.3;
        max-width: 100%;
        text-align: left;
    }
    .main_sec1 .main_banner_desc {
        font-size: 13px;
        max-width: 100%;
        text-align: left;
    }
    
    .main_sec1 .main_popup .popup_btm {
        display: flex;
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .main_sec1 .main_popup .popup_btm button {
        width: 20px;
        height: 20px;
    }
    
    .main_news {
        font-size: 14px;
        padding: 12px 15px;
        min-width: 0;
        box-sizing: border-box;
    }

    .main_sec1 .notice_main_banner {
        height: 220px;
    }
    
    .main_news img {
        width: 15px;
    }
    
    /* main_sec2 - 지방회별 소식 */
    .main_sec2 .info > div {
        padding: 20px 20px 25px;
        font-size: 18px;
    }
    
    .main_sec2 .info h3 {
        font-size: 20px;
    }
    
    .main_sec2 .info_select ul {
        gap: 8px;
    }
    
    .main_sec2 .info_select ul li {
        padding: 8px 12px;
        font-size: 14px;
        min-width: 100px;
    }
    
    .main_sec2 .info_con ul li a {
        padding: 12px 15px;
        font-size: 15px;
    }
    
    /* main_sec3 - 포토 갤러리 */
    .main_sec3::before {
        display: none;
    }
    
    .main_sec3 .main_sec3_con {
        gap: 30px;
    }
    
    .main_sec3 .gallery {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .main_sec3 .gallery p {
        font-size: 16px;
        padding-top: 10px;
    }
    
    .main_sec3 .gallery span {
        font-size: 13px;
    }
    
    /* main_sec2 - 새로운 소식 */
    .main_sec2 .main_sec2_con {
        gap: 20px;
    }
    
    .main_sec2 .news_select_box ul {
        gap: 8px;
    }
    
    .main_sec2 .news_select_box ul li {
        padding: 6px 14px;
        font-size: 16px;
    }
    
    .main_sec2 .news_con > ul > li {
        height: 160px;
    }
    
    .main_sec2 .news_con > ul > li > a {
        padding: 18px 20px;
    }
    
    .main_sec2 .news_con .news_text {
        gap: 8px;
    }
    
    .main_sec2 .news_con p {
        font-size: 14px;
    }
    
    .main_sec2 .news_con h4 {
        font-size: 18px;
    }
}

/* 매우 작은 모바일 (360px 이하) */
@media (max-width: 360px) {
    /* main_sec1 - 상단 배너 */
    .main_sec1 .main_banner_copy {
        padding: 16px;
        gap: 6px;
        text-align: left;
    }
    .main_sec1 .main_banner_title {
        font-size: 18px;
        max-width: 100%;
        text-align: left;
    }
    .main_sec1 .main_banner_desc {
        font-size: 12px;
        max-width: 100%;
        text-align: left;
    }
    
    /* main_sec2 - 지방회별 소식 */
    .main_sec2 .info > div {
        padding: 15px 15px 20px;
    }
    
    .main_sec2 .info_select ul li {
        font-size: 13px;
        padding: 6px 10px;
    }
    
    /* main_sec3 - 포토 갤러리 */
    .main_sec3 .gallery p {
        font-size: 15px;
    }
    
    /* main_sec2 - 새로운 소식 */
    .main_sec2 .news_select_box ul li {
        font-size: 14px;
        padding: 5px 12px;
    }
    
    .main_sec2 .news_con > ul > li > a {
        padding: 15px 18px;
    }
    
    .main_sec2 .news_con h4 {
        font-size: 16px;
    }
}

/* ================ 인덱스 페이지 반응형 디자인 끝 ================== */