@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');


@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MaruBuri';
    src: url(webfont/MaruBuri/MaruBuri-Regular.ttf) format('truetype');
}




@font-face {
 font-family: 'GyeonggiBatang';
 src: url(webfont/gyeonggi/Batang_Regular.woff) format('woff');
}
@font-face {
    font-family: 'SchoolSafetyRoundedSmile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'A2Z';
    src: url(webfont/A2Z/에이투지체-9Black.woff2) format('woff2');
    font-weight: 900;
	font-display: swap;

}
@font-face {
    font-family: 'A2Z';
    src: url(webfont/A2Z/에이투지체-8ExtraBold.woff2) format('woff2');
    font-weight: 800;
	font-display: swap;
}

@font-face {
    font-family: 'A2Z';
    src: url(webfont/A2Z/에이투지체-7Bold.woff2) format('woff2');
    font-weight: 700;
	font-display: swap;
}


/* 공통 유틸리티 */
.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_6{padding-top:6rem;}.p_bottom_6{padding-bottom:6rem;}
.p_top_8{padding-top:8rem;}.p_bottom_8{padding-bottom:8rem;}
.t_white{color:#fafafa;}
.text-bold { font-weight: 700; }
.text-main { color: #0e1f3d; } 
.text-sub { color: #6baed1; } 
.text-sub2 { color: #6baed1; }   
.text-gray { color: #555555; }
.title-header {text-align: center;margin-bottom: 2rem;}
.title-header-eng {font-family: 'Callheart', serif;font-size:3.5rem; margin-bottom: 0.5rem;color: #8dd0f1;}
.title-header-eng2 {font-family: 'MaruBuri', serif;font-size:4rem; margin-bottom: 0.5rem;color: #2d4d99;}



.title-line {border: 0;border-top: 2px solid #0e1f3d;width: 60px;margin: 2rem auto;}
.txt-point{font-family: 'MaruBuri';}
.txt-point2{font-family: 'Callheart';}
.txt-point3{font-family: 'GyeonggiBatang';}
.txt-point4{font-family: 'SeoulNamsanLongB';}
.txt-point5{font-family: 'A2Z';}
.highlighter {background: linear-gradient(to top, #d2e7f2 40%, transparent 40%); padding: 0 0.2rem;}
.highlighter2 {background: linear-gradient(to top, rgba(255,255,255,0.5) 40%, transparent 40%); padding: 0 0.2rem;}

/* 인사말 */
.sub-26291 #unit5776 img{border-radius:30px;}
.greeting-bg {background-color: #f4f8fa; padding: 4rem 3rem; word-break: keep-all;}
.bold {font-weight: 700;}
.text-dark {color: #222222;}
.profile-info {padding: 1rem 0;}
.divider {border: 0; border-top: 2px solid #0e1f3d; margin: 1rem 0;}
.profile-info ul {list-style: none; padding: 0; margin: 0;}
.profile-info li {margin-bottom: 0.5rem; line-height: 1.5;}
.profile_list li{display:flex;gap:5px;padding:5px 0px;}
.profile_book{margin-top:30px;}
.content-col {color: #444444; padding-left: 1rem;}
.title {color: #0e1f3d; margin-bottom: 0.5rem; line-height: 1.3;}
.subtitle {color: #6baed1; margin-bottom: 2.5rem; font-weight: 500;}
.greeting_text .text-body{padding:0 30px;}
.greeting_text .text-body p {line-height: 1.8; margin-bottom: 2.5rem;}
.highlight {color: #0e1f3d; font-weight: 700; margin-top: 3rem; margin-bottom: 1rem !important; position: relative; padding-left: 0.8rem;}
.highlight::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 16px; background-color: #6baed1;}

.content-col p, .content-col h2{font-family: 'GyeonggiBatang';text-align:left !important;}
.resume_box{font-family: 'GyeonggiBatang';}
.resume_point{font-family: 'Callheart';}

/* 교회비전 */
.vision-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-bottom: 6rem;}

.vision-grid:last-child {margin-bottom: 0;}
.reverse .v-text {order: 2;}
.reverse .v-img {order: 1;}
.vision-content p:nth-child(2){display:flex;align-items: center;gap:10px;}
.vision-content {padding: 0 1rem; word-break: keep-all;}
.vision-content .vision_title{font-size:2.3rem;color: #6baed1;font-weight:700;}
.vision-content .icon {font-size: 2.8rem;color: #6baed1;font-weight:600;}
.vision-content .num {font-size: 4.5rem;font-weight:700;display: inline-block;}
.vision-content h3 {line-height: 1.3; margin-bottom: 1.5rem;}
.v-img img {border: 1px solid #e1e6db;}
.vision-content p:last-child{margin-top:30px;font-family: 'IropkeBatang';}

/* 교회연혁 */
.history-intro {margin-top: 2rem; line-height: 1.8;}
.history-wrap {display: flex; flex-direction: column; gap: 3rem; margin: 3rem auto 0;}
.history-box {display: grid; grid-template-columns: 309px 1fr; gap: 3rem; border: 1px solid #a7adb3; background-color: #ffffff; padding: 3rem;}
.history-year-col h3 {margin: 0; line-height: 1.2; position: sticky; top: 7rem;}
.history-data-col {width: 100%;}
.history-table {width: 100%; border:none; table-layout: fixed;}
/* .history-table tbody tr {border-bottom: 1px solid #f4f8fa;} */
.history-table tbody tr:last-child {border-bottom: none;}
.history-table td {padding: 0.5rem 0; line-height: 1.6; vertical-align: top; word-break: keep-all;}
.history-table td:first-child {width: 18%; font-weight: 700;}
.history-table td:last-child {color: #444444;}
.history-box .text-main{font-family: 'IropkeBatang' !important;}

/* 섬기는사람들 */
.staff-title {border-bottom: 2px solid #0e1f3d; padding-bottom: 0.8rem; margin-bottom: 2rem;}
.staff-grid {display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 2rem; align-items: stretch; width: 100%;}
.staff-grid::before, .staff-grid::after {display: none !important;}
.staff-card-col {width: 100% !important; float: none !important; display: flex; flex-direction: column;}
.staff-card-inner { display: flex; flex-direction: column; height: 100%;}
.staff-img {width: 100%; border-radius:30px;border: 1px solid #d4d7d6;display: flex;}
.staff-img img {width: 100%;border-radius:30px; aspect-ratio: 1 / 1; object-fit: cover; display: block;}
.staff-info {padding: 1.5rem 1rem; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;}
.staff-info h4 {margin: 0; line-height: 1.2;}
.staff-role {margin-top: 0.8rem; line-height: 1.4; word-break: keep-all; }

.staff-namebox {display: inline-flex; align-items: center; gap: 1.5rem; padding: 1.5rem 2.5rem; border: 1px solid #d4d7d6; border-radius: 30px;}
.staff-name {margin: 0; line-height: 1.4; white-space: nowrap;display: flex; align-items: center;gap:5px;}
.staff-name span {color: #5d5d5d;}
.staff-name-div {display: block; width: 1px; height: 1.25rem; background: #d4d7d6;}


/* 예배안내 */
.worship-grid {display: grid; grid-template-columns: 1fr 1fr; width: 100%;}
.worship-grid > .col-sm-6 {width: 100% !important; float: none !important; display: flex; flex-direction: column;}
.worship-card {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; color: #ffffff; height: 100%; flex-grow: 1; display: flex; flex-direction: column;}
.worship-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(8, 36, 87, 0.75);}
.worship-overlay2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(81, 121, 191, 0.75);}
.worship-content {position: relative; z-index: 1; padding: 4rem 3rem; flex-grow: 1;}
.worship-title {text-align: center;margin-bottom: 4rem; color: #ffffff;}
.worship-line {border: 0; border-top: 1px solid rgba(255, 255, 255, 0.3); width: 80%; margin: 2rem auto;}
.worship-table {width: 100%; border-collapse: collapse; table-layout: auto !important; margin: 0; background-color: transparent !important;font-size: 19px;}
.worship-table, .worship-table th, .worship-table td {border: none !important;}
.worship-table td {padding: 0.7rem 0.5rem !important; color: #ffffff; vertical-align: middle !important; word-break: break-word !important; white-space: normal !important;}
/* .worship-table tbody tr {border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;} */
.worship-table tbody tr.t-header {border-top: 3px solid rgba(255, 255, 255, 1); border-bottom: 3px solid rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, 0.6); font-weight: 700;}
.worship-table tbody tr:last-child {border-bottom: none !important;}
.w-place {color: #bde0f2;}

/* 교회시설 */
.facility-wrap {display: flex; flex-direction: column;}
.roof-wrap {width: 80px; display: flex; flex-direction: column; align-items: center; margin-bottom: 4px;}
.cross-v {width: 2px; height: 24px; background-color: #a0abb3; margin-bottom: -16px;}
.cross-h {width: 18px; height: 2px; background-color: #a0abb3; margin-bottom: 14px;}
.triangle {border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 30px solid #e1e6eb;}
.facility-row {display: flex; gap: 15px; margin-bottom: 10px;}
.facility-row:last-child {margin-bottom: 0;}
.f-left {width: 80px; flex-shrink: 0; background-color: #e1e6eb; display: flex; align-items: center; justify-content: center;}
.f-right {flex-grow: 1; display: flex; align-items: center; padding: 1.5rem 2rem;}
.room-list {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.8rem 0; align-items: center;}
.room-list li {display: flex; align-items: center; line-height: 1.4; word-break: keep-all;}
.room-list li::after {content: ''; display: block; width: 1px; height: 12px; background-color: currentColor; opacity: 0.3; margin: 0 0.6rem;}
.room-list li:last-child::after {display: none;}
.f-large {margin-left: auto; padding-left: 2rem; line-height: 1; flex-shrink: 0;}
.facility-footer {text-align: center; margin-top: 4rem; padding-top: 2rem; border-top: 1px dashed #d0e3ef;}
.room-list li.facil_point {background-color: #fffcd3;color: #0e1f3d;border: none;padding: 0.5rem 2rem;border-radius: 30px;font-weight: 700;margin-right: 1rem;}
.room-list li.facil_point::after {display: none;}
/* 오시는길 */
.location-info-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}
.info-card {border: 1px solid #d0e3ef; padding: 2.5rem; background-color: #ffffff; display: flex; flex-direction: column;}
.info-card-title {display: flex; align-items: center; gap: 0.5rem; margin: 0; flex-wrap: wrap;}
.info-line {border: 0; border-top: 2px solid #0e1f3d; width: 30px; margin: 1.2rem 0;}
.info-card p {line-height: 1.6; margin: 0; word-break: keep-all;}
.info-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.2rem;}
.info-list li {display: flex; align-items: flex-start; line-height: 1.6; word-break: keep-all;flex-direction: column;}
.info-list li > div {flex: 1;}

.parking-header {border-bottom: 2px solid #0e1f3d; padding-bottom: 1rem; margin-bottom: 3rem;}
.parking-header h3 {margin: 0;}
.parking-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start;padding-top: 2rem;}
.parking-grid::before,
.parking-grid::after {display: none !important;}
.parking-grid .park-article-box {width: 100% !important; float: none !important;}

.parking-step {margin-bottom: 2rem;}
.parking-step h5 {margin: 0 0 0.8rem 0;}
.parking-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.2rem;}
.parking-list li {position: relative; padding-left: 1rem; line-height: 1.7; word-break: keep-all;}

#daumRoughmapContainer1777514661298 {width: 100% !important;}
#daumRoughmapContainer1777514661298 .cont,
#daumRoughmapContainer1777514863562 .cont {display: none;}






/* 사역소개 & 다음세대 공통 */

.ministry_intro_box {padding: 8rem 3rem;text-align: center;}
.ministry_intro_box p:last-child{margin-top:3rem;line-height:1.75;}
.intro-grid {display: grid !important; grid-template-columns: 4fr 3fr; gap: 3rem; align-items: center; width: 100%;}
.intro-grid::before, .intro-grid::after {display: none !important;}
.intro-grid .intro-article-box {width: 100% !important; float: none !important;}
.intro-img-col img {aspect-ratio: 6/4;}
.desc-box {border: 1px solid #d0e3ef; background-color: #f4f8fa; padding: 4rem; text-align: center;border-radius:30px;}
.info-meta-list {list-style: none; padding: 0; margin: 0;}
.info-meta-list li {display: flex; align-items: center; gap: 1.5rem; padding: 0.5rem 0; word-break: keep-all;}
.info-meta-label {display: flex; align-items: center; gap: 0.5rem; width: 110px; flex-shrink: 0;}
.intro-box {border: 1px solid #71b6e1;  padding: 4rem; text-align: left;}
.detail-grid {display: grid; grid-template-columns: 180px 1fr; gap: 3rem; padding: 3rem 0; border-bottom: 1px solid #e1e6eb; align-items: start;}
.detail-grid.no-line {border-bottom: none;}
.bullet-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem;}
.bullet-list li {display: flex; align-items: center; line-height: 1.6;}
.bullet-list li::before {content: ''; display: block; width: 5px; height: 5px; background-color: #6baed1; margin-right: 1rem;}
.schedule-timeline-table {width: 100%; border-collapse: collapse; margin: 0;}
.schedule-timeline-table, .schedule-timeline-table tbody, .schedule-timeline-table tr {display: block !important; width: 100% !important; border: none !important; background: transparent !important;}
.schedule-timeline-td {display: block !important; position: relative !important; box-sizing: border-box !important; border: none !important; border-left: 1px solid #c3c6d0 !important; padding: 1.5rem 0 1.5rem 2rem !important; margin-left: 5px; word-break: keep-all;}
.svg-dot-main, .svg-dot-sub {position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: #ffffff !important;}
.svg-dot-main {left: -6px !important;}
.svg-dot-sub {left: -5px !important;}
/*.staff-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.2rem;}
.staff-list li {display: flex; align-items: center; gap: 1.5rem;}
.staff-badge {background-color: #0e1f3d; color: #fafafa; padding: 0.3rem 1rem; font-weight: 700; text-align: center; width: 205px; border-radius: 60px;flex-shrink: 0;}*/
.staff-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 1.2rem 1.5rem; }
.staff-list li { display: contents; }
.staff-badge { background-color: #0e1f3d; color: #fafafa; padding: 0.3rem 1rem; font-weight: 700; text-align: center; border-radius: 60px; white-space: nowrap; align-items: center; display: flex; justify-content: center; height: fit-content; }
.nxt-gird-box .slidesub img{aspect-ratio:6/4;object-fit:cover;filter: brightness(110%);}
.mini-gird-box .slidesub img{aspect-ratio:8/6;object-fit:cover;filter: brightness(110%);}
.mini-gird-box .slidesub img{aspect-ratio:8/6;object-fit:cover;filter: brightness(110%);}
.awana-txt-box p:not(p:liast-child){margin-bottom:1rem;}
.awana-txt-box {line-height: 1.75;}
.awana-logos{background-color: #0e1f3d;color: #ffffff;padding: 2rem;margin: 2rem 0;}
.principle-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem;}
.principle-card {border: 1px solid #d0e3ef; background-color: #f9fbfc; padding: 3rem 2rem 2rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center;}
.principle-icon {font-size: 2.2rem;color: #6baed1;font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40;}
.principle-badge {padding: 0.5rem 1.5rem; font-size: 1.2rem; font-weight: 700; margin-bottom: 1.5rem;}
.awana-curriculum-table {width: 100%; min-width: 700px; border-collapse: collapse; border: 2px solid #0e1f3d;}
.awana-curriculum-table th, .awana-curriculum-table td {border: 1px solid #d0e3ef; padding: 1.5rem 1rem; vertical-align: middle; line-height: 1.6; word-break: keep-all;}
.awana-curriculum-table th {background-color: #f4f8fa; color: #0e1f3d; font-weight: 700; text-align: center; border-bottom: 2px solid #0e1f3d;}

.intro-article-box .article-box-img img{aspect-ratio:6/4;object-fit:cover;filter: brightness(110%);border-radius:30px !important;}
.mini-gird-box .mini-box-img img{aspect-ratio:10/6;object-fit:cover;filter: brightness(110%);border-radius:30px !important;}
.nxt-eng-text{margin-bottom: 3rem;margin-top: -1rem;}

/* 노란 불릿 색상 */
.svg-dot-main circle {
    stroke: #f5c518 !important;  /* 테두리 있는 원의 테두리 */
}
.svg-dot-sub circle {
    fill: #ffe082 !important;    /* 채워진 원의 색 */
}


/* 새가족 */
.new-eng-text{margin-bottom: 1rem;margin-top: -1rem;}
.new-grid-box .slidesub img{aspect-ratio:6/4;object-fit:cover;filter: brightness(110%);}
.bg-main {background-color: #0e1f3d;}
.bg-sub {background-color: #6baed1;}
.thin-icon {font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24; font-weight: 200;}
.new_info_text {
    font-size: 20px;
}
.step-grid-top {display: grid; grid-template-columns: 1fr 80px 1fr 80px 1fr; gap: 1rem; align-items: start;}
.step-grid-bottom {display: flex; justify-content: center; gap: 1rem;}
.step-bottom-item {width: 30%;}
.step-card {display: flex; flex-direction: column; align-items: center; text-align: center;}
.step-badge {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 10rem; height: 10rem; border-radius: 50%; margin-bottom: 2rem; flex-shrink: 0;}
.step-arrow {width: 80px; display: flex; align-items: flex-start; justify-content: center; padding-top: 45px;}
.step-desc {line-height: 1.6; word-break: keep-all;}
.edu-box {padding: 4rem; }
.edu-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 3rem;}
.edu-card {display: flex; flex-direction: column; border: 1px solid #d0e3ef; background-color: #ffffff; height: 100%;}
.edu-card-body {display: flex; flex-direction: column; flex-grow: 1;}
.edu-card-title {margin: 0; padding: 1.5rem; text-align: center;}
.edu-card-text {padding: 2rem 1.5rem; line-height: 1.8;}
.new_info_wrap {display: flex;flex-wrap: wrap;gap: 5px;justify-content: center;}
.welcome_wrap {width: 22%;}
.new_info_box p:first-child{margin-bottom:30px;}
.newedu_info_box{margin-top:50px;display:grid;grid-template-columns: 1fr 8fr;gap: 5px 20px;align-items: center;}
.title_box {background: #1d2344;color: #fff;border-radius: 60px;text-align: center;font-weight: 600;padding: 7px 30px;font-size: 18px;
}}
.list_title::after {content: " ·";font-weight: 600;color: #0e6443;font-size: 25px;}
.intro-article-box .welcome-img img{aspect-ratio:10/6;object-fit:cover;/* filter: brightness(110%); */border-radius:30px !important;}
.welcome-edu{display:grid;grid-template-columns:2fr 11fr;gap:10px;padding: 2rem;background: #e9f4ff;}


/* 멘토링 */
.bg-main {background-color: #0e1f3d;}
.bg-sub {background-color: #6baed1;}
.step-grid {display: grid !important; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; column-gap: 1.5rem; row-gap: 3rem; align-items: stretch; width: 100%;}
.mento-step-grid::before, .step-grid::after {display: none !important;}
.mento-step-grid {display: grid; grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr ; gap: 1rem; align-items: center;}
.mento-step-grid .dimode-component {height:100%;width: 100% !important; float: none !important; display: flex; flex-direction: column;}
.mento-step-grid .dimode-unit {height:100%;flex-grow: 1; display: flex; flex-direction: column;    align-items: center;}
.mento-step-grid .step-card {height:100%;display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid #d0e3ef; background-color: #ffffff; padding: 2.5rem 1.5rem; flex-grow: 1;}
.mento-step-grid .step-badge {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50%; margin-bottom: 1.5rem; flex-shrink: 0;}
.mento-step-grid .step-arrow {width:100%;display: flex; align-items: center; justify-content: center; height: 100%;padding-top:0;}
.mento-step-grid .step-desc {line-height: 1.6; word-break: keep-all;}
.mento-step-grid .thin-icon{font-size: 2.8rem;}
.mento-step-grid .step-arrow .thin-icon{font-size: 1.8rem;}
.mento-gird-box .slidesub img{aspect-ratio:6/4;object-fit:cover;filter: brightness(110%);}
.mentoring-img img{aspect-ratio:6/4;object-fit:cover;border-radius:30px;filter: brightness(110%);}
.mento-content p:nth-child(2){display:flex;align-items: center;gap:10px;}
.mento-content {padding: 0 1rem; word-break: keep-all;}
.mento-content .mento_title{font-size:2.3rem;color: #6baed1;font-weight:700;}
.mento-content .icon {font-size: 2.8rem;color: #6baed1;font-weight:600;}
.mento-content .num {font-size: 4.5rem;font-weight:700;display: inline-block;}
.mento-content h3 {line-height: 1.3; margin-bottom: 1.5rem;}
.v-img img {border: 1px solid #e1e6db;}
.mento-content p:last-child{font-family: 'IropkeBatang';}
.mentoring_desc{margin-top:30px;}

/* cafe 토티 */
.cafe-info-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem;}
.cafe-info-card {display: flex; align-items: center; gap: 2rem; border: 1px solid #d0e3ef; background-color: #ffffff; padding: 2.5rem 3rem;}
.cafe-info-icon {flex-shrink: 0; width: 5rem; height: 5rem; border-radius: 50%; background-color: #f4f8fa; display: flex; align-items: center; justify-content: center; color: #6baed1;}
.cafe-info-icon .thin-icon {font-size: 2.4rem; color: #6baed1;}
.cafe-info-body {flex-grow: 1; word-break: keep-all;}
.cafe-info-tel {color: #0e1f3d; text-decoration: none; letter-spacing: 0.02rem;}
.cafe-info-tel:hover {color: #6baed1;}
.totee-location{margin-top:30px;}
.totee-img{border-radius:20px;aspect-ratio:1200/680;overflow:hidden;}
.totee-img img{aspect-ratio:1200/680;overflow:hidden;object-fit:cover;}
.gallery_box{padding:5rem 2rem;}
.cafe_wrap {display: grid;grid-template-columns: 3fr 4fr;gap: 4rem;}




/* 통합 미디어쿼`리 (1199px) */
@media (max-width: 1199px) {
    .vision-grid {gap: 3rem;}
    .staff-grid {grid-template-columns: repeat(3, 1fr);}
    .worship-content {padding: 3rem 2rem;}
	.staff-grid {grid-template-columns: repeat(3, 1fr);}
    .location-info-grid {gap: 1.5rem;}
    .info-card {padding: 2rem;}
    .parking-grid {gap: 3rem;}
    .intro-grid {gap: 2rem;}
    .desc-box {padding: 3rem 2rem;}
    .greeting-bg {padding-left: 1rem; padding-right: 1rem;}
	.step-grid {grid-template-columns: 1fr 40px 1fr;}
    .step-grid > .dimode-component:first-child {grid-column: 1 / span 3;}
    .step-grid > .dimode-component:nth-child(5) {grid-column: 1 / span 3; justify-content: center;}
    .step-grid > .dimode-component:nth-child(5) .step-arrow {padding-top: 0;}
    .step-grid > .dimode-component:nth-child(5) span {transform: rotate(90deg);}
    .step-arrow {width: 60px;}
    .edu-box {padding: 3rem 2rem;}
	.step-grid {grid-template-columns: 1fr 60px 1fr; row-gap: 4rem; column-gap: 2rem;}
    .step-grid > .step-arrow:nth-child(4) {grid-column: 1 / span 3; width: 100%; padding: 0; justify-content: center;}
    .step-grid > .step-arrow:nth-child(4) span {transform: rotate(90deg);}
	.principle-grid {gap: 2rem;}
}

/* 통합 미디어쿼리 (992px) */
@media (max-width: 992px) {
    .vision-grid {grid-template-columns: 1fr; gap: 2rem; margin-bottom: 4rem;}
    .reverse .v-text {order: 1;}
    .reverse .v-img {order: 2;}
    .vision-content {padding: 0; }
    
    .history-box {grid-template-columns: 1fr; padding: 2rem;}
    .history-year-col h3 {position: static; padding-bottom: 1rem; border-bottom: 2px solid #0e1f3d; margin-bottom: 1rem;}
    .history-table td:first-child {width: 120px;}
    .staff-grid {grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
    .worship-grid {grid-template-columns: 1fr; gap: 1.5rem;}
    .f-right {padding: 1.5rem;}
    .location-info-grid {grid-template-columns: 1fr; gap: 1.5rem;}
    .parking-grid {grid-template-columns: 1fr; gap: 2rem;}
    .parking-img-col {padding: 0 2rem;}
    .intro-grid {grid-template-columns: 1fr; gap: 2.5rem;}
    .detail-grid {grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem 0;}
    .detail-title {border-bottom: 2px solid #0e1f3d; padding-bottom: 0.8rem; display: inline-block;}
    .intro-text-col > div {text-align: center;}
    .intro-text-col .title-line {margin-left: auto !important; margin-right: auto !important;}
    .content-col {padding-left: 0; margin-top: 2rem;}
	.intro-grid {grid-template-columns: 1fr; gap: 2.5rem;}
    .step-grid-top, .step-grid-bottom {display: grid !important; grid-template-columns: 1fr; width: 100%; gap: 0;}
    .step-bottom-item {width: 100%;}
    .step-arrow {width: 100%; padding: 2rem 0;}
    .step-arrow span {transform: rotate(90deg);}
    .edu-grid {grid-template-columns: 1fr; gap: 2rem;}
	.intro-grid {grid-template-columns: 1fr; gap: 2.5rem;}
	.principle-grid {grid-template-columns: repeat(2, 1fr);}
	.welcome_wrap {width: 38%;}
	.welcome_arrow {width: 9%;}
	.cafe-info-card {padding: 2rem;}
    .cafe-info-icon {width: 4rem; height: 4rem;}
    .cafe-info-icon .thin-icon {font-size: 2rem;}
	.cafe_wrap {gap: 2rem;}

}

/* 통합 미디어쿼리 (767px) */
@media (max-width: 767px) {
    .p_top_3, .p_bottom_3, .p_top_4, .p_bottom_4, .p_top_6, .p_bottom_6 {padding-top:3rem; padding-bottom:3rem;}
    .p_top_8{padding-top:5rem;}.p_bottom_8{padding-bottom:5rem;}
    .vision-grid {margin-bottom: 3.5rem;}
    .vision-content h3 {word-break: keep-all;}
    .history-box {padding: 1.5rem;}
    .history-wrap {gap: 2rem;}
    .history-table, .history-table tbody, .history-table tr, .history-table td {display: block; width: 100%;}
    .history-table tbody tr {padding: 1rem 0;}
    .history-table td {padding: 0;}
    .history-table td:first-child {margin-bottom: 0.3rem;}
	.staff-grid {grid-template-columns: repeat(2, 1fr); gap: 1rem;}
    .staff-info {padding: 1rem 0.5rem;}
    .staff-title {margin-bottom: 1.5rem;}
	.worship-title{margin-bottom:1.5rem;}
    .worship-content {padding: 2.5rem 1.5rem;}
    .worship-table, .worship-table tbody, .worship-table tr, .worship-table td {display: block; width: 100% !important; text-align: center;}
    .worship-table tbody tr {padding: 1.2rem 0;}
    .worship-table td {padding: 0.3rem 0 !important;}
    .worship-table tbody tr.t-header {display: none !important;}
    .t-title {color: #88d2f8 !important; margin-bottom: 0.5rem;}
    .facility-row {flex-direction: column; gap: 0; margin-bottom: 2rem;}
    .roof-wrap {display: none;}
    .f-left {width: 100%; padding: 0.8rem 0; justify-content: flex-start; padding-left: 1.5rem;}
    .f-right {padding: 1.5rem; flex-direction: column; align-items: flex-start;}
    .f-large {display: none;}
    .room-list li::after {margin: 0 0.6rem;}
    .facility-footer {margin-top: 3rem;}
    .info-card {padding: 1.8rem;}
    .parking-img-col {padding: 0;}
    .info-list li {flex-direction: column; gap: 0.5rem;}
    .info-list li > span {width: 50px;}
	.parking-header {margin-bottom: 2rem;}
    .desc-box {padding: 2rem 1.5rem; text-align: left;}
    .intro-box {padding: 2.5rem 1.5rem; text-align: left;}
    .title {word-break: keep-all;}
    .vision-box {padding: 1.5rem; margin: 2rem 0;}
    .vision-list li {flex-direction: column; gap: 0.5rem;}
    .signature-area {margin-top: 3rem;}
	.nxt-eng-text{margin-bottom: 1rem;margin-top: -1rem;}
	.title_box{font-size:13px;}
	.edu-box {padding: 2.5rem 1.5rem;}
	.step-grid {grid-template-columns: 1fr; gap: 0;}
    .step-grid > .dimode-component:first-child {grid-column: 1 / span 1;}
    .step-grid > .dimode-component:nth-child(5) {grid-column: 1 / span 1;}
    .step-arrow {width: 100%; padding: 2rem 0;}
    .step-arrow span {transform: rotate(90deg);}
	.principle-grid {grid-template-columns: 1fr; gap: 1.5rem;}
    .principle-card {padding: 2rem 1.5rem;}
	.welcome-edu{grid-template-columns:11fr;}
	.welcome_wrap {width: 100%;}
	.welcome_arrow {width: 9%;}
	.welcome_arrow img{transform: rotate(90deg);}
	 .cafe-info-grid {grid-template-columns: 1fr; gap: 1rem;}
    .cafe-info-card {padding: 1.5rem; gap: 1.2rem;}
    .cafe-info-icon {width: 3.5rem; height: 3.5rem;}
    .cafe-info-icon .thin-icon {font-size: 1.8rem;}
	.gallery_box{padding:3rem 1rem;}
	.cafe_wrap {grid-template-columns: 1fr;gap: 1rem;}
	.staff-namebox {display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 1.5rem; width: 100%;}
    .staff-name-div {width: 100%; height: 1px;}
    .staff-title {margin-bottom: 1.5rem;}
}