@charset "utf-8";

h6{
	text-indent:-999999px;
}
/* 네비게이션바 */
	#top{
		height:140px;
		background:#fff;
		z-index:500;
		overflow:hidden;
	}
	#top h1{
		float:left;
		width:23%;
	}
	#navi{
		overflow:hidden;
		width:77%;
	}
	#navi ul{
		float:left;
		width:100%;
	}
	#navi ul li{
		float:left;
		width:16.6%;
	}
	#navi ul li a{
		display:block;
		height:140px;
		line-height:140px;
		font-size: 20px;
		font-family: "nanumGB";
		text-align:center;
	}
	#navi ul li:hover a{
		color:#007ac3;
		transition:all 0.3s ease-out;
	}
	#navi ul li a.on{
		color:#f1c143;
	}
	.sub_title_img{
		width:100%;
		height:460px;
		position:relative;
	}
	.sub_title_img img{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-144px;
		margin-left:-644px;

	}
	/* 서브 슬라이드 이미지 변경 */
	#sub1_tg{
		background:url(../img/sub1/sub1_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#sub2_tg{
		background:url(../img/sub2/sub2_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#sub3_tg{
		background:url(../img/sub3/sub3_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#sub4_tg{
		background:url(../img/sub4/sub4_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#sub5_tg{
		background:url(../img/sub5/sub5_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	#sub6_tg{
		background:url(../img/sub6/sub6_bg.png) no-repeat;
		background-size:cover;
		background-position:center;
	}
	/* 서브 메뉴 */
	.sub_navi{
		position:relative;
		z-index:1000;
	}
	.sub_navi_bg{
		background:#fafafa;
		border-top:2px solid #ccc;
		border-bottom:2px solid #ccc;
		height:50px;
		box-sizing:border-box;
	}
	.sub_navi_wrap{
		position:absolute;
		left: 20%;
		font-size:1.3em;
		top:0;
	}
	.sub_navi_wrap > .title{
		width:20%;
		float:left;
		display:inline-block;
		margin-top: 15px;
		text-align:center;
		line-height: 20px;
	}
	.sub_navi_wrap > ul{
		float:left;
		cursor:pointer;
		position:relative;
		width:20%;
	}
	.sub_navi_wrap > ul li{
		width:100%;
		height:46px;
		line-height:46px;
		text-align:center;
		border-top:2px solid #ccc;
		color:#fff;
	}
	.sub_navi_wrap > ul li.tn{
		border-left:2px solid #ccc;
		background:#fafafa;
		font-family:"nanumGB";
		color:#007ac3;
	}

	.sub_navi_wrap > ul li.sn:hover,.sub_navi_wrap > ul li.on{
		background:#007ac3;
	}
	.sub_navi_wrap > ul li.sn{
	background:rgba(0,0,0,0.6);
		/*display:none;*/
	}
	.sub_navi span{
		display:inline-block;
		text-indent:-99999px;
		width:20px;
		height:20px;
		background:url(../img/icon.png) 0 0 no-repeat;
	}
	.sub_navi_wrap ul span{
		position: absolute;
		top: 15px;
		right:10px;
		background-position:-20px 0;
	}
	.sub_navi_wrap ul span.seleted{
		background-position:-20px -20px;
		}
	.sub_navi_wrap > .title span{
		margin-right:30px;
	}
	.sub_navi_wrap > .sub_navi_wrap{
		float:left;

	}

	/* 푸터 */
	#footer{
		background:#333;
		overflow:hidden;
		clear: both;
	}
	#footer_wrap{
		overflow:hidden;
	}
	#footer_wrap > .left{
		float:left;
		width:38%;
		border-right:1px solid #5f5f60;
		box-sizing:border-box;
		text-align:right;
		margin-top: 10px;
		padding: 1% 5% 1% 0;
	}
	#footer_wrap > .right{
		float:left;
		width:56%;
		color:#ccc;
		padding:2%;
		box-sizing:border-box;
	}
	#footer_wrap > .right strong{
		font-family:"nanumGB";
		color:#fff;
	}
	/*go top 버튼 */
	.go_top{
		display:none;
		position:fixed;
		bottom:10px;
		right:20%;
		color:#fff;
		background:rgba(0,0,0,0.8);
		padding:10px;
		z-index:1000;
	}
	.go_top:hover{
		background:rgba(0,0,0,0.5);
	}