@charset "utf-8";

/*
  =============================================================================
  멀티 고객 / 색감 스위칭 — :root 변수만 바꾸면 됩니다.
  아래 값은 [프리셋 A · 바이올렛 + 청록 + 더스트핑크] (현행 기본) 입니다.
  다른 분위기는 바로 아래 [프리셋 B~D] 주석에 적힌 값을 복사해 :root { } 안에 넣어 덮어쓰세요.
  =============================================================================
*/
:root {
  /* ----- 사이트 공통 (헤더·모바일·푸터·스크롤 등) ----- */
  --theme-brand: #735b8f;
  --theme-brand-contrast: #ffffff;
  --theme-footer-bg: #9d5b6e;
  --theme-footer-text: #dedede;
  --theme-mobile-open-bg: #4d525a;
  --theme-scrollbar-track: #f5f5f5;
  --theme-text-body: #555555;
  --theme-text-heading: #000000;
  --theme-border-light: #dddddd;
  --theme-breadcrumb-bg: #a2a3ae;
  --theme-sidebar-title-bg: #413f61;
  --theme-sub-article-accent: #4791b7;
  --theme-news-box-bg: #f6f6ff;
  --theme-news-badge: #3c98be;

  /* ----- index2 메인 (.idx-ref, 표어·말씀·리스트 등) ----- */
  --idx-accent: #1a7fa0;
  --idx-accent-dark: #156682;
  --idx-accent-bright: #2aa7c9;
  --idx-soft: #f0f7fa;
  --idx-muted: #6c757d;
  --idx-warm: #e59a9a;
  --idx-warm-hover: #d88989;
  /* box-shadow 용: --idx-warm 과 톤 맞출 것 (R, G, B 쉼표 구분) */
  --idx-warm-rgb: 229, 154, 154;
  --idx-motto-bg: #fdf8f8;
  --idx-word-section-bg: #f2e1df;
  --idx-warm-muted: #888888;
  --idx-swiper-nav: #4a5568;
  --idx-title-text: #121820;
  --idx-welcome-title: #1a2b34;
  --idx-welcome-body: #3d4f58;
  --idx-card-border: #e8f0f3;
  --idx-word-card-border: #e3eef2;
  --idx-ql-text: #2c3e50;
  --idx-welcome-border: #e5eef2;
  --idx-border-subtle: #e9ecef;
  --idx-poster-fallback: #c4b5b3;
  --idx-list-section-bg: #fafcfd;
}

/*
  ---------------------------------------------------------------------------
  [프리셋 B · 포레스트 그린] 자연·차분 — :root { ... } 안만 아래처럼 교체

  --theme-brand: #2d6a4f;
  --theme-footer-bg: #1b4332;
  --theme-mobile-open-bg: #344e41;
  --idx-accent: #40916c;
  --idx-accent-dark: #2d6a4f;
  --idx-accent-bright: #52b788;
  --idx-soft: #f1f8f4;
  --idx-warm: #d4a373;
  --idx-warm-hover: #bc8a5f;
  --idx-warm-rgb: 212, 163, 115;
  --idx-motto-bg: #f8faf7;
  --idx-word-section-bg: #e9f0eb;
  --idx-list-section-bg: #f7faf8;

  ---------------------------------------------------------------------------
  [프리셋 C · 딥 네이비 + 골드] 전통·고급

  --theme-brand: #1e3a5f;
  --theme-footer-bg: #0f2840;
  --theme-mobile-open-bg: #152a45;
  --theme-breadcrumb-bg: #3d5a80;
  --theme-sidebar-title-bg: #1e3a5f;
  --idx-accent: #c9a227;
  --idx-accent-dark: #a68520;
  --idx-accent-bright: #e0b84a;
  --idx-soft: #f7f5ef;
  --idx-warm: #c9a227;
  --idx-warm-hover: #a68520;
  --idx-warm-rgb: 201, 162, 39;
  --idx-motto-bg: #faf9f5;
  --idx-word-section-bg: #f2efe6;
  --theme-news-badge: #c9a227;
  --theme-news-box-bg: #fbf9f4;
  --idx-list-section-bg: #faf8f4;

  ---------------------------------------------------------------------------
  [프리셋 D · 슬레이트 미니멀] 모던·중립

  --theme-brand: #5c677d;
  --theme-footer-bg: #3d4454;
  --theme-mobile-open-bg: #495057;
  --theme-breadcrumb-bg: #868e96;
  --theme-sidebar-title-bg: #495057;
  --idx-accent: #339af0;
  --idx-accent-dark: #1c7ed6;
  --idx-accent-bright: #74c0fc;
  --idx-soft: #f1f3f5;
  --idx-warm: #ff8787;
  --idx-warm-hover: #fa5252;
  --idx-warm-rgb: 255, 135, 135;
  --idx-motto-bg: #f8f9fa;
  --idx-word-section-bg: #e9ecef;
  --theme-news-badge: #339af0;
  --theme-news-box-bg: #f1f3f5;
  --idx-list-section-bg: #f8f9fa;

*/

/*https://www.cssportal.com/css-formatter/*/
/*
font-family: 'Noto Sans KR', sans-serif;  기본
font-family: 'Noto Serif KR', serif;

font-family: 'Song Myung', serif; 본문 강조
font-family: 'Nanum Brush Script', cursive; 본문 강조
Nato 고딕, 명조.. 300, 400, 500, 700

font-family: 'NanumSquare', sans-serif; } 300 400 700 800   서브 타이틀
font-family: 'NanumSquareRound',sans-serif; Regular(400), Bold(700), Extra Bold(800), Light(300) 지원됩니다.


CSS 코드를 최대한 보고.... Bootstrap으로 대체... 불필요코드 줄이고,
common chbk css 세트
예: 배경화면, 배경패턴, Bootstrap override
;
*/
@font-face {
     font-family: 'S-CoreDream-4';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

html{overflow-x: hidden!important;}html::-webkit-scrollbar {width: 10px;background-color: var(--theme-scrollbar-track);}html::-webkit-scrollbar-thumb {background-color: var(--theme-brand);}
body{font-family:'S-CoreDream-4',sans-serif;font-weight: 300;}a,a:link,a:hover,a:visited,a:active{text-decoration: none;}
body, a,a:link,a:hover,a:visited,a:active {color: var(--theme-text-body);}
.back-to-top {position: fixed; bottom: 0; right:0; z-index: 2; width:50px; height: 50px; color: var(--theme-brand-contrast)!important; line-height: 50px; font-weight:500;text-align: center; display: none; font-family: 'Roboto'; background: var(--theme-brand);}


/*Bootstrap Overwirte*/
.btn{color:white!important;border-radius: 0}
.btn-light{color:#7A7A7A!important;border:1px solid var(--theme-border-light);}
.form-control{border-radius: 0}
.input-group-text{border-radius: 0}
.custom-file-label{border-radius: 0}
/*-----------------------------------------*/

/*common*/
.show-sm{display:none;}

/*Mobile Menu*/
#mobileNav {position:fixed;width: 300px;height:100%;top: 0;left:-300px;z-index: 101;overflow: auto;-webkit-overflow-scrolling: touch;}#mobileNav ul{list-style: none;margin:0;padding:0;}#mobileNav .mobile-header {position: relative;padding: 10px;background: var(--theme-brand);display: none;height:60px;color:white;}#mobileNav .mobile-header h4 a{color: #fff;font-size:300;}#mobileNav .mobile-header button {color: #fff;}#mobileNav .mobile-header .mobile-close {position: absolute;right: 15px;top: 10px;border: 0;font-size: 28px;color: #fff;background-color: var(--theme-brand);}#mobileNav .mobile-header .mobile-close i {font-size: 28px;}#mobileNav .mgnb {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}#mobileNav .mgnb a {font-weight: 400;display: block;}#mobileNav .mgnb > li {}#mobileNav .mgnb > li > a {background: #fff;border-top: 1px solid #ccc;font-size: 18px;padding: 15px 20px;color: #333333;font-weight: 400;}#mobileNav .mgnb > li:first-child > a {border-top:0;}#mobileNav .mgnb > li.active > a {}#mobileNav .mgnb li > a i{margin-right:5px;color:#767a81;transition:all .2s ease-out 0;-webkit-transition:all .2s ease-out 0;}#mobileNav .mgnb li > ul > li >a i{color:white;}#mobileNav .mgnb li a i.rightico {float:right;margin: -30px 0 0 0;}#mobileNav .mgnb li > ul > li >  a i.rightico {float:right;margin: 0px 0 0 0;}#mobileNav .mgnb li.active > a i.rightico {color:#91cb5a;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}#mobileNav .mgnb > li > ul {border-top: 1px solid #596170;}#mobileNav .mgnb > li > ul > li > a {background: #757c89;border-bottom: 1px solid #596170;font-size: 14px;padding: 12px 20px;color: #fff;}#mobileNav .mgnb > li > ul > li > ul > li > a {background: #f5f5f5;border-top: 1px solid #cccccc;padding: 12px 35px;color: #777;font-size: 13px;}#mobileNav .mgnb > li > ul > li > ul > li:first-child > a {border-top: 0;}#mobileNav .mobile-footer {float:left;width:100%;padding: 5px 20px;background: #fff;display: none;}#mobileNav .mobile-footer a {}#mobileNav .mobile-footer ul > {float:left;}#mobileNav .mobile-footer ul > li {float:left;width:25%;text-align: center;border-right:1px solid #B1B1B1;}#mobileNav .mobile-footer ul > li{}#mobileNav .mobile-footer ul > li i{display: block;padding-bottom:10px;font-size:2em;margin:auto;}#mobileNav .mobile-footer ul > li > a {display: block;font-size:.8em;padding: 8px 0;position: relative;text-align: center;color:#757575;text-align: center}.site-overlay{display: none;}body.mobile-active .site-overlay{display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;background-color: rgba(0,0,0,0.7);-webkit-animation: fade 500ms;-moz-animation: fade 500ms;-o-animation: fade 500ms;animation: fade 500ms;}@keyframes fade{0% {opacity: 0;}100% {opacity: 1;}}@-moz-keyframes fade{0% {opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes fade{0% {opacity: 0;}100% {opacity: 1;}}@-o-keyframes fade{0% {opacity: 0;}100% {opacity: 1;}}#navigation .mobile-header, #navigation .mobile-footer{display:none;}

/*Block when pc only - fixed width*/

/*Block when pc only - fixed width*/
@media screen and (max-width: 960px){
  .mobile-open{display:flex!important;position:fixed;left:0;top:0;color:var(--theme-brand-contrast);background:var(--theme-mobile-open-bg);font-size:28px;border:0;line-height:0;height:60px;width:60px;z-index:2;justify-content: center;align-items: center;}
}

/*Website*/
#wrapper{/*float:left;width:100%; fixed 형*/}

.header_top{height:40px;}
.header_top .utility{padding-top:0px;}
.header_top .utility a{color:#000000;font-size:.8em;padding:5px 7px;}

#header{top:0;-webkit-transition: height 0.4s;-moz-transition: height 0.4s;transition: height 0.4s ease-out;z-index:10;width:100%;}
#header .mobile-open { display: none;}
#header .menu-section{display: flex;flex-direction: row; justify-content: space-between;align-items: center;padding:20px 0}
#header .logo {margin-top:-20px;margin-right:50px;}
#header .logo a:hover img{animation: bounce;animation-duration: 1s;}
/*메뉴*/
#header .header_menu{width:100%;}
#header .header_menu ul{list-style-type: none}
#header .header_menu ul.sf-menu  {display: flex;width:100%;z-index:11;justify-content: space-between;list-style: none;padding:0;margin:0;}
#header .header_menu ul  > li{position:relative;text-align: center;width:100%;}
#header .header_menu ul.sf-menu  > li > a{font-family: 'NanumSquare', sans-serif;   font-size:20px;width:100%;text-align: center;font-weight:700; display: block;color:#000000;padding-bottom:20px;}
#header .header_menu ul.sf-menu  > li > a > span {position: relative; }


/*#header .header_menu li:hover ul{display: block;}*/
#header .header_menu li > ul.subnav {display: none; position:absolute;padding:0;margin:0;width: 250px; flex-direction:column;height:auto;z-index: 50;}
#header .header_menu ul.sf-menu  > li:hover ul.subnav{display:flex;animation: fadeIn;animation-duration: .5s;}
#header .header_menu li > ul > li {position: relative; background-color:#f1f1f1;border-bottom:1px solid #dddddd;}
#header .header_menu li > ul > li:hover > a{background-color:#606060;color:white;}
#header .header_menu li > ul > li:last-child{padding-bottom:5px;}
#header .header_menu li > ul > li > a{float:left;width:100%;padding:7px 0;font-weight:400;font-family:'Noto Sans KR',sans-serif;color:#5E5E5E;}
#header .header_menu li > ul > li:first-child{padding-top:10px;border-top-left-radius: 10px;border-top-right-radius: 10px}
#header .header_menu li > ul > li:last-child{padding-bottom:10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px}
#header .header_menu li > ul > li > ul.subCate {display: none; position: absolute;left:200px;top:0px;list-style-type: none;width:250px;z-index: 100;flex-direction: column;}
#header .header_menu ul.sf-menu ul.subnav > li:hover ul.subCate {display: flex;animation: fadeIn;animation-duration: .3s;}

/*보이지 않게하는 메뉴*/
/*#header .header_menu li > ul.subnav.m5{width:300px;}*/

/*서브 영문처리*/
.sf-menu  ul.subnav li a{display: flex;flex-direction: column;}
.sf-menu  ul.subnav li a span{display: block;font-size:.9em;}
.sf-menu  ul.subnav li a span:first-child{font-size:1.1em;}
/*선교부분은 영어먼저*/
.mgnb  ul.m6 li a{display: flex!important;flex-direction: row-reverse!important;justify-content: flex-end;width:100%;}
.mgnb  ul.m6 li a span{padding-right:5px;}
.sf-menu ul.m6 li a{display: flex;flex-direction: column-reverse;}

.mainNavA{display: flex;flex-direction: column-reverse!important;}
.mainNavA > span{display: block;font-size:1.1em;}
.mNavEng{font-size:.6em!important;}

/*영상배너의 크기에 대한 것*/
#mainBanner .swiper-slide {display: flex;justify-content: center;}
#mainBanner .swiper-slide video, #mainBanner .swiper-slide img{width:100%;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
  #mainBanner .swiper-slide video, #mainBanner .swiper-slide img{width:auto;}
}

@media screen and (max-width: 768px) {

}
@media screen and (max-width: 576px) {
  #mainBanner .swiper-slide video{height:280px;}
  #mainBanner .swiper-slide img{height:280px;width:100%}
}

.idx-motto-label-en {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: color: #777;
    letter-spacing: 0.3px;
}

img[name="target_resize_image[]"][src*="/file/m5_3/"] {
    display: block !important;
    width: 900px !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto 20px auto;
}
/* .idx-ref 는 index2 래퍼; 색은 상단 :root 변수를 사용 */
/* index 메인 배너 — Bootstrap container 폭에 맞춤, 슬라이드 100% */
.idx-ref .idx-hero-wrap {
  position: relative;
  background: #ffffff;
  padding: 1.25rem 0 0;
}
@media (max-width: 576px) {
  .idx-ref .idx-hero-wrap {
    padding: 0;
  }
}
.idx-ref .idx-banner-wrap.container {
  width: 1280px !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1200px) {
  .idx-ref .idx-banner-wrap.container {
    width: 1000px !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 992px) {
  .idx-ref .idx-banner-wrap.container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  /* 모바일: 좌우 패딩 없이 화면 폭 전체 사용 */
  .idx-ref .idx-hero-wrap {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
  }
  .idx-ref .idx-banner-wrap.container {
    padding-left: 0 !important;
    padding-right: 0 !important;

  }
  .swiper-button-next, .swiper-button-prev{display: none;}
}
.idx-ref #mainBanner {
  overflow: visible;
  width: 100%;
  height:550px;
}
.idx-ref #mainBanner .swiper-container {
  position: relative;
  width: 100%;
  height:100%;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;

}
.idx-ref #mainBanner .swiper-slide {
  max-width: none;
  height: auto;
  border-radius: 28px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 10px 34px rgba(15, 40, 55, 0.11);
}
@media (max-width: 575px) {
  .idx-ref #mainBanner .swiper-slide {
    border-radius: 0px;
  }
}
.idx-ref #mainBanner .swiper-slide > a,
.idx-ref #mainBanner .swiper-slide > span {
  display: block;
  width: 100%;
}
.idx-ref #mainBanner .swiper-slide img,
.idx-ref #mainBanner .swiper-slide video {
  display: block;
  aspect-ratio: 16 / 9;
  height:100%;
}
@media (max-width: 576px) {
  .idx-ref #mainBanner .swiper-slide img,
  .idx-ref #mainBanner .swiper-slide video {
    min-height: 200px;
    max-height: 300px;
  }
}
.idx-ref #mainBanner .swiper-button-prev,
.idx-ref #mainBanner .swiper-button-next {
  z-index: 5;
  color: var(--idx-swiper-nav);
}
.idx-ref #mainBanner .swiper-pagination {
  bottom: 6px !important;
}
.idx-ref #mainBanner .swiper-pagination-bullet {
  margin: 0 5px !important;
}
@media (max-width: 576px) {
  .idx-ref #mainBanner .swiper-button-prev,
  .idx-ref #mainBanner .swiper-button-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  }
  .idx-ref #mainBanner .swiper-button-prev::after,
  .idx-ref #mainBanner .swiper-button-next::after {
    font-size: 14px;
    font-weight: 700;
  }
}

/* index2 메인 — 표어 + 원형 아이콘 6개 */
.idx-motto-section {
  background: var(--idx-motto-bg);
  padding-top: 2rem;
  padding-bottom: 3.25rem;
  margin-top:30px;
}
.idx-motto-section .idx-motto-year {
  margin: 0 0 1rem;
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-text-heading);
  letter-spacing: -0.02em;
}
.idx-motto-section .idx-motto-line {
  margin: 0 auto 1rem;
  max-width: 920px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--idx-warm);
  letter-spacing: -0.03em;
}
.idx-motto-section .idx-motto-ref {
  margin: 0;
  font-size: 13px;
  color: var(--idx-warm-muted);
  font-weight: 400;
}
.idx-motto-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2.75rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  list-style: none;
  padding: 0;
}
.idx-motto-icons .idx-motto-item {
  flex: 0 0 16.666%;
  max-width: 16.666%;
  padding: 12px 10px;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 991px) {
  .idx-motto-icons .idx-motto-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (max-width: 575px) {
  .idx-motto-section .idx-motto-line {
    font-size: 22px;
  }
  .idx-motto-icons .idx-motto-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 14px 12px;
  }
}
.idx-motto-icons a.idx-motto-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none !important;
  color: inherit;
}
.idx-motto-icons a.idx-motto-btn:hover .idx-motto-circle {
  box-shadow: 0 10px 28px rgba(0,0,0,.1);
  transform: translateY(-3px);
}
/* 샘물 레퍼런스: 라벨까지 원 안에 배치 + 아이콘 비중 크게 */
.idx-motto-circle {
  width: 148px;
  height: 148px;
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.07);
  border: 1px solid rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 12px 16px;
  box-sizing: border-box;
  transition: box-shadow .25s ease, transform .25s ease;
}
.idx-motto-circle .idx-motto-ico,
.idx-motto-circle .fal.idx-motto-ico,
.idx-motto-circle .far.idx-motto-ico,
.idx-motto-circle .fas.idx-motto-ico {
  font-size: 4.25rem !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  text-align: center;
  color: var(--idx-warm) !important;
  font-weight: 300 !important;
  flex-shrink: 0;
}
.idx-motto-circle .svg-inline--fa.idx-motto-ico {
  font-size: 4.25rem !important;
  width: 1em !important;
  height: 1em !important;
  vertical-align: middle;
}
.idx-motto-circle .idx-motto-label {
  display: block;
  margin: 12px 0 0;
  padding: 0 2px;
  font-size: 16px;
  font-weight: 700;
  color: var(--theme-text-heading);
  letter-spacing: -0.03em;
  line-height: 1.25;
  max-width: 100%;
}
@media (max-width: 575px) {
  .idx-motto-circle {
    width: 132px;
    height: 132px;
    padding: 14px 10px 12px;
  }
  .idx-motto-circle .idx-motto-ico,
  .idx-motto-circle .fal.idx-motto-ico,
  .idx-motto-circle .far.idx-motto-ico,
  .idx-motto-circle .fas.idx-motto-ico {
    font-size: 3.65rem !important;
  }
  .idx-motto-circle .svg-inline--fa.idx-motto-ico {
    font-size: 3.65rem !important;
  }
  .idx-motto-circle .idx-motto-label {
    margin-top: 8px;
    font-size: 12px;
  }
}

.idx-ref .quickLink.idx-quick-overlap {
  position: relative;
  z-index: 6;
  background: transparent !important;
  border-radius: 0 !important;
  margin-top: -3.25rem;
  box-shadow: none !important;
}
.idx-ref .quickLink.idx-quick-overlap > .idx-quick-inner {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(15, 60, 80, 0.12);
  overflow: hidden;
}
.idx-ref .idx-ql-cell {
  border-right: 1px solid var(--idx-border-subtle);
  min-height: 100%;
}
.idx-ref .idx-ql-cell:last-child {
  border-right: 0;
}
.idx-ref .quickLink .qlHref.idx-ql-card {
  display: flex;
  align-items: center;
  padding: 1.25rem 1rem;
  transition: background-color .2s ease, transform .2s ease;
}
.idx-ref .quickLink .qlHref.idx-ql-card:hover {
  background: var(--idx-soft);
  transform: translateY(-2px);
}
.idx-ref .quickLink .fa-stack .fa-stack-2x {
  color: var(--idx-accent);
}
.idx-ref .quickLink .fa-inverse {
  color: var(--theme-brand-contrast) !important;
}
.idx-ref .quickLink a,
.idx-ref .quickLink h4,
.idx-ref .quickLink h5 {
  color: var(--idx-ql-text) !important;
  font-family: 'NanumSquare', sans-serif;
}
.idx-ref .quickLink h4 {
  font-weight: 700;
  font-size: 1.15rem;
}
.idx-ref .quickLink h5 {
  font-weight: 400;
  opacity: .92;
}
@media (max-width: 767px) {
  .idx-ref .quickLink.idx-quick-overlap {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .idx-ref .idx-ql-cell {
    border-right: 0;
    border-bottom: 1px solid var(--idx-border-subtle);
  }
  .idx-ref .idx-ql-cell:nth-child(even) {
    border-right: 0;
  }
  .idx-ref .quickLink .qlHref.idx-ql-card {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 1rem .75rem;
  }
  .idx-ref .quickLink .qlTitle {
    padding-left: 0 !important;
    margin-top: .5rem;
  }
  .idx-motto-section {background: #ffffff;padding:0;margin-top:0}
  .menu-section .logo a img{width:250px}
  .idx-ref #mainBanner {height:250px; }
}
.idx-ref .idx-worship-strip {
  background: linear-gradient(90deg, var(--idx-accent-dark) 0%, var(--idx-accent) 55%, var(--idx-accent-bright) 100%);
  color: var(--theme-brand-contrast);
}
.idx-ref .idx-worship-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  transition: background-color .2s ease, transform .2s ease;
}
.idx-ref .idx-worship-card:hover {
  background: rgba(255,255,255,.14);
  transform: translateY(-3px);
}
.idx-ref .idx-worship-card h5 {
  font-family: 'NanumSquare', sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
}
.idx-ref .idx-worship-card .idx-w-sub {
  opacity: .88;
  font-size: .82rem;
  margin-bottom: .35rem;
}
.idx-ref .idx-worship-card a {
  color: var(--theme-brand-contrast) !important;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,.45);
  display: inline-block;
  padding-bottom: 2px;
  font-size: .88rem;
}
.idx-ref .idx-worship-card a:hover {
  border-bottom-color: var(--theme-brand-contrast);
  text-decoration: none;
}
.idx-ref .idx-section-lead {
  font-family: 'NanumSquareRound', sans-serif;
  font-size: .95rem;
  color: var(--idx-muted);
  letter-spacing: .04em;
}
.idx-ref section.idx-word-section .mn-title {
  font-size: 2.15rem;
}
.idx-ref .idx-word-card {
  border: 1px solid var(--idx-word-card-border);
  box-shadow: 0 12px 30px rgba(26, 127, 160, 0.06) !important;
}

/* 말씀(wordSection) 모던 — 더스트 핑크 배경 + 좌측 이미지 링크 / 우측 설교 */
.idx-ref section.idx-word-section.idx-word-modern {
  background: var(--idx-word-section-bg);
  padding-bottom: 0.25rem;
}
/* 좌측 링크 배너 — 세로 간격 고정 (컬럼 높이만큼 벌어지지 않음) */
.idx-word-side-stack .idx-word-poster + .idx-word-poster {
  margin-top: 0.65rem;
}
.idx-word-poster {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 122px;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(60, 40, 45, 0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.idx-word-poster:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(60, 40, 45, 0.18);
}
.idx-word-poster-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-color: var(--idx-poster-fallback);
  transition: transform 0.45s ease;
}
.idx-word-poster:hover .idx-word-poster-bg {
  transform: scale(1.07);
}
.idx-word-poster-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.idx-word-poster--bible .idx-word-poster-overlay {
  background: linear-gradient(145deg, rgba(92, 58, 138, 0.88), rgba(130, 78, 168, 0.72));
}
.idx-word-poster--bulletin .idx-word-poster-overlay {
  background: linear-gradient(145deg, rgba(148, 62, 54, 0.88), rgba(188, 92, 74, 0.74));
}
.idx-word-poster--offering .idx-word-poster-overlay {
  background: linear-gradient(145deg, rgba(52, 82, 108, 0.88), rgba(72, 118, 148, 0.76));
}
.idx-word-poster-text {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 14px 18px;
  color: var(--theme-brand-contrast) !important;
}
.idx-word-poster-en {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.96;
  margin-bottom: 8px;
}
.idx-word-poster-ko {
  display: block;
  font-family: 'NanumSquare', sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}

.idx-ref .idx-word-sermon-card.idx-word-card {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 18px 44px rgba(55, 38, 42, 0.14) !important;
  overflow: visible;
}
.idx-word-sermon-en {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--idx-title-text);
  margin-bottom: 8px;
}
.idx-word-sermon-title {
  font-family: 'NanumSquare', sans-serif;
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--theme-text-heading);
}

.idx-word-sermon-more {
  position: absolute;
  right: 18px;
  bottom: 20px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: var(--idx-warm);
  color: var(--theme-brand-contrast) !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(var(--idx-warm-rgb), 0.42);
  transition: transform 0.2s ease, background 0.2s ease;
  z-index: 4;
}
.idx-word-sermon-more:hover {
  background: var(--idx-warm-hover);
  color: var(--theme-brand-contrast) !important;
  transform: scale(1.05);
}
.idx-word-sermon-more-inner {
  display: block;
  padding: 4px;
}

/* 설교 영상 — 우측 칼럼 가로 폭 전체 사용 */
.idx-word-sermon-card .preaching {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.idx-word-sermon-card .mn-sermon {
  width: 100%;
  max-width: none;
  margin: 0;
}
.idx-word-sermon-card .mn-sermon iframe,
.idx-word-sermon-card .mn-sermon embed,
.idx-word-sermon-card .mn-sermon object {
  width: 100% !important;
  max-width: 100% !important;
}
.idx-word-sermon-card .mn-sermon .fluid-width-video-wrapper {
  width: 100% !important;
  max-width: none !important;
}
.idx-word-sermon-card .mn-sermon .fr-video iframe {
  width: 100% !important;
  max-width: 100% !important;
}
.idx-word-sermon-card .mn-sermon > div {
  width: 100% !important;
  max-width: none !important;
}
.idx-word-sermon-card .mn-sermon .articleOut {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 992px) {
  .idx-word-sermon-card .preaching {
    padding-bottom: 1.25rem !important;
  }
}
@media (max-width: 991px) {
  .idx-word-poster {
    min-height: 112px;
  }
}
@media (max-width: 767px) {
  .idx-word-sermon-title {
    font-size: 1.35rem;
  }
  .idx-word-poster-ko {
    font-size: 1.2rem;
  }
}
.idx-ref section.idx-welcome {
  background: linear-gradient(180deg, var(--idx-soft) 0%, #fff 48%);
  border-top: 1px solid var(--idx-welcome-border);
}
.idx-ref section.idx-welcome .mn-title {
  color: var(--idx-welcome-title) !important;
}
.idx-ref section.idx-welcome .words {
  color: var(--idx-welcome-body) !important;
  font-size: 1.05rem;
  line-height: 1.75;
}
.idx-ref section.idx-welcome .more-welcome {
  color: var(--idx-accent) !important;
  border-color: var(--idx-accent) !important;
  background: transparent;
  padding: 12px 22px !important;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease;
}
.idx-ref section.idx-welcome .more-welcome:hover {
  background: var(--idx-accent) !important;
  color: var(--theme-brand-contrast) !important;
  text-decoration: none;
}
.idx-ref section.idx-list-section {
  background: var(--idx-list-section-bg);
}

/* 메인 블록 타이틀 (교회 소식 · 갤러리 등) — 크게·굵게 강조 */
.idx-ref section.idx-list-section .mn-title,
.idx-ref .idx-gallery-title.mn-title {
  font-family: 'NanumSquare', sans-serif;
  font-size: clamp(2.125rem, 5vw, 3.125rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.035em;
  color: var(--idx-title-text);
  padding-bottom: 0.15rem;
}
.idx-ref section.idx-list-section .mn-title strong,
.idx-ref .idx-gallery-title.mn-title strong {
  color: var(--idx-accent);
  font-weight: 800;
}
.idx-ref section.idx-list-section .mn-title .idx-section-lead,
.idx-ref .idx-gallery-title.mn-title .idx-section-lead {
  font-family: 'NanumSquare', sans-serif;
  font-size: clamp(0.8125rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--idx-accent-dark);
  opacity: 1;
  margin-top: 0.75rem !important;
}
.idx-ref section.idx-list-section .mn-title::after,
.idx-ref .idx-gallery-title.mn-title::after {
  content: '';
  display: block;
  width: 64px;
  height: 5px;
  margin: 1.1rem auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--idx-accent), var(--idx-accent-dark));
}
.idx-ref .idx-gallery-title .mn-hr {
  display: none;
}

.idx-ref .churchNews {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(21, 102, 130, 0.07);
  background: #fff;
  min-height: 0;
  border: 1px solid var(--idx-card-border);
  flex-direction: row;
  align-items: stretch;
}
.idx-ref .churchNews .newsTit a {
  width: 92px;
  min-height: 100%;
  min-width: 92px;
  background: linear-gradient(160deg, var(--idx-accent) 0%, var(--idx-accent-dark) 100%);
  font-size: .9rem;
  line-height: 1.35;
  padding: .5rem;
}
.idx-ref .churchNews .newsCont {
  flex: 1;
  padding: 1rem 1.15rem !important;
}
@media (max-width: 576px) {
  .idx-ref .churchNews {
    flex-direction: column;
  }
  .idx-ref .churchNews .newsTit a {
    width: 100%;
    min-height: 64px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.idx-ref .lastPhoto li a img {
  border-radius: 10px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.idx-ref .lastPhoto li a:hover img {
  transform: scale(1.02);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}
.idx-ref .lastPhoto li a h6 {
  margin-top: .5rem;
  color: #495057;
}


/*서브페이지*/
#subWrapper{display: flex;background-color: white;padding: 0 10px 30px 10px;width:100%;overflow: hidden}
/* Bootstrap 4와의 충돌 방지 및 BS5 스타일 보정 */
    .subpage-content .fw-bold { font-weight: 700 !important; }
    .subpage-content .fw-light { font-weight: 300 !important; }
    .subpage-content .lh-base { line-height: 1.8 !important; }
    .subpage-content .display-4 { font-size: 2.5rem; font-weight: 800; }

    /* Font Awesome Pro 아이콘에 애니메이션 살짝 추가 */
    .subpage-content i { transition: transform 0.3s ease; }
    .subpage-content .bg-white:hover i { transform: scale(1.2); }

    @media (max-width: 768px) {
        .subpage-content .display-4 { font-size: 1.8rem; }
        .subpage-content .border-end { border-right: none !important; }
        .subpage-content .border-bottom:last-child { border-bottom: none !important; }
    }

/*배너*/

#subContentTop{position: relative;background-color:#EEF2F7;background:url(../images/subTop.jpg?=1) no-repeat;background-size: cover;height:220px;}
#subContentTop .container{display: flex;flex-direction: column;justify-content: center;align-items: center;height:100%;}
#subContentTop h1, #subContentTop h4{color:#ffffff;text-align: center;}
#subContent{min-height:400px;}
@media screen and (max-width: 576px) {
}

/*Breadcom*/
#gnb_container {background-color: var(--theme-breadcrumb-bg);}
/*#gnb_container.fixed {position: fixed; top:0;z-index: 12; width: 100%;  margin:auto;}*/
#gnb_container .nav-bread.fixed{position: fixed; top:0;z-index: 13; width: 100%;  margin:auto;}
#gnb_container .breadout{display: flex; height:50px;}
#gnb_container .bread{display: flex; padding:5px 0;width:100%;list-style: none;}
#gnb_container .bread>li{ padding-top:7px;height:50px;}
#gnb_container .bread>li:hover ul{display: block}

#gnb_container .bread li:nth-child(2) i,.bread li:nth-child(3) i{float:right;margin-top:3px;}
#gnb_container .bread>li>a,.bread>li>span{color:white;border-right:1px solid #D0D0D0;padding:0px 25px;width:100%;padding-right:40px;cursor:pointer;position: relative;}
#gnb_container .bread>li>span:after{content:'\f107';font-family: 'Font Awesome 5 Pro';position: absolute;right:10px;}
#gnb_container .bread>li:first-child a{padding-right:20px;}
#gnb_container .bread ul.dmenu{position: absolute; width:200px;display: none; overflow: hidden;margin-top:14px;background-color: #F0F0F7;border-left:1px solid #D0D0D0;border-right:1px solid #D0D0D0;z-index: 10;list-style: none;padding-left:0;}
#gnb_container .bread ul.dmenu li{float:left;width:100%;border-bottom:1px solid #D0D0D0;padding:5px 10px;}
#gnb_container .bread ul.dmenu li:hover{background-color:#BFBFBF;}
#gnb_container .bread ul.dmenu li:hover a, #gnb_container .bread ul.dmenu li:hover span, #gnb_container .bread ul.dmenu li:hover {color:white;}

/*사이드메뉴*/
#sideMenu{float:left;width:350px;min-height:400px}  /*display:none*/
#sideMenu h3{background-color: var(--theme-sidebar-title-bg);padding:18px;text-align: center;color:var(--theme-brand-contrast);}
#sideMenu ul{padding:0;margin:0;list-style: none;width:100%;}
#sideMenu ul li{display:flex;border-bottom:1px dotted #dddddd;flex-direction: column}

#sideMenu ul li a{width:100%;height:100%;padding:7px 10px;font-weight:700;}
#sideMenu ul li a:hover{background-color: #dddddd}
#sideMenu ul li ul {padding-left:15px;}
#sideMenu ul li ul li:last-child{border:0px;}

#subContent{width:100%;min-height: 500px}

/*스킨관련 모음*/
.htmlCate{justify-content: center!important}
.html-category{margin-bottom:20px!important;}
.html-category li a{font-size:1.4em;padding:10px 15px;}


/*최신게시*/
.imgFiles{text-align: center!important}

.articleOut h4{color:var(--theme-sub-article-accent);}
.vimeoBottom{display: block!important;list-style: none;margin:0;padding:0;margin-top:20px;}
.vimeoBottom li{text-align: center;}
.vimeoBottom li:first-child{font-size:1.3em;font-weight:500;}
.vimeoBottom li:last-child{display: none;}

.lastPhoto li a h6{font-size:1.2em;text-align: center;}
@media screen and (max-width: 576px) {
  .lastPhoto li a h6{font-size:.9em;font-weight: 300}
}

.churchNews{display: flex;flex-direction: column;background-color: var(--theme-news-box-bg);min-height: 250px}
.churchNews .newsTit a{display:flex;background-color:var(--theme-news-badge); width:80px;height:80px;justify-content: center;align-items: center;color:var(--theme-brand-contrast);text-align: center;}
.churchNews .newsCont{padding:15px;}
.churchNews #lastList{display: flex;justify-content: space-between;height:30px;overflow: hidden;}
.churchNews #lastList .subject a{font-size: 1.2em}
.churchNews #lastList .subject a.btn{font-size:.7em!important;padding:2px 4px!important;border-radius: 3px}
@media screen and (max-width: 576px) {
  .churchNews #lastList .regdate{display: none;}
}

.mapinfo{list-style: none;font-size:1.2em;padding:0;margin:0;margin-top: 20px}
.mapinfo li{display: flex;padding:10px;}
.mapinfo i{width:30px;}
.mapinfo span{padding:0 20px;}
.mapinfoTitle{width:150px; border-right:1px solid #dddddd;font-weight:700;}
@media screen and (max-width: 576px) {
  .mapinfo{font-size:1em}
  .mapinfo li{padding:5px 0;}
  .mapinfo i{display: none}
  .mapinfoTitle{width:70px;border-right:0px solid }
  .mapinfo span{padding:0 0px;}
}
/*공통*/
.table-grace{width: 100%;table-layout: fixed;border-top: 2px solid #303058;border-bottom: 2px solid #dadee7;}
.table-grace thead tr {color: #171746;}
.table-grace th {padding: 10px 20px 10px 40px;text-align: left;background: #e9edf5;border-bottom: 1px solid #dadee7;font-weight: 700}
.table-grace td {padding: 10px 20px 10px 40px;border-bottom: 1px solid #dadee7;}
.grace-round{border:2px solid #A8A8A8;border-radius: 20px}
/*Footer*/
#footer{height:200px;background-color:var(--theme-footer-bg);padding-top:20px}
#footer .copyright{color:var(--theme-footer-text);padding:5px;}
#footer a{color:var(--theme-brand-contrast);}

@media screen and (max-width: 576px) {
  .copyout{flex-direction:column-reverse;}

}

/*기존스킨*/
ul.view-info, ul.html-category{list-style: none;margin:0;padding:0;}
.board-header h3{font-size:2em;padding-bottom:15px;}


/*Fix형*/
/*.container{max-width:1200px!important;}*/

/* 반응형*/
.container{width:1280px!important;max-width:1280px!important;}
@media screen and (max-width: 1200px) {
  .container{width:1000px!important;max-width:1000px!important;}

  /*핵심사역*/
  .minBox {background-size: 50%;margin-top:10px}
  .minBox_left{background-position: 100% 100%}
  .minBox_right{background-position: 0% 100%}
  .minBox .boxCont{width:55%!important;}
  .minBox_right .engTitle{text-align: right}
  .minBox_right .korTitle{text-align: right}

  /*설교*/
  .mnSermon .pastor{width:400px;bottom:30px}
  .mnSermon .sermonLinks li{}

}

@media screen and (max-width: 992px) {
  .hide-md{display:none;}
  .container{width:100%!important;max-width:100%!important;}
  /*폰트크기설정*/
  section.respCont{font-size:14px;}

  /*설교*/
  .mnSermon .pastor{width:350px;bottom:35px}
  .mnSermon .sermonLinks li{}


  .header_top, .header_menu{display: none}
  #header, #header .menu-section {height:60px;padding-top:7px;}
  #header .logo{margin:auto;width:auto;padding-left:30px;}

}

@media screen and (max-width: 768px) {
  #mainBanner{width:100%;overflow: hidden}
  .hide-sm{display:none;}
  /*폰트크기*/
  section.respCont{font-size:13px;}
  /*설교*/
  .mnSermon .sermonLinks li{}
      table.worshipTable thead{display:none}
  table.worshipTable td {display:block}
  table.worshipTable td:before{content:attr(th-data)}
  table.worshipTable td:first-child{background-color:#dddddd;}
  table.worshipTable td:last-child{padding-bottom:20px}

    /*바로가기*/
  .quickLink{margin-top:-2px;border-radius: 0px}
  .qlTitle h4{font-size:1em;}
  .quickLink .qlHref{display: block;text-align: center}
  .container{padding:0}

}

@media screen and (max-width: 576px) {

  .hide-xsm{display:none;}
  .show-sm{display: inherit}
  .col{padding-right:5px;padding-left:5px;}
  section.respCont{font-size:11px;}
  .subMainContent .container{padding-left:0!important;padding-right:0!important;}
  #header .logo {margin-top:-12px!important;}
.swiper-button-next, .swiper-button-prev{display: none;}


  /*공지사항*/
  .mnNotice h4{font-size:2em;}
  .mnNotice .slideContent{font-size:1.6em;}
  .mnNotice .slideBtn{font-size:1.6em;}

  .mn-title {font-size:2em;}

  /*설교*/
  .mnSermon{height:480px}
  .mnSermon .sundayTitle{margin-left:10px;}
  .mnSermon hr{margin-left:20px;}
  #sermonList{margin-left:0px;}

    /*SubBanner*/
  #subContentTop{height:150px;}
  #subContentTop h1{font-size:1.7em;}
  #subContentTop h4{display: none;}

  /*Breadcom*/
  #gnb_container ul.bread > li > span {padding:0 15px;padding-right:30px;}
  #gnb_container ul.bread > li:first-child{display:none;}
  #gnb_container ul.bread > li:nth-child(2){display:none;}
  #gnb_container .bread>li {}
  #gnb_container ul.bread > li:last-child span{border-right-width: 0px}

  /*스킨*/
  .html-category li a{font-size:1.1em;padding:10px 20px;}
  /*푸터*/
  #footer{height:200px}
  #footer .copyright{padding-top:20px;}



}