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

a.btn-info, a.btn-primary, a.btn-danger { color:#fff;  }
a.btn-default { color:#474747;  }

.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;  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:"맑은 고딕",Malgun Gothic; 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;  padding-left:0px; padding-right:0px;  }
.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; }

img { max-width:100%;  }

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;  }
.headerWrap { width:100%; border-top:4px solid #d5d5d5; min-width:1000px;   }
#header { height:75px;  z-index:100;}
#header h1 { float:left; position:relative; z-index:101;margin-top:10px;  }
#header .topUtil { position:absolute; right:0px; top:7px;  vertical-align:top; }
#header .topUtil li { float:left;   }
#header .topUtil li a { float:left; margin-left:15px; margin-right:15px;  color:#7a7a7a;  }
#header .topUtil li:last-child a { margin-right:0px;   }
#header .topUtil li:after { content:' | '; display:inline;  font-size:12px; color:#c6c6c6;  }
#header .topUtil li:last-child:after { content:' '; display:inline;  font-size:12px; color:#c6c6c6;  }

#gnb { position:absolute; top:35px; right:0px;  z-index:100;  }
#gnb .menu { float:left; position:relative;  margin-left:40px;  }
#gnb .menu h3 { padding-bottom:10px;   }
#gnb .menu h3 a { color:#000; font-size:18px; padding-left:5px; padding-right:5px;  font-weight:bold;   display:block; padding-bottom:10px;   }
#gnb .menu h3 a:hover {  text-decoration:none; border-bottom:3px solid #ffaa00; }
#gnb .menu h3.active a { text-decoration:none; border-bottom:3px solid #ffaa00;  }
#gnb .menu ul {display:none; position:absolute;left:-30px; top:40px;    background:#6b2e11; min-width:140px; padding:8px 20px;   }
#gnb .menu ul li { margin:10px 0px;  }
#gnb .menu ul li a  { color:#fff;font-size:15px;    }



#footerWrap { clear:both;position:relative; z-index:1; }
#footerWrap .footUtilWrap { width:100%; height:50px; background:#4d4d4d;  }
#footerWrap .footUtilWrap ul { padding-top:13px;  }
#footerWrap .footUtilWrap ul li { float:left; background:url(../images/common/footer_menu_line.jpg) no-repeat left 7px; padding-left:18px; padding-right:18px; }
#footerWrap .footUtilWrap ul li:first-child {padding-left:0px; background:none; }
#footerWrap .footUtilWrap ul li a {font-size:15px; color:#fff;   }
#footerWrap  .footer { padding-top:20px; padding-bottom:30px;  }
#footerWrap  address { color:#666; font-size:13px;  }