@font-face {
    font-family: 'GmarketSans';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFBold.woff2) format('woff2'),
         url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFBold.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFMedium.woff2) format('woff2'),
         url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFMedium.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFLight.woff2) format('woff2'),
         url(https://fastly.jsdelivr.net/gh/webfontworld/GyeonggiBatang/GyeonggiBatangTTFLight.woff) format('woff');
    font-display: swap;
}


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



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

	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: 17px 'GyeonggiBatang', sans-serif;
	  font-weight: 400;
	  line-height: 28px;
	  color:#333;
  }
  
  .ps{
	  font: 16px 'GyeonggiBatang', sans-serif;
	  font-weight: normal;
	  line-height: 23px;
  }
  
  ol, ul, li {
	  font: 16px 'GyeonggiBatang', sans-serif;
	  font-weight: normal;
	  line-height: 22px;
	  list-style-type:none;
  }
  


  h1, 
  h2,
  h3,
  h4,
  h5,
  h6 {
	  font-family: 'GyeonggiBatang', sans-serif;
  }
  
   
  .tx1{
	  font: 35px 'GyeonggiBatang', sans-serif;
	  font-weight: normal;
	  line-height: 40px;
  }
  
  .tx2{
	  font: 30px 'GyeonggiBatang', sans-serif;
	  font-weight:normal;
	  line-height: 35px;
  }
  
  .tx3{
	  font: 20px 'GyeonggiBatang', sans-serif;
	  font-weight:normal;
	  line-height: 30px;
  }
  
/* -----------------------»ó´Ü±âº»---------------------------*/
  
#menu{height:100px;}

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

/*ÁÖ¸Þ´º ±Û¾¾ Å©±â*/
.header-section ul li .menu_big {
  font-size: 17px;
  font-weight: 600;
  margin-right:10px; 
  /*margin-left:20px;*/
  margin-top: 10px;
  color: #60524b;
  text-transform:none;
}


.header-section ul li a {
padding: 30px 10px;
}

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

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

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




/*ÁÖ¸Þ´º 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 15px ;}
  
.header-section ul li ul li a:hover {
	/*border:1px red solid;*/
	margin-left:0px;	
	color: #fff;
	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: #FFFFFF;
  
} 


.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: 5% 0%  5% 0%;
	background: #333  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	background-size: cover;
}
.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:#6950a1; letter-spacing:-1px; padding-top:15px; margin-bottom:30px;}
	.titlemw {text-align:center; font-size:55px; font-weight:700; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:30px;}	
	.titlemc {text-align:left; font-size:55px; font-weight:700; color:#ffffff; letter-spacing:-1px; padding-top:15px; margin-bottom:30px;}
	.titlemy {text-align:center; font-size:55px; font-weight:700; color:#fff200; letter-spacing:-1px; padding-top:15px; margin-bottom:30px;}	
	
	/*¸ÞÀÎÁß°£Å¸ÀÌƲ ¹ØÀÇ ±Û*/
	.titlesm {text-align:center; font-size:25px; font-weight:400; color:#6950a1; line-height:35px;margin-bottom:30px;}
	.titlesmb {text-align:center; font-size:25px; font-weight:400; color:#000; line-height:35px;margin-bottom:30px;}
	.titlemsw {text-align:center; font-size:25px; font-weight:400; color:#fff; line-height:35px; margin-bottom:30px;}
	.titlemsy {text-align:center; font-size:25px; font-weight:400; color:#fbf44e; line-height:35px; margin-bottom:30px;}
	
	/*¸ÞÀÎÁß°£Å¸ÀÌƲ Áß°£Å©±â ±Û*/
	.titlej {text-align:center; font-size:35px; font-weight:700; color:#6950a1; line-height:35px;margin-bottom:30px;}
	.titlejw {text-align:center; font-size:35px; font-weight:700; color:#fff; line-height:35px;margin-bottom:30px;}
	
	.barmargin{margin-bottom:40px;}
	.bar2margin{margin-bottom:80px;}
	
	

  
    /* ÆùÆ®»ö°ü·Ã */  
  .txn{color: #115d4d;} /* ¼­ºê °­Á¶»ö 1 */ 
  .txc{color: #f0907a;} /* ¼­ºê °­Á¶»ö È帰 */ 
  .txp{color: #695d56;} /* ¼­ºê °­Á¶»ö 2 */ 
  .txb{color: #000;}	/* ¼­ºê °ËÁ¤»ö */ 
  .txw{color: #fff;}	/* ¼­ºê Èò»ö */ 
  .txg{color: #c8c1ba;}	/* ¼­ºê ȸ»ö */ 
  .txsmall{font-size: 17px;}


  .more {margin-top:-10px; float:left; margin-left:10px;}
  
  
    /* ¼­ºêÁß°£Á¦¸ñ */
  .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:3% 2%;}

   .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;}
   .margin-left19{margin-left:190px;}
   
   .subpadding{padding:8% 2%;}
   
   
   	.tps{font-size: 20px; font-weight:500; margin-bottom:20px;} 
	.tmsb{font-size: 50px; font-weight:500; letter-spacing:8px;} 
	
	
	.bb{border:1px solid #e5e3e1;}
	.newsbox{background-color:#d4cec9; height:100%}
	.newsbox:hover{background-color:#bdb4ad;}
	.day{
    width: 100px;
    height: 100px;
    background: #f0907a;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
	padding-top:15px;
}
	
 
 
 
 /* -----------------------¼±°ú¹öÆ°---------------------------*/
  
  
  /* hr ¶óÀΰü·Ã */
  hr.line {float: center; width:30px; border: 0; height: 2px; background: #6950a1; 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.linesub1 {
    margin: 0 auto;
    width: 3px;
    border: 0;
    height: 130px;
    background: #115d4d;
    margin-bottom: 20px;
    margin-top:-80px;
	position:relative;
    z-index: 9999;
}

  hr.linesub2 {
    margin: 0 auto;
    width: 3px;
    border: 0;
    height: 130px;
    background: #f0907b;
    margin-bottom:-80px;
    margin-top:20px;
	position:relative;
    z-index: 9999;
} 

  
  hr.time2 {width:100%; border: 0; height: 2px; background: #6950a1; 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.linefull {width:100%; border: 0; height: 1px; background: #6950a1; margin-top: 0px; margin-bottom: 0px;}
  hr.lineblackbs {float: left; width:100%; border: 0; height: 2px; background: #000;}  

  
  .gobut{
	  color: #fff;
	  font:  15px 'GyeonggiBatang', 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-info {
	  background: #fff url(/images/bg-01.jpg)repeat right top;;
	  /*background-size:cover;*/
  	} 
	
	.background-view {
	  background: #fff url(/images/bg-02.jpg)repeat left top;;
	  /*background-size:cover;*/
  	} 
	
	.background-map {
	  background: #fff url(/images/bg-map.jpg)50% 0 no-repeat fixed;
	  background-size:cover;
  	} 
	
	.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-bg {background:#FFF;}
 
/* -----------------------¼­ºñ½º ---------------------------*/ 
  
    .background-service {
	  background: #6950a1 url(/images/m-service/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  } 
  
  	.servicetbox{
	width:100%;
	text-align: center;
	padding:30px 35px;
	background: #fff;
	border-radius:40px;
	border:3px solid #fff;
	height:394px;
	}
	.servicetbox h4{font-size:30px;font-weight: 400; color:#2b2670; text-align:center; margin-top:20px; }
	.servicetbox p{font-size:19px;font-weight: 300; color:#555; text-align:center;  margin-top:40px;}
	
	.servicetbox:hover {
    box-shadow: inset 0px -400px 0px 0px #fdfabe;
	border:3px solid #fdfabe;
	}
	

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

    .blogbox.on {border-color:#6950a1;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: #6950a1;
    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: #6950a1 url(/images/m-contact/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;}
	.infobox1{background: #6950a1; 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 'GyeonggiBatang', 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: #382f2d;}
	  
  .copytx{
	  font: 17px 'GyeonggiBatang', sans-serif;
	  color: #acabad;
	  font-weight:400;
	  line-height: 26px;
	  margin-bottom:10px;}
	  
 .copytxs{
	  font: 16px 'GyeonggiBatang', sans-serif;
	  color: #8a7f7d;
	  font-weight:600;
	  line-height: 26px;}
	  
  .copytxa{color: #acabad;}
  .copytxa:hover {color: #fff;}
  
  

  .copybut{
	  color: #666;
	  font:  18px 'GyeonggiBatang', 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 'GyeonggiBatang', sans-serif; padding:6px 20px; margin:3px;}
	  
  }	  
	  
@media only screen and (max-width: 1000px){


	.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 #237463;}
	
	.header-section {padding-bottom: 0px;}
	
	.header-section #menu > ul li a {color: #1d2025; padding: 5px 20px 12px 20px; }
	
	.header-section #menu > ul {background: #115d4d; 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:#115d4d !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:100;}
	

	    .header-section.transp.two {
        background-color: #fff;
    }
	
	  .containermain {width:100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}


  }  

	

  
/* -----------------------Å×ºí¸´ Å©±â ¼³Á¤ ---------------------------*/  
  
  @media only screen and (max-width: 768px){
	  .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: 17px;}
	  p { font-size: 17px;}
	 .ps{font: 16px 'GyeonggiBatang', sans-serif;
	  font-weight: normal;
	  line-height: 22px;}
	  
	    .tx1{
	  font: 30px 'GyeonggiBatang', sans-serif;
	  font-weight: normal;
	  line-height: 40px;
  }
  
  .tx2{
	  font: 25px 'GyeonggiBatang', sans-serif;
	  font-weight:normal;
	  line-height: 35px;
  }
  
  .tx3{
	  font: 20px 'GyeonggiBatang', sans-serif;
	  font-weight:normal;
	  line-height: 30px;
  }


	  .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;  padding-top: 10px;}
	  .topicon{ float:right; margin-top:0px; }
	  
	  .teambox1{background: #363634; height:auto; }
	  .teambox2{background: #232322; height:auto;}
  
     /*¸ÞÀÎÁß°£Å¸ÀÌƲ*/
	.titlem {text-align:center; font-size:35px; font-weight:700; color:#6950a1; letter-spacing:-1px; padding-top:15px; margin-bottom:20px; margin-top:20px;}
	.titlemw {text-align:center; font-size:35px; font-weight:700; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:20px; margin-top:20px;}	
	.titlemc {text-align:left; font-size:35px; font-weight:700; color:#ffffff; letter-spacing:-1px; padding-top:15px; margin-bottom:20px; margin-top:20px;}
	.titlemy {text-align:center; font-size:35px; font-weight:700; color:#fbf44e; letter-spacing:-1px; padding-top:15px; margin-bottom:20px; margin-top:20px;}	
	
	/*¸ÞÀÎÁß°£Å¸ÀÌƲ ¹ØÀÇ ±Û*/
	.titlesm {text-align:center; font-size:20px; font-weight:400; color:#3e2e6d; line-height:25px;margin-bottom:20px;}
	.titlesmb {text-align:center; font-size:20px; font-weight:400; color:#000; line-height:25px;margin-bottom:20px;}
	.titlemsw {text-align:center; font-size:20px; font-weight:400; color:#fff; line-height:25px; margin-bottom:20px;}
	.titlemsy {text-align:center; font-size:20px; font-weight:400; color:#fbf44e; line-height:25px; margin-bottom:20px;}
	
	/*¸ÞÀÎÁß°£Å¸ÀÌƲ Áß°£Å©±â ±Û*/
	.titlej {text-align:center; font-size:25px; font-weight:700; color:#6950a1; 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 'GyeonggiBatang', sans-serif;line-height: 23px;}  
     .ps{font: 16px 'GyeonggiBatang', sans-serif; line-height: 23px;}	  
	  ol, ul, li {font: 15px 'GyeonggiBatang', sans-serif; line-height: 22px;}
	  
	  


	.infobox1{background: #6950a1; 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 'GyeonggiBatang', sans-serif; padding:6px 20px; margin:3px;}

	 .titlem {text-align:center; font-size:34px; font-weight:500; color:#6950a1; letter-spacing:-1px; padding-top:15px; margin-bottom:15px;}
	 .titlemw {text-align:center; font-size:34px; font-weight:500; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:15px;}
	 .titlemc {text-align:left; font-size:34px; font-weight:500; color:#ffffff; letter-spacing:-1px; padding-top:15px; margin-bottom:15px;}
	 .titlesm {text-align:center; font-size:16px; font-weight:400; color:#000; line-height:21px;margin-bottom:20px;}
	 .titlemsw {text-align:center; font-size:16px; font-weight:400; color:#fff; line-height:21px; margin-bottom:20px;} 
	 
	  p {font: 16px 'GyeonggiBatang', sans-serif;line-height: 20px;}  
     .ps{font: 15px 'GyeonggiBatang', sans-serif; line-height: 20px;}	  
	  ol, ul, li {font: 14px 'GyeonggiBatang', 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%;}
	
  }
  


  /* 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: #203a71;
		padding: 5px 10px 0 10px;
		height: 80px;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 200;
	}
	
	.foot3 img{
		margin:0% 4%;
	}

	.ukbanner{
		display: none;
	}


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


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



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

	.header-section{
		position: sticky !important;
		background:#FFFFFF;
	}

	#menu {width:70%;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;
			
			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%;

	}



}



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





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


.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:relative;}
 #masterslider2 {position:relative;}

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




.profile li {
	font: 18px 'GyeonggiBatang', sans-serif;
	font-weight: normal;
	line-height: 36px;
	list-style-type:none;
}






.pf_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    list-style:none;
}


.pf_list-item {
    width: 33%;
    display:inline-block;
}



@media only screen and (max-width: 768px){
	.pf_list {
		flex-direction: column;
	}
	.pf_list-item {
		width: 100%;
	}
}