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

ul { padding-left: 18px; }

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

#header { height: 335px; }

#header .mainImage { position: absolute; top: 110px; left: 15px; }

#header .mainImage p.mainTitle { position: absolute; top: 20px; left: 480px; }

/* 왼쪽 컬럼 */
#colLeft {
	float: left;
	width: 228px;
	position: relative;
	top: -30px;
	overflow: hidden;
}

.adMovie { margin-bottom: 20px; padding-left: 16px; }

.adMovie #mainFlash { position: relative; }

.service { background: url(/open_contents/images/box_bottom.gif) no-repeat left bottom; margin-top: 13px; height: 66px; }

.service h2 { background: url(/open_contents/images/box_top.gif) no-repeat; text-indent: -9999px; font-size: 0px; line-height: 0; height: 10px; margin-bottom: 0; }

.service ul { float: left; margin: 0; padding-left: 0px; width: 114px; }

.service li { background: none; line-height: 210%; padding-left: 12px; }

/* //왼쪽 컬럼 */

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

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

/* //게시판 */

/* 이달의추천여행지 */
.recommend { position: relative; }

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

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

.recommend div { padding-right: 10px; }

.recommend div h3 { font-weight: bold; }

.recommend div a img { margin: 0 10px 0 4px; padding: 3px; }

.recommend div a:hover img { border-color: #0094c8; }

.recommend div p { text-align: justify; line-height: 120%; color: #666; }

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

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

.photoGallery h2 span { position: absolute; top: 2px; 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; }

/* //컨텐츠그룹 */

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

/* 검색 (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: #333;
	padding: 2px 18px;
	margin: 30px 0 3px;
}

#search fieldset { background: url(/open_contents/images/search_bg.gif) no-repeat 0 bottom; height: 55px; 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) */

/* 관광지정보 */
.info { height: auto; }

.info h2 {
	background: url(/open_contents/images/bullet_flower.gif) no-repeat 0 1px;
	font-size: 0.96em;
	letter-spacing: -0.05em;
	color: #333;
	padding: 2px 18px;
	margin: 22px 0 3px;
}

.info ul { padding-left: 6px; height: 65px; }

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

/* 안내 */
.guide ul { padding-left: 0; }

.guide li { background: none; padding: 0; }

/* //오른쪽컬럼 */

#footer .count { right: 80px; }