@font-face {
    font-family: 'HsBombaram20';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/HSBombaram.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.f_point{font-family: 'HsBombaram20';}
a:focus{outline:none;}

.p_top_3{padding-top:3rem;}.p_bottom_3{padding-bottom:3rem;}
.p_top_4{padding-top:4rem;}.p_bottom_4{padding-bottom:4rem;}
.p_top_5{padding-top:5rem;}.p_bottom_5{padding-bottom:5rem;}
.p_top_6{padding-top:6rem;}.p_bottom_6{padding-bottom:6rem;}
.p_top_8{padding-top:8rem;}.p_bottom_8{padding-bottom:8rem;}

.hero_sec {position: relative; padding:5rem 0;}
.hero_sec_title {font-weight: 700; line-height: 1.35; margin: 0 0 2rem 0; word-break: keep-all;}
.hero_sec_divider {width: 3rem; height: 0.2rem; background-color: #d8c49e; margin-bottom: 2rem;}
.hero_sec_desc {line-height: 1.8; margin: 0; word-break: keep-all;}
.box_overlay::before {content: "";position: absolute;inset: 0;background:rgb(0, 0, 0, 0.7);z-index: 1;}
.hero_overlay::before {content: "";position: absolute;inset: 0;background: linear-gradient(0deg, rgb(0, 0, 0, 0.7), transparent);z-index: 1;}
.hero_overlay, .box_overlay{color:#fff;}
.hero_overlay .row, .box_overlay .row {z-index: 2;}

/*-------------------------------
  인사말
 -------------------------------*/

/* SECTION 2. 인사말 본문 */
.greeting_body_row {display: grid;grid-template-columns: 8fr 4fr;gap: 3rem;}
.greeting_body_row #component3040{width:100%;}
.greeting_body {background-color: #ffffff;}
.greeting_body_text p {font-size:1.1rem;color: #1b1c1c; line-height: 1.9; margin: 0 0 1.5rem 0; word-break: keep-all;}
.greeting_body_text p:last-child {margin-bottom: 0;}
.greeting_body_strong {font-weight: 700; color: #002545;}

/* 우측 담임목사 프로필 */
.greeting_pastor {display: flex; flex-direction: column; gap: 1.5rem;}
.greeting_pastor_image {width: 100%; overflow: hidden;}
.greeting_pastor_image img {width: 100%; height: auto; display: block; }
.greeting_pastor_info {display: flex; flex-direction: column; gap: 0.6rem;}
.greeting_pastor_date {color: #6b5d3e; margin: 0; font-weight: 500;}
.greeting_pastor_church {color: #1b1c1c; margin: 0; font-weight: 500;}
.greeting_pastor_name {display: flex;align-items: stretch; gap: 0.8rem; padding-top: 0.5rem; margin-bottom: 1rem;}
.greeting_pastor_role {color: #1b1c1c; font-weight: 700;}
.greeting_pastor_signature {color: #002545; font-weight: 700; letter-spacing: -0.02em;line-height: 1;}
.greeting_pastor_edu {list-style: none; padding: 1.5rem 0 0 0; margin: 0; border-top: 1px solid rgba(195,198,207,0.5); display: flex; flex-direction: column; gap: 0.6rem;align-items: flex-start;}
.greeting_pastor_edu li {color: #43474e; position: relative; padding-left: 0.9rem; line-height: 1.5;}
.greeting_pastor_edu li::before {content: ""; position: absolute; left: 0; top: 0.55rem; width: 0.35rem; height: 0.35rem; background-color: #d8c49e; border-radius: 50%;}
/* SECTION 3. 성경구절 배너 */
.greeting_scripture {position: relative; background-color: #f5f3f3;}

.greeting_scripture .container {position: relative; z-index: 2;}
.greeting_scripture_inner {text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}
.greeting_scripture_quote {font-size: 3rem; color: #d8c49e; line-height: 1; font-weight: 700; opacity: 0.6;}
.greeting_scripture_text {color: #002545; font-weight: 500; line-height: 1.7; margin: 0; word-break: keep-all; max-width: 50rem; border: none; padding: 0; font-style: normal;}
.greeting_scripture_source {color: #6b5d3e; font-weight: 500; letter-spacing: 0.05em; font-style: normal;}

/*-------------------------------
  비전사명
 -------------------------------*/
/*QUOTE 섹션*/
.vision_quote {text-align:center;}
.vision_quote_mark {color:#c8c8c8; line-height:1; margin-bottom:1.5rem; font-family:serif;}
.vision_quote_title {color:#c6daff; margin:0 0 1.5rem;}
.vision_quote_divider {width:3rem; height:2px; background:#ccc; margin:0 auto 2rem;}
.vision_quote_sub {margin:0 0 2.5rem;}
.vision_quote_verse {display:inline-block; border:1px solid #c6daff; padding:1.2rem 2rem; margin-bottom:3.5rem;}
.vision_quote_verse_ref {margin-left:0.5rem;}
.vision_quote_text {line-height:1.9; max-width:42rem; margin:0 auto;}

/*-------------------------------
  연혁
 -------------------------------*/
/* SECTION 2. 연혁 탭 */
.history_section {background-color: #ffffff;}
.history_tab_wrap {width: 100%;}

/* 탭 메뉴 */
.history_tabmenu {display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; margin:5rem 0 3rem 0; padding: 0; justify-content: flex-start; border-bottom: 1px solid #e4e2e2; padding-bottom: 1.5rem;}
.history_tabmenu li {margin: 0;}
.history_tabmenu li a {display: inline-block; padding: 0.6rem 1.4rem; color: #6b6b6b; background-color: transparent; border: 1px solid #d8d8d8; border-radius: 2rem; text-decoration: none; transition: all 0.25s; font-weight: 500;}
.history_tabmenu li a:hover {color: #002545; border-color: #002545;}
.history_tabmenu li.active a {color: #ffffff; background-color: #002545; border-color: #002545;}

/* 탭 컨텐츠 */
.history_tabcontent {min-height: 20rem;}
.history_year_title {color: #002545; font-weight: 700; margin: 0 0 2rem 0; padding-bottom: 1rem;  display: inline-block;}

/* 연혁 테이블 */
.history_table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.history_col_date {width: 12rem;}
.history_col_content {width: auto;}
.history_table tr {border-bottom: 1px solid #e4e2e2;}
.history_table tr:first-child {border-top: 1px solid #43474e;}
.history_table th {padding: 1.5rem 1rem; vertical-align: top; text-align: left; color: #002545; font-weight: 700; letter-spacing: 0.02em;}
.history_table td {padding: 1.5rem 1rem; vertical-align: top; color: #43474e; line-height: 1.7; word-break: keep-all;}
/*-------------------------------
  예배안내
 ------------------------------*/
/* 예배안내 표  */
.worship_table_head {display:flex; align-items:center; gap:0.8rem; margin-bottom:1.2rem;}
.worship_table_bar {display:inline-block; width:4px; height:1.4rem; background:#1F2F4D;}
.worship_table_title {color:#1a1a1a; margin:0;}
.worship_table_eng {color:#b4a388;}
.worship_table {width:100%; border-collapse:collapse; border-top:2px solid #1F2F4D; border-bottom:1px solid #ddd;}
.nxt_table{background:#fff;}
.worship_table th {background:#f7f7f5; color:#1a1a1a; font-weight:700; padding:1rem; text-align:center; border-bottom:1px solid #ddd;}
.worship_table td {padding:1rem; text-align:center; color:#444; border-bottom:1px solid #eee;}
.worship_table tbody tr:last-child td {border-bottom:none;}
.worship_table tbody tr:hover {background:#fafafa;}
/*-------------------------------
  섬기는분들 페이지 (원형 사진 + WIDE 섹션)
 ------------------------------*/

/* ============ 담임목사 영역 (좌:사진 / 우:약력) ============ */
.pastor_photo_wrap {width: 100%; display: flex; justify-content: center; align-items: center;}
.pastor_photo {width: 100%; max-width: 22rem; aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; background-color: #f3f4f6; border: 1px solid #ececec;}
.pastor_info_wrap {padding: 1rem 0 0 1rem; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.pastor_name {color: #1a3b5d; font-weight: 700; margin: 0 0 2rem 0; letter-spacing: -0.02em;}
.pastor_bio_head {display: inline-flex; flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem;}
.pastor_bio_label {color: #1a3b5d; font-weight: 700; padding-bottom: 0.5rem; letter-spacing: 0.02em;}
.pastor_bio_underline {width: 2rem; height: 2px; background-color: #1a3b5d;}
.pastor_bio_text {color: #4b5563; line-height: 1.9; margin: 0 0 1.5rem 0; word-break: keep-all;}
.pastor_mail {color: #9ca3af; margin-top: 30px; letter-spacing: 0.02em;}

/* ============ 카테고리 헤더 (중앙 정렬 + 밑줄) ============ */
.staff_cat_head_center {text-align: center; margin-bottom: 3.5rem; display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.staff_cat_title {color: #1a3b5d; font-weight: 700; margin: 0; letter-spacing: -0.02em;}
.staff_cat_under {width: 3rem; height: 2px; background-color: #1a3b5d; display: block;}

/* ============ 중앙 정렬용 래퍼 (카드 개수가 적을 때) ============ */
.grid_center_wrap {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0;}

/* ============ 인물 카드 (원형 사진) ============ */
.person_box {margin: 0; display: inline-block; width: 100%; padding: 1rem;}
.person_img {padding: 0; display: flex; justify-content: center;}
.person_img img {width: 100%; max-width: 14rem; aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; background-color: #f3f4f6; border: 1px solid #ececec;}
.person_txt_wrap {width: 100%;}
.person_txt {margin: 1.4rem 0 0 0; text-align: center;}
.person_name {color: #1a3b5d; font-weight: 700; margin: 0 0 0.4rem 0; letter-spacing: -0.02em;}
.person_mail {color: #9ca3af; margin: 0 0 0.6rem 0; letter-spacing: 0.02em;word-break: break-all;}
.person_role {color: #6b7280; line-height: 1.6; margin: 0; }

/* ============ 장로 카드 (원형 사진) ============ */
.elder_box {margin: 0; display: inline-block; width: 100%; padding: 0.8rem;}
.elder_img {padding: 0; display: flex; justify-content: center;}
.elder_img img {width: 100%; max-width: 10rem; aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; background-color: #f3f4f6; border: 1px solid #ececec;}
.elder_txt_wrap {width: 100%;}
.elder_txt {margin: 1rem 0 0 0; text-align: center;}
.elder_name {color: #1a3b5d; font-weight: 500; margin: 0; word-break: keep-all; letter-spacing: -0.02em;}

/* ============ 반응형 - 노트북 ============ */
@media (max-width: 1199px) {
    .pastor_photo {max-width: 20rem;}
    .person_img img {max-width: 13rem;}
    .elder_img img {max-width: 9rem;}
}

/* ============ 반응형 - 태블릿 ============ */
@media (max-width: 992px) {
    .pastor_info_wrap {padding: 2rem 0 0 0; text-align: center; align-items: center;}
    .pastor_bio_head {align-items: center;}
    .pastor_bio_text {text-align: center;}
    .pastor_bio_text br {display: none;}
    .pastor_photo {max-width: 18rem;}
    .person_img img {max-width: 12rem;}
    .elder_img img {max-width: 8.5rem;}
}

/* ============ 반응형 - 모바일 ============ */
@media (max-width: 767px) {
    .pastor_photo {max-width: 15rem;}
    .pastor_name {margin-bottom: 1.5rem;}
    .pastor_bio_text {line-height: 1.8;}
    .staff_cat_head_center {margin-bottom: 2.5rem;}
    .person_box {padding: 0.5rem;}
    .person_img img {max-width: 10rem;}
    .elder_box {padding: 0.5rem;}
    .elder_img img {max-width: 7rem;}
    .person_txt {margin-top: 1rem;}
    .elder_txt {margin-top: 0.7rem;}
}

/*-------------------------------
  전도회 기관 소개
 -------------------------------*/

/*  인트로  */
.community_intro {text-align:center; max-width:48rem; margin:0 auto; padding:3rem 0 1rem;}
.community_intro_title {color:#002545; margin:0 0 1.5rem;}
.community_intro_divider {width:3rem; height:3px; background:#002545; margin:0 auto 1.5rem;}
.community_intro_desc {color:#43474e; line-height:1.7; margin:0;}

/*  카드 공통  */
.community_row {display:flex; flex-wrap:wrap; align-items:stretch;}
.community_card {padding:2.5rem 2rem; border-top:2px solid #002545; margin-top:2rem;}
.community_card_head {display:flex; align-items:center; gap:0.8rem; padding:0rem 0 1rem;}
.community_icon {width:2.6rem; height:2.6rem; background:#002545; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.community_icon svg {width:1.4rem; height:1.4rem; color:#fff;}
.community_card_title {color:#002545; margin:0;}
.community_card_text {color:#43474e; line-height:1.8; margin:0;}

/*  남성목장 내부 그리드  */
.community_card_grid {display:grid; grid-template-columns:1fr 3fr; gap:2rem;}
.community_sub_title {color:#002545; font-weight:700; letter-spacing:0.05em; display:flex; align-items:center; gap:0.5rem; margin:0 0 1rem;}
.community_dot {display:inline-block; width:0.4rem; height:0.4rem; background:#002545;}
.community_list {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0.5rem;}
.community_list li {color:#1b1c1c; counter-increment:item; position:relative; padding-left:1.6rem;}
.community_list li::before {content:counter(item) "."; color:#002545; font-weight:700; position:absolute; left:0;}
.community_list {counter-reset:item;}

/*  강조 박스 (남전도회)  */
.community_card_feature {background:#f5f3f3; padding-top:2.5rem; padding-bottom:2.5rem;}
.community_card_feature .community_card_text,
.community_card_feature .community_card_head {padding-left:2rem; padding-right:2rem;}
.community_feature_inner {display:grid; grid-template-columns:1fr 2fr; gap:3rem; align-items:center;padding:3rem 0;}
.community_feature_right {border-left:1px solid rgba(0,37,69,0.2); padding:0 2rem; position:relative;}
.community_quote_mark {position:absolute; top:-1rem; left:1rem; font-size:3.5rem; color:rgba(0,37,69,0.2); font-family:serif; line-height:1;}
.community_quote_text {color:#002545; line-height:1.8; margin:1.5rem 0 1rem;}
.community_quote_ref {color:#43474e; display:block; text-align:right;}

/*  연합 카드 (배경 강조)  */
.community_card_alt {background:rgba(0,37,69,0.05);}








/*-------------------------------
  시설안내
 -------------------------------*/
 .facility_row {display:flex; flex-wrap:wrap;}
.facility_card {margin-bottom:2.5rem; cursor:pointer;}
.facility_img {width:100%; aspect-ratio:16/10; overflow:hidden; border:1px solid #e4e2e2; margin-bottom:1rem; background:#f5f3f3;}
.facility_img img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s;}
.facility_card:hover .facility_img img {transform:scale(1.05);}
.facility_caption {text-align:center; color:#1b1c1c; margin:0; transition:color 0.3s;}
.facility_card:hover .facility_caption {color:#002545;}



/*-------------------------------
  오시는길
 -------------------------------*/

/*지도 영역 */
.location_map_box {width: 100%; border: 1px solid #e4e2e2; background: #f8f9fa; overflow: hidden;}
.location_map {width: 100%; height: 480px; background: #e4e2e2; display: flex; align-items: center; justify-content: center; color: #999;}
#daumRoughmapContainer1779861292993 .cont {display: none;}

/*정보 카드 (개별 박스) */
.location_info_wrap {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;padding:3rem 0;}
.location_info_wrap .dimode-unit{height:100%;}
.location_info_wrap #component3040{width:100%; height:100%;}
.location_info_card {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2.5rem 1.5rem; border: 1px solid #e4e2e2; background: #ffffff; gap: 1rem; height: 100%; min-height: 16rem;}
.location_info_icon {width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; color: #b4a17a; border: 1px solid #e8e0cf; border-radius: 50%; background: #fbf8f1; flex-shrink: 0;}
.location_info_icon svg {width: 1.6rem; height: 1.6rem;}
.location_info_label {color: #b4a17a; margin: 0.3rem 0 0 0; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;}
.location_info_text {color: #1b1c1c; margin: 0; line-height: 1.7; word-break: keep-all; letter-spacing: 0.01em;}
.location_info_text strong {color: #1a3b5d; font-weight: 700;}

/* ============ 반응형 - 노트북 ============ */
@media (max-width: 1199px) {
    .location_map {height: 420px;}
    .location_info_card {padding: 2rem 1.2rem; min-height: 15rem;}
}

/* ============ 반응형 - 태블릿 ============ */
@media (max-width: 992px) {
    .location_map {height: 360px;}
    .location_info_card {padding: 2.2rem 1.2rem; min-height: 14rem;}
     .location_info_wrap {grid-template-columns:1fr 1fr;}
}

/* ============ 반응형 - 모바일 ============ */
@media (max-width: 767px) {
    .location_map {height: 260px;}
     .location_info_wrap {grid-template-columns:1fr;}
    .location_info_card {padding: 1.8rem 1rem; min-height: auto; gap: 0.7rem;}
    .location_info_icon {width: 3rem; height: 3rem;}
    .location_info_icon svg {width: 1.3rem; height: 1.3rem;}
}



/*-------------------------------
  교회학교
 -------------------------------*/
 .preschool_info_icon .material-symbols-outlined {
  font-size: 2rem;
  color: #002545;
  line-height: 1;
  font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 24;
}
/*  기본 정보 카드  */
.preschool_info_row {display:flex; flex-wrap:wrap; align-items:stretch; justify-content: center;max-width:90rem;}
.preschool_info_card {text-align:center; padding-top:2.5rem; padding-bottom:2.5rem; border-right:1px solid #c3c6cf;}
.preschool_info_card:last-child {border-right:none;}
.preschool_info_icon {display:flex; justify-content:center; margin-bottom:1rem;}
.preschool_info_icon svg {width:2rem; height:2rem; color:#002545;}
.preschool_info_label {color:#002545; letter-spacing:0.1em; font-weight:600; margin:0 0 0.5rem;}
.preschool_info_value {color:#1b1c1c; margin:0;}

/*  섹션 공통 헤더  */
.preschool_section_head {text-align:center; margin-bottom:3rem;}
.preschool_section_title {color:#002545; margin:0 0 1rem;}
.preschool_section_divider {width:3rem; height:3px; background:#002545; margin:0 auto;}

/*  교육목표  */
.preschool_goal_text {max-width:48rem; margin:0 auto; text-align:center;}
.preschool_goal_text p {color:#1b1c1c; line-height:2; margin:0;}

/*  실천목표  */
.preschool_practice_grid {display:grid; grid-template-columns:1fr 1fr; gap:2.5rem 3rem; max-width:64rem; margin:0 auto;}
.preschool_practice_item {display:flex; flex-direction:column; gap:0.8rem;}
.preschool_practice_title {color:#002545; display:flex; align-items:center; gap:0.6rem; margin:0;}
.preschool_bar {display:inline-block; width:3px; height:1.1rem; background:#002545;}
.preschool_practice_text {color:#43474e; line-height:1.7; margin:0;}


/* 이미지 */
.nxt_img  img{aspect-ratio:1/1;object-fit:cover;}

/*  새가족 등록안내  */
.preschool_register_inner {display:flex; align-items:center; justify-content:center; gap:2.5rem; flex-wrap:wrap;}
.preschool_register_center{text-align:center;}
.preschool_register_title {color:#fff; margin:0 0 1rem;}
.preschool_register_desc {color:rgba(255,255,255,0.8); line-height:1.7; margin:0;}
.preschool_register_btns {display:flex; gap:1rem; flex-wrap:wrap;}
.preschool_btn {display:inline-block; padding:1rem 2rem; text-decoration:none; letter-spacing:0.03em; font-weight:700; transition:all 0.3s;}
.preschool_btn_white {background:#fff; color:#002545;}
.preschool_btn_white:hover {background:#f5f3f3;}
.preschool_btn_outline {border:1px solid #fff; color:#fff;}
.preschool_btn_outline:hover {background:rgba(255,255,255,0.1);}
/* 고등부 - 교육목표 목록 */
.goal_list { list-style: none; padding: 0; margin: 0 auto; max-width: 48rem; display: flex; flex-direction: column; gap: 0.9rem; text-align: left; }
.goal_list li { color: #1b1c1c; position: relative; padding-left: 1.2rem; line-height: 1.7; }
.goal_list li::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 0.35rem; height: 0.35rem; background-color: #002545; border-radius: 50%; }

/* 고등부 - info 2분할 */
.info_2col .preschool_info_card { border-right: 1px solid #c3c6cf; }
.info_2col .preschool_info_card:last-child { border-right: none; }
/* 청년부 SNS 링크 카드 */
.youth_sns_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
.youth_sns_card { border: 1px solid #e4e2e2; padding: 1.8rem 1.2rem; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 0.8rem; transition: border-color 0.25s; }
.youth_sns_card:hover { border-color: #002545; }
.youth_sns_icon { width: 2.8rem; height: 2.8rem; background-color: #002545; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.youth_sns_icon svg { width: 1.3rem; height: 1.3rem; color: #fff; }
.youth_sns_title { color: #002545; font-weight: 700; margin: 0; word-break: keep-all; }
.youth_sns_desc { color: #6b7280; margin: 0; line-height: 1.5; word-break: keep-all; }

/* 청년부 사역계획 */
.youth_plan_block { max-width: 52rem; margin: 0 auto; }
.youth_plan_foundation { border-left: 3px solid #d8c49e; padding-left: 1.5rem; margin-bottom: 2.5rem; }
.youth_plan_ref { color: #002545; font-weight: 700; margin: 0 0 0.5rem 0; }
.youth_plan_verse { color: #43474e; line-height: 1.8; margin: 0 0 0.5rem 0; word-break: keep-all; }
.youth_plan_verse_en { color: #6b7280; line-height: 1.7; margin: 0 0 1rem 0; word-break: keep-all; }
.youth_plan_arrow { color: #002545; font-weight: 700; margin: 0; }
.youth_plan_section { margin-bottom: 2rem; }
.youth_plan_label { color: #002545; font-weight: 700; margin: 0 0 0.8rem 0; display: flex; align-items: center; gap: 0.5rem; }
.youth_plan_label_dot { display: inline-block; width: 0.4rem; height: 0.4rem; background: #d8c49e; border-radius: 50%; flex-shrink: 0; }
.youth_plan_text { color: #43474e; line-height: 1.8; margin: 0; word-break: keep-all; }
.youth_plan_list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.youth_plan_list li { color: #43474e; line-height: 1.7; padding-left: 1.2rem; position: relative; word-break: keep-all; }
.youth_plan_list li::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 0.3rem; height: 0.3rem; background: #d8c49e; border-radius: 50%; }

/* 청년부 섬기는 분들 섹션 헤더 */
.youth_staff_head { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #002545; display: flex; align-items: center; gap: 0.8rem; }
.youth_staff_head_title { color: #002545; font-weight: 700; margin: 0; }
.youth_staff_sub { color: #6b7280; margin: 0 0 1.5rem 0; line-height: 1.7; word-break: keep-all; }

/* 청년부 목자단 카드 그리드 */
.youth_mok_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 1.5rem; }
.youth_mok_card { border: 1px solid #e4e2e2; padding: 1.5rem; }
.youth_mok_name { color: #002545; font-weight: 700; margin: 0 0 0.4rem 0; }
.youth_mok_pastor { color: #6b5d3e; font-weight: 600; margin: 0 0 0.3rem 0; }
.youth_mok_member { color: #6b7280; margin: 0; }

/* 청년부 임원단 표 상단 정보 */
.youth_leader_row { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; padding: 1.5rem; background: rgba(0, 37, 69, 0.04); border-left: 3px solid #002545; }
.youth_leader_item { display: flex; flex-direction: column; gap: 0.3rem; }
.youth_leader_label { color: #6b7280; font-weight: 600; letter-spacing: 0.05em; }
.youth_leader_value { color: #002545; font-weight: 700; }


/*-------------------------------
  교회앞전도
 -------------------------------*/
/*  주중 전도 모임 헤더  */
.evangel_head {border-left:4px solid #002545; padding-left:1.5rem; margin-bottom:1.5rem;}
.evangel_head_title {color:#002545; margin:0 0 0.5rem;}
.evangel_head_desc {color:#43474e; margin:0;}

/*  주중 전도 모임 카드  */
.evangel_card_box {display:flex;flex-wrap:wrap;border:1px solid #e5e5e5;padding:30px;background:#fff;}
.evangel_card {border:none !important;text-align:center;}
.evangel_card + .evangel_card {border-left:1px solid #e5e5e5 !important;}
.evangel_card_icon {width:4rem; height:4rem;border:1px solid #d9cdb6;border-radius:50%;display:flex; align-items:center; justify-content:center;margin:0 auto 1.2rem;}
.evangel_card_icon svg { width:1.6rem; height:1.6rem; color:#1F2F4D; }

/*  전도팀 안내 테이블  */
.evangel_table_heading {color:#1b1c1c; padding-bottom:1rem; margin:0 0 2rem;}
.evangel_table_wrap {overflow-x:auto;}
.evangel_table {width:100%; border-collapse:collapse;}
.evangel_table th {background:#002545; color:#fff; text-align:left; padding:1.3rem 1.8rem; font-weight:700;}
.evangel_table td {padding:1.6rem 1.8rem; border-bottom:1px solid #c3c6cf; text-align:left;}
.evangel_table tbody tr:last-child td {border-bottom:1px solid #002545;}
.evangel_table tbody tr:hover {background:#f5f3f3;}
.evangel_day {color:#002545; font-weight:700;}
.evangel_team {color:#1b1c1c;}
.evangel_dept {color:#43474e;}
/* 선교사파송 - 카드 공통 */
.mission_card_wrap { padding-bottom: 1.5rem; }
.mission_card_box { border: 1px solid #e4e2e2; padding: 4vw; display: grid; grid-template-columns: 2fr 4fr; gap: 4rem; align-items: center;}
.mission_card_img { padding: 0; margin: 0 0 1.2rem; }
.mission_card_img img { width: 100%; display: block; object-fit: cover; aspect-ratio: 4 / 5; background-color: #f3f4f6; }

/* 선교사 텍스트 영역 */
.mission_txt { text-align: left; }
.mission_name { color: #002545; font-weight: 700; margin: 0 0 0.6rem 0; }
.mission_slogan { color: #6b5d3e; font-weight: 600; margin: 0 0 0.5rem 0; line-height: 1.6; word-break: keep-all; }
.mission_verse { color: #43474e; line-height: 1.8; margin: 0 0 1.2rem 0; word-break: keep-all; border-left: 3px solid #d8c49e; padding-left: 1rem; }
.mission_verse_ref { color: #6b5d3e; font-weight: 600; display: block; margin-top: 0.4rem; }
.mission_meta { list-style: none; padding: 1.2rem 0 0 0; margin: 0; border-top: 1px solid rgba(195, 198, 207, 0.5); display: flex; flex-direction: column; gap: 0.5rem; }
.mission_meta li { color: #43474e; position: relative; padding-left: 0.9rem; line-height: 1.5; }
.mission_meta li::before { content: ""; position: absolute; left: 0; top: 0.55rem; width: 0.35rem; height: 0.35rem; background-color: #d8c49e; border-radius: 50%; }
.mission_meta_label { color: #002545; font-weight: 700; margin-right: 0.4rem; }

/* 선교사 카드 간격 */
.mission_section_gap { margin-top: 3rem; }

/* 협력선교사 테이블 섹션 */
.mission_coop_verse { color: #6b5d3e; font-weight: 600; border-left: 3px solid #d8c49e; padding-left: 1rem; margin: 0 0 2.5rem 0; line-height: 1.8; word-break: keep-all; }
.mission_coop_verse_ref { color: #002545; font-weight: 700; margin-left: 0.5rem; }
.mission_group_label { background-color: rgba(0, 37, 69, 0.04); color: #002545; font-weight: 700; padding: 0.8rem 1.8rem; letter-spacing: 0.05em; border-bottom: 1px solid #c3c6cf; }
.mission_group_label td { border-bottom: none !important; padding: 0.8rem 1.8rem !important; color: #002545 !important; font-weight: 700 !important; background-color: rgba(0, 37, 69, 0.04); }
/* 성경대학 */
.bible_intro_box { border-left: 4px solid #d8c49e; padding: 1.5rem 2rem; background: #fdfcf9; margin-bottom: 2rem; }
.bible_intro_quote { color: #6b5d3e; font-weight: 700; line-height: 1.7; margin: 0 0 1rem; word-break: keep-all; }
.bible_intro_text { color: #43474e; line-height: 1.9; margin: 0; word-break: keep-all; }
.bible_purpose_list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.bible_purpose_list li { color: #1b1c1c; line-height: 1.7; padding-left: 1.2rem; position: relative; }
.bible_purpose_list li::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 0.35rem; height: 0.35rem; background: #d8c49e; border-radius: 50%; }
.bible_step_num { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: #002545; color: #fff; font-weight: 700; font-size: 0.9rem; margin-bottom: 0.75rem; flex-shrink: 0; }
.bible_step_list { list-style: none; padding: 0; margin: 0.75rem 0 0; display: flex; flex-direction: column; gap: 0.5rem; }
.bible_step_list li { color: #43474e; line-height: 1.7; padding-left: 1rem; position: relative; }
.bible_step_list li::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 0.3rem; height: 0.3rem; background: #002545; border-radius: 50%; }

/* 과목 그리드 래퍼 */
.sbject_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.sbject_wrap  .bible_subject_item { flex: 1; background: #f5f3f3; border-left: 3px solid #d8c49e; padding: 1rem 1.2rem; color: #1b1c1c; line-height: 1.6; word-break: keep-all; box-sizing: border-box;height:100%;}
.sbject_wrap  .dimode-component{width:100%;height:100%;}
.sbject_wrap   .dimode-unit{height:100%;}
/* 각 카드 */
.bible_subject_item { background: #f5f3f3; border-left: 3px solid #d8c49e; padding: 1rem 1.2rem; color: #1b1c1c; line-height: 1.6; word-break: keep-all; box-sizing: border-box; }

/* community_row 범용 규칙 유지 */
.community_row .dimode-unit { height: 100%; }
 .community_icon .material-symbols-outlined {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 24;
}




/*-------------------------------
  주차안내
 -------------------------------*/
/* SECTION 2. 재개발 안내 박스 */
.parking_notice_box {border-left: 0.5rem solid #002545;padding: 1rem 0 1rem 2.5rem;}
.parking_notice_title {color: #002545; font-weight: 700; margin: 0 0 2.5rem 0; letter-spacing: -0.02em; word-break: keep-all;}
.parking_notice_body {display: flex; flex-direction: column; gap: 2rem;}
.parking_notice_desc {color: #43474e; line-height: 1.85; margin: 0; word-break: keep-all;}
.parking_notice_strong {color: #002545; font-weight: 700; line-height: 1.7; margin: 0; word-break: keep-all;}
.parking_notice_line {display: block; width: 100%; height: 1px; background-color: #e4e2e2;}

/* SECTION 3. 봉사기관 안내 */
.parking_service_title {color: #002545; font-weight: 700; text-align: center; margin: 0 0 2rem 0; letter-spacing: -0.02em;}
.parking_service_card {height: 100%; border: 1px solid rgba(0, 37, 69, 0.2); padding: 2.5rem; background-color: #ffffff;}
.parking_service_head {margin-bottom: 2rem;}
.parking_service_eyebrow {display: block; color: #002545; font-weight: 700; letter-spacing: 0.2em; margin-bottom: 0.6rem; text-transform: uppercase;}
.parking_service_name {color: #002545; font-weight: 700; margin: 0;}
.parking_service_desc {color: #43474e; line-height: 1.8; margin: 0 0 2.5rem 0; word-break: keep-all;}
.parking_service_list {list-style: none; padding: 0; margin: 0;}
.parking_service_item {display: flex; align-items: center; gap: 1rem; padding: 0.85rem 0; border-bottom: 1px solid rgba(228, 226, 226, 0.6);}
.parking_service_item_last {border-bottom: none;}
.parking_service_num {color: #002545; font-weight: 700; flex-shrink: 0;}
.parking_service_text {color: #1b1c1c; font-weight: 500;}
.commu_info_wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
.commu_info_wrap  .col-sm-6, .commu_info_wrap  .dimode-unit{width:100%;height:100%;}




@media (max-width: 1199px) {
	/* 인사말 */
    .greeting_pastor_signature {font-size: 1.75rem;}
	.sub16 #component7960{padding:50px 0px !important;}
	/* 연혁 */
	.history_hero {min-height: 22rem;}
    .history_tabmenu li a {padding: 0.5rem 1.1rem;}
	/* 섬기는분들 */
	 .staff_page_title {margin-bottom: 1.2rem;}
	/* 전도회 기관 소개 */
	 .community_hero {min-height:400px;}
  .community_feature_inner {gap:2rem;}
	/* 교회학교 */
	.preschool_hero {min-height:480px;}
	/* 전도활동 */
	.evangel_hero {min-height:400px;}
	/* 주차안내 */
	.parking_hero {padding: 6rem 0;}

}


@media (max-width: 992px) {

	/* 인사말 */
    .greeting_body_row {grid-template-columns:1fr; gap:1.8rem;}
    .greeting_pastor {flex-direction: row; align-items: flex-start; gap: 2rem; margin-top: 2rem;}
    .greeting_pastor_image {width: 40%; flex-shrink: 0;}
    .greeting_pastor_info {flex: 1;width: 100%;}
	/* 연혁 */
    .history_col_date {width: 9rem;}
    .history_table th, .history_table td {padding: 1.2rem 0.8rem;}
	/* 예배안내 */
	 .worship_visual_inner {max-width:70%;}
	 /* 섬기는분들 */
	   .staff_cat_head {margin-bottom: 1.5rem;}
    .staff_lead_info {padding: 1.5rem 0 0 0;}
    .person_box {padding: 1.5vh;}
	/* 연혁 */
	.worship_bottom_inner {max-width:85%;}
	/* 전도회 기관 소개 */
	 .community_card_grid {grid-template-columns:1fr; gap:1.8rem;}
  .community_feature_inner {grid-template-columns:1fr; gap:2rem;}
  .community_feature_right {border-left:none; border-top:1px solid rgba(0,37,69,0.2); padding:2rem 0 0;}
  .community_quote_mark {top:0.5rem; left:0;}
  .bible_subject_wrap { grid-template-columns: repeat(2, 1fr); }
	/* 교회시설 */
	.facility_card {margin-bottom:2rem;}
	/* 교회학교 */
	.preschool_hero {min-height:420px;}
  .preschool_practice_grid {gap:2rem;}
   .youth_sns_grid { grid-template-columns: repeat(2, 1fr); }
  .youth_mok_grid { grid-template-columns: repeat(2, 1fr); }
	/* 전도활동 */
	.evangel_card {padding-top:2.5rem; padding-bottom:2.5rem;}
  .evangel_table th, .evangel_table td {padding:1.2rem 1rem;}
  /* 주차안내 */
    .parking_service_card {height: auto; padding: 2rem; margin-bottom: 1.5rem;}
    .parking_notice_box {padding-left: 2rem;}
    .parking_cta_box {padding: 3rem 2rem;}
	.commu_info_wrap {grid-template-columns: 1fr;}
}



@media (max-width: 767px) {
	#component8414{padding:50px 0px !important;}
	/* 인사말 */
    .greeting_body_text p {line-height: 1.8;}
    .greeting_pastor {flex-direction: column; gap: 1.5rem;}
    .greeting_pastor_image {width: 60%; margin: 0 auto;}
	.greeting_pastor_date, .greeting_pastor_church{text-align: center;}
	.greeting_pastor_name{justify-content: center;}
	.greeting_pastor_edu{align-items: center;}

    .greeting_scripture_text {line-height: 1.7;}
    .greeting_scripture_quote {font-size: 2.5rem;}
	/* 비전사명 */
	 .vision_quote_verse {padding:1rem 1.2rem;}
	 /* 섬기는분들 */
	  .staff_page_head {padding: 1rem 0;}
    .staff_cat_head {gap: 0.6rem; margin-bottom: 1.2rem;}
    .staff_cat_label {padding: 0.35rem 1rem;}
    .person_box {padding: 1.2rem;}
    .person_txt {margin-top: 1rem;}
	/* 연혁 */
    .history_tabmenu {gap: 0.4rem; padding-bottom: 1rem; margin-bottom: 2rem;}
    .history_tabmenu li a {padding: 0.4rem 0.9rem; font-size: 0.85rem;}
    .history_year_title {margin-bottom: 1.5rem;}
    .history_table, .history_table tbody, .history_table tr, .history_table th, .history_table td {display: block; width: 100%;}
    .history_col_date, .history_col_content {width: 100%;}
    .history_table tr {padding: 1.2rem 0;}
    .history_table th {padding: 0 0 0.5rem 0; font-size: 1.05rem;}
    .history_table td {padding: 0;}
	/* 예배안내 */
	.worship_table th, .worship_table td {padding:0.7rem 0.4rem;}
	.worship_table_head {flex-wrap:wrap;}
	/* 전도회 기관 소개 */
	.sbject_wrap{grid-template-columns: repeat(2, 1fr);gap:1rem;}
	.sbject_wrap .dimode-component{padding:0 !important;}
	.community_card{width: 100%;}
	.community_card_head{align-items: baseline;}
	.community_card_feature {padding-left:1rem; padding-right:1rem;}
	.community_card_feature .community_card_text,
	.community_card_feature .community_card_head {padding-left:0; padding-right:0;}
	.community_intro {padding:1.5rem 0 0.5rem;}
	.mission_card_box { padding: 6vw; }
    .mission_card_img { margin-bottom: 1.5rem; }
    .mission_section_gap { margin-top: 2rem; }
	
	
	/* 교회시설 */
	 .facility_img {aspect-ratio:16/11;}
	.facility_card {margin-bottom:1.5rem;}
	/* 교회학교 */
	.nxt_img  img{aspect-ratio:6/3;object-fit:cover;}
	  .preschool_info_card {border-right:none; padding-top:2rem; padding-bottom:2rem;}
	  .preschool_info_card:last-child {border-bottom:none;}
	  .preschool_practice_grid {grid-template-columns:1fr; gap:1.8rem;}
	  .preschool_register_inner {flex-direction:column; ;}
	  .preschool_register_btns {width:100%;}
	  .preschool_btn {flex:1; text-align:center;}
	   .goal_list { max-width: 100%; }
	  .info_2col .preschool_info_card { border-right: none; border-bottom: 1px solid #c3c6cf; }
	  .info_2col .preschool_info_card:last-child { border-bottom: none; }
	   .youth_sns_grid { grid-template-columns: 1fr; gap: 0.8rem; }
	  .youth_mok_grid { grid-template-columns: 1fr; }
	  .youth_plan_block { max-width: 100%; }
	  .youth_leader_row { flex-direction: column; gap: 1rem; }
	  .preschool_info_icon .material-symbols-outlined {font-size: 1.8rem;}
  
	/* 전도활동 */
	
	.evangel_card + .evangel_card {border-left:none !important;/* border-top:1px solid #e5e5e5 !important; */}
	  .evangel_card {border-right:none; border-bottom:1px solid #c3c6cf; padding-top:2rem; padding-bottom:2rem;}
	  .evangel_card:last-child {border-bottom:none;}
	  .evangel_table th, .evangel_table td {padding:1rem 0.7rem; font-size:0.9rem;}
	    .bible_intro_box { padding: 1.2rem; }
.bible_subject_wrap { grid-template-columns: 1fr; }
.community_icon .material-symbols-outlined {font-size: 1.8rem;}
.evangel_card_box{justify-content: center;margin: 0 15px;}
	  /* 주차안내 */
    .parking_notice_box {border-left-width: 0.4rem; padding-left: 1.5rem;}
    .parking_notice_title {margin-bottom: 1.8rem;}
    .parking_notice_body {gap: 1.5rem;}
    .parking_service_title {margin-bottom: 2.5rem;}
    .parking_service_card {padding: 1.8rem 1.5rem;}
    .parking_service_desc {margin-bottom: 1.8rem;}
}