@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(sub.css);
html,body{
	width:100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}

body {
	font-family: '나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum';
	font-size: 13px;
	color: #555;
	z-index: 0; 
}

li {
	list-style: none;
}

a{
	text-decoration: none;
}

img{
	border: none;
}

b { font-weight: bold; }

ul,li,h1,h2,h3,h4,h5,ol,dl,dt,dd,p,body {
	margin:0;
	padding:0;
}

a,img{border: 0;}
body,html {height: 100%; width: 100%;}

.cleaner { clear:both; }

p span{ font-weight: 700; }
p.space10{ margin-top: 10px; }
p.space20{ margin-top: 20px; }
p.space30{ margin-top: 30px; }


/* ================================= wrap style ============ */

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

/* ================================= Header style ============ */

#header{
	width: 100%;
	height: 150px;
	margin: 0 auto;
}

#header > .header_top{
	width: 1200px;
	height: 100px;
	background: url('../img/bg_top.jpg') no-repeat;
	margin: 0 auto;
}

#header > .header_top > .logo_top{
	width: 259px;
	height: 100px;
	margin:auto;
}

#header > .header_top > .header_top_right{
	width: 212px;
	height: 100px;
	float: right;
}

#header > .header_top > .header_top_right > .login{
	width: 185px;
	height: 21px;
	margin-left: 27px;
}


#header > .header_top > .header_top_right > .search{
	width: 212px;
	height: 27px;
	margin-top: 26px;
}

/*메뉴*/

#header_bottom{
	width: 100%;
	height: 25px;
	padding: 15px 0;
	background-color:#ffc600;
	position: relative;
}

.Main_menu{
	width: 100%;
	height: 30px;
	position: relative;
	overflow: hidden;
}
.menu_wrap{
	width: 1000px;
	height: 30px;
	margin: 0 auto;
}

.menu_wrap > div{ float:left; }

.Mmenu{
	text-align: center;
	border-right: 1px solid #919191;
}
.Mmenu_01{ width:198px; border-left: 1px solid #919191;}
.Mmenu_02{ width:199px; }
.Mmenu_03{ width:199px; }
.Mmenu_04{ width:199px; }
.Mmenu_05{ width:199px; }


.menu_wrap h2.Mn{ 
	height: 30px;
	font-size: 15px;
	color: #fff;
	line-height: 12px;
	text-align:center;
}

.menu_wrap h2.Mn span{
	font-size:10px;
	letter-spacing: 0.5px;
}

.Mmenu ul{
	width:200px;
	min-height: 200px;
	padding-top: 30px;
	position: absolute;
	z-index: 500;
}

.Mmenu ul li{
	text-align:center;
}
.Mmenu ul li a{
	font-family: '나눔바른고딕','NanumBarunGothic','나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','dotum';
	font-size: 12px;
	line-height: 27px;
	color: #555;
}
.Mmenu ul li a:hover{
	color: #000;
}

#header_bottom .mB{
	width:100%;
	min-width:1200px;
	height: 225px;
	overflow: hidden;
	opacity: 0.9;
	filter:alpha(opacity=90);
	z-index: 200;
	position: absolute;
	top: 40px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

/* ================================= Main style ============ */

#main{
	width: 100%;
	height: auto;
	overflow: hidden;
}

#main > .main_visual{
	width: 100%;
	height: 450px;
	background-color: #fff;
}

#main > .main_visual > .main_vis_area{
	width: 2000px;
	height: 400px;
	margin: 0 auto;
}

#main > .main_con{
	width: 1200px;
	height: 140px;
	padding: 20px 0px;
	margin: 0 auto;
}

#main > .main_con > .con00{
	width: 300px;
	height: 140px;
	background: url('../img/con00.jpg') no-repeat;
	float: left;
}

#main > .main_con > .con00 > ul li{
	width: 300px;
	height: 100px;
	padding-top: 40px;
}

#main > .main_con > .con01{
	width: 300px;
	height: 140px;
	background: url('../img/con01.jpg') no-repeat;
	float: left;
}

#main > .main_con > .con01 > ul li{
	width: 300px;
	height: 100px;
	padding-top: 40px;
}

#main > .main_con > .con02{
	width: 300px;
	height: 140px;
	background: url('../img/con02.jpg') no-repeat;
	float: left;
}

#main > .main_con > .con03{
	width: 300px;
	height: 140px;
	float: left;
}

/* ================================= Main style ============ */

#sub{
	width: 100%;
	height: auto;
	overflow: hidden; 
}

#active{font-weight:600;}
#site{height:30px; background-color:#fff; border-bottom:1px solid #ddd;}
#site p{width:1100px; margin:0 auto; height:30px; color:#999; text-align:right; font-size:12px; line-height:30px; z-index:999;}

#sub > .sub_visual{
	width: 100%;
	height: 230px;
	background-color: #fff;
	border-bottom:1px solid #ddd;
}

#sub > .sub_visual > .sub_vis_area{
	background-color:#000;
	margin: auto;
}

#sub > .sub_contents{
	width: 1100px;
	height: auto;
	overflow: hidden;
	margin:10px auto;
}

/*#sub > .sub_contents > .left_nav{
	width: 200px;
	height: auto;
	overflow: hidden;
	float: left;
}

#sub > .sub_contents > .left_nav > .left_nav_tit{
	width: 200px;
	height: 60px;
	background: #005189;
	float: left;
}

#sub > .sub_contents > .left_nav > .left_nav_tit > ul li{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
}

#sub > .sub_contents > .left_nav > .left_nav_tit > ul li span{
	font-size: 11px; 
}

#sub > .sub_contents > .left_nav > .left_nav_txt{
	width: 200px;
	height: auto;
	overflow: hidden;
}

#sub > .sub_contents > .left_nav > .left_nav_txt > ul{
	width: 200px;
	height: auto;
	min-height: 160px;
}

#sub > .sub_contents > .left_nav > .left_nav_txt > ul li{
	width: 200px;
	height: 39px;
	border-bottom: 1px solid #a0a0a0;
	font-size: 13px;
	color: #555;
	text-align: left;
	line-height: 40px;
	padding-left: 20px;
	float: left;
}

#sub > .sub_contents > .left_nav > .left_nav_txt > ul li a{
	font-size: 13px;
	color: #555;
	text-align: left;
	line-height: 40px;
}

#sub > .sub_contents > .left_nav > .left_nav_txt > ul li a:hover{
	color: #005189;
}

#sub > .sub_contents > .left_nav > .left_nav_txt > ul li a.active{
	color: #005189; font-weight:600;
}*/

#sub > .sub_contents > .sub_con{
	width: 1100px;
	height: auto;
	overflow: hidden;
	margin:auto;
}

#sub > .sub_contents > .sub_con > .sub_con_txt {
	width: 1100px;
	/*margin-left:40px;*/
}

#sub > .sub_contents > .sub_con > .sub_con_tit{
	width: 800px;
	height: 60px;
	background: url('../img/bg_subtit.jpg') no-repeat;
}

#sub > .sub_contents > .sub_con > .sub_con_tit > ul{
	width: auto;
	height: 60px;

}

#sub > .sub_contents > .sub_con > .sub_con_tit > ul li.big_tit{
	width: auto;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 60px;
	text-align: left;
	padding-left: 45px;
	float: left;
}

#sub > .sub_contents > .sub_con > .sub_con_tit > ul li.sm_tit{
	width: auto;
	font-size: 11px;
	color: #999;
	letter-spacing: .5px;
	line-height: 60px;
	text-align: left;
	float: right;
}




/*===============오시는 길===============*/
.info_wrap{
	width: 800px;
	height:auto;
	position:relative;
	margin-top:40px;
}

.info_wrap > h3{
	text-align:center;
	color:#333;
	font-size:18px;
	line-height:20px;
}
.info_wrap .info > div{
	width:500px;
	height:50px;
	margin:0 auto;
	margin-top:50px;
}
.info_wrap .info > div.space{ margin-top:10px; }

.info_wrap .info > div h3{
	width:200px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	font-family:'Arial';
	font-size:14px;
	font-weight:500;
	float:left;
	text-align:center;
	background-color:#005189;
}
.info_wrap .info > div h3 i{ padding-right:5px; }
.info_wrap .info > div p{
	float:left;
	padding-left:15px;
	line-height:25px;
	font-size:14px;
}
.info_wrap .info > div p span{ font-weight:700; }

/* ================================= Footer style ============ */

#footer{
	width: 100%;
	height: 110px;
	background: url('../img/bg_bot.jpg') repeat-x;
}

#footer > .footer_area{
	width: 1200px;
	height: 110px;
	margin: 0 auto;
}

#footer > .footer_area > .logo_bot{
	width: 230px;
	height: 110px;
	margin-left:70px;
	margin-top:20px;
	background: url('../img/logo_bot.png') no-repeat;
	float: left;
}

#footer > .footer_area > .add{
	width: 900px;
	height: 110px;
	float: left;
}

#footer > .footer_area > .add ul li{
	width: auto;
	height: auto;
	margin-top: 15px;
	font-size: 11px;
	color: #999;
	line-height: 20px;
}

#footer > .footer_area > .add ul li span{
	color: #333;
}

#footer .top li { float: left; font-weight: bold; font-size: 10pt; margin-right: 30px; margin-top:40px; color:#717171; }

/*top*/
#backtotop { cursor : pointer;  display:none; position : fixed; bottom: 30px; padding : 10px; width : 90px; height:30px; text-align : center;
 background-color : #000; border-radius : 5px; opacity : 0.6;  color : #FFF;  font:400 15px/28px "맑은 고딕"; right:0; margin-right:10%; }
#backtotop:hover{ filter: alpha(opacity=90); -khtml-opacity : 0.9; -moz-opacity : 0.9; opacity : 0.9;}