@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*폰트사이즈*/
.t_fs_20{ font-size:20px; }
.t_fs_24{ font-size:24px; }
.t_fs_30{ font-size:30px; }
.t_fs_36{ font-size:36px; }
.t_fs_50{ font-size:50px; }
.t_fs_70{ font-size:70px; }

/*박스 올리기*/
.top_tbox1 { top: -70px; }

.t_1 td{ border-bottom:1px solid #ddd; padding:5px 20px; }

/*밑줄효과*/
.written_pen{ position: relative; }
.written_pen::after { content: ''; display: block; height: 15px; position: absolute; left: 0; bottom: 0px; background: rgba(178,204,216,0.3); width: 100%; }

.written_pen2{ position: relative; }
.written_pen2::after { content: ''; display: block; height: 15px; position: absolute; left: 0; bottom: 0px; background: rgba(211,189,174,0.3); width: 100%; }

/**/
.tboard_button a{ color:#333; }
.tboard_button a:hover{ color:#2d7de4; transition:0.5s; text-decoration:none; }
.tboard_button:hover{ background:#e7edf2; transition:0.5s; }

.tboard_button2 a{ color:#333; }
.tboard_button2 a:hover{ color:#aa8468; transition:0.5s; text-decoration:none; }
.tboard_button2:hover{ background:#f2ebe7; transition:0.5s; }

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #114165; }
.nav>li>a { position: relative; display: block; padding: 10px 15px; color: #121212; }
.navpills2 .subnav li a { padding-right: 25px; padding-left: 25px; padding-top: 5px; padding-bottom: 5px; }
.navpills2 .nav-pills>li>a { border-radius: 50px; }

.mission_img p { display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0px; }
.mission_history { max-width: 1122px; }




/* ============================================
   교회비전
   ============================================ */

.greeting {padding:3rem 0;}
.greeting .dimode-unit {margin:0;}
.greeting .greeting-left {display:flex; flex-direction:column;}

.greeting .greeting-hello {font-weight:700; color:#2a3b7f; margin-bottom:24px;}
.greeting .greeting-sub {color:#555; line-height:1.7; margin-bottom:34px;}

.greeting .greeting-photo img {width:100%; height:auto; display:block;}
.greeting .greeting-name {margin-top:18px;}
.greeting .greeting-pastor {text-align:center; font-weight:700; color:#333; padding-top:16px; border-top:1px solid #ddd;}

.greeting .greeting-body {padding-top:6px;}
.greeting .greeting-title {font-weight:700; color:#2a3b7f; margin-bottom:14px;}
.greeting .greeting-line {border:0; border-top:2px solid #2a3b7f; width:60px; margin:0 0 30px;}
.greeting .greeting-p {color:#555; line-height:1.9; margin:0 0 24px;}
.greeting .greeting-num {font-weight:700; color:#2a3b7f;}
.greeting .greeting-thanks {text-align:right; font-weight:700; margin-top:45px;}

@media (max-width:991px) {
 .greeting .greeting-left {padding-right:0; margin-bottom:30px;}
 .greeting .greeting-right {padding-left:0;}
 .greeting .greeting-photo {max-width:340px;}
 .greeting .greeting-hello {margin-bottom:18px;}
}
@media (max-width:767px) {
 .greeting .greeting-sub {margin-bottom:26px;}
 .greeting .greeting-photo {max-width:100%;}
 .greeting .greeting-p {margin-bottom:20px;}
.greeting .greeting-thanks {margin-top:30px;}
}





/* ============================================
   Mission History Table (제1호/2호/3호 공통)
   ============================================ */
.mission-title-wrap { display: inline-block; position: relative; margin-bottom: 2.5rem; padding-bottom: 0.3rem; max-width: 100%; }
.mission-title { color: #1a2a52; font-weight: 700; letter-spacing: -0.02em; margin: 0; line-height: 1.3; }
.mission-title-underline { display: block; width: 100%; height: 2px; background-color: #1a2a52; margin-top: 0.5rem; }
.mission-history-table { width: 100%; border-top: 1px solid #d9d9d9; }
.mission-row { display: grid; grid-template-columns: 180px 1fr; gap: 40px; align-items: center; padding: 2rem 1rem; border-bottom: 1px solid #e5e5e5; }
.mission-label { color: #1a2a52; font-weight: 700; text-align: center; line-height: 1.4; letter-spacing: -0.01em; }
.mission-content { display: flex; flex-direction: column; gap: 0.6rem; }
.mission-text { color: #555555; margin: 0; line-height: 1.7; letter-spacing: -0.01em; }
.mission-text strong { color: #222222; font-weight: 700; }

#daumRoughmapContainer1773994045438 .cont{ display:none; }

/* ============================================
   다음세대 - 상단 히어로 배너
   ============================================ */
.nxt_hero {padding:100px 0px; position:relative; z-index:98; margin:30px 0px 0px; height:450px; background-repeat:repeat; background-attachment:scroll; background-size:cover; background-position:center center;}
.nxt_hero_inner {padding:10px 30px; width:1340px;}
.nxt_hero_eng {font-weight:600; margin-bottom:40px; color:#fff; text-align:right;}
.nxt_hero_desc {text-align:right; color:#fff;}
.nxt_intro_slide img{aspect-ratio:670/387; object-fit:cover; overflow:hidden;}

/* 슬라이드 + 소개 */
.nxt_intro {padding:0px; margin:50px 0px 0px; position:relative; z-index:98;}
.nxt_intro_slide {padding-right:0px; position:relative;}
.nxt_intro_text {padding:0px 15px 0px 0px; position:relative;}
.nxt_intro_card {background-color:#ececfe; padding:50px; min-height:370px;}
.nxt_intro_desc {line-height:1.8;}

/* 층별 안내 (숨김) */
.nxt_floor_left {background-color:#becbe5; padding:35px 50px; border-radius:10px 0 0 10px; text-align:center;}
.nxt_floor_right {background-color:#f9f9f9; padding:35px 50px; border-radius:0 10px 10px 0;}
.nxt_floor_left_col {padding-left:0; padding-right:0;}
.nxt_floor_right_col {padding-left:0; padding-right:0;}
.nxt_floor_num {font-weight:600; color:#fff;}
.nxt_floor_txt {color:#555;}

/* 하단 2열 */
.nxt_bottom_row {margin:0px 0px 50px; padding:0px;}
.nxt_worship_col {margin:0px 0px 5px; padding:0px;}

/* 예배안내 */
.nxt_worship_box {background-color:#807faa; padding:50px; color:#fff; height:370px;}
.nxt_worship_title {font-weight:600; color:#fff;}
.nxt_worship_line {border-top:1px solid #fff; width:20%; display:inline-block; margin-top:5px;}
.nxt_worship_item {margin-top:20px;}
.nxt_worship_item:first-of-type {margin-top:15px;}

/* 예배시간 표 */
.next_01 {border-left:hidden; border-right:hidden; text-align:center; border-top:3px solid #807faa; border-bottom:3px solid #807faa; background-color:#fff;}
.next_01 td {padding:15px !important; border:1px solid #bbb !important;}
.next_01 td:nth-child(1) {font-weight:600; background-color:#ececfe;}

/* 섬기는 이들 (유닛 분리형) */
.nxt_ministry_box {background-color:#9db0c6; padding:60px; min-height:370px;}
.nxt_ministry_col {margin:0px 0px 5px; padding:50px; display:flex; flex-wrap:wrap; align-items:center; row-gap:0; column-gap:20px;}
.nxt_ministry_col .dimode-unit {margin:0;}
.nxt_ministry_head {flex:0 0 100%; margin-bottom:40px;}
.nxt_ministry_title {font-weight:600; color:#fff;}
.nxt_ministry_line {border-top:1px solid #fff; width:26%; display:inline-block; margin-top:5px;}
.nxt_ministry_p1_img, .nxt_ministry_p2_img {flex:0 0 auto;}
.nxt_ministry_img {width:120px; height:120px; border-radius:50%; overflow:hidden; background:#c3cdd9;}
.nxt_ministry_img img {width:100%; height:100%; object-fit:cover; display:block;}
.nxt_ministry_p1_txt, .nxt_ministry_p2_txt {flex:0 1 auto;}
.nxt_ministry_info {line-height:1.5;}
.nxt_ministry_badge {display:inline-block; padding:3px 14px; border-radius:9999px; background:rgba(255,255,255,1); color:#807faa; font-weight:600; margin-bottom:8px;}
.nxt_ministry_name {font-weight:600; color:#fff;}
.nxt_ministry_line_unit {flex:0 0 auto; align-self:stretch; display:flex;}
.nxt_ministry_divider {width:1px; align-self:stretch; background:rgba(255,255,255,0.45); min-height:120px;}

/* ============================================
   예배안내 - 원형 카드 (worship-circle)
   ============================================ */
.worship-circle {display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; padding-top:3rem;}
.worship-circle .dimode-unit {margin:0;}
.worship-circle .wcir-col {min-width:0; padding:2rem; background:#f5faff;}
.worship-circle .wcir-circle {width:170px; height:170px; margin:0 auto 26px; border-radius:50%; overflow:hidden;}
.worship-circle .wcir-circle img {width:100%; height:100%; object-fit:cover; display:block;}
.worship-circle .wcir-title {text-align:center; font-weight:700; color:#2a3b7f; margin-bottom:20px;}
.wcir-title p{margin:0;}
.wcir-title p:nth-child(2) span{letter-spacing:3px; opacity:0.2;}
.worship-circle .wcir-rows {display:flex; flex-direction:column;}
.worship-circle .wcir-row {display:grid; grid-template-columns:1.1fr 1fr 1.1fr; gap:8px; align-items:center; padding:13px 4px; border-bottom:1px solid #ececec;}
.worship-circle .wcir-row:last-child {border-bottom:0;}
.worship-circle .wcir-head {border-top:2px solid #2a3b7f; padding-top:11px; padding-bottom:11px; border-bottom:2px solid #2a3b7f; color:#9aa2bd; font-weight:600;}
.worship-circle .wcir-head span {text-align:center;}
.worship-circle .wcir-head span:first-child {text-align:left;}
.worship-circle .wcir-cat {font-weight:600; color:#333;}
.worship-circle .wcir-time {text-align:center; font-weight:600; color:#2a3b7f;}
.worship-circle .wcir-place {text-align:center; color:#888;}

/* ============================================
   연혁 (history)
   ============================================ */
.history .dimode-unit {margin:0;}
.history .history-nav {display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:50px; padding-bottom:26px; border-bottom:1px solid transparent;}
.history .history-tab {border:1px solid #d5dae8; background:#fff; color:#666; font-weight:600; padding:10px 20px; border-radius:50px; cursor:pointer; transition:all 0.25s ease;}
.history .history-tab:hover {border-color:#2a3b7f; color:#2a3b7f;}
.history .history-tab.is-active {background:#2a3b7f; border-color:#2a3b7f; color:#fff;}
.history .history-panel {display:none;}
.history .history-panel.is-active {display:block; animation:historyFade 0.4s ease;}
@keyframes historyFade {from {opacity:0; transform:translateY(12px);} to {opacity:1; transform:translateY(0);}}
.history .history-year {font-weight:600; color:#2a3b7f; margin-bottom:6px;}
.history .history-year-line {border:0; border-top:1px solid #555; width:60px; margin:0 0 24px;}
.history .history_01 {width:100%; border-left:hidden; border-right:hidden; border-top:hidden; border-bottom:3px solid #333;}
.history .history_01 td {padding:17px; line-height:1.8; vertical-align:top; border-top:1px solid #eee;}
.history .history_01 td:nth-child(1) {font-weight:600; text-align:center; color:#565ba3; white-space:nowrap;}

/* =========================================================
   반응형
   ========================================================= */
@media (max-width:1199px){
  .nxt_hero_inner {width:100%;}
  .nxt_intro_card, .nxt_worship_box, .nxt_ministry_box {padding:40px;}
}

@media (max-width:992px){
  /* mission */
  .mission-row {grid-template-columns:140px 1fr; gap:24px; padding:1.6rem 0.6rem;}

  /* 다음세대 */
  .nxt_hero {height:auto; padding:70px 0px;}
  .nxt_hero_inner {padding:10px 20px;}
  .nxt_intro_slide, .nxt_intro_text {padding:0 15px;}
  .nxt_intro_card {height:auto; min-height:0;}
  .nxt_worship_col, .nxt_ministry_col {width:100%; float:none; margin:0;}
  .nxt_worship_box {height:auto;}
  .nxt_ministry_box {min-height:0;}

  /* 예배안내 원형 카드 */
  .worship-circle {grid-template-columns:1fr; gap:50px; max-width:520px;}
  .worship-circle .wcir-row {grid-template-columns:1.2fr 1fr 1.2fr;}

  /* 연혁 */
  .history .history-nav {margin-bottom:38px;}
  .history .history_01 td {padding:14px;}
}

@media (max-width:767px){
  /* mission */
  .mission-title-wrap {margin-bottom:1.8rem;}
  .mission-row {grid-template-columns:90px 1fr; gap:16px; padding:1.4rem 0.2rem; align-items:flex-start;}
  .mission-label {text-align:left; line-height:1.5;}
  .location_list {margin-bottom:20px; border-right:none !important;}

  /* 다음세대 */
  .nxt_hero {padding:50px 0px;}
  .nxt_hero_eng {margin-bottom:24px; text-align:left;}
  .nxt_hero_desc {text-align:left;}
  .nxt_hero_desc br {display:none;}
  .nxt_intro_card, .nxt_worship_box, .nxt_ministry_box {padding:32px 24px;}
  .nxt_floor_left {border-radius:10px 10px 0 0; padding:20px;}
  .nxt_floor_right {border-radius:0 0 10px 10px; padding:20px;}

  /* 섬기는 이들: 세로 스택 + 구분선 가로줄 */
  .nxt_ministry_col {align-items:flex-start; column-gap:30px; row-gap:16px;}
  .nxt_ministry_head {margin-bottom:20px;}
  .nxt_ministry_line_unit {flex:0 0 100%; width:100%;}
  .nxt_ministry_divider {width:100%; height:1px; min-height:0; align-self:auto;}

  /* 예배안내 원형 카드 */
  .worship-circle .wcir-circle {width:130px; height:130px;}
  .worship-circle .wcir-title {margin-bottom:16px;}
  .worship-circle .wcir-row {padding:12px 2px;}

  /* 연혁 */
  .history .history-nav {gap:6px; margin-bottom:30px; padding-bottom:20px;}
  .history .history-tab {padding:8px 14px;}
  .history .history_01 td {padding:12px 8px; line-height:1.7;}
  .history .history_01 td:nth-child(1) {white-space:normal;}
}