@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;
	height:100%; width:100%;
	  font-family: 'Noto Sans KR';letter-spacing:-0.4px;
	font-size:14px; line-height:1.4;
	background:#eee;
	}

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;  }
.tCenter { text-align:center;  }
.tRight { text-align:right;  }
.tLeft { text-align:left;  }
.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}

#header {z-index:100; height:130px; }
#header .topUtilWrap { height:25px; padding-top:45px; }
#header .topUtilWrap ul { float:right; margin-right:10px; }
#header .topUtilWrap ul li { float:left;padding-left:15px; padding-right:15px; background:url("/images/2016/common/line_utill.png") no-repeat left 4px;   }
#header .topUtilWrap ul li a { color:#fff;  }
#header .topUtilWrap ul li a img { margin-top:1px;  }
#header .topUtilWrap ul li:first-child { background:none;  }

	.topSearchWrap { position:absolute; display:none; top:29px; right:15px; height:35px;  }
	.topSearchWrap .topSearchClose {float:left; margin-right:10px; padding-top:10px; }
	.topSearchWrap form {float:left; height:21px; background:#86754d; padding-top:7px;padding-bottom:7px;  }
	.topSearchWrap form input[type="text"] {float:left; height:19px;padding-top:2px;  background:#86754d; width:255px; padding-left:10px;  border:0px; border-right:1px solid #AA976B;  color:#fff;margin-right:10px;  }
	.topSearchWrap form input[type="image"] {float:left;margin-right:10px; padding-top:3px;  }

#header h1 { float:left; position:relative; z-index:101; background: #fff;border-radius: 10px 0 0 10px;box-sizing:border-box;border:1px solid #fff;}
#header h1 a { float:left; height:51px; width:133px; padding-left: 20px;padding-top: 27px;padding-right: 10px;text-align: center;}
	#gnb { float:left; width:660px; padding-left:100px;  height: 80px; background:#fff; }
	#gnb .menu { float:left;}
	#gnb .menu06 {padding-right: 0px;}
	#gnb .menu h3 { text-align:center;background: url("/images/2016/common/gnb_line.png") no-repeat right top 35px;}
	#gnb .menu06 h3{background: none;}
	#gnb .menu h3 a { font-size:18px;display:block; position:relative;  z-index:101; padding:30px 25px 25px 25px; color:#000;  }
	#gnb .menu01 h3 a{padding-left: 10px;}
	#gnb .menu h3 a:hover { text-decoration:none; background: url("/images/2016/common/arrow_gnb.png") no-repeat center bottom 12px; }
	#gnb .menu h3.hover a { background: url("/images/2016/common/arrow_gnb.png") no-repeat center bottom 12px; }
	#gnb ul { position:absolute;width:100%;box-sizing:border-box;  padding-top:15px; z-index:100;  left:0px; top:150px; height:50px; }
	#gnb ul li { float:left; padding-right:45px; padding-bottom: 10px; }
	#gnb ul li:last-child { padding-right: 0; }
	#gnb ul li a { font-size:16px; color:#fff; text-decoration: none; padding-bottom:3px;}
	#gnb ul li a:hover { font-weight: bold;  background: url("/images/2016/common/line_title.png") repeat-x bottom center;}
	#gnb .menu ul { padding-left:175px;  }
	#gnb .menu03 ul {padding-left:0px; }

#header .allMenuOpen { float:left; height:80px;position:absolute; top:70px; right:0px; z-index:101;  }
#header .allMenuOpen a { display:block; float:left;text-align:Center; width:75px; height:51px;background:#86754d; padding-top:29px;  border-radius:  0  10px 10px 0; }

	#allMenu { position:absolute;padding-left:165px; padding-right:75px; box-sizing:border-box;  width:100%; top:70px; left:0px; height:281px; }
	#allMenu .menu { float:left;}
	#allMenu .menu h3 { text-align:center; background: url("/images/2016/common/gnb_line.png") no-repeat right top 35px; }
	#allMenu .menu h3 a { font-size:18px;display:block; position:relative;  z-index:101; padding:30px 25px 25px 25px; color:#000;  }
	#allMenu .menu01 h3 a { padding-left: 10px;}
	#allMenu .menu {position:relative;}
	#allMenu .menu ul{position:absolute;left:25px; width:126px;}
	#allMenu .menu ul li{padding-left:0;}
	#allMenu .menu06 {padding-right:0;}
	#allMenu .menu h3.hover a { background: url("/images/2016/common/arrow_gnb.png") no-repeat center bottom 12px; }
	#allMenu .menu06 h3 {background:none;}
	/*#allMenu .menu h3.hover {  background:url(common/over_bar.png) no-repeat left bottom; }*/
	#allMenu ul { padding-top:15px;}
	#allMenu ul li {  padding-bottom:10px;  padding-left: 25px;}
	#allMenu .menu01 ul { left:10px;}
	#allMenu ul li a { font-size:16px; color:#fff;  }
	#allMenu ul li a:hover { font-weight:bold; }
#header .allMenuClose { text-decoration: underline; float:left; height:80px; position:absolute; top:70px; right:0px; z-index:101 }
#header .allMenuClose a { display:block; float:left;text-align:Center; width:75px; height:51px;background:#86754d; padding-top:29px; border-radius:  0  10px 10px 0;  }



.relSiteWrap { width:100%; background:#4a4f55; border-top:1px solid #5f6269; height:50px;padding-top:10px;padding-bottom:10px;   }
.relSiteWrap ul {}
.relSiteWrap ul li { float:left; padding-left:35px; padding-right:35px;  }





#footerWrap { width:100%; background:#4a4f55; border-top:1px solid #5f6269;}
#footer { padding-top:20px; padding-bottom:20px;  }
#footer ul.footUtil {margin-left:-15px;margin-bottom:12px;  }
#footer ul.footUtil  li { float:left;padding-left:15px; padding-right:15px; background:url("/images/2016/common/line_footer.png") no-repeat left 5px;}
#footer ul.footUtil  li  a { color:#8f97a5; font-size:16px;  }
#footer ul.footUtil  li:first-child { background:none;  }
#footer dl { position:absolute; top:20px; right:0px;  }
#footer dl dt {width:150px; height:25px; color:#8f97a5;  cursor:pointer; border-radius:5px; background:url("/images/2016/common/arrow_site.png") no-repeat 150px 13px #3f4249; padding-left:20px; padding-top:5px;font-size:14px;  }
#footer dl dt.dt_active {background:url("/images/2016/common/arrow_site_close.png") no-repeat 150px 13px #3f4249; }
#footer dl dd { display:none; position:absolute;z-index:30;  bottom:32px; left:0px; width:170px; background:#eee; border-radius:5px;}
#footer dl dd a  {display:block; font-size:14px; height:25px; padding-top:5px;width:150px;  padding-left:20px; font-size:14px; }
#footer address { color:#8f97a5; font-size:14px; line-height: 1.9; }

.cover {display:none; position:absolute; top:0px; left:0px;  width:100%; height:100%;z-index:99;  background:rgba(0,0,0,0.5); }
.AllMenu_wrap, .gnb_wrap { display:none; background: rgba(96,84,56,0.9); width:100%; position:absolute;height:370px;top:0;}
.AllMenu_wrap { height:410px; }
.gnb_wrap { height:200px; }