@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: 1350px){
  .containermenu {width:1350px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .container {width:1350px; }

  }
  
  @media only screen and (min-width: 1001px) and (max-width: 1349px) {
  .containermenu {width:100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .container {width:100%; }

}


  @media (min-width: 1500px){
	.containermain {width:80%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
	}


  .menu-less {
    width: 100%;
    margin: 0 auto;
	}
  
     big, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.4px;
}

    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:19px;}
  
  p {
	  font: 1.1rem 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 28px;
	  color:#555555;
  }
  
    .ps {
	  font: 0.9rem 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 28px;
	  color:#555555;
  }
  

  
  ol, ul, li {
	  font: 15px 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  line-height: 26px;
  }
  
  li p {
	  font: 17px 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  line-height: 30px;
	  color:#666666;
  }
  
  
  #masterslider2 {
	display: none !important;
  }



@media only screen and (max-width: 1400px) { 
	#masterslider1 { 
		display: none !important;
	}
	#masterslider2 {       
		display: flex !important;
	}
}


  
/* -----------------------ÇØ´ç »çÀÌÆ® ±âº» »ö : #1e4384---------------------------*/ 
  
/* -----------------------»ó´Ü±âº»---------------------------*/

.header-section.left #menu {
    float: right;
}


.header-section .logo {
  margin-top: 0px;
}
  
#menu{height:70px;}



  .header-section .logo {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 270px;
    height: 70px;
    background: url(/images/logo.png?ver=220714) 0 0 no-repeat;
    text-indent: -9999px;
    -webkit-transition: background-image .3s ease-in-out;
    transition: background-image .3s ease-in-out;
    background-size: contain;
	z-index:999999;
   }
   



/*ÁÖ¸Þ´º ±Û¾¾ Å©±â*/
.header-section ul li .menu_big {
  font-size: 1.2rem;
  font-weight: 400;
  color: #ffffff;
}

.header-section ul li a {
    color: #fff;
    background: none !important;
    padding: 2.3rem 0rem 1.5rem 2.5rem;
    text-decoration: none !important;
}

.header-section ul li a:hover {
   color: #fff;
}

.header-section.white ul li a {
  color: #fff;
}

.header-section.white ul li a:hover {
  color: #1e4384;
}


/*sns ¹öÆ° ÀζóÀÎ */
.nav>li.snsbtn a {
    position: relative;
    display: inline;
	padding:0;
	
}


.mbtn{display:none !important;}
.pbtn{display:inline !important;}

.header-section ul li.snsbtn a {
	float: left;
/*	color: #23579a;*/
	margin: 0px -10px 0px 0px;
	
	padding-right: 0px;

}
.header-section ul li.snsbtn a i {
	font-size: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	/*line-height: 21px;*/
	vertical-align: middle;
	/*border: 1px solid #23579a;*/
	border-radius: 100%;
	/*margin: 0;
	padding-top: 8px;*/
	transition: all 0.3s ease;
}

.header-section ul li.snsbtn a i:hover {
	color: #fff;
	/*border: 1px solid #fff;
	background-color : rgb(255,255,255);*/ 
	opacity : 1;
}







/*ÁÖ¸Þ´º 2Â÷ ¸Þ´º */
.header-section ul li ul li {
	font-size: 1.1rem;
	font-family: 'GmarketSans', sans-serif;
	margin-left:0.2rem;

	
}

.header-section.big ul li {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;

	
	
}

/*ÁÖ¸Þ´º 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:#cccccc !important;
	opacity:1 !important;
}



.graylink7 {
	padding-left:0 !important;
}


/*ÁÖ¸Þ´º ¹ÙÅÁ*/
.header-section {
  font-family:'GmarketSans', sans-serif;
  background: transparent;
  /*background: #FFF;*/
}  
  

.header-section.pin{
	background: #ffffff;
}
.header-section.pin .logo {	
	background: url(/images/logo.png?ver=220714) 0 0 no-repeat;
}
.header-section.pin ul li .menu_big {
    color: #000000;
}

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

.header-section ul li ul.dm-align-2 {
    left: 135px;
	margin-top:-10px;
}

/* -----------------------¼­ºê±âº»---------------------------*/
  
  
  /* ¼­ºê ¹è°æ À̹ÌÁö */
  
  .background-sub1 {padding: 12% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img01.jpg) no-repeat  right top;
	  background-size: cover;
	  margin-top:-90px;
  }
  
    .background-sub2 {padding: 12% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img02.jpg) no-repeat  right top;
	  background-size: cover;
	  margin-top:-90px;
  }
  
    .background-sub3 {padding: 12% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img03.jpg) no-repeat  right top;
	  background-size: cover;
	  margin-top:-90px;
  }
  
    .background-sub4 {padding: 12% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img04.jpg) no-repeat right top;
	  background-size: cover;
	  margin-top:-90px;
  }
  
  /*.background-sub2 {padding: 16% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	  background-size: cover;
	  margin-top:-170px;
  }
  
    .background-sub3 {padding: 16% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img03.jpg) no-repeat center top;
	  background-size: cover;
	  margin-top:-170px;
  }
  
    .background-sub4 {padding: 16% 0px 10% 0px;
	  background: #fff  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	  background-size: cover;
	  margin-top:-170px;
  }*/
  

  
  .subtop1{font-family:'Nanum Myeongjo'; font-size:22px; font-weight:900; color:#ed7657; letter-spacing: -0.4px; }
  .subtop2{font-family:'Noto Sans KR'; font-size:15px; font-weight:500; color:#858585; letter-spacing: -0.4px; }  
   
   /*¸ÞÀÎÁß°£Å¸ÀÌƲ*/
	.titlem {text-align:center; font-size:2.5rem; font-weight:500; color:#000; }
	.titlew {text-align:center; font-size:2.5rem; font-weight:500; color:#fff; }
	
	

  
  
  
  /*¼­ºêŸÀÌƲ*/
  .title {text-align:center; font-size:2.5rem; font-weight:500; color:#000;}
  .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:#1e4384 ; margin-bottom:40px;}
  .jungbar {margin: 0 auto; width:40px; height:4px; background:#c9a978 ; margin-top:22px;}
  .stitle {text-align:left; font-size:27px; font-weight:700; color:#000; letter-spacing:-2px; margin-bottom:20px;}
  .stitleyear {text-align:left; font-size:27px; font-weight:700; color:#003056; letter-spacing:0px; margin-bottom:20px; margin-left:20px;}

  
  /*¼­ºêÅǹöÆ°*/
  .sub-tab { margin-top:5px; margin-bottom:20px; margin-left:-3px;}
  .sub-tab a {display:inline-block; font-size:16px; color:#666666; font-weight:400; padding:8px 15px 6px 15px; background-color:#ffffff; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
  .sub-tab a:hover {display:inline-block; font-size:16px; color:#fff; font-weight:400; padding: 8px 15px 6px 15px; background-color:#1e4384; margin-left:3px;  margin-bottom:5px;}
  .sub-tab a.tabon {color:#fff; background-color:#1e4384; }
  
   /*¼­ºêÀÛÀºÅǹöÆ°*/
  .ssub-tab { margin-top:0px; margin-bottom:10px; height:70px; background:#fff; }
  .ssub-tab a {display:inline-block; font-size:23px; color:#7c7c7c; font-weight:400; padding:25px 15px 20px 15px; margin:0px 0px; border-bottom:2px #fff solid; }
  .ssub-tab a:hover {display:inline-block; font-size:23px; color:#000; font-weight:400; padding:25px 15px 20px 15px; margin:0px 0px; border-bottom:2px #000 solid; }
  .ssub-tab a.tabon {color:#000; border-bottom:2px #000 solid; }
  
  .ssub-tabbg{background:#fff; border-bottom: 1px #f2f2f2 solid;}
  
  
    /*¼­ºêÀÛÀºÅǹöÆ° 2Çà*/
  .ssub-tab2 { margin-top:0px; margin-bottom:10px; height:74px; background:#fff;}
  .ssub-tab2 a {display:inline-block; font-size:1.1rem; color:#fff; font-weight:400; padding:14px 10px 12px 10px; vertical-align:middle;}
  .ssub-tab2 a:hover {display:inline-block; font-size:1.1rem; color:#f8d134; font-weight:400; padding:14px 10px 12px 10px; }
  .ssub-tab2 a.tabon {color:#f8d134; }
  

  
  
  /*¼­ºêÁ¦ÀÏÀÛÀºÅǹöÆ°*/
  .sssub-tab { margin-top:30px; margin-bottom:10px;  height:45px;}
  .sssub-tab a {display:inline-block; font-size:17px; color:#555; font-weight:300; padding:7px 10px 12px 10px; margin-right:15px; border-bottom:0px #f2f2f2 solid; }
  .sssub-tab a:hover {display:inline-block; font-size:17px; color:#f8d134; font-weight:300; padding:7px 10px 12px 10px; margin-right:15px;  border-bottom:2px #f8d134 solid;}
  .sssub-tab a.tabon {color:#1e4384; border-bottom:2px #f8d134 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: #2a3047;
	background: -webkit-linear-gradient(#fff, #fff);
	background: -moz-linear-gradient(#fff, #fff);
	background: -o-linear-gradient(#fff, #fff);
	background: -ms-linear-gradient(#fff, #fff);
	background: linear-gradient(#fff, #fff);}
	
   /* ¼­ºê³×ºñ»ö */
  .cssmenubgcolor {
	color: #fff !important;
	background: #2a3047 !important;
	background: -webkit-linear-gradient(#fff, #fff);
	background: -moz-linear-gradient(#fff, #fff);
	background: -o-linear-gradient(#fff, #fff);
	background: -ms-linear-gradient(#fff, #fff);
	background: linear-gradient(#fff, #fff);}
	
	#cssmenu > ul > li > a {
    padding: 15px 20px;
    border-bottom: 1px solid #2a3047;
	border-left: 1px solid #2a3047;
    border-right: 1px solid #2a3047;
    border-top: 1px solid #2a3047;
    cursor: pointer;
    z-index: 2;
    font-size: 1rem;
    font-weight:400;
    text-decoration: none;
    color: #fff;
    background: #f2f2f2;}
	
	.holder {top: 5;}
	
	#cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	border-top: 1px solid #fff;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 0.9rem;
	font-weight:500;
    color: #777;
    background: #f2f2f2;
	margin-top:-1px;
}

	#cssmenu ul ul li a:hover {
    background: #18366c;
}

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

.holder {top:7px;}

  
  
  /* ¼­ºêÁß°£Á¦¸ñ */

  .tx{font-size: 35px; font-family:'Nanum Myeongjo'; color: #1062a5; font-weight: 900; text-align:center; padding-bottom:19px; background: url(/images/tx-bar.jpg) no-repeat center bottom;}
   hr.txbar{width:100%;  border: 0; background: #d5d5d5; height: 1px; margin-top:-10px; }
  

  /* ÆùÆ®»ö°ü·Ã */  
  .txn{color: #ed7657;} /* ¼­ºê °­Á¶»ö 1 */ 
  .txc{color: #1062a5;} /* ¼­ºê °­Á¶»ö 2 */ 
  .txb{color: #000;}	/* ¼­ºê °ËÁ¤»ö */ 
  .txw{color: #fff;}	/* ¼­ºê Èò»ö */ 

  
  .txbody{font-size: 25px; color: #444; font-weight: 400; line-height: 3rem;}
  .txpoint{font-size: 27px; font-family:'Nanum Myeongjo'; color: #1062a5; font-weight: 900; line-height: 3rem; text-decoration:underline;}
  
  .txyear{font-size: 90px; color: #1062a5; font-weight: 700; line-height: 3rem; letter-spacing:-3px; margin-top:15px; margin-bottom:30px;}
  
  	.mark {
    padding: 0.2em 0.2em 0.2em 0.2em;
    background-color: #1062a5;
    color: #fff;
	font-weight: 900;
    font-size: 27px;
    letter-spacing: -0.4px;
	font-family:'Nanum Myeongjo';
}

	.txmargin{margin:5% 0%;}
	.subpadding{padding:7% 0%;}


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

  /* °£°Ý°ü·Ã */    
  .margin10{ margin:10px;}
  .margintb5{ margin:5% 0%;}
  
  /* ¸ÞÀθ¶ÁøÆеù°ü·Ã */  
  .mainpadding1{padding:30px 0px 0px 0px;}
  .mainpadding2{padding:0px 0px 30px 0px;}

  
  
  
  
 /* -----------------------¼±°ú¹öÆ°---------------------------*/
  
  
  /* hr ¶óÀΰü·Ã */
  hr.line {float: left; width:60px; border: 0; height: 4px; background: #0d82bb; margin-bottom:-1px;  margin-top:-15px;}  
  /*hr.linemain {width: 1px; border: 0; height: 0; background: #000; margin-bottom:2rem; margin-top:0.5rem;}  */
  hr.linefull {width:100%; border: 0; height: 1px; background: #393939;}
  hr.lineg {width:100%; border: 0; height: 1px; background: #dcdcdc;}
  hr.lineb {float: left; width:250px; border: 0; height: 2px; background: #e5e5e5; margin-top:0px;}  
  hr.linesub {margin:0 auto; width: 100%; border: 0; height: 2px; background: #e5e5e5;  }  
  hr.lineh {
  float: left;
    width: 100%;
    border: 0;
    height: 1px;
    background: #eee;
    margin-bottom: 40px;
    margin-top: 20px;
}
  
   hr.linemain {margin:0 auto; width:70px; border: 0; height: 3px; background: #2a3047; margin-top:10px; margin-bottom:35px;} 
    
   hr.linemainw {float: left; width:600px; border: 0; height: 1px; background: #fff; margin-top:20px; margin-bottom:20px;}  
   
   hr.linetx {
    float: left;
    width: 90%;
    border: 0;
    height: 2px;
    background: #0b1f38;
    margin-top: 5px;
}


  
/* ¿À¹öÇÏ¸é ¶óÀÎ »ý±â´Â ¹öÆ° */
  .button24.sty2 > a {
    color: #fff;
}

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

/*³×¸ð´õº¸±â ¹öÆ° */  
  .button-view {
	  color: #fff;
	  font: 1.1rem 'Noto Sans KR', sans-serif;
	  padding: 1rem 2.5rem;
	  font-weight: 600;
	  letter-spacing: 0.5px;
	  border:1px solid #2a3047;
	  background-color:#2a3047;
	  transition: all 0.3s ease;
  }
  .button-view:hover {
	  color: #fff;
	  border:1px solid #003b73;
	  background-color:#003b73;
  }
  
  
    .button-viewb {
	  color: #fff;
	  font: 0.85rem 'Noto Sans KR', sans-serif;
	  padding: 0.8rem 1.5rem;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  border:1px solid #1e4384;
	  background-color:#1e4384;
	  transition: all 0.3s ease;
  }
  .button-viewb:hover {
	  color: #1e4384;
	  border:1px solid #1e4384;
	  background-color:#fff;
  }
  
   .button-viewdg {
	  color: #fff;
	  font: 0.8rem 'Noto Sans KR', sans-serif;
	  padding: 0.5rem 1.5rem;
	  font-weight: 400;
	  letter-spacing: 0.5px;
	  border:1px solid #1e4384;
	  background-color:#333;
	  transition: all 0.3s ease;
	  border-radius: 20px;
	  
  }
  .button-viewdg:hover {
	  color: #fff;
	  border:1px solid #1e4384;
	  background-color:#1e4384;
  }
  
  /*ÁÖ¿ä½ÇÀû ¹öÆ° */  
  .button-go {
	  color: #fff;
	  font: 1rem 'Noto Sans KR', sans-serif;
	  padding: 1rem 2.5rem;
	  font-weight: 700;
	  letter-spacing: 0.5px;
	  border:2px solid #fff;
	  transition: all 0.3s ease;
  }
  .button-go:hover {
	  color: #fff;
	  border:2px solid #000;
	  background-color:#000000;
  }
  
  
  /* ¹öÆ° */  
  .button-sell {
	  display: block;
	  width:100% ;
	  color: #fff;
	  font: 0.9rem 'Noto Sans KR', sans-serif;
	  padding: 0.7rem 0rem;
	  font-weight: 400;
	  text-align:center;
	  letter-spacing: 0.5px;
	  border:1px solid #2a3047;
	  background-color:#2a3047;
	  transition: all 0.3s ease;
	  

  }
  .button-sell:hover {
	  color: #fff;
	  border:1px solid #e0ac31;
	   background-color:#e0ac31;
  }
  
  /* ȸ»ö ¹Ú½º*/  
  	.box {
	  background: #fff;
	  border:1px solid #CCCCCC;
	  padding: 20px;
	  }
	  
	 .box10 {
	  background: #fff;
	  border:1px solid #CCCCCC;
	  padding: 10px;
	  }
  
  
  
  /* -----------------------¸ÞÀÎ °ü·Ã ---------------------------*/
  
  .boxvod {
    background-color: #fff;
    color: #222;
    transition: all 0.5s ease;
    border-top: 10px solid #eaeaea;
	border-bottom: 10px solid #eaeaea;
    border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;


}

  .boxvodbottom {
    background-color: #fff;
    color: #222;
    transition: all 0.5s ease;
	border-bottom: 10px solid #eaeaea;
    border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;


}

  /*¸ÞÀιè°æ¿ë À̹ÌÁö*/   
	
  .background-m1 {
	  background: #fff url(/images/main-link/bg-m1.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  } 
  
    .background-m2 {
	  background: #fff url(/images/main-link/bg-m2.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
	 
  }  
  
      .background-m3 {
	  background: #fff url(/images/main-link/bg-m3.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
	 
  }    

  .mbox {position:relative;}
 
  #masterslider1 {/*position:fixed;*/display: flex; justify-content: center; align-items:center;  min-height: 100vh;}
  /*#masterslider2 {position:fixed;}*/

  .background-white {background:#FFF;}
   
/*¸ÞÀÎ »ç¾÷ºÐ¾ß 4°³ À̹ÌÁö*/ 

  .background-businiss {
	  background: #fff url(/images/bg-businiss.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  }

.img-hover-text11.sty4 {
    background: #123d84;
}


  .img-hover-text11 img {
	  opacity: 1;
	  display: block;
	  transition: all 0.5s ease;
	  opacity: 0.8;
	  /*border-radius: 40px;*/
	  
  }
  
    .img-hover-text11 {
	 /* border-radius: 40px;*/
  }
  
  .img-hover-text11 .distext .hidtext {
    opacity: 0;
    transition: all 0.3s ease;
	}	

  .img-hover-text11.sty4 .distext{
  	   text-align:left;
	  left: 30px;
	  top: 50px;
  }
  .img-hover-text11.sty4:hover .distext{
	  top: 50px;
  }
  
  .img-hover-text11 .paddingimg{padding:9% 0%;}


  .buiconimg {
	opacity: 1 !important;
  }




/* ¸ÞÀιè°æ- È«º¸¿µ»ó*/
  .background-vod {
	  background: #000 url(/images/bg-vod.jpg) 50% 0 no-repeat fixed;
	  background-size: cover;
  }
  
  .background-vod  .paddingtx{padding-top:3rem; padding-bottom:1rem;}






 
/* -----------------------¼­ºê Ãß°¡ °ü·Ã---------------------------*/  

.boxman {
    background-color: #fff;
    color: #222;
    transition: all 0.5s ease;
    padding: 30px 30px 0px 30px;
    border: 3px solid #eaeaea;
	border-bottom: 0px solid #1062a5;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;


}

.boxmanmail {
    width: 100%;
    color: #fff;
    padding: 10px;
    background-color: #1062a5;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;

}

.timenb200b {
    margin: 0 auto;
    color: #1565b2;
    font: 24px;
    text-align: center;
    font-weight: 700;
    background: #fff;
    padding: 13px 15px 10px 15px;
    width: 200px;
    border-radius: 30px;
    border: 3px solid #1565b2;
    transition: all 0.5s ease;
    margin-bottom: 20px;
}

.buttonbox22 {
    float: none;
    margin: 0 auto;
    color: #fff;
    background: #2c4c8d;
    padding: 9px 11px 7px 11px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: 0.5px;
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.box10 {
    background: #fff;
    border: 1px solid #CCCCCC;
    padding: 20px;
}

 /*¿¹¼ö´ÔÀº ´©±¸½Å°¡*/ 

.background-0701-1bg {
    padding: 130px 20px;
    height: 300px;
    background: url(/images/sub07/01-bg01.jpg) no-repeat center top;
}

.background-0702-1bg {
    padding: 130px 20px;
    height: 300px;
    background: url(/images/sub07/01-bg02.jpg) no-repeat center top;
}

.background-0703-1bg {
    padding: 130px 20px;
    height: 300px;
    background: url(/images/sub07/01-bg03.jpg) no-repeat center top;
}






 /*ȸ»ç¼Ò°³*/ 
   
  .sub0106box { position:relative; margin:0 auto; background: #4c2828; padding:4%; width:90%; margin-top:-40px; z-index:5;}
  .sub0106map{z-index:1; margin:0 auto;}
  .sub0106but { background:#653e3e; padding:12px; width:100%; color:#cfbbb6; font-size:0.8rem; margin:5px; text-align:center; border:1px solid #cfbbb6; }
  .sub0106but:hover { background:#000; padding:12px; width:100%; color:#fff; font-size:0.8rem; margin:5px; text-align:center; border:1px solid #2a3047; }
  .sub0106but1 { background: #00c73c; padding:12px; width:100%; color:#FFFFFF; font-size:1rem; margin:5px; }
  .sub0106but2 { background: #ffcd00; padding:12px; width:100%; color:#FFFFFF; font-size:1rem; margin:5px; }  
  
 

  .background-0102bg {padding-top:140px; height:300px;
	  background: url(/images/sub01/02-bg.jpg) no-repeat center top ;
  } 
  .background-0103bg {padding-top:110px; height:300px;
	  background: url(/images/sub01/03-bg.jpg) no-repeat center top ;
	
  } 
 .background-0103bg2 {padding-top:110px; height:300px;
	  background: url(/images/sub01/03-bg2.jpg) no-repeat center top ;
	
  } 
  .background-0104bg {padding-top:140px; height:300px;
	  background: url(/images/sub01/04-bg.jpg) no-repeat center top ;

  } 
 
  hr.linehistory {width:100%; border: 0; height: 1px; background: #ddd; margin-top:35px; margin-bottom:35px;}
  .letterhis1{letter-spacing:5px;}
  .letterhis2{letter-spacing:2px;}
  .letterhis3{letter-spacing:1px;}
  
  
  .subimgtx{margin-top: -250px;}
 
 
 
 .mapicon{margin-top:1px; float:left;}
 
 
  
/*»ç¾÷ºÐ¾ß */   
	.background-sub02img{ margin-top:50px; box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 40%);}
    .background-sub02bg{ width:1300px; height:500px;
	  background: #fff url(/images/sub02/bg.jpg) top right no-repeat;
     }
	 .ms-inner-controls-cont, .ms-container { margin: 0 0; }
	 
	 @media only screen and (max-width: 1400px){
	.background-sub02bg{width:100%; height:auto; background: #fff url(/images/sub02/bg.jpg) top right no-repeat; }
	.background-sub02img{ margin-top:0px; margin-bottom:50px; box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 0%);} 
	.padding-percent1 { padding:0% 8% 10% 8%;}
	.margin-top5{margin-top:50px;}

    }
	
	@media only screen and (max-width: 1000px){
	.background-sub02bg{width:100%; height:auto; background: #fff url(/images/sub02/bg.jpg)top right no-repeat; }
	.background-sub02img{ margin-top:0px; margin-bottom:50px; box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 0%);}
	.padding-percent1 { padding:0% 8% 10% 8%;}
	.margin-top5{margin-top:0px;}
    }
	
	
  
/*cibi */  	
  .sub0401-bg {
  background: #fff url(/images/sub04/01-bg.jpg) repeat;	
  } 
  
    .sub0402-bg {
  background: #fff url(/images/sub04/02-bg.jpg) top right no-repeat;	
  } 
  
  .boxborder{border:1px solid #eee;}	
  
  .cibg01{background: #dfab31; padding:70px 40px 20px 40px;}
  .cibg02{background: #727271; padding:70px 40px 20px 40px;}
  .cibg03{background: #2a3047; padding:70px 40px 20px 40px;}

  .cibg04{background: #8fad66; padding:70px 40px 20px 40px;}
  .cibg05{background: #000000; padding:70px 40px 20px 40px;}
  

/*ä¿ë¾È³» */ 
  .background-060101bg {padding-top:110px; height:300px;
	  background: url(/images/sub06/01-bg-01.jpg) no-repeat center top ;
  }
  .background-060102bg {padding-top:110px; height:300px;
	  background: url(/images/sub06/01-bg-02.jpg) no-repeat center top ;
  }
    .background-060103bg {padding-top:110px; height:300px;
	  background: url(/images/sub06/01-bg-03.jpg) no-repeat center top ;
  }


/*ÀÎÀçä¿ë */  
  .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:2px solid #fff;
  }
  .button-db:hover {
	  color: #fff;
	  background: #1e4384;
  }
  
  .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:2px solid #fff;
  }
  .button-dbc:hover {
	  color: #fff;
	  background: #1e4384;
  }
  
  .sub0602box {
	  background: #fff;
	  border:1px solid #CCCCCC;
	  border-top:2px solid #002e57;
	  padding: 20px;
}
  .search-box .form-control {
    /*height: auto;*/
    border: 1px solid #999;
    border-radius: 0px;
    box-shadow: none;
    padding:3px 15px;
	background-color:#fff;
	color:#555;
}


  .background-pop {
	  background: url(/images/bg-news.jpg) 100% 0 no-repeat;
	  background-size: cover;
  }
 
/* -----------------------´ë½Ãº¸µå ±âº»---------------------------*/  
  
  /* ¿¹¹è½Ã°£Ç¥ 
  .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: #1e4384;
       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;
  }*/
  
  

  
  
  
  
  
  
  
/* -----------------------Ä«ÇÇ °ü·Ã---------------------------*/  

  .bg-color-copy{background: #2a3047;}
	  
  .copytx{
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #fff;
	  font-weight:400;
	  text-align:center;
	  line-height: 26px;}
	  

	  
  .copytxa{
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #999999;
	  font-weight:400;
	  line-height: 1.2rem;}
	  
	  .copytxa:hover {
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #fff;
	  font-weight:400;
	  line-height: 1.2rem;}
  
  .copybut{
  	float:right;
	  color: #b8b4b4;
	  font: 12px ;
	  background: #0e1a26;
	  padding:8px;
	  border-radius: 3px;
	  border:3px solid #0e1a26;
	  transition: all 0.5s ease;
  }
  .copybut:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }
  
  .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px;
}
  
/*  ½ÅÇØ°ø¿µ °Ô½ÃÆÇ ÇÏ´Ü °ËÁ¤ ¹öÆ°

   .form-control {
    display: block;
    width:100%;
    padding: 4px 12px;
    font-size:  0.8rem;
    line-height: 2rem;
    color: #999999;
    background-color: #222;
    background-image: none;
    border: 1px solid #999999;

}*/
  
  
  
/* -----------------------Ç¥°ü·Ã---------------------------*/  
   
  /* ¼­ºêÇ¥ */
  .tablessub table {
	  width:100%;
  }
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 10px 15px;
	  font-size: 15px;	  
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablessub th {
	  background-color: #333;
	  color: #fff;
	  text-align: center;
	  font-size: 15px;
	  font-weight: 700;
  }
  
   .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: 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;
  }
  

 /* ¿¹¹èÇ¥ */
  .tablestime table {
	  width:100%;
	  margin-bottom: 10px;
  }
  .tablestime table, .tablestime th, .tablestime td {
	  border: 2px solid #1062a5;
	  border-left-color:#FFFFFF;
	  border-collapse: collapse;
	  padding: 5px 10px!important; 
	  font-size: 25px;	
	  color: #444;
	  font-weight: 500;
	  text-align: center;  
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablestime th {
	  background-color: #333;
	  color: #fff;
	  text-align: center;
	  font-size: 25px;
	  font-weight: 700;
  }
  
   .tablestime .rc {
	  background-color: #1062a5;
	  color: #fff;
	  text-align: center;
	  font-size: 25px;
	  font-weight: 500;
  }
  



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

	.toggleslide ul {margin-left:0px;}

	.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: 20px;
		top: 20px;
		transition: all 500ms ease;
		z-index: 10000;
		background-image: url(/images/menu.png);
		background-color:transparent;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	  }
	  .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: 20px;
		top: 20px;
		transition: all 500ms ease;
		z-index: 10000;		
		background-image: url(/images/menu-close.png);
		background-color:transparent;
	  }

	  .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:100%;
		left: 0;
		overflow: hidden;
		padding-top: 1%;
		padding-bottom:1%;
		position: absolute;
		top: -100%;
		transition: top 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
		width: 100%;
		z-index: 9999;
	}
	
	.toggleslide #toggle:checked ~ .message {
    	height:100vh;
	}


	.toggleslide #toggle:checked ~ .slidecontainer {
    	margin-top: 0px;
	}



	.flex-container{ 
		
		height: 100vh; 
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox; 
		display: flex; 

		-webkit-box-align: center; 
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center; /* ¼öÁ÷ Á¤·Ä */

		-webkit-box-pack: center;
		-moz-box-pack: center; 
		-ms-flex-pack: center; 
		justify-content: center; /* ¼öÆò Á¤·Ä */
	} 

	.flex-container div{height:250px}


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


.header-section.borbotrite {
    background: #00000038;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    position: relative;
    z-index: 9998;
}


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

  @media only screen and (max-width: 1300px){
	  
	     /*¼­ºêÀÛÀºÅǹöÆ°
  .ssub-tab { margin-top:0px; margin-bottom:10px; height:58px; background:#2a3047;}
  .ssub-tab a {display:inline-block; font-size:0.9rem; color:#fff; font-weight:400; padding:18px 5px 15px 5px; }
  .ssub-tab a:hover {display:inline-block; font-size:0.9rem; color:#f8d134; font-weight:400; padding:18px 5px 15px 5px; }
  .ssub-tab a.tabon {color:#f8d134; }
  
  .ssub-tabbg{background:#2a3047;}
  


  .ssub-tab2 { margin-top:0px; margin-bottom:10px; height:65px; background:#2a3047;}
  .ssub-tab2 a {display:inline-block; font-size:0.9rem; color:#fff; font-weight:400; padding:11px 10px 10px 10px; vertical-align:middle;}
  .ssub-tab2 a:hover {display:inline-block; font-size:0.9rem; color:#f8d134; font-weight:400; padding:11px 10px 10px 10px; }
  .ssub-tab2 a.tabon {color:#f8d134; }
  
  .ssub-tabbg{background:#2a3047;}*/
  

	  
  }
  
  

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

    
   .ssub-tabbg{background:#fff; border-bottom: 1px #2a3047 solid;}
   .header-section.borbotrite { border-bottom: 0px solid rgba(255, 255, 255, 0.18);}

	
	h4 { font-size: 20px;}
	
	 .txyear{font-size: 70px; color: #1062a5; font-weight: 700; line-height: 3rem; letter-spacing:-3px; margin-top:15px; margin-bottom:30px;}
	
	
	.header-section.left #menu {
	float: none;
	}
	
	 .header-section #menu { margin: 0 -5px;}

	.mbtn{display:flex !important; }
	.pbtn{display:none !important;}


      .slider-margin-top { margin-top: -10px;}
	  .header-section {background-color: #2a3047; height:70px; position:relative;}
	  .header-section #menu {float:left; padding:70px 0 0 0 ;}	  
	  .header-section #menu span { color: #fff;}
	  .header-section #menu > ul li a, .header-section #menu > ul li a:hover { color: #777;}
	  .header-section #menu span.subtitle { color: #666;}
	  .header-section.big li span{font-size: 0.9rem; }
	  .header-section #menu > ul li ul li ul li a {padding-left: 0px;}
	  .header-section #menu > ul li ul {border-top: 1px solid #2a3047;}
	  .header-section ul li .menu_big {font-size: 1rem;  }
	  .header-section ul li .menu_big {margin: 0rem 2rem;}
	  .header-section ul li ul li {margin-left:0px;}
	  .header-section.transp.two {background-color: #2a3047;}
	  .header-section ul li.menu-icon { padding: 20px 10px 0 13px;}
	  .header-section #menu > ul {background: #2a3047;  width:100%;}
	  .header-section #menu > ul li a {margin-top:1px; padding: 12px 25px;}
	  .header-section #menu > ul li {border-bottom: 1px solid #4b526d;}
	  .header-section .logo { margin-left:15px;}

		/*¸ð¹ÙÀÏ sns ¹öÆ° Áß¾Ó Á¤·Ä */
	   .header-section #menu > ul li.snsbtn{
			display: flex;
    		flex-flow: row nowrap;
    		justify-content: right;
    		align-items: center;
    		flex-wrap: nowrap
	   }

	  
	  .header-section .container {
        padding:0 !important;
      }



	  .header-section #menu > ul li .arrow {
		width: 33px;
		height: 32px;
		position: absolute;
		top: 4px;
		right: 18px;
		cursor: pointer;
		z-index: 999;
		background-color: #4b526d;
		border-radius: 0px;
	   }

	  .GL_stTop { color: #000 !important;}
 
	  



		.header-section ul li .menu_big {margin-left:0px; margin-right:0;}

		 hr.linetx {float: left; width:50px; border: 0; height: 2px; background: #0b1f38; margin-top:-20px;}  
		 
	 .sellbox .letter2 {letter-spacing:0rem;}
	 .sellbox .letter3 {letter-spacing:0rem;}
	 
	 
	.background-sub1 {padding: 15% 0px; margin-top:-110px;}   
    .background-sub2 {padding: 15% 0px; margin-top:-110px;}  
    .background-sub3 {padding: 15% 0px; margin-top:-110px;}  
    .background-sub4 {padding: 15% 0px; margin-top:-110px;}  


	 .img-hover-text11 .paddingimg{padding:4% 0%;}
	 
	 .header-section.borbotrite {
    background: #2a3047 ;
}

.subtop1{font-family:'Nanum Myeongjo'; font-size:17px; margin-left:10px; }
  .subtop2{font-family:'Noto Sans KR'; font-size:13px; margin-left:10px; }  
  
  .container{ width: 100%!important;}
  
 

  }
  
    
  
/* -----------------------Å×ºí¸´ Å©±â ¼³Á¤ ---------------------------*/  
  
  @media only screen and (max-width: 768px){	 
  
  	 
	.background-sub1 {padding: 0% 0px; margin-top:0px;}   
    .background-sub2 {padding: 0% 0px; margin-top:0px;}  
    .background-sub3 {padding: 0% 0px; margin-top:0px;}  
    .background-sub4 {padding: 0% 0px; margin-top:0px;}  
	
	.ssub-tabbg{background:#fff; border-bottom: 1px #2a3047 solid;}
	.header-section.borbotrite { border-bottom: 0px solid rgba(255, 255, 255, 0.18);}

  
.header-section #menu {float:left; padding:50px 0 0 0 ;}	
   .header-section ul li.menu-icon { padding: 33px 10px 0 13px;}
  
  .header-section {background-color: #2a3047; height:50px; position:relative;}
  
  .header-section .logo {background: url(/images/logom.png) 0 0 no-repeat;}
  
  .header-section .main-nav .nav.top-nav {top: -28px;}

	.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: 20px;}
	  h3 { font-size: 20px;}
	  h4 { font-size: 18px;}
	  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: #2a3047;}
	  
	  .slider-margin-top { margin-top:80; }
	  
	  
 .txbody{font-size: 20px; color: #444; font-weight: 300; line-height: 2.3rem;}
  .txpoint{font-size: 22px; font-family:'Nanum Myeongjo'; color: #1062a5; font-weight: 900; line-height: 2.3rem; text-decoration:underline;}
  	.mark {
    padding: 0.2em 0.2em 0.2em 0.2em;
    background-color: #1062a5;
    color: #fff;
	font-weight: 900;
    font-size: 22px;
    letter-spacing: -0.4px;
	font-family:'Nanum Myeongjo';

}

	.txmargin{margin:8% 0%;}
	.subpadding{padding:10% 0%;}
	  
	  
	  /*ÁÖ¸Þ´º ¹ÙÅÁ*/
	  .header-section {opacity:1 !important;}  
	  
	  /*
	   .newsbox1 {background: #2a3047; padding:0.2rem 0.7rem; text-align:center; color:#FFFFFF; font-size:0.8rem; width:100px; margin:5px 0px;}
       .newsbox2 {background: #856f69; padding:0.2rem 0.7rem; text-align:center; color:#FFFFFF; font-size:0.8rem; width:100px; margin:5px 0px;}
	 */ 
	   .newsbg h5{margin-top:5px;}
	   
	   
	   /*¼­ºê°ü·Ã*/
	   .sub0106box {width:100%; margin-top:0px;}
	   
  .tablestime table, .tablestime th, .tablestime td {font-size: 20px;	}  
  .tablestime .rc { font-size: 25px;}
  
    .copytx{font: 13px 'Noto Sans KR', sans-serif; line-height: 18px;}	  	  

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

  
  @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%;}

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

		.m_txt1 {font-size:16px;}
		
  .img-hover-text11.sty4 {margin: 6%;}
  .img-hover-text11.sty4 .distext{left: 2rem; right: 2rem; top: 6%;}
  .img-hover-text11.sty4:hover .distext{top: 6%;}
  
   .mapicon{margin-top:-10px; float:left;}
   
   		.item .boxinfo {bottom:115px;}  
		
		.img-hover-text11 .paddingimg{padding:10% 0%;}
		
		
.background-0701-1bg {
    padding: 60px 20px;
    height: 170px;
    background: url(/images/sub07/01-bg01.jpg) no-repeat left top;
	background-size: cover;
}

.background-0702-1bg {
    padding: 60px 20px;
    height: 170px;
    background: url(/images/sub07/01-bg02.jpg) no-repeat right top;
	background-size: cover;
}

.background-0703-1bg {
    padding: 60px 20px;
    height: 170px;
    background: url(/images/sub07/01-bg03.jpg) no-repeat left top;
	background-size: cover;
}



   		
  }
  

  
  /* 20190507 Ãß°¡ */
  
  .header-section ul li.mega-menu  > ul {
	   background-color:rgba(242, 242, 242, 1);
	  
  }
  
  
  
  .header-section ul li > ul {
	  background:none;

	 -webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0);
	 -moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0);
	 box-shadow: 0px 3px 18px 0px rgba(0,0,0,0); 
  }
  
.header-section ul li > ul li  {
	   background-color:rgba(242, 242, 242, 1);
	  border-bottom:0px;
  }
  
  .header-section ul li.mega-menu  > ul li{
	  background:none;
	  border-right:0px;
  }
  
  
  .header-section ul li ul li a {
	  color: #777;
   
  }
  
  
  .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;
}

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


.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: 40%;
	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: 3rem;
	font-weight: 100;
	color: #000;
  }

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

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




  /*
  .fa, .far, .fas {font-family: "Glyphicons Halflings";}
  .fa, .fas { font-weight: 100;}
  .glyphicon {font-weight: 100;}
  */





  @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: #CCC;
	}


  }



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

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

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



  }




.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;
    left: 50%;
    bottom: 55px;
    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;*/
}





/* Æ÷Æ®Æú¸®¿À ¹Ú½º */

.pf__list-itempop {
    width: 48%;
    margin: 0 auto;
    /* margin-bottom: 2%; */
    display: inline-block;
    /* box-shadow: 0 30px 70px rgb(0 0 0 / 15%); */
    border: 0px solid #ccc;
}






.pf__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    /*max-width: 1300px;*/
    margin: 0 auto;
    list-style:none;
}


.pf__list-item {
    width: 31%;
    margin: 0 1% 2% 1%;
    /*margin-bottom: 2%;*/
    display:inline-block;
   /* box-shadow: 0 30px 70px rgb(0 0 0 / 15%);*/
   border:1px solid #ccc;
}


.pr_thumbnail { 
	position: relative; 
	padding-top: 70%; 
	overflow: hidden; 
}

.pr_thumbnail .centered { 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	-webkit-transform: translate(50%,50%); 
	-ms-transform: translate(50%,50%); 
	transform: translate(50%,50%); 
}

.pr_thumbnail .centered img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
}


.sellbox .paddingtx p{font-size:0.9rem;}


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

        }

        .navbar-nav>li {
            /*width:16.6%;*/
            text-align:center;
        }

        .header-section ul li > ul li {
            text-align:left;
        }


        .header-section .container {
            max-width: 1200px;
            width : calc(100% - 250px);
			float : right;
        }        
        
		.header-section ul li img {margin-top: 1.9rem;}

		.header-section ul li a i {margin-top: 0rem;}
    }


    @media only screen and (min-width: 1000px) and (max-width: 1599px) {
        .header-section .logo {
			top: 7px;
        }
    }



@media only screen and (min-width: 769px) and (max-width: 1299px) {
    .pf__list-item {
        width: 48%;
    }

    .pf__list-itempop {
        width: 70%;
    }

}


@media screen and (max-width: 768px) {
.pf__list-item, .pf__list-itempop{
        width: 100%;
    }
}


.pf__list li .paddingtx .info dt {
    color: #2a3047;
    width: 65px;
}
.pf__list li .paddingtx .info dd {
    color: #666666;
    width: calc(100% - 65px);
}

.pf__list li .paddingtx .info dt, .pf__list li .paddingtx .info dd {
    float: left;
    font-size: 0.9rem;
    letter-spacing: -0.5px;
    font-weight: 400;
    line-height: 1.66;
}



.pfbtn  {
	position: absolute;
    width: 85%;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 5%;
}


.sha1{
	text-shadow: 2px 2px 2px #000000;
}


.map-tx li a {
	padding: 0 !important;
}



/*-------------------------------------------------------------------------*/
/*  Skill bar style
/*-------------------------------------------------------------------------*/



.zt-skill-bar {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	margin-bottom: 5px;

	background-color: rgba(0,0,0,0.1);

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
			border-radius: 2px;

}

.zt-skill-bar * {
	webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	   -ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		   transition: all 0.5s ease;
}

.zt-skill-bar div {
	background-color: #337ab7;
	position: relative;
	padding-left: 25px;
	width: 0;
	height:20px;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   	-ms-border-radius: 2px;
			border-radius: 2px;
}

.zt-skill-bar span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 5px 0 10px;
	background-color: #1a1a1a;

	-webkit-border-radius: 0 2px 2px 0;
	   -moz-border-radius: 0 2px 2px 0;
		-ms-border-radius: 0 2px 2px 0;
			border-radius: 0 2px 2px 0;
}

.zt-skill-bar span:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	top: 50%;
	left: -3px;
	margin-top: -3px;
	background-color: #1a1a1a;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}









@media (max-width: 1199px){

	.brand{display:none;}
}

@media (min-width: 1200px){
	.brand-item-children {
		min-width: 106px;
	}

	.brand-item-children {
		display: none;
		min-width: 96px;
		padding: 1em 0;
		border-radius: 0;
		position: absolute;
		top: 35px;
		left: -11px;
		background-color: #111;
		box-shadow: 0 16px 50px rgb(0 0 0 / 15%);
		font-size: 16px;
		line-height: 1.5em;
		list-style: none;
		text-align: center;
		z-index: 99999;
		color: #FFFFFF;
	}
}



.brand {
    position: absolute;
    cursor: pointer;
    border-radius: 0px;
    
	min-width: 96px;
	/*
    height: 64px;
    */

    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: 100px;
    top: 33px;
    transition: all 500ms ease;
    z-index: 10000;
	border:1px solid #fff;

}

.brand:hover .brand-item-children{
	display:block;

}

.btn-txt{color:#FFF;}


.padding-percent11{
	padding:2%;
}



.newsbox1 {background: #2a3047; padding:0.2rem 0.7rem; text-align:center; color:#FFFFFF; font-size:0.8rem; width:100px; margin:5px 0px;}
.newsbox2 {background: #D8A141; padding:0.2rem 0.7rem; text-align:center; color:#FFFFFF; font-size:0.8rem; width:100px; margin:5px 0px;}



.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon {
    float: left;
    width: 120px;
    text-align: center;
}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span {
    width: 43px;
    height: 43px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #1d4d8b;
    border-radius: 50%;
    display: inline-block;
    color: #1d4d8b;
}
.faq_box .div-panel .faq_q_content .text {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    margin-top: 10px;
}
.faq_box .div-panel div.text {
    float: left;
    width: calc(100% - 120px);
}
.faq_box .div-panel .faq_a_content .faq_icon span {
    background: #1d4d8b;
    border: 1px solid #1d4d8b;
    color:#FFF;
}




.buscust-accordion .panel-heading {
	padding:0px;
	/*padding: 13px 25px 13px 35px;*/
	border-top-left-radius:0px;
	border-top-right-radius:0px
}





.panel-group .panel {
	border-radius: 0px;
}
.panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.panel-title {
	position: relative;
	text-align:justify;
}
  
 .panel-heading .accordion-toggle {
	padding-left: 25px;
	display: block;
	color:#FFFFFF;
	padding-right:40px;
  }
  
  .panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\2b";
	/*glyphicon glyphicon-chevron-right*/
	color: #ffffff !important;
	float: left;
	position: absolute;
	right: 25px;
	top: 0;
	font-size:xx-small;
	padding-top:10px
  }
 


  .panel-heading .accordion-toggle.collapsed:after {
	font-family: 'Glyphicons Halflings';
	content: "\2212";
	color: #333f48 !important;
	float: left;
	position: absolute;
	right: 25px;
	top: 0;
	font-size:xx-small;
	padding-top:10px
  }
 
  .panel-heading { padding: 0 }
  .panel-heading h4 { background: #1e4384; font-weight: 400; font-size: 1.2rem;}
  .panel-heading a { padding: 20px 15px; text-decoration: none;}


  .accordion-toggle.collapsed { background: #f9f9f9; color:#222; padding-right: 40px;}
  


  .panel-heading .accordion-toggle.collapsed:after { top: 10px; }
  .panel-heading .accordion-toggle:after { top: 10px;}
  
  .panel-body {padding: 25px;}



.margin-bottombox {
    margin-bottom: 15px;
}


.snsbp{padding: 25px;}