@media (min-width: 1300px){
  .container {width: 1300px;}
  }
  
     big, h1, h2, h3, h4, h5, h6 {
    font-family: 'GmarketSans', sans-serif;
}

    html, body, div,  applet, object, iframe, p, blockquote, pre, a,  abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: 'pretendard', sans-serif;
}


.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 80%;
}







  body,p  {
	  font: 18px 'pretendard', sans-serif;
	  font-weight: 400;
	  line-height: 26px;
	  color:#666666;
  }
  
  .ps{
	  font: 15px 'pretendard', sans-serif;
	  font-weight: 300;
	  line-height: 23px;
  }
  
  ol, ul, li {
	  font: 17px 'pretendard', sans-serif;
	  font-weight: normal;
	  line-height: 26px;
  }
  
  
  

  
/* -----------------------해당 사이트 기본 색 : #1f334f---------------------------*/ 
  
/* -----------------------상단기본---------------------------*/

  .padding-menu{padding:0px 3%;}
  
  /*top메뉴색*/
  
  .header-section ul li.right.white a {
    color: #666;
	font-size: 14px;
	font-weight: 500;
}
  
  .bg-color-top { height:40px; padding-top:35px; background-color:#FFFFFF}
  


  .top a{
  	  font-size: 14px;
	  font-weight: 400;
	  color:#b6b6b6;
	  margin-left:5px;
	  margin-bottom:-20px;	
  }
  
  .top a:hover {
 	  font-size: 14px;
	  font-weight: 400;
	  color: #000;
  }
  
  
  
  /* 메뉴 바탕 색 */
  .header-section {
	font-family: 'pretendard', sans-serif;
	background: #fff;
	height: auto;
	border-bottom:1px #dddddd solid;
  }
  
  .header-section .main-nav{margin-left:20px;}
  
  .header-section .logo {
	display: inline-block;
	margin-top:9px; margin-bottom:9px; 
  }
  

  
  /*주메뉴 1차 메뉴크기*/


  @media only screen and (min-width: 1001px){
	#menu {margin-top: 19px;   padding-left:20px ; }
	.funchurch_mphoto1{width:368px;height:276px}
	.funchurch_mphoto2{width:100%;height:227px}

  }
  
    @media all and (min-width:1001px) and (max-width:1150px) {
	.header-section.big li span{font-size: 19px; letter-spacing:-1px;}
	.header-section ul li  a {padding: 20px 15px 20px 2px ;}
	.header-section ul li.right a { padding:20px 0px 20px 6px !important;}
	
  }
  
    @media all and (min-width:1151px) and (max-width:1200px) {
	.header-section.big li span{font-size: 21px; letter-spacing:-1px;}
	.header-section ul li  a {padding: 20px 20px 20px 10px ;}
	.header-section ul li.right a { padding:20px 0px 20px 6px !important;}
	
  }
  

  @media all and (min-width:1201px) and (max-width:1250px) {
	.header-section.big li span{font-size: 21px;  letter-spacing:-1px; }
	.header-section ul li  a {padding: 20px 20px 20px 15px ;}
	.header-section ul li.right a { padding:20px 0px 20px 6px !important;}
	
  }

  @media all and (min-width:1251px) and (max-width:1300px) {
	.header-section.big li span{font-size: 21px;  letter-spacing:-1px; }
	.header-section ul li  a {padding: 20px 20px 20px 15px ;}
	.header-section ul li.right a { padding:20px 0px 20px 6px !important;}
	
  }

   @media all and (min-width:1301px) and (max-width:1500px) {
	.header-section.big li span{font-size: 21px;  letter-spacing:-1px;}
	.header-section ul li  a {padding: 20px 30px 20px 10px ;} 
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
  }
  
     @media all and (min-width:1501px) and (max-width:1660px) {
	.header-section.big li span{font-size: 23px }
	.header-section ul li  a {padding: 20px 40px 20px 10px} 
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
  }
  
   @media only screen and (min-width: 1660px){
   	.header-section.big li span{font-size: 23px; }
	.header-section ul li  a {padding: 20px 50px 20px 15px ;}
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
  }
  
     @media only screen and (min-width: 1850px){
   	.header-section.big li span{font-size: 23px; }
	.header-section ul li  a {padding: 20px 60px 20px 15px ;}
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
  }


.header-section ul li.right {
    position: relative; 
    right: 0;
}

  /*주메뉴 1차 메뉴 간격*/
  .header-section ul li a {
	color: #323b50;
	font-weight: 600;
	background: none ;
	text-decoration: none !important;
  }
  
  .header-section ul li a:hover {
	color: #1f334f;
	opacity:1 !important;
  }
  
  
  /*주메뉴 2차 메뉴크기*/
  .header-section.big ul li {
	  font-size: 16px;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  text-align: left;
  }
  
  .header-section ul li.menu-icon {
	  font-size: 1em;
	  padding: 28px 0px 0px 0px;
	}
  
  
  /*주메뉴 2차 메뉴 오버효과*/
  .header-section ul li ul li a{padding: 8px 20px ;}
  
  .header-section ul li ul li a:hover {
	  /*border:1px red solid;*/
	  margin-left:0px;	
	  color: #fff;
	  background-color:#1f334f !important;
	  opacity:1 !important;
  }
  
  .header-section.white ul li a {
	color: #1f334f;
	
  }
  
.header-section ul li.right a {
    float: left;
	font-weight: 500;
    color: #888;
    margin: 0px 0px 0px 0px;
    padding-left: 8px;
    padding-right: 0px;
    padding-top: 22px;
    padding-bottom: 20px;
}
  
  
  
/* -----------------------서브기본---------------------------*/
  
  
	/* 서브 배경 이미지 */

	.background-sub1 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_001.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub2 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_011.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub3 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_004.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub4 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_007.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub5 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_008.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub6 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_005.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub7 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_010.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub8 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_003.jpg) no-repeat center top;
		background-size: cover;
	}

	.background-sub9 {padding: 6% 2%;
		background: #fff  url(../img/subtitle_009.jpg) no-repeat center top;
		background-size: cover;
	}
  


  
  
  
  /*서브타이틀*/
  .title {text-align:center; font-size:40px; font-weight:500; color:#000; letter-spacing:-1px; padding-bottom:15px;}
  .title span {text-align:left; font-size:20px; font-weight:600; color:#ccc; letter-spacing:-2px; padding-top:15px; padding-left:12px;}
  .titlebar {margin: 0 auto; width:70px; height:3px; background:#0082ca ; margin-bottom:40px;}
  .jungbar {margin: 0 auto; width:40px; height:4px; background:#c9a978 ; margin-top:22px;}
  .stitle {text-align:left; font-size:27px; font-weight:700; color:#132e4b; letter-spacing:-2px; margin-bottom:20px; margin-left:15px;}
  
  /*서브탭버튼*/
  .sub-tab { margin-top:20px; margin-bottom:20px; margin-left:-3px;}
  .sub-tab a {display:inline-block; font-size:15px; color:#666666; font-weight:600; padding:4px 12px; background-color:#ffffff; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
  .sub-tab a:hover {display:inline-block; font-size:15px; color:#fff; font-weight:600; padding: 4px 12px; background-color:#132e4b; margin-left:3px;  margin-bottom:5px;}
  .sub-tab a.tabon {color:#fff; background-color:#132e4b; }
  
   .sub-tab .bon {display:inline-block; font-size:15px; color:#fff; font-weight:600; padding:4px 12px; background-color:#007cc8; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
 
  
  
  
   /*서브작은탭버튼*/
  .ssub-tab { margin-top:0px; margin-bottom:10px; solid; height:55px; background-color:#1f334f;}
  .ssub-tab a {display:inline-block; font-size:17px; color:#fff; font-weight:600; padding:15px 10px 20px 10px; margin-right:5px; }
  .ssub-tab a:hover {display:inline-block; font-size:17px; color:#0082ca; font-weight:600; padding:15px 10px 20px 10px; margin-right:5px; }
  .ssub-tab a.tabon {color:#0082ca;  }
  
   /*서브제일작은탭버튼*/
  .sssub-tab { margin-top:0px; margin-bottom:20px;  margin-right:10px;}
  .sssub-tab a {display:inline-block; font-size:14px; color:#777; font-weight:600; padding:6px 20px; margin-right:5px; background-color:#f2f2f2; border-radius: 25px;}
  .sssub-tab a:hover {display:inline-block; font-size:14px; color:#000; font-weight:600; padding:6px 20px; margin-right:5px; background-color:#f2f2f2; border-radius: 25px;}
  .sssub-tab a.tabon {color:#000; background-color:#eee; border-radius: 25px;}
  
  
  /* 서브좌측메뉴이미지 */
  .sub_left {position:relative; left:0; width:240px; margin-top:0px;  margin-left:-15px;}
  .sub_left .sub_leftbox{width:240px; height:200px; background:#1f334f url(/images/left.jpg) no-repeat right top;}
  .sub_left .sub_leftbox h3 {text-align:center; font-size:27px;  font-weight:700; color:#fff; padding-top:80px; margin-bottom:5px;}
  .sub_left .sub_leftbox h4 {text-align:center; font-size:14px;  font-weight:800; color:#aeacac; }
    
  
  /* 서브좌측메뉴 */
  
  #cssmenu > ul > li > a:hover,
  #cssmenu > ul > li.active > a,
  #cssmenu > ul > li.open > a {
	color: #fff;
	background: #1f334f;
	background: -webkit-linear-gradient(#1f334f, #1f334f);
	background: -moz-linear-gradient(#1f334f, #1f334f);
	background: -o-linear-gradient(#1f334f, #1f334f);
	background: -ms-linear-gradient(#1f334f, #1f334f);
	background: linear-gradient(#1f334f, #1f334f);}
	
   /* 서브네비색 */
  .cssmenubgcolor {
	color: #fff !important;
	background: #1f334f!important;
	background: -webkit-linear-gradient(#1f334f, #1f334f);
	background: -moz-linear-gradient(#1f334f, #1f334f);
	background: -o-linear-gradient(#1f334f, #1f334f);
	background: -ms-linear-gradient(#1f334f, #1f334f);
	background: linear-gradient(#1f334f, #1f334f);}
	
	#cssmenu > ul > li > a {
    font-size: 16px;
    font-weight: 600;

}

#cssmenu > ul > li > a {

    border-top: 0px solid #e5e5e5;
	border-left: 0px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;

}  
  
  /* 서브중간제목 */
  .tx {background: url(/images/tx-bg.jpg) no-repeat left top;}
  .txdot {background: url(/images/tx-dot.jpg) no-repeat left top;}
  .tx h4{font-size: 18px; font-weight: 600; color:#333; padding-left:25px;}
  .tx h3{font-size: 20px; font-weight: 700; color:#333; padding-left:25px;}
  

  /* 폰트색관련 */  
  .txn{color: #1f334f;} /* 서브 강조색 1 */ 
  .txc{color: #0082ca;} /* 서브 강조색 2 */ 
  .txb{color: #000;}	/* 서브 검정색 */ 
  .txw{color: #fff;} /* 서브 강조색 1 */ 
  .txp{color: #132e4b;} /* 서브 강조색 2 */ 
  .txps{color: #2c6697;} /* 서브 강조색 2 */
  .tx60{color:#247c3f;}
  .txsmall{font-size: 13px;}
  .mansmall1{font-size: 15px; line-height: 20px;}
  .mansmall2{font-size: 13px; line-height: 22px;}
  
  .font01{color: #c88d43;} 
  .font02{color: #cc5c56;} 
  .font03{color: #75ab9e;} 
  
  .font0108{color: #999; margin-top:15px;} 
  
  .sub08bg{background: #2f2f2f; letter-spacing:0.5px;} 

 
  /* 폰트간격관련 */    
  .letter{letter-spacing:-1px;}
  .letter2{letter-spacing:-2px;}
  

  /* 간격관련 */    
  .margin10{ margin:10px;}
  .marginvod{ margin:15px;}
  .subpadding {padding-left: 8%; padding-right: 8%;}
  .bottom22 {margin-bottom:24px;}
  .paddingbox{padding:4% 6%;}
  
  
 /* -----------------------선과버튼---------------------------*/
 
 .button11 {
	color: #fff;
	background: #0090ff;
	padding: 7px 17px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
  
  
  /* hr 라인관련 */
  hr.line {float: left; width:60px; border: 0; height: 4px; background: #0d82bb; margin-bottom:-1px;  margin-top:-15px;}  
  hr.linemain {float: left; width:100%; border: 0; height: 3px; background: #eee;}  
  hr.linesub {float: left; width:100%; border: 0; height: 1px; background: #eee;}  
  hr.linesub2 {float: left; width:100%; border: 0; height: 5px; background: url(/images/zicon/line.jpg) repeat}  
  hr.linefull {width:100%; border: 0; height: 1px; background: #e5e5e5;}
  hr.lineg {width:40px; border: 0; height: 1px; background: #e5e5e5;}
  hr.linejung {width:100%; border: 0; height: 2px; background: #1f334f;}
  hr.linefome {float: left; width:100%; border: 0; height: 1px; background: #e5e5e5; margin-bottom:10px;  margin-top:-2px;}  
  
  
  /* 숫자버튼네모 */
  .buttonbox1 {
	  color: #fff;
	  background: #132e49;
	  padding: 4px 6px;
	  border-radius: 3px;
	  font-size: 17px;
	  font-weight: 700;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-5px;
	  text-align:center;
  }
  
    /* 숫자버튼네모작은 */
  .buttonbox1s {
	  color: #fff;
	  background: #1f334f;
	  padding: 2px 6px;
	  border-radius: 3px;
	  font-size: 14px;
	  font-weight: 700;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-5px;
  }
  
  
  /* 숫자버튼원 */
  .buttonbox2 {
	  color: #fff;
	  background: #1f334f;
	  padding: 8px 12px;
	  border-radius: 3px;
	  font-size: 15px;
	  font-weight: 700;
	  font-family: 'pretendard', sans-serif;
	  border-radius: 100%;
	  margin-top:-8px;
  }
  
    .buttonbox45 {
  	  float:none;
      margin: 0 auto;
	  color: #fff;
	  background: #374f70;
	  padding: 8px 9px 7px 12px;
	  font-size: 16px;
	  font-weight: 700;
	  text-align:center;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  width:70px;
	  height:40px;
	  margin-bottom:15px;
	  border-radius: 45px;

  }
  
      .buttonbox50 {
	  color: #fff;
	  background: #c2b6a0;
	  padding: 8px 9px 7px 12px;
	  font-size: 16px;
	  font-weight: 700;
	  text-align:center;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  width:40px;
	  height:40px;
	  margin-bottom:15px;

  }
  
        .buttonbox55 {
	  color: #fff;
	  background: #c2b6a0;
	  padding: 8px 9px 7px 12px;
	  font-size: 16px;
	  font-weight: 700;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  width:40px;
	  height:40px;
	  margin-bottom:30px;

  }
  
      .buttonbox60 {
  	  float:none;
      margin: 0 auto;
	  color: #fff;
	  background: #247c3f;
	  padding: 15px 13px 7px 13px;
	  font-size: 30px;
	  font-weight: 700;
	  border-radius:60px;
	  font-family: 'pretendard', sans-serif;
	  letter-spacing: 0.5px;
	  width:50px;
	  height:50px;
	  margin-bottom:15px;

  }

  
  /* 모어버튼*/
  .button-more {
	color: #fff;
	font: 15px 'pretendard', sans-serif;
	font-weight:700;
    background: #0082ca;
	padding:5px 35px;
	border-radius:30px;
	border:2px solid #0082ca;
	transition: all 0.5s ease;
	margin-bottom:10px;
  }
  .button-more:hover {
	  color: #fff;
	  background: #1f2778;
	  border:2px solid #1f2778;
  }
  
    /* 박스버튼*/
  .button-box {
    color: #d5d5d5;
    text-align: center;
    padding: 14px 41px;
    font: 17px 'pretendard', sans-serif;
    font-weight:700;
    border: 1px solid #acacac;
    border-radius: 0px;
    transition: all 0.2s ease;
  }
  .button-box:hover {
	  color: #fff;
	  background: #000;
	  border: 1px solid #000;
  }
  
      /* 박스버튼*/
  .button-one {
    color: #fff;
    text-align: center;
    padding: 1.5% 5%;
    font: 18px 'pretendard', sans-serif;
    font-weight:700;
    border: 3px solid #fff;
    border-radius: 35px;
    transition: all 0.2s ease;
  }
  .button-one:hover {
	  color: #fff;
	  background: #105190;
	  border: 3px solid #105190;
  }
  
  
  /*신청버튼 */
  
    .but{
	  color: #fff;
	  font: 16px 'pretendard', sans-serif;
	  font-weight:700;
	  background: #1f334f;
	  padding:5px 10px;
	  border-radius: 3px;
	  border:3px solid #1f334f;
	  transition: all 0.5s ease;
  }
  .but:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }

  
    .butgo{
	  color: #555;
	  font: 14px 'pretendard', sans-serif;
	  font-weight:700;
	  background: #e2e2e2;
	  padding:7px 20px;
	  border:3px solid #e2e2e2;
	  margin-left:5px;
	  margin-right:5px;

  }
  .butgo:hover {
	  color: #fff;
	  background: #222;
	  border:3px solid #222;

  }
  

  
  
  
  /* -----------------------메인 관련 ---------------------------*/
  .boxvission {
    background: #f8f8f8;
    padding: 30px;
}
  
  .box_blue {
    background: #44548f;
    padding: 30px;
}
  
  .box_pink {
    background: #a05c83;
    padding: 30px;
}
  

  .margin-news{margin-top:20px;}
  .rboximg {
    border-radius: 15px;
    margin-bottom: 1px;
    margin-right: 15px;
}

.newbox0{background-color:#1f334f;}
.newbox1{padding:5% 5%; background-color:#ffffff;}
.newbox2{padding:5% 5% 0% 5%; background-color:#1f334f;}

   /* 공지배경*/
  .news-bg {
  background-color:#333333;
  }
  
     /* 에세이배경*/
  .essay-bg {
  background: #202020 url(/images/bg-essay.jpg) repeat center top;
  }
  
  .info-bg {
  background: #202020 url(/images/bg-info.jpg) no-repeat right top;
	background-size: cover;
  }
  
  .one-bg {
  background-color:#eeeeee;
  }
  
  .black-bg {
  background-color:#000;
  }
  
    /* tv배경*/
  .tv-bg {
  background: #202020 url(/images/bg-tv.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
  }
  
  
  /* 칼럼배경*/
  .column-bg {
  background: #202020 url(/images/bg-column.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	padding:5% 0%;
  }
  
      /* 웰컴배경*/
  .wel-bg {
  background: #fff url(/images/bg-wel.jpg) no-repeat center bottom;
	
  }
  
    
        /* 배경-서브*/
  .sub-bg {
  background: #fff url(/images/sub02/02-1-img.jpg) no-repeat left top;
	
  }
  
          /* 배경-시설1*/
  .sub02061-bg {
  background: #fff url(/images/sub02/06-01-img.jpg) no-repeat left top;
	
  }
  
        /* 목사님 프로필*/
  .paster-bg {
  background: #fff url(/images/sub02/02-1-img.jpg) no-repeat left top;
  padding:5% 5%;
	
  }
  
          /* 배경-새가족 등록*/
  .family-bg {
  background: #fff url(/images/sub01/02-bg.jpg) 50% 0 no-repeat fixed;
  padding:7% 7%;
	
  }
  
    .family-bg2 {
  background: #fff url(/images/sub01/02-bg2.jpg) 50% 0 no-repeat fixed;
  padding:7% 7%;
	
  }
  
       /* 배경위 오버박스 4칸*/  
  .hover-shadow-color {
	background-color: #000;
	color: #fff;
	opacity: 0.6;
	transition: all 0.5s ease;
	padding:15%;
	}
	.hover-shadow-color:hover {
	box-shadow: inset 0 -430px 0 0px #132e4b;
	color: #fff;
	opacity: 1;
	transition: all 0.5s ease;
	}
  
  
  #mlink1{float:left; margin:0 auto; }	  
  a.mB1{background:url(/images/vod00_off.jpg) no-repeat;}	
  a.mButton{display:block;  width:178px; height:178px; margin-right:5px;}
	a:hover.mButton{background:url(/images/vod00_on.jpg) no-repeat;}
	a.mButton span{display:none;}

  
  .mlink {font-size:19px; margin-top:5px;}
  .mlink:hover{font-size:19px; margin-top:5px; color:#666;}
  
  
  /* 메인포토박스라인*/
  .border-photo {
    border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin-left:-1px;
    transition: all 0.3s ease;
	margin-bottom:30px;
}  
  
  
    /* 메인포토박스라인*/
  .border-photo2 {
    transition: all 0.3s ease;
	margin-bottom:30px;
	padding:6% 8%;
	background-color:#FFFFFF;
}  
  
  
     /* 설교배경*/
  .tvtx-bg {
  background-color:#000;
  opacity: 0.8;
  padding:10px 5px;
  }
  
    .tvtx-bg:hover  {
  background-color:#105190;
  opacity: 1;
  padding:10px 5px;
  }
  
  
  
  
  /*이미지 외곽 라운딩*/
 /* .pr {
	  border-radius: 14px;
	  border:0px solid #000;
	  transition: all 0.5s ease;
  }*/
  
  .img-hover-text8 .distext {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 40% 5% 5% 5%;
    background: #1d2025;
    text-align: left;

}
  
  /*메인탭(공지)버튼*/
  .main-tab {margin-top:20px; margin-bottom:20px; text-align:center;} 
  .main-tab a {display:inline-block; width:48%; font-size:17px; color:#555555; text-align: center; font-weight:600; padding: 8px ; background-color:#ffffff; border:1px solid #e2e2e2; margin:0px 2px 5px 2px}  
  .main-tab a:hover {display:inline-block;width:48%; font-size:17px; color:#fff; font-weight:600; text-align: center; padding: 8px ; background-color:#0d82bb;  margin:0px 2px 5px 2px}  
  .main-tab a.tabon {color:#fff; background-color:#0d82bb; }
  
  /* 메인배경- 패턴용*/
  .background-main {
	  padding: 40px 0px 40px 0px;
	  background:url(/images/bg-pattern1.jpg) repeat;
  }
   /* 메인배경- */
  .background-bg {
  background-color:#f6f6f6;
  }
  
     /* 우리의꿈배경- */
  .sub0102-bg {
  background-color:#d1b861;
  }
  

   
  
  /* 메인배경- 풀이미지용*/
  .background-full {
	  background-size: cover;
  }
  
  /* 설교 */
	.background-vod {
	background: #f9f9f9 url(/images/main-vod.jpg) no-repeat center top;
	background-size: cover;
	}
	.background-vod2 {
	background: #f9f9f9 url(/images/main-vod2.jpg) no-repeat center top;
	background-size: cover;
	}
	.background-vod3 {
	background: #f9f9f9 url(/images/main-vod3.jpg) no-repeat center top;
	background-size: cover;
	}
	.background-vod4 {
	background: #f9f9f9 url(/images/main-vod4.jpg) no-repeat center top;
	background-size: cover;
	}					

	
   /* 설교우측박스 */
	.bg-color-vod{background:url(/images/bg-pattern5-r.jpg) repeat;}
	
   /* 설교우측글씨 */
	.tx-vod{color:#1f334f;}
	
	
   /* 설교버튼*/  
  	.buttonvod {
	  color: #fff;
	  background: #1f334f;
	  padding: 17px 28px;
	  border-radius: 3px;
	  font-size: 16px;
	  font-weight: 700;
	  font-family: 'Raleway', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  }
    .buttonvod:hover {
	  color: #fff;
	  background: #720329;
	  }
	  
	  
	.buttonvodb2 {
	color: #fff;
	background: #1f334f;
	padding: 14px 10px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	font-family: 'pretendard', sans-serif;
	border-radius: 100%;
	margin-top:-60px;
	}
	
	.buttonvodb2:hover{
	color: #fff;
	background: #000;

	}
	
	
	.hover-shadow8:hover {
	-webkit-box-shadow: 0px 0px 0px 5px #1f334f;
	-moz-box-shadow: 0px 0px 0px 5px #1f334f;
	box-shadow: 0px 0px 0px 5px #1f334f;
	}


.margin-bottom250{margin-bottom:26px;}
.margin-left25{margin-left:25px;}
.margin-left45{margin-left:46px;}
.margin-left65{margin-left:65px;}
.In{margin-left:16px;}


    .bg-sub0505{
	  background: #282d31;
	  }
 
 
 
 
/* -----------------------서브 추가 관련---------------------------*/  
.bg-sub0301 {
    background: #f7f4f4;
}

.bg-sub0302 {
    background: #f2f6da;
}

.bg-sub0303 {
    background: #f3f5e9;
}

.boxtb {
    background: #83cdec;
    padding: 14px 12px 12px 12px;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}

.boxbs {
    background: #daf1fa;
    padding: 20px;
    text-align: left;
}

.boxsubred {
    color: #1f334f;
    font-size: 13px;
    transition: all 0.3s ease;
	background:#fff;
	padding:15px 5px;
	border:2px solid #3b86ba;
	margin:10px 20px 10px 0px !important;
}

.bgtxred {
	float:left;
    color: #fff;
	width:100px;
    font-size: 17px;
	background:#ccc;
	padding:5px 10px;
	margin-right:10px;
	margin-top:-10px;
	margin-bottom:15px;

}

.bgtxblue {
	float:left;
    color: #fff;
	width:100px;
    font-size: 17px;
	background:#132e4b;
	padding:5px 10px;
	margin-right:10px;
	margin-top:-10px;
	margin-bottom:15px;

}

.bgtxbluep {
	float:left;
    color: #fff;
	width:100px;
    font-size: 17px;
	background:#132e4b;
	padding:5px 10px;
	margin-right:10px;
	margin-top:-5px;
	margin-bottom:15px;

}

.bgtxblueg {
	float:left;
    color: #333;
	width:150px;
    font-size: 17px;
	background:#f1f1f1;
	padding:1px 3px;
	margin-top:-10px;
	margin-bottom:5px;

}


.bgf {
	float:left;
    color: #132e4b;
	width:45px;
	height:45px;
    font-size: 20px;
	background:#fff;
	padding:7px 10px;
	margin-right:10px;
	margin-top:-8px;
	margin-bottom:15px;

}

      /* 배경-제자훈련*/
  .background-sub0601 {
	  background: #f9f9f9 url(/images/sub06/01/bg.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }
  
       /* 배경-사역훈련*/
  .background-sub0602 {
	  background: #f9f9f9 url(/images/sub06/02/bg.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }
  
      /* 배경-제자훈련학교*/
  .background-sub0603 {
	  background: #f9f9f9 url(/images/sub06/03/bg.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }
  
      /* 배경-성장디딤돌*/
  .background-sub0604 {
	  background: #f9f9f9 url(/images/sub06/04/bg.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }
  
      /* 배경-신구약*/
  .background-sub0605 {
	  background: #f9f9f9 url(/images/sub06/05/bg.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }
  
      /* 배경-마더와이즈*/
  .background-sub0606 {
	  background: #f9f9f9 url(/images/sub06/06/bg_230609.jpg) no-repeat center top;
	  background-size: cover;
	  padding:15% 3% 15% 3%;
  }

      /* 선교 겹치는 글씨 박스 */
.missiontop { 
	width:100%;
	text-align:left;
}
.missiontop .circle-box {
	float: left;
	opacity: 0.8;
	display:inline-block;
	width: 500px;
	padding: 50px 25px 50px 25px;
	background: #222;
	margin-top: -270px;
	margin-left:30px;
}

	.txborder{
	border:4px solid #c2b6a0; 
	padding:20px;
	background-color:#fff;
	border-radius: 20px;
	transition: all 0.3s ease;
	}

/* 교회소개 등록 원 */
.fusectionvision { 
	width:100%;
	text-align:center;
}
.circle-box01 {
	float: left;
	display:inline-block;
	width: 70px;
	height: 70px;
	padding:13px 15px;
	text-align: center;
	font-size:17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #3b86ba;
	margin-right:10px;
}
.circle-box0101{	float: left;
	display:inline-block;
	width: 70px;
	height: 70px;
	padding:13px 5px;
	text-align: center;
	font-size:17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #3b86ba;
	margin-right:10px;}

.circle-box02 {
	float: left;
	display:inline-block;
	width: 70px;
	height: 70px;
	padding:13px 15px;
	text-align: center;
	font-size:17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #2c6697;
	margin-right:10px;

}

.circle-box03 {
	float: left;
	display:inline-block;
	width: 70px;
	height: 70px;
	padding:13px 15px;
	text-align: center;
	font-size:17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #132e4b;
	margin-right:10px;

}

.circle-box0m{margin-top:20px;}




.fusectionvision .circle-box1 {
	/*float: left;*/
	display:inline-block;
	width: 280px;
	height: 280px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #987e48;
	margin-left: -30px;
}
.fusectionvision .circle-box2 {
	/*float: left;*/
	display:inline-block;	
	width: 280px;
	height: 280px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #d06403;
	margin-left: -30px;
}

.fusectionvision .circle-box3 {
	/*float: left;*/
	display:inline-block;	
	width: 280px;
	height: 280px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #868585;
	margin-left: -30px;
}

.fusectionvision .circle-boxg1 {
	/*float: left;*/
	display:inline-block;
	width: 200px;
	height: 200px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	border-radius: 100%;
	background: #f6f6f6;
	margin-left: -30px;
	margin-top: -30px;
}

.fusectionvision .circle-boxg2 {
	/*float: left;*/
	display:inline-block;
	width: 200px;
	height: 200px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	border-radius: 100%;
	background: #f1f1f1;
	margin-left: -30px;
	margin-top: -30px;
}

  /* 도트BG */   
  .dotbg{

	width:100%;
	color: #fff;
	text-align:center;
	background:url(/images/zicon/bg-pattern2.jpg) repeat left top;
}

 /* 예배시간 시간박스*/
    .timenb{
	margin:0 auto;
    color: #000;
	font: 15px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:15px 15px;
	width:100%;
	border-radius:30px;
	border:3px solid #eee;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	
	.timenb:hover{
    color: #000;
    background: #eee;
	border:3px solid #eee;
	}
	
	.timenbank{
	margin:0 auto;
    color: #000;
	font: 16px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:30px 3px;
	width:97%;
	border-radius:25px;
	border:3px solid #eee;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	.timenbank:hover{
	border:3px solid #007cc8;

	}
	
	.timenbig{
	margin:0 auto;
    color: #000;
	font: 16px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:15px 15px;
	width:100%;
	border-radius:50px;
	border:3px solid #eee;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	.timenb2{
	margin:0 auto;
    color: #000;
	font: 15px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:5px 5px;
	width:50%;
	border-radius:30px;
	border:3px solid #eee;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	.timenb3{
	margin:0 auto;
    color: #000;
	font: 15px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:15px 15px;
	width:95%;
	border-radius:30px;
	border:3px solid #eee;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	
    .timenbb{
	margin:0 auto;
    color: #fff;
	font: 18px 'pretendard', sans-serif;
	font-weight:700;
    background: #000;
	padding:12px 20px;
	width:100%;
	border-radius:30px;
	border:3px solid #000;
	transition: all 0.5s ease;
	margin-bottom:20px;
	}
	
	 .timenb200{
	 margin:0 auto;
    color: #000;
	font: 18px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:12px 10px;
	width:200px;
	border-radius:30px;
	border:3px solid #132e4b;
	transition: all 0.5s ease;
	margin-bottom:20px;
	}
	
	 .timenb300{
	 margin:0 auto;
    color: #000;
	font: 18px 'pretendard', sans-serif;
	font-weight:700;
    background: #fff;
	padding:12px 20px;
	width:300px;
	border-radius:30px;
	border:3px solid #132e4b;
	transition: all 0.5s ease;
	margin-bottom:20px;
	}
	
	
  /* 영성훈련 이미지 배경*/
  .background-sub0301 {
	  background: #f9f9f9 url(/images/sub03/01-bg-01.jpg) no-repeat left top;
	  padding:60px 10px;
  }	
    .background-sub0302 {
	  background: #f9f9f9 url(/images/sub03/01-bg-02.jpg) no-repeat left top;
	  padding:60px 10px;
  }	
  
        /* 교회학교 바탕색
  .background-sub0602 {
	  background: #fff;
	  border:3px solid #247c3f;
	  padding:10px 10px;
	  border-radius:40px;
	  margin:5px;
	  
  }*/
  


	
  /* 예배시간 이미지 배경*/
  .background-sub020301 {
	  background: #f9f9f9 url(/images/sub02/03-img-01.jpg) no-repeat left top;
	  padding:60px 0px;
  }
    .background-sub020302 {
	  background: #f9f9f9 url(/images/sub02/03-img-02.jpg) no-repeat left top;
	  padding:60px 0px;
  }
  
      /* 역사 바탕색*/
  .background-sub0103 {
	  background: #132e4b;
  }
  
   /* 역사 바로가기 박스*/
    .historynb{
	margin:0 auto;
    color: #fff;
	font: 14px 'pretendard', sans-serif;
	font-weight:700;
	text-align: center;
    background: #132e4b;
	padding:10px 10px;
	width:80%;
	border:2px solid #fff;
	border-radius:30px;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	.historynb:hover{
	margin:0 auto;
    color: #132e4b;
	font: 14px 'pretendard', sans-serif;
	font-weight:700;
	text-align: center;
    background: #fff;
	padding:10px 10px;
	width:80%;
	border:2px solid #fff;
	border-radius:30px;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}
	
	
	
   /* 약도 박스*/
	.boxmap {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5% 10% 0% 10%;
    transition: all 0.3s ease;
	margin-left:-1px;
	height:230px;
	}

  .shadow-box1 .box {
    width: 100%;
    padding: 10%;
    background: #fff;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.06);
}

  /* 환영합니다 pc*/
  .background-sub01 {
	  background: #f9f9f9 url(/images/sub01/01-img.jpg) no-repeat left top;
  }
    /* 환영합니다 모바일*/
  .background-sub01m {
	  background: #f1f1ef;
  }
  
    /* 환영합니다.- 풀이미지용*/
  .background-sub00 {
	  background: #f9f9f9 url(/images/sub01/00-bg.jpg) no-repeat left top;
	  background-size: cover;
  }
  
  .sheet-slider .sh-arrows label {
    background-color: rgba(255, 255, 255, 0.7);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    display: none;
    height: 50px;
    position: relative;
    width: 50px;
}

.sheet-slider ul.sty1 {
    position: relative;
	height: 470px;
}

.sheet-slider .sh-arrows {
    position: absolute;
    right: 0px;
    z-index: 40;
    width: auto;
    bottom: calc(3em + 7px);
    opacity: 1;
}
  

 
/* -----------------------대시보드 기본---------------------------*/  
  
  /* 연혁글씨크기 */
  
  .historytxy {
	color: #1f334f;
	font-size: 33px;
	font-weight: 900;
	font-family: 'pretendard', sans-serif;
}

  .historytx {
	  font-size: 16px;  
  }
  
  /* 연혁버튼 */	  
  .historybox {
	color: #1f334f;
	font-size: 25px;
	font-weight: 900;
	font-family: 'pretendard', sans-serif;
  }
  
  .txhistory {  
	  font-size: 16px;
	  font-family: 'pretendard', sans-serif;
  }
  
  /* 섬기는 */
  .port-box {
	width: 100%;
	overflow:hidden;
  }
  .port-box .image {
	  width:100%;
	  background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	  transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
  }
  .port-box .image.two {
	  background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	  transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
  }
  .port-box .image.three {
	  background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	  transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
  }
  
  
  /* 예배시간표 */
  .tablestime table {width:100%;}
  
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
  
  
  
  
  
  .tablestime table, .tablestime th, .tablestime td {
	   border: 1px solid #dddddd;
	   border-collapse: collapse;
	   font-size: 17px;
	   color: #888;
	   text-align: center;  
	  vertical-align:middle;
	   padding: 10px 15px;
	   background-color: #fff;
  }
  .tablestime th {
	   background-color: #132e4b;
       color: #fff;
	   text-align: center;  
	  vertical-align:middle;
	   font-size: 17px;
	   font-weight: 700;
  }

  .tablestime td:first-child {
	   background-color: #f8f8f8;
	   color: #888;
	   font-weight: 700;
	   text-align: center;  
	  vertical-align:middle;
  }


  /* 교구표 */
  .tablestime2 table {width:100%;}
  .tablestime2 table, .tablestime2 th, .tablestime2 td {
	   border: 1px solid #dddddd;
	   border-collapse: collapse;
	   font-size: 17px;
	   color: #888;
	   text-align: center;  
	  vertical-align:middle;
	   padding: 10px 15px;
	   background-color: #fff;
  }
  .tablestime2 th {
	   background-color: #132e4b;
       color: #fff;
	   text-align: center;  
	  vertical-align:middle;
	   font-size: 17px;
	   font-weight: 700;
  }

  .tablestime2 .first {
	   background-color: #f8f8f8;
	   color: #888;
	   font-weight: 700;
	   text-align: center;  
	  vertical-align:middle;
  }

  .tablestime2 .name{
	  background-color: #f0f0f0;
	  color: #132e4b;
	  font-weight: 700;
	  text-align: center;
  }
  
  .tablestime2 .last{
	  background-color: #fff;
	  text-align: left;
  }


  
  
/* -----------------------카피 관련---------------------------*/  
  .copy-bg {
  background: #252525;
  }
  
  footer {
    position: relative;
    width: 100%;
    height: auto; /* 원하는 높이 설정 */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* 텍스트 가독성을 위해 흰색 */
}

#bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1; /* 비디오를 뒤로 배치 */
    object-fit: cover; /* 비디오가 푸터 전체를 채우도록 설정 */
}

.footer-content {
    position: relative;
    z-index: 1; /* 비디오 위에 텍스트를 표시 */
}
  
  
.copysns {
    display: inline-block;

}

  .bg-color-copy{background: #252525;}
	  
  .copytx{
	  font: 15px 'pretendard', sans-serif;
	  color: #eeeeee;
	  font-weight:300;
	  line-height: 23px;;}
	  
  .copytxa{color: #eeeeee;}
  .copytxa:hover{color: #fff;}
  
  .copybut{
  	float:right;
	  color: #b8b4b4;
	  font: 12px ;
	  background: #212121;
	  padding:8px;
	  border-radius: 3px;
	  border:3px solid #212121;
	  transition: all 0.5s ease;
  }
  .copybut:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }
  
  
  
/* -----------------------표관련---------------------------*/  
  /*  메인예배안내표 */
  .tablesline table {
	  width:100%;
  }
  .tablesline table, .tableslineb th, .tablesline td {
	  border: 1px solid #acacac;
	  border-collapse: collapse;
	  padding: 4px 10px;
	  font-size: 17px;	
	  color: #d5d5d5;  
	  vertical-align:middle;
	  background-color: #333333;
	  text-align: center;
  }
  .tablesline th {
  	  border: 1px solid #acacac;
	  border-collapse: collapse;
	  padding: 4px 10px;
	  font-size: 17px;	
	  color: #d5d5d5;  
	  vertical-align:middle;
	  background-color: #333333;
	  text-align: center;
  }
  
  
   /* 선교표 */
  .tablesgray table {
	  width:100%;
  }
  .tablesgray table, .tablesgray th, .tablesgray td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 6px 10px;
	  font-size: 16px;	  
	  vertical-align:middle;
	  background-color: #fff;
	  font-weight: 300;
	  text-align: center;
  }
  .tablesgray th {
	  background-color: #acacac;
	  color: #fff;
	  text-align: center;
	   padding: 8px 10px;
	  font-size: 17px;
	  font-weight: 600;
	  vertical-align:middle;
  }
  
    .tablesgray .lt{
	  text-align: left;
  }
    .tablesgray .ee{
	  background-color: #eee;
	  color: #000;
  }


   
  /* 서브표 */
  .tablessub table {
	  width:100%;
  }
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 4px 10px;
	  font-size: 17px;	  
	  vertical-align:middle;
	  background-color: #fff;
	  font-weight: 400;
	  text-align: center;
  }
  .tablessub th {
	  background-color: #acacac;
	  color: #fff;
	  text-align: center;
	   padding: 4px 10px;
	  font-size: 17px;
	  font-weight: 600;
	  vertical-align:middle;
  }
  
   .tablessub .thleft {
	  background-color: #1f334f;
	  color: #fff;
	  text-align: left;
	  font-size: 15px;
	  font-weight: 600;
	  vertical-align:middle;
  }
  
    .tablessub .ps{
	   font-size: 12.5px;
  }
  
      .tablessub .pd{
	    padding: 20px 0px;
  }
  
  
  .tablessub .cw{
	  background-color: #fff;
	  color: #666;
	  font-weight: 300;
	  text-align: left;
  }
  
    .tablessub .cwb{
	  background-color: #fff;
	  color: #000;
	  font-weight: 700;
	  text-align: center;
  }
  
  
  .tablessub .gray{
	  background-color: #333;
	  color: #fff;
	  text-align: center;
	  font-size: 15px;
	  font-weight: 700;
  }
  
  
  .tablessub .cg{
	  background-color: #f6f6f6;
	  color: #666;
	  text-align: center;
	  font-weight: 700;
  }
  
    .tablessub .cfg{
	  background-color: #f3f3f3;
	   color: #666;
	   font-weight: 700;
	   text-align: center;
  }
  
    .tablessub .w0{ background-color: #b3b3b3;}
    .tablessub .w1{ background-color: #8fa74d;}
	.tablessub .w2{ background-color: #9fb460;}
	.tablessub .w3{ background-color: #b5c67b;}
	.tablessub .w4{ background-color: #c6b97b;} 
	.tablessub .w5{ background-color: #c6a07b;} 
	.tablessub .w6{ background-color: #c68b7b;}
	.tablessub .w10{ background-color: #8b8b8b;}

   .tablessub  td:first-child {
	   background-color: #f3f3f3;
	   color: #666;
	   font-weight: 700;
	   text-align: center;
  }
  

  
	/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
    vertical-align: middle;
	}*/

  
  /* -----------------------이미지 오버 ---------------------------*/
  
  /*메인 긴 배너 효과*/
  .img-hover-link {
    position: relative;
	background: #222;
	}
	.img-hover-link img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
	}
	.img-hover-link:hover img {
	opacity: 0.2;
	}
	.img-hover-link .distext {
    position: absolute;
	left: 30px;
    right: 30px;
	top: 22px;
	color:#fff;
    text-decoration: none;
	transition: all 0.3s ease;
	}
	.img-hover-link .distext h5{color:#fff; font: 18px 'pretendard'}

	.img-hover-link:hover .distext {top: 22px; left:40px;}
	.img-hover-link:hover .distext h5{color:#fff;}
	
	
  
  .button10 {
	  color: #fff;
	  font-size: 13px;
	  padding: 6px 20px;
	  border-radius: 20px;
	  transition: all 0.3s ease;
  }
  .button10:hover {
	  color: #fff;
	  background: #0870c9;
	  border: 1px solid #0870c9;
  }
  .button10.sty2 {
	  color: #fff;
	  background: #0870c9;
	  border: 1px solid #0870c9;
  }
  .button10.sty2:hover {
	  color: #fff;
	  background:#12304f;
	  border: 1px solid #12304f;
  }
  

   /*메인 링크배너 오버 효과*/ 
  .img-hover-text11 img {
	  opacity: 1;
	  display: block;
	  transition: all 0.5s ease;
	  opacity: 0.9;
  }
  
  
  .img-hover-text11.sty4 .distext{
	  left: 25px;
	  right: 20px;
	  top: 40px;
  }
  .img-hover-text11.sty4:hover .distext{
	  top: 40px;
  }
  
  .img-hover-text11.sty4 .distext2 {
	  opacity: 0;
	  position: absolute;
	  left: 20px;
	  right: 20px;
	  bottom: 0px;
	  text-decoration: none;
	  text-align: center;
	  transition: all 0.3s ease;	
	  transform: scale(0.5);
  }
  .img-hover-text11.sty4:hover .distext2 {
	  opacity: 1;
	  transform: scale(1);
  }
  
  
   /*사진밑텍스트*/
  .photo-hover-text {
	  position: relative;
	  margin-bottom:40px;
  }
  .photo-hover-text img {
	  display: block;
  }
  
  .photo-hover-text h6{color:#fff;}
  
  .photo-hover-text .btext {
	  position: absolute;
	  width:100%;
	  /*bottom: -10px;
	  left: 10px;
	  right: 10px;*/
	  padding: 2% 3% 3% 3%;
	  text-align: center;
	  background:url(/images/bar-bg.jpg) repeat left top;
  }
  
  
  .mainVOD {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
 


.img-hover-text122 {
    position: relative;
	background: #000;
}

.img-hover-text122 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text122:hover img {
	opacity: 1;

}

.img-hover-text122 .btext{
    color: #fff;
	text-align: left;
	opacity:1;
    text-decoration: none;
}

.img-hover-text122 .distext h5{
  opacity:1;
  }
  
  
.img-hover-text122 .distext {
    position: absolute;
	top: 85%;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 5% 7% 3% 10%;
	background: #000;
	opacity:0.7;
    text-decoration: none;
}

/*.img-hover-text122:hover .distext {
    position: absolute;
	top: 80%;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 3% 7% 5% 7%;
	background: #fd4502;
    text-decoration: none;
	opacity:1;
	transition: all 0.3s ease;
}*/


	.toggleslide #toggle + label {
		position: absolute;
		cursor: pointer;
		/*width: 100px;
		border-bottom-left-radius: 3px;*/
		border-radius: 25px;
		width: 45px;
		height: 45px;
		padding-top: 13px;
		color: rgb(150, 149, 149);
		/*background-color: #1f334f;
		  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		*/
		  line-height: 18px;
		font-size: 0px;
		font-weight: 0;
		text-transform: uppercase;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		cursor: pointer;
	  /*  margin: 20px 50px;*/
		right: 67px;
		top: 67px;
		transition: all 500ms ease;
		z-index: 9999;
		background-image: url(/images/sitemap.png);
	  
	  }
	  .toggleslide #toggle + label:after {
		content: "";
		font-size: 25px;
		font-weight: 400;
	  }
	  
	  





	  .toggleslide #toggle:checked + label {
		/* background: #1d2025; */

		position: absolute;
		cursor: pointer;
		/*width: 100px;
		border-bottom-left-radius: 3px;*/
		border-radius: 25px;
		width: 45px;
		height: 45px;
		padding-top: 13px;
		color: #fff;
		background-color: #999;
		  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
		line-height: 18px;
		font-size: 0px;
		font-weight: 0;
		text-transform: uppercase;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		cursor: pointer;
	  /*  margin: 20px 50px;*/
		right: 67px;
		top: 67px;
		transition: all 500ms ease;
		z-index: 9999;		

		background-image: url(/images/sitemap-close.png);
	  }

	  .toggleslide #toggle:checked + label:after {
		content: "";
		font-size: 18px;
		font-weight: 400;
		color: #fff;
		background-color: #999;

		padding: 0px 0px;
		border-radius: 100%;
	  }
	  







	.toggleslide .message {
		background: #1d2025 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #fff;
		height:310px;
		left: 0;
		overflow: hidden;
		padding-top: 1%;
		padding-bottom:1%;
		position: absolute;
		top: -310px;
		transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
		width: 100%;
		z-index: 2;
	}
	
	.toggleslide #toggle:checked ~ .slidecontainer {
    margin-top: 310px;
}



	

/* -----------------------메뉴 설정 ---------------------------*/  
  
  @media only screen and (max-width: 1000px){
      .header-section {height:100px; }	  
	  .header-section #menu span { color: #000;}
	  .header-section #menu > ul li a, .header-section #menu > ul li a:hover { color: #fff;}
	  .header-section #menu span.subtitle { color: #666;}
	  .header-section #menu > ul li ul li ul li a {padding-left: 70px;}
	  
		.live {position: absolute; top: 24px; right: 67px; z-index:9999}
	   .toggleslide #toggle + label {top: 53px;}
 		.header-section .main-nav{margin-left:0px; margin-top:-16px;}
		
		.GL_stTop { color: #000 !important;}
		
		  .ssub-tab {margin-top:0px; margin-bottom:10px;  border-bottom:1px #ececec solid; height:65px;}
		  .ssub-tab a {display:inline-block; font-size:18px; color:#fff; font-weight:600; padding:19px 5px 20px 5px; margin-right:5px; border-bottom:2px #fff solid; }
		  .ssub-tab a:hover {display:inline-block; font-size:18px; color:#0082ca; font-weight:600; padding:19px 5px 20px 5px; margin-right:5px;  border-bottom:2px #0082ca solid;}
		  .ssub-tab a.tabon {color:#0082ca; border-bottom:2px #0082ca solid; }
  
    .margin-news{margin-top:10px;}
	
	  .tv-bg {
  background: #264e77 url(/images/bg-tvm.jpg) no-repeat right top;
	
  }
  }
  
    
  
/* -----------------------테블릿 크기 설정 ---------------------------*/  
  
  @media only screen and (max-width: 768px){	  
  		.header-section {height:100px; }
	  .title {font-size:25px;}
	  .title span{font-size:25px;}
	  
	  h2 { font-size: 20px;}
	  h3 { font-size: 18px;}
	  h4 { font-size: 17px;}
	  h2.big4 {font-size: 80px; line-height: 120%;}
	  

	  
	  .main-tab a {display:inline-block; width:48%;}
	  .main-tab a:hover {display:inline-block;width:48%;}
	  
	   .live {position: absolute; top: 24px; right: 67px;}
	   .toggleslide #toggle + label {top: 53px;}
	   
	   .funchurch_mphoto1{width:100%;height: 276px}
	   
	.missiontop .circle-box {
	float: left;
	opacity: 0.8;
	display:inline-block;
	width: 100%;
	padding: 20px 20px 20px 20px;
	background: #222;
	margin-top: 0px;
	margin-left:0px;
}

  /* 메인포토박스라인*/
  .border-photo {
    border-bottom: 1px solid #dddddd;
	
}  

.circle-box0 {
	float: left;
	display:inline-block;
	width: 50px;
	height: 50px;
	font-size:15px;
	padding:10px 10px;
	text-align: center;
	color: #fff;
	line-height: 17px;
	font-weight: 700;
	border-radius: 100%;
	background: #1f334f;
	margin-right:10px;

}

.circle-box01 {
	float: left;
	display:inline-block;
	width: 50px;
	height: 50px;
	padding:10px 10px;
	text-align: center;
	font-size:15px;
	line-height: 17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #3b86ba;
	margin-right:10px;
}

.circle-box0101{	float: left;
	display:inline-block;
	width: 50px;
	height: 50px;
	padding:10px 2px;
	text-align: center;
	font-size:15px;
	line-height: 17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #3b86ba;
	margin-right:10px;}

.circle-box02 {
	float: left;
	display:inline-block;
	width: 50px;
	height: 50px;
	padding:10px 10px;
	text-align: center;
	font-size:15px;
	line-height: 17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #2c6697;
	margin-right:10px;

}

.circle-box03 {
	float: left;
	display:inline-block;
	width: 50px;
	height: 50px;
	padding:10px 10px;
	text-align: center;
	font-size:15px;
	line-height: 17px;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #132e4b;
	margin-right:10px;

}

.circle-box0m{margin-top:12px;}

.ssub-tab { margin-top:0px; margin-bottom:10px;  border-bottom:0px #ececec solid; height:20px;}
  
  }
  
  
/* -----------------------모바일 크기 설정 ---------------------------*/  

  
  @media only screen and (max-width: 420px){
	  .header-section {height:70px; }
	  .sheet-slider ul.sty1 {position: relative; height: 250px;}
	  .header-section ul li.menu-icon { padding: 15px 0 0 30px;}
	  
	  .header-section .logo img{height:60px; margin-top:-7px;}
  
	  .main-tab a {display:inline-block; width:48%;}
	  .main-tab a:hover {display:inline-block;width:48%;}
	   
	   .title span {text-align:left; font-size:18px; font-weight:300; color:#ccc; letter-spacing:-2px; padding-top:15px;}
	   
	   .live {position: absolute; top:9px; right: 67px;}
	   .toggleslide #toggle + label {top: 53px;}
	   
	   .subpadding {padding-left: 4%; padding-right: 4%;}

  
		.funchurch_mphoto1{width:100%;height:276px}
		
		.header-section .main-nav{margin-left:0px; margin-top:-18px;}
		
		 .margin-news{margin-top:0px;}
		
  }
  

  
  /* 20190507 추가 */
  
  .header-section ul li.mega-menu  > ul {
	  background-color:rgba(0, 0, 0, 0.7);
  }
  
  
  
  .header-section ul li > ul {
	  background:none;
  }
  
  .header-section ul li > ul li  {
	  background-color:rgba(0, 0, 0, 0.7);
	  border-bottom:0px;
  }
  
  .header-section ul li.mega-menu  > ul li{
	  background:none;
	  border-right:0px;
  }
  
  
  .header-section ul li ul li a {
	  color: #fff;
   
  }
  
  
  .header-section ul li.mega-menu > ul > li span.subtitle{
  
	  color : #FFFFFF;
  }
  

  
  .article-list li {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
  .article-list li a{color:#000}
  .article-list li a:hover{color:#333}
  
  .article-list2 {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
  .article-list2 a{color:#000}
  .article-list2 a:hover{color:#333}
  
  
 

  
.owl-nav{
	text-align:center;
	margin-top:10px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    margin-left: 5px;
	margin-right: 5px;
    font-size: 35px !important;
}


.item-img-wrap img {
   /* border-radius: 14px !important; */
    border: 0px solid #000 !important;
    transition: all 0.5s ease !important;
}

.item-img-wrap a:hover img {
   /* border-radius: 14px !important;*/
    border: 0px solid #000 !important;
    transition: all 0.5s ease !important;
  }




.files li a {
    font-size: 14px !important;
}


/* 달력 
  .daybg1{background-color: #2e5996; padding: 3.5% 2% 3% 2%;}
  .daybg{background-color: #1f334f; padding: 5%;}
  .datbg h5{color:#fff!important;}
  .daybar{border:2px solid #1f334f; }
  
  .tablesday table {
	  width:100%;
  }
  .tablesday table, .tablesday th, .tablesday td {

	  border-collapse: collapse;
	  padding: 1%;
	  vertical-align:middle;
	  text-align: center;
	  font-size: 16px;
	  height:50px;
	  background-color: #fff;
  }
  .tablesday th {
	  background-color: #0082ca;
	  color: #fff;
	  text-align: center;
	  font-size: 12px;
	  font-weight: 700;
	  padding: 0.5%;
  }

.circle-boxs {
	margin: 0 auto; 
	width: 30px;
	height:30px;
	padding: 2px 4px 2px 4px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	background: #0082ca;
	font-size: 15px;
}

.circle-boxg {
	margin: 0 auto; 
	width: 30px;
	height: 30px;
	padding: 2px 4px 2px 4px;
	text-align: center;
	color: #555;
	border-radius: 100%;
	background: #fff;
	font-size: 15px;
}


.circle-boxb {
	margin: 0 auto; 
	width: 62px;
	height: 62px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #e9388c;
}

.circle-boxb2 {
	margin: 0 auto; 
	width: 62px;
	height: 62px;
	padding: 13px 0px 0px 0px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #e9388c;
}

.circle-boxb h2 {font-size: 25px; text-align: center;}
.circle-boxb h6 {font-size: 12px; text-align: center;}

.circle-boxb2 h2 {font-size: 25px; text-align: center;}
.circle-boxb2 h6 {font-size: 12px; text-align: center;}

.padding-day{padding:1% 2%;} */


 /* 장소신청 */
 
 .daybg{background-color: #2e5996; padding: 3.5% 2% 3% 2%;}
 
 
  .tablesday table {
	  width:100%;
  }

	  
  .tablesday table, .tablesday th, .tablesday td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 9px 15px;
	  font-size: 16px;	  
	  vertical-align:top;
	  background-color: #fff;
	 
  }
  .tablesday th {
	  background-color: #0082ca;
	  color: #fff;
	  text-align: center;
	  font-size: 13px;
	  font-weight: 500;
  }
  
   .tablesday .thleft {
	  background-color: #000;
	  color: #fff;
	  text-align: left;
	  font-size: 15px;
	  font-weight: 700;
  }
  
    .tablesday td {
	  height:60px;
	  vertical-align:top;
	  text-align: left;
	  padding: 5px 15px;
  }
  
  /*
  .tablesday  td:first-child {
	  background-color: #f2cc9a;
	  color: #fff;
	  font-weight: 500;
  }
  */

  .tablesday .hd{
	background-color: #f2cc9a;
	color: #fff;
	font-weight: 500;
	}
  
  .tablesday .big{
	 height:120px; 
  }
  
      .tablesday .s {
	  height:30px;
	  vertical-align:top;
	  text-align: center;
	  padding: 5px;
  }
  
   .tablesday .d1{background-color: #4a6387; color: #fff;}
   .tablesday .d2{background-color: #0082ca; color: #fff;}
   .tablesday .d3{background-color: #222111; color: #fff;}
   .tablesday .d4{background-color: #f6f6f6; color: #333;}
   
   .tablesday .d1s{background-color: #4a6387; color: #fff; height:30px;text-align: center;}
   .tablesday .d2s{background-color: #0082ca; color: #fff; height:30px;text-align: center;}
   .tablesday .d3s{background-color: #222111; color: #fff; height:30px;text-align: center;}
   .tablesday .d4s{background-color: #f6f6f6; color: #333; height:30px;text-align: center;}
  
    .day1 {
	float:left;
    background: #4a6387;
	font-size: 16px;
	color: #fff;
	width:70px;
	height:40px;
	text-align:center;
	padding-top:7px;
	margin:10px 10px 0px 0px;
}

    .day2 {
	float:left;
    background: #0082ca;
	border:1px #dddddd solid;
	font-size: 16px;
	color: #fff;
	width:70px;
	height:40px;
	text-align:center;
	padding-top:7px;
	margin:10px 10px 0px 0px;
}

    .day3 {
	float:left;
    background: #222;
	border:1px #dddddd solid;
	font-size: 16px;
	color: #fff;
	width:70px;
	height:40px;
	text-align:center;
	padding-top:7px;
	margin:10px 10px 0px 0px;
}

    .day4 {
	float:left;
    background: #f6f6f6;
	border:1px #dddddd solid;
	font-size: 16px;
	color: #333;
	width:70px;
	height:40px;
	text-align:center;
	padding-top:7px;
	margin:10px 10px 0px 0px;
}


	.search-box {text-align:left}
	
	.search-box .form-control {
    height: auto;
	font-size: 16px;
    border: 1px solid #999;
    border-radius: 0px;
    box-shadow: none;
    padding:6px 5px;
	margin:2px;
}

	.search-box .form-inline {
    height: auto;
	font-size: 16px;
    border: 1px solid #999;
    border-radius: 0px;
    box-shadow: none;
    padding:6px 5px;
	margin:2px;
}

	
 .form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
	margin:2px;
}

.boxborder {
    border: 2px solid #1f334f;
    padding: 20px 30px;
}

  .button-db {
	  color: #fff;
	  font: 16px 'pretendard', sans-serif;
	  padding: 12px 40px;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  background: #0082ca;
	  transition: all 0.3s ease;
	  border:1px solid #0082ca;
  }
  .button-db:hover {
	  color: #fff;
	  background: #1f334f;
	  border:1px solid #1f334f;
  }
  
  .button-dbc {
	  color: #fff;
	  font: 16px 'pretendard', sans-serif;
	  padding: 12px 40px;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  background: #666;
	  transition: all 0.3s ease;
	  border:1px solid #666;
  }
  .button-dbc:hover {
	  color: #fff;
	  background: #1f334f;
	  border:1px solid #1f334f;
  }
  
  .padding-fome {
    padding-top: 7px;
}

/*.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(/images/zicon/light-skin-2.png);
	background-position: -89px -103px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}*/

.ms-skin-default .ms-nav-next {
    width: 30px;
    background: url(/images/zicon/light-skin-2.png);
	 height: 40px;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
	right: 30px;
    left: auto;
    background-position: -89px -103px;
}


.ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(/images/zicon/light-skin-2.png);
	background-position: -89px -30px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}



/* 장소신청 css */

.dbox,  .tablesday .d2s {cursor:pointer;}

#placediv {
    max-height: 600px; /* 높이 제한 (필요에 따라 조정 가능) */
    overflow-y: auto; /* 세로 스크롤 활성화 */
    border: 1px solid #ccc; /* 프레임 테두리 추가 */
    padding: 10px; /* 내부 여백 */
    background-color: #fff; /* 배경색 지정 */
}

#placebox table tr td {width : "5.88%"}


.place-date {
    float: right; /* 우측 정렬 */
    font-size: 14px; /* 글자 크기 조정 */
    font-weight: normal; /* 기본 글씨 두께 */
    color: #666; /* 글자 색상 (회색) */
    margin-left: 10px; /* 장소명과 간격 */
}


.my-res {
	border: 2px solid #FF4500; /* 나의 예약건은 주황색 테두리로 표시 */
	position: relative;
	cursor:pointer;
}
.my-res .my-badge {
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: #FF4500;
	color: #fff;
	font-size: 10px;
	padding: 2px 4px;
	border-radius: 3px;
}