@charset "utf-8";
@import url('font.css');

 a:link {
	color:#474747;
	text-decoration:none;
} 
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
a:focus {
	color:#666666;
	text-decoration:none;
}
a:active {
	color:#666666;
	text-decoration:none;
} 

.hiddenX { display:none; }

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-weight:normal; 
	font-size:1em; 
	} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {
	font-weight:normal;
	font-style:normal;
	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

body{
	color:#555; 
	background:url(../images/common/bg_1.jpg) repeat left top; 
	height:100%; width:100%; 

	 font-family: 'Noto Sans KR'; letter-spacing:-0.4px; 
	font-size:14px; line-height:1.4;  
	position:relative; z-index:1; 

	}

legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}
strong { font-weight:bold;  }
.blind{ overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px;line-height:0px;  }
.for-reader { overflow:hidden; position:absolute; top:0; left:-10000px; width:1px; height:1px; line-height:0px; }

#skipNav {position:relative; width:100%;z-index:999;}
#skipNav p { position:absolute; top:-50000px; left:-50000px; height:0px;}
#skipNav p a {display:block; overflow:hidden; height:0; font-weight:bold; color:#fff; text-align:center;position:absolute;left:0;top:-3px;z-index:999;width:100%;}
#skipNav p a:hover, #skipNav p a:focus, #skipNav p a:active { background:#52abd3; padding:3px; border:1px solid #999; height:auto;}

.pull-right { float:right; }
.pull-left { float:left; }
.container { width:1000px; margin:0 auto; position:relative;z-index:10;   }
.tCenter { text-align:center;  }
.tRight { text-align:right;  }
.tLeft { text-align:left;  }
.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }

a.plus {position:relative; display:block;line-height:1;}
	a.plus:after {
		content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0) center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#60000000);
		zoom: 1;
		opacity:0;
		transition: all 0.2s ease-in;
	}
	a.plus:hover:after {
		background: rgba(0, 0, 0, 0.7) url(../images/common/programlist_icon_more.png) no-repeat center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
		opacity:1;
		zoom: 1;
	}

* { box-sizing:border-box;  }
#header { height:120px;  z-index:100;}
#header h1 { float:left; padding-top:30px;  position:relative; z-index:101; }
#gnb { position:absolute; top:35px; right:0px;  z-index:100;  }
#gnb .menu { float:left;  padding-left:15px;  }
#gnb .menu h3 {   }
#gnb .menu h3 a { color:#555; padding-bottom:10px;  font-size:18px; font-weight:bold; padding-left:30px; display:block; min-height:24px;  }
#gnb .menu h3 a:hover { color:#000; text-decoration:none; background:url(../images/common/menu_over.png) no-repeat 6px 6px;  }
#gnb .menu h3.active a { color:#000;   background:url(../images/common/menu_over.png) no-repeat 6px 6px;  }
#gnb .menu ul {   position:absolute;display:none; z-index:100;  top:35px; left:0px;width:100%;    }
#gnb .menu ul li  {padding-top:3px;   padding-bottom:10px;  padding-left:13px;  padding-right:13px; float:left;   }
#gnb .menu ul li a {    font-size:15px; color:#555; }
#gnb .menu ul li a:hover {color:#000;    }
#gnb .menu01 ul li:first-child { padding-left:40px;  }
#gnb .menu02 ul li:first-child { padding-left:40px;  }
#gnb .menu03 ul li:first-child { padding-left:150px;  }
#gnb .menu04 ul li:first-child { padding-left:270px;  }
#gnb .menu05 ul li:first-child { padding-left:200px;  }



.footInfo {color:#fff; line-height:1.8;   }
#footerWrap { clear:both;position:relative; z-index:1; background:#6c707b; padding-top:30px; padding-bottom:50px; font-size:15px;  }
#footerWrap  address { color:#fff; line-height:1.8; }
#footerWrap  .nts-logo {position:absolute; top:0px; right:0px; }