@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url(/bbs/theme/2024/common/css/font/NanumGothic-Regular.eot);
	src: url/bbs/theme/2024/common/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		 url(/bbs/theme/2024/common/css/font/NanumGothic-Regular.woff2) format('woff2'),
		 url(/bbs/theme/2024/common/css/font/NanumGothic-Regular.woff) format('woff'),
		 url(/bbs/theme/2024/common/css/font/NanumGothic-Regular.ttf) format('truetype');
  }
  
  @media (min-width: 1200px){
  .container {width: 1200px;}
  }
  
  p {
	  font: 16px 'NanumGothic', sans-serif;
	  font-weight: normal;
	  line-height: 26px;
	  color:#666666;
  }
  
  .ps{
	  font: 14px 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  line-height: 26px;
  }
  
  /*ol, ul, li {
	  font: 15px 'NanumGothic', sans-serif;
	  font-weight: normal;
	  line-height: 26px;
  }*/
  
  
  

  
/* -----------------------ÇØ´ç »çÀÌÆ® ±âº» »ö : #0f4c82---------------------------*/ 
  
/* -----------------------»ó´Ü±âº»---------------------------*/
  
  /*top¸Þ´º»ö*/
  
  .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: 'NanumGothic', sans-serif;
	background: #fff;
	height: auto;
	border-bottom:1px #dddddd solid;
  }
  
  .header-section .main-nav{margin-left:40px;}
  
  .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:40px ; }
	.funchurch_mphoto1{width:297px;height:198px}
	.funchurch_mphoto2{width:100%;height:227px}

  }
  

  @media all and (min-width:1001px) and (max-width:1200px) {
	.header-section.big li span{font-size: 18px }
	.header-section ul li.right a { padding:22px 0px 20px 6px !important;}
	.header-section ul li  a {padding: 20px 22px 20px 15px !important;}
	.live {position: absolute; right: 27px; top: 24px;}
	

  }

   @media all and (min-width:1201px) and (max-width:1300px) {
	.header-section.big li span{font-size: 19px }
	.header-section ul li  a {padding: 20px 35px 20px 15px ;}
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
	.live {position: absolute; right: 27px; top: 24px;}
  }
  
   @media only screen and (min-width: 1301px){
   	.header-section.big li span{font-size: 19px }
	.header-section ul li  a {padding: 20px 20px 20px 15px ;}
	.header-section ul li.right a {padding:22px 0px 20px 8px ;}
	.live {position: absolute; right: 67px; top: 24px;}
  }


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

  /*ÁÖ¸Þ´º 1Â÷ ¸Þ´º °£°Ý*/
  .header-section ul li a {
	color: #323b50;
	background: none ;
	padding: 20px 50px 20px 25px ;
	text-decoration: none !important;
  }
  
  .header-section ul li a:hover {
	color: #0f4c82;
	opacity:1 !important;
  }
  
  
  /*ÁÖ¸Þ´º 2Â÷ ¸Þ´ºÅ©±â*/
  .header-section.big ul li {
	  font-size: 14px;
	  font-weight: 700;
	  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:#0f4c82 !important;
	  opacity:1 !important;
  }
  
  .header-section.white ul li a {
	color: #0f4c82;
	
  }
  
.header-section ul li.right a {
    float: left;
	font-weight: 600;
    color: #888;
    margin: 0px 0px 0px 0px;
    padding-left: 8px;
    padding-right: 0px;
    padding-top: 22px;
    padding-bottom: 20px;
}
  
  
  
/* -----------------------¼­ºê±âº»---------------------------*/
  
  
  /* ¼­ºê ¹è°æ À̹ÌÁö */
  
  .background-sub1 {padding: 70px; ;
	  background: #fff  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	  background-size: cover;
  }
  
  .background-sub2 {padding: 70px; ;
	  background: #fff  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	  background-size: cover;
  }
  
  .background-sub3 {padding: 70px; ;
	  background: #fff  url(/images/sub-img/sub-img03.jpg) no-repeat center top;
	  background-size: cover;
  }
  
  .background-sub4 {padding: 70px; ;
	  background: #fff  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	  background-size: cover;
  }
  
  .background-sub5 {padding: 70px; ;
	  background: #fff  url(/images/sub-img/sub-img05.jpg) no-repeat center top;
	  background-size: cover;
  }

  
  
  
  /*¼­ºêŸÀÌƲ*/
  .title {text-align:left; font-size:32px; font-weight:700; color:#000; letter-spacing:-2px; padding-top:15px; /*background:  url(/images/tx-bar.jpg) no-repeat left top;*/}
  .title span {text-align:left; font-size:20px; font-weight:600; color:#ccc; letter-spacing:-2px; padding-top:15px; padding-left:12px;}
  .titlebar {width:100%; height:2px; background:#000 ; margin-top:20px;}
  .titlebar2 {width:100%; height:1px; background:#eee ;}
  .titlebar3 {width:100%; height:1px; background:#8ec31f ; margin-top:10px;}
  .stitle {text-align:left; font-size:27px; font-weight:700; color:#0f4c82; 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:#0f4c82; margin-left:3px;  margin-bottom:5px;}
  .sub-tab a.tabon {color:#fff; background-color:#0f4c82; }
  
   /*¼­ºêÀÛÀºÅǹöÆ°*/
  .ssub-tab { margin-top:0px; margin-bottom:10px;  border-bottom:1px #f2f2f2 solid; height:45px;}
  .ssub-tab a {display:inline-block; font-size:16px; color:#555; font-weight:600; padding:5px 7px 12px 7px; margin-right:15px; border-bottom:0px #f2f2f2 solid; }
  .ssub-tab a:hover {display:inline-block; font-size:16px; color:#0f4c82; font-weight:600; padding:5px 7px 12px 7px; margin-right:15px;  border-bottom:2px #0f4c82 solid;}
  .ssub-tab a.tabon {color:#0f4c82; border-bottom:2px #0f4c82 solid; }
  
   /*¼­ºêÁ¦ÀÏÀÛÀºÅǹöÆ°*/
  .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:100px; background:#0f4c82 url(/images/left.jpg) no-repeat right top;}
  .sub_left .sub_leftbox h3 {text-align:center; font-size:25px;  font-weight:700; color:#fff; padding-top:35px; margin-bottom:5px;}
  .sub_left .sub_leftbox h4 {text-align:center; font-size:11px;  font-weight:800; color:#498ac2; }
    
  
  /* ¼­ºêÁÂÃø¸Þ´º */
  #cssmenu > ul > li > a:hover,
  #cssmenu > ul > li.active > a,
  #cssmenu > ul > li.open > a {
	color: #fff;
	background: #0f4c82;
	background: -webkit-linear-gradient(#0f4c82, #0f4c82);
	background: -moz-linear-gradient(#0f4c82, #0f4c82);
	background: -o-linear-gradient(#0f4c82, #0f4c82);
	background: -ms-linear-gradient(#0f4c82, #0f4c82);
	background: linear-gradient(#0f4c82, #0f4c82);}
	
   /* ¼­ºê³×ºñ»ö */
  .cssmenubgcolor {
	color: #fff !important;
	background: #0f4c82 !important;
	background: -webkit-linear-gradient(#0f4c82, #0f4c82);
	background: -moz-linear-gradient(#0f4c82, #0f4c82);
	background: -o-linear-gradient(#0f4c82, #0f4c82);
	background: -ms-linear-gradient(#0f4c82, #0f4c82);
	background: linear-gradient(#0f4c82, #0f4c82);}

  
  
  /* ¼­ºêÁß°£Á¦¸ñ */
  .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: #0f4c82;} /* ¼­ºê °­Á¶»ö 1 */ 
  .txc{color: #8cc63f;} /* ¼­ºê °­Á¶»ö 2 */ 
  .txb{color: #000;}	/* ¼­ºê °ËÁ¤»ö */ 
  .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;} 

 
  /* ÆùÆ®°£°Ý°ü·Ã */    
  .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;}
  
  
 /* -----------------------¼±°ú¹öÆ°---------------------------*/
  
  
  /* 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: 2px; background: #0f4c82;}  
  hr.linefull {width:100%; border: 0; height: 1px; background: #e5e5e5;}
  hr.lineg {width:40px; border: 0; height: 1px; background: #e5e5e5;}
  
  
  /* ¼ýÀÚ¹öÆ°³×¸ð */
  .buttonbox1 {
	  color: #fff;
	  background: #0f4c82;
	  padding: 2px 6px;
	  border-radius: 3px;
	  font-size: 13px;
	  font-weight: 700;
	  font-family: 'NanumGothic', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-5px;
  }
  
    /* ¼ýÀÚ¹öÆ°³×¸ðÀÛÀº */
  .buttonbox1s {
	  color: #fff;
	  background: #0f4c82;
	  padding: 2px 6px;
	  border-radius: 3px;
	  font-size: 14px;
	  font-weight: 700;
	  font-family: 'NanumGothic', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-5px;
  }
  
  
  /* ¼ýÀÚ¹öÆ°¿ø */
  .buttonbox2 {
	  color: #fff;
	  background: #0f4c82;
	  padding: 8px 12px;
	  border-radius: 3px;
	  font-size: 15px;
	  font-weight: 700;
	  font-family: 'NanumGothic', sans-serif;
	  border-radius: 100%;
	  margin-top:-8px;
  }
  
    .buttonbox45 {
  	  float:none;
      margin: 0 auto;
	  color: #fff;
	  background: #2c4c8d;
	  padding: 9px 9px 7px 9px;
	  font-size: 15px;
	  font-weight: 700;
	  font-family: 'Noto Sans KR', sans-serif;
	  letter-spacing: 0.5px;
	  width:45px;
	  height:45px;
	  margin-bottom:15px;

  }
  
  /* ¸ð¾î¹öÆ°*/
  .button-more {
	  float:right;
	  color: #fff;
	  background: #ccc;
	  padding: 4px 14px;
	  border-radius: 3px;
	  font-size: 13px;
	  font-weight: 700;
	  font-family: 'Raleway', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
  }
  .button-more:hover {
	  color: #fff;
	  background: #1d2025;
  }
  
    /* ¹Ù·Î°¡±â¹öÆ°*/
  .button-go {
	  float:left;
	  color: #fff;
	  background: #ccc;
	  padding: 4px 14px;
	  border-radius: 3px;
	  font-size: 13px;
	  font-weight: 700;
	  font-family: 'Raleway', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
  }
  .button-go:hover {
	  color: #fff;
	  background: #1d2025;
  }
  
  
  /*½Åû¹öÆ° */
  
    .but{
	  color: #fff;
	  font: 16px 'NanumGothic', sans-serif;
	  font-weight:700;
	  background: #0f4c82;
	  padding:5px 10px;
	  border-radius: 3px;
	  border:3px solid #0f4c82;
	  transition: all 0.5s ease;
  }
  .but:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }
  
  .butvod{
	  color: #0f4c82;
	  font: 15px 'NanumGothic', sans-serif;
	  font-weight:700;
	  background: #FFF;
	  padding:10px 20px;
	  border:3px solid #0f4c82;
	  margin-left:5px;
	  margin-right:5px;

  }
  .butvod:hover {
	  color: #fff;
	  background: #0f4c82;
	  border:3px solid #0f4c82;

  }
  
    .butsvod{
	  color: #0f4c82;
	  font: 13px 'NanumGothic', sans-serif;
	  font-weight:700;
	  background: #FFF;
	  padding:5px 12px;
	  border:2px solid #0f4c82;


  }
  .butsvod:hover {
	  color: #fff;
	  background: #0f4c82;
	  border:2px solid #0f4c82;

  }
  
    .butgo{
	  color: #555;
	  font: 14px 'NanumGothic', 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;

  }
  
   /*´õº¸±â ¹öÆ° */  
    .button31.sty2 {
    color: #fff;
	font: 15px 'Noto Sans KR', sans-serif;
	font-weight:700;
    background: #18304a;
	padding:8px 35px;
	border-radius:30px;
	border:2px solid #18304a;
	transition: all 0.5s ease;
	margin-bottom:10px;
	}

	a.sty2 {
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
	border:2px solid #000000;
	}
  
  
  
  /* -----------------------¸ÞÀÎ °ü·Ã ---------------------------*/
  
  #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:17px; margin-top:5px;}
  .mlink:hover{font-size:17px; margin-top:5px; color:#0f4c82;}
  
  /*À̹ÌÁö ¿Ü°û ¶ó¿îµù*/
  .pr {
	  border-radius: 14px;
	  border:0px solid #000;
	  transition: all 0.5s ease;
  }
  
 .img-hover-text8 {
    position: relative;
    background: #fff;
}
 
  .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;
  }
  
     /* ¿ì¸®ÀDz޹è°æ- */
  .sub0102-bg {
  background-color:#d1b861;
  }
  
       /* ¿ì¸®ÀDz޹è°æ-2022 */
  .sub0102-bg2022 {
  background-color:#3d986a;
  }
  .sub0102-tx2022{color:#ecf79f;}
  
  
   /* °øÁö¹è°æ*/
  .news-bg {
  background-color:#0f4c82;
  }
  
     /* »õ°¡Á·¹è°æ*/
  .family-bg {
  background: #eeede8 url(/images/family-bg.jpg) no-repeat center top;
	background-size: cover;
  }
   
  
  /* ¸ÞÀιè°æ- Ç®À̹ÌÁö¿ë*/
  .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:#0f4c82;}
	
	
   /* ¼³±³¹öÆ°*/  
  	.buttonvod {
	  color: #fff;
	  background: #0f4c82;
	  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: #0f4c82;
	padding: 14px 10px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	font-family: 'NanumGothic', sans-serif;
	border-radius: 100%;
	margin-top:-60px;
	}
	
	.buttonvodb2:hover{
	color: #fff;
	background: #000;

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


.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;
	  }
 
/* -----------------------¼­ºê Ãß°¡ °ü·Ã---------------------------*/  

/* ±³È¸¼Ò°³ µî·Ï ¿ø */
.fusectionvision { 
	width:100%;
	text-align:center;
}
.fusectionvision .circle-box1 {
	/*float: left;*/
	display:inline-block;
	width: 220px;
	height: 220px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #c9c85d;
	margin-left: -20px;
}
.fusectionvision .circle-box2 {
	/*float: left;*/
	display:inline-block;	
	width: 220px;
	height: 220px;
	padding: 80px 10px 20px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #99c63b;
	margin-left: -20px;
}

.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 'NanumGothic', 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;
	}
	
	.timenbig{
	margin:0 auto;
    color: #000;
	font: 16px 'NanumGothic', 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 'NanumGothic', 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 'NanumGothic', 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;
	}
	
	

	
  /* ¿¹¹è½Ã°£ À̹ÌÁö ¹è°æ*/
  .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: #552845;
  }
  
   /* ¿ª»ç ¹Ù·Î°¡±â ¹Ú½º*/
    .historynb{
	margin:0 auto;
    color: #fff;
	font: 14px 'NanumGothic', sans-serif;
	font-weight:700;
	text-align: center;
    background: #552845;
	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: #552845;
	font: 14px 'NanumGothic', 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: #0f4c82;
	font-size: 33px;
	font-weight: 900;
	font-family: 'NanumGothic', sans-serif;
}

  .historytx {
	  font-size: 16px;  
  }
  
  /* ¿¬Çõ¹öÆ° */	  
  .historybox {
	color: #0f4c82;
	font-size: 25px;
	font-weight: 900;
	font-family: 'NanumGothic', sans-serif;
  }
  
  .txhistory {  
	  font-size: 16px;
	  font-family: 'NanumGothic', 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%;}
  .tablestime table, .tablestime th, .tablestime td {
	   border: 1px solid #dddddd;
	   border-collapse: collapse;
	   font-size: 15px;
	   color: #888;
	   text-align: center;
	   padding: 10px 15px;
	   background-color: #fff;
  }
  .tablestime th {
	   background-color: #c2b6a0;
       color: #fff;
	   text-align: center;
	   font-size: 15px;
	   font-weight: 700;
  }

  .tablestime td:first-child {
	   background-color: #f8f8f8;
	   color: #888;
	   font-weight: 700;
	   text-align: center;
  }
  
  
  
/* -----------------------Ä«ÇÇ °ü·Ã---------------------------*/  

  .bg-color-copy{background: #2b2b2a;}
	  
  .copytx{
	  font: 14px 'NanumGothic', sans-serif;
	  color: #b8b4b4;
	  font-weight:400;
	  line-height: 23px;;}
	  
  .copytxa{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;
  }
  
  
  
/* -----------------------Ç¥°ü·Ã---------------------------*/  
   
  /* ¼­ºêÇ¥ */
  .tablessub table {
	  width:100%;
  }
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 3px 10px;
	  font-size: 15px;	  
	  vertical-align:middle;
	  background-color: #fff;
	  text-align: center;
  }
  .tablessub th {
	  background-color: #b5c67b;
	  color: #fff;
	  text-align: center;
	  font-size: 15px;
	  font-weight: 600;
	  vertical-align:middle;
  }
  
   .tablessub .thleft {
	  background-color: #0f4c82;
	  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: 400;
	  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 'NanumGothic'}

	.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.sty44 .distext{
	  left: 20px;
	  right: 20px;
	  bottom: 40px;
  }
  .img-hover-text11.sty44:hover .distext{
	  bottom: 40px;
  }
  
  .img-hover-text11.sty4 .distext{
	  left: 20px;
	  right: 20px;
	  top: 65px;
  }
  .img-hover-text11.sty4:hover .distext{
	  top: 65px;
  }
  
  .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: #0f4c82;
		  -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;}

  }
  
    
  
/* -----------------------Å×ºí¸´ Å©±â ¼³Á¤ ---------------------------*/  
  
  @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: 20px;}
	  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:160px}
  
  }
  
  
/* -----------------------¸ð¹ÙÀÏ Å©±â ¼³Á¤ ---------------------------*/  

  
  @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:160px}
		
		.header-section .main-nav{margin-left:0px; margin-top:-18px;}
		
  }
  

  
  /* 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:40px;
}


.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;
}