@charset "euc-kr";
@import "common.css";
html,
body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "Dotum", "µ¸¿ò";
}

#wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: url('../images/sub_topbg.gif') repeat-x left 106px;
}

#header {
	z-index: 1;
	margin: 0 auto;
	position: relative;
	width: 970px;
	height: 106px;
	
}

.sub_top {
	margin: 0;
	float:right;
}

#main_logo {
	width:136px;
	padding: 37px 0 0 0;
	float:left;
}

#contents {
	float:left;
	width: 970px;
	overflow:hidden;
	margin: 0;
	padding: 0px;
}

#glbNav {
	float: right;
	padding: 0px;
	margin: 0px;
}
#glbNav ul.home {
	padding-top: 50px;
	margin: 0;
}
#glbNav .home li {
    margin: 0;
	padding: 0 0 7px 0;
	height: 7px;
}

h2 {
	padding: 0 0 0px 1px;
}

#body_contents {
	width: 970px;
	margin: 0 auto;
}

#footerArea {
	position:relative;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 55px;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	background-color: #fafafa;
	margin: 0;
	border-top:solid 1px #e7e7e7;
}
#footer {
	overflow: hidden;
	width: 970px;
	margin-top: 1px;
	padding: 18px 0 0 45px;
	margin: 0 auto;
}
#footer p.logo {
	float: left;
	padding: 0 43px 25px 0;
}
#footer address {
	float: left;
}
#footer p {
	float: left;
	padding: 4px 0 0;
}
#footer p.logo2 {
	float: left;
	margin:0;
	padding: 0px 0px 25px 70px;
}

#left {
    float: left;
	width: 206px;
	margin:0px 0 0 0;
}
.leftmenu ul  {
	float: left;
	width: 160px;
	overflow: hidden;
}
.leftmenu ul li {
	line-height:0;
}
.leftmenu h2{
	margin: 32px 0 0 0;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
}


#contentArea {
	float:right;
	width: 764px;
	margin: 0;
}
div.intro {background: url('../images/intro_bg.jpg') no-repeat left 0;}
div.products {background: url('../images/products_bg.jpg') no-repeat left 0;}
div.recruit {background: url('../images/recruit_bg.jpg') no-repeat left 0;}
div.infomation {background: url('../images/information_bg.jpg') no-repeat left 0;}
div.sitemap {background: url('../images/sitemap_bg.jpg') no-repeat left 0;}

#subtitle {
	float:left;
	margin: 0;
	padding: 0 0 0 24px;
	border-left: solid 1px #d3d3d3;
}
#subtitle h3{
	margin: 59px 0 0 0;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
}
#contents {
	float:left;
	width: 764px;
	overflow:hidden;
	margin: 0;
	padding: 29px 0 60px 34px;
	border-left: solid 1px #d3d3d3;
	border-top: solid 1px #d3d3d3;
}
#contents_bottom {
	float:left;
	width: 764px;
	overflow:hidden;
	margin: 0;
	padding: 29px 0 20px 34px;
	border-left: solid 1px #d3d3d3;
	border-top: solid 1px #d3d3d3;
}
#contents_bottom01 {
	float:left;
	width: 764px;
	overflow:hidden;
	margin: 0;
	padding: 29px 0 0px 34px;
	border-left: solid 1px #d3d3d3;
	border-top: solid 1px #d3d3d3;
}

#contents_img {
	width: 764px;
	padding-bottom:60px;
	float:left;
	border-left: solid 1px #d3d3d3;
	text-align:center;
}


#cont_body {
	width: 696px;
	padding: 0px 0px 30px 34px;
}


/* °Ô½ÃÆÇ ¾²±â */
div.boardEdit {
	width: 696px;
	margin: 0 10px 20px 0;
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
}
div.boardEdit table {
	width: 696px;
}
div.boardEdit table th {
	width: 89px;
	padding: 8px 0px 0px 16px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e0e0e0;
	background-color: #f4f4f4;
	height:28px;
}
div.boardEdit table td {
	padding: 7px 10px;
	border-bottom: 1px solid #e0e0e0;
	text-align: justify;
	vertical-align: top;
	color: #666;
}
div.boardEdit table td textarea {
	width: 560px;
	height: 90px;
}

div.boardEdit table td span {
	color: #666;
	font-size: 11px;
}

div.boardEdit table tr.last th {
	border-bottom:1px solid #e0e0e0;
}
div.boardEdit table tr.last td {
	border-top: none;
	border-bottom:1px solid #e0e0e0;
}

.btnCenter {
	text-align: center;
	padding-right: 10px;
	margin-top: 10px;
}
.btnright {
	text-align: right;
	padding-right: 0px;
	margin-top: 10px;
}


/* °Ô½ÃÆÇ ¸ñ·Ï */
div.boardList {
	width: 696px;
	margin: 0px;
}
div.boardList table {
	width: 696px;
}
div.boardList table thead th {
	padding: 0px;
	margin: 0px;
}    
div.boardList table tbody td {
    padding: 0;
	margin: 0;
}
div.boardList table tbody td.aa {
	text-align: left;
	border-bottom:1px solid #dadada;
	padding-left:30px;
	line-height: 26px;
	font-size: 12px;
	font-family: "Dotum", "µ¸¿ò";
	margin: 0 auto;
}
div.boardList table tbody td.ct {
	border-bottom:1px solid #dadada;
	padding: 0px;
	line-height: 26px;
	font-size: 12px;
	font-family: "Dotum", "µ¸¿ò";
}
div.boardList table tbody td.hit {
	border-bottom:1px solid #dadada;
	padding: 0px;
	line-height: 26px;
	font-size: 12px;
	font-family: "Dotum", "µ¸¿ò";;
	margin: 0 auto;
}


/* °Ô½ÃÆÇ º¸±â */
div.boardView {
	width: 696px;
	margin: 20px 0 0;
}
div.boardView table {
	width: 696px;
	padding-top: 20px;
}
div.boardView table th {
	padding: 0px;
	text-align: left;
	vertical-align: top;
	color: #0e749a;
}
div.boardView table td {
    padding: 20px 25px 20px 25px;
	text-align: left;
	vertical-align: top;
	color: #7d7d7d;
	font-size:13px;
	border-bottom: 2px solid #a0a0a0;
}
div.boardView table tr.first_line th,
div.boardView table tr.first_line td {
	background:url('../images/board_viewbg.gif') repeat-x 0 0;
	height:26px;
	font-size:12px;
	font-weight: bold; 
	color:#FFffff;
	text-align:left;
	padding: 8px 0 0 28px;
}
div.boardView table tr.cc th,
div.boardView table tr.cc td{
	padding: 4px 10px 0px 0px;
	text-align: right;
	margin:0;
	color: #777777;
	border-bottom: 1px solid #dadada;
	height:20px;
	font-size:12px;
}


div.site {
    padding:0;
	margin: 20px 0 0 0;
	text-align:left;
}












/* ÆäÀÌ¡ */
div.paging {
	height: 16px;
	padding: 0px;
	text-align: center;
	color: #939191;
	margin: 0px;
}
div.paging span {
	font-size: 11px;
	margin: 0;
	padding: 0 7px 0 9px;
	background: url('../images/board/bar_page.gif') no-repeat left top;
}
div.paging span a {color: #939191;}
div.paging span.first-child {
	background: none;
}
div.paging span.thispage {
	color: #cf636b;
	font-weight: bold;
}
div.paging a img {padding: 0 0 0 2px;font-size: 0;line-height: 0;vertical-align: middle;}
div.paging a #first_page { padding: 0 0 0;}
div.paging a #nextPage { padding: 0 0 0;}