@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url(/EZ/TP/common/css/font/NanumGothic-Regular.eot);
  src: url/EZ/TP/common/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/EZ/TP/common/css/font/NanumGothic-Regular.ttf) format('truetype');
}

@media (min-width: 1200px){
.container {width: 1260px;}
}

p {
	font: 15px 'NanumGothic', sans-serif;
	font-weight: normal;
	line-height: 26px;
}

/* -----------------------»ó´Ü±âº»---------------------------*/

/*top¸Þ´º»ö*/
.bar-color-top {background: #252121; height:5px; }

.bg-color-top {height:40px;  margin-top:5px;}

.bg-color-top a{
	font-size:12px;
	font-weight: 700;
	color:#8eb1df;
	margin-left:5px;
	
	border:1px solid #578ad1;
	padding:2px 5px;
	
}

.bg-color-top a:hover {
	font-weight: 700;
	color: #fff;
	border:1px solid #578ad1;
	padding:2px 5px;
}

.top2 a{
	font-size:12px;
	font-weight: 700;
	color:#ff7929;
	margin-left:5px;
	background: #fff2ea;
	border:1px solid #ff7929;
	padding:2px 5px;
	
}

.top2 a:hover {
	font-weight: 700;
	color: #ff7929;
	background: #fffd67;
	border:1px solid #ff7929;
	padding:2px 5px;
}



.padding-top50 {
    padding-top: 4px;
    padding-bottom: 7px;
}

.padding-top150 {
    padding-top: 15px;
    padding-bottom: 15px;
}


/* »ó´Ü ·Î°í µé¾î°£ ¹ÙÅÁ  */
.top_bg{background:url(/images/munu-bg.jpg) repeat-x ;
  height:120px;}
  
.bglogo{background:url(/images/munu-bg-logo.jpg) no-repeat center top ;
  height:120px;}
  
  
/* ¸Þ´º ¹ÙÅÁ »ö */
.header-section {
  font-family: 'NanumGothic', sans-serif;
   background: transparent;
   height:70px;

}

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

/*.header-section .nav{margin-top:17px;}*/

@media only screen and (min-width: 1001px){
	#menu {margin-top: 5px;   padding-left:40px ;}
	.mrh_mphoto1{width:559px;height:366px}

}


/*ÁÖ¸Þ´º 2Â÷ ¸Þ´ºÅ©±â*/
.header-section.big ul li {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-align: left;

}

.header-section ul li.menu-icon {
    font-size: 1em;
    padding: 10px 0 0 13px;
  }



/*ÁÖ¸Þ´º 1Â÷ ¸Þ´ºÅ©±â*/
.header-section.big li span{
	font-size: 18px
	
    /*color: #fff;*/
}

/*ÁÖ¸Þ´º 1Â÷ ¸Þ´º °£°Ý*/
.header-section ul li a {
  color: #fff;
  background: none ;
  padding: 15px 15px ;
  text-decoration: none !important;
}

.header-section ul li a:hover {
  color: #5ea3fb;
  opacity:1 !important;
}

/*ÁÖ¸Þ´º 2Â÷ ¸Þ´º ¿À¹öÈ¿°ú*/


.header-section ul li ul li a:hover {
	/*border:1px red solid;*/
	margin-left:0px;	
	color: #fff;
	background-color:#0349a3 !important;
	opacity:1 !important;
}

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



/* -----------------------¼­ºê±âº»---------------------------*/

/*¼­ºêŸÀÌƲ*/
.title {text-align:left; font-size:37px; font-weight:700; color:#000; letter-spacing:-2px; padding-left:45px; background:  url(/images/title-icon.jpg) no-repeat left top;}
.title span {text-align:left; font-size:35px; font-weight:300; color:#0349a3; letter-spacing:-2px; padding-top:15px;}

/*¼­ºêÅǹöÆ°*/
.sub-tab { margin-top:20px; margin-bottom:20px; margin-left:-5px;}
.sub-tab a {display:inline-block; font-size:15px; color:#555555; font-weight:600; padding:8px 16px; background-color:#ffffff; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
.sub-tab a:hover {display:inline-block; font-size:15px; color:#fff; font-weight:600; padding: 8px 16px; background-color:#0349a3; margin-left:3px;  margin-bottom:5px;}
.sub-tab a.tabon {color:#fff; background-color:#0349a3; }


/* ¼­ºê ¹è°æ À̹ÌÁö */
.background-sub1 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub2 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	background-size: cover;
}

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

.background-sub4 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub5 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img05.jpg) no-repeat center top;
	background-size: cover;
}
.background-sub6 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img06.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub7 {	padding: 80px 0px 80px 0px;
	background: #333  url(/images/sub-img/sub-img07.jpg) no-repeat center top;
	background-size: cover;
}

/* ¼­ºêÁÂÃø¸Þ´ºÀ̹ÌÁö */
.sub_left {position:relative; left:0; width:220px; }
.sub_left .sub_leftbox{width:220px; height:150px; background:#0349a3 url(/images/left.jpg) no-repeat right top;}
.sub_left .sub_leftbox h3 {text-align:center; font-size:26px;  font-weight:700; color:#fff; padding-top:53px; margin-bottom:7px;}
.sub_left .sub_leftbox h4 {text-align:center; font-size:14px;  font-weight:800; color:#8eb1df; }

/* ¼­ºêÁÂÃø¸Þ´º */
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #fff;
  background: #0349a3;
  background: -webkit-linear-gradient(#0349a3, #0349a3);
  background: -moz-linear-gradient(#0349a3, #0349a3);
  background: -o-linear-gradient(#0349a3, #0349a3);
  background: -ms-linear-gradient(#0349a3, #0349a3);
  background: linear-gradient(#0349a3, #0349a3);}


/* ¼­ºêÁ¦¸ñ¹Ù */
hr.line {float: left; width:60px; border: 0; height: 4px; background: #0349a3; margin-bottom:-1px;  margin-top:-15px;}

hr.linemain {float: left; width:100%; border: 0; height: 3px; background: #e9b66f;}

hr.linesub {float: left; width:100%; border: 0; height: 1px; background: #eee;}

/* ¼­ºêÁß°£Á¦¸ñ */
.tx {background: url(/images/tx-bg.jpg) no-repeat left top;}
.tx h4{font-size: 18px; font-weight: 600; color:#333; padding-left:18px;}
.tx h3{font-size: 20px; font-weight: 700; color:#333; padding-left:25px;}
.txsmall{font-size: 14px;}

.txp {background: url(/images/sub01/07-bg.jpg) no-repeat left top; width:150px; height:40px; color:#fff; font-size:18px; font-weight: 700; margin-left:5px; padding:8px 15px;}
.txp2 {background: url(/images/sub01/07-bg2.jpg) no-repeat left top; width:150px; height:40px; color:#fff; font-size:18px; font-weight: 700; margin-left:5px; padding:8px 15px;}
.txp3 {background: url(/images/sub01/07-bg3.jpg) no-repeat left top; width:100px; height:30px; color:#fff; font-size:15px; font-weight: 700; padding:3px 15px;}

.txn{color: #f47320;}
.txb{color: #000;}
.txc{color: #e9b66f;}
.txc span{color: #cfc1ac;}


.letter{letter-spacing:-2px;}


  .copybut{
	  color: #fff;
	  font: 10px ;
	  font-weight: 700; 
	  background: #0349a3;
	  padding:1px 8px;
	  border-radius: 5px;
	  border:3px solid #0349a3;
	  transition: all 0.5s ease;
  }
  .copybut:hover {
	  color: #fff;
	  background: #000;
	  border-radius: 3px;
	  border:3px solid #000;
	  transition: all 0.5s ease;
  }
  

/* ¼­ºê½ºÅ¸ÀÏ À̹ÌÁö¿À¸¥ÂÊ ÅؽºÆ®¹Ú½º */
.rightbox{
	float:right;
	width:100%;
	height:220px;
	color: #fff;
	background: #0349a3;
	padding: 30px 30px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}

.rightbox053{
	float:right;
	width:100%;
	height:200px;
	color: #fff;
	background: #f47320;
	padding: 20px 20px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}

/* ¼­ºê½ºÅ¸ÀÏ À̹ÌÁö¿ÞÂÊ ÅؽºÆ®¹Ú½º */
.leftbox{
	float:left;
	color: #fff;
	background: #0349a3;
	padding: 40px 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}


/* -----------------------¼±°ú¹öÆ°---------------------------*/


/* »ó´Ü ¿ø¹öÆ°*/
i.icon-top {
	color: #fff;
	font-size: 22px;
	background: #23579a;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #23579a;
	border-radius: 100%;
	margin: 0px 5px;
	transition: all 0.3s ease;
}
i.icon-top:hover {
	color: #0a448e;
	border: 1px solid #fff;
	background: #fff;
}

.header-section ul li.righticon {
	position: absolute;
	right: 0;
}
.header-section ul li.righticon a {
	float: left;
	color: #23579a;
	margin: 0px 0px 0px 0px;
	padding-left: 9px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.header-section ul li.righticon a i {
	font-size: 24px;
	width: 40px;
	height: 40px;
	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.righticon a i:hover {
	color: #0a448e;
	border: 1px solid #fff;
	background: #fff;
}

/* Á¡¼±¶óÀÎ*/
hr.lined{border-top: 1px dashed #CCC;}
hr.linered {float:center; width:50px; border: 1px solid #1358bb;}
hr.lineblack { width:100%; border: 0; height: 2px; background: #000;}

hr.linefull {
	width:100%;
	border: 0;
	height: 1px;
	background: #e5e5e5;
}



  /* µµÆ®BG */   
  .dotbg{
	float: left;
	width:100%;
	color: #fff;
	text-align:center;
	background:url(/images/bg-pattern2.jpg) repeat left top;
}




/* ¼ýÀÚ¹öÆ°³×¸ð */
.buttonbox3 {
	color: #fff;
	background: #f47320;
	padding: 7px 9px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 700;
	font-family: 'NanumGothic', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	margin-top:-8px;
}


/* ¼ýÀÚ¹öÆ°¿ø */
.buttonbox2 {
	color: #fff;
	background: #f47320;
	padding: 8px 10px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 700;
	font-family: 'NanumGothic', sans-serif;
	border-radius: 100%;
	margin-top:-8px;
}

/* ¸ð¾î¹öÆ°*/
.button-more {
	float:right;
	color: #fff;
	background: #ccc;
	padding: 4px 14px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.button-more:hover {
	color: #fff;
	background: #1d2025;
}

.buttonvodp {
	color: #fff;
	background: #1358bb;
	padding: 16px 40px;
	border-radius: 3px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.buttonvodp:hover {
	color: #fff;
	background: #000;
}

.sub01bg{
	float: left;
	width:100%;
	color: #fff;
	text-align:center;
	 background:url(/images/sub01/bg.jpg) repeat left top;
}

.border-all-opacity5 {
	border: 3px solid rgba(232,182,111,0.5);
	transition: all 0.3s ease;
	padding:20px 23px 25px 23px;
	background: rgba(255,255,255,0.4);
}

.hover-bgcolor2 {
	transition: all 0.3s ease;
}
.hover-bgcolor2:hover {
	background: rgba(255,255,255,0.8);
}

/*Ä«ÇǹöÆ° */
.button20.sty3 {
	color: #fff;
	padding: 17px 20px;
	border: 1px solid #1358bb;
	background: #1358bb;
	font-weight: 800;
	font-size: 15px;
}
.button20.sty3:hover {
	color: #fff;
	background: #1d2025;
	border: 1px solid #1d2025;
}

/*Ä«ÇÇ */
.bg-color-copy{background: #e4e3e3}
	
.copytx{
	font: 14px 'NanumGothic', sans-serif;
	color: #949494;
	font-weight:600;
	line-height: 23px;;}
	
.copytxa{
	color: #888;}

.button11.sty4 {
	color: #fff;
	background: #a2a2a2;
	padding:10px;
}
.button11.sty4:hover {
	color: #fff;
	background: #000;
}

.button30 {
	color: #fff;
	text-align: center;
	padding: 18px 41px;
	font-weight: bold;
	background: #e67e22;
	border-radius: 3px;
	border:3px solid #e67e22;
	transition: all 0.5s ease;
}
.button30:hover {
	color: #e67e22;
	border:3px solid #e67e22;
}

.button301 {
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	font-weight: bold;
	background: #e67e22;
	border-radius: 3px;
	border:3px solid #e67e22;
	transition: all 0.5s ease;
}
.button301:hover {
	color: #fff;
	border:3px solid #8e3e04;
	background: #8e3e04;
}


.button302 {
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	font-weight: bold;
	background: #e67e22;
	border-radius: 3px;
	border:3px solid #e67e22;
	transition: all 0.5s ease;
	width:100%;
	margin-bottom:10px;
}
.button302:hover {
	color: #fff;
	border:3px solid #8e3e04;
	background: #8e3e04;
}


/* -----------------------¸ÞÀÎ ÇÏ´Ü ---------------------------*/

/* ±ÇÀ¯´ë»ó */
.background-sub013 {
	padding: 80px 50px 80px 50px;
	background: #f9f9f9 url(/images/sub01/03-img-bg.jpg) no-repeat right top;
	background-size: cover;
}

.buttonvodb {
	color: #fff;
	background: #0090ff;
	padding: 16px 40px;
	border-radius: 3px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.buttonvodb:hover {
	color: #fff;
	background: #000;
}

/* ¸ÞÀιè°æ-´º½º */
.background-new {
	background: #f9f9f9 url(/images/mainbg-new.jpg) no-repeat left top;
	background-size: cover;
}


/* ¸ÞÀÎÇÏ´Ü ¸µÅ© */
.background-like {
	background: #f9f9f9 url(/images/mainbg-like.jpg) no-repeat left top;
	background-size: cover;
}

/* -----------------------°¢°¢±âº»---------------------------*/

/* ½Ç½Ã°£ */
.background-onair{	
	padding: 80px 30px 50px 30px;
	background:#f9f9f9 url(/images/sub04/01-bg.jpg?ver=2020) no-repeat left top;

}

.border.brown {
	border: 5px solid #e8c884;
}

/* ¿¬Çõ¹öÆ° */
	
.buttonbox1 {
	color: #022f8a;
	padding-left: 14px ;
	font-size: 30px;
	font-weight: 900;
	font-family: 'NanumGothic', sans-serif;
}

.txhistory {

	font-size: 16px;
	font-family: 'NanumGothic', sans-serif;
}

/* ¼¶±â´Â */
.port-box {
  width: 100%;
  overflow:hidden;
}
.port-box .image {
	width:100%;
	background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
}
.port-box .image.two {
	background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
}
.port-box .image.three {
	background: url(../images/sub01/02-img.jpg) center center; background-size: 100%;
	transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -webkit-transition: all 5s ease; -o-transition: all 5s ease;
}


/* ¿¹¹è½Ã°£ */
.parallax18 {
	padding: 0px 0 0px 0;
	background: #333 url(../images/sub01/03-img.jpg) 50% 0 no-repeat fixed;
}

.opacity-color {
	background: rgba(130,65,27,0.8);
}


/* ¼­ºêÇ¥ */
.tablessub table {
    width:100%;
}
.tablessub table, .tablessub th, .tablessub td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 5px 10px;
	
	background-color: #fff;
}
.tablessub th {
    background-color: #0349a3;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}
.tablessub .cw{
    background-color: #fff;
    color: #666;
	font-weight: 400;
	text-align: left;
}

.tablessub .bus1{
    background-color: #346053;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}

.tablessub .bus2{
    background-color: #548dd0;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}

.tablessub .bus3{
    background-color: #ac1a2f;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}

.tablessub .gray{
    background-color: #333;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}


.tablessub .cg{
    background-color: #f6f6f6;
    color: #666;
	font-weight: 700;
	text-align: center;
}


/*  ǥ */
.tables02 table {width:100%;}

.tables02 table, .tables02 th, .tables02 td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 5px 5px;	
	text-align: center;
	font-size: 14px;
	vertical-align:middle;
	background-color: #fff;
}
.tables02 th {
    background-color: #0349a3;
    color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 800;
}

.tables02 td:first-child {
    background-color: #f6f6f6;
    color: #666;
	font-weight: 700;
	text-align: center;
}





.background-sub0102 {
	padding: 140px 30px 140px 30px;
	background: url(/images/sub01/02-img.jpg) no-repeat center top ;
	height:450px;

}


.background-sub0405 {
	padding: 40px 30px 50px 30px;
	background: url(/images/sub04/05-bg.jpg) no-repeat center top;
	

}








/* ´ãÀÓ¸ñ»ç ¼Ò°³ */

.sub01bg{
	float: left;
	width:100%;
	color: #fff;
	text-align:center;
	background:url(/images/sub01/01-bg.jpg) repeat left top;
}



/* ±³È¸¼Ò°³ °ãÄ¡´Â ¿ø */
.fusectionvision { 
	width:100%;
	text-align:center;
}
.fusectionvision .circle-box1 {
	/*float: left;*/
	display:inline-block;
	width: 200px;
	height: 200px;
	padding: 60px 10px 30px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #1358bb;
	margin-left: -30px;
}
.fusectionvision .circle-box2 {
	/*float: left;*/
	display:inline-block;	
	width: 200px;
	height: 200px;
	padding: 60px 10px 30px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #777;
	margin-left: -30px;
}

.fusectionvision .circle-box3 {
	/*float: left;*/
	display:inline-block;	
	width: 280px;
	height: 280px;
	padding: 70px 20px 30px 20px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #003399;
	margin-left: -30px;
}

/* ±³È¸¼Ò°³¿µ»ó À̹ÌÁö */
.background-video{
	padding: 150px 0px 150px 0px;
	background: url(/images/sub01/02-video.jpg) no-repeat center top;
	background-size: cover;
}

/* ¿¬Çõ»çÁø*/
.img-hover-text6 {
    position: relative;
	background: #1d2025;
}
.img-hover-text6 img {
    display: block;
	background: #000;
	opacity: 0.5;
	transition: all 0.3s ease;
}
.img-hover-text6:hover img {
	opacity: 0.9;
}
.img-hover-text6 .btext {
    position: absolute;
    top: 90px;
    left: 20px;
    right: 20px;
	bottom: 10px;
	padding: 12% 5% 5% 5%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
}
.img-hover-text6:hover .btext {
    top: 80px;
}


/* ¼¶±â´ÂºÐ ÀÛÀº¹Ú½º */
.box-man {
	border: 1px solid #ddd;
    overflow: hidden;
}

/* ¿¹¹è½Ã°£Ç¥ */
.tablestime table {width:100%;}

.tablestime table, .tablestime th, .tablestime td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 7px 10px;	
	font-size: 15px;
	background-color: #fff;
}
.tablestime th {
    background-color: #333;
    color: #fff;
	padding: 7px 15px;	
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}
.tablestime td:first-child {
    background-color: #f6f6f6;
    color: #222;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}


/*½Ã¼³¾È³»*/
.photo-hover-text {
    position: relative;
	margin-bottom:40px;
}
.photo-hover-text img {
    display: block;
}

.photo-hover-text h6{color:#fff;}

.photo-hover-text .btext {
    position: absolute;
	width:100%;
    /*bottom: -10px;
    left: 10px;
    right: 10px;*/
	padding: 2% 3% 3% 3%;
    text-align: center;
	background:url(/images/bar-bg.jpg) repeat left top;
}


/*------------------------´ÙÀ½¼¼´ë---------------------------*/


/* ±³È¸Çб³ »ó´Ü¹Ú½º */
.edu-tx1{color:#6d080a;}
.bg-color-edu1{background:#aa0c10;}
.bg-color-edu2{background:#8c080b;}
.bg-color-edu3{background:#6b0506;}
.bg-color-edu0{ border:#ccc 1px solid; }




/*------------------------µå¸²À§ û³âºÎ---------------------------*/

.man-shadow {
	padding: 10px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}

/* ºñÀü¹è°æ*/
.background-vision1 {
	padding: 50px 15px 50px 30px;
	background:#9ecbe2 ;
}

.background-vision2 {
	padding: 50px 15px 50px 30px;
	background:#cec7bd ;
}

.background-vision3 {
	padding: 50px 15px 50px 30px;
	background:#cfcfcf ;
}


/*------------------------ȫõ¼ö¾ç°ü---------------------------*/

.hover-shadow-color {
	background-color: #f6f6f6;
	color: #666;
	transition: all 0.5s ease;
}
.hover-shadow-color:hover {
	box-shadow: inset 0 -430px 0 0px #f58220;
	color: #fff;
}


/* ÀÌ¿ë¾È³»Ç¥ */
.tablesinfo table {width:100%;}

.tablesinfo table, .tablesinfo th, .tablesinfo td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 7px 20px;	
	background-color: #fff;
	color: #222;
	vertical-align: middle;

}
.tablesinfo th {
    background-color: #073e91;
    color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	
}
.tablesinfo .b1{ background-color: #cae5f9; color: #444; font-weight: 700; font-size: 17px;}
.tablesinfo .s1{ background-color: #e4f3fe; }

.tablesinfo .b2{ background-color: #fff2b0; color: #444; font-weight: 700; font-size: 17px;}
.tablesinfo .s2{ background-color: #fffae3; }

.tablesinfo .b3{ background-color: #d4efdf; color: #444; font-weight: 700; font-size: 17px;}
.tablesinfo .s3{ background-color: #e6f5ec; }





/* ´ÙÀ½¼¼´ë ¼¶±â´ÂÇ¥ */
.tablesman table {
    width:100%;
}
.tablesman table, .tablesman th, .tablesman td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 6px 12px;
	
	background-color: #fff;
}
.tablesman th {
    background-color: #777;
    color: #fff;
	text-align: center;
}



/* ºñÀü ¹è°æ À̹ÌÁö */
.background-vision {
	padding: 100px 0px 100px 0px;
	background: #333 url(/images/bg-vision2.jpg) 50% 0 no-repeat fixed;
}



/* -----------------------¸ÞÀÎ ÇÏ´Ü ---------------------------*/

.button10 {
	color: #fff;
	font-size: 13px;
	padding: 6px 20px;
	border-radius: 20px;
	transition: all 0.3s ease;
}
.button10:hover {
	color: #1d2025;
	background: #f47320;
	border: 1px solid #f47320;
}
.button10.sty2 {
	color: #fff;
	background: #f47320;
	border: 1px solid #f47320;
}
.button10.sty2:hover {
	color: #fff;
	background:#fd4302;
	border: 1px solid #fd4302;
}


/* ¸ÞÀÎÇϴܾÆÀÌÄÜ ¹è°æ */
.background-main{
	padding: 40px 0px 50px 0px;
	background:url(/images/mainbg.jpg) repeat;
}


.line-height{line-height:26px;}

/* ¸ð¾î¹öÆ°*/
.button_more {
	float:right;
	color: #ccc;
	background: #fff;
	padding: 2px 7px 2px 7px;
	border:1px #ccc solid;
	font-size: 20px;
	font-weight: 400;
}
.button_more:hover {
	color: #fff;
	background: #0349a3;
}

/* ¸ÞÀιè³ÊBG»ö */
.bg-color-main{background: #000;}
.bg-color-main-t1{background: #fff;}
.bg-color-main-t2{background: #dcecf7;}


.img-hover-text11 img {
	opacity: 1;
    display: block;
	transition: all 0.5s ease;
	opacity: 1;
}

.img-hover-text11.sty4 .distext{
	left: 20px;
    right: 20px;
	top: 80px;
}
.img-hover-text11.sty4:hover .distext{
	top: 60px;
}

.img-hover-text11.sty4 .distext2 {
    opacity: 0;
    position: absolute;
	left: 20px;
    right: 20px;
	bottom: 0px;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	
	transform: scale(0.5);
}
.img-hover-text11.sty4:hover .distext2 {
    opacity: 1;
	transform: scale(1);
}





.img-hover-text6 {
    position: relative;
	background: #1d2025;
}
.img-hover-text6 img {
    display: block;
	background: #000;
	opacity: 0.59;
	transition: all 0.3s ease;
}
.img-hover-text6:hover img {
	opacity: 0.27;
}
.img-hover-text6 .btext {
    position: absolute;
    top: 90px;
    left: 0px;
    right: 0px;
	bottom: 50px;
	padding: 12% 5% 5% 5%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
}
.img-hover-text6:hover .btext {
    top: 80px;
}
.img-hover-text6.sty2 .btext {
    top: 45px;
}
.img-hover-text6 .distext {
    opacity: 0;
    position: absolute;
    top: 110px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 12% 14% 5% 14%;
    text-decoration: none;
    text-align: center;
	transition: all 0.3s ease;
	
	transform: scale(0.5);
}
.img-hover-text6:hover .distext {
    opacity: 1;
	transform: scale(1);
}

.yellowmain{color:#fcf305;}


.sheet-slider .sh-arrows label {
    background-color: rgba(255, 255, 255, 0.7);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    display: none;
    height: 50px;
    position: relative;
    width: 50px;
}

.sheet-slider ul.sty1 {
    position: relative;
	height: 470px;
}

.sheet-slider .sh-arrows {
    position: absolute;
    right: 0px;
    z-index: 40;
    width: auto;
    bottom: calc(3em + 7px);
    opacity: 1;
}

.bg-color0201 {
	background: #464445;
}



@media only screen and (max-width: 768px){
	.title {font-size:25px;}
	.title span{font-size:25px;}
	
	h2 { font-size: 20px;}
	h3 { font-size: 20px;}
	h4 { font-size: 17px;}
	
	.header-section #menu span { color: #000;}
	.header-section #menu > ul li a, .header-section #menu > ul li a:hover { color: #fff;}
	.header-section #menu span.subtitle { color: #666;}
	.header-section.big li span{font-size: 16px}
	.header-section #menu > ul li ul li ul li a {padding-left: 70px;}
	.header-section .logo img{height:50px;}
	.header-section ul li.menu-icon { padding: 0px 0 0 13px;}
	

}


@media only screen and (max-width: 420px){
	.header-section {height:70px;}
	.sheet-slider ul.sty1 {position: relative; height: 250px;}
	.header-section ul li.menu-icon { padding: 16px 0 0 13px;}
	.header-section .logo {display: inline-block; margin-top: 10px;
}

}


.header-section ul li.mega-menu > ul {
  width: 80%;
  left: 100px;
  float: none;
  margin-left: 0px;
  max-height: 0px;
  display: block;
  overflow: hidden;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.header-section ul li.mega-menu > ul > li {

  width: 33.3%;

}

.header-section ul li.mega-menu > ul > li ul li a:hover {
 color:#ffffff;
 margin-left:5px;
}





@media only screen and (min-width: 1001px){
.gju_mphoto1 {
	width:315px;
    height: 205px;
}}


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

	   .header-section.off {
	    height:80px;
		padding-bottom:30px;
		border: none;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 999;
		background:#0a448e;
        }
  }







/* 20190507 Ãß°¡ */

.header-section ul li.mega-menu  > ul {
    background-color:rgba(0, 0, 0, 0.7);
}



.header-section ul li > ul {
    background:none;
}

.header-section ul li > ul li  {
    background-color:rgba(0, 0, 0, 0.7);
    border-bottom:0px;
}

.header-section ul li.mega-menu  > ul li{
    background:none;
    border-right:0px;
}


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


.header-section ul li.mega-menu > ul > li span.subtitle{

    color : #FFFFFF;
}







.article-list li {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
.article-list li a{color:#000}
.article-list li a:hover{color:#333}

.article-list2 {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
.article-list2 a{color:#000}
.article-list2 a:hover{color:#333}


.cssmenubgcolor {
	color: #fff !important;
	background: #0349a3 !important;
	background: -webkit-linear-gradient(#0349a3, #0349a3) !important;
	background: -moz-linear-gradient(#0349a3, #0349a3) !important;
	background: -o-linear-gradient(#0349a3, #0349a3) !important;
	background: -ms-linear-gradient(#0349a3, #0349a3) !important;
	background: linear-gradient(#0349a3, #0349a3) !important;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
  }


.button-vod.sty4 {
    padding: 4px 10px;
    color: #fff;
    background: #aaa;
    border-radius: 3px;
}