@charset "utf-8";

/* 기본 리셋 및 폰트 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
word-break: keep-all;
transition: all 0.3s ease;
}

body {
font-family: 'Noto Sans KR', sans-serif;
color: #333;
line-height: 1.6;
background: RGB(245, 245, 245);

}

a {
text-decoration: none;
color: inherit;
}

ul {
list-style: none;
}

/* 공통 컨테이너 */
.container {
max-width: 1200px;
min-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

/* 상단 유틸리티 바 */
.top-bar {
color: #fff;
font-size: 12px;
padding: 3px 0 6px 0;
text-align: right;
background: #3f4859;
}

.top-bar a {
margin-left: 15px;
}

/* 헤더 (로고 및 네비게이션) */
header {
background: #fff;
padding: 13px 0;
border-bottom: 1px solid #eee;
}

header .container {
display: flex;
justify-content: space-between;
align-items: center;
}

.logo img {
display: block;
}

.nav-menu {
display: flex;
gap: 30px;
font-weight: 600;
font-size: 20px;
align-items: center;
}

.nav-menu li a:hover {
color: #007bff;
}

.menu-btn {
  background: #0088cc;
  color: #fff;
  border: none;
  /* padding: 10px 15px; */
  border-radius: 12px;
  cursor: pointer;
  font-size: 33px;
  width: 40px;
  height: 40px;
  margin-top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-btn i {    font-size: 30px;
  text-align: center;
  margin: 0;}

/* 메인 배너 (히어로) 영역 - 둥근 박스 형태 */
.hero-wrap {
background-color: #eaf2f8;
padding: 40px 0;
}

.hero-banner {
/* 실제 배경 이미지 경로로 변경하세요 */
background-image: url('../img/cover_1.png');
background-size: cover;
background-position: top;
background-color: #8ab4f8;
/* 이미지 없을 시 임시 배경색 */
border-radius: 20px;
height: 450px;
position: relative;
display: flex;
justify-content: space-between;
padding: 20px;
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.hero-welcome {
margin:30px;
background: rgba(0, 0, 0, 0.5);
padding: 5px 20px;
border-radius: 5px;
font-weight: bold;
align-self: flex-start;
}

.hero-calligraphy {
width: 350px;
    margin-top: 25px;
    margin-right: 20px;
}

.hero-calligraphy img {
width: 100%;
}

/* 섹션 공통 */
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-bottom: 10px;
}

.section-title {
font-size: 24px;
font-weight: bold;
position: relative;
}

.section-title p {
position: relative;
z-index: 2;
padding: 0 3px;
font-weight: 600;
font-size: 25px;
}

.section-title::after {
content: '';
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 13px;
background: #b3e5fc;
z-index: 0;
display: block;
}

.more-btn {
font-size: 13px;
color: #666;
}

/* 간증 영역 */
.testimony-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}

.testimony-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
overflow: hidden;
}

.t-img-box {
    position: relative;
    height: 1px;
    padding-top: 58%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.t-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
}

.play-btn {
display: none;
  position: absolute;
bottom: 5px;
right: 15px;
width: 40px;
}

.play-btn img {
width: 100%
}

.t-card-body {
padding: 15px 20px;
background: #f3f5fb;
}

.t-card-body h3 {
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
line-height: 1.2;
color: #333;
}

.t-card-body .date {
font-size: 12px;
color: #999;
text-align: right;
}

/* 주일설교 영역 (어두운 배경) */
.sermon-section {
background: #fff;
color: #000;
padding: 60px 0;
}

.sermon-section .section-header {
border-bottom-color: rgba(255, 255, 255, 0.2);
}

.sermon-content {
display: flex;
grid-template-columns: 1.2fr 1fr;
border: 1px solid #ccc;
border-radius: 10px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
}

.sermon-featured {
position: relative;
overflow: hidden;
height: 300px;
background: #000;
background-image: url(../img/thumb-662558625_iDV4uk93_66f00df…_835x470.jpg);
width: 100%;
background-size: cover;
}

.sermon-featured img {
width: 100%;
height: 100%;
object-fit: cover;
}

.sermon-featured-text {
position: absolute;
bottom: 30px;
left: 30px;
}

.sermon-featured-text h3 {
font-size: 24px;
margin-bottom: 10px;
font-weight: bold;
}

.sermon-featured-text p {
font-size: 14px;
color: #ddd;
}

.sermon-featured .play-btn {
width: 50px;
height: 50px;
font-size: 22px;
bottom: 30px;
right: 30px;
}

.sermon-list {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 0;
}

.sermon-list li {
margin: 0 25px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 14px;
height: 81px;
align-items: center;
}

.sermon-list li.active a {
color: #5c88da
}

.sermon-list li:last-child {
border: none;
}

.sermon-list li a {
color: #333;
font-size: 16px;
font-weight: 600;
}

.sermon-list li a:hover {
color: #5c88da;
text-decoration: underline;
}

.sermon-list li .date {
color: #888;
font-size: 12px;
}

/* 3대 공동체 영역 */
.community-section {
background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%) !important;
}

.community-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}

.comm-card {
border-radius: 15px;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
background-size: cover;
box-shadow: 0px 0px 20px  rgba(0,0,0,.3);
position: relative;
overflow: hidden;
}


.community-section .comm-card { background-image: url(/theme/new2026/img/banner_01.png);
  cursor: pointer; height: 210px;
  background-size: auto;
  background-position: center;
}
.community-section .comm-card.bg-blue  {background-image: url(/theme/new2026/img/banner_01.png)}  
.community-section .comm-card.bg-pink  {background-image: url(/theme/new2026/img/banner_02.png)}  
.community-section .comm-card.bg-green  {background-image: url(/theme/new2026/img/banner_03.png)}  

.community-section .comm-card:hover { margin-top:-5px ; margin-bottom:5px}
.community-section .comm-card:hover:before {
  position: absolute; 
content: ""; 
display: block;
background-color: rgba(255,255,255,0.2);
left: 0; right: 0; top: 0; bottom: 0;
z-index: 1;
}
.comm_title, .comm-desc {position: relative ; z-index: 2;}
.comm-card:after {
  display: none;
  position: absolute;
  content: "";
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px inset rgba(0,0,0,.5);
  background-color: rgba(0, 0, 0, 0.5);
}
.community-section
.bg-green { 
background-color: RGB(204,236,222); 

}
.community-section
.bg-blue {
background-color: RGB(205,227,250);

}
.community-section
.bg-pink {
background-color:RGB(254,208,178);

}

.comm-icon {
  display: none;
margin-right: 20px;
}
.community-section
.bg-green .comm-title {
color: RGB(40,89,66)
}
.community-section
.bg-blue .comm-title {
color: RGB(32,71,119)
}
.community-section
.bg-pink .comm-title {
color: RGB(118,70,47)
}

.community-section
.bg-green .comm-desc {
color: RGB(40,89,66)
}


.community-section
.bg-blue .comm-desc {
color: RGB(32,71,119)
}
.community-section
.bg-pink .comm-desc {
color: RGB(118,70,47)
}

.comm-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  position: relative;
  padding-bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 140px;
}
.community-section .comm-desc { font-size: 18px; }

.community-section .comm-title 
{    font-size: 32px;
    height: 70px;}
.comm-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 70%;
height: 2px;
background: #ddd;
}
.community-section
.bg-green .comm-title::after {
background:RGB(40,89,66)
}
.community-section
.bg-blue .comm-title::after {
background: RGB(32,71,119)
}
.community-section
.bg-pink .comm-title::after {
background:RGB(118,70,47)
}
.community-section .comm-title::after { width: 60%}
.comm-desc {
  color: #FFFFFF;
  line-height: 1.5;
  text-align: left;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  padding-top: 17px;
  text-align: center;
}

.comm_title {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
z-index: 2;
}

/* 푸터 */
footer {
  background: RGB(245, 245, 245);
  border-top: 1px solid #ccc;
  color: #333;
  padding: 0 0 40px 0;
  font-size: 13px;
  position: relative;
}

footer .container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  gap: 20px;
}

.footer-logo {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  ;
}

.footer-links {
  position: relative;
  margin-bottom: 25px;
  background-color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.footer-links a {
  color: #000;
  margin-right: 15px;
}

.footer-links .up {
  position: absolute;
  right: 18px;
  right: 0;
  top: -4px;
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
}

.footer-links a.privacy {
  color: #007bff;
  font-weight: bold;
}

.social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
}
footer p {    font-size: 13px;
  line-height: 16px;}
.icon {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}

.up-btn {
  background: #fff;
  color: #333;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer;
}

.sns {
display:none;
  position: absolute;
  right: 10px;
  top: -16px;
}

.sns .up {
  position: absolute;
  right: 5px;
  top: 80px;
}

/* 서브메뉴 기본 설정 */
.nav-menu>li {
  position: relative;
}

.nav-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  padding: 10px 0;
  z-index: 999;
  border-radius: 5px;
}

.nav-menu .sub-menu li {
  text-align: center;
}

.nav-menu .sub-menu li a {
  display: block;
  padding: 8px 15px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  transition: background 0.2s;
}

.nav-menu .sub-menu li a:hover {
  background: #f4f6f9;
  color: #007bff;
}

/* 1차 메뉴에 마우스 오버 시 서브메뉴 노출 */
.nav-menu>li:hover .sub-menu {
  display: block;
}
/* 리스트 마우스 오버 및 활성화 상태 스타일 */
.sermon-list li { transition: all 0.2s ease-in-out; padding: 18px 25px !important; margin: 0 !important; cursor: pointer; }
.sermon-list li:hover, .sermon-list li.active { background-color: #f4f7fc; } /* 배경색 변경 */
.sermon-list li:hover a, .sermon-list li.active a { color: #5c88da; text-decoration: none !important; } /* 글자색 변경 */
.sermon-list li:hover .date, .sermon-list li.active .date { color: #5c88da; opacity: 0.8; }
/* 왼쪽 썸네일 클릭 영역 처리 */
a.sermon-featured { display: block; text-decoration: none; transition: background-image 0.3s ease-in-out; height: 327px; 
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgb(237, 227, 218);
  background-position: center center;
}

/* 전체메뉴 오버레이 스타일 */
.global-map-overlay {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.98); /* 반투명 흰색 배경 */
  z-index: 99999;
  overflow-y: auto;
  padding: 40px 0;
}
.gm-header {
  display: flex; justify-content: space-between; align-items: center;
  border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 40px;
}
.gm-header h2 { font-size: 26px; font-weight: bold; color: #333; }
.gm-close-btn { background: none; border: none; font-size: 35px; cursor: pointer; color: #333; line-height: 1; }

/* 사이트맵 리스트 정렬 (4열 배치) */
.global_map .siteMap { display: flex; flex-wrap: wrap; gap: 40px 20px; }
.global_map .menu_item { width: calc(25% - 15px); }
.global_map .main_menu {
  padding-top:20px;
  display: block; font-size: 18px; font-weight: bold; color: #0088cc;
  border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;
}
.global_map .gnb_sub .submenu { padding: 0; }
.global_map .gnb_sub .submenu .sub { margin-bottom: 10px; }
.global_map .gnb_sub .submenu .sub a { font-size: 15px; color: #555; transition: color 0.2s; }
.global_map .gnb_sub .submenu .sub a:hover { color: #0088cc; font-weight: 600; text-decoration: underline; }
.hero .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  height: 400px;
}

        /* 메인 히어로 섹션 */
        .hero { 
          /* 실제 배경 이미지 경로로 변경하세요 */
          background: url('./img/cover_2.png') center/cover; 
          color: #fff; 
          padding: 0 20px; 
          text-align: left; 
          position: relative;
          height: 400px;
      }
      .hero .container { display: flex; justify-content: space-between; align-items: flex-end; position: relative; height: 400px;}
      .hero h2 { font-size: 36px; margin-bottom: 10px; font-weight: 400; }
      .hero p { color: #f39c12; font-size: 15px; }
      .hero .calligraphy {      right: 20px;
  top: 40px;
  position: absolute;
  width: 350px;}
      .hero .calligraphy img {width: 100%;}  
.hero .copy {position:absolute; left: 20px; bottom:40px}
.hero .copy h2 {font-size: 22px; margin: 0;}
.hero .copy h2 b{font-size: 30px;}
.sub_hero {background-image: url(../img/sub.jpg); background-position: bottom; position: relative;}
.sub_hero:after {background-size: cover; content: ""; position: absolute; width: 100%; height: 100%; left: 0;top: 0;; z-index: 0; background-color: rgba(0,0,0,.2);}
.sub_hero .copy {    zoom: 0.6;
    top: 30px;}
    .sub_hero .copy h2 {
  color:#fff !important
  }
        .sub_hero {height: 160px; }
      .sub_hero     .container { height: 100%; z-index: 2;position: relative;}
        .sub_hero.hero .calligraphy {width:  160px; }
        .sub_hero.depth_1 { background-image: url(../img/sub_bg2.jpg);}        
        .sub_hero.depth_2 { background-image: url(../img/sub_bg2.jpg); background-position: center;}        
        .sub_hero.depth_3 { background-image: url(../img/sub2.jpg); background-position: center;}        
        .sub_hero.depth_4 { background-image: url(../img/1920x800_bg4.jpg); background-position: center;}        
        .sub_hero.depth_5 { background-image: url(../img/sub2.jpg);background-position: left center;}        
        .sub_hero.depth_6 { background-image: url(../img/sub.jpg);}        
.menu_title

{      font-size: 37px;
    font-weight: 700;
    top: 0;
    height: 100%;
    padding-top: 6px;
    margin-left: -10px;
    margin: auto;
    text-align: center;}


.menu_title small {    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1;
    margin-top: 30px;}
    .sub_contents .section-title {
            font-size: 28px;
    font-weight: 900;
    margin-top: 10px;
    }

    .sub_info {width: 100%; padding:  0px; font-size: 20px; font-weight: 600; color:#003957; text-align: center; border-radius: 10px; text-align: left;}
    .sub_contents .sub_info {text-align: center;}
    .sub_contents .section-title p {font-size: 30px;}
    .content_box{     
    margin-top: 50px;
    width: 100%;
    background-color: #fff;
    padding: 50px 60px;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    line-height: 1.8em;
    margin-bottom: 20px;
   }
    .content_inner
    {    width: auto;
    margin: auto;
    display: inline-block;
    text-align: left;}   
.text_center .content_inner { text-align: center;}
    ul.ul_dash {}
    ul.ul_dash li {     padding-left: 12px;
    position: relative;}
    ul.ul_dash li:before {      content: "•";
    position: absolute;
    left: 0;} 


    .bg_type_1 {
            background-color: #f2f9f5;
        border: 1px solid #D3E2D4;
    } 
        .bg_type_2 {
      background-color: #f2f6ff;
    border: 1px solid #CAD8F0;
    } 
        .bg_type_3 {
    background-color: #fff2f4;
    border: 1px solid #F2DEDD;
    } 


        .bg_type_c_1 {
            background-color: #D8F6DB;
        border: 1px solid #D3E2D4;
    } 
        .bg_type_c_2 {
      background-color: #DDE8FD;
    border: 1px solid #CAD8F0;
    } 
        .bg_type_c_3 {
    background-color: #FDE3DD;
    border: 1px solid #F2DEDD;
    } 
        .sub_contents .section-bg-light {padding: ;}
.section-bg-gray
    { background-color: #F5F5F5}
    .sub_contents .container {max-width: 1100px;}



      .community-section { background: #fff; }
        .community-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
        .comm-card { 
            border-radius: 15px; padding:  20px; text-align: center; 
            display: flex; flex-direction: column; align-items: center; 
        }
        .bg-green { background-color: #f2f9f5; border:1px solid #D3E2D4; }
        .bg-blue { background-color: #f2f6ff; border:1px solid #CAD8F0; }
        .bg-pink { background-color: #fff2f4; border:1px solid #F2DEDD; }
        
        .comm-icon {     margin-right: 20px;
    background: #000;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px; }
        .bg-green .comm-title { color: #4cae75; }
        .bg-blue .comm-title  { color: #5c88da; }
        .bg-pink .comm-title { color: #d66487; }
        
        .comm-title { font-size:24px; font-weight: bold;  color: #333; position: relative; padding-bottom: 15px; }
        
        .comm-title::after {     content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background: #ddd;}
     .bg-green
        .comm-title::after { background: #D3E2D4; }
          .bg-blue
.comm-title::after { background: #CAD8F0; }
        .bg-pink 
.comm-title::after { background: #F2DEDD;}
        .comm-desc { font-size: 16px; color: #fff; line-height: 1.5; text-align: left; }
        .comm_title {     display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;}
.sub_menu {
    background: #0088cc;
    margin: 0 ;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44px;
}
.sub_menu .container {
    padding: 0;
        max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
      border-left: 1px solid rgba(0, 0, 0, 0.1); color: #fff;}
.sub_menu .menu {
  height: 44px;
  line-height: 44px;
  min-width: 180px;
  padding-left: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
  position: relative;
  width: auto;
  padding-right: 39px;  
}
    .sub_menu  .menu span {    color: #fff;
    position: absolute;
    right: 12px;
    top: .0;} 
            .badge { position: absolute; top: 20px; left: 20px; padding: 5px 15px; font-weight: bold; font-size: 16px; border-radius: 3px; }
        .badge-blue { background: #4a90e2; }
        .badge-green { background: #50a14f; }
        .badge-red { background: #ff6b6b; }


        .bg_type_1 .comm-title { color: #4cae75; }
        .bg_type_2 .comm-title  { color: #5c88da; }
        .bg_type_3 .comm-title { color: #d66487; }
     
        .bg_type_1 .comm-icon { background-color: #4cae75; }
        .bg_type_2 .comm-icon  { background-color: #5c88da; }
        .bg_type_3 .comm-icon { background-color: #d66487; }
     .comm-desc ul li {margin: 10px 0;}
          a.active {color:#007bff}
.breadcrumbs-wrap {display: none;}
.sub_menu p {
  padding: 0;
  font-size:inherit ; 
   line-height:inherit ; 
    letter-spacing: inherit;
}

#content {
  background-color: #fff;
}
.page-content-wrap {padding: 50px 0;}
.shop-cart-form[class*="table-type"] table tr > td {
  padding: 15px
}
[class*="table-type"] table tr > td.total-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[class*="table-type"] table tr > td.total-price .product-name {
  width: auto;
}
.shop-cart-form[class*="table-type"] table tr:not(.total) > td.order-total
{text-align: center;}

.col-no-space.search_box {
  display: flex;
  justify-content: flex-end;
}
.board_list th {border-top:2px solid #000 !important}
.product-name a:hover { color:#0088CC}

.blockquote-holder.style-2 {

  position: relative;
  height: auto;
  overflow: hidden;
  line-height: 140%;
  font-size: 22px;
  color: #000;
  font-family: "ng_b";
  text-align: left;
  background-color: #f4f4f4;
  border-bottom: 1px solid #dddddd;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 0;
  border-top: 1px solid #aaa;
  font-weight: bold;
}
.entry-box.list-type .entry:not(:last-child) {
  padding-bottom: 0px;
}
.container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.btn {   
  font-size: 18px !important;
  padding: 0 30px;
  height: 42px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 20px;

}
  .shop-cart-form tr th.product-col{ display:140px ;}

  input[type="radio"] + label::before, input[type="checkbox"] + label::before{
    background-color: #fff;
  }

  input[type="checkbox"] + label::before {
    top: 5px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
}  
table .checkbox label
{
  width: 25px;
  height: 25px;
  padding: 0;
  top: 0;
  margin: 0;
}
table .checkbox {width: 73px;     text-align: center;}
.tribe-events-bar .wrapper { display: flex; gap:10px}
.flex_row {display: flex;     gap: 10px;    justify-content: space-between;}
.flex_row .flex_left {}
.flex_row .flex_right {}
.entry .page-nav .mad-custom-select  {width: auto; text-align: right;}
.btn.prev-btn:before, .btn.next-btn:before, .btn.exp:before {
  font-family: 'Linearicons';
  content: '\e964';
  font-size: 20px;
  color: #333;
  position: absolute;
  font-weight: normal;
  left: 0;
  top: 0;
  /* margin-top: -1px; */
  margin-left: -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.btn.next-btn:before {
  content: '\e965' !important;
  right: 0;
  left: auto !important;
  display: flex;
}
h3.title {
  font-size: 20px;
  font-weight: bold;
  border-top: 1px solid #aaa;
  padding-left: 10px;
  background: #fafafa;
  border-bottom: 1px solid #ccc;
}
.entry-meta span {margin-right:10px;margin-left:30px }
.entry-meta strong span {margin-left:5px;margin-right:0}
h5.project-title{
  font-size: 18px !important;
  line-height: 1.2em !important;
}
input[type="radio"] + label::before, input[type="checkbox"] + label::before {
  border: 1px solid #666;
}
.bbs_youtube a.project-cats {display: none;}
.bbs_youtube input[type="checkbox"] + label {padding-left:40px ;}
.bbs_youtube .btn-small {    background: #eee;
  font-weight: 500;
  border: 1px solid #ccc;
  font-size: 14px !important;
  height: 34px;
  padding: 0 15px;
  color: #666 !important;}
  input[type="checkbox"] + label::after {
    left: 0px;
    top: 3px;
  }
  [class*="btn"]:not(.btn-small).btn-style-5 {
    background: #0088CC;
    color: #fff;
    border-color: #0088CC;
  }  

  .bbs_youtube  hr.item-divider {margin-bottom: 30px;}
  .bbs_youtube .thumbnail-attachment.video-holder   {overflow: hidden; border-radius: 10px;
; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .bbs_youtube .thumbnail-attachment.video-holder:hover {
  }  
  .video-holder .video-btn {
    background-image: url(../img/play.png);
    border: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
    background-position: 92% 80%;
    opacity: 1;
 position: relative;
  }
  a.video-btn {position: relative; display: block;}
 .video-btn:hover:before {
position: absolute; 
content: ""; 
display: block;
background-color: rgba(0,0,0,0.5);
left: 0; right: 0; top: 0; bottom: 0;
z-index: 2;
}
  .video-holder .video-btn:hover { opacity: 1;}
  .video-holder .video-btn:after{
    display: none;
  }
 .video-btn:hover:after{
    position: absolute;
    content: "";
    bottom: 16px;
    left: 20px;
    display: block;
    z-index: 3;
    background-image: url(/theme/new2026/img/play.png) !important;
    width: 40px;
    height: 40px;
    background-size: contain;
  }
  .video-holder a img {height: 140%;}

.contact-item .row .col-sm-6{ width: 100% !important;}  
.contact-item .row::after{display: none}
ul li.chk_box {display: inline-block; }
.bbs_write ,
.contact-item label,
span.sound_only {color:#666}

.bbs_write .webeditor span.sound_only {     visibility: hidden;
  height: 1px;
  overflow: hidden;
  display: inline-block;
  position: absolute;}

  input[type="checkbox"] + label::before {
    top: 8px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    position: absolute;

  }
  .bbs_write input[type="checkbox"] + label {
    padding-left: 40px;
}
[class*="btn"]:not(.btn-small).btn-style-3,
[class*="btn"]:not(.btn-small).btn-style-4 {
  background: #fff;
  color: #0088CC;
  border-color: #333;
  border-width: 1px;
}
[class*="btn"]:not(.btn-small).btn-style-3:hover,
[class*="btn"]:not(.btn-small).btn-style-4:hover {
  background: #f9f9f9;
  color: #0088CC;
  border-color: #0088CC;
  border-width: 1px;
}
[class*="btn"]:not(.btn-small).btn-style-5:hover {
  background: #006EA4;
  color: #fff;
  border-color: #0088CC;
}

.cke_sc {display: none;}
.bbs_write .contact-item {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.bbs_write .contact-item label {
  width: 150px;
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 42px;
}
.bbs_write .btn_box { text-align: center; padding: 40px 0;;} 
.bbs_write hr.line {
  margin-bottom: 10px;
  margin-top: 40px;
  border: none;
  border-top: 1px solid #333;
}
.bbs_head {display: flex;gap :20px}
input:not([type="submit"]), textarea, .mad-custom-select .mad-selected-option {
  border-color: #aaa; border-radius: 5px;
}
.file-box {width: 100%;}
.file-box .file-item {display: flex;}
.file-box .file-item .file_del {padding-left: 134px;}
.file-box .file-item .file_del label{width:100%;}
.empty_list {
  list-style: none;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin: 0 18px;
}
.project-desc hr.item-divider {
  margin-bottom: 10px;
}
.project-desc label {
  width: 100% !important;
  padding-top: 0 !important;
  margin: 5px 0 -5px 0 !important;
  padding-bottom: 0 !important;
}

h4.project-title a{font-size: 20px; width: 100%; display: inline-block ;}
.project-image { overflow: hidden ; border-radius: 10px;}
.project-desc 
input[type="checkbox"] + label::before {
  top: 13px;
}



.sub_contents .section-title {
  font-size: 28px;
font-weight: 900;
margin-top: 10px;
}




.bg_type_1 {
  background-color: #f2f9f5;
border: 1px solid #D3E2D4;
} 
.bg_type_2 {
background-color: #f2f6ff;
border: 1px solid #CAD8F0;
} 
.bg_type_3 {
background-color: #fff2f4;
border: 1px solid #F2DEDD;
} 


.bg_type_c_1 {
  background-color: #D8F6DB;
border: 1px solid #D3E2D4;
} 
.bg_type_c_2 {
background-color: #DDE8FD;
border: 1px solid #CAD8F0;
} 
.bg_type_c_3 {
background-color: #FDE3DD;
border: 1px solid #F2DEDD;
} 
.sub_contents .section-bg-light {padding: ;}
.section-bg-gray
{ background-color: #F5F5F5}
.sub_contents .container {max-width: 1100px;}



.community-section { background: #fff; }
.community-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.comm-card { 
  border-radius: 15px; padding:  20px; text-align: center; 
  display: flex; flex-direction: column; align-items: center; 
}
.bg-green { background-color: #f2f9f5; border:1px solid #D3E2D4; }
.bg-blue { background-color: #f2f6ff; border:1px solid #CAD8F0; }
.bg-pink { background-color: #fff2f4; border:1px solid #F2DEDD; }

.comm-icon {     margin-right: 20px;
background: #000;
color: #fff;
width: 60px;
height: 60px;
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px; }
.bg-green .comm-title { color: #4cae75; }
.bg-blue .comm-title  { color: #5c88da; }
.bg-pink .comm-title { color: #d66487; }

.comm-title { font-size:24px; font-weight: bold;  color: #333; position: relative; padding-bottom: 15px; }

.comm-title::after {     content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 2px;
background: #ddd;}
.bg-green
.comm-title::after { background: #D3E2D4; }
.bg-blue
.comm-title::after { background: #CAD8F0; }
.bg-pink 
.comm-title::after { background: #F2DEDD;}
.comm-desc { font-size: 16px; color: #fff; line-height: 1.5; text-align: center; }
.comm_title {     display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;}
.sub_menu {
background: #0088cc;
margin: 0 ;
left: 0;
right: 0;
bottom: 0;
height: 44px;
}
.sub_menu .container {
padding: 0;
max-width: 1200px;
display: flex;
align-items: center;
justify-content: flex-start;
border-left: 1px solid rgba(0, 0, 0, 0.1); color: #fff;}
  .badge { position: absolute; top: 20px; left: 20px; padding: 5px 15px; font-weight: bold; font-size: 16px; border-radius: 3px; }
.badge-blue { background: #4a90e2; }
.badge-green { background: #50a14f; }
.badge-red { background: #ff6b6b; }

        /* 섹션 타이틀 */


        .sub_contents .content_wrap  {
          padding: 20px;
          font-size: 18px; text-align: center;
        }
        .sub_contents  b {font-weight: 400 !important;}
       hr.dotted {
        background: transparent;
        height: 1px;
        border: none;
        border-top: 1px dotted #999;
        margin: 25px 0;
       }
  .sub_contents      .section-header {
          text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
padding-bottom: 10px;
   }
   .sub_contents .section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 15px;
    background: #b3e5fc;
    z-index: 0;
    display: block;
   }
.section-bg-white .content_box {background-color: #EEF2F5;}
.bg_type_1 .comm-title { color: #4cae75; }
.bg_type_2 .comm-title  { color: #5c88da; }
.bg_type_3 .comm-title { color: #d66487; }

.bg_type_1 .comm-icon { background-color: #4cae75; }
.bg_type_2 .comm-icon  { background-color: #5c88da; }
.bg_type_3 .comm-icon { background-color: #d66487; }
.comm-desc ul li {margin: 10px 0;}
a.active {color:#007bff}

       /* 콘텐츠 영역 배경 */
       .section-bg-gray { background-color: #eef2f5; padding:60px 0; }
       .section-bg-white { background-color: #fff; padding: 60px 0; }
       .sub_copy {text-align: center; position: relative;
      padding:20px 0 20px 0; margin-bottom: 30px; 
      }
       .sub_copy:after {     position: absolute;
        content: "";
        width: 160px;
        height: 10px;
        background-color: #B3E5FC;
        bottom: 0;
        left: 50%;
        margin-left: -80px;

      }
       .sub_copy img {max-width: 90%;}
.w80 {max-width: 80%; margin-left: auto; margin-right: auto;}

.vision_box { width: 600px; height: 600px; background-color: rgba(255,255,255,0.5); 
margin: 120px auto 60px auto;
border-radius: 50%; 
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

position: relative;

}
.vision_box:before { position: absolute; z-index: 1;
  width: 800px; height: 800px; background-color: transparent; margin: 50px auto;
  border-radius: 50%; 
  box-shadow: 0 0 inset 30px rgba(0, 0, 0, 0.1);
  
}
.vision_box .vision_title {     z-index: 10;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

  border: 10px solid #fff;
  width: 250px;
  height: 250px;
  font-size: 30px;
  font-weight: 700;
  top: 50%;
  left: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -125px;
  background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.vision_box .item {
  width: 300px;
  height: 300px;
  border: 2px solid #fff;
  background-color: #eee;
  border-radius: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.vision_box .item:before
{
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0.05;
  box-shadow: 20px 20px 120px inset #000;
}

.vision_box .item:after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 40px;
  bottom: 40px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0.5;
  box-shadow: -20px -20px 5px 10px rgba(0, 0, 0, .05);
}
.bg_gr {background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);}
.vision_box .title { 
  font-weight: 700;
  font-size: 22px;
  border-bottom:2px solid #999;
  padding-bottom:10px;
  margin-bottom:10px;
  position: relative;
  z-index: 2;
}
.vision_box .desc { padding: 10px 20px; text-align: center; line-height: 1.2em;

  position: relative;
  z-index: 2;}
.vision_box .vision_01 {top: -60px; left: 50%; margin-left: -150px; padding-bottom:20px;
background-color: RGB(229,245,252);
border-color: #477386;
}
.vision_box .vision_01 .title {color:#477386}
.vision_box .vision_02 {left: -50px; bottom: 30px;
  background:  #e5fceb;
  border-color: #519663;;
}
.vision_box .vision_03 .title {color:#519663}
.vision_box .vision_03 {right: -50px; bottom: 30px;
border-color: #CB5000;;
  background: #fff6ec

}
  
.vision_box .vision_03 .title 
{color: #CB5000;

}
.intro_logo {padding:20px; width: 200px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 100%; background-color: rgba(255, 255, 255, 0.6);
}
.img_center img{ width: auto; max-width: 100%; }
.img_center {    margin: auto;
  margin-bottom: 30px;
  text-align: center;
  margin-top: 60px;}
.greeting_box {
display: flex;
text-align: left;
padding: 0;
overflow: hidden;;
margin-top:40px
}
.greeting_box .text {padding:20px 40px}
.greeting_box .img {    width: 100%;}
.greeting_box .img img{
border-radius: 20px;
overflow: hidden;}
.sign {font-size: 20px; text-align: right; font-weight:600;  margin-top:80px}


.table_box {border:1px solid #999; background-color: #fff; ; overflow: hidden; border-radius: 10px;
overflow-y: hidden;
overflow-x: auto;
}
.table_box td, th {border-bottom:1px solid #ccc; vertical-align: middle; text-align: center; padding: 5px 10px; height: 45px;}
.table_box th {background-color:#f4f4f4 ;}
.table_box td {border-left:1px solid #ccc}
.table_box tr:last-child th,
.table_box tr:last-child td {border-bottom: none;}

.ministers {    display: flex;
  margin-top:80px;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;}
.ministers .item {}
.ministers .item .img {width: 200px;  overflow: hidden; border-radius: 20px;
  border: 5px solid #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.section-bg-gray .ministers .item .img  {width: 250px;}
.ministers .item .img img {width: 100%;}
.ministers .item .infor { text-align: center;margin: 10px 0 0 0;}
.ministers .item .infor .name{ font-weight: bold; font-size: 20px;}
.ministers .item .infor .name small{ font-weight: 400;  color: #666; font-size:16px}
.ministers .item .infor .desc{ font-size:14px}



.new_box {   
display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 690px;
    flex-wrap: wrap;
    text-align: center;
    margin: 130px auto 90px auto;
    position: relative;
}
.new_box:before {   
    position: absolute;
    content: "";
    width: 500px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin: -250px;
    border-radius: 250px;
    border: 20px solid #fff;
    box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);
}
.new_box .item {
  width: 200px;
    height: 200px;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);
    background: #f8ecf9;
}
.new_box .item:after { 
  content: "";
  position: absolute;
  z-index: 0;
  right: 30px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0.5;

}
.new_box .item:before { 
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0.1;
  box-shadow: 10px 10px 40px inset #000;
}
.new_box .item .title { font-weight: bold;  font-size: 20px; position: relative; z-index: 3;}
.new_box .item .desc {position: relative; z-index: 3; font-size: 14px;}
.new_box .item.new_01 {     border-color: #79647b;
    top: 56px;
    left: 27px;} 
.new_box .item.new_01 small {background-color: #79647b;}
.new_box .item.new_02 {     background-color: #f0ecf9;
    border-color: #5e596a;
    top: -90px;}
.new_box .item.new_01 small {background-color: #5e596a;}
.new_box .item.new_03 {    background-color: #eceff9;
    border-color: #515664;
    top: 56px;
    right: 27px;}
.new_box .item.new_03 small {background-color: #515664}
.new_box .item.new_04 { 

      background-color: #e5fbe9;
    border-color: #5a6b5d;
    top: 72px;
    right: -19px;
}
.new_box .item.new_04 small {background-color: #5a6b5d;}
.new_box .item.new_05 { 
      background-color: #e5fbf5;
    border-color: #526862;
    top: 72px;
    left: -19px;
}
.new_box .item.new_05 small {background-color: #526862}
.new_box .item small { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 100%;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.new_box_2 .item.new_01 ,
.new_box_2 .item.new_02 ,
.new_box_2 .item.new_03 ,
.new_box_2 .item.new_04 
{ top: 0px; left: 0px;}

.head_title {    text-align: center;
  font-size: 30px;
  font-weight: 900;
  margin: -20px auto;
  /* border-bottom: 2px solid #ccc; */
  color: #1f79a6;}
  .new_box_2 {width: 900px;}
.new_box_2 .item {
  width: 160px;
  height: 160px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);
  background: #f8ecf9;
}
hr.shot_dash {
  margin: 40px auto 35px auto;
  width: 100px;
  background-color: #aaa;
  height: 3px;
  border: none;
}
.new_box_2:before {

  position: absolute;
  content: "";
  width: 500px;
  height: 100px;
  background-color: #f0f0f0;
  left: 50%;
  top: 50%;
  margin: -50px -250px;
  border-radius: 150px;
  border: 20px solid #fff;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);

}
.flex_center {    display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
}
.ul_dash li strong {color: #003957 !important;}

.new_box_2 .item.new_04 .title {line-height: 1.1em; margin-top: 10px;}


/* 반응형 처리
@media (max-width: 768px) {
  .global_map .menu_item { width: calc(50% - 10px); } 
}
@media (max-width: 480px) {
  .global_map .menu_item { width: 100%; }
}
@media (max-width: 1100px) {
  .nav-menu {gap:20px}
  .nav-menu li {

    
  }
  .nav-menu li:last-child {
    zoom:1;
    display: block;}
}

@media (max-width: 992px) {
  .global_map .menu_item { width: calc(33.33% - 14px); } 
  .nav-menu {gap:15px}
  .nav-menu li {
  
  }

}
@media (max-width: 890px) {
  .global_map .menu_item { width: calc(33.33% - 14px); } 
  .nav-menu {gap:15px}
  .nav-menu li {
    zoom:0.85
    
  }

}
@media (max-width: 768px) {
  .nav-menu li {
    display: none;
  }
  .nav-menu li:last-child {
    display: block;}

  .hero-banner {
    flex-direction: column;
    height: auto;
    gap: 30px;
  }

  .hero-calligraphy {
    text-align: left;
  }

  .testimony-grid {
    grid-template-columns: 1fr;
  }

  .sermon-content {
    grid-template-columns: 1fr;
  }

  .community-grid {
    grid-template-columns: 1fr;
  }

  footer .container {
    flex-direction: column;
    gap: 20px;
  }
}
 */

 .history_box{
  max-width: 800px !important;
  min-width: 800px !important;
 }
 #tabContainer {display: flex;}
 #tabContainer .tab-btn {width: 100%;}
.bbs_youtube .is_notice {
  position: absolute;
  z-index: 2;
  width: 100px;
  padding: 3px 15px;
  background: rgba(0,0,0,0.8);
  top: 10px;
  color: #fff;
}



.nav-menu > li:first-child .sub-menu > li:last-child {
    display: none !important;
}

.footer_desc {      text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 30px auto 0 auto;
  width: 100%;
  min-width: 1100px;}

.siteMap .menu_item:first-child 
.submenu .sub:last-child {
    display: none;
}    

.entry-box img{margin:10px}

/*모바일*/

body.mobile .nav-menu li{display: none;}
body.mobile .community-grid,
body.mobile .nav-menu li:last-child {display: block;}
body.mobile
.container {
  min-width: 100% !important;
    max-width: 100% !important;}

body.mobile .sermon-content,
body.mobile .testimony-grid {display: block !important;}
body.mobile a.sermon-featured {    HEIGHT: 1PX;
  padding-top: 56%;}
body.mobile .hero-banner {    height: 200px;
    gap: 60px;}
body.mobile .hero-welcome {margin: 0;
    font-size: 14px;
    line-height: 1.2em;}
body.mobile .hero-calligraphy {
    width: 100%;
    margin-top: 10px;
    margin-left:10px;
    margin-right: 0;
}
body.mobile .comm-card,
body.mobile .hero-wrap {margin: 20px 0;}
body.mobile .section-title {margin-bottom: 20px;
  white-space: nowrap;
  word-spacing: -2px;}
body.mobile section {padding: 30px 0 !important;}

body.mobile .testimony-card {margin:20px 0 0 0; display: none;}

body.mobile .testimony-card:first-child {margin:20px 0 0 0; display: block;}
body.mobile .footer_desc {font-size: 20px;}
body.mobile .greeting_box .text {padding: 10px;}
body.mobile .section-bg-white,
body.mobile .section-bg-gray {padding: 30px 0 !important;}
body.mobile .sub_contents .section-header {margin-bottom: 0 !important; padding-bottom: 0 !important;}
body.mobile .greeting_box {  flex-direction: column-reverse;;}
body.mobile .greeting_box .img {margin: 10px ; width: auto;}
body.mobile .w80 {    width: 100% !important;
    max-width: 100%;}
body.mobile .sub_contents .section-title p {font-size: 20px;}
body.mobile .ministers {    display: flex;
    margin-top:20px;
    gap: 30px;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;}
body.mobile .flex_row,
body.mobile .map_warp {    display: block;}
body.mobile .map_box,body.mobile .sub {width: 100%;}
body.mobile .btn {margin: 5px; }
body.mobile .new_box {
  margin: 30px auto !important;
  background-image: url(../img/con_2.png);
  height: 330px;
  background-size: contain;
  width: auto;
  background-repeat: no-repeat;
  background-position: center;
}
body.mobile .new_box_2 {
  margin: 30px 10px !important;
  background-image: url(../img/con_1.png);
  height: 100px;
  background-size: contain;
  width: auto;
  background-repeat: no-repeat;
}
body.mobile  .sub_info + .new_box_2 {
  background-image: url(../img/con_3.png);
}
body.mobile .new_box:before,
body.mobile .new_box .item {
    display: none;
}

body.mobile #content {zoom: 0.8}
body.mobile  [class*="table-type"] table tr > td.total-price {display: block;}
body.mobile .content_box {
  font-size: 0.8em;
    width: calc(100% - 40px) !important;
    margin: 20px !important;
    padding: 20px;
   
}
body.mobile 
.sub_contents .content_wrap,
body.mobile  footer p,
body.mobile .page_title,
body.mobile .sub_info ,
body.mobile .flex_center{font-size: 0.9em;}
body.mobile .content_box li {
    font-size: 18px;
    line-height: 1.1em;
    margin: 8px 0;
}
body.mobile .sub_hero {height: 100px;}
body.mobile .page_title {margin: 0 !important; padding: 0 !important;}
body.mobile .global_map .menu_item {
  width: calc(33% - 15px);
}
body.pc .for_pc {display: block;}
body.pc .for_mobile {display: none;}

body.mobile .for_pc {display: none;}
body.mobile .for_mobile {display: block;}

body.mobile .greeting_box .img {    width: 100% !important; margin: 0;}
body.mobile 
.head_title {font-size: 20px;}
body.mobile .sermon-list li a {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
body.mobile .btn {padding:0 20px}
hr.shot_dash {
    margin: 20px auto 15px auto;
    width: 100px;
    background-color: #aaa;
    height: 3px;
    border: none;
}
form[name=fsearch] button[type=submit]{
  padding: 0; border-radius: 5px; width: 100%; 
}
body.mobile .table_box  table {    table-layout: auto;}
/* 1199px 이하일 때 적용될 스타일 */
@media screen and (max-width: 1199px) {
  .container {
    max-width: 1200px;
    min-width: 820px;
    margin: 0 auto;
    padding: 0 20px;
    }
    .w80 {max-width: 90%;}
    .nav-menu {
      gap: 15px;
    }
    .footer_desc {min-width: 100%;}
}

/*게시판 감춤*/
#content.new {display: none;}

body.mobile .hero-welcome {}

/* CSS Grid 레이아웃 적용 */
.css-grid-layout {
    display: grid !important;
    /* 카드의 최소 너비를 300px로 설정. 화면이 작아지면 자동으로 줄바꿈 */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 20px !important; /* 카드 상하좌우 간격 */
    height: auto !important;
    margin-bottom: 40px;
}

/* Clearfix 등 기존 속성 충돌 방지 */
.css-grid-layout::before,
.css-grid-layout::after {
    display: none !important; 
}

/* 개별 카드 위치 초기화 */
.css-grid-layout .item {
    position: static !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
}

.view_in {    display: flex;
    display: flex;
    justify-content: space-between;
    /* width: 80%; */
    padding: 0 30px;
  }