/*-------------------------------------------------
BASIC Style Sheet
Version : 1.0
author : 
create date : 2009. 03. 03.
last update : 2009. 06. 25.
-------------------------------------------------*/

@import url(/share/css/default.css);
@import url(/share/css/general.css);
@import url(/share/css/style.css);
@import url(/share/css/table.css);


/* LAYOUT
------------------------------------------*/
body#main {
	margin: 0px;
	width: 100%;
}
#wrapper  {
	padding: 0;
	margin: 0;
	position:relative; 
	overflow: hidden;
	background: #f8f8f8;
	} 

#header  {
	position:relative; 
	width: 100%;	
	height: 83px;
	background: url(/img/common/topmenu_bg.gif) repeat-x;
	}

#container  {
	width: 1001px;
	height: 615px;
	position:relative;
	padding: 0;
	margin: 0;
	background: url(/img/main_bg.gif) repeat-y;
	}

#footer  {
	position:relative; 
	clear:both; 
	width: 100%;
	height: 50px;
	padding: 5px 0 0 20px;
	margin: 0 0 0 0;
	background: url(/img/common/footer_bg.gif) repeat-x ;
	}


/* Top Side Menu Sub STYLE
-------------------------------------------------*/

.header_all { width: 1001px;}

.tsidemenu_sub  {
	float: right;
	padding: 4px 10px 0 0;
	}

.tsidemenu_sub ul li  {
	float: left;
	height: 18px;
	padding: 0;
	margin: 0;
	}

#gnavigation  {
	width: 1001px;
	height: 61px;
	}


/* TOPIMG _ LOCATION
-------------------------------------------------*/

#top_img {
	height: 124px;
	width: 786px;
	background: url(/img/common/subtop_01.gif) no-repeat;
	}


/* CONTENTS 
-------------------------------------------------*/

#side1 { 
		float: left; 
		height: 537px;
		width: 460px; 
		margin:0;
		padding: 0;
		}
#side1 #dir_link1,
#side1 #dir_link2,
#side1 #dir_link3{
		height: 244px;
		width: 460px; 
		background: url(/img/dir_link_bg.gif) repeat-y;}
#side2 { 
		float: left; 
		height: 528px;
		width: 534px; 
		margin:0 0 0 0; 
		padding: 0 0 0 0; 
		background: url(/img/side2_bg.gif) no-repeat;
		}

#side2 .title {}
#side2 .title li { padding: 0 0 3px 0; }

#main_banner { 
		float: left; 
		height: 78px;
		width: 500px; 
		margin:0 0 0 0; 
		padding: 9px 0 0 25px; 
		}
#main_banner ul { 
		clear: both;
		}
#main_banner ul li { 
		float: left; 
		padding: 0 15px 0 0;
		}
#side1 .side1_tab {
		width: 460px
		height:28px;
		background: url(/img/side1_tab_bg.gif) no-repeat;
		}
#side1 .side1_tab ul {
		height: 24px;
		padding: 4px 0 0 0;
		}
#side1 .side1_tab ul li {
		float: left;
		width: 150px;
		text-align: center;

		}

.dir_link_bg {
		clear: both;
		width: 460px
		height:216px;
		}
.dir_link_bg p.img{
		width: 170px;
		float: left;
		padding: 16px 0 0 0;
		}
.dir_link_bg div.contents{
		float: left;
		padding: 10px 0 0 0;
		}
.dir_link_bg div.contents ul.menu1{
		clear: both;
		width: 267px;
		height:22px;
		background: url(/img/dir_link_bg3.gif) repeat-x;
		}
.dir_link_bg div.contents ul.menu{
		clear: both;
		width: 267px;
		height:22px;
		padding: 5px 0 5px 0;
		background: url(/img/dir_link_bg3.gif) repeat-x;
		}
.dir_link_bg div.contents ul.dot_line {
		clear: both;
		width: 267px;
		height:22px;
		background: url(/img/dir_link_bg4.gif) repeat-x;
		}
.dir_link_bg div.contents ul.none_line {
		clear: both;
		width: 267px;
		height:22px;
		}
.dir_link_bg div.contents ul li.left{
		float: left;
		height:17px;
		}
.dir_link_bg div.contents ul li.right{
		float: right;
		height:17px;
		}

.dir_link_bg div.contents ul li.right2{
		float: right;
		height:34px;
		padding:16px 0 0 0;
		}

.dir_link_bg p.title{
		clear: both;
		padding: 3px 0 7px 0;
		}

p.mg_t10 { margin-top: 10px; }
		
#side2 .side2_1 { 
		float: left;
		width: 240px;
		height: 528px;
		}
		.part1 {
		width: 216px;
		height: 113px;
		padding: 19px 0 0 24px;
					}
					.part1 ul.p1_select {
								width: 216p;
								padding: 15px 0 0 70px;
								background: url(/img/part1_bg.gif) no-repeat 0 15px;
								}
					.part1 ul.p1_select li{
								width: 100px;
								padding: 0 0 5px 0;
								}
		.part2 {
		width: 215px;
		height: 106px;
		padding: 25px 0 0 24px;
		background: url(/img/part2_bg.gif) no-repeat right bottom; 
					}
		.part3 {
		width: 216px;
		height: 146px;
		padding: 45px 0 0 24px;
					}
					.part3 ul.p3_link {
								width: 191px;
								padding: 5px 0 0 0;
								}
					.part3 ul.p3_link li{
								width: 191px;
								padding: 0 0 3px 0;
								}
		.part4 {
		width: 200px;
		height: 85px;
		padding: 40px 0 0 24px;
		background: url(/img/part4_bg.gif) no-repeat right bottom;
					}
		
#side2 .side2_2 { 
		float: left;
		width: 294px;
		height: 528px;
		}
		.part5 {
		width: 270px;
		height: 234px;
		padding: 19px 0 0 24px;
					}
		.part6 {
		width: 290px;
		height: 160px;
		padding: 40px 0 0 24px;
					}
		.part7 {
		width: 270px;
		height: 90px;
		padding: 40px 0 0 24px;
					}
				/*	.part7 ul.tab_menu {
									width: 270px;	
									height: 22px;
									background: url(/img/bbs_tab_bg.gif) repeat-x;
									}
					.part7 ul.tab_menu li {
									float: left;
									}
					.part7 ul.tcontents {
									clear: both;
									width: 260px;;	 
									margin: 10px 0 0 10px;
									}
					.part7 ul.tcontents li {
									width: 248px;
									padding: 0 0 0 12px;
									background: url(/img/dot.gif) no-repeat left center;
									}  */

.tab_menu {
		width: 255px;	
		height: 22px;
		background: url(/img/bbs_tab_bg.gif) repeat-x;
		}
.tab_menu li {
		float: left;
		}
.tab_menu .more{
		float:right;
		padding:7px 0 0 0;
		}
.tcontents {
		clear: both;
		width: 260px;;	 
		margin: 10px 0 0 10px;
		}
.tcontents li {
		width: 248px;
		padding: 0 0 0 12px;
		background: url(/img/dot.gif) no-repeat left center;
		}

/* FOOTER
-------------------------------------------------*/

#footer .footer { width: 1001px; padding: 0 0 0 0; background: #FFFFFF; }
#footer #footer_logo {  
float:left;
}

 
#footer #rfoot {                                                                
float:left; 
padding: 0 0 0 10px;
}

#footer #rfoot .footMenu {  
padding:3px 0 0 0;
}

#footer #rfoot .footMenu .navi_sup { 
width:560px;  
}

#footer #rfoot .footMenu .navi_sup li {
float:left; 
padding:0 10px 0 0;
}

#footer #rfoot .footMenu .navi_sup li img {
vertical-align:top;  
}

 
#footer #family { 
float:left; 
padding: 3px 0 0 30px;
}


 /* QUICK
-------------------------------------------------*/
#quick {
	 margin:0;
	 padding:0;
	 width:70px;
	 }

#quick li{
	 margin:0;
	 padding:0 0 3px 0;
	 }

 #quick #tts {
	 margin:0 0 5px 0;
	 padding: 7px 0 0 5px;
	 width:70px;
	 height: 40px;
	 background: url(/img/tts_bg.gif) no-repeat ;
	 }
 #quick #tts .btn {
	width:12px;
	height:12px; 
	border:1 solid #d5d5d5;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: Dotum; 
	FONT-SIZE: 11px;
	color:136CBE; 
	cursor:pointer;
	 }
 #quick #ceo {
	 margin:0;
	 }
 #quick #ceo li {
	 padding:0 0 5px 0;
	 }