::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;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://d2e5muk974ghk3.cloudfront.net/static/homepage/img/arrow-r.png') no-repeat center center;background-size:cover;transition:0.1s;} 
.more:hover figure {background:url('https://d2e5muk974ghk3.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;}
.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;}
.main_sec1 .main_banner {max-width:1050px;position:relative;}
.main_sec1 .main_banner h2 {position:absolute;bottom:100px; left:80px;
    font-family:'nanum-square-neo';color:#fff;font-size:45px;font-weight:400;letter-spacing: -0.05em;line-height:1.4}
.main_sec1 .main_banner h2::before {display:block;content:"Dream";
    font-family:'Noto Serif KR';font-size:150px;opacity:0.2;position:absolute;bottom:50px;left:-60px;font-weight:700;}
    .main_sec1 .main_banner h2 em {font-size:22px;opacity:0.8;letter-spacing: 0.05em;}

.main_sec1 .main_popup {width:520px;aspect-ratio: 1/1;position: relative;}
.main_sec1 .main_popup .popup_slider {width:100%;}
.main_sec1 .main_popup .popup_slider img {width:100%;aspect-ratio: 1/1;object-position: top;}
.main_sec1 .main_popup .popup_btm {display:flex;justify-content: space-between;
    position:absolute;bottom:0; width:100%;padding:15px 20px;
    background:#091c0ecc;color:#fff;font-size:18px;}
.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://d2e5muk974ghk3.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://d2e5muk974ghk3.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 #d8e1da;border-radius:15px;box-shadow: 0 4px 20px #319d4e33;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 #D8E1DA;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 #D8E1DA;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 #319d4e33;}
.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: #319d4e #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: #319d4e;
    border-radius: 4px;
    transition: background 0.2s;
}

.local_pop_list ul::-webkit-scrollbar-thumb:hover {
    background: #2a8441;
}

.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:"Dream is the vision";position:absolute;top:-175px;left:0;
    font-size:150px;font-family:'Noto Serif KR';color:var(--main-color-light);letter-spacing:-0.05em;z-index:-1;}

.main_sec3 .main_sec3_con {display:flex;flex-direction: column;gap:60px}
.main_sec3 .gallery {width:100%;display:grid;grid-template-columns:repeat(5, 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_sec4 .sec-tit {display:flex;text-align:left;justify-content:space-between; align-items: flex-end;}
.main_sec4 .more {margin:unset;}

.main_sec4 .main_sec4_con {display:flex;flex-direction: column; gap:25px;}

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


.main_sec4 .news_con>ul {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.main_sec4 .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_sec4 .news_con>ul>li:hover {border:1px solid var(--main-color-light);background:var(--main-color);color:#fff;transition:0.1s;}
.main_sec4 .news_con>ul>li:hover p {color:#fff;transition:0.1s;}
.main_sec4 .news_con>ul>li>a {display:flex;justify-content: space-between;flex-direction: column;height:100%;padding:25px 36px;}
.main_sec4 .news_con .news_text {display:flex;flex-direction: column;gap:12px;}
.main_sec4 .news_con p {font-size:18px; color:var(--main-color);transition:0.1s;}
.main_sec4 .news_con h4 {font-size:24px;font-weight:600;word-break: keep-all;}

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


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




/* 메인 sec5 -장로회중앙연회연합회와 함께하는 모임 시작 */


.main_sec5 {background:var(--main-color-light)}

.main_sec5 .ad_slider .ad_slider_con {margin:10px;}
.main_sec5 .ad_slider figure {aspect-ratio: 2 / 3;border-radius:15px;overflow:hidden;margin:10px;}
.main_sec5 .ad_slider figure img {width:100%;height:100%;object-fit:cover;}

.main_sec5 .ad_text {display:flex;flex-direction: column;}
.main_sec5 .ad_text p {font-size:24px;font-weight:600;padding-top:20px;}
.main_sec5 .ad_text span {font-size:18px;font-weight:500;color:#888}

.main_sec5 .ad_slider_btn {display:flex;gap:10px;justify-content:center;margin-top:60px;}
.main_sec5 .ad_slider_btn button {width:52px;height:52px;border-radius:100px;border:1px solid #555;transition:0.1s;}
.main_sec5 .ad_slider_btn button:hover {border:1px solid var(--main-color);background:var(--main-color);transition:0.1s;}
.main_sec5 .ad_slider_btn button figure {width:100%;height:100%;}
.main_sec5 .ad_slider_btn button.prevArrow figure {background:url('https://d2e5muk974ghk3.cloudfront.net/static/homepage/img/arrow-l.png') no-repeat center center;transition:0.1s;}
.main_sec5 .ad_slider_btn button.nextArrow figure {background:url('https://d2e5muk974ghk3.cloudfront.net/static/homepage/img/arrow-r.png') no-repeat center center;transition:0.1s;}
.main_sec5 .ad_slider_btn button.prevArrow:hover figure {background:url('https://d2e5muk974ghk3.cloudfront.net/static/homepage/img/arrow-l-w.png') no-repeat center center;transition:0.1s;}
.main_sec5 .ad_slider_btn button.nextArrow:hover figure {background:url('https://d2e5muk974ghk3.cloudfront.net/static/homepage/img/arrow-r-w.png') no-repeat center center;transition:0.1s;}



/* 메인 sec5 -장로회중앙연회연합회와 함께하는 모임 끝 */


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



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

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

    .main_sec5 .ad_text p {
        font-size:22px;
    }
}


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

    .main_sec1 .main_banner h2 {
        font-size:38px;
        bottom:80px;
        left:70px;
    }

    .main_sec1 .main_banner h2::before {
        font-size:130px;
    }


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

    .main_sec5 .ad_text p {
        font-size:20px;
    }

}



@media (max-width: 1200px) {

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


    .main_sec1 {
        padding-top: 100px;
    }

    .main_sec1 .main_banner h2 {
        font-size:32px;
        bottom:60px;
        left:60px;
    }

    .main_sec1 .main_banner h2::before {
        font-size:100px;
    }

    .popup_btm {
        display:none !important;
    }

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

    .main_news ul li {
        display:flex;
        justify-content: space-between;
        padding:0;
    }
    
    .main_news ul li a {
        padding: 0;
    }

    .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;
    }
    
    .main_sec1 .main_imgbox {  
        gap:20px;
    }
    
    .main_sec1 .main_banner { 
    }
    
    .main_news > div {
        width: 100%;
        justify-content: center;
    }
    

    /* 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_sec4 - 새로운 소식 */
    .main_sec4 .sec-tit {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        align-items: center;
    }

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


@media (max-width: 1000px) {

    .main_sec1 .main_banner h2 {
        font-size: 30px;
        bottom: 15%;
        left: 10%;
    }
    
    .main_sec1 .main_banner h2::before {
        font-size: 100px;
        bottom: 30px;
        left: -40px;
    }
    

}



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

    .hr {width:100%;height:1px;background: #ddd;}

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

    .mnav-btn-wrap {
        border-radius:0 !important;
    }

    .mnav-btn {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap:10px;
        width:100%;
    }

    
    .mnav-btn li {
        width:100%;
        height:fit-content
    }

    .mnav-btn figure {
        width:100%;
        aspect-ratio: 1/1;
        border-radius:10px;
        overflow: hidden;
        padding:3px;
        border:1px solid #ddd;
    }

    .mnav-btn img {
        display: block;
        width:100%;
        height:100%;
        object-fit: cover;
        border-radius:8px;
    }

    .mnav-btn p {
        text-align: center;
        width:100%;
        margin:3px 0 5px; 
        word-break: keep-all;
        line-height:1.2;
        font-size:14px;
        letter-spacing: -0.03em; 
    }





    /* 공통 */
    .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 - 상단 배너 */
    .main_sec1 {
        padding-top: 100px;
    }
    

    .main_sec1 .main_imgbox {
        flex-direction: column;
        gap: 20px;
    }
    
    .main_sec1 .main_banner {
        max-width: 100%;
    }
    
    .main_sec1 .main_popup {
        width: 100%;
    }

    .main_sec1 .main_banner h2 {
        font-size: 28px;
        bottom: 40px;
        left: 30px;
        line-height: 1.3;
    }
    
    .main_sec1 .main_banner h2::before {
        font-size: 80px;
        bottom: 20px;
        left: -20px;
    }

    .main_sec1 .main_banner h2 em {font-size:16px;opacity:0.8;letter-spacing: 0.05em;}
    
    .main_sec1 .main_popup .popup_btm {
        padding: 12px 15px;
        font-size: 16px;
    }
    
    .main_news {
        font-size: 16px;
        padding: 15px 20px;
    }
    
    
    /* 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_sec4 - 새로운 소식 */
    .main_sec4 .news_select_box ul li {
        padding: 8px 18px;
        font-size: 18px;
    }
    
    .main_sec4 .news_con > ul {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .main_sec4 .news_con > ul > li {
        height: 180px;
    }
    
    .main_sec4 .news_con > ul > li > a {
        padding: 20px 25px;
    }
    
    .main_sec4 .news_con p {
        font-size: 16px;
    }
    
    .main_sec4 .news_con h4 {
        font-size: 20px;
    }
    
    /* main_sec5 - 광고 슬라이더 */
    .main_sec5 .ad_text p {
        font-size: 20px;
        padding-top: 15px;
    }
    
    .main_sec5 .ad_text span {
        font-size: 16px;
    }
    
    .main_sec5 .ad_slider_btn {
        margin-top: 40px;
    }
    
    .main_sec5 .ad_slider_btn button {
        width: 45px;
        height: 45px;
    }
}

@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 h2 {
        font-size: 22px;
        bottom: 30px;
        left: 20px;
    }
    
    .main_sec1 .main_banner h2::before {
        display: none;
    }
    
    .main_sec1 .main_popup .popup_btm {
        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;
    }
    
    .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_sec4 - 새로운 소식 */
    .main_sec4 .main_sec4_con {
        gap: 20px;
    }
    
    .main_sec4 .news_select_box ul {
        gap: 8px;
    }
    
    .main_sec4 .news_select_box ul li {
        padding: 6px 14px;
        font-size: 16px;
    }
    
    .main_sec4 .news_con > ul > li {
        height: 160px;
    }
    
    .main_sec4 .news_con > ul > li > a {
        padding: 18px 20px;
    }
    
    .main_sec4 .news_con .news_text {
        gap: 8px;
    }
    
    .main_sec4 .news_con p {
        font-size: 14px;
    }
    
    .main_sec4 .news_con h4 {
        font-size: 18px;
    }
    
    /* main_sec5 - 광고 슬라이더 */
    .main_sec5 .ad_text p {
        font-size: 18px;
        padding-top: 12px;
    }
    
    .main_sec5 .ad_text span {
        font-size: 14px;
    }
    
    .main_sec5 .ad_slider_btn {
        margin-top: 30px;
    }
    
    .main_sec5 .ad_slider_btn button {
        width: 40px;
        height: 40px;
    }
}

/* 매우 작은 모바일 (360px 이하) */
@media (max-width: 360px) {
    /* main_sec1 - 상단 배너 */
    .main_sec1 .main_banner h2 {
        font-size: 20px;
        bottom: 25px;
        left: 15px;
    }
    
    /* 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_sec4 - 새로운 소식 */
    .main_sec4 .news_select_box ul li {
        font-size: 14px;
        padding: 5px 12px;
    }
    
    .main_sec4 .news_con > ul > li > a {
        padding: 15px 18px;
    }
    
    .main_sec4 .news_con h4 {
        font-size: 16px;
    }
}

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