@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

.t_white{color:#fff;}

.page-content{padding:0px 0px 80px;word-break:keep-all;}

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

.grid_1_1{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.grid_4_8{display:grid;grid-template-columns:4fr 8fr;gap:4rem;}
.grid_8_4{display:grid;grid-template-columns:8fr 4fr;gap:4rem;}
.grid_4_1fr{display:grid;grid-template-columns:(4, 1fr);gap:3rem;}
.grid-item{align-items: center;}

.yd_hero {min-height: 55vh; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; position: relative;}
.yd_hero::before {content: ""; position: absolute; inset: 0; background: rgba(27,27,38,0.45);}
.yd_hero_inner {position: relative; z-index: 2; text-align: center; margin: 0 auto;}
.yd_hero_eyebrow {display: block; color: #fafafa; opacity: 0.85; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 1.25rem;    margin-top: 1.25rem;}
.yd_hero_title {color: #fafafa; font-weight: 700; line-height: 1.25; margin-bottom: 1.5rem;}
.yd_hero_desc {color: #fafafa; opacity: 0.9; line-height: 1.6; margin-bottom: 2.5rem;}




/*=======교회소개=======*/
.yd_greeting {align-items: center;}
.yd_greeting_text {display: flex; flex-direction: column; gap: 1rem;}
.yd_label {color: #303E60; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; display: block;}
.yd_greeting_title {color: #121212; font-weight: 700; line-height: 1.35; margin: 0.5rem 0 1rem;}
.yd_body {color: #5d5d5d; line-height: 1.7;}
.yd_greeting_img img {width: 100%; height: auto; aspect-ratio: 8/7; object-fit: cover; display: block;}

.yd_values {background: #f4f3f1;}
.yd_values_head {text-align: center; padding-top:6rem;}
.yd_value_title{color: #121212; font-weight: 700;line-height:1.5;}
.yd_values_title {color: #121212; font-weight: 700;line-height:1.75;}
.yd_values_bar {display: block; width: 4rem; height: 0.25rem; background: #303E60; margin: 1rem auto 0;}
.yd_sticky_wrapper {position: relative; height: 300vh;}
.yd_sticky_container {position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center;}
.yd_sticky_stage {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; height: 60vh;}
.yd_sticky_item {position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.6s ease, visibility 0.6s, transform 0.8s cubic-bezier(0.22,1,0.36,1);}
.yd_sticky_item.active {opacity: 1; visibility: visible; transform: translateY(0);}
.yd_sticky_item.prev {opacity: 0; visibility: hidden; transform: translateY(-20px);}
.yd_value_img img {width: 100%; height: auto; aspect-ratio: 8/9; object-fit: cover; display: block;}
.yd_value_text {display: flex; flex-direction: column; gap: 1rem;}
.yd_value_num {color: rgba(48,62,96,0.2); font-weight: 700; display: block; line-height: 1;}
.yd_value_title {color: #121212; font-weight: 700;}

.yd_closing {position: relative; background-size: cover; background-position: center; min-height: 60vh; display: flex; align-items: center;}
.yd_closing_a::before {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,18,18,0.85) 0%, rgba(18,18,18,0.55) 55%, rgba(18,18,18,0.15) 100%);} 

.yd_closing .container {position: relative; z-index: 1;}
.yd_closing_text {display: flex; flex-direction: column; gap: 1.5rem;}
.yd_closing_title { font-weight: 700; line-height: 1.4;}
.yd_closing_desc {opacity:0.82; line-height: 1.8;}
.yd_closing_b {background-attachment: fixed;}

.yd_closing_c {background: #1B1B26; min-height: auto;}
.yd_closing_final {text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; max-width: 60rem; margin: 0 auto;}
.yd_closing_eyebrow {color: #5d5d5d; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; display: block;}
.yd_closing_final_title {color: #fafafa; font-weight: 700; line-height: 1.5;}


@media (max-width: 992px) {
  .yd_closing_b {background-attachment: scroll;}
}

@media (max-width: 767px) {
  .yd_sticky_wrapper {height: auto;}
  .yd_sticky_container {position: static; height: auto; display: block;}
  .yd_sticky_stage {position: static; height: auto; padding: 0; display: flex; flex-direction: column; gap: 3rem;}
  .yd_sticky_item {position: static; inset: auto; display: block; opacity: 1; visibility: visible; transform: none; transition: none;}
  .yd_sticky_item.prev {opacity: 1; visibility: visible; transform: none;}
  .yd_value_num {font-size: 3rem;}
  .yd_closing {min-height: 50vh;}
  .yd_closing_a::before, .yd_closing_b::before {background: rgba(18,18,18,0.72);}
  .yd_closing_final_title {color: #fafafa; font-weight: 700; line-height: 1.5; font-size: 21px !important;}
  .yd_hero_desc {color: #fafafa; opacity: 0.9; line-height: 1.6; margin-bottom: 0rem;}
}


/*=======예배안내=======*/
.yd_ws_list {padding: 0 15px;}
.yd_ws_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem 2rem;padding-top: 3rem;}
.yd_ws_col {padding: 0;}
.yd_ws_card {display: flex; flex-direction: column; gap: 1rem; height: 100%; padding: 0.5rem 0;}
.yd_ws_card_head {display: flex; align-items: flex-start; gap: 1rem;}
.yd_ws_thumb img {width: 6rem; height: 6rem; border-radius: 9999px; object-fit: cover; border: 1px solid rgba(195,200,192,0.4); display: block;}
.yd_ws_num {color: #303E60; font-weight: 700; letter-spacing: 0.2em; display: block; margin-bottom: 0.15rem;}
.yd_ws_name {color: #121212; font-weight: 600;}
.yd_ws_info {padding-left: 0.75rem; border-left: 1px solid rgba(195,200,192,0.4); display: flex; flex-direction: column; gap: 0.75rem;    margin-top: 1.5rem;}
.yd_ws_row {display: flex; align-items: center; gap: 0.6rem;}
.yd_ws_ic {color: #5d5d5d; font-size: 1.125rem; flex-shrink: 0;}
.yd_ws_time_txt {color: #121212; font-weight: 700; line-height: 1.6; margin: 0;}
.yd_ws_place {color: #5d5d5d; margin: 0;}


@media (max-width: 992px) {
  .yd_ws_grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 767px) {
  .yd_ws_hero {min-height: 300px;}
  .yd_ws_grid {grid-template-columns: 1fr; gap: 2rem;}
}

/*=======섬기는사람들=======*/
.p_bar_2 {padding: 1.5rem 0;}
.people_grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem 1.875rem;margin-bottom: 3rem;}
.img_box_p img {height: auto;aspect-ratio: 6/ 8;}
.img_box img {display: block;width: 100%;object-fit: cover;}
.people_card .sub_title {margin: 0 0 0.5rem;}
.people_name {font-weight: 700;letter-spacing: -0.03em;line-height: 1.3;color: #121212;}
.people_card {display: flex;flex-direction: column;padding-top: 1rem;}
.sub_title {display: block;margin: 0 0 1.75rem;font-weight: 700;color: #6C99C8;}
.people_duty {display: block; margin-top: 0.625rem; color: #666666; line-height: 1.6; word-break: keep-all;}
.people_stack {display: flex; flex-direction: column; gap: 3.5rem;}
.sec_title{font-weight:600;}
@media (max-width: 1199px) {
  .people_grid {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 992px) {
  .people_stack {gap: 2.5rem;}
  .sub_title {margin: 0 0 1.25rem;}
}

@media (max-width: 767px) {
  .people_grid {grid-template-columns: repeat(2, 1fr); gap: 1.75rem 1rem;}
  .people_stack {gap: 2rem;}
  .people_card {padding-top: 1rem;}
}


/*=======새가족 안내=======*/

.yd_nf_head {text-align: center; margin-bottom: 4rem;}
.yd_nf_head_title {color: #121212; font-weight: 600; margin-bottom: 1rem;}
.yd_nf_head_bar {display: block; width: 4rem; height: 0.25rem; background: #303E60; margin: 0 auto;}
.yd_nf_head_desc {color: #5d5d5d; max-width: 42rem; margin: 0 auto; line-height: 1.6;}

.yd_nf_steps {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative;}
.yd_nf_step {text-align: center; display: flex; flex-direction: column; align-items: center; position: relative;}
.yd_nf_step::after {content: ""; position: absolute; top: 2rem; left: 50%; width: 100%; height: 1px; background: #c5c5c5; z-index: 0;}
.yd_nf_step:last-child::after {display: none;}
.yd_nf_step_ico {position: relative; z-index: 1; width: 4rem; height: 4rem; border-radius: 9999px; background: #fafafa; border: 1px solid #303E60; color: #303E60; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; transition: all 0.3s ease;}
.yd_nf_step_ico .material-symbols-outlined {font-size: 1.75rem;}
.yd_nf_step:hover .yd_nf_step_ico {background: #303E60; color: #fafafa;}
.yd_nf_step_label {color: #303E60; font-weight: 700; display: block; margin-bottom: 0.5rem;}
.yd_nf_step_title {color: #121212; font-weight: 600; margin-bottom: 0.75rem;}
.yd_nf_step_desc {color: #5d5d5d; line-height: 1.6;}

.yd_nf_cards {display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}
.yd_nf_card {background: #ffffff; padding: 2rem;  border: 1px solid #c3c8c0; transition: border-color 0.3s ease;}
.yd_nf_card:hover {border-color: #303E60;}
.yd_nf_card_full {grid-column: 1 / -1;}
.yd_nf_card_head {display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;}
.yd_nf_card_ico {width: 3rem; height: 3rem; background: #f4f3f1; border-radius:50%;display: flex; align-items: center; justify-content: center; color: #303E60; flex-shrink: 0;}
.yd_nf_card_title {color: #121212; font-weight: 600;}
.yd_nf_card_desc {color: #5d5d5d; line-height: 1.7;}

.yd_nf_table {margin-top: 2rem; border: 1px solid #c3c8c0; overflow: hidden;}
.yd_nf_table_head {display: grid; grid-template-columns: 1fr 3fr; background: #f4f3f1;}
.yd_nf_table_th {padding: 0.5rem 1rem; color: #121212; font-weight: 700;}
.yd_nf_table_row {display: grid; grid-template-columns: 1fr 3fr; border-top: 1px solid #c3c8c0;}
.yd_nf_table_wk {padding: 0.5rem 1rem; color: #5d5d5d; font-weight: 700;}
.yd_nf_table_cur {padding: 0.5rem 1rem; color: #121212;}
.yd_nf_btn {display: inline-flex; align-items: center; gap: 0.5rem; padding: 1rem 2.25rem; border-radius: 9999px; border: 1px solid #0e1f3d; background: #0e1f3d; color: #ffffff; font-weight: 700; letter-spacing: 0.02em; text-decoration: none; transition: background 0.4s ease, color 0.4s ease;}
.yd_nf_btn:hover, .yd_nf_btn:focus {background: #ffffff; color: #0e1f3d; text-decoration: none;}
.yd_nf_btn_ico {font-size: 1.125rem; transition: transform 0.4s ease;}
.yd_nf_btn:hover .yd_nf_btn_ico {transform: translate(0.2rem, -0.2rem);}
.yd_nf_btn_hero {border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.12); color: #ffffff;}
.yd_nf_btn_hero:hover, .yd_nf_btn_hero:focus {background: #ffffff; border-color: #ffffff; color: #0e1f3d;}
.yd_nf_cta {margin-top: 4rem; text-align: center;}
.yd_nf_cta_txt {color: #5d5d5d; margin: 0 0 1.25rem;}


@media (max-width: 992px) {
  .yd_nf_steps {grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem;}
  .yd_nf_step::after {display: none;}
}

@media (max-width: 767px) {
  .yd_nf_steps {grid-template-columns: 1fr;}
  .yd_nf_cards {grid-template-columns: 1fr;}
  .yd_nf_card {padding: 1.5rem;}
    .yd_nf_btn {padding: 0.9rem 1.75rem;}
  .yd_nf_btn_hero {        margin-top: 1rem;
        margin-bottom: 1rem;}
  .yd_nf_cta {margin-top: 3rem;}
}

/*=======교회역사=======*/
/* 타임라인 */
.yd_hi_timeline {position: relative; max-width: 1100px; margin: 0 auto;}
.yd_hi_line {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 2px; height: 100%; background: linear-gradient(to bottom, transparent, #303E60 10%, #303E60 90%, transparent);}
.yd_hi_item {position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding:2rem 0;}
.yd_hi_item:last-child {margin-bottom: 0;}
.yd_hi_right {flex-direction: row-reverse;}
.yd_hi_year {width: 45%;}
.yd_hi_left .yd_hi_year {text-align: right;}
.yd_hi_right .yd_hi_year {text-align: left;}
.yd_hi_year_txt {color: #303E60; font-weight: 700; margin: 0;}
.yd_hi_dot {flex-shrink: 0; width: 1rem; height: 1rem; border-radius: 9999px; background: #303E60; border: 4px solid #fafafa; z-index: 1;}
.yd_hi_card {width: 45%; padding: 2rem; background: #f5f9fd; border-radius: 0.75rem; border: 1px solid rgba(195,200,192,0.4);}
.yd_hi_year_m {display: none; color: #303E60; font-weight: 700; margin: 0 0 1rem;}

.yd_hi_card .history_table {width: 100%; border: none; margin: 0;}
.yd_hi_card .history_table tr:last-child {border-bottom: none;}
.yd_hi_card .history_table th {text-align: left; vertical-align: top; color: #303E60; font-weight: 700; white-space: nowrap; padding: 0.65rem 1rem 0.65rem 0; width: 7.5rem;}
.yd_hi_card .history_table td {text-align: left; vertical-align: top; color: #5d5d5d; line-height: 1.6; padding: 0.65rem 0;}


@media (max-width: 992px) {
  .yd_hi_hero {min-height: 30rem;}
}
@media (max-width: 767px) {
  .yd_hi_line {left: 0.5rem;}
  .yd_hi_item, .yd_hi_right {flex-direction: column; align-items: stretch;}
  .yd_hi_year {display: none;}
  .yd_hi_dot {position: absolute; left: 0.5rem; top: 1.75rem; transform: translateX(-50%);}
  .yd_hi_card {width: 100%; margin-left: 2rem;}
  .yd_hi_year_m {display: block;}
  .yd_hi_date {min-width: 4.5rem;}
}
/*=======교회둘러보기=======*/
/*=======오시는길=======*/

.yd_loc_addr {border: 1px solid #e0e0e0; padding: 2.5rem; display: flex; align-items: flex-start; gap: 1.5rem;}
.yd_loc_addr_ico {width: 4rem; height: 4rem; border-radius: 9999px; background: rgba(48,62,96,0.1); color: #303E60; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.yd_loc_addr_ico .material-symbols-outlined {font-size: 1.75rem;}
.yd_loc_addr_title {color: #121212; font-weight: 700; margin-bottom: 1rem;}
.yd_loc_addr_line {color: #5d5d5d; display: flex; align-items: center; gap: 0.5rem; line-height: 1.6; margin-bottom: 0.5rem;}
.yd_loc_addr_line .material-symbols-outlined {color: #303E60; font-size: 1.25rem; flex-shrink: 0;}

.yd_loc_cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.yd_loc_card {background: #f5f5f5; padding: 2rem; transition: transform 0.3s ease;}
.yd_loc_card:hover {transform: translateY(-5px);}
.yd_loc_card_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;}
.yd_loc_card_ico {width: 3rem; height: 3rem; background: #fff; display: flex; align-items: center; justify-content: center; color: #303E60;border-radius:50%;}
.yd_loc_card_ico .material-symbols-outlined {font-size: 1.75rem;}
.yd_loc_card_tag {background: rgba(48,62,96,0.1); color: #303E60; padding: 0.35rem 1rem; border-radius: 9999px; font-weight: 700;}
.yd_loc_card_title {color: #121212; font-weight: 600; margin-bottom: 1.5rem;}
.yd_loc_steps {display: flex; flex-direction: column; gap: 1.25rem;}
.yd_loc_step {display: flex; gap: 1rem; align-items: flex-start;}
.yd_loc_step_no {width: 1.5rem; height: 1.5rem; border-radius: 9999px; background: #303E60; color: #fafafa; font-size: 0.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 0.2rem;}
.yd_loc_step_desc {color: #5d5d5d; line-height: 1.6;}
.yd_loc_step_desc strong {color: #121212;}

@media (max-width: 992px) {
  .yd_loc_cards {grid-template-columns: 1fr;}
}

@media (max-width: 767px) {
  .yd_loc_addr {flex-direction: column; align-items: center; text-align: center; padding: 2rem;}
  .yd_loc_addr_line {justify-content: center;}
}

/*=======교구=======*/
.yd_mk_sec {position: relative; background: #ffffff;}
.yd_mk_card {background: #f8fafe; padding: 3rem 3.5rem;}
.yd_mk_split {display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start;}
.yd_mk_split2 {display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: center;}
.yd_mk_table > .yd_mk_td {color: #5d5d5d; line-height: 1.8; margin: 0;}
.yd_mk_head {display: flex; flex-direction: column;}
.yd_mk_num {color: #303E60; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; display: block; margin-bottom: 1rem;}
.yd_mk_name {color: #121212; font-weight: 700; margin: 0 0 0.75rem; line-height: 1.2;}
.yd_mk_leader {color: #5d5d5d; margin: 0; line-height: 1.5;}
.yd_mk_tbl {width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0;}
.yd_mk_tbl th, .yd_mk_tbl td {padding: 1.15rem 1rem; text-align: left; vertical-align: middle;}
.yd_mk_th {color: #303E60; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; padding-bottom: 0.75rem; border-bottom: 1px solid #d5d5d1;}
.yd_mk_tbl tbody tr {border-bottom: 1px solid #e2e2de; transition: background 0.4s ease;}
.yd_mk_tbl tbody tr:last-child {border-bottom: none;}
.yd_mk_tbl tbody tr:hover {background: #e8ebf2;}
.yd_mk_td {color: #5d5d5d; line-height: 1.4;}
.yd_mk_td_key {color: #121212; font-weight: 700;}

.navtabs .subnav.nav-tabs {display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: stretch; border-bottom: 1px solid rgba(29,79,145,0.14); margin: 0 0 0.5rem; padding: 0;}
.navtabs .subnav.nav-tabs::before, .navtabs .subnav.nav-tabs::after {display: none !important;}
.navtabs .subnav.nav-tabs > li {float: none; margin: 0; position: relative;}
.navtabs .subnav.nav-tabs > li > a {display: block; margin: 0; padding: 0.85rem 1.5rem; border: 0; border-radius: 0; background: transparent; color: #6f88a3; font-size: 1rem; font-weight: 500; letter-spacing: 0.01em; white-space: nowrap; line-height: 1.4; transition: color 0.2s ease;}
.navtabs .subnav.nav-tabs > li > a::after {content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #123c8b; transform: scaleX(0); transform-origin: center; transition: transform 0.28s cubic-bezier(0.22,1,0.36,1);}
.navtabs .subnav.nav-tabs > li > a:hover, .navtabs .subnav.nav-tabs > li > a:focus {color: #1d4f91; background: transparent; border: 0;}
.navtabs .subnav.nav-tabs > li.active > a, .navtabs .subnav.nav-tabs > li.active > a:hover, .navtabs .subnav.nav-tabs > li.active > a:focus {color: #123c8b; font-weight: 700; background: transparent; border: 0; cursor: default;}
.navtabs .subnav.nav-tabs > li.active > a::after {transform: scaleX(1);}
.navtabs .subnav.nav-tabs > li > a:focus-visible {outline: 2px solid #1d4f91; outline-offset: -4px;}
.navtabs .tab-content {padding: 2.5rem 0 0 !important;}


@media (max-width: 1199px) {
  .yd_mk_card {padding: 2.5rem;}
  .yd_mk_split, .yd_mk_split2 {gap: 3rem;}
}
@media (max-width: 992px) {
  .yd_mk_split {grid-template-columns: 1fr; gap: 2rem;}
  .yd_mk_card {padding: 2.25rem 2rem;}
}
@media (max-width: 767px) {
  .yd_mk_card {padding: 2rem 1.25rem; border-radius: 0.75rem;}
  .yd_mk_split, .yd_mk_split2 {gap: 1.75rem;}
  .yd_mk_tbl th, .yd_mk_tbl td {padding: 1rem 0.5rem;}
  .navtabs .subnav.nav-tabs {gap: 0; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.navtabs .subnav.nav-tabs::-webkit-scrollbar {display: none;}
.navtabs .subnav.nav-tabs > li > a {padding: 0.75rem 1.1rem; font-size: 0.92rem;}
.navtabs .tab-content {padding: 1.75rem 0 0 !important;}
}




/*=======요람에서무덤까지=======*/
.youth_img .slidesub img {aspect-ratio: 10 / 6;object-fit: cover;}

.lc_sec {align-items: center;}

.lc_img img {width: 100%; height: auto; object-fit: cover; display: block;}
.lc_img_square img {aspect-ratio: 1/1;}

.lc_text {display: flex; flex-direction: column; gap: 1.25rem;}
.lc_tag {display: inline-block; align-self: flex-start; padding: 0.35rem 1rem; background: rgba(48,62,96,0.1); color: #303E60; border-radius: 9999px; font-weight: 700; letter-spacing: 0.05em;}
.lc_title {color: #121212; font-weight: 700; line-height: 1.3;}
.lc_desc {color: #5d5d5d; line-height: 1.7;}
.lc_birth_list {list-style:none; margin:0 0 2.5rem; padding:0; display:flex; flex-direction:column; gap:1rem;}
.lc_birth_item {display:flex; align-items:center; gap:0.85rem; color:#121212; line-height:1.6;}
.lc_birth_item::before {content:""; width:0.4rem; height:0.4rem; border-radius:9999px; background:#303E60; flex-shrink:0;}

.lc_birth_item .lc_birth_ico .material-symbols-outlined {font-size:1.1rem;}

.lc_birth_note {background:#f5f5f5; padding:2rem 2.25rem;}
.lc_birth_note_label {display:inline-flex; align-items:center; gap:0.5rem; color:#303E60; font-weight:700; margin-bottom:0.85rem;}
.lc_birth_note_label .material-symbols-outlined {font-size:1.25rem;}
.lc_birth_note_text {color:#5d5d5d; line-height:1.7;}
.lc_birth_note_text strong {color:#121212; font-weight:700;}


.lc_full_head {text-align: center; max-width: 48rem; margin: 0 auto 3rem; display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.lc_full_head .lc_tag {align-self: center;}

.lc_blocks {display: flex; flex-direction: column; gap: 2rem;}
.lc_block {background: #f5f5f5;  padding: 2.5rem;}
.lc_block_title {color: #121212; font-weight: 700; margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid #303E60;}
.lc_block_desc {color: #5d5d5d; line-height: 1.7; margin: 0 0 1.5rem;}
.lc_block_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem;}
.lc_sub {display: flex; flex-direction: column; gap: 0.5rem;}
.lc_sub_mt {margin-top: 1.5rem;}
.lc_sub_title {color: #303E60; font-weight: 700; margin: 0 0 0.5rem;}
.lc_sub_title_mt {margin-top: 1.25rem;}
.lc_sub_item {color: #5d5d5d; line-height: 1.7; margin: 0; padding-left: 1rem; position: relative;}
.lc_sub_item::before {content: ""; position: absolute; left: 0; top: 0.65rem; width: 4px; height: 4px; border-radius: 9999px; background: #303E60;}



.lc_funeral_wide .dimode-sort.row.container {position:relative; z-index:1;}
.lc_funeral_inner {display:flex; flex-direction:column;}
.lc_tag_light { font-weight:700; letter-spacing:0.15em; text-transform:uppercase; opacity:0.85; display:block; margin-bottom:1rem;}
.lc_full_title_light {font-weight:700; line-height:1.2; margin-bottom:1rem;}
.lc_full_desc_light {opacity:0.85; line-height:1.7; max-width:760px; margin-bottom:3rem;}
.lc_funeral_grid {display:grid; grid-template-columns:repeat(2,1fr); gap:2rem;}
.lc_funeral_block {background:rgba(250,250,250,0.06); border:1px solid rgba(250,250,250,0.16); padding:2.5rem;}
.lc_block_title_light {font-weight:700; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid rgba(250,250,250,0.16);}
.lc_block_note {opacity:0.75; line-height:1.7; margin-bottom:1.75rem;}
.lc_sub {margin-bottom:1.75rem;}
.lc_sub:last-child {margin-bottom:0;}
.lc_sub_title_light {font-weight:600; margin-bottom:0.5rem;}
.lc_sub_desc_light {opacity:0.8; line-height:1.8;}
.lc_ref_box {margin-top:2.5rem; background:#1B1B26; border:1px solid rgba(250,250,250,0.12);  padding:1.75rem 2rem;}
.lc_ref_text {opacity:0.85; line-height:1.7;}

@media (max-width:992px) {
  .lc_funeral_grid {grid-template-columns:1fr;}
}
@media (max-width:767px) {
  .lc_funeral_block {padding:2rem;}
  .lc_ref_box {padding:1.5rem;}
}

@media (max-width:992px) {
  .lc_funeral_grid {grid-template-columns:1fr;}
}
@media (max-width:767px) {
  .lc_funeral_block {padding:2rem;}
  .lc_ref_box {padding:1.5rem;}
}



.lc_ref {display: flex; align-items: flex-start; gap: 0.75rem; background: #1B1B26;  padding: 1.75rem 2rem;}
.lc_ref .material-symbols-outlined {color: #fafafa; flex-shrink: 0;}
.lc_ref_text {color: #fafafa; line-height: 1.7; margin: 0;}

@media (max-width: 992px) {
  .lc_block_grid {grid-template-columns: 1fr;}
}

@media (max-width: 767px) {
  .lc_hero {min-height: 55vh;}
  .lc_block {padding: 1.75rem;}
}

/*=======성경공부=======*/
.lc_tag {display: inline-block; padding: 0.35rem 1rem; background: rgba(48,62,96,0.1); color: #303E60; border-radius: 9999px; font-weight: 700; letter-spacing: 0.05em;}
.lc_title {color: #121212; font-weight: 700; line-height: 1.3;}
.lc_desc {color: #5d5d5d; line-height: 1.7;}

.lc_full_head {text-align: center; max-width: 48rem; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1rem;}

.lc_block {height: 100%; background: #f5f5f5; padding: 2.5rem;}
.lc_block_title {color: #303E60; font-weight: 700; margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid #303E60;}
.lc_sub {display: flex; flex-direction: column; gap: 0.5rem;}
.lc_sub_title {color: #121212; font-weight: 700; margin: 0 0 0.75rem;}
.lc_sub_item {color: #5d5d5d; line-height: 1.7; margin: 0;}

@media (max-width: 992px) {
  .dimode-sort.col-sm-4, .dimode-sort.col-sm-6 {width: 100%;}
}

/*=======실버주일학교=======*/
/* ===== 상단: 이미지 + 소개 (기존 유지) ===== */
.lc_sec {align-items: center;display: grid;grid-template-columns: 8fr 4fr;gap: 2rem;}
.lc_img img {width: 100%; height: auto; object-fit: cover; display: block;}
.lc_img_square img {aspect-ratio: 4/3;}
.lc_tag {display: inline-block; align-self: flex-start; padding: 0.35rem 1rem; background: rgba(48,62,96,0.1); color: #303E60; border-radius: 9999px; font-weight: 700; letter-spacing: 0.05em;}
.lc_title {color: #121212; font-weight: 700; line-height: 1.3;}
.lc_desc {color: #5d5d5d; line-height: 1.7;}
.lc_full_head_left {display: flex; flex-direction: column; gap: 1rem;}

/* ===== 비전 / 표어 (상단 2단 · 중앙정렬 + 세로 구분선) ===== */
.vs_top_row {display: flex; flex-wrap: wrap; align-items: stretch;}
.vs_top_row::before, .vs_top_row::after {content: none;}
.vs_top_col {display: flex;}
.vs_top_row .vs_top_col:first-of-type {border-right: 1px solid #d8d8d8;}
.vs_top_block {width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.85rem; padding: 1.5rem 2rem;}
.vs_top_icon {color: #303E60; font-size: 2.75rem; line-height: 1; font-variation-settings: 'wght' 400, 'opsz' 40;}
.vs_top_title {color: #121212; font-weight: 700; margin: 0;}
.vs_top_desc {color: #5d5d5d; line-height: 1.7; margin: 0; max-width: 24rem;}

/* ===== 주제말씀 / 목적 (하단 2단 · 회색 박스) ===== */
.vs_bot_row {display: flex; flex-wrap: wrap; align-items: stretch; background: #f5f5f5;}
.vs_bot_row::before, .vs_bot_row::after {content: none;}
.vs_bot_col {display: flex;}
.vs_bot_block {width: 100%; display: flex; flex-direction: column; padding: 2.5rem 2.75rem;}
.vs_bot_title {color: #121212; font-weight: 700; margin: 0 0 1rem; padding-bottom: 0.85rem; border-bottom: 2px solid #303E60;}
.vs_bot_desc {color: #5d5d5d; line-height: 1.8; margin: 0;}

@media (max-width: 992px) {
  .dimode-sort.col-sm-5, .dimode-sort.col-sm-7 {width: 100%;}
  .lc_img_square img {aspect-ratio: 16/9;}
  .vs_bot_block {padding: 2.25rem 2rem;}
}
@media (max-width: 767px) {
  .vs_top_row .vs_top_col:first-of-type {border-right: none; border-bottom: 1px solid #d8d8d8;}
  .vs_top_block {padding: 1.75rem 1rem;}
  .vs_bot_block {padding: 2rem 1.5rem;}
}
/*=======더나은부모=======*/
/*=======선교/전도=======*/
.ms_split_head {display: flex; flex-direction: column; gap: 0.75rem; padding-top: 0.5rem;}
.ms_tag {display: inline-block; align-self: flex-start; padding: 0.35rem 1rem; background: rgba(48,62,96,0.1); color: #303E60; border-radius: 9999px; font-weight: 700; letter-spacing: 0.05em;}
.ms_split_title {color: #121212; font-weight: 700; line-height: 1.3;margin-top:0;padding-top:0;}
.ms_split_sub {color: #5d5d5d; line-height: 1.7;}

.ms_table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.ms_table th, .ms_table td {text-align: left; padding: 1.25rem 1rem; vertical-align: middle;}
.ms_table thead th {padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #c8c8c8;}
.ms_th {color: #5d5d5d; font-weight: 700; letter-spacing: 0.05em;}
.ms_table tbody td {border-bottom: 1px solid #e5e5e5;}
.ms_td {color: #5d5d5d; line-height: 1.5;}
.ms_td_name {color: #121212; font-weight: 700;}
.ms_table th:first-child, .ms_table td:first-child {width: 42%;}
.ms_body_text {color: #5d5d5d; line-height: 1.8; margin: 0;}
.ms_img img {width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block;}

.ms_stat {display: flex; gap: 2.5rem; margin-top: 2rem;}
.ms_stat_num {color: #303E60; font-weight: 700; line-height: 1; margin: 0 0 0.5rem;}
.ms_stat_label {color: #5d5d5d; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin: 0;}
.ms_card {background: #f7f7f5; padding: 2.5rem;}


@media (max-width: 992px) {
  .dimode-sort.col-sm-6 {width: 100%;}
}

@media (max-width: 992px) {
  .dimode-sort.col-sm-4, .dimode-sort.col-sm-8 {width: 100%;}
  .ms_split_head {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
  .ms_hero .dimode-sort.row.container {padding-top: 4rem; padding-bottom: 4rem;}
  .ms_table th, .ms_table td {padding: 1rem 0.5rem;}
  .ms_stat {gap: 2rem; margin-top: 1.5rem;}
  .ms_card {padding: 1.75rem 1.5rem;}
}

/*=======교육부=======*/
.f_cherry{font-family: 'Griun_Cherry1Spoon-Rg';}
.f_fromsol{font-family: 'Griun_Fromsol-Rg';}
.f_seoyoon{font-family: '이서윤체';}
/*=======교육부 HERO (WIDE)=======*/
.yd_ng_herosec {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
/* .yd_ng_herosec::before {content: ""; position: absolute; inset: 0; background: rgba(27,27,38,0.72); z-index: 0;} */
.yd_ng_herosec .DIDIDI-sort.row.container {position: relative; z-index: 1;}
.yd_ng_hero {margin: 0;}
.yd_ng_tag {display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; text-align: center; justify-content: center;}
.yd_ng_tag_txt {font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.9;}
.yd_ng_title { font-weight: 700; line-height: 1.2; margin-bottom: 2rem; text-align: center;}
.yd_ng_lead {opacity: 0.85; line-height: 1.6; text-align: center; margin: 0;}

/*=======교육부 리스트 (박스형)=======*/
.yd_ng_listsec {position: relative; background: #ffffff;}
.yd_ng_col {margin-bottom: 0;}
.yd_ng_row {position: relative; display: flex; align-items: center; gap: 3.5rem; padding: 3.5rem 0; border-top: 1px solid #dcdcdc;}
.yd_ng_row::after {content: ""; position: absolute; top: -1px; left: 0; width: 5rem; height: 2px; background: #303E60; transition: width 0.6s ease;}
.yd_ng_row:hover::after {width: 18rem;}
.yd_ng_rev {flex-direction: row-reverse;}
.yd_ng_rev::after {left: auto; right: 0;}
.yd_ng_thumb {flex: 0 0 44%; max-width: 44%; overflow: hidden; border-radius: 0.75rem; background: #f4f3f1;}
.yd_ng_thumb img {width: 100%; display: block; aspect-ratio: 16/10; object-fit: cover; transition: transform 0.8s ease;}
.yd_ng_row:hover .yd_ng_thumb img {transform: scale(1.07);}
.yd_ng_body {flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start;}
.yd_ng_meta {display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem;}
.yd_ng_num {color: #303E60; font-weight: 700; letter-spacing: 0.05em;}
.yd_ng_bar {display: block; width: 2.5rem; height: 1px; background: #c3c8c0;}
.yd_ng_eng {color: #5d5d5d; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;}
.yd_ng_name {color: #121212; font-weight: 700; line-height: 1.3; margin: 0 0 0.75rem;}
.yd_ng_sub {color: #303E60; font-weight: 500; margin: 0 0 1.5rem; line-height: 1.5;}
.yd_ng_desc {color: #5d5d5d; line-height: 1.75; margin: 0 0 2rem;}
.yd_ng_btn {display: inline-flex; align-self: flex-end; align-items: center; gap: 0.5rem; padding: 0.85rem 1.75rem; border-radius: 9999px; border: 1px solid #303E60; color: #303E60; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease;}
.yd_ng_btn:hover, .yd_ng_btn:focus {background: #303E60; color: #fafafa; border-color: #303E60; text-decoration: none;}
.yd_ng_btnico {font-size: 1.125rem; transition: transform 0.4s ease;}
.yd_ng_btn:hover .yd_ng_btnico {transform: translate(0.2rem, -0.2rem);}
.yd_ng_col:last-child .yd_ng_row {border-bottom: 1px solid #dcdcdc;}

/*=======교육부 부서별 버튼 톤=======*/
.yd_ng_tone_a .yd_ng_btn {border-color: #ffdd77; color: #8a6a00;}
.yd_ng_tone_a .yd_ng_btn:hover, .yd_ng_tone_a .yd_ng_btn:focus {background: #ffdd77; border-color: #ffdd77; color: #121212;}
.yd_ng_tone_a .yd_ng_row:hover::after, .yd_ng_tone_a:hover::after {background: #ffdd77;}
.yd_ng_tone_b .yd_ng_btn {border-color: #f48644; color: #c25a1c;}
.yd_ng_tone_b .yd_ng_btn:hover, .yd_ng_tone_b .yd_ng_btn:focus {background: #f48644; border-color: #f48644; color: #ffffff;}
.yd_ng_tone_b:hover::after {background: #f48644;}
.yd_ng_tone_c .yd_ng_btn {border-color: #3489e4; color: #1c62ab;}
.yd_ng_tone_c .yd_ng_btn:hover, .yd_ng_tone_c .yd_ng_btn:focus {background: #3489e4; border-color: #3489e4; color: #ffffff;}
.yd_ng_tone_c:hover::after {background: #3489e4;}
.yd_ng_tone_d .yd_ng_btn {border-color: #3ebab8; color: #1f807e;}
.yd_ng_tone_d .yd_ng_btn:hover, .yd_ng_tone_d .yd_ng_btn:focus {background: #3ebab8; border-color: #3ebab8; color: #ffffff;}
.yd_ng_tone_d:hover::after {background: #3ebab8;}

@media (max-width: 1199px) {
  .yd_ng_row {gap: 2.5rem; padding: 3rem 0;}
  .yd_ng_thumb {flex: 0 0 46%; max-width: 46%;}
}
@media (max-width: 992px) {
  .yd_ng_row {gap: 2rem; padding: 2.5rem 0;}
  .yd_ng_thumb {flex: 0 0 42%; max-width: 42%;}
  .yd_ng_sub {margin-bottom: 1rem;}
  .yd_ng_desc {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
  .yd_ng_row, .yd_ng_rev {flex-direction: column; align-items: stretch; gap: 1.5rem; padding: 2.25rem 0;}
  .yd_ng_rev::after {left: 0; right: auto;}
  .yd_ng_thumb {flex: 0 0 auto; max-width: 100%;}
  .yd_ng_body, .yd_ng_rev .yd_ng_body {align-items: flex-start; text-align: left;}
  .yd_ng_btn {align-self: flex-start;}
  .yd_ng_desc {margin-bottom: 1.5rem;}
}







/*=======유치교회 상단 비주얼 (WIDE)=======*/
.yc_hero {position: relative; min-height: 30rem; display: flex; align-items: flex-end;}
.yc_hero::before {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,18,18,0) 45%, rgba(18,18,18,0.55) 100%); z-index: 0;}
.yc_hero .dimode-sort.row.container {position: relative; z-index: 1; width: 100%;}
.yc_hero_tag {padding-bottom: 2.5rem;}
.yc_hero_txt {color: #fafafa; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; margin: 0; opacity: 0.9;}

/*=======유치교회 소개 (박스형)=======*/
.yc_infosec {position: relative; z-index: 99; background: #ffffff;}
.yc_badge_col {position: relative; z-index: 100;width:100%;}
.yc_badge {position: relative; z-index: 100; margin-top: -7rem; background:#384b7a; border-radius: 0 1.75rem 1.75rem 1.75rem; padding: 3.5rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 22rem;}
.yc_badge_ico {width: 4.5rem; height: 4.5rem; border-radius: 9999px; background: rgba(250,250,250,0.5); border: 1px solid rgba(250,250,250,0.3); display: flex; align-items: center; justify-content: center; color: #fafafa; margin-bottom: 1.75rem;}
.yc_badge_ico .material-symbols-outlined {font-size: 2.25rem;}
.yc_badge_eng {color: #c3c8c0; font-weight: 500; letter-spacing: 0.18em; margin: 0 0 0.5rem;}
.yc_badge_name {color: #fafafa; font-weight: 700; margin: 0; line-height: 1.2;}
.yc_text_col {padding-top: 3rem;}
.yc_head {margin-bottom: 2.25rem;}
.yc_title {margin: 0 0 1rem; line-height: 1.15;}
.yc_title_en {color: #303E60; font-weight: 700; letter-spacing: -0.01em;}
.yc_age {color: #121212; font-weight: 700; margin: 0; letter-spacing: 0.02em;}
.yc_desc_unit {margin-bottom: 2.25rem;}
.yc_desc {color: #5d5d5d; line-height: 1.85; margin: 0;}
.yc_worship_list {display: flex; flex-wrap: wrap; gap: 1rem;}
.yc_worship_item {flex: 1 1 16rem; display: flex; align-items: center; gap: 1rem; border: 1px solid #c5cbd9; /* background: #f4f3f1;  */border-radius: 0.75rem; padding: 1.25rem 1.5rem; transition: background 0.4s ease;}
.yc_worship_item:hover {background: #f8fafe;}
.yc_worship_ico {flex: 0 0 auto; width: 2.75rem; height: 2.75rem; border-radius: 9999px; background: #f8fafe; color: #303E60; display: flex; align-items: center; justify-content: center;}
.yc_worship_ico .material-symbols-outlined {font-size: 1.375rem;}
.yc_worship_body {min-width: 0;}
.yc_worship_label {color: #303E60; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin: 0 0 0.25rem;}
.yc_worship_value {color: #121212; font-weight: 500; margin: 0; line-height: 1.4;}

/*=======유치교회 갤러리 (박스형)=======*/
.yc_gallsec {position: relative; background: #ffffff;}
.yc_gall_head {margin-bottom: 2.5rem; text-align: center;}
.yc_gall_eng {color: #303E60; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; margin: 0 0 0.75rem;}
.yc_gall_title {color: #121212; font-weight: 700; margin: 0; line-height: 1.3;}
.yc_gall_col {margin-bottom: 1.875rem;}
.yc_gall_item {position: relative; overflow: hidden; /* border-radius: 0.875rem; */ background: #f4f3f1;margin-bottom:20px;}
/* .yc_gall_item::after {content: ""; position: absolute; inset: 0; background: rgba(48,62,96,0.35); opacity: 0; transition: opacity 0.5s ease;} */
.yc_gall_item:hover::after {opacity: 1;}
.yc_gall_item img {width: 100%; height: auto; display: block; aspect-ratio: 4/3; object-fit: cover; transition: transform 0.8s ease;}
.yc_gall_item:hover img {transform: scale(1.08);}

.yc_desc_wawana {display: flex;flex-wrap: wrap;gap: 22px;align-items: center;}

.badge_bg1{background:#ffdd77;color:#fff;}
.badge_ico_color1{color:#303e60;}
.badge_eng_color1{color:#303e60;}
.badge_name_color1{color:#303e60;}
.badge_bg2{background:#f48644;color:#fff;}
.badge_eng_color2{color:#fff;}
.badge_bg3{background:#3489e4;color:#fff;}
.badge_eng_color3{color:#fff;}
.badge_bg4{background:#3ebab8;color:#fff;}
.badge_eng_color4{color:#fff;}

@media (max-width: 1199px) {
  .yc_hero {min-height: 28rem;}
  .yc_badge {margin-top: -5rem; min-height: 20rem; padding: 3rem 1.5rem;}
  .yc_text_col {padding-top: 2.5rem;}
}
@media (max-width: 992px) {
  .yc_hero {min-height: 24rem;}
  .yc_badge {margin-top: -4rem; min-height: 0; padding: 2.5rem 1.5rem;}
  .yc_badge_ico {width: 3.75rem; height: 3.75rem; margin-bottom: 1.25rem;}
  .yc_badge_ico .material-symbols-outlined {font-size: 1.875rem;}
  .yc_text_col {padding-top: 2rem;}
}
@media (max-width: 767px) {
  .yc_hero {min-height: 18rem;}
  .yc_hero_tag {padding-bottom: 1.5rem;}
  .yc_badge {margin-top: 0rem; border-radius: 0 1.25rem 1.25rem 1.25rem; padding: 2.25rem 1.5rem;}
  .yc_text_col {padding-top: 2rem;}
  .yc_head {margin-bottom: 1.5rem;}
  .yc_desc_unit {margin-bottom: 1.75rem;}
  .yc_worship_item {flex: 1 1 100%;}
  .yc_gall_head {margin-bottom: 2rem;}
  .yc_gall_col {margin-bottom: 1.25rem;}
}



/*=======신청 및 자료실=======*/

.yd_dr_hero {position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.yd_dr_hero::before {content:""; position:absolute; inset:0; background:rgba(27,27,38,0.7); z-index:0;}
.yd_dr_hero .dimode-sort.row.container {position:relative; z-index:1;}
.yd_dr_hero_inner {padding:6rem 0; max-width:48rem;}
.yd_dr_hero_eyebrow {display:block; color:#fafafa; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; opacity:0.85; margin-bottom:1.25rem;}
.yd_dr_hero_title {color:#fafafa; font-weight:700; letter-spacing:-0.02em; line-height:1.2; margin:0 0 1.25rem;}
.yd_dr_hero_desc {color:#fafafa; opacity:0.85; line-height:1.6; margin:0;}

.yd_dr_guidesec {background:#ecf5fd;}
.yd_dr_guide_head {margin:0 auto 3.5rem;}
.yd_dr_guide_title {font-weight:600; margin:0 0 0.75rem;}
.yd_dr_guide_law {font-weight:700; margin:0 0 2rem;}
.yd_dr_guide_lead {line-height:1.8; margin:0;}

.yd_dr_row {margin:3rem auto 0rem; display:grid; grid-template-columns:5fr 7fr; gap:3rem; align-items:center;}
.yd_dr_row_rev {direction:rtl;}
.yd_dr_row_rev > * {direction:ltr;}
.yd_dr_row_img img {width:100%; aspect-ratio:552/347; object-fit:cover;display:block;}
.yd_dr_row_txt {display:flex; gap:1rem;}
.yd_dr_row_mark {color:#303E60; font-weight:700; flex-shrink:0; line-height:1.8;}
.yd_dr_row_body {display:flex; flex-direction:column; gap:1rem;}
.yd_dr_note_text {color:#5d5d5d; line-height:1.8; margin:0;}
.yd_dr_note_caution {color:#5d5d5d; line-height:1.8; margin:0; padding:1.25rem 1.5rem; background:rgba(48,62,96,0.25); border-radius:0.5rem;}

@media (max-width:992px) {
  .yd_dr_row {grid-template-columns:1fr; gap:1.5rem;}
  .yd_dr_row_rev {direction:ltr;}
  .yd_dr_row_img img {aspect-ratio:16/9;}
}
@media (max-width:767px) {
  .yd_dr_note_caution {padding:1rem;}
}

.yd_dr_faq_inner {max-width:1100px; margin:0 auto;}
.yd_dr_faq_title {color:#121212; font-weight:600; margin:0 0 3rem;}
.yd_dr_faq_list {display:flex; flex-direction:column;}
.yd_dr_faq_item {border-top:1px solid rgba(195,200,192,0.6);}
.yd_dr_faq_item:last-child {border-bottom:1px solid rgba(195,200,192,0.6);}
.yd_dr_faq_q {display:flex; justify-content:space-between; align-items:center; padding:1.5rem 0; cursor:pointer; gap:1rem;}
.yd_dr_faq_qtext {color:#121212; font-weight:600; margin:0;}
.yd_dr_faq_ic {color:#5d5d5d; transition:transform 0.3s ease; flex-shrink:0;}
.yd_dr_faq_item.active .yd_dr_faq_ic {transform:rotate(180deg);}
.yd_dr_faq_a {max-height:0; overflow:hidden; transition:max-height 0.4s ease-out;}
.yd_dr_faq_item.active .yd_dr_faq_a {max-height:1000px;}
.yd_dr_faq_atext {color:#5d5d5d; line-height:1.8; padding-bottom:1.5rem; margin:0;}

@media (max-width:992px) {
  .yd_dr_hero_inner {padding:4rem 0;}
}
@media (max-width:767px) {
  .yd_dr_note_caution {padding:1rem;}
}


.yd_ap_col {margin-bottom:1.5rem;}
.yd_ap_card {position:relative; display:flex; flex-direction:column; padding:3rem; background:#ffffff; border:1px solid rgba(195,200,192,0.3); overflow:hidden; height:100%; transition:transform 0.4s ease, border-color 0.4s ease;}
.yd_ap_card:hover {transform:translateY(-0.5rem); border-color:rgba(48,62,96,0.2);}
.yd_ap_card_line {position:absolute; top:0; left:0; width:0.375rem; height:0; transition:height 0.5s ease;}
.yd_ap_card:hover .yd_ap_card_line {height:100%;}
.yd_ap_card_main .yd_ap_card_line {background:#303E60;}
.yd_ap_card_sub .yd_ap_card_line {background:#19478B;}
.yd_ap_card_ico {width:3.5rem; height:3.5rem; border-radius:9999px; display:flex; align-items:center; justify-content:center; margin-bottom:2rem; transition:background 0.5s ease;}
.yd_ap_card_main .yd_ap_card_ico {background:rgba(48,62,96,0.1); color:#303E60;}
.yd_ap_card_sub .yd_ap_card_ico {background:rgba(25,71,139,0.1); color:#19478B;}
.yd_ap_card_main:hover .yd_ap_card_ico {background:#303E60; color:#fafafa;}
.yd_ap_card_sub:hover .yd_ap_card_ico {background:#19478B; color:#fafafa;}
.yd_ap_card_ico .material-symbols-outlined {font-size:1.75rem;}
.yd_ap_card_title {color:#121212; font-weight:600; margin:0 0 1rem;}
.yd_ap_card_desc {color:#5d5d5d; line-height:1.7; margin:0 0 2rem; flex-grow:1;}
.yd_ap_card_more {display:inline-flex; align-items:center; font-weight:700; text-decoration:none; width:fit-content;}
.yd_ap_card_more:hover {text-decoration:none;}
.yd_ap_card_main .yd_ap_card_more {color:#303E60;}
.yd_ap_card_sub .yd_ap_card_more {color:#19478B;}
.yd_ap_more_txt {margin-right:0.5rem;}
.yd_ap_more_ic {transition:transform 0.3s ease;}
.yd_ap_card:hover .yd_ap_more_ic {transform:translateX(0.5rem);}

@media (max-width:992px) {
  .dimode-sort.yd_ap_col.col-sm-6 {width:100%;}
}
@media (max-width:767px) {
  .yd_ap_card {padding:2.5rem;}
}










@media (max-width: 992px) {

}

@media (max-width: 767px) {
.yd_hero {min-height: 275px; }
.grid_1_1{grid-template-columns:1fr;gap:1rem;}
.grid_4_1fr{grid-template-columns:(2, 1fr);gap:1rem;}
.grid_4_8{grid-template-columns:1fr;gap:1rem;}
.grid_8_4{grid-template-columns:1fr;gap:1rem;}
.m_order_1{order:1;}
.m_order_2{order:2;}
.p_top_6{padding-top:3rem;}
.p_bottom_6{padding-bottom:3rem;}

/*=======교회소개=======*/
/*=======예배안내=======*/
/*=======섬기는사람들=======*/
/*=======새가족 안내=======*/
/*=======교회역사=======*/
/*=======교회둘러보기=======*/
/*=======오시는길=======*/
/*=======교구=======*/
/*=======청년교회=======*/
/*=======요람에서무덤까지=======*/
/*=======성경공부=======*/
/*=======실버주일학교=======*/
/*=======더나은부모=======*/
/*=======선교/전도=======*/
/*=======교육부=======*/
/*=======신청 및 자료실=======*/
}