@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');
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'NanumGothic', sans-serif;
    font-weight: 600;
    color: #1d2025;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}




  @media (min-width: 1500px){
  .container-main {width:1500px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .container-main25 {width:1300px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  }
  
  

body,p {
	font: 15px 'NanumGothic', sans-serif;
	font-weight: normal;
	line-height: 26px;
}

.ps{
	font: 14px 'Nanum Gothic', sans-serif;
	font-weight: normal;
	line-height: 21px;
}

a {color: #000;}
a:hover {color: #9b2b1f;}

/* -----------------------»ó´Ü±âº»---------------------------*/

  .topm{margin-top:70px;}
  
  .topm a{
  	  font-size: 13px;
	  font-weight: 700;
	  color:#fff;
	  margin-left:8px;
	  margin-bottom:-20px;	
  }
  
  .topm a:hover {
 	  font-size: 13px;
	  font-weight: 700;
	  color: #feebb6;
  }


#menu{padding-top:7px;}

/*ÁÖ¸Þ´º ±Û¾¾ Å©±â*/
.header-section ul li .menu_big {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  padding: 30px 25px;
  margin-right: 0px;
}

.menu_big:hover {
  color: #feebb6;
}

.livetx{color: #feebb6;}




.header-section .main-nav.centernav {
	float:none;
}

.slider-margin-top {
    float: left;
    width: 100%;
    margin-top: -240px;
    position: relative;
}

@media all and (min-width:1001px) and (max-width:1080px) {

.slider-margin-top {margin-top: -320px;}
.background-sub1 {margin-top:-320px!important;}
.background-sub2 {margin-top:-320px!important;}
.background-sub3 {margin-top:-320px!important;}
.background-sub4 {margin-top:-320px!important;}
.background-sub5 {margin-top:-320px!important;}
.background-sub6 {margin-top:-320px!important;}

}


/*ÁÖ¸Þ´º ¹ÙÅÁ*/
.header-section {
  font-family: 'NanumGothic', sans-serif;
  background: transparent;
   /*background:#fff 50% 0 no-repeat fixed;*/
  
}

.header-section ul li ul.dm-align-2 {
    left: 70px;
}

/*ÁÖ¸Þ´º 2Â÷ ¸Þ´º */
.header-section ul li ul li {
	font-size: 15px;
}

/*ÁÖ¸Þ´º 2Â÷ ¸Þ´º ¿À¹öÈ¿°ú*/
.header-section ul li ul li a:hover {
	/*border:1px red solid;*/
	margin-left:0px;	
	color: #fff;
	background-color:#9b2b1f !important;
	opacity:1 !important;
}

.header-section.white ul li a {
  color: #9b2b1f;
}

/* -----------------------¼­ºê±âº»---------------------------*/

/*¼­ºêÅ¸ÀÌÆ²*/
.title {text-align:left; font-size:33px; font-weight:900; color:#000; letter-spacing:-2px; padding-top:10px; background:  url(/images/tx-bar.jpg) no-repeat left top;}
.title span {text-align:left; font-size:33px; font-weight:300; color:#9b2b1f; letter-spacing:-2px; padding-top:15px; margin-left:10px;}

/*¼­ºêÅÇ¹öÆ°*/
.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:#9b2b1f; margin-left:3px;  margin-bottom:5px;}
.sub-tab a.tabon {color:#fff; background-color:#9b2b1f; }


/*¼­ºêÅÇsong¹öÆ°*/
.sub-tab-song { margin-top:27px; margin-bottom:20px; margin-left:-5px;}
.sub-tab-song a {display:inline-block; font-size:18px; color:#555555; font-weight:600; padding:8px 16px; background-color:#ffffff; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
.sub-tab-song a:hover {display:inline-block; font-size:18px; color:#fff; font-weight:600; padding: 8px 16px; background-color:#9b2b1f; margin-left:3px;  margin-bottom:5px;}
.sub-tab-song a.tabon {color:#fff; background-color:#9b2b1f; }


/*¼­ºêÅÇ ½Ã¼³¾È³»*/
.sub-tab-f1 { margin-left:-5px;}
.sub-tab-f1 a {display:inline-block; font-size:20px; color:#555555; font-weight:700; padding:14px 16px; background-color:#ffffff; border:1px solid #e2e2e2; margin-left:3px; margin-bottom:5px;}
.sub-tab-f1 a:hover {display:inline-block; font-size:20px; color:#fff; font-weight:700; padding: 14px 16px; background-color:#9b2b1f; margin-left:3px;  margin-bottom:5px;}
.sub-tab-f1 a.tabon {color:#fff; background-color:#9b2b1f; }



/* ¼­ºê ¹è°æ ÀÌ¹ÌÁö */

.background-sub1 {
	padding: 200px 0px 100px 0px;
	background: #333  url(/images/sub-img/sub-img01.jpg) no-repeat left top;
	background-size: cover;
	margin-top:-240px;
}

.background-sub2 {
	padding: 200px 0px 70px 0px;
	background: #333  url(/images/sub-img/sub-img02.jpg) no-repeat left top;
	background-size: cover;
	margin-top:-240px;
}

.background-sub3 {
	padding: 200px 0px 70px 0px;
	background: #333  url(/images/sub-img/sub-img03.jpg) no-repeat left top;
	background-size: cover;
	margin-top:-240px;
}

.background-sub4 {
	padding: 200px 0px 70px 0px;
	background: #333  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	background-size: cover;	
	margin-top:-240px;
}

.background-sub5 {
	padding: 200px 0px 70px 0px;
	background: #333  url(/images/sub-img/sub-img05.jpg) no-repeat left top;
	background-size: cover;
	margin-top:-240px;
}

.background-sub6 {
	padding: 200px 0px 70px 0px;
	background: #333  url(/images/sub-img/sub-img06.jpg) no-repeat center top;
	background-size: cover;	
	margin-top:-240px;
}



/* ¼­ºêÁÂÃø¸Þ´ºÀÌ¹ÌÁö */
.sub_left {position:relative; left:0; width:220px; }
.sub_left .sub_leftbox{width:220px; height:200px; background:#9b2b1f url(/images/left.jpg) no-repeat right top;}
.sub_left .sub_leftbox h2 {text-align:center; font-size:25px;  font-weight:600; color:#fff; padding-top:70px; margin-bottom:10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);}
.sub_left .sub_leftbox h4 {text-align:center; font-size:13px;  font-weight:600; color:#edc9c2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);}

/* ¼­ºêÁÂÃø¸Þ´º */
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #fff;
  background: #9b2b1f;
  background: -webkit-linear-gradient(#9b2b1f, #9b2b1f);
  background: -moz-linear-gradient(#9b2b1f, #9b2b1f);
  background: -o-linear-gradient(#9b2b1f, #9b2b1f);
  background: -ms-linear-gradient(#9b2b1f, #9b2b1f);
  background: linear-gradient(#9b2b1f, #9b2b1f);}


/* ¼­ºêÁ¦¸ñ¹Ù */
hr.line {float: center; width:80px; border: 0; height: 2px; background: #9b2b1f;}

/* ¼­ºêÁß°£Á¦¸ñ */
.tx {background: url(/images/tx-bg.jpg) no-repeat left top;}
.tx h4{font-size: 19px; font-weight: 600; color:#333; padding-left:21px;}
.tx h3{font-size: 20px; font-weight: 700; color:#333; padding-left:21px;}

.txp {background: url(/images/sub01/06-bg.jpg) no-repeat left top; width:300px; 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: #9b2b1f;}
.txb{color: #000;}
.jd-color{background:#ae4f53;}
.n-color{background:#9b2b1f;}

.letter{letter-spacing:-1px;}
.letter2{letter-spacing:-2px;}
.letter3{letter-spacing:-3px;}



.hover-shadow-color {
	background-color: #ccc;
	transition: all 0.5s ease;
}
.hover-shadow-color:hover {
	box-shadow: inset 0 -430px 0 0px #9b2b1f;
}

/* ¼­ºê½ºÅ¸ÀÏ ÀÌ¹ÌÁö¿À¸¥ÂÊ ÅØ½ºÆ®¹Ú½º */
.rightbox{
	float:right;
	width:100%;
	height:220px;
	color: #fff;
	background: #9b2b1f;
	padding: 30px 30px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}

/* ¼­ºê½ºÅ¸ÀÏ ÀÌ¹ÌÁö¿ÞÂÊ ÅØ½ºÆ®¹Ú½º */
.leftbox{
	float:left;
	color: #fff;
	background: #9b2b1f;
	padding: 40px 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}


/* -----------------------¼±°ú¹öÆ°---------------------------*/

/* Á¡¼±¶óÀÎ*/
hr.lined{border-top: 1px dashed #CCC;}
hr.linered {float:center; width:50px; border: 1px solid #800000;}
hr.lineblack { width:100%; border: 0; height: 2px; background: #000;}
hr.linesub {float: left; width:100%; border: 0; height: 1px; background: #eee;}

hr.linefull {
	width:100%;
	border: 0;
	height: 1px;
	background: #e5e5e5;
}



.buttonbox1 {
	color: #9b2b1f;
	/*background: #202430;
	padding: 14px 18px;
	border-radius: 3px;
	padding-left: 14px ;*/
	font-size: 25px;
	font-weight: 900;
	font-family: 'NanumGothic', sans-serif;
	/*letter-spacing: 0.5px;
	transition: all 0.3s ease;
	margin-top:-10px;*/
}


/* ¼ýÀÚ¹öÆ°³×¸ð */
.buttonbox3 {
	color: #fff;
	background: #9b2b1f;
	padding: 6px 8px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Nanum Gothic', sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	margin-top:-10px;
}


/* ¼ýÀÚ¹öÆ°¿ø */
.buttonbox2 {
	color: #fff;
	background: #9b2b1f;
	padding: 7px 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: #800000;
	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;
}


.gobut {
    color: #fff;
    font: 15px 'GmarketSans', sans-serif;
    font-weight: 400;
    background: #7a1b1e;
    padding: 10px 50px;
    transition: all 0.5s ease;
    border: 3px solid #7a1b1e;
    margin: 5px;
}

.gobut:hover {
	  color: #fff;
	  background: #f2cc9a;
	  border:3px solid #f2cc9a;
  }

.sub01bg{
	float: left;
	width:100%;
	color: #fff;
	text-align:center;
	 background:url(/images/sub01/bg.jpg) repeat left top;
}

/* ¹Ù·Î°¡±â ¹öÆ°*/
.button_go {
	color: #666;
	font-weight: 700;
	font-size: 12px;
	padding: 8px 20px;
	border-radius: 16px;
	background: #fff;
}
.button_go:hover {
	color: #fff;
	background: #ccc; 
}

/*Ä«ÇÇ¹öÆ° */
.button20.sty3 {
	color: #fff;
	padding: 17px 20px;
	border: 1px solid #800000;
	background: #800000;
	font-weight: 800;
	font-size: 15px;
}
.button20.sty3:hover {
	color: #fff;
	background: #1d2025;
	border: 1px solid #1d2025;
}


  .copybut{
	  color: #fff;
	  font: 17px ;
	  font-weight: 600;
	  background: #88423b;
	  padding:12px 8px;
	  border-radius: 3px;
	  border:3px solid #88423b;
	  transition: all 0.5s ease;
	  margin-top:15px;
  }
  .copybut:hover {
	  color: #fff;
	  background: #b36f69;
	  border-radius: 3px;
	  border:3px solid #b36f69;
	  transition: all 0.5s ease;
  }

/*Ä«ÇÇ */
.bg-color-copy{background: #1f1f1f;}
.button11.sty4 {
	color: #fff;
	background: #222222;
}
.button11.sty4:hover {
	color: #fff;
	background: #000;
}


/* -----------------------¸ÞÀÎ---------------------------*/
.img-hover-text8 .distext {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 70% 5% 5% 5%;
    background: #1d2025;
    text-align: left;
}

.img-hover-text8 {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 ºñÀ² ¹Ú½º */
  overflow: hidden;
  background-color: #eee;
}

.img-hover-text8 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* ºñÀ² À¯ÁöÇÏ¸ç ²Ë Ã¤¿ò, Àß¸± ¼ö ÀÖÀ½ */
  object-position: center; /* °¡¿îµ¥ ±âÁØ Àß¸² */
}

.background-main25 { 
	background:url(/images/main-link25/vodbg.jpg) 50% 0  no-repeat fixed;
	padding: 50px 0px 50px 0px;

}

/* ¸ÞÀÎ Å×½ºÆ® ¹è°æ */
.background-main { 
	background:url(/images/mainbg.jpg) no-repeat center;
	height:580px;
}


.background-main2 { 
	background:url(/images/mainbg2_211214.jpg) no-repeat center;
	max-height:880px;
}


.background-main3 { 
	background:url(/images/mainbg2_211214.jpg) no-repeat center;
	max-height:980px;
}


/* ½ÅÃ» ±Û¾¾ 
.img-hover-text11.sty4 .distext {
	left: 50px;
    right: 5px;
	top: 100px;
}

.img-hover-text11.sty4:hover .distext {
	top: 100px;
}*/




/* ¸ÞÀÎ °øÁö */
.background-news {
	padding: 50px 0px 50px 0px;
	background:url(/images/mainbg-news.jpg) no-repeat fixed;
}


/* »õ°¡Á· ¹è°æ */
.background-sub03{
	padding: 50px 0px 30px 0px;
	background:url(/images/sub03/03-bg.jpg)50% 0  no-repeat fixed;
}


/* È¨ÇÇ»çÁø°ÔÀç¾È³» ¹è°æ */
.background-sub05{
	padding: 40px 0px 30px 0px;
	background:url(/images/sub05/01-bg.jpg)50% 0  no-repeat fixed;
}


/* ¸ÞÀÎ ¼³±³ */
.background-img  {
	padding: 30px 0 30px 0;
	background: #333 url(/images/mainbg-img.jpg) 50% 0 no-repeat fixed;
}


/* ¼³±³ ¹öÆ° */
.img-hover-text11.vod:hover img {
	opacity: 0.5;
}

.button11.vodb {
	color: #fff;
	background: #034ba9;
}
.button11.vodb:hover {
	background: #02306b;
}


/* ¸ð¾î¹öÆ°*/
.button_more {
	float:right;
	color: #ccc;
	background: #fff;
	padding: 1px 7px 4px 7px;
	border:1px #ccc solid;
	font-size: 20px;
	font-weight: 400;
}
.button_more:hover {
	color: #fff;
	background: #9b2b1f;
}

.button301 {
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	font-weight: bold;
	background: #d8494b;
	border-radius: 3px;
	border:3px solid #d8494b;
	transition: all 0.5s ease;
}
.button301:hover {
	color: #fff;
	border:3px solid #9c2b1d;
	background: #9c2b1d;
}


.bg-color-map {
	background: #33383c;
}


.hover-bgcolor {
	background: #000;
}
.hover-bgcolor:hover {
	background: #0090ff;
}

/* ¼­ºê·Ñ¸µÀÌ¹ÌÁöÈ¿°ú */
	.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: 490px;
	}
	
	.sheet-slider .sh-arrows {
		position: absolute;
		right: 0px;
		z-index: 40;
		width: auto;
		bottom: calc(3em + 7px);
		opacity: 1;
	}
	
	
/*1ÁÙ»çÁøÇÏ´Ü¼³¸í¹Ù*/
.photo-hover-text {
    position: relative;
	margin-bottom:40px;
}
.photo-hover-text img {
    display: block;
}

.photo-hover-text h6{color:#fff;}

.photo-hover-text .btext {
    position: absolute;
	width:100%;
    /*bottom: -10px;
    left: 10px;
    right: 10px;*/
	padding: 2% 3% 3% 3%;
    text-align: center;
	background:url(/images/bg.jpg) repeat left top;
}

/*2ÁÙ»çÁøÇÏ´Ü¼³¸í¹Ù*/
.photo-hover-text2 {
    position: relative;
	margin-bottom:55px;
}
.photo-hover-text2 img {
    display: block;
}

.photo-hover-text2 h6{color:#fff;}

.photo-hover-text2 .btext {
    position: absolute;
	width:100%;
    /*bottom: -10px;
    left: 10px;
    right: 10px;*/
	padding: 2% 3% 3% 3%;
    text-align: center;
	background:url(/images/bg.jpg) repeat left top;
}


/*------------------------´ÙÀ½¼¼´ë---------------------------*/


/* ±³È¸ÇÐ±³ »ó´Ü¹Ú½º */
.shcoolbox{
	width:100%;
	height:366px;
	color: #fff;
	padding: 40px 30px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
	background:url(/images/sub05/01-bg.jpg) repeat left top;
}

/* ¿¬Çõ ¹è°æ ÀÌ¹ÌÁö */
.background-history {
	padding: 50px 10px 40px 10px;
	background: url(/images/history.jpg) no-repeat left top;
}

/*¿¬Çõ»ó´Ü³âµµ¹öÆ°*/
.history-tab { }
.history-tab a {display:inline-block; font-size:15px; color:#555555; font-weight:600; padding: 10px; background-color:#f2f2f2; border:1px solid #e2e2e2; margin-left:5px; margin-bottom:5px;}
.history-tab a:hover {display:inline-block; font-size:15px; color:#fff; font-weight:600; padding: 10px; background-color:#1555ad; margin-left:5px;  margin-bottom:5px;}
.shistory-tab a.tabon {color:#fff; background-color:#1555ad; }

/* ¿¬Çõ¹öÆ° */
hr.linefull {
	width:100%;
	border: 0;
	height: 1px;
	background: #e5e5e5;
}




/* Á¡¼±¶óÀÎ*/
hr.lined{
	border-top: 1px dashed #CCC;
}

/* ¼¶±â´ÂºÐ ÀÛÀº¹Ú½º */
.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: 5px 10px;
	vertical-align: middle;
	
	background-color: #fff;
}
.tablestime th {
    background-color: #9b2b1f;
    color: #fff;
	text-align: center;
	   vertical-align: middle;
	font-size: 15px;
	font-weight: 700;
}

.tablestime td:first-child {
    background-color: #f6f6f6;
    color: #666;
	font-weight: 700;
	   vertical-align: middle;
	text-align: center;
}



/* ¼­ºêÇ¥ */
.tablessub table {
    width:100%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

.tablessub table, .tablessub th, .tablessub td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: middle;
}

.tablessub th {
    background-color: #9b2b1f;
    color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	vertical-align: middle;
}
.tablessub .cw{
    background-color: #fff;
    color: #666;
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
}


.tablessub .cg{
    background-color: #f6f6f6;
    color: #666;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}


/* ½ÅÇÐ»ýÇ¥ */
.tablessub3 table {
    width:100%;
}
.tablessub3 table, .tablessub3 th, .tablessub3 td {
    border: 1px solid #fff;
    border-collapse: collapse;
	padding: 9px 10px;
	background-color: #fff;
	   vertical-align: middle;
}

.tablessub3 .cw{
    background-color: #fff;
    color: #000;
	font-size: 17px;
	font-weight: 700;
	   vertical-align: middle;
	text-align: center;
}




/* SNS 
.img-hover-text122 {
    position: relative;
	background: #000;
}
.img-hover-text122 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text122:hover img {
	opacity: 1;
}

.img-hover-text122 .btext{
    color: #fff;
	text-align:left;
	opacity:1;
    text-decoration: none;
}

.img-hover-text122 .distext h5{
  opacity:1;
  }
  
  
.img-hover-text122 .distext {
    position: absolute;
	top: 5%;
	left: 5%;
    right: 5%;
	bottom: 5%;
	padding: 10% 10%;
	background: #000;
	opacity:0.7;
    text-decoration: none;
}

.img-hover-text122:hover .distext {
    position: absolute;
	top: 5%;
	left: 5%;
    right: 5%;
	bottom: 5%;
	padding: 10% 10%;
	background: #c0454a;
    text-decoration: none;
	opacity:1;
	transition: all 0.3s ease;
}*/

/* ¼­ºê½ºÅ¸ÀÏ ÀÌ¹ÌÁö¿À¸¥ÂÊ ÅØ½ºÆ®¹Ú½º */
.rightbox{
	float:right;
	height:268px;
	color: #fff;
	background: #1555ad;
	padding: 40px 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}

/* ¼­ºê½ºÅ¸ÀÏ ÀÌ¹ÌÁö¿ÞÂÊ ÅØ½ºÆ®¹Ú½º */
.leftbox{
	float:left;
	color: #fff;
	background: #1555ad;
	padding: 40px 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom:40px;
}

/* ´ãÀÓ¸ñ»ç ¼Ò°³ */

.sub01bg{
	float: left;
	width:100%;
	color: #fff;
	text-align:center;
	background:url(/images/sub01/01-bg.jpg) repeat left top;
}

/* ºñÀü ¹è°æ ÀÌ¹ÌÁö */
.background-vision {
	padding: 100px 0px 100px 0px;
	background: #333 url(/images/bg-vision2.jpg) 50% 0 no-repeat fixed;
}

/* ºñÀü °ãÄ¡´Â ¿ø */
.fusectionvision { 
	width:100%;
	text-align:center;
}
.fusectionvision .circle-box1 {
	/*float: left;*/
	display:inline-block;
	width: 210px;
	height: 210px;
	padding: 80px 10px 50px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #d8494b;
	margin-left: -20px;
}
.fusectionvision .circle-box2 {
	/*float: left;*/
	display:inline-block;	
	width: 210px;
	height: 210px;
	padding: 80px 10px 50px 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 100%;
	background: #9c2b1d;
	margin-left: -20px;
}



/* »õ°¡Á·±³À° */
.background-family{
	padding: 120px 0px 120px 0px;
	background: url(/images/sub01/02-2-bg.jpg) no-repeat center;
	height:400px;
}

.slider-above-section {
	float: left;
	border:0;
	width: 100%;
	position: relative;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);   
	margin-top:0 !important;
}



/* ------------¾çÀ°Ã¼°è------*/ 
  
	.bagc11 {background: #2c4c8d url(/images/sub02/11-01.png) no-repeat left top;}
	.bagc22 {background: #213a72 url(/images/sub02/11-02.png) no-repeat left top;}
	.bagc33 {background: #1a2e5e url(/images/sub02/11-03.png) no-repeat left top;}	
	.bagc44 {background: #0f214c url(/images/sub02/11-04.png) no-repeat left top;}



/* 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;
}
	
/*¸Þ´º °¡¿îµ¥ Á¤·Ä*/

@media only screen and (min-width: 1001px){

#menu {width:100%;/*position:relative*/;z-index:99999}

#menu>ul {/*text-align:center;*/margin:0 auto}
	
#menu>ul>li {display:inline-block;/*text-align:center;position:relative*/}
	
.navbar-nav>li {float:none}

.swc_mphoto1{width:100%;height:500px}
 
.ch_mphoto1{width:100%;height:500px}
 
 }


@media only screen and (max-width: 1000px){

.header-section #menu {padding: 160px 0 0;}

.header-section.big  {	padding-top: 0px;}


.header-section .main-nav .nav.top-nav { top: -13px;}

/*.tablessub07 table, .tablessub07 th, .tablessub07 td {height:138px;}*/

.header-section.transp.two { background-color: #88423b;}

.swc_mphoto1{width:100%;height:180px}

.slider-margin-top {margin-top: 0px;}

.header-section ul li.menu-icon {
    font-size: 2em;
    padding: 10px 0 0 9px;
	margin-right:-20px;
}

.topm{margin-top:0px;}

.header-section ul li > ul li {
    background-color:#fff;
}

}





@media only screen and (max-width: 768px){
	.title {font-size:25px;}
	.title span {font-size:25px;}

	
	h2 { font-size: 22px;}
	h3 { font-size: 18px;}
	h4 { font-size: 16px;}
	
	.header-section #menu span { color: #000;}
	.header-section #menu > ul li a:hover { color: #fff;}
	
	/*.tablessub07 table, .tablessub07 th, .tablessub07 td {height:70px;}*/

	.header-section ul li a {color: #fff;}
	.header-section ul li > ul li {background-color:#fff;}
	.padding-percent1{padding-top:20px; padding-bottom:20px;}
	
	.img-hover-text11.sty4 .distext {top: 80px;}

	.img-hover-text11.sty4:hover .distext {top:80px;}
	
	.header-section img {max-width: 60%;}
}





.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;
  }






.bg-color-top  a, .bg-color-top  a:hover{
    font-weight:700;
    color:#454545;
    font-size:13px;
}



.header-section.borbotrite{
	background:rgba(255,255,255,0) !important;	
}


.social-icons2 {

	width: 100%;
	margin-top:40px;
}
.social-icons2 .social {
 position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social-icons2 .social > a {
  position: relative;
  display: inline-block;
  margin: 0px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  margin-right: 0px;
}
.social-icons2 .social > a:hover .front {
  transform: translateY(-10px);
}
.social-icons2 .front {
  position: absolute;
  z-index: 10;
  width: 60px;
  height: 60px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 40px 40px rgba(0,0,0,0.06);
  transition: all 0.3s ease-out;
}
.social-icons2 .front i.fa {
  color: #1d2025;
  display: block;
  margin: 20px 0 30px 0;
  font-size: 25px;
}
.social-icons2 .front span {
  color: #ccc;
}




@media only screen and (min-width: 1400px){

.header-section ul li .menu_big {
	margin-right:20px;
  }

}



.mrborder a.GL_stTop {color:#777 !important;}
.mrborder a.GL_stTop:hover {color:#000 !important;}



.cssmenubgcolor {
	color: #fff !important;
	background: #9b2b1f !important;
	background: -webkit-linear-gradient(#9b2b1f, #9b2b1f) !important;
	background: -moz-linear-gradient(#9b2b1f, #9b2b1f) !important;
	background: -o-linear-gradient(#9b2b1f, #9b2b1f) !important;
	background: -ms-linear-gradient(#9b2b1f, #9b2b1f) !important;
	background: linear-gradient(#9b2b1f, #9b2b1f) !important;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
  }




  .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}


/*½Ã¼³¾È³»*/ 
.hide-bullets {
list-style:none;
margin-top:10px;
}

.galleryboxs{
	display:block;
	/*padding:4px;*/
	margin:5px;
	line-height:1.42857143;
	background-color:#fff;
	border:3px solid #ddd;
	/*border-radius:4px;*/
-webkit-transition:border .2s ease-in-out;
-o-transition:border .2s ease-in-out;
transition:border .2s ease-in-out
}
.galleryboxs a>img, .galleryboxs>img {
	margin-right:auto;
	margin-left:auto
}
a.galleryboxs.active, a.galleryboxs:focus, a.galleryboxs:hover {
	border-color:#a2261a;
}


/* -----------------------¸ÞÀÎÃß°¡---------------------------*/

.marginv{margin:7px;}
.mainpadding{padding-top:4%; padding-bottom:4%;}

.marginp{margin:15px;}

.vodbox{background: #88423b; padding:10px; }
.vodbox:hover{background: #511c16; padding:10px; }
.vodboxtx{color: #fff; text-align:center; font-size:15px; margin-top:10px; font-weight: 500;}

@media only screen and (max-width: 1400px){
.vodboxtx{font-size:15px;}
}
@media only screen and (max-width: 1250px){
.vodboxtx{font-size:14px; line-height:16px;}
}

@media only screen and (max-width: 1000px){
.vodboxtx{font-size:15px; }
}

.onetx{color: #000; text-align:center; font-size:18px; margin-top:10px; font-weight: 600;}

@media only screen and (max-width: 1169px){
h2.big2 {
    font-size: 35px;
}
}


 .img-hover-text122 {
    position: relative;
	background: #000;
}

.img-hover-text122 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text122:hover img {
	opacity: 1;
}

.img-hover-text122 .btext{
    color: #fff;
	text-align: center;
	opacity:1;
    text-decoration: none;
}

.img-hover-text122 .distext h5{
  opacity:1;
  }
  
  
.img-hover-text122 .distext {
    position: absolute;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 3% 5% 2.5% 5%;
	background: #000;
	opacity:0.8;
    text-decoration: none;
	height:auto;
}

.img-hover-text122:hover .distext {
    position: absolute;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 3% 5% 2.5% 5%;
	background: #511c16;
    text-decoration: none;
	opacity:1;
	transition: all 0.3s ease;
	height:auto;
}

.gbox{background: #88423b; padding:2.5%; }

@media only screen and (max-width: 768px){
.img-hover-text122 .distext{margin-bottom:-140px;}
.img-hover-text122:hover .distext {margin-bottom:-140px;}
}


.button10 {
    color: #fff;
    font-size: 25px;
    border: 2px solid #fff;
    padding: 8px 13px;
    border-radius: 50px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s ease;
	margin-bottom:10px;
}

.button10:hover {
	float:center;
    border: 2px solid #fff;

}

/* ½ÅÃ» ±Û¾¾ */
.img-hover-text11.sty4 .distext {
	left: 10%;
	right: 10%;
	top: 10%;
}

.img-hover-text11.sty4:hover .distext {
	top: 10%;
}

hr.linetext11 {float: left; width:100px; border: 0; height: 3px; background: #fff; margin-top:-10px; margin-bottom:30%;}
