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

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

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

#header p.subTitle {
	position: absolute;
	top: 130px;
	left: 330px;
}

/* 왼쪽 컬럼 */
#colLeft {
	float: left;
	width: 277px;
	margin-top: -170px;
	overflow: hidden;
}

/* 검색 (search) */
#search_area { width: 300px; padding-left: 30px; 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 { background: url(/open_contents/images/search_bg.gif) no-repeat 0 bottom; height: 50px; padding: 10px 20px; }

#search legend { display: none; }

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

#search .searchString { width: 175px; border: 1px solid #ccc; padding: 2px; height: 16px; margin-top: 5px; }

/* //검색 (search) */

.service { padding: 0; padding-left: 30px; }

.service li { background: none; float: left; padding: 0; }

/* //왼쪽 컬럼 */

/* 컨텐츠그룹 */
#contentsGroup {
	float: left;
	width: 406px;
	padding: 30px 10px 0 5px;
}

/* 게시판 */
.board { background: url(/open_contents/images/line_blue.gif) repeat-x 0 24px; height: 160px; position: relative; }
.board h2 { position: absolute; top: 0; }
.board h2.tab01 { left: 0; width: 410px; }
.board h2.tab02 { left: 71px; }
.board h2.tab01 a { background: url(/open_contents/images/board01.gif) no-repeat; display: block; width: 71px; height: 25px; text-indent: -9999px; }
.board h2.tab02 a { background: url(/open_contents/images/board02.gif) no-repeat; display: block; width: 95px; height: 25px; 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: -20px; right: 20px; }
.board dl { padding-left: 5px; float: left; }
.board dt { background: url(../images/common/bullet_dot.png) no-repeat 0 6px; width: 270px; float: left; padding-left: 10px; }
.board dd { float: right; padding-right: 10px; font-size: 0.95em; color: #999; }
#tabcontent1,#tabcontent2 { width:410px; padding:6px 0px; font-size:12px; margin-bottom:5px; line-height: 170%; position: absolute; top: 30px; }
#tabcontent1 a,#tabcontent2 a { color: #666; }

/* //게시판 */

ul { padding-left: 18px; }

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

/* 포토갤러리 */
.photoGallery { position: relative; }

.photoGallery h2 {
	background: url(/open_contents/images/bullet_arrow.gif) no-repeat 0 2px;
	margin-bottom: 10px;
	padding: 3px 18px;
	border-bottom: 1px solid #0094c8;
}

.photoGallery h2 span { position: absolute; top: 6px; right: 20px; }

.photoGallery ul { padding-left: 0; }

.photoGallery li { background: none; display: inline; padding: 0 4px; }

.photoGallery li a:hover img { border-color: #0094c8; }

.photoGallery li img { border: 1px solid #ccc; padding: 3px; }

/* 배너 */
.banner { background: url(/open_contents/images/banner_bg.gif) no-repeat right 0; }

.banner ul { background: url(/open_contents/images/banner_left.gif) no-repeat left 0; padding: 7px 5px; height: 49px; }

.banner li { background: none; display: inline; padding: 0; }

/* //컨텐츠그룹 */

/* 오른쪽컬럼 */
#colRight {
	float: left;
	width: 210px;
	overflow: hidden;
}

#colRight div.calendar {
	background: url(/open_contents/images/calendar_bottom.png) no-repeat left bottom;
	padding: 0 0 15px 15px;
	width: 210px;
	height: 230px;
	position: relative;
	overflow: visible;
}

#colRight .calendar h2 {
	margin: 0;
	margin-left: -15px;
}

#colRight .calendar p.chair {
	position: absolute;
	right: 10px;
	bottom: -28px;
}

#colRight .calendar table.tableCalendar {
	font-size: 0.8em;
	font-family: Tahoma, Geneva, sans-serif;
	border: none;
	margin-bottom: 8px;
}

#colRight .calendar .month { position: absolute; right: 50px; top: 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3e81bd; }

#colRight .calendar .month a { padding: 6px; }

#colRight .calendar .month span { font-size: 20px; }

#colRight .calendar table.tableCalendar th {
	background: none;
	border: none;
	text-align: center;
	color: #96b3d7;
	font-weight: bold;
}

#colRight .calendar table.tableCalendar td {
	background: #a0cbf5;
	text-align: right;
	padding: 0;
	border: 1px solid #fff;
}

#colRight .calendar table.tableCalendar td.bgNone { background-color: #eee; }

#colRight .calendar table.tableCalendar td a {
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	padding: 0;
	padding-right: 2px;
}

#colRight .calendar table.tableCalendar td a:hover {
	text-decoration: none;
	background-color: #3e81bd;
}

#colRight .calendar table.tableCalendar td.today {
	background-color: #3e81bd;
	font-weight: bold;
}

#colRight .calendar .todayis {
	background: #e8e8e8 url(/open_contents/images/today_bottom.png) no-repeat left bottom;
	width: 164px;
	padding-bottom: 8px;
}

#colRight .calendar .todayis ul {
	margin-bottom: 0;
	padding: 0 10px;
}

#colRight .calendar .todayis li {
	background: url(../images/common/bullet_dot.png) no-repeat 0 5px;
	padding-left: 8px;
	font-size: 0.95em;
	letter-spacing: -0.05em;
}

/* 패밀리사이트 */
.family { padding: 20px 10px;}

.family h2 {
	background: url(/open_contents/images/bullet_puzzle.gif) no-repeat 0 0;
	margin-bottom: 2px;
	padding: 3px 18px;
}

.family h3 {  visibility: hidden; height: 1px; margin-bottom: 3px; font-size: 0; line-height: 0; text-indent: -9999px; }

.family select { width: 130px; height: 22px; }

/* //오른쪽컬럼 */

#footer .count { right: 80px; }