:root { --header-height: 50px; --main-x-margin: 20px; --main-y-margin: 30px; --content-width: 1200px; --content-max-width: calc(100% - 40px); } 
/* */
header { z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; } 
header>.header { position: relative; box-sizing: border-box; top: 0; max-width: var(--content-max-width); width: var(--content-width); margin: 0 auto; transition: .2s; padding: 0; display: flex; align-items: center; justify-content: space-between; height: var(--header-height); } 
header.on>.header{background: #ffffff7a; padding: 10px; border-radius: 100px; top: 10px;}
header .logo { height: 30px; } 
header .logo img { height: 100%; } 
/* */
.ham_bbx .menus { display: flex; align-items: center; gap: 20px; } 
.ham_bbx .menus>li { position: relative; } 
.ham_bbx .menus>li a { display: flex; align-items: center; gap: 6px; font-size: 14px; padding: 10px; } 
.ham_bbx .menus>li a svg { width: 18px; aspect-ratio: 1/1; height: auto; } 
.ham_bbx .menus ol {gap: 2px; min-width: 120px; pointer-events: none; width: max-content; font-size: 14px; font-weight: 500; display: flex; flex-direction: column; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 0 3px #5a5a5a42; transition: .3s; opacity: 0; position: relative; top: 100%; position: absolute; left: 50%; transform: translateX(-50%); } 
.ham_bbx .menus ol:hover,
.ham_bbx .menus>li:hover ol { opacity: 1; pointer-events: all; } 
.ham_bbx .menus ol li a { transition: .2s; border-radius: 4px; } 

.ham_bbx .menus ol li.on { pointer-events: none; } 
.ham_bbx .menus ol li.on a,
.ham_bbx .menus ol li a:hover { background: #f3f3f3; color: #2d916d; } 
.ham_bbx .menus .title svg { transition: .2s; width: 20px; aspect-ratio: 1/1; height: auto; } 
.ham_bbx .menus .menu.on .title svg,
.ham_bbx .menus .menu:hover .title svg { color: #2d916d; } 



/* */
header .utils { display: flex; align-items: center; gap: 12px; } 
/* */
header .login_bbx { font-size: 14px; border-radius: 4px; display: flex; align-items: center; gap: 4px; cursor: pointer; } 
header .login_bbx .login_bx { padding: 4px; display: flex; align-items: center; gap: 4px; cursor: pointer; } 
header .login_bbx svg { width: 16px; aspect-ratio: 1/1; height: auto; } 
header .login_bbx .txt { font-size: 14px; } 
/* */
header .lang_bbx { position: relative; } 
header .lang_bbx .title { padding: 4px; display: flex; align-items: center; justify-content: center; } 
header .lang_bbx .title svg { width: 18px; aspect-ratio: 1/1; height: auto; } 
header .lang_bbx .lang_bx { box-shadow: 0 0 3px #5a5a5a42; transition: .2s; opacity: 0; pointer-events: none; box-sizing: border-box; display: flex; flex-direction: column; gap: 2px; background: #fff; padding: 6px; border-radius: 4px; width: max-content; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); overflow: hidden; } 
header .lang_bbx:hover .lang_bx { opacity: 1; pointer-events: auto; } 
header .lang_bbx .lang { font-size: 14px; border-radius: 4px; display: flex; align-items: center; gap: 4px; cursor: pointer; padding: 4px; text-align: center; } 
header .lang_bbx .lang:hover { background: #f3f3f3; } 
header .lang_bbx .lang img { width: 16px; align-self: 1/1; border: 1px solid #ddd; border-radius: 50%; } 


/* */

/* */
main { position: relative; padding: 120px 0;}
main > .main { display: flex; flex-direction: column; gap: 120px; max-width: var(--content-max-width); width: var(--content-width); margin: 0 auto; }
/* */
footer { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 60px 0 30px; font-size: 14px; color: #333; position: relative; overflow: hidden; }
footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(45, 145, 109, 0.3), transparent); }
footer > .footer { max-width: var(--content-max-width); width: var(--content-width); margin: 0 auto; padding: 0 20px; }
/* Footer Top Section */
footer .footer_top { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; margin-bottom: 30px; }
footer .footer_left { display: flex; }
footer .logo { display: flex; height: 45px; width: fit-content; }
footer .logo img { height: 100%; object-fit: contain; }
footer .footer_description { font-size: 15px; color: #666; line-height: 1.6; margin: 0; }
footer .sns_bx { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
footer .sns_bx .sns_link { transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; width: 40px; aspect-ratio: 1/1; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); position: relative; overflow: hidden; }
footer .sns_bx .sns_link:hover::before { width: 100%; height: 100%; }
footer .sns_bx .sns_link:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(45, 145, 109, 0.25); }
footer .sns_bx .sns_link img { width: 20px; height: 20px; object-fit: contain; position: relative; z-index: 1; transition: transform 0.3s ease; }
footer .sns_bx .sns_link:hover img { transform: scale(1.1); }
/* Footer Right Section */
footer .footer_right { display: flex; align-items: flex-start; justify-content: flex-end; }
footer .footer_info_grid { display: grid; gap: 6px; width: 100%; margin-bottom: 40px; }
footer .info_item { display: flex; gap: 16px; align-items: flex-start; }
footer .info_content { flex: 1; display: flex; gap: 8px; }
footer .info_label {flex-shrink: 0; font-size: 14px; font-weight: 600; color: #2d916d; line-height: 1.6; width: 54px; }
footer .info_text {position: relative; font-size: 14px; color: #555; line-height: 1.6; }
footer a.info_text::after{content: ''; border-radius: 5px; transition: .3s ease-in-out; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #2d916d; }
footer a.info_text:hover::after{width: 100%; }
/* Footer Bottom Section */
footer .footer_bottom { padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
footer .copyright_bx { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #888; flex-wrap: wrap; gap: 10px; }
footer .copyright_bx p { margin: 0; }
footer .copyright_bx .site_credit { color: #999; }
footer .copyright_bx .site_credit span { font-weight: 500; } 
/* */



/* */
header .menus>li a.home_btn,
.ham_btn,
.ham_bbx .x_btn { display: none; } 
/* */

/* ************************************************************* */

#deco_bbx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
#deco_bbx .cir_1 { width: 100px; height: 100px; border-radius: 50%; border: 2px solid #2d916d; position: absolute; top: 10px; left: 10px; } 
#deco_bbx .cir_2 { width: 100px; height: 100px; border-radius: 50%; background: #2d916d; position: absolute; bottom: 10px; right: 10px; } 
/*  */
.title_bx {margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } 
.title_bx .tit {font-family: 'YeogiOttaeJalnan'; font-size: 20px; font-weight: 600; } 
.title_bx .more_btn {line-height: 1.2; font-size: 12px; padding: 4px 0; display: flex;align-items: center;} 
.title_bx .more_btn svg{transition: .2s; flex-shrink: 0; width: 14px; aspect-ratio: 1/1; height: auto;}
.title_bx .more_btn:hover svg{transform: translateX(3px);color: #2d916d;}
/*  */
.map_bbx{width: 100%;}
.map_bbx .map_bx {max-width: 100%; width: var(--content-width); margin: 0 auto; display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; } 
.map_bbx .map_1_bx {justify-content: center; border-radius: 16px; overflow: hidden; width: 100%; height: 100%; background: #eee; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } 
.map_bbx .map_1_bx iframe { width: 100%; height: 100%; }
.map_bbx .map_2_bx { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.map_bbx .map_2_bx .location_section { display: flex; gap: 16px; }
.map_bbx .map_2_bx .info_card {width: 100%; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 12px; padding: 20px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border: 1px solid rgba(45, 145, 109, 0.1); }
.map_bbx .map_2_bx .info_item { display: flex; gap: 12px; align-items: flex-start; }
.map_bbx .map_2_bx .info_item svg { width: 20px; height: 20px; color: #2d916d; flex-shrink: 0; margin-top: 2px; }
.map_bbx .map_2_bx .info_content { flex: 1; }
.map_bbx .map_2_bx .info_label { font-size: 11px; font-weight: 600; color: #2d916d; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 6px; }
.map_bbx .map_2_bx .info_text { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; margin-bottom: 4px; }
.map_bbx .map_2_bx .info_text_sub { font-size: 12px; color: #666; line-height: 1.4; }
.map_bbx .map_2_bx .map_links {align-items: center;justify-content: center; flex-shrink: 0; flex-direction: column; display: flex; gap: 12px; }
.map_bbx .map_2_bx .map_link {box-sizing: border-box; line-height: 1.2; display: flex; align-items: center; gap: 4px; padding: 10px 14px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease; border: 1px solid #ddd; background: #fff; color: #333; }
.map_bbx .map_2_bx .map_link svg {width: 16px; aspect-ratio: 1/1; height: auto; flex-shrink: 0; color: #666; transition: color 0.3s ease; }
.map_bbx .map_2_bx .map_link:hover { background: #f8f8f8; border-color: #2d916d; color: #2d916d; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(45, 145, 109, 0.15); }
.map_bbx .map_2_bx .map_link:hover svg { color: #2d916d; }
.map_bbx .map_2_bx .map_link.kakao_link{border-color: #FEE500; }
.map_bbx .map_2_bx .map_link.naver_link{border-color: #03C75A; }
.map_bbx .map_2_bx .map_link.kakao_link svg{color: #FEE500; }
.map_bbx .map_2_bx .map_link.naver_link svg{color: #03C75A; }
.map_bbx .map_2_bx .map_link.kakao_link:hover { background: #FEE500; border-color: #FEE500; color: #3C1E1E; }
.map_bbx .map_2_bx .map_link.kakao_link:hover svg { color: #3C1E1E; }
.map_bbx .map_2_bx .map_link.naver_link:hover { background: #03C75A; border-color: #03C75A; color: #fff; }
.map_bbx .map_2_bx .map_link.naver_link:hover svg { color: #fff; } 
.map_bbx .map_2_bx .schedule_bx { width: 100%; }
.map_bbx .map_2_bx .schedule_group { display: flex; flex-direction: column; gap: 16px; }
.map_bbx .map_2_bx .schedule_time_group { background: #fff; border-radius: 12px; padding: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); border: 1px solid #f0f0f0; }
.map_bbx .map_2_bx .schedule_time_header { font-size: 18px; font-weight: 700; color: #2d916d; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 2px solid rgba(45, 145, 109, 0.1); }
.map_bbx .map_2_bx .schedule_items { display: flex; flex-direction: column; gap: 12px; }
.map_bbx .map_2_bx .schedule_item { display: flex; flex-direction: column; gap: 4px; }
.map_bbx .map_2_bx .schedule_item .schedule_title { font-size: 14px; font-weight: 600; color: #222; line-height: 1.3; }
.map_bbx .map_2_bx .schedule_item .schedule_location { font-size: 12px; color: #666; line-height: 1.4; }


/* ************************************************************* */
/* 서브 페이지 공통 스타일 */
/* ************************************************************* */

/* 서브 페이지 제목 섹션 */
.sub_title { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 20px; padding: 60px 20px; } 
.sub_title .tit { font-family: 'YeogiOttaeJalnan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 36px; font-weight: 600; color: #2d916d; line-height: 1.3; word-break: keep-all; } 
.sub_title .desc { font-size: 16px; color: #555; line-height: 1.8; word-break: keep-all; max-width: 800px; } 
.sub_title .desc span { display: inline-block; margin-top: 8px; font-size: 14px; color: #888; font-style: italic; } 

/* 서브 페이지 콘텐츠 섹션 */
.sub_content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } 
.sub_content:nth-child(even) { grid-template-columns: 1fr 1fr; } 
/* .sub_content:nth-child(even) .img { order: 2; } 
.sub_content:nth-child(even) .tbx { order: 1; }  */

/* 이미지 영역 */
.sub_content .img { width: 100%; height: auto; aspect-ratio: 16/10; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); background: #f0f0f0; } 
.sub_content .img img { width: 100%; height: 100%; object-fit: cover; display: block; } 

/* 텍스트 박스 영역 */
.sub_content .tbx { display: flex; flex-direction: column; gap: 24px; } 
.sub_content .tbx .tit { font-family: 'YeogiOttaeJalnan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 28px; font-weight: 600; color: #2d916d; line-height: 1.3; word-break: keep-all; } 
.sub_content .tbx .t_fbx { display: flex; flex-direction: column; gap: 16px; } 
.sub_content .tbx .txt_bx { display: flex; flex-direction: column; gap: 20px; } 
.sub_content .tbx .txt_bx span { font-size: 16px; color: #333; line-height: 1.8; word-break: keep-all; } 

/* 이미지가 없는 경우 */
.sub_content:has(.tbx:only-child) { grid-template-columns: 1fr; max-width: 900px; margin-left: auto; margin-right: auto; } 
.sub_content:has(.img:only-child) { grid-template-columns: 1fr; max-width: 1000px; margin-left: auto; margin-right: auto; } 

/* ************************************************************* */
/* 페이지 제목 공통 스타일 */
/* ************************************************************* */
.page_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    padding: 60px 20px 0;
}

.page_title .tit {
    font-family: 'YeogiOttaeJalnan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #2d916d;
    line-height: 1.3;
    word-break: keep-all;
    margin: 0;
}

.page_title .desc {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    word-break: keep-all;
    max-width: 800px;
    margin: 0;
}

/* ************************************************************* */
/* 텍스트 콘텐츠 공통 스타일 */
/* ************************************************************* */
.content_text { margin: 0 auto; }
.content_title { font-family: 'YeogiOttaeJalnan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 32px; font-weight: 600; color: #2d916d; line-height: 1.3; text-align: center; margin-bottom: 40px; word-break: keep-all; }
.content_body { display: flex; flex-direction: column; gap: 24px; }
.content_paragraph { font-size: 16px; color: #333; line-height: 1.9; word-break: keep-all; text-align: justify; }
.content_quote { margin: 0; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-left: 4px solid #2d916d; border-radius: 8px; font-size: 18px; font-style: italic; color: #2d916d; line-height: 1.7; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); }
.content_list { margin: 0; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 16px; }
.content_list li { position: relative; padding-left: 28px; font-size: 16px; color: #333; line-height: 1.9; word-break: keep-all; }
.content_list li::before { content: '•'; position: absolute; left: 0; color: #2d916d; font-size: 20px; font-weight: bold; line-height: 1.9; }
.content_highlight { font-size: 18px; font-weight: 600; color: #2d916d; text-align: center; line-height: 1.8; }
.content_signature { text-align: right; font-size: 16px; color: #666; font-weight: 500; margin-top: 8px; padding-top: 24px; border-top: 1px solid rgba(45, 145, 109, 0.2); }

/* ************************************************************* */
/* 리더 페이지 스타일 - 조직도 형식 */
/* ************************************************************* */
.org_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* 조직도 레벨 */
.org_level {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
    position: relative;
}

.org_level_top {
    margin-bottom: 20px;
}

.org_level_second {
    margin: 20px 0;
    flex-wrap: wrap;
}

.org_level_third {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 60px;
    align-items: flex-start;
}

/* 연결선 */
.org_connector {
    width: 2px;
    background: linear-gradient(180deg, #2d916d 0%, rgba(45, 145, 109, 0.3) 100%);
    position: relative;
    margin: 0 auto;
}

.org_connector_main {
    height: 40px;
}

.org_connector_branch {
    height: 2px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background: linear-gradient(90deg, transparent 0%, #2d916d 20%, #2d916d 80%, transparent 100%);
    position: relative;
}

.org_connector_branch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 30px;
    background: linear-gradient(180deg, #2d916d 0%, rgba(45, 145, 109, 0.3) 100%);
}

/* 리더 카드 */
.org_card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 16px;
    padding: 24px 32px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 2px solid rgba(45, 145, 109, 0.15);
    transition: all 0.3s ease;
    position: relative;
    min-width: 160px;
}

.org_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(45, 145, 109, 0.2);
    border-color: #2d916d;
}

.org_card_main {
    padding: 32px 48px;
    min-width: 220px;
    background: linear-gradient(135deg, #2d916d 0%, #1e6b4f 100%);
    border-color: #2d916d;
    box-shadow: 0 6px 20px rgba(45, 145, 109, 0.3);
}

.org_card_main .org_name {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

.org_card_main .org_role_badge {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.org_card_small {
    padding: 16px 20px;
    min-width: 120px;
    box-sizing: border-box;
}

.org_role_badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2d916d;
    background: rgba(45, 145, 109, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(45, 145, 109, 0.2);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.org_name {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 1.5;
    word-break: keep-all;
}

.org_card_small .org_name {
    font-size: 15px;
}

/* 조직 그룹 */
.org_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    flex: 1;
    min-width: 300px;
}

.org_group_title {
    font-family: 'YeogiOttaeJalnan', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2d916d;
    padding: 8px 20px;
    background: rgba(45, 145, 109, 0.08);
    border-radius: 20px;
    border: 1px solid rgba(45, 145, 109, 0.2);
}

.org_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 16px;
    width: 100%;
    max-width: 600px;
}

/* */
.img_w_100{width: 100%; height: 400px;border-radius: 20px; overflow: hidden;}
.img_w_100 img{width: 100%; height: 100%; object-fit: cover; object-position: 0 90%;}
/* */
/* */
.fwb { font-weight: bold; } 
.p { display: flex; } 
.m { display: none; } 
/* */
@media (max-width: 1024px){
 /* */
 .p { display: none; } 
 .m { display: flex; } 
 /*  */
 main{padding: 50px 0;}
 main > .main{gap: 50px;}
 /*  */
 header.on>.header{top: 0;border-radius: 0; padding: 0;}
 /* */
 .ham_bbx .ham_bx { min-height: 100vh; width: 100%; display: flex; justify-content: center; align-items: flex-start; box-sizing: border-box; } 
 .ham_bbx .menus { justify-content: center; align-items: flex-start; display: flex; flex-direction: column; gap: 30px; margin: auto 0; } 
 .ham_bbx .menus .menu { width: 100%; display: flex; flex-direction: column; gap: 12px; } 
 .ham_bbx .menus .menu:first-child { padding-top: 50px; } 
 .ham_bbx .menus .menu:last-child { padding-bottom: 50px; } 

 header .menus>li a { padding: 4px; } 

 .ham_bbx .menus .title {padding: 0; display: flex; align-items: center; gap: 6px; font-size: 20px; font-weight: 600; } 
 .ham_bbx .menus ol { width: 100%; left: auto; transform: unset; min-width: auto; padding: 0; box-shadow: none; background: transparent; display: flex; flex-direction: column; gap: 6px; position: relative; opacity: 1; pointer-events: none; }
 .ham_bbx.on .menus ol { pointer-events: all; } 

 .ham_bbx .menus ol li { font-size: 16px; cursor: pointer; } 
 .ham_bbx .menus ol li::after { content: ''; transition: .2s; display: block; width: 0%; height: 2px; background: #222; } 
 .ham_bbx .menus ol li.on::after,
 .ham_bbx .menus ol li:hover::after { width: 100%; } 
 .ham_bbx .menus ol li a { padding: 4px; width: 100%; display: flex; } 
 .ham_bbx .menus ol li.on a,
 .ham_bbx .menus ol li a:hover { background: transparent; } 
 /* */
 .ham_bbx {pointer-events: none; display: flex; overflow-y: auto; background: #fafafa; width: 100%; height: 100vh; transition: .3s ease-in-out; position: fixed; top: 0; left: 0; opacity: 0; z-index: 999999; } 
 .ham_bbx.on { pointer-events: auto; opacity: 1; z-index: 999999; } 
 body:has(.ham_bbx.on) { overflow: hidden; } 
 /* */
 .ham_btn { padding: 4px; display: flex; flex-direction: column; gap: 5px; cursor: pointer; } 
 .ham_btn span { display: block; border-radius: 5px; width: 20px; height: 2px; background: #000000; position: relative; transition: .2s; left: 0; } 
 .ham_btn:hover span:nth-child(1) { width: 18px; } 
 .ham_btn:hover span:nth-child(2) { left: 3px; } 
 /* */
 .ham_bbx .x_btn { transition: .3s; position: fixed; top: 10px; right: 20px; height: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
 .ham_bbx .x_btn:hover { transform: rotate(90deg); } 
 .ham_bbx .x_btn svg { width: 30px; aspect-ratio: 1/1; height: auto; } 
 header .menus>li a.home_btn{display: flex;}

 /*  */
 .youtube_title { font-size: 14px; min-height: 40px; } 
 .youtube_date { font-size: 12px; } 
 /*  */
 .map_bbx{height: auto;}
 .map_bbx .map_bx { grid-template-columns: 1fr; gap: 24px; width: 100%;} 
 .map_bbx .map_1_bx{height: 240px;}
 .map_bbx .map_2_bx { gap: 16px; } 
 .map_bbx .map_2_bx .location_section { gap: 12px; flex-wrap: wrap;}
 .map_bbx .map_2_bx .info_card { padding: 16px; }
 .map_bbx .map_2_bx .info_item svg { width: 18px; height: 18px; }
 .map_bbx .map_2_bx .info_label { font-size: 10px; }
 .map_bbx .map_2_bx .info_text { font-size: 13px; }
 .map_bbx .map_2_bx .info_text_sub { font-size: 11px; }
 .map_bbx .map_2_bx .map_links {width: 100%; flex-direction: column; gap: 8px; }
 .map_bbx .map_2_bx .map_link { width: 100%; justify-content: center; }
 .map_bbx .map_2_bx .schedule_group { gap: 12px; }
 .map_bbx .map_2_bx .schedule_time_group { padding: 14px; }
 .map_bbx .map_2_bx .schedule_time_header { font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; }
 .map_bbx .map_2_bx .schedule_items { gap: 10px; }
 .map_bbx .map_2_bx .schedule_item .schedule_title { font-size: 13px; }
 .map_bbx .map_2_bx .schedule_item .schedule_location { font-size: 11px; }
 
 /* Footer Mobile Styles */
 footer{padding: 20px 0;}
 footer .logo{height: 30px;}
 footer .footer_top { grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px;} 
 footer .footer_info_grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px;} 
 footer .footer_left { text-align: left; align-items: flex-start; } 
 footer .footer_right { justify-content: flex-start; } 
 footer .sns_bx { justify-content: flex-start; } 
 footer .copyright_bx { flex-direction: column; text-align: center; gap: 8px; } 

 footer .info_content{flex-direction: column; gap: 0;}
 footer .info_label{line-height: 1.2;}
 footer .footer_bottom{padding-top: 20px;}

 /* 페이지 제목 모바일 스타일 */
 .page_title {
     padding: 40px 20px 30px;
     margin-bottom: 30px;
     gap: 12px;
 }

 .page_title .tit {
     font-size: 28px;
 }

 .page_title .desc {
     font-size: 14px;
     line-height: 1.6;
 }

 /* 서브 페이지 모바일 스타일 */
 .sub_title {
     padding: 40px 20px;
     margin-bottom: 30px;
     gap: 16px;
 }

 .sub_title .tit {
     font-size: 24px;
 }

 .sub_title .desc {
     font-size: 14px;
     line-height: 1.6;
 }

 .sub_title .desc span {
     font-size: 12px;
     margin-top: 6px;
 }

 .sub_content {
     grid-template-columns: 1fr;
     gap: 30px;
     margin-bottom: 50px;
 }

 .sub_content:nth-child(even) {
     grid-template-columns: 1fr;
 }

 .sub_content:nth-child(even) .img {
     order: 1;
 }

 .sub_content:nth-child(even) .tbx {
     order: 2;
 }

 .sub_content .img {
     aspect-ratio: 16/9;
     border-radius: 12px;
 }

 .sub_content .tbx {
     gap: 20px;
 }

 .sub_content .tbx .tit {
     font-size: 22px;
 }

 .sub_content .tbx .t_fbx {
     gap: 14px;
 }

 .sub_content .tbx .txt_bx {
     gap: 16px;
 }

 .sub_content .tbx .txt_bx span {
     font-size: 14px;
     line-height: 1.7;
 }

 /* 텍스트 콘텐츠 모바일 스타일 */
 .content_text {
     padding: 30px 16px;
 }

 .content_title {
     font-size: 24px;
     margin-bottom: 30px;
 }

 .content_body {
     gap: 20px;
 }

 .content_paragraph {
     font-size: 14px;
     line-height: 1.8;
 }

 .content_quote {
     padding: 16px 20px;
     font-size: 16px;
     line-height: 1.6;
 }

 .content_list {
     gap: 14px;
 }

 .content_list li {
     font-size: 14px;
     line-height: 1.8;
     padding-left: 24px;
 }

 .content_highlight {
     font-size: 16px;
     line-height: 1.7;
 }

 .content_signature {
     font-size: 14px;
     padding-top: 20px;
 }

 /* 리더 페이지 모바일 스타일 */
 .org_container {
     /* padding: 30px 16px; */
     gap: 0;
     width: 100%;
 }

 .org_level {
     gap: 20px;
 }

 .org_level_third {
     gap: 40px;
     flex-direction: column;
 }

 .org_connector_main {
     height: 30px;
 }

 .org_connector_branch {
     height: 20px;
     max-width: 100%;
 }

 .org_card {
     padding: 20px 24px;
     min-width: 140px;
 }

 .org_card_main {
     padding: 24px 32px;
     min-width: 180px;
 }

 .org_card_main .org_name {
     font-size: 20px;
 }

 .org_card_small {
     padding: 14px 16px;
     min-width: 100px;
 }

 .org_role_badge {
     font-size: 11px;
     padding: 3px 10px;
     margin-bottom: 10px;
 }

 .org_name {
     font-size: 16px;
 }

 .org_card_small .org_name {
     font-size: 14px;
 }

 .org_group {
     min-width: 100%;
     gap: 16px;
 }

 .org_group_title {
     font-size: 18px;
     padding: 6px 16px;
 }

 .org_list {
     grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
     gap: 12px;
     max-width: 100%;
 }
}

/* ************************************************************* */
/* 헌금 페이지 - 미니멀 스타일 */
/* ************************************************************* */
.donation_container {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.donation_section {
    margin-bottom: 60px;
}

.donation_section:last-of-type {
    margin-bottom: 40px;
}

.section_title {
    font-size: 20px;
    font-weight: 600;
    color: #2d916d;
    margin: 0 0 24px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.section_desc {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    margin: 0 0 20px 0;
}

.account_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.account_item {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.account_item:last-child {
    border-bottom: none;
}

.account_label {
    font-size: 14px;
    color: #888;
    min-width: 80px;
}

.account_number,
.account_bank,
.account_holder {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.account_number {
    letter-spacing: 0.5px;
}

.guide_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.guide_list li {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    padding: 8px 0;
}

.guide_list strong {
    color: #2d916d;
    font-weight: 600;
    margin-right: 4px;
}

.donation_notice {
    margin-top: 40px;
    padding: 16px;
    background: #f8f9fa;
    border-left: 3px solid #2d916d;
}

.donation_notice p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ************************************************************* */
/* 반응형 스타일 */
/* ************************************************************* */
@media (max-width: 1024px) {
    .donation_container {
        padding: 0 16px;
    }

    .donation_section {
        margin-bottom: 50px;
    }

    .section_title {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .section_desc {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .account_item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px 0;
    }

    .account_label {
        min-width: auto;
        font-size: 13px;
    }

    .account_number,
    .account_bank,
    .account_holder {
        font-size: 15px;
    }

    .guide_list li {
        font-size: 14px;
    }

    .donation_notice {
        margin-top: 32px;
        padding: 14px;
    }

    .donation_notice p {
        font-size: 13px;
    }
}