@charset "utf-8";
/* --------------------------------------------------
	파일명	:	default.css
	제   작	:	(주) 이프론트 Design Team
	사이트	:	http://www.1004homepage.co.kr
	제작자	:	허화진
	제작일	:	2010.3.18
---------------------------------------------------- */

/* ----------------------------
	Reset
------------------------------- */
*{margin:0; padding:0; font-size:12px; font-family:"돋움",Dotum,"굴림",Gulim,"Lucida Grande",
	Tahoma,Verdana,AppleGothic,UnDotum,sans-serif; line-height:170%; }
a{text-decoration:none; color: #666;}

body {scrollbar-face-color:#DEDEDE;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#DFDFDF;
	scrollbar-shadow-color:#CFCFCF;
	scrollbar-darkshadow-color:#BFBFBF;
	scrollbar-track-color:EFEFEF;
	scrollbar-arrow-color:7F7F7F;
}
	 
img,fieldset,iframe, button {border:0 none;}
a:link, a:visited, a:active { color:#565656; text-decoration:none;}
a:hover {color:black; text-decoration:none;}
table {border-collapse:separate;}
ul,li,ol,dl,dt,dd {display:inline;padding:0;margin:0;list-style:none; margin:0; padding:0;  }
form,p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:12px;}

/*	 Change Style
----------------------------- */
.inputtext { border:1px solid #ddd; color:#565656; height:19px;}
.inputTextArea { border:1px solid #ddd; color:#565656; height:150px; width:98%; }
.imgCenter {vertical-align:middle;}
.imgTop {vertical-align:top;} 
.imgBtn {cursor:pointer;}
input[type='text']{border-width:1px; border-color:rgb(223,225,211); border-style:solid; height:18px; vertical-align:middle;} 
input[type='radio']{vertical-align:middle;}
select{ color:#333; font-size:12px; }
.line{border-bottom:1px dotted;}


/* font color------------*/
.style1 {
	font-size: 11px;
}

.style2 {
	font-size: 11px;
	color: #cc7e7e;
	font-weight:bold
}


/* ------------------------------------------
	Layout ( 메인 레이아웃 스타일 )
----------------------------------------- */

/* Layout Selector */
body{background:url(/common/images/bg01.gif);}
#wrap0{width:100%; background:url(/common/images/bg02.gif) repeat-x;}
#wrap{margin:0 auto; width:1000px;  background:url(/common/images/bg.jpg) no-repeat; position:relative;}
#header{width:1000px; }
#navi{width:100%; height:80px; position:absolute; top:40px; left:0px; z-index:10;  }
#main_container{width:auto; height:700px;}
#container{width:auto; height:100%; margin-left:20px; background:url(/common/images/container_bg.gif) repeat-y; }
#footer{width:100%; height:100px;  background:url(/common/images/footer_bg.gif) repeat-x;}


/* index */
.left_content{float:left; width:347px; margin-top:350px; border:0px solid red}
.ban{width:437px; height:275px; position:absolute; top:120px; left:0px; z-index:100;}
.main_visual{float:right; width:633px; height:700px; border:0px solid red;}



.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;} 

/* Header */
.util {float:right; height:25px; margin-top:15px; padding-right:20px;}


/* Footer */
#bottom{margin:0 auto; width:1000px;}
.copy{float:left; padding-left:20px;}
.site{float:right; padding-top:5px; padding-right:20px;}
.site select{background-color:#c0baae;  font-family: ; color:#666666; font-weight:bold;}
.add{margin:0 auto; width:1000px;}
.address{float:left;}
.bottom_util{float:right; padding-top:15px; padding-right:20px;}

/* Navigation */
h1 { float:left; padding-left:20px; }
.gnb{ float:right;}


 
/* Content */
.snb{float:left; width:200px; padding-top:20px; }
.content{float:left; width:740px;  margin-left:20px; padding-left:20px; padding-top:20px;}
.left_content{width:280px; border:0px solid pink; float:left}
.substance{padding-left:20px; padding-top:20px; padding-bottom:50px;}
.board01{width:280px; height:110px; padding-left:7px; border:0px solid red;}
.boa01{width:216px; border:0px solid red; float:left;}
.more{float:right; width:37px}
.board_tit{float:left; border:0px solid blue; width:280px; background:url(/common/images/b_bg.gif) repeat-x;}
.list_nav li{
	float: left;
	width: 280px;
	margin:0;
	padding:0 0 3px 0;
}
* html .list_nav img{
	margin-bottom:-3px;
}
ul.list_nav{
	margin:0;
	padding:5px 0 0 0;
	list-style: none;
	float:left;
	border: 0px solid red;
	height: 20px;
	width: 300px;
}
.list{width:170px; height:30px;}

* html .guide_nav img{
	margin:-1px 0 -3px 0;
}

\\
.board02{float:left; width:280px; height:115px; padding-left:7px; }
.board03{float:left; width:347px; height:110px; border:0px solid red; padding:15px 0 0 0}
.board03_01{float:left; width:140px; height:110px; background:url(/common/images/board03_01.gif) no-repeat; }
.photo{margin-top:27px; margin-left:12px; width:115px; height:66px;}
.board03_02{float:left;}

.guide_board{width:700px height:240px; background:url(images/bottom_bg.gif); }