@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Oswald&display=swap');
  
@font-face {
	font-family: 'GmarketSans';    
	font-style: normal;    
	font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/EZ/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'GmarketSans';    
	font-style: normal;    
	font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/EZ/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'GmarketSans';   
	font-style: normal;    
	font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/EZ/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




  @media (min-width: 1300px){
  .containermain {width:85%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .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: 'Noto Sans KR', sans-serif;
}
  
  
    body{font-size:17px;}
  
  p {
	  font: 1.05rem 'Noto Sans KR', sans-serif;
	  font-weight: 400;
	  line-height: 24px;
	  color:#666666;
  }
  
     .ph{line-height:28px;}
  
    .ps{
	  font: 0.9rem 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  line-height: 22px;
  }


    .psm{
	  font: 0.85rem 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  line-height: 22px;
	  letter-spacing:4px;
  }

  
  ol, ul, li {
	  font: 1.05rem 'Noto Sans KR', sans-serif;
	  font-weight: 400;
	  line-height: 26px;
	  color:#666666;
  }
  
  li p {
	  font: 17px 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 30px;
	  color:#666666;
  }
  
  
  .img-wrapper {
	position: relative;
	width: 100%;
	height: 250px;
}
.img-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(50, 50);
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: auto;
}

  
/* -----------------------ÇØ´ç »çÀÌÆ® ±âº» »ö : #003056---------------------------*/ 

  /*top¸Þ´º»ö*/
  
  .bg-color-top {background: #0f4c82; height:34px; padding-top:2px;}
  
  .bg-color-top a{
  	  font-size: 13px;
	  font-weight: 500;
	  color:#ccc;
	  margin-left:8px;
	  margin-bottom:-20px;	
  }
  
  .bg-color-top a:hover {
 	  font-size: 13px;
	  font-weight: 500;
	  color: #fff;
  }
  
/* -----------------------»ó´Ü±âº»---------------------------*/
  
 .header-section #menu {
    float: none!important;
}
  
  
 /* ¸Þ´º ¹ÙÅÁ »ö */
  .header-section {
	font-family: 'Noto Sans KR', sans-serif;
	background: #fff;
	height:100px;
	border-bottom:1px #dddddd solid;
  }
  
  .header-section .logo {
	display: inline-block;
	margin-top:10px; ;
	
  }
  
  
/*ÁÖ¸Þ´º 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 25px 20px 25px ;}
	.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 30px 20px 30px ;}
	.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 35px 20px 35px ;}
	.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 35px 20px 35px ;}
	.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 40px 20px 30px ;} 
	.header-section ul li.right a {padding:20px 0px 20px 8px ;}
  }
  
     @media all and (min-width:1501px) and (max-width:1660px) {
	.header-section.big li span{font-size: 21px;  letter-spacing:-1px;}
	.header-section ul li  a {padding: 20px 40px 20px 30px} 
	.header-section ul li.right a {padding:20px 0px 20px 8px ;}
  }
  
   @media only screen and (min-width: 1660px){
   	.header-section.big li span{font-size: 21px; }
	.header-section ul li  a {padding: 20px 40px 20px 25px ;}
	.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: 21px; }
	.header-section ul li  a {padding: 20px 40px 20px 25px ;}
	.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: #000;
	font-weight: 500;
	background: none ;
	text-decoration: none !important;
  }
  
  .header-section ul li a:hover {
	color: #1f448b;
	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:#1f448b !important;
	  opacity:1 !important;
  }
  
  .header-section.white ul li a {
	color: #1f448b;
	
  }
  
.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% 0%;
	  background: #fff  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	  background-size: cover;	  
  }
  
  .background-sub2 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	  background-size: cover;	  
  }
  
    .background-sub3 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img03.jpg) no-repeat center top;
	  background-size: cover;	  
  }
  
    .background-sub4 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	  background-size: cover;	 
  }
  
    .background-sub5 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img05.jpg) no-repeat center top;
	  background-size: cover;	 
  }
  
    .background-sub6 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img06.jpg) no-repeat center top;
	  background-size: cover;	 
  }
  
    .background-sub7 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img07.jpg) no-repeat center top;
	  background-size: cover;	 
  }  
  
    .background-sub8 {padding: 6% 0%;
	  background: #fff  url(/images/sub-img/sub-img08.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:20px;}
  .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:#003056 ; margin-bottom:10px;}
  .jungbar {margin: 0 auto; width:40px; height:4px; background:#c9a978 ; margin-top:22px;}
  .stitle {text-align:left; font-size:27px; font-weight:500; color:#003056; letter-spacing:0px; margin-bottom:20px; margin-left:20px;}
  
  /*¼­ºêÅǹöÆ°*/
  .sub-tab { margin-top:20px; margin-bottom:20px; margin-left:-3px;}
  .sub-tab a {display:inline-block; font-size:15px; color:#666666; font-weight:400; padding:5px 10px; 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:400; padding: 5px 10px; background-color:#2aabe4; margin-left:3px;  margin-bottom:5px;}
  .sub-tab a.tabon {color:#fff; background-color:#2aabe4; }
  
   /*¼­ºêÀÛÀºÅǹöÆ°*/
  .ssub-tab { margin-top:0px; margin-bottom:10px; height:59px; background:#fff; /*border-bottom:1px solid #eee;*/}
  .ssub-tab a {display:inline-block; font-size:17px; color:#222; font-weight:400; padding:15px 5px 18px 5px; margin-left:7px; margin-right:7px;  border-bottom:2px #fff solid; }
  .ssub-tab a:hover {display:inline-block; font-size:17px; color:#1665b2; font-weight:400; padding:15px 5px 18px 5px; margin-left:7px; margin-right:7px;  border-bottom:2px #1665b2 solid;}
  .ssub-tab a.tabon {color:#1665b2; border-bottom:2px #1665b2 solid; }
  
  .ssub-tabbg{background:#fff; border-bottom:1px solid #eee;}
  
  
   /*¼­ºêÁ¦ÀÏÀÛÀºÅǹöÆ°*/
  .sssub-tab { margin-top:30px; margin-bottom:10px;  height:45px;}
  .sssub-tab a {display:inline-block; font-size:17px; color:#555; font-weight:600; padding:5px 7px 12px 7px; margin-right:15px; border-bottom:0px #f2f2f2 solid; }
  .sssub-tab a:hover {display:inline-block; font-size:17px; color:#003056; font-weight:600; padding:5px 7px 12px 7px; margin-right:15px;  border-bottom:2px #003056 solid;}
  .sssub-tab a.tabon {color:#003056; border-bottom:2px #003056 solid; }
  
  
  /* ¼­ºêÁÂÃø¸Þ´ºÀ̹ÌÁö */
  .sub_left {position:relative; left:0; width:240px; margin-top:0px;  margin-left:-15px;}
  .sub_left .sub_leftbox{width:240px; height:100px; background:#000 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: #003056;
	background: -webkit-linear-gradient(#003056, #003056);
	background: -moz-linear-gradient(#003056, #003056);
	background: -o-linear-gradient(#003056, #003056);
	background: -ms-linear-gradient(#003056, #003056);
	background: linear-gradient(#003056, #003056);}
	
   /* ¼­ºê³×ºñ»ö */
  .cssmenubgcolor {
	color: #fff !important;
	background: #003056 !important;
	background: -webkit-linear-gradient(#000, #000);
	background: -moz-linear-gradient(#000, #000);
	background: -o-linear-gradient(#000, #000);
	background: -ms-linear-gradient(#000, #000);
	background: linear-gradient(#000, #000);}
	
	#cssmenu > ul > li > a {
    padding: 18px 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    cursor: pointer;
    z-index: 2;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #000;}
	
	.holder {top: 5;}
	
	#cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #eee;
    border-right: 1px solid #0a1f38;
	 border-top: 1px solid #ccc;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 16px;
    color: #444;
    background: #ccc;
}

	#cssmenu ul ul li a:hover {
    background: #666;
}

    #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
    border-bottom: 1px solid #000;
}

.holder {top:7px;}

  
  
  /* ¼­ºêÁß°£Á¦¸ñ */
  .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: 22px; font-weight: 700; color:#333; padding-left:25px;}
  

  /* ÆùÆ®»ö°ü·Ã */  
  .txn{color: #014099;} /* ¼­ºê °­Á¶»ö 1 */ 
  .txn2{color: #ff0000;} /* ¼­ºê °­Á¶»ö 1 */ 
  .historytx {color:#7a6050; font-size: 30px;}
  .txc{color: #1565b2;} /* ¼­ºê °­Á¶»ö 2 */ 
  .txp{color: #1ba8e1;} /* ¼­ºê °­Á¶»ö 3 */ 
  .txb{color: #000;}	/* ¼­ºê °ËÁ¤»ö */ 
  .txw{color: #fff;}	/* ¼­ºê °ËÁ¤»ö */ 
  .txsmall{font-size: 13px;}
  .mansmall1{font-size: 15px; line-height: 20px;}
  .mansmall2{font-size: 13px; line-height: 22px;}

 
  /* ÆùÆ®°£°Ý°ü·Ã */    
  .letter{letter-spacing:-0.5px;}
  .letter1{letter-spacing:-1px;}
  .letter2{letter-spacing:-2px;}
  

  /* °£°Ý°ü·Ã */    
  .margin05{ margin:5px;}
  .margin10{ margin:10px;}
  .margin15{ margin:15px;}
  .margin-bottom26{margin-bottom:26px;}
  .subbg{background: #f3f0eb; padding:3% 2%;}
  .manmargin{margin-top:-30px; margin-left:-40px;}
  
  
  .mainpadding{padding:6% 0%;}  
  .mainpaddings{padding:5% 0%;}  
  .subpadding{padding:3% 0%;}
  .subpaddingb{padding:3% 0% 0% 0%;}
  
  .bgbb{background:#014099; }
  .bgss{background:#2aabe4; }
  
  .tableg{background:#f6f6f6; border-bottom:1px solid #dddddd;  border-left:1px solid #dddddd; padding:13px 10px 5px 10px; height:55px; }
  .tablew{background:#eee; border-bottom:1px solid #dddddd;  border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:8px 10px 7px 10px; height:55px; }

  .linetable{float: center; width:100% ;border: 0; height: 1px; background: #ccc;}
  
 /* -----------------------¼±°ú¹öÆ°---------------------------*/
  
  
  /* hr ¶óÀΰü·Ã */
  hr.line {float: center; width: 70px;border: 0; height: 3px; background: #1565b2; margin-bottom: 10px; margin-top: -10px;}
  hr.linemain {float:left; width:100%; border: 0; height:2px; background:#c2d856; margin-bottom:40px;} 
  hr.linebox {float:left; width:100%; border: 0; height:2px; background:#83cdec;  margin-bottom:10px;  margin-top:10px;} 
  hr.lineboxy {float:left; width:100%; border: 0; height:2px; background:#e7bb6a;  margin-bottom:10px;  margin-top:10px;}   
  hr.linesub {float: left; width:100%; border: 0; height:1px; background:#eee; margin-bottom:40px;  margin-top:20px;}     
  hr.lineblue {float: left; width:100%; border: 0; height:1px; background:#7db9db; margin-bottom:40px;  margin-top:20px;}  
  hr.linefull {width:100%; border: 0; height: 1px; background: #e5e5e5;}
  hr.color1 {background: #29a8e2;}
  hr.lineb {float: left; width:100%; border: 0; height: 2px; background: #000; margin-top:5px;}  
  hr.linetx {float: left; width:90%; border: 0; height: 2px; background: #003056; margin-top:5px;}  
  hr.linenews{float: left; width:100%; border: 0; height:1px; background:#ccc; margin-bottom:20px;  margin-top:20px;}  
  hr.linecopy{float: left; width:100%; border: 0; height:1px; background:#3f3f3f; margin-bottom:15px;  margin-top:15px;}  
  hr.lineone {float: center; width:80%; border: 0; height:2px; background:#dceaf7; margin-bottom:10px;  margin-top:10px;} 

  
  /* ºñÀü¹Ú½º */
  .boxvision {
    background: #f8f8f8;
    padding: 30px;
   }



  
  /* ¼ýÀÚ¹öÆ°³×¸ð */
  .buttonbox1 {
	  color: #fff;
	  background: #1766b2;
	  padding: 10px 7px;
	  border-radius: 3px;
	  font-size: 21px;
	  font-weight: 700;
	  font-family: 'Noto Sans KR', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-3px;
  }
  
    /* ¼ýÀÚ¹öÆ°³×¸ðÀÛÀº */
  .buttonbox1s {
	  color: #fff;
	  background: #2aabe4;
	  padding: 2px 6px;
	  border-radius: 3px;
	  font-size: 14px;
	  font-weight: 700;
	  font-family: 'Noto Sans KR', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
	  margin-top:-5px;
  }
  
  
  /* ¼ýÀÚ¹öÆ°¿ø */
  .buttonbox2 {
	  color: #fff;
	  background: #000;
	  padding: 8px 12px;
	  border-radius: 3px;
	  font-size: 15px;
	  font-weight: 700;
	  font-family: 'Noto Sans KR', sans-serif;
	  border-radius: 100%;
	  margin-top:-8px;
  }
  
  .buttonbox7 {
    color: #fff;
    background: #2aabe4;
    padding: 4px 2px 0px 2px;
    border-radius: 20px;
    text-align: center;
    width: 33px;
    height: 33px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GmarketSans', sans-serif;
    margin-top: -5px;
}

.buttonbox9 {
    float: none;
    margin: 0 auto;
    color: #fff;
    background: #1f448b;
    padding: 5px 10px 7px 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: 0.5px;
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.box170 {
    height: 170px;
}
  
  /* ¸ð¾î¹öÆ°*/
  .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 {
	  margin:0 auto;
	  color: #fff;
	  background: #ccc;
	  padding: 3px 10px 3px 10px;
	  border:2px solid #ccc;
	  font-size: 14px;
	  font-weight: 500;
	  transition: all 0.3s ease;
  }
  .button-go:hover {
	  color: #fff;
	  background: #000;
	  border:2px solid #000;
  }
  
      /* ¹Ù·Î°¡±â¹öÆ°
  .button-go {
	  margin:0 auto;
	  color: #fff;
	  background: #2aabe4;
	  padding: 6px 30px 8px 30px;
	  border-radius: 30px;
	  font-size: 14px;
	  font-weight: 700;
	  font-family: 'Raleway', sans-serif;
	  letter-spacing: 0.5px;
	  transition: all 0.3s ease;
  }
  .button-go:hover {
	  color: #fff;
	  background: #003056;
  }*/
  
  
  /*½Åû¹öÆ° */
  
    .but{
	  color: #fff;
	  font: 16px 'Noto Sans KR', sans-serif;
	  font-weight:700;
	  background: #000;
	  padding:5px 10px;
	  border-radius: 3px;
	  border:3px solid #000;
	  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: #000;
	  font: 15px 'Noto Sans KR', sans-serif;
	  font-weight:700;
	  background: #FFF;
	  padding:10px 20px;
	  border:3px solid #000;
	  margin-left:5px;
	  margin-right:5px;

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

  }
  
    .butsvod{
	  color: #000;
	  font: 13px 'Noto Sans KR', sans-serif;
	  font-weight:700;
	  background: #FFF;
	  padding:5px 12px;
	  border:2px solid #000;


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

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

  }
  
   /*´õº¸±â ¹öÆ° */  
    .moreov a{color: #fff; font-weight: 500;}
	.moreov a:hover{color: #accc05;}
	
	.moreovb a{color: #111; font-weight: 500;}
	.moreovb a:hover{color: #a57765;}

	
	  
   /*³×¸ð´õº¸±â ¹öÆ° */  
  .button-view {
	  color: #fff;
	  font: 17px 'Noto Sans KR', sans-serif;
	  padding: 20px 40px;
	  font-weight: 700;
	  letter-spacing: 0.5px;
	  border:1px solid #fff;
	  transition: all 0.3s ease;
  }
  .button-view:hover {
	  color: #fff;
	  border:1px solid #fff;
  }
  
  
     /*½Åû ¹öÆ° */  
  .button-db {
	  color: #fff;
	  font: 16px 'Noto Sans KR', sans-serif;
	  padding: 12px 40px;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  background: #000;
	  transition: all 0.3s ease;
	  border:3px solid #000;
  }
  .button-db:hover {
	  color: #fff;
	  background: #003056;
	  border:3px solid #003056;
  }
  
    .button-dbc {
	  color: #fff;
	  font: 16px 'Noto Sans KR', sans-serif;
	  padding: 12px 40px;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  background: #666;
	  transition: all 0.3s ease;
	  border:3px solid #666;
  }
  .button-dbc:hover {
	  color: #fff;
	  background: #003056;
	  border:3px solid #003056;
  }


     /*»ó¼¼º¸±â ¹öÆ° */  
  .button-mgo {
	  color: #fff;
	  font: 15px 'Noto Sans KR', sans-serif;
	  padding: 7px 17px;
	  font-weight: 700;
	  letter-spacing: 0.5px;
	  background: #777;
	  transition: all 0.3s ease;
  }
  .button-mgo:hover {
	  color: #fff;
	  background: #003056;
  }
  
  
  	.box {
    border: 10px solid #fff;
    margin-left: -50px;
	margin-top: 30px;
    text-align: left;
    padding: 10% 13%;
    transition: all 0.3s ease;
	}
  

	.search-box {text-align:center}
	
	.search-box .form-control {
    height: auto;
    border: 1px solid #999;
    border-radius: 0px;
    box-shadow: none;
    padding:6px 20px;
}

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



  .btn-default {
    color: #333;
    background-color: #dcdcdc;
    border-color: #999;
	padding-right: 0px;
	border-radius: 0px;
    padding:10px 20px 9px 20px;
	

}

	.timenb200{
	margin:0 auto;
    color: #003056;
	font: 22px 'Noto Sans KR', sans-serif;
	 text-align: center;
	font-weight:700;
    background: #132e4a;
	padding:10px 15px;
	width:200px;
	border-radius:30px;
	border:3px solid #003056;
	transition: all 0.5s ease;
	margin-bottom:20px;
	}
	
	.timenb200b{
    margin: 0 auto;
    color: #1565b2;
    font: 24px;
    text-align: center;
    font-weight: 500;
    background: #fff;
    padding: 13px 15px 10px 15px;
    width: 200px;
    border-radius: 30px;
    border: 1px solid #1565b2;
    transition: all 0.5s ease;
    margin-bottom: 10px;
	}
	
	
	.timenb{
	margin:0 auto;
    color: #000;
	font: 15px 'Noto Sans KR', 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 'Noto Sans KR', 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 'Noto Sans KR', 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 'Noto Sans KR', 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;
	}
	
	.timenb300 {
    margin: 0 auto;
    color: #1565b2;
    font: 24px;
    text-align: center;
    font-weight: 700;
    background: #fff;
    padding: 13px 15px 10px 15px;
    width: 300px;
    border-radius: 30px;
    border: 3px solid #1565b2;
    transition: all 0.5s ease;
    margin-bottom: 10px;
	}

	.timenb110{
	margin:0 auto;
    color: #1565b2;
	font: 17px 'Noto Sans KR', sans-serif;
	text-align: center;
	font-weight:300;
    background: #fff;
	padding-top:10px;
	width:110px;
	height:30px;
	border-radius:30px;
	border:1px solid #1565b2;
	transition: all 0.5s ease;
	margin-bottom:20px;
	}
  
  /* -----------------------¸ÞÀÎ °ü·Ã ---------------------------*/
  
    .img-hover-text8 .distext {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 40% 5% 5% 5%;
    background: #1d2025;
    text-align: left;

}


  
   /*´õº¸±â ¹öÆ° */  
    .button_vod {
    color: #fff;
	font: 16px 'Noto Sans KR', sans-serif;
	font-weight:500;
    background: #2680c8;
	padding:8px 15px ;
	border-radius:7px;
	border: 1px #2680c8 solid;
	margin:5px;
	width:120px;
	}
	
	 .button_vod:hover {
    background: #000;
	border: 1px #000 solid;
	}
	
	.button_more {
    color: #fff;
	font: 16px 'Noto Sans KR', sans-serif;
	font-weight:500;
    background: #142c79;
	padding:15px 25px ;
	border: 1px #142c79 solid;
	margin:10px;
	}
	
	 .button_more:hover {
    background: #000;
	border: 1px #000 solid;
	}
  

  

  @media only screen and (min-width: 1000px){
	.slider-margin-top {
		float: left;
		width: 100%;
	/*	margin-top: -241px; */
		position: relative;

	}
 }
  

.ms-view {background: #fff;}


  .button24.sty2 > a {
    color: #fff;
}

  .button24.sty2 > a:hover {
    color: #fff;
}

  .mps{
    color: #e2d5c4;
}
  
  	/* ¹è°æÀ§ ¿À¹ö¹Ú½º 3Ä­*/  
  .hover-box {
	background-color: #003056;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	opacity: 1;
	transition: all 0.5s ease;
	padding:25% 3%;
	margin-bottom:15px;
	}
	
	.hover-box:hover {
	/*box-shadow: inset 0 -430px 0 0px #2aabe3;*/
	background: #2aabe3 url(/images/main-link/ov.jpg) no-repeat left top;
	color: #fff;
	opacity: 1;
	transition: all 0.5s ease;
	}
	
	.hover-box .h4{font-size: 20px;}
	.hover-box .h6{font-size: 15px;}
	
	  	/* ¹è°æÀ§ ¿À¹ö¹Ú½º 4Ä­*/  
  .hover-shadow-color4 {
	background-color: #000;
	color: #fff;
	opacity: 0.7;
	transition: all 0.5s ease;
	padding:5%;
	height:250px;
	border:1px solid #555;
	margin-left:-1px;
	margin-top:-1px;
	}
	.hover-shadow-color4:hover {
	box-shadow: inset 0 -430px 0 0px #003056;
	color: #fff;
	opacity: 1;
	transition: all 0.5s ease;
	border:1px solid #003056;
	}
  
  /*À̹ÌÁö ¿Ü°û ¶ó¿îµù*/
  .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;
  }
  

  
    /* ¸ÞÀιè°æ- 6°³¿ø*/
  .background-point {
	  background: #000 url(/images/bg-point.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  }
  
  
   /* ¸ÞÀιè°æ- ¼Ò½Ä*/
  .background-news {
	  background: #000 url(/images/bg-news.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  }
  
    .box-news {
	  background: #fff;
	  padding: 2rem;	
	  margin:15px 0px;
	  height:360px;
  }
  
   
   /* ¸ÞÀιè°æ- ½Â¼Ò*/
  .background-win {
	  background: #000 url(/images/bg-win.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  } 
  
     /* ½Â¼ÒºÐ·ù*/  
  	.winbutton {
	  margin: 0 auto;
	  color: #fff;
	  background: #003056;
	  padding: 8px 28px;
	  border-radius: 30px;
	  font-size: 20px;
	  text-align:center;
	  font-weight: 700;
	  transition: all 0.3s ease;
	  width:150px;
	  }
	  
	 /* ½Â¼Ò¹Ú½º*/  
  	.winbox {
	  background: #fff;
	  padding: 30px;
	  }

	 /* ºí·Î±× ¹Ú½º*/  
  	.blogbox {
	  background: #fff;
	  border:1px solid #CCCCCC;
	  border-top:2px solid #a6564a;
	  padding: 20px;
	  }
	  
	 /* ¸ÞÀιè°æ- ¼³±³*/

  .background-vod  {
	background: #000 url(/images/bg-vod.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
  }
  
  /* ¸ÞÀιè°æ- Ç®À̹ÌÁö¿ë*/
  .background-mission {
	background: #000 url(/images/bg-mission.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
  }
  
    /* ¸ÞÀιè°æ- Ç®À̹ÌÁö¿ë*/
  .background-book {
	background: #000 url(/images/bg-point.jpg)no-repeat left bottom;
    background-size: cover;
  }
  
  
  /* ¸ÞÀιè°æ- Ç®À̹ÌÁö¿ë*/
  .background-full {
	  background: #e8e8e8 url(/images/bg-main.jpg) no-repeat left top;
	  background-size: cover;
  }
  
  
  
  
  .boxbg1{background: #000; padding:8px; opacity:0.8; }
  .boxbg2{background: #142c79; padding:8px; opacity:1; } 
  .boxbg3{background: #18203d; padding:8px; opacity:1; margin-top:-10px;}
	  
	  
	.buttonvodb2 {
	color: #fff;
	background: #000;
	padding: 14px 10px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
	border-radius: 100%;
	margin-top:-60px;
	}
	
	.buttonvodb2:hover{
	color: #fff;
	background: #000;

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


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


    .bg-sub0505{
	  background: #282d31;
	  }
 
/* -----------------------¼­ºê Ãß°¡ °ü·Ã---------------------------*/  
.background-boxsub0107 {
    background: #fff url(/images/sub01/07-bg.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
}

.boxsub0107 {
    background: #142c79;
    padding: 7%;
    opacity: 0.8;
    margin: 110px 0px;
}

.bgb {
    background: #daf1fa;
}

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

.boxtg {
    background: #7bceca;
    padding: 4%;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}

.boxtc {
    background: #ccc;
    padding: 2%;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}

.boxtk {
    background: #94b7dd;
    padding: 4%;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}

.boxbs {
    background: #daf1fa;
    padding: 6%;
    text-align: left;
}


.border-b {
    border: 1px solid #e7bb68;
	padding:20px;
	/*background:#f8f8f8;*/
}


.boxt {
    background: #e7bb68;
    padding: 4%;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}

.boxb {
    background: #f8f8f8;
    padding: 4%;
    text-align: left;
}

.background-010201bg {
    padding: 120px 20px;
    height: 300px;
    background: url(/images/sub01/02-bg-01.jpg) no-repeat center top;
}

.background-010202bg {
    padding: 120px 20px;
    height: 300px;
    background: url(/images/sub01/02-bg-02.jpg) no-repeat center top;
}

.background-010203bg {
    padding: 120px 20px;
    height: 300px;
    background: url(/images/sub01/02-bg-03.jpg) no-repeat center top;
}

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

	.bookbox {
		padding:20px;
		border:1px solid #eee;
	}
	
	
	  .button-sell {	
	color: #fff;
	font: 0.8rem 'GmarketSans', sans-serif;
	font-weight:700;
    background: #014099;
	padding:10px 20px;
	border-radius:30px;
	border:2px solid #014099;
	transition: all 0.5s ease;
	}
	  

  .button-sell:hover {
	  color: #fff;
	  border:2px solid #2aabe4;
	   background-color:#2aabe4;
  }



	.hover-shadow-color2 {
	background-color: #f6f6f6;
	border-radius: 25px;
	color: #666;
	padding:20px 10px;
	transition: all 0.5s ease;
	}
	.hover-shadow-color2:hover {
	box-shadow: inset 0 -430px 0 0px #88c1ae;
	color: #fff;
	}

.sub0602box {
    background: #fff;
    border: 1px solid #CCCCCC;
    border-top: 2px solid #2aabe4;
    padding: 20px;
}

.churchbox{
	margin:0 auto;
	border: 1px solid #e5e5e5;
	padding: 0% 0% 0% 0%;
	width:180px;
	margin-bottom:20px;
}
.churchboxbar{
	background:#141d2f;
	padding: 6% 5% 4% 5%;
	width:100%;
}

.background-0202bg1 {
    background:#0263ae url(/images/sub02/02/bg.png) no-repeat center top;
	background-size: cover;
	/*height:100vh;*/
}

.background-0202bg2 {
	background-color:#0263ae;

}

/*.0202bgm{margin:10% 5%;}*/

.background-0102bg {
    padding: 100px 40px;
    height: 300px;
    background: url(/images/sub01/02-bg.jpg) no-repeat center top;
}

.background-0103bg {
    padding: 120px 40px;
    height: 300px;
    background: url(/images/sub01/03-bg.jpg) no-repeat center top;
}

.background-01051bg {
    padding: 140px 40px;
    height: 300px;
    background: url(/images/sub01/05-top-01.jpg) no-repeat center top;
}

.background-01052bg {
    padding: 140px 40px;
    height: 300px;
    background: url(/images/sub01/05-top-02.jpg) no-repeat center top;
}

.background-01053bg {
    padding: 140px 40px;
    height: 300px;
    background: url(/images/sub01/05-top-03.jpg) no-repeat center top;
}

.background-0204bg {
    padding: 100px 40px;
    height: 250px;
    background: url(/images/sub02/04-bg.jpg) no-repeat center top;
}

.onem{margin-left:-80px;}

hr.lined {
    margin: 0 auto;
    width: 3px;
    border: 0;
    height: 130px;
    background: #29a8e2;
    margin-bottom: 2rem;
    margin-top: 1rem;
    z-index: 9999;
}

.bus2{color: #31be4b;}

.firstcharacter {
    color: #1d2025;
    font-size: 30px;
    line-height: 40%;
    float: left;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 3px;
}
	
	
  /* ÀÌ·ÐÀû¹è°æÀÇ ¹è°æ*/
  .background-sub0201 {
	  background: #f9f9f9 url(/images/sub02/01-bg.jpg) no-repeat left top;
	  padding:5% 2%;
  }
  
mark {
    color: #fff;
    background: #2aabe4;
	padding:5px 20px;
}

.boards01{padding: 5% 3%; border:4px solid #14394b;}

  .background-line {
	   background: #fff url(/images/bg-line.jpg)  repeat-y center top;
  }
  
    .background-line-x {
	   background: #fff url(/images/bg-line-x.jpg)  repeat-x center top;
  }

  .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;
  }
  
      /* ±¸¼º¿ø*/
  .background-sub03 {
	  background: #f9f9f9 url(/images/sub03/bg.jpg) no-repeat center top;
	  background-size: cover;
	   padding:0% 3% 7% 3%;
  }
  
  

  
  
  .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: #000;
	font-size: 33px;
	font-weight: 900;
	font-family: 'Noto Sans KR', sans-serif;
}

  .historytx {
	  font-size: 16px;  
  }*/
  
  /* ¿¬Çõ¹öÆ° */	  
  .historybox {
	color: #000;
	font-size: 25px;
	font-weight: 900;
	font-family: 'Noto Sans KR', sans-serif;
  }
  
  .txhistory {  
	  font-size: 16px;
	  font-family: 'Noto Sans KR', 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: 1.1rem;
	   font-weight: 300;
	   color: #666;
	   text-align: center;
	   vertical-align:middle;
	   padding: 10px 15px;
	   background-color: #fff;
  }
  
  .tablestime th {
	   background-color: #1665b2;
       color: #fff;
	   text-align: center;
	   font-size: 1.1rem;
	   font-weight: 700;
  }

  .tablestime td:first-child {
	   background-color: #f8f8f8;
	   color: #555;
	   font-weight: 500;
	   text-align: center;
  }
  
  
  
  /* ¼Ò°³ */
  .tablesyear table {width:100%;}
  .tablesyear table, .tablesyear th, .tablesyear td {
	   border-bottom: 1px solid #dddddd;
	   border-collapse: collapse;
	   font-size: 17px;
	   color: #888;
	   text-align: left;
	   padding: 18px 15px;
	   background-color: #fff;
  }
  .tablesyear th {
	   background-color: #c2b6a0;
       color: #fff;
	   text-align: left;
	   font-size: 17px;
	   font-weight: 700;
  }

  .tablesyear td:first-child {
	   background-color: #fff;
	   color: #664d3e;
	   font-weight: 700;
	   text-align: left;
	   border-bottom: 1px solid #a49583;
  }
  
  
  
/* -----------------------Ä«ÇÇ °ü·Ã---------------------------*/  

  .bg-color-copy{background: #111111;}
	  
  .copytx{
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #aaa;
	  font-weight:400;
	  line-height: 22px;;}	  
	  
   .copytx2{
	  font: 17px 'Noto Sans KR', sans-serif;
	  color: #f2f2f2;
	  font-weight:400;
	  line-height: 22px;;}
	  
	  	  
  .copytxa{color: #fff;}
  
    .copytx a:hover {
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #fff;
	  font-weight:400;
	  line-height: 22px;;}
  
  .copybut{
  	/*float:right;*/
	  color: #eee;
	  font: 12px ;
	  background: #666;
	  padding:5px;
	  border-radius: 3px;
	  border:3px solid #666;
	  transition: all 0.5s ease;
	  width:160px;
  }
  .copybut:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }
  
  
  
/* -----------------------Ç¥°ü·Ã---------------------------*/  

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;

}
   
  /* ¼­ºêÇ¥ */
  .tablessub table {
	  width:100%;
  }

	  
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 9px 15px;
	  font-size: 16px;	  
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablessub th {
	  background-color: #1565b2;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  font-weight: 500;
  }
  
   .tablessub .thleft {
	  background-color: #000;
	  color: #fff;
	  text-align: left;
	  font-size: 15px;
	  font-weight: 700;
  }
  
  
  .tablessub .cw{
	  background-color: #fff;
	  color: #666;
	  font-weight: 400;
	  text-align: center;
  }
  
    .tablessub .lw{
	  background-color: #fff;
	  color: #666;
	  font-weight: 400;
	  text-align: left;
  }
  
    .tablessub .cwb{
	  background-color: #fff;
	  color: #000;
	  font-weight: 700;
	  text-align: left;
  }
  
  
  .tablessub .gray{
	  background-color: #333;
	  color: #fff;
	  text-align: center;
	  font-size: 15px;
	  font-weight: 700;
  }
  
  
  .tablessub .cg{
	  background-color: #f6f6f6;
	  color: #000;
	  text-align: center;
	  font-weight: 500;
  }
  
    

  
/*  .tablessub  td:first-child {
	  background-color: #f6f6f6;
	  color: #000;
	  font-weight: 500;
  }*/
  
  
  /* ¼¼¹Ì³ªÇ¥ */
  .tablesseminar table {
	  width:100%;
  }

	  
  .tablesseminar table, .tablesseminar th, .tablesseminar td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 9px 15px;
	  font-size: 16px;	
	  text-align: center;  
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablesseminar th {
	  background-color: #454545;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  font-weight: 500;
  } 
  
    .tablesseminar .cb {
	  background-color: #1565b2;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  font-weight: 500;
  } 
  
      .tablesseminar .cr {
	  background-color: #8d1c49;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  font-weight: 500;
  } 
  
    .tablesseminar .cg  {
	  background-color: #f6f6f6;
	  color: #000;
	  font-weight: 500;
  }
  
  
  
   /* ¼­ºêÇ¥ */
  .tablesman table {
	  width:100%;
  }

	  
  .tablesman table, .tablesman th, .tablesman td {
	  border-bottom: 1px solid #dddddd;
	  border-top:1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 15px 25px;
	  font-size: 17px;	  
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablesman th {
	  background-color: #c2b6a0;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  font-weight: 700;
  }
  
   .tablesman .thleft {
	  background-color: #000;
	  color: #fff;
	  text-align: left;
	  font-size: 15px;
	  font-weight: 700;
  }
  
  
  .tablesman .cw{
	  background-color: #fff;
	  color: #666;
	  font-weight: 400;
	  text-align: left;
  }
  
    .tablesman .cwb{
	  background-color: #fff;
	  color: #000;
	  font-weight: 700;
	  text-align: left;
  }
  
  
  .tablesman .gray{
	  background-color: #333;
	  color: #fff;
	  text-align: center;
	  font-size: 15px;
	  font-weight: 700;
  }
  
  
  .tablesman .cg{
	  background-color: #f6f6f6;
	  color: #666;
	  text-align: center;
	  font-weight: 700;
  }
  

   .tablesman  tr:first-child {
	  border-top:2px solid #000;
  }
  
  
   .tablesman  tr:last-child {
	  border-bottom:2px solid #000;
  }
  


  
  /* -----------------------À̹ÌÁö ¿À¹ö ---------------------------*/
  
  /*¸ÞÀÎ ±ä ¹è³Ê È¿°ú*/
  .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 'Noto Sans KR'}

	.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;
	  bottom: 40px;
  }
  .img-hover-text11.sty4:hover .distext{
	  bottom: 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;
}


/*»ó´Ü ¸Ê ¼Ò½º ½ÃÀÛ*/

	.toggleslide #toggle + label {
		position: absolute;
		cursor: pointer;
		border-radius: 0px;
		width: 65px;
		height: 64px;
		padding-top: 13px;
		color: rgb(150, 149, 149);
	    line-height: 18px;
		font-size: 0px;
		font-weight: 0;
		text-transform: uppercase;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		cursor: pointer;
		right: 40px;
		top: 50px;
		transition: all 500ms ease;
		z-index: 9999;
		background-image: url(/images/menu.png);
	  
	  }
	  .toggleslide #toggle + label:after {
		content: "";
		font-size: 25px;
		font-weight: 400;
	  }
	  

	  .toggleslide #toggle:checked + label {
		position: absolute;
		cursor: pointer;
		border-radius: 0px;
		width: 65px;
		height: 64px;
		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;
		right: 40px;
		top: 20px;
		transition: all 500ms ease;
		z-index: 9999;		
		background-image: url(/images/menu-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:280px;
		left: 0;
		overflow: hidden;
		padding-top: 1%;
		padding-bottom:1%;
		position: absolute;
		top: -280px;
		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: 280px;
}



/*»ó´Ü ¸Ê ¼Ò½º ³¡*/

  .schoolvision {
    width: 100%;
    text-align: center;
}

.schoolvision .circle-box {
    float: center;
    opacity: 0.9;
    display: inline-block;
    width: 80%;
    /* height: 200px; */
    padding: 40px 10px 40px 10px;
    color: #000;
    font-weight: 700;
    background: #5b9ad9;
    margin-top: -450px;
}

hr.linew {
    width: 40px;
    border: 0;
    height: 1px;
    background: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}

.live {
    position: absolute;
    right: 67px;
    top: 50px;
}


.owl-nav{
	text-align:center;
}

.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;
	color:#666;
}

  
/* -----------------------¸Þ´º ¼³Á¤ ---------------------------*/  

  @media only screen and (max-width: 1200px){
	  
	  	     /*¼­ºêÀÛÀºÅǹöÆ°*/
		.ssub-tab { margin-top:20px; margin-bottom:10px; height:42px; }
		.ssub-tab a {display:inline-block; font-size:16px; color:#555; font-weight:400; padding:5px 0px 12px 0px; margin-left:5px; margin-right:5px; border-bottom:0px #f2f2f2 solid; }
		.ssub-tab a:hover {display:inline-block; font-size:16px; color:#003056; font-weight:400; padding:5px 0px 12px 0px; margin-left:5px; margin-right:5px;  border-bottom:2px #003056 solid;}
		.ssub-tab a.tabon {color:#003056; border-bottom:2px #003056 solid; }


  .sssub-tab { margin-top:30px; margin-bottom:10px;  height:45px;}
  .sssub-tab a {display:inline-block; font-size:16px; color:#555; font-weight:400; padding:5px 0px 12px 0px; margin-right:0px; border-bottom:0px #f2f2f2 solid; }
  .sssub-tab a:hover {display:inline-block; font-size:16px; color:#003056; font-weight:400; padding:5px 0px 12px 0px; margin-right:0px;  border-bottom:2px #003056 solid;}
  .sssub-tab a.tabon {color:#003056; border-bottom:2px #003056 solid; }
	  
	  
  }
  
  @media only screen and (max-width: 1000px){

      .slider-margin-top { margin-top: -10px;}
	  .header-section { height:80px;}
	  .header-section #menu {margin: 78px 0 0 0 !important; width:100% !important; height: auto !important; padding: 0 !important;}	  
	  .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.big li span{font-size: 17px; }
	  .header-section #menu > ul li ul li ul li a {padding-left: 60px;}
	  .header-section ul li .menu_big {font-size: 18px; margin-right:30px; }
	  .header-section ul li ul li {margin-left:0px;}
	  .header-section.transp.two {background-color: #fff;}
	  .header-section ul li.menu-icon {font-size: 18px; color:#014099; padding: 18px 0 0 13px;}
	  .header-section #menu > ul {background: #fff;  width:100%; border-top:1px #ccc solid;}
	  .header-section #menu > ul li a {margin-top: 1px;}
	   .header-section .logo {margin-top:0px; margin-left:15px;}
		
	   .menu-less {width: 100%; margin: 0 auto;}
	   
	 /*  .container {width: 950px;}  */


	  /*.GL_stTop { color: #000 !important;}*/
 
	  
	  	     /*¼­ºêÀÛÀºÅǹöÆ°*/
		.ssub-tab { margin-top:20px; margin-bottom:10px; height:42px; }
		.ssub-tab a {display:inline-block; font-size:17px; color:#555; font-weight:400; padding:5px 0px 12px 0px; margin-left:5px; margin-right:5px; border-bottom:0px #f2f2f2 solid; }
		.ssub-tab a:hover {display:inline-block; font-size:17px; color:#003056; font-weight:400; padding:5px 0px 12px 0px; margin-left:5px; margin-right:5px;  border-bottom:2px #003056 solid;}
		.ssub-tab a.tabon {color:#003056; border-bottom:2px #003056 solid; }


		.header-section ul li .menu_big {margin-left:0px; margin-right:0;}
		  .manmargin{margin-top:0px; margin-left:0px;}
		 hr.linetx {float: left; width:50px; border: 0; height: 2px; background: #003056; margin-top:-20px;}  
		 

    .hover-box {padding:8% 2%; margin-bottom:10px; height:200px;}	
	.hover-box .h4{font-size: 18px;}
	.hover-box .ps{font-size: 13px; line-height:100%;}
	
			.live {
			position: absolute;
			right: 65px;
			top: 50px;
}

	.live img {width:45px;}
	
	  .header-section ul li > ul li  {
	  background-color:rgba(0, 0, 0, 0.7);
	  border-bottom:0px;
  }
  		.background-boxsub0107 {
    background: #fff;
    background-size: cover;
}

.boxsub0107 {
    background: #142c79;
    padding: 5%;
    opacity: 1;
	width:100%;
    margin: 0px 0px;
}
	
	
  }
  
    
  
/* -----------------------Å×ºí¸´ Å©±â ¼³Á¤ ---------------------------*/  
  
  @media only screen and (max-width: 768px){	  

	.slider-margin-top { margin-top: -10px;}
	    .title {text-align:center; font-size:30px; font-weight:500; color:#000; letter-spacing:-1px; padding-bottom:15px;}
	  .title span{font-size:25px;}
	  
	  h2 { font-size: 24px;}
	  h3 { font-size: 22px;}
	  h4 { font-size: 19px;}
	  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%;}
	  .header-section.transp.two {background-color: #fff;}
	  
	  .slider-margin-top { margin-top:80; }
	  
	  
	  /*ÁÖ¸Þ´º ¹ÙÅÁ*/
	  .header-section {opacity:1 !important;}  
	  
	      .box-news {height:auto;}

  
  		.search-box {text-align:left}
		
		.form-inline .form-control {
		/*display:inline;*/
		}
  
	
		.item img {height:auto}
		


 } 
  
/* -----------------------¸ð¹ÙÀÏ Å©±â ¼³Á¤ ---------------------------*/  

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

	  .sheet-slider ul.sty1 {position: relative; height: 250px;}
	  /*.header-section ul li.menu-icon { padding: 16px 0 0 13px;}*/  

  
	  .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;}
	   
	   .toggleslide #toggle + label {top: 53px;}
	   
	   .subpadding {padding-left: 4%; padding-right: 4%;}
	   .subpaddingb{padding:4% 0% 0% 0%;}

  
		.funchurch_mphoto1{width:100%;height:160px}
		
		 .btn-default {margin-left:0x;}

		

		.m_txt1 {font-size:16px;}
		hr.lined {height: 70px;}
		
		.churchbox{width:150px; margin-bottom:15px;}
		
		.box170 { height: auto;}
		
		.background-010201bg { padding: 100px 20px; height: auto;}
		.background-010202bg { padding: 100px 20px; height: auto;}
		.background-010203bg { padding: 100px 20px; height: auto;}
		
		.schoolvision .circle-box {
			float: center;
			opacity: 0.8;
			display: inline-block;
			width: 100%;
			/* height: 200px; */
			padding: 20px 10px 20px 10px;
			color: #000;
			font-weight: 700;
			background: #5b9ad9;
			margin-top: 0px;
		}

	
		.item img {height:auto}
		
		.button31.sty2 {
	font: 16px 'Noto Sans KR', sans-serif;
	padding:7px 10px 8px 10px;
	}
	
	
	/*´õº¸±â ¹öÆ° */  
    .button_vod {
    color: #fff;
	font: 15px 'Noto Sans KR', sans-serif;
	font-weight:500;
    background: #2680c8;
	padding:8px 6px ;
	border-radius:7px;
	border: 1px #2680c8 solid;
	margin:4px;
	width:90px;
	}
	
	 .button_vod:hover {
    background: #000;
	border: 1px #000 solid;
	}
	

	
	
	
  }
  

  
  /* 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;
	  padding: 10px 13px ;
   
  }
  
  
  .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}
  
  
 






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





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






.main-content {
	position: relative;
}

  .main-content .owl-theme .custom-nav {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
  }

  .main-content .owl-theme .custom-nav .owl-prev,
  .main-content .owl-theme .custom-nav .owl-next {
	position: absolute;
	height: 100px;
	color: inherit;
	background: none;
	border: none;
	z-index: 100;
  }

  .main-content .owl-theme .custom-nav .owl-prev i,
  .main-content .owl-theme .custom-nav .owl-next i {
	font-size: 5rem;
	color: #ffffff;
  }

  .main-content .owl-theme .custom-nav .owl-prev {
	left: -5%;
  }

  .main-content .owl-theme .custom-nav .owl-next {
	right: -5%;
  }






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

	.main-content .owl-theme .custom-nav .owl-prev i,
	.main-content .owl-theme .custom-nav .owl-next i {
	  font-size: 3rem;
	  color: #ffffff;
	}

  }



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

	.main-content .owl-theme .custom-nav {
		top: 90%;
	}

	.main-content .owl-theme .custom-nav .owl-prev {
		left: 35%;
	}

	.main-content .owl-theme .custom-nav .owl-next {
		right: 35%;
	}

	.main-content .owl-theme .custom-nav .owl-prev i,
	.main-content .owl-theme .custom-nav .owl-next i {
	  font-size: 2rem;
	  color: #ffffff;
	}

  }




.readmore {color:#b88d78}





.container80 {
	width: 80%;
}
.container833 {
	width: 83.3333333%;
}

@media screen and (max-width: 1199px) {
	.container833 {
		width: inherit;
	}
}


.sub_section {
	overflow-y:clip;
	overflow-x:clip;
 }


 
 @keyframes blink-effect { 50% { opacity: 0; } }


 #masterslider1 .scroll_down_arrow {
    position: absolute;
    right:5%;
    bottom: 5%;
    z-index: 5;
    margin-left: -34px;
    width: 68px;
    height: 75px;
    outline: none !important;
    border: 0 solid #fff;
    text-indent: -9999px;
	background:url('/images/scroll.png?211201') no-repeat;
	background-size: contain;
	/*animation: blink-effect 1s step-end infinite;*/
}

input{font: 16px;}

.btn-search {
    background-color: #2aabe4;
    color: #FFF;
    height: 38px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
}

.table-responsive {
    margin-bottom: 0px;
}

.martop{margin-top:50px;}

.nav>li>a {
    padding: 5px 15px;
}
 .menu-less {width: 100%; margin: 0 auto;}
 
 
 hr.style-one {
    float: left;
    border: 0;
    height: 1px;
    margin-top: 7px;
}

mark {
    color: #fff;
    background: #2aabe4;
    padding: 2px 10px;
}


mark .y {
    background: #fbf8dd;
    padding: 2px 10px;
}



    
/* ¸ÞÀÎ Çà»ç¾Ù¹ü */
.img-ratio-box {
	position: relative;
	width: 100%;
	padding-top: 70%; /* 1:0.7 ºñÀ² */
	overflow: hidden;
  }
  
  .img-ratio-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* À̹ÌÁö À߸² ¹æÁö ¹× ä¿ì±â */
  }



  .img-ratio-box2 {
	position: relative;
	width: 100%;
	padding-top: 151%; /* 1:0.7 ºñÀ² */
	overflow: hidden;
  }
  
  .img-ratio-box2 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* À̹ÌÁö À߸² ¹æÁö ¹× ä¿ì±â */
  }