*{margin:0; padding:0;}

body{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-family:'malgun gothic','맑은고딕','돋움', arial;
	font-size:12px;
}

li{margin:0; list-style:none;}
img{border:0;}
input, select{font-size: 12px;vertical-align: middle;margin:0;	}
textarea{font-family:"굴림";font-size: 12px;}
a{
	text-decoration:none;
	color:#333;	
}
.f_bold{font-weight:bold;}
.hid{display:none;}

.font_color_red{color:#ca0808;}
.font_color_pink{color:#c70469;}
.font_color_blue{color:#1025ed;}
.font_color_steelblue{color:#036ac9;}
.left{float: left;}
.right{float: right;}
.center{float: center;}
.a_left{text-align: left;}
.a_right{text-align:right}


.select_st{
	color:#000;
	vertical-align:middle;
	width:120px;
	height:24px;
	font-size:10pt;
}
.select_st_02{background-color: #fff;border: 1px solid #ccc;}

/*skipnv*/
#skip_navigation { position:absolute; float: left; top:0px; left:0px; width:1024px; font-family:"Dotum"; font-size:14px; font-weight:bold; padding-left:10px; height:20px; }
#skip_navigation a { position:absolute; display:block; height:0; overflow:hidden;}
#skip_navigation a:hover, 
#skip_navigation a:focus, 
#skip_navigation a:active { height:auto; background:#095E8A; color:#f9f9f9; padding:10px 10px 10px 10px; }


/************ padding ***********/
.pad_l_5{padding-left: 5px;}
.pad_l_10{padding-left: 10px;}
.pad_l_20{padding-left: 20px;}
.pad_l_30{padding-left: 30px;}
.pad_r_5{padding-right: 5px;}
.pad_r_10{padding-right: 10px;}
.pad_r_20{padding-right: 20px;}
.pad_r_40{padding-right: 40px;}
.pad_t_5{padding-top: 5px;}
.pad_t_20{padding-top: 20px;}
.pad_t_50{padding-top: 50px;}
.pad_b_10{padding-bottom: 10px;}
.pad_b_20{padding-bottom: 20px;}
/************ padding ***********/

.top_area{
	width:1024px;
	height:72px;
	margin:0 auto;
	padding:0;
	text-align:left;	
}

.top_btn_area{
	float:right;
	margin:5px 0 0 0;
}
.top_btn_area ul li{
	float:left;
	margin:0 5px 0 0;	
}

.top_logo_area{
	float:left;
	width:780px;
	margin:20px 0 0 0;
}
.top_link_area{
	float:right;
	margin:10px 0 0 0;
	font-weight:bold;
}
.top_link_area ul li{
	font-size:11pt;
	float:left;
	margin:0 10px 0 0;
}
.top_link_area ul li a:hover{
	text-decoration:underline;	
}

.main_con_section_01{
	width:100%;
	height:133px;
	background:url(/eco_reserve/images/main/main_sisul_btn_bg.png) repeat-x;
	margin:0 auto;
	padding:0;
}

.main_sisul_btn_area{
	width:1024px;
	margin:0 auto;
	text-align:left;	
}
.main_sisul_btn_area li{
	float:left;	
}


.main_con_section_02{
	clear:both;
	width:100%; 
	height:320px;
	background:url(/eco_reserve/images/main/main_visu_bg.png) repeat-x;
}
.main_con_section_02_area{
	width:1024px;
	margin:0 auto;
}
.main_visu_arae{
	text-align:left;
	width:610px;	
	float:left;
}
.main_visit_btn_area{
	width:414px;
	float:right;
}

/*.main_visit_btn_area ul li{width:207px;	height:80px; float:left;} */
.main_visit_btn_area ul li{width:207px; height: 64px; float:left; border-bottom: 1px solid #148944; box-sizing:border-box; background: #FFF; display: grid; place-items: center}
.main_visit_btn_area ul li img{width: 100%; height: 62px;}
.main_visit_btn_area ul li:nth-child(1), .main_visit_btn_area ul li:nth-child(2){border-top: 1px solid #148944; box-sizing:border-box;}
.main_visit_btn_area ul li:nth-child(2n+1){border-right: 1px solid #148944; box-sizing:border-box;}
.main_visit_btn_area ul li:nth-child(10){background: #fff;}


.main_con_section_03{
	width:1024px;
	height:239px;
	margin:0 auto 0 auto;	
	text-align:left;
}
.main_q_reserve_area{
	width:256px;
	height:160px;
	padding:20px 7px;
	border:1px solid #989898;	
	margin:23px 0 0 0;
	float:left;
}

.main_q_reserve_tit_area li{
	margin:0 0 10px 0;
	text-align:left;
	font-weight:bold;
}

.main_q_reserve_select_area{
	width:253px;
	height:88px;
	background-color:#e0f4f5;	
	margin:10px 0 0 0;
}
.main_q_reserve_select_box{
	float:left;	
	width:186px;
	text-align:left;
	margin:12px 0 0 8px;
}
.main_q_reserve_btn_aera{
	float:left;
	width:40px;
	margin:12px 0 0 10px;
}
.main_reserve_select_box{
	width:95px;
	height:23px;	
}
.main_notice_area{
	position:relative;
	float:left;
	width:317px;
	height:200px;
	border:1px solid #8a8a8a;	
	margin: 23px 0 0 10px;
}
.m_notice_tit_area{
	width:317px;	
	height:35px;
}
.m_notice_tit_area li{
	float:left;	
}
.m_notice_list_area{
	height:165px;
}
.m_notice_list_area ul{
	padding:10px 10px;
}
.m_notice_list_area ul li{
	clear:both;
	height:30px;
	line-height:100%;
}
.notice_list_01{
	float:left;	
	width:25px;
	height:30px;
	margin:0 5px 0 0;
}
.notice_list_02{
	float:left;	
	height:30px;
	width:205px;
}
.notice_list_02 a:hover{
	text-decoration:underline;	
}
.notice_list_03{
	height:30px;
	float:left;	
}
.m_visit_number_area{
	float:left;
	margin:0 0 0 10px;
	width:413px;
	height:239px;
	background:url(/eco_reserve/images/main/main_visit_number_bg.png) no-repeat;
}
.m_visit_number_area ul{
	margin:60px 0 0 30px;
	width:350px;
}
.m_visit_number_area ul li{
	margin:3px 10px 3px 5px;
	font-weight:bold;
	font-size:10pt;
	float:left;
	background:url(/eco_reserve/images/sub/list_title_02.png) 0px 6px no-repeat;
	padding:0 0 0 10px;
}
.bottom_section_01{
	clear:both;
	width:100%;
	height:30px;
	background-color:#8d8d8d;	
}
.bottom_link_area{
	width:1024px;
	margin:0 auto;
	text-align:left;	
}
.bottom_link_area li{
	float: left;
	margin: 5px 10px 0 0 ;	
	color:#fff;
}
.bottom_link_area li a{
	color:#fff;
	font-weight:bold;	
}
.bottom_link_area li a:hover{
	text-decoration:underline;	
}
.bottom_section_02{
	width:1024px;
	height:100px;
	margin:0 auto 0 auto;
	text-align:left;
	background:url(/eco_reserve/images/main/bottom_logo_img.png) no-repeat;	
}
.bottom_section_02 ul{
	padding:20px 0 0 250px;	
}
.bottom_section_02 ul li{
	margin:0 0 5px 0;	
}



/*********sub*************/

.sub_body_area{
	width:100%;
	background:url(/eco_reserve/images/sub/sub_visu_bg.png) repeat-x;
	background-position:top;
	min-height:500px;
	
}

.sub_body_section{
	width:1024px;
	margin:0 auto;
	text-align:left;	
}
.sub_left_menu_area{
	float:left;
	width:188px;
}

.sub_left_menu_top{
	margin:50px 0 0 0; 
}
.sub_left_menu_li_area{
	width:188px;
	background-color:#11447b;	
}
.sub_left_menu_li_area li{
	width:188px;	
	height:40px;
	line-height:40px;
	font-size:10pt;
	font-weight:bold;
}

.left_menu_off a{
	color:#fff;
	margin:0 0 0 40px;	
}
.left_menu_on{
	background:url(/eco_reserve/images/sub/sub_left_menu_li_over.png);
	width:188px;
	height:	40px;
	color:#11447b;
	line-height:40px;
}

.left_menu_on a{
	color:#11447b;
	margin:0 0 0 40px;	
}

.sub_con_section{
	float:left;
	width:835px;
}

.sub_con_top_area{
	width:800px;
	height:90px;
	margin:20px 0 0 35px;
	border-bottom:1px solid #8d8d8d;	
}
.sub_menu_con_title{
	font-size:26pt;
	font-weight:bold;
	margin:0 0 10px 0;	
}
.sub_menu_location li{
	float:left;
	margin:0 5px 0 5px;
	vertical-align:
}

.sub_con_area{
	float:left;
	width:800px;
	margin:0 0 0 35px;
	padding:10px 0 50px 0;
	text-align:center;
	min-height:300px;
}