@charset "utf-8";
/* CSS Document */

html {
	background:url(../image/bg.gif) repeat-y top center; 
}


body {	
	background:url(../image/top_bg.gif) repeat-x top center;	
	width:100%; 	
	padding:0; 	
	margin:0 auto; 	
	text-align:center;	
	font-size:1em;	
	font-family:"돋움";
	color:#323232;
}


img {	
	display:block; 	
	border:none;
	padding:0;
	margin:0;	
}


h2 {
	padding:0 0 0 25px;
	margin:0;
	font-size:0.9em;
	font-weight:bold;
	color:olivedrab;
	background:url(../image/h2.gif) no-repeat left;
}


h3 {
	padding:0 0 0 15px;
	margin:0;
	font-size:0.8em;
	font-weight:bold;
	background:url(../image/icon.gif) no-repeat left;
}


h4 {
	padding:0 0 0 15px;
	margin:40px 0 0 0;
	font-size:0.8em;
	line-height:1.4em;
	font-weight:bold;
	color:olivedrab;
	background:url(../image/icon.gif) no-repeat left 3px;
}


h4 span {
	padding:0;
	margin:0;
	color:dimgray;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}


h5 {
	padding:0 0 0 15px;
	margin:20px 0 0 0;
	font-size:0.8em;
	font-weight:bold;
	color:dimgray;
}


h6 {
	padding:0 5px 0 0;
	margin:0;
	font-weight:normal;
	font-size:0.7em;
	background:url(../image/arrow.gif) no-repeat right;
}


p.top {
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:0.8em;
}

.font_c {
	color:tomato;
	text-decoration:underline;
}




a {
	color:dimgray;	
	text-decoration:none;
}


a:hover {
	color:tomato;
	text-decoration:underline;
}


ul {
	list-style:none;
}


.png24 {
    tmp:expression(setPng24(this));
}


.page {	
	position:relative; 	
	padding:0; 	
	margin:0 auto; 
	text-align:center; 
	width:100%;
}


.f_left {float:left;}

.f_right {float:right;}










#header {	
	position:relative;	
	padding:0;	
	margin:0 auto;	
	width:940px;	
	height:88px;	
	border:0px solid red;	
	font-size:1.2em;		
}

#header .logo {
	position:relative;	
	padding:7px 0 0 3px;	
	margin:0;	
	float:left;
}

#header .sub_menu {
	position:absolute;	
	left:52px;	
	top:61px;
	padding:7px 0 0 17px;	
	margin:0;	
	font-size:0.65em;	
	font-weight:bold;	
	color:white;	
	width:202px;	
	height:27px;	
	background:url(../image/sub_menu_bg.gif) no-repeat left top;	
}

#header .sub_menu ul {
	position:absolute;	
	left:17px;	
	top:0px;	
	padding:0; 	
	margin:0;	
}

#header .sub_menu ul li {
	padding:0;	
	margin:0;	
	float:left;	
}

#header .sub_menu .sub_menu01 {
	position:relative;	
	padding:0;	
	margin:0;	
}

#header .sub_menu .sub_menu02 {
	position:relative;	
	padding-left:26px;	
	margin:0;	
}

#header .sub_menu a {
	color:white;
	text-decoration:underline;
	line-height:27px;
}

#header .sub_menu a:hover {
	text-decoration:none;	
	color:black;	
}

#header .main_menu {
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:300px;
	line-height:60px;
	font-size:0.8em;
	font-weight:bold;
}

#header .main_menu ul {
	position:relative;
	padding:0;
	margin:0;
}

#header .main_menu ul li {
	position:relative;
	padding:0;
	margin:0;
	width:123px;
	float:left;
	background:url(../image/main_menu_bg.gif) no-repeat top left;
}

#header .main_menu .main_menu_bg {
	width:125px;
	background:url(../image/main_menu_bg1.gif) no-repeat top left;
}

#header .main_menu a {
	color:dimgray;
	text-decoration:none;
}

#header .main_menu a:hover {
	color:olivedrab;
	text-decoration:underline;
}

#header .top_menu {
	position:absolute;
	top:22px;
	left:820px;
	padding:0;
	margin:0;
	width:150px;
	height:20px;
	font-size:0.55em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../image/top_menu_bg.gif) no-repeat left top;
}

#header .top_menu ul {
	position:relative;
	padding:0;
	margin:0;
}

#header .top_menu ul li {
	padding-left:20px;
	float:left;
}

#header .top_menu a {
	color:darkgray;
	text-decoration:underline;
}

#header .top_menu a:hover {
	color:tomato;
	text-decoration:none;
}










#contents {
	position:relative;
	padding:0;
	margin:0 auto;
	width:836px;
}

#contents .main_img {
	padding-top:45px;
	margin:0 auto;
}

#contents .main_view {
	padding-top:30px;
	margin:0;
	width:836px;
	height:240px;
}

#contents .main_view .view_left {
	padding:0;
	margin:0;
	width:275px;
	float:left;
	color:#989898;
	text-align:left;
	font-size:0.72em;
	line-height:1.4em;
}

#contents .main_view .view_left ul {
	position:relative;
	padding:0;
	margin:0;
}

#contents .main_view .view_left ul li {
	padding:0;
	margin:0;
}

#contents .main_view .view_left ul li .text01 {
	padding:0;
	margin:0;
	font-size:1em;
	color:white;
	background-color:black;
	border:1px solid black;
	line-height:1.4em;
}

#contents .main_view .view_center {
	padding:0;
	margin:0 0 0 23px;
	width:320px;
	float:left;
	text-align:left;
}

#contents .main_view .view_center .view_menu_center {
	padding:0;
	margin:0;
}

#contents .main_view .view_center .view_menu_center ul {
	position:relative;
	padding:0;
	margin:0;
}


.view_title {
	position:relative;
	padding:0 0 5px 0;
	margin:0;
	height:18px;
}

.view_title li {
	padding:0;
	margin:0;
	line-height:1em;
}

#contents .main_view .view_center .view_menu_center ul.view_list {
	position:relative;
	padding:7px 0;
	margin:0 0 20px 0;
	border:1px solid #e6e6e6;
	background-color:ghostwhite;
}

#contents .main_view .view_center .view_menu_center ul.view_list li {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	font-size:0.75em;
	line-height:1.5em;
	background:url(../image/dot.gif) no-repeat left;
}

#contents .main_view .view_right {
	padding:0;
	margin:0;
	width:190px;
	float:right;
	text-align:left;
}

#contents .main_view .view_right .view_menu_right {
	padding:0;
	margin:0;
}

#contents .main_view .view_right .view_menu_right ul {
	position:relative;
	padding:0;
	margin:0;
}

#contents .main_view .view_right .view_menu_right ul.view_list {
	position:relative;
	padding:7px 0;
	margin:0 0 20px 0;
	border:1px solid #e6e6e6;
	background-color:ghostwhite;
}

#contents .main_view .view_right .view_menu_right ul.view_list li {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	font-size:0.75em;
	line-height:1.5em;
	background:url(../image/dot.gif) no-repeat left;
}

#contents .main_view .view_right .view_menu_right ul.view_list1 {
	position:relative;
	padding:7px 0;
	margin:0 0 20px 0;
	height:109px;
	border:1px solid #e6e6e6;
	background-color:ghostwhite;
}

#contents .main_view .view_right .view_menu_right ul.view_list1 li {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	font-size:0.75em;
	line-height:1.5em;
	background:url(../image/dot.gif) no-repeat left;
}










#sub_contents {
	position:relative;
	padding:35px 0 0 0;
	margin:0;
	text-align:left;
}


#sub_contents .sub_title {
	padding:0;
	margin:0;
	line-height:30px;
	height:30px;
	border-top:1px solid gainsboro;
}

#sub_contents .sub_title ul {
	padding:0;
	margin:0;
}

#sub_contents .sub_title ul li {
	padding:0;
	margin:0;
	float:left;
}

#sub_contents .sub_title ul li.m_title {
	font-size:0.8em;
	padding:0 0 0 15px;
}

#sub_contents .sub_title ul li span {
	font-size:0.7em;
	color:darkgray;
}

#sub_contents .tab_menu {
	position:relative;
	padding:10px 0;
	margin:0;
	width:836px;
	height:20px;
	border-top:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	background-color:ghostwhite;
}

#sub_contents .tab_menu ul {
	padding:0;
	margin:0;
	line-height:1em;
}

#sub_contents .tab_menu ul li {
	float:left;
	padding:0 0 0 30px;
	margin:0;
}

#sub_contents .tab_menu ul li span {
	padding:0 0 0 7px;
	margin:0;
	font-size:0.8em;
	background:url(../image/dot.gif) no-repeat left;
}

#sub_contents .tab_menu1 {
	position:relative;
	padding:10px 0;
	margin:0;
	width:836px;
	height:45px;
	border-top:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	background-color:ghostwhite;
	z-index:auto;
}

#sub_contents .tab_menu1 ul {
	padding:0;
	margin:0;
	line-height:1.4em;
}

#sub_contents .tab_menu1 ul li {
	float:left;
	width:25%;
}

#sub_contents .tab_menu1 ul li span {
	padding:0 0 0 7px;
	margin:0 0 0 30px;
	font-size:0.8em;
	background:url(../image/dot.gif) no-repeat left;
}

#sub_contents .tab_menu1 ul li.h_40 {
	float:left;
	width:40%;
}

#sub_contents .tab_menu1 ul li.h_40 span {
	padding:0 0 0 7px;
	margin:0 0 0 30px;
	font-size:0.8em;
	background:url(../image/dot.gif) no-repeat left;
}

#sub_contents .sub_view {
	clear:both;
	position:relative;
	padding:0;
	margin:0;
}

#sub_contents .sub_view ul {
	padding:0 0 0 60px;
	margin:0;
}

#sub_contents .sub_view ul li {
	padding:10px 0 0 0;
	margin:0;
	font-size:0.8em;
	line-height:1.4em;
	list-style:decimal;
}

#sub_contents .sub_view p {
	clear:both;
	padding:20px 0 0 0;
	margin:0;
	font-size:0.8em;
	line-height:1.6em;
}

#sub_contents .sub_view p.line {
	clear:both;
	height:100%;
	padding:20px 0 0 0;
	margin:0;
	font-size:0.8em;
	line-height:1.6em;
	border-top:1px solid gainsboro;
}

#sub_contents .sub_view p.text {
	clear:both;
	padding:5px 0 0 15px;
	margin:0;
	font-size:0.8em;
	line-height:1.6em;
}

#sub_contents .sub_view p.in {
	clear:both;
	padding:0 0 0 20px;
	margin:0;
	font-size:1em;
	line-height:1.6em;
}

#sub_contents .sitemap {
	padding:0;
	margin:0;
	position:relative;
}










#footer {
	position:relative;
	padding:0;	
	margin:70px auto 0;	
	background-color:#3c3c3c;	
	width:100%;	
}

#footer ul.text {
	position:relative;
	width:836px;
	height:45px;	
	padding:17px 0 0 0;	
	margin:0 auto;	
	color:#969696;	
	font-size:0.75em;	
	text-align:left;	
	line-height:1.3em;	
}

#footer .text li {
	padding:0;
	margin:0;
}