@charset "utf-8";
@import url("topmenu.css");
@import url("main.css");
@import url("sub.css");
@import url("content.css");

html
,body
{
	padding: 0;
	margin: 0;

	font-family:  dotum, gulim, arial, sans-serif;
	font-size:  12pt;
	color: #000000;

	background: #ffffff url("bg_body.jpg") no-repeat center top;

	text-align: center;
}

a:link, a:visited { color: #000000; }
a:active, a:hover { color: #0880a6; }


th, td, input, select, textarea
{
	font-family: dotum, gulim, arial, sans-serif;
}

.show
{
	display: block;
}

.block
{
	display: block;
}

.hide
,.none
{
	display: none;
}

.layout_siteout
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
}


.admin_page_info
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	font-size:  0.8em;
}
/*
.xIEDown .layout_siteout
{
	width: 900px;
	margin: 0px auto 0px auto;
}
*/

.layout_siteout .document_navigation
{
	display: none;
}

.layout_siteout .document_title
{
	display: none;
}


.layout_siteout .top_area
{
	float: left;
	clear: left;

	width: 900px;
	height: 155px;
}

.layout_siteout .mid_area
{
	float: left;
	clear: left;

	width: 900px;
}

.layout_siteout .bottom_area
{
	float: left;
	clear: left;

	width: 900px;
}



.layout_siteout .top_area h2
,.layout_siteout .mid_area h2
,.layout_siteout .bottom_area h2
{
	float: left;
	clear: left;
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.xIEDown .layout_siteout .top_area h2
,.xIEDown .layout_siteout .mid_area h2
,.xIEDown .layout_siteout .bottom_area h2
{
	display: none;
}










.layout_siteout .add_menu_main
,.layout_siteout .add_menu_sub
{
	float: left;
	clear: left;
	width: 900px;
	height: 40px;
}

.layout_siteout .add_menu_main h3
,.layout_siteout .add_menu_sub h3
{
	float: left;
	clear: left;
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.xIEDown .layout_siteout .add_menu_main h3
,.xIEDown .layout_siteout .add_menu_sub h3
{
	display: none;
}

.layout_siteout .add_menu_main .list
,.layout_siteout .add_menu_main .list .list_child
,.layout_siteout .add_menu_sub .list
,.layout_siteout .add_menu_sub .list .list_child
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.layout_siteout .add_menu_main .add_menu_box1
{
	float: left;
	height: 40px;
}

.layout_siteout .add_menu_main .add_menu_box1 .list
{
	float: left;
	height: 40px;
	white-space: nowrap;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child
{
	float: left;
	padding-top: 7px;
	height: 33px !important;
	height /**/: 40px;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_title
{
	position: relative;
	width: 210px;
	font-size: 0.8em;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_title .bg
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 210px;
	height: 40px;
	background: url("bg_topmenu_main_add1_title.gif") no-repeat left top;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content
{
	width: 94px;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content a
{
	display: block;
	float: left;
	width: 90px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	background: #82b5dc url("bg_topmenu_main_add1_button.gif") no-repeat left top;
	font-size: 0.75em;
	text-decoration: none;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content a:link
,.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content a:visited
{
	color: #ffffff;
}

.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content a:active
,.layout_siteout .add_menu_main .add_menu_box1 .list .list_child_content a:hover
{
	color: #eeeeee;
}

.layout_siteout .add_menu_main .add_menu_box2
{
	float: left;
	height: 40px;
}

.layout_siteout .add_menu_main .add_menu_box2 .list
{
	float: left;
	height: 40px;
	white-space: nowrap;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child
{
	float: left;
	height: 33px !important;
	height /**/: 40px;
	padding-top: 7px;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_title
{
	position: relative;
	width: 165px;
	overflow: hidden;
	font-size: 0.75em;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_title .bg
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 165px;
	height: 40px;
	background: url("bg_topmenu_main_add2_title.gif") no-repeat left top;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content1
{
	width: 102px;
	background: #82b5dc url("bg_topmenu_main_add2_button.gif") no-repeat left top;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content2
{
	width: 115px;
	background: #82b5dc url("bg_topmenu_main_add2_button.gif") no-repeat right top;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content a
{
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	padding: 0 18px 0 12px;
	text-align: center;
	font-size: 0.75em;
	text-decoration: none;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content a:link
,.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content a:visited
{
	color: #ffffff;
	background: url("bg_topmenu_main_add2_mark_d.gif") no-repeat right center;
}

.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content a:active
,.layout_siteout .add_menu_main .add_menu_box2 .list .list_child_content a:hover
{
	color: #eeeeee;
	background: url("bg_topmenu_main_add2_mark_o.gif") no-repeat right center;
}




.layout_siteout .add_menu_sub .add_menu_box
{
	float: left;
	clear: left;
	width: 900px;
	height: 40px;
}

.layout_siteout .add_menu_sub .add_menu_box .list
{
	float: left;
	padding: 6px 0 0 60px;
}

.layout_siteout .add_menu_sub .add_menu_box .list_child_title
{
	position: relative;
	float: left;
	width: 115px;
	height: 33px;
	font-size: 0.8em;
}

.layout_siteout .add_menu_sub .add_menu_box .list_child_title .bg
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 115px;
	height: 33px;
	background: url("bg_topmenu_sub_add_title.gif") no-repeat left top;
}

.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content
{
	float: left;
	padding-right: 3px;
}

.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content a
{
	display: block;
	float: left;
	width: 109px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	background: #82b5dc url("bg_topmenu_sub_add_button.gif") no-repeat left top;
	font-size: 0.75em;
	text-decoration: none;
}

.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content a:link
,.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content a:visited
{
	color: #ffffff;
}

.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content a:active
,.layout_siteout .add_menu_sub .add_menu_box .list .list_child_content a:hover
{
	color: #eeeeee;
}












.layout_siteout .bottom_area
{
	float: left;
	clear: left;
	width: 900px;
	height: 100px;
	background: url("bg_footer.gif") no-repeat left top;
}

.layout_siteout .bottom_area .footer
{
	float: left;
	clear: left;
	width: 900px;
	padding-top: 19px;
}

.layout_siteout .bottom_area .footer .logo
{
	float: left;
	width: 205px;
	height: 80px;
}

.layout_siteout .bottom_area .footer .address
{
	float: left;
	width: 535px;
	height: 80px;

	color: #7f7f7f;
	font-size: 0.8em;
	line-height: 1.1em;
}

.layout_siteout .bottom_area .footer .link
{
	float: left;
	width: 133px;
}

.layout_siteout .bottom_area .footer .link .list
,.layout_siteout .bottom_area .footer .link .list .list_child
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.layout_siteout .bottom_area .footer .link .list
{
	float: left;
	width: 133px;
}

.layout_siteout .bottom_area .footer .link .list .list_child
{
	float: left;
	width: 133px;
	padding-bottom: 3px;
}

.layout_siteout .bottom_area .footer .link .list .list_child a
{
	display: block;
	float: left;
	width: 123px !important;
	width /**/: 133px;
	line-height: 18px;
	padding-left: 10px;
	
	font-size: 0.75em;
	text-decoration: none;

	background: url("bg_footer_button.gif") no-repeat left top;
}

.layout_siteout .bottom_area .footer .link .list .list_child a:link
,.layout_siteout .bottom_area .footer .link .list .list_child a:visited
{
	color: #ffffff;
}

.layout_siteout .bottom_area .footer .link .list .list_child a:active
,.layout_siteout .bottom_area .footer .link .list .list_child a:hover
{
	color: #eeeeee;
}