@charset "UTF-8";
@import "global.css";
@import "common.css";

body { background: url(/open_contents/images/bg.jpg) repeat-x; }

#wrap { background: url(/open_contents/images/bg_main.jpg) no-repeat; }

#header {
	position: relative;
	height: 139px;
}

#header p.subTitle {
	position: absolute;
	top: 160px;
	left: 65px;
}

/* 왼쪽 컬럼 */
#colLeft { width: 318px; }

#colLeft img { position: absolute; top: 351px; left: 64px; }

/* //왼쪽 컬럼 */

/* 컨텐츠그룹 */
#contentsGroup {
	float: left;
	width: 335px;
	height: 410px;
	padding: 45px 10px 0 398px;
}

/* 게시판 */
.board { background: url(/open_contents/images/line_blue.gif) repeat-x 0 29px; height: 160px; position: relative; }
.board h2 { position: absolute; top: 0; }
.board h2.tab01 { left: 0; }
.board h2.tab02 { left: 101px; }
.board h2.tab01 a { background: url(/open_contents/images/board01.gif) no-repeat; display: block; width: 101px; height: 30px; text-indent: -9999px; }
.board h2.tab02 a { background: url(/open_contents/images/board02.gif) no-repeat; display: block; width: 101px; height: 30px; text-indent: -9999px; }
.board h2.tab01 a.tabactive { background: url(/open_contents/images/board01_on.gif) no-repeat; }
.board h2.tab02 a.tabactive { background: url(/open_contents/images/board02_on.gif) no-repeat; }
.board div p { position: absolute; top: -15px; right: 20px; }
.board dl { padding-left: 5px; }
.board dt { background: url(/open_contents/images/bullet_dot.png) no-repeat 0 6px; width: 220px; float: left; padding-left: 10px; }
.board dd { float: right; padding-right: 10px; font-size: 0.95em; color: #999; }
#tabcontent1,#tabcontent2 { width:340px; padding:6px 0px; font-size:12px; margin-bottom:5px; line-height: 170%; position: absolute; top: 30px; }
#tabcontent1 a,#tabcontent2 a { color: #666; }

/* //게시판 */

/* 가상갯벌체험관 */
.experience { background: url(/open_contents/images/vr_bg.gif) no-repeat 0 14px; }

.experience h2 { margin-bottom: 5px; }

.experience ul { margin: 0; height: 90px; }

.experience li { background: none; padding: 0 3px; float: left; }

.experience h3 { float: left; height: 60px; padding: 13px 0 0 28px; }

ul { padding-left: 18px; }

ul li {
	background: url(/open_contents/images/bullet_li.gif) no-repeat 0 4px;
	padding: 0 0 0 14px;
}

/* //컨텐츠그룹 */

/* 오른쪽컬럼 */
#colRight {
	background: url(/open_contents/images/bg_colRight.gif) no-repeat left top;
	float: left;
	width: 171px;
	height: 419px;
}

/* 링크존 */
.linkZone { padding: 40px 15px 0; }

.linkZone h2 { margin-bottom: 8px; }

.linkZone ul { margin-bottom: 0; padding: 0 10px; }

.linkZone li {
	background: url(/open_contents/images/bullet_circle.gif) no-repeat 0 6px;
	padding: 3px 10px;
	border-bottom: 1px solid #ccc;
}

.linkZone li a { color: #333; }

/* 검색 (search) */
#search_area { margin-bottom: 10px; }

#search_area h2 {
	background: url(/open_contents/images/bullet_search.gif) no-repeat 0 2px;
	font-size: 0.96em;
	letter-spacing: -0.05em;
	color: #0c639f;
	padding: 2px 18px;
	margin: 15px 0 3px;
}

#search fieldset { padding: 10px; }

#search legend { display: none; }

#search select { width: 135px; height: 22px; border: 1px solid #ccc; }

#search .searchString { width: 100px; border: 1px solid #ccc; padding: 2px; height: 16px; }

/* //검색 (search) */

.experienceMaul { padding: 0 20px; }

/* //오른쪽컬럼 */

/* 메인푸터 */

#footer { left: 320px; width: 590px; }

#footer h2 { left: -50px; }

#footer .count { right: -15px; }

#footer .siteInfo, #footer .copyright, #footer address { left: 105px; }
#footer address { width:550px; }