@charset "utf-8";

@import "layout.css";

#wrap-main {
	margin: 13px auto 0;
	width: 970px;
}
#wrap-main #sidebar {
	float: left;
	width: 190px
}
#wrap-main #contents {
	float: left;
	margin: 0 13px 0 0;
	width: 470px;
	overflow: hidden;
}
#wrap-main #side-link {
	float: left;
	padding: 0 0 0 0;
	width: 187px;
}
/* 팝업존 */
div.popup-zone {
	margin: 0 0 15px;
	width: 176px;
	background: #fcfcfc;
	border: 1px solid #e3e3e3;
}
div.popup-zone h2 {
	padding: 7px 0 0 11px;
	height: 19px;
	border-bottom: 1px solid #ebebeb;
}
div.popup-zone div.content-list {
	border-bottom: 1px solid #ebebeb;
}
div.popup-zone div.content-list ul {
	margin: 1px 0 0;
	text-align: center;
}
div.popup-zone div.content-list ul li {
	padding: 0 0 2px;
	height: 107px;
}
div.popup-zone div.count-total {
	padding: 5px 0 0;
	width: 120px;
	height: 20px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
div.popup-zone div.count-total strong {
	color: #fa7204;
}
div.popup-zone div.prev-next {
	position: relative;
	margin: -25px 0 0;
	padding: 5px 5px 0 0;
	height: 20px;
	text-align: right;
}
div.popup-zone div.prev-next img {
	vertical-align: top;
}
div.popup-zone div.prev-next a.prev img {
	position: absolute;
	right: 35px;
	top: 5px;
}
div.popup-zone div.prev-next a.start img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.popup-zone div.prev-next a.stop img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.popup-zone div.prev-next a.next img {
	position: absolute;
	right: 5px;
	top: 5px;
}

/* 나라기록 토픽 */
div.nara-topic {
	margin: 0 0 15px;
	width: 176px;
	background: #fcfcfc;
	border: 1px solid #e3e3e3;
}
div.nara-topic h2 {
	padding: 7px 0 0 11px;
	height: 19px;
	border-bottom: 1px solid #ebebeb;
}
div.nara-topic div.content-list {
	border-bottom: 1px solid #ebebeb;
}
div.nara-topic div.content-list ul {
	margin: 1px 0 0;
	text-align: center;
}
div.nara-topic div.content-list ul li {
	padding: 0 0 2px;
	height: 153px;
}
div.nara-topic div.count-total {
	padding: 5px 0 0;
	width: 120px;
	height: 20px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
div.nara-topic div.count-total strong {
	color: #fa7204;
}
div.nara-topic div.prev-next {
	position: relative;
	margin: -25px 0 0;
	padding: 5px 5px 0 0;
	height: 20px;
	text-align: right;
}
div.nara-topic div.prev-next img {
	vertical-align: top;
}
div.nara-topic div.prev-next a.prev img {
	position: absolute;
	right: 35px;
	top: 5px;
}
div.nara-topic div.prev-next a.start img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.nara-topic div.prev-next a.stop img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.nara-topic div.prev-next a.next img {
	position: absolute;
	right: 5px;
	top: 5px;
}

/* 온라인 전시관 */
div.online-pavilion {
	width: 176px;
	background: #fcfcfc;
	border: 1px solid #e3e3e3;
}
div.online-pavilion h2 {
	padding: 7px 0 0 11px;
	height: 19px;
	border-bottom: 1px solid #ebebeb;
}
div.online-pavilion div.content-list {
	border-bottom: 1px solid #ebebeb;
}
div.online-pavilion div.content-list ul {
	margin: 1px 0 0;
	text-align: center;
}
div.online-pavilion div.content-list ul li {
	height: 169px;
}
div.online-pavilion div.content-list ul li p.title {
	padding: 5px 0 5px 10px;
	text-align: left;
}
div.online-pavilion div.content-list ul li p.content {
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 0.9em;
}
div.online-pavilion div.count-total {
	padding: 5px 0 0;
	width: 120px;
	height: 20px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
div.online-pavilion div.count-total strong {
	color: #fa7204;
}
div.online-pavilion div.prev-next {
	position: relative;
	margin: -25px 0 0;
	padding: 5px 5px 0 0;
	height: 20px;
	text-align: right;
}
div.online-pavilion div.prev-next img {
	vertical-align: top;
}
div.online-pavilion div.prev-next a.prev img {
	position: absolute;
	right: 35px;
	top: 5px;
}
div.online-pavilion div.prev-next a.start img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.online-pavilion div.prev-next a.stop img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.online-pavilion div.prev-next a.next img {
	position: absolute;
	right: 5px;
	top: 5px;
}
/* 컬렉션 모음 */
div.collection-list {
	margin: 0 0 6px;
	width: 468px;
	border: 1px solid #dbdbdb;
	background: #f7f7f7;
}
div.collection-list h2 {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.collection-list div.content-list {

}
div.collection-list div.content-list ul li p.image {
	padding: 1px;
	border-bottom: 1px solid #dbdbdb;
}
div.collection-list div.content-list ul li p.info {
	padding: 0 0 0 18px;
	width: 352px;
	height: 29px;
	line-height: 29px;
}
div.collection-list div.count-total {
	margin: -29px 0 0 360px;
	padding: 5px 0 0;
	width: 40px;
	height: 24px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
div.collection-list div.count-total strong {
	color: #fa7204;
}
div.collection-list div.prev-next {
	margin: -29px 0 0 410px;
	padding: 5px 4px 0 0;
	width: 50px;
	height: 24px;
	text-align: right;
}
div.collection-list div.prev-next img {
	vertical-align: top;
}
div.collection-list div.prev-next a.prev img {
	position: absolute;
	right: 35px;
	top: 5px;
}
div.collection-list div.prev-next a.start img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.collection-list div.prev-next a.stop img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.collection-list div.prev-next a.next img {
	position: absolute;
	right: 5px;
	top: 5px;
}
/* 베스트 콘텐츠 */
div.best-contents {
	position: relative;
	float: left;
	margin: 0 0 14px;
	padding: 0 0 15px;
	width: 468px;
	border: 1px solid #8dbed4;
}
div.best-contents h2 {
	padding: 10px 0 0 16px;
	height: 22px;
	background: url("/next/images/main/h2_best_contents_bg.gif") repeat-x 0 0;
}
div.best-contents h2 img {
	vertical-align: top;
}
div.best-contents p.title {
	float: left;
	padding: 10px 0 0 18px;
	height: 20px;
	color: #383838;
	font-size: 1.2em;
	font-weight: bold;
}
div.best-contents p.classification {
	float: right;
	padding: 10px 18px 0 0;
	height: 20px;
	font-size: 0.9em;
	text-align: right;
}
div.best-contents p.photo {
	clear: both;
	padding: 15px 0 0 10px;
	height: 70px;
	border-top: 1px solid #ebebeb;
}
div.best-contents p.photo img{
	width: 120px;
	height: 70px;
}
div.best-contents p.content {
	margin: -70px 0 0;
	padding: 0 18px 0 145px;
	height: 70px;
	color: #383838;
	line-height: 1.5em;
	text-align: justify;
}
/* 이달의 기록 */
div.this-month-archive {
	float: left;
	margin: 0 0 11px;
	padding: 0 0 5px;
	width: 468px;
	border: 1px solid #ebebeb;
}
div.this-month-archive h2 {
	padding: 9px 0 0 16px;
	height: 20px;
	border-bottom: 1px solid #ebebeb;
}
div.this-month-archive h2 img {
	vertical-align: top;
}
div.this-month-archive p.photo {
	float: left;
	padding: 10px 0 0 11px;
	width: 135px;
}
div.this-month-archive p.photo img {
	width: 120px;
	height: 70px;
}
div.this-month-archive ul {
	float: left;
	padding: 10px 0 0;
}
div.this-month-archive ul li {
	padding: 0 0 3px 10px;
	width: 300px;
	font-weight: bold;
	background: url("/next/images/main/li_dot.gif") no-repeat 0 center;
}
div.this-month-archive ul li a {
	color: #383838;
}
div.this-month-archive ul li.first-child a,
div.this-month-archive ul li:first-child a {
	color: #0060be;
}
/* 인기 콘텐츠 */
div.popular-content {
	float: left;
	margin: 0 0 10px;
	padding: 0 0 5px;
	width: 468px;
	border: 1px solid #ebebeb;
}
div.popular-content h2 {
	padding: 9px 0 0 16px;
	height: 20px;
	border-bottom: 1px solid #ebebeb;
}
div.popular-content h2 img {
	vertical-align: top;
}
div.popular-content p.photo {
	float: left;
	padding: 10px 0 0 11px;
	width: 135px;
}
div.popular-content p.photo img {
	width: 120px;
	height: 70px;
}
div.popular-content ul {
	float: left;
	padding: 10px 0 0;
}
div.popular-content ul li {
	padding: 0 0 3px 10px;
	width: 300px;
	background: url("/next/images/main/li_dot.gif") no-repeat 0 center;
}
div.popular-content ul li span.subject {
	float: left;
	width: 88px;
	color: #383838;
	font-weight: bold;
}
div.popular-content ul li span.title a {
	color: #383838;
}
div.popular-content ul li span.field {
	padding: 0 0 0 10px;
	font-size: 0.9em;
	color: #b7aa93;
}

/* 컬렉션 모음 */
div.main-collection {
	float: left;
	padding: 5px 0 20px 0;
	width: 472px;
}
div.main-collection h2 {
	padding: 0 0 0 20px;
	height: 26px;
}
div.main-collection ul {

}
div.main-collection ul li {
	float: left;
	padding: 0 2px 6px 0;
}
div.main-collection ul li img {
	vertical-align: top;
}

/* 관련사이트 */
div.relation-site {
	width: 185px;
	padding: 0 0 2px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}
div.relation-site h2 {
	padding: 10px 0 0 5px;
	height: 25px;
}
div.relation-site ul {
	padding: 0 0 0 5px;
}
div.relation-site ul li {
	padding: 0 0 3px;
}
div.relation-site ul li img {
	vertical-align: top;
}
/* 관련배너 */
div.relation-banner {
	float: left;
	margin: 5px 0 0;
	padding: 5px 0 2px;
	width: 185px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}
div.relation-banner h2 {
	padding: 10px 0 0 5px;
	height: 25px;
}
div.relation-banner ul {
	padding: 0 0 0 2px;
}
div.relation-banner ul li {
	float: left;
	padding: 0 0 3px 4px;
}
div.relation-banner ul li img {
	vertical-align: top;
}
/* 고객서비스 */
div.customer-service {
	margin: 5px 0 0;
	width: 185px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}
div.customer-service h2 {
	padding: 14px 0 0 5px;
	height: 25px;
}
div.customer-service ul {
	padding: 0 0 4px 5px;
}
div.customer-service ul li {
	padding: 0 0 7px;
}
div.customer-service ul li img {
	vertical-align: top;
}
/* 교육콘텐츠 */
div.edu-contents {
	margin: 5px 0 0;
	width: 185px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}
div.edu-contents h2 {
	padding: 10px 0 0 9px;
	height: 21px;
}
div.edu-contents div.content-list {
	border-bottom: 1px solid #ebebeb;
}
div.edu-contents div.content-list ul {
	margin: 1px 0 0;
	text-align: center;
}
div.edu-contents div.content-list ul li {
	padding: 0 0 2px;
	height: 123px;
}
div.edu-contents div.count-total {
	padding: 5px 0 0;
	width: 120px;
	height: 20px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.5em;
}
div.edu-contents div.count-total strong {
	color: #fa7204;
}
div.edu-contents div.prev-next {
	position: relative;
	margin: -25px 0 0;
	padding: 5px 5px 0 0;
	height: 20px;
	text-align: right;
}
div.edu-contents div.prev-next img {
	vertical-align: top;
}
div.edu-contents div.prev-next a.prev img {
	position: absolute;
	right: 35px;
	top: 5px;
}
div.edu-contents div.prev-next a.start img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.edu-contents div.prev-next a.stop img {
	position: absolute;
	right: 21px;
	top: 5px;
}
div.edu-contents div.prev-next a.next img {
	position: absolute;
	right: 5px;
	top: 5px;
}
/* 나라기록포털 배너광장 */
div.site-banner {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	width: 860px;
	background: url("/next/images/main/site_banner_bg.gif") no-repeat 0 0;
}
div.site-banner h2 {
	float: left;
	width: 133px;
	height: 61px;
}
div.site-banner h2 img {
	padding: 15px 0 0 27px;
}
div.site-banner div.banner-scroll {
	float: left;
	margin: 9px 0 0;
	width: 722px;
}
div.site-banner div.banner-scroll ul {
	float: left;
	width: 722px;
}
div.site-banner div.banner-scroll ul li {
	float: left;
	padding: 0 2px 0 0;
	width: 110px;
	height: 47px;
}
div.site-banner div.banner-scroll ul li img {
	vertical-align: top;
}
div.site-banner div.banner-control {
	position: absolute;
	left: 107px;
	top: 9px;
	width: 15px;
	height: 50px;
}
div.site-banner div.banner-control img {
	display: block;
	margin: 0 0 4px;
	width: 14px;
	height: 12px;
	cursor: pointer;
	vertical-align: top;
}
div.site-banner div.banner-control a {
	display: block;
}