@font-face {
    font-family: 'Gyeonggi_Batang_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'kdg_Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Oswald&display=swap');




  @media (min-width: 1300px){
  .container {width: 1304px;}
  }
  

	html {
		scroll-behavior: smooth;
	}

	.menu-less {
		width: 100%;
		margin: 0 auto;
	}


  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    }
  
  p {
	  font: 18px 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 26px;
	  letter-spacing:-0.2px;
	  color:#333;
  }
  

  .ps{
	  font: 15px 'Gyeonggi_Batang_Regular', sans-serif;
	  font-weight: normal;
	  line-height: 28px;
  }
  
  ol, ul, li {
	  font: 16px 'Gyeonggi_Batang_Regular', sans-serif;
	  font-weight: normal;
	  line-height: 25px;
	  list-style-type:none;
  }
  


  h1, 
  h2,
  h3,
  h4,
  h5,
  h6 {
	  font-family: 'Gyeonggi_Batang_Regular', sans-serif;
  }
  

  
/* -----------------------��ܱ�---------------------------*/
  
#menu{height:100px;}

 .header-section{ border-bottom:0px solid #f1f1f1;}

 .header-section .logo {
	display: inline-block;
	margin-top: 18px;
  }

/*�ָ޴� �۾� ũ��*/
.header-section ul li .menu_big {
  font-size: 21px;
  font-weight: 400;
  margin-right:0px; 
  /*margin-left:20px;*/
  margin-top: 10px;
  color: #000;
  text-transform:none;
}

.header-section ul li:hover > a {
        color: #201330;
        opacity: 1;
    }

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

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

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




/*�ָ޴� 2�� �޴� */
.header-section ul li ul li {
	font-size: 15px;
	font-family: 'Noto Sans KR', sans-serif;
	margin-left:25px;
}

/*�ָ޴� 2�� �޴� ����ȿ��*/
.header-section ul li ul li a{padding: 8px 25px ;}
  
.header-section ul li ul li a:hover {
	/*border:1px red solid;*/
	margin-left:0px;	
	color: #000;
	background-color:#765244 !important;
	opacity:1 !important;
}

.header-section ul li ul.dm-align-2 {left:85px;}


/*�ָ޴� ����*/
.header-section {
  font-family:'Noto Sans KR', sans-serif;
  background: transparent;
  
} 


.header-section .main-nav.rightnav {
    float: right;
    margin-right: 0%;
	width:100%;
} 


/* -----------------------�����̹���---------------------------*/


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

	}
 } 
  
/* -----------------------�����---------------------------*/
  
   
.background-sub1 {
	padding: 10% 0%  5% 0%;
	background: #333  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	background-size: cover;
	margin-top: -100px; 
}
.background-sub2 {
	padding: 10% 0%  5% 0%;
	background: #333  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	background-size: cover;
	margin-top: -100px; 
}

.background-sub3 {
	padding: 10% 0%  5% 0%;
	background: #333  url(/images/sub-img/sub-img03.jpg) no-repeat center top;
	background-size: cover;
	margin-top: -100px; 
}


    /*����Ÿ��Ʋ*/
	.title {text-align:center; font-size:45px; font-weight:500; color:#232f43; letter-spacing:-2px; padding-top:40px; margin-bottom:30px;}
	.title span {text-align:left; font-size:45px; font-weight:300; color:#a2a6ae; letter-spacing:-2px; padding-top:15px; }
 
     /*�����߰�Ÿ��Ʋ*/
	.titlem {text-align:center; font-size:55px; font-weight:700; color:#201330; padding-top:15px; margin-bottom:15px;}
	.titlemw {text-align:center; font-size:45px; font-weight:700; color:#fff; padding-top:15px; margin-bottom:25px;}
	
	
	/*�����߰�Ÿ��Ʋ ���� ��*/
	.titlesm {text-align:center; font-size:22px; font-weight:400; color:#201330; line-height:35px;margin-bottom:30px;}
	.titlesmw {text-align:center; font-size:22px; font-weight:400; color:#fff; line-height:35px;margin-bottom:30px;}
	
	
	.wtx1{font:24px 'Noto Sans KR', sans-serif; font-weight: 300; color:#fff; text-align:center;}
	.wtx2{font:14px 'Noto Sans KR', sans-serif; font-weight: 300; color:#fff; text-align:center;}
	.wtx3{font:22px 'Noto Sans KR', sans-serif; font-weight: 500; color:#fff; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; padding:4px; display:inline-block; }
	.wtx4{font:45px 'Noto Sans KR', sans-serif; font-weight: 700; color:#fff; text-align:center;}


	
	.barmargin{margin-bottom:40px;}
	.bar2margin{margin-bottom:80px;}
	
	

  
    /* ��Ʈ������ */  
  .txn{color: #1e112e;} /* ���� ������ 1 */ 
  .txc{color: #00b189;} /* ���� ������ �帰 */ 
  .txp{color: #e94d1d;} /* ���� ������ 2 */ 
  .txb{color: #000;}	/* ���� ������ */ 
  .txw{color: #fff;}	/* ���� ��� */ 
  .txg{color: #acabad;}	/* ���� ȸ�� */ 
  .txsmall{font-size: 17px;}


  
    /* �����߰����� */
  .tx {background: url(/images/tx-bg.jpg) no-repeat left top;}
  .tx h4{font-size: 18px; font-weight: 600; color:#333; padding-left:25px; }
  .tx h3{font-size: 20px; font-weight: 700; color:#333; padding-left:25px;}
  
  /*�����ǹ�ư*/
  .sub-tab { margin-top:20px; margin-bottom:20px; margin-left:-5px;}
  .sub-tab a {display:inline-block; font-size:14px; color:#666; font-weight:600; padding:5px 12px; background-color:#ffffff; border:1px solid #ccc; margin-left:3px; margin-bottom:5px;}
  .sub-tab a:hover {display:inline-block; font-size:14px; color:#fff; font-weight:600; padding: 5px 12px; background-color:#203a71; border:1px solid #203a71; margin-left:3px;  margin-bottom:5px;}
  .sub-tab a.tabon {color:#fff; background-color:#203a71; }
  
    
  /*�����ǹ�ưs*/
  .sub-tabs { margin-top:20px; margin-bottom:20px; margin-left:-5px;}
  .sub-tabs a {display:inline-block; font-size:16px; color:#377a78; font-weight:600; padding:7px 12px; background-color:#ffffff; border:2px solid #377a78; margin-left:3px; margin-bottom:5px;}
  .sub-tabs a:hover {display:inline-block; font-size:16px; color:#fff; font-weight:600; padding: 7px 12px; background-color:#377a78; margin-left:3px;  margin-bottom:5px;}
  .sub-tabs a.tabon {color:#fff; background-color:#377a78; }

 
  /* ��Ʈ���ݰ��� */    
  .letter{letter-spacing:-1px;}
  .letter1{letter-spacing:-1.5px;}
  .letter2{letter-spacing:-2px;}
  .letter55{letter-spacing:0.5px;}
  .letter50{letter-spacing:-0.5px;}

   /* ��������� */  
   .mainpadding{padding:4% 4%;}
   .mainpaddings{padding:2% 4%;}

   .mainpaddingb{padding:4% 2% 0% 2%;}
   .mainpaddingl{padding:4% 0%;}
   .margin10{margin:10px;}
   .margin15{margin:15px;}
   .margin-img{margin-left:-30px;}
   .bg-color{background-color:#377a78;}
   .ppadding{padding-left:3%; padding-right:3%;}
   .margin0{margin-bottom:-10px;}
   .margin-bottom33{margin-bottom:26px;}
   .margin-bottom66{margin-bottom:52px;}
   .margintx{margin-top:-5px;}
   .margintopt{margin-top:7px; margin-bottom:7px;}
   
   .subpadding{padding:8% 2%;}
   
   
   	.tps{font-size: 20px; font-weight:500; margin-bottom:20px;} 
	.tmsb{font-size: 50px; font-weight:500; letter-spacing:8px;} 
	
	
 
 
 
 /* -----------------------������ư---------------------------*/
  
  
  /* hr ����� */
  hr.line {float: center; width:30px; border: 0; height: 2px; background: #201330; margin-bottom:30px;  margin-top:-10px;}  
  hr.linew {float: center; width:30px; border: 0; height: 2px; background: #fff; margin-bottom:30px;  margin-top:-10px;}  
  hr.liney {float: center; width:30px; border: 0; height: 2px; background:  #fbf44e; margin-bottom:30px;  margin-top:-10px;} 
 

  
  hr.time2 {width:100%; border: 0; height: 2px; background: #201330; margin-top: 0px; margin-bottom: 0px;}
  hr.time1 {width:100%; border: 0; height: 1px; background: #8c99b4; margin-top: 0px; margin-bottom: 0px;}
	
  hr.linemain {float: left; width:100%; border: 0; height: 3px; background: #e9b66f;}  
  hr.linesub {float: left; width:100%; border: 0; height: 1px; background: #eee;}  
  hr.linefull {width:100%; border: 0; height: 1px; background: #201330; margin-top: 0px; margin-bottom: 0px;}
  hr.lineblackbs {float: left; width:100%; border: 0; height: 2px; background: #000;}  

  
  .gobut{
	  color: #fff;
	  font:  15px 'Gyeonggi_Batang_Regular', sans-serif;
	  font-weight:400;
	  background: #47317a;
	  padding:10px 50px;
	  transition: all 0.5s ease;
	  border:3px solid #47317a;
	  margin:5px;
	  
  }
  .gobut:hover {
	  color: #fff;
	  background: #916ae8;
	  border:3px solid #916ae8;
  }

  
 

	


/* -----------------------������ȹ ---------------------------*/ 

	
	.background-chans {
	  background: #fff ;
  	} 
	
	.txline { height:40px; width:100%; background: url(/images/line.jpg) repeat left top;}
	.txline h3{font-size:30px;font-weight: 600; color:#030e50; text-align:center; }
	.mark, mark {padding: .2em;background-color: #fff;}
  
	.background-blog {	  background: #201330 url(/images/m-img/bg-info.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
	  padding:15% 0%;
	  }
 
/* -----------------------���� ---------------------------*/ 
  
    .background-service {
	  background: #e9e6e3 url(/images/m-img/bg-afterword.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  } 
  
  	.servicetbox{
	width:100%;
	padding:30px 35px;
	background: #fff;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;	
	height:250px;
	border:2px solid #fff;
	}
	
  	.photobox{
	border-radius: 20px;

	}	
	
	.servicetbox h4{font: 23px 'Noto Sans KR', sans-serif; font-weight: 400; color:#333; margin-bottom:20px; }
	.servicetbox p{font: 17px 'Noto Sans KR', sans-serif; font-weight: 300; color:#555; margin-top:0px;}
	
	.servicetbox:hover {
	width:100%;
	padding:30px 35px;
	background: #fff;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;	
	height:250px;
	border:2px solid #8a8371;
}


  	.onebox{
	margin:0 auto;
	background: #f1f1f1;
	border-radius:100px;
	border:1px solid #f1f1f1;
	height:140px;
	width:140px;
	}
	
	.onebox:hover {
	background: #eae3f3;
	border:1px solid #eae3f3;

	}
	

 
 
 /* -----------------------���丮 ---------------------------*/ 
  
    .background-story {background: #f4f5f5; } 
	.blogbox {position: relative;  border: 1px solid #ddd; background: #fff;}

    .blogbox.on {border-color:#201330;box-shadow:0 8px 12px rgba(0,0,0,.1);z-index:10;}
    
	.blogbox1{background: #fff; padding:15px 15px 5px 15px; height:100px; }
	.blogbox2 {background: #fff; padding: 5px 15px 15px 15px; height:115px;}
	.tag {
    display: inline-block;
    max-width: 100%;
    height: 27px;
    padding: 2px 10px;
    border: 2px solid #cac0dd;  border-radius: 14px;
    font-size: 13px;
	font-weight: 400;
    color: #201330;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}


 /* -----------------------��Ʈ������ ---------------------------*/ 	

 .background-protfolio {background:#FFF;}

.img-hover-text11 .distext .hidtext {
    opacity: 0;
    transition: all 0.3s ease;
}	

.pbg{background: #26303a;}


.background-contact {background:#201330;}
 
 
 /* -----------------------����� ---------------------------*/ 
  
    .background-info{
	  background: #201330 url(/images/m-info/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;}
	.infobox1{background: #201330; padding:50px 15px 25px 15px; height:300px; border:2px solid #00b287;  }
	.infobox2{background: #00b287; padding:50px 15px 25px 60px; height:300px; border:2px solid #10b287;  }	
	.txbg{background: #151b42; padding:12% 2% ;}
	.mtbox{
	margin:auto 0px;
	width:97%;
	color:#FFFFFF;
	text-align: center;
	padding:15px 15px;
	background: #151b42;
	border-radius:30px;
	border:2px solid #151b42;
	margin-bottom:10px; }
  
  



  /* -----------------------�����̿�ȳ�--------------------------*/ 
   /* ����ǥ */
  .tablessub table {
	  width:100%;
  }
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 12px 30px;
	  font: 17px 'Gyeonggi_Batang_Regular', sans-serif;
	  vertical-align:middle;
	  background-color: #fff;
  }
  .tablessub th {
	  background-color: #030e50;
	  color: #fff;
	  text-align: center;
	  font-size: 18px;
	  font-weight: 700;
  }
  
    .tablessub .gc{
	  background-color: #f9f9f9;
	  color: #222;
	  text-align: center;
	  font-size: 18px;
	  font-weight: 300;
  }
   
  
    .tablessub.ct{
	  text-align: center;

  }
  

  /* -----------------------��Ʈ������ ������ ��� ---------------------------*/ 
  
  	  .background-sp {
	  background: #f7f9fb url(/images/s-portfolio/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  } 

  
/* -----------------------ī�� ����---------------------------*/  

  .bg-color-copy{background: #343030;}
	  
  .copytx{
	  font: 15px 'Noto Sans KR', sans-serif;
	  color: #c7c7c9;
	  font-weight:300;
	  text-align:center;
	  line-height: 28px;
	  margin-bottom:10px;}


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

		.scroll-adjust {position: relative; 
    		 top: -180px; 
		}

	  
	  .copytx{

		margin-bottom:50px;}
	  }

	  
  .copytxa{color: #c7c7c9;}
  .copytxa:hover {color: #fff;}
  
  

  .copybut{
	  color: #666;
	  font:  18px 'Noto Sans KR', sans-serif;
	  font-weight:500;
	  background: #111;
	  padding:6px 26px;
	  border:3px solid #666;
	  transition: all 0.5s ease;
	  margin:5px;
	  
  }
  .copybut:hover {
	  color: #fff;
	  border:3px solid #fff;
  }
  
  
  
  
  
  
  
  
  
  
  
  
@media only screen and (max-width: 1200px){
	 
	  .boxmap { padding: 5% 5% 0% 5%; height:400px;}
	  .copybut{font:16px 'Gyeonggi_Batang_Regular', sans-serif; padding:6px 20px; margin:3px;}
	  
  }	  
	  
@media only screen and (max-width: 1000px){

	.header-section {height:80px;}


	.header-section #menu > ul li a {
		color: #555;
		text-align:left;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}

	.header-section #menu > ul li a:hover {
		color: #fff;
		text-align:left;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}


	.header-section #menu > ul li a span{
		color: #fff;
		font-size:14px;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}
	
	.header-section #menu > ul li {
    position: relative;
    border-bottom: 1px solid #594094;}
	
	.header-section {padding-bottom: 0px;}
	
	.header-section #menu > ul li a {color: #1d2025; padding: 5px 20px 12px 20px; }
	
	.header-section #menu > ul {background: #47317a; margin: 0px;}

}

/* -----------------------���� ����� ũ�� ���� ---------------------------*/  
  
  @media only screen and (max-width: 1169px){
	 
	  .txsmall{font-size: 15px;}
	  h2 { font-size: 30px;}
	  h3 { font-size: 25px;} 
	  
	  
	   
  }   
 
  
/* -----------------------���� ����� ũ�� ���� ---------------------------*/  
  
  @media only screen and (max-width: 1000px){
	 
	  .header-section.big  {height:80px; padding-top:0px;}
	  .header-section ul li.menu-icon a i {padding-top: 25px; color:#a482f5 !important;}
	  .box {margin-left: 0px;}


	  .header-section ul li.menu-icon {font-size: 1.71429em;padding: 0px 0 0 9px !important;}
	  
	  .teambox1{background: #363634; height:608px; }
	  .teambox2{background: #232322; height:608px;}
	  
	  .boxmap { padding: 5% 5% 0% 5%; height:auto; margin-top:-1px;}   
	  


	  .header-section .logo {
		padding-left: 0px;  margin-top:0; width:100%; z-index:2;}
	  .header-section.transp.two {background-color: #fff; }
	  /*.header-section.transp.two {background-color: rgba(255,255,255,0.5); }*/

	  
	.titlem {text-align:center; font-size:35px; font-weight:700; color:#201330; margin-bottom:15px; margin-top:15px;}
	.titlemw {text-align:center; font-size:35px; font-weight:700; color:#fff; margin-bottom:15px; margin-top:15px;}

	
	/*�����߰�Ÿ��Ʋ ���� ��*/
	.titlesm {text-align:center; font-size:17px; font-weight:400; color:#1e112e; line-height:25px;margin-bottom:20px;}
	.titlesmw {text-align:center; font-size:17px; font-weight:400; color:#fff; line-height:25px;margin-bottom:20px;}
	

	


  }  

	

  
/* -----------------------�׺��� ũ�� ���� ---------------------------*/  
  
  @media only screen and (max-width: 768px){
  .header-section .logo {width:80%; margin-left:15px; z-index:9999; padding-top:8px;}
  
  	.background-blog {background: #201330 url(/images/m-img/bg-infom.jpg) no-repeat center top;
	  padding:0% 0% 15% 0%;
	  }
  
  
	  .title {text-align:center; font-size:35px; font-weight:500; color:#000; letter-spacing:-2px; padding-bottom:0px; }
	  .title span{font-size:25px;}
	  
	  h2 { font-size: 23px;}
	  h3 { font-size: 20px;} 
	  h4 { font-size: 16px;}
	  h5 { font-size: 17px;}
	  h6 { font-size: 16px;}
	  p { font-size: 16px;}
	 .ps{font: 16px 'Gyeonggi_Batang_Regular', sans-serif;
	  font-weight: normal;
	  line-height: 22px;}


	  .slider-margin-top { margin-top:0; }
	  
	  .hover-shadow-color-big {padding:6%; height:auto; }
	  .hover-shadow-color {padding:6%;}
  	  
	  .tps{font-size: 24px;}
	  .tms{font-size: 14px;}	 
	  .tmsb{font-size: 16px;} 
	  
	  
	  /*�ָ޴� ����*/
	  .header-section {opacity:1 !important;}  	
	  
	  .bagc1 .imgs{height:70px; width:50px;}
	  .bagc3 .imgs{height:70px; width:50px;}
	  
  
	  .logo  {	height:80px; }
	  .topicon{ float:right; margin-top:0px; }
	  
	  .teambox1{background: #363634; height:auto; }
	  .teambox2{background: #232322; height:auto;}
  


	
	/*�����߰�Ÿ��Ʋ �߰�ũ�� ��*/
	.titlej {text-align:center; font-size:25px; font-weight:700; color:#201330; line-height:30px; margin-bottom:20px; margin-top:20px;}
	.titlejw {text-align:center; font-size:25px; font-weight:700; color:#fff; line-height:30px; margin-bottom:20px; margin-top:20px;}
	
	 .mainpadding{padding:8% 2%;}
	 
	 .barmargin{margin-bottom:10px;}
	 .bar2margin{margin-bottom:30px;}
	 
	 
 	  p {font: 17px 'Gyeonggi_Batang_Regular', sans-serif;line-height: 23px;}  
     .ps{font: 16px 'Gyeonggi_Batang_Regular', sans-serif; line-height: 23px;}	  
	  ol, ul, li {font: 15px 'Gyeonggi_Batang_Regular', sans-serif; line-height: 22px;}
	  
	  


	.infobox1{background: #201330; padding:25px 5px 5px 5px; height:auto; border:2px solid #00b287;  }
	.infobox2{background: #00b287; padding:25px 5px 5px 15px; height:290px; border:2px solid #10b287;  }	
  
  }
  
  
/* -----------------------����� ũ�� ���� ---------------------------*/  

  
  @media only screen and (max-width: 420px){
   
	
	 h2 { font-size: 20px;}
	 
    .copybut{font:  16px 'Gyeonggi_Batang_Regular', sans-serif; padding:6px 20px; margin:3px;}


	 
	  p {font: 16px 'Gyeonggi_Batang_Regular', sans-serif;line-height: 20px;}  
     .ps{font: 15px 'Gyeonggi_Batang_Regular', sans-serif; line-height: 20px;}	  
	  ol, ul, li {font: 14px 'Gyeonggi_Batang_Regular', sans-serif; line-height: 22px;}
	  
	  .blogbox2{background: #fff; padding:5px 15px 15px 15px; height:140px; }
	  
	  .background-sub1, .background-sub2, .background-sub3 {padding: 15% 0%  15% 0%;}
	  
	.wtx1{font:20px 'Noto Sans KR', sans-serif; font-weight: 300; color:#fff; text-align:center;}
	.wtx2{font:15px 'Noto Sans KR', sans-serif; font-weight: 300; color:#fff; text-align:center;}
	.wtx3{font:19px 'Noto Sans KR', sans-serif; font-weight: 500; color:#fff; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; padding:4px; display:inline-block; }
	.wtx4{font:35px 'Noto Sans KR', sans-serif; font-weight: 700; color:#fff; text-align:center; margin-bottom:20px;}
	
  }
  


  /* 20190507 �߰�
  
  .header-section ul li.mega-menu  > ul {
	  background-color:#fff;
  }
  
  
  
  .header-section ul li > ul {
	  background:none;
  }
  
  .header-section ul li > ul li  {
	  background-color:#fff;
	  border-bottom:0px;
  }
  
  .header-section ul li.mega-menu  > ul li{
	  background:none;
	  border-right:0px;
  }
  
  
  .header-section ul li ul li a {
	  color: #555;
   
  }
  
  
  .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}
  
  
@media screen and (max-width: 768px){

	.foot3 {
		display: block;
	}

	.foot3 {
		text-align: center;
		background: #201330;
		padding: 0px 10px 0 0px;
		height: 50px;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 200;
	}
	
	.foot3 img{
		margin:0% 1%;
	}

	.ukbanner{
		display: none;
	}


	#map {
		height:400px !important;
	}
}


@media screen and (min-width: 769px){
	.foot3 {
		display: none;
	}
}



@media only screen and (min-width: 1001px){

	#menu {width:60%;position:relative;z-index:99999}
	
	#menu>ul {
			text-align:center;
			margin:0 auto;
			width:100%;
			height:100%;
			padding:0;
	}
		
	#menu>ul>li {
			display:inline-block;
			text-align:center;
			position:relative;
			
			margin:0;
			width:25%;
			height:100%;
	}
		
    /*.navbar-nav>li {float:none}*/
    

    .header-section ul li ul.dm-align-2 {
        width: 100% !important;
        margin-top: 14px !important;
	}
	



    .header-section ul li ul {
        opacity: 0.9;
        max-height: 0px;
        overflow: hidden;
    }

    .header-section ul li ul {
        position: absolute;
        top: 100%;
        left: 0 !important; 
        margin-left: 0px !important; 
        background: #fff;
        width: 100% !important;
        
        /*
        -webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        -moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        */
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .header-section ul {

        margin: 0 0 0 0 !important;  
   }


    .minh-200{
        min-height:200px !important;
    }



	.header-section .container {
		max-width: 1500px !important;
		width: auto;
	}



	.subbg{
		position: absolute;
		height:200px;
		background-color:#fff;
		z-index:1;
		display:none;
		opacity:0.99;
		width:100%;

	}


	.navbar-fixed-top {
		background:#fff !important;
	}
	



	.rb_board {
		width:900px;
		margin:0 auto;
	}


}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .header-section ul li ul.dm-align-2 {
        margin-top: 13px !important;
	}
}





@media only screen and (max-width: 1000px){
	.header-section #menu {
		padding-top: 0px; 
		margin: 0 0 !important;
	}

    
    
    .header-section.big  {	
    border-bottom:0px #eee solid;
     }

}




   
#masterslider2 {
	display: none !important;
}


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

}




.header-section ul li ul {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
}





  



.main-content {
    position: relative;
}



  .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: 10%;
  }

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


 


.item-img-wrap {
	position: relative;
	
	overflow: hidden;
  }
  
  .item-img-wrap img {
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	width: 100%;
  }
  
  .item-img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  }

  
  .item-img-wrap:hover .item-img-overlay span {
	opacity: 1;
  }
  
  .item-img-wrap:hover img {
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }




 .mbox {position:relative;}
/*
 #masterslider1 {position:fixed;}
 #masterslider2 {position:fixed;}
*/
 .blogbox .icon_group {
	 position: absolute;
	 top: 12px;
	 left: 12px;
    z-index: 1;
    width: 36px;
 }

 .icon_sns_f {
    width: 28px !important;
    height: 28px !important;
    background-position: -26px -8px !important;
}

.icon_sns_n {
    width: 28px !important;
    height: 28px !important;
    background-position: -94px -66px !important;
}

.icon_sns_y {
    width: 28px !important; 
    height: 28px !important;
    background-position: -94px -96px !important;
}

.icon_sns_t {
    width: 28px !important;
    height: 28px !important;
    background-position: -162px -8px !important;
}

.icon_sns_k {
    width: 28px !important;
    height: 28px !important;
    background-position: -162px -38px !important;
}

.icon_sns_b {
    width: 28px !important;
    height: 28px !important;
    background-position: -128px -130px !important;
}

.icon_sns_i {
    width: 28px !important;
    height: 28px !important;
    background-position: -164px -128px !important;
}

.icon_group i {
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: top;
    background: url(/EZ/modules/sns/images/sns01.png) no-repeat 0 0;
}


@media screen and (min-width:1300px) {
	.chansplan_img {height:296px}
}

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

	.chansplan_img {height:262px}

}

@media screen and (min-width:990px) and (max-width:1199px) {
 
	.chansplan_img {height:212px}

}



.chansplan_img, .chansplan_img2 {width:100%;}
.item-img-wrap {
	background-color:#26303a;
}


.footdiv{position:relative;}

.chansbullet .ms-bullet {

    width: 25px;
    height: 10px;
    background: url(/EZ/TP/common/js/masterslider/skins/default/light-skin-3.png) no-repeat;
    margin: 4px;
	background-position: -34px  -117px;
}


.chansbullet .ms-bullet-selected {
    background-position: -34px -84px;
}



.rb_board>li>a, .rb_board>li>a:focus {
    color: #555 !important;
	font-size:18px;
	background-color:inherit  !important;
}

.rb_board>li.active>a, .rb_board>li.active>a:focus {
    color: rgb(71, 49, 122) !important;
	font-size:18px;
	background-color:inherit  !important;
}


.pagination > li > a, .pagination > li > span {
	background-color:inherit  !important;
	color: #555 !important;
	font-size:14px;
}

.pagination > li.active > a, .pagination > li.active > span {
	background-color:inherit  !important;
	color: rgb(71, 49, 122) !important;
	font-size:14px;
}




.imghoverzoom .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.75);
    transform: scale(1) !important;
    background-color: rgba(29,32,37,0.9);
    opacity: 0.9;
}


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

 .owl-carousel button.owl-dot {
    /*margin-left: 5px;
	margin-right: 5px;
	font-size:40px;
	color:#FFFFFF;*/
	margin-top:.5rem;
}


.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
 /* background-color: rgba(255, 255, 255, .1); *//* ������ ��� */
  color: #a9a9a9;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  font-size:5rem;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent !important; /* ������ ��� */
  color: #a9a9a9;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  font-size:5rem;
}

.owl-carousel .owl-nav button.owl-prev {
	left: 0rem;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: 0rem;
	}
@media (min-width: 1300px){
	.owl-carousel .owl-nav button.owl-prev {
	left: -3rem;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: -3rem;
	}
}


.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: "Font Awesome 5 Free";
}
  .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;
	}

  }
  
  

    
  .caption {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    color: #333;
}