@charset "euc-kr";
@import url(layout.css);
@import url(board.css);
@import url(common.css);


#top { background: url(../images/hannara/top_copy.jpg) left bottom #fff no-repeat;}
#subConArea { top: 490px;}
#contents { min-height: 600px;}
*html #contents { height: 600px;}

.bd_view { border-top: 2px solid #90bdcf;}

.prev_next th.prev span { background-image: url(../images/common/board/bl_prev.gif);}
.prev_next th.next span { background-image: url(../images/common/board/bl_next.gif); }


h2.title { margin: 20px 0 0; padding-bottom: 9px; background-image: url(../images/common/bullet/bul_bl_sp01.gif);}
em { color: #097bba;}


body#rules #contents	{ width: 660px; padding-left: 200px; padding-right: 40px;}
body#rules #contents h1 { margin-left: -14px;}
body#organic #contents	{ width: 660px; padding-left: 200px; padding-right: 40px;}
body#organic #contents h1 { margin-left: -14px;}


.topClass { position: relative; width: 610px;}
.topClass p.photo	{ position: absolute; top: 28px; left: 294px; background: transparent; border: 0; padding: 0;}
.topClass .profile	{ position: absolute; top: 0; left: 0; z-index: 1;}
.topClass .profile h2		{ height: 27px;}
.topClass .profile li img	{ vertical-align: middle;}
.topClass .txt_area	{ padding: 350px 0 0;}
.topClass .txt_area	h2,
.topClass .txt_area	p { padding-bottom: 18px;}
.topClass .txt_area	p.t03 { padding-bottom: 0;}
.topClass .txt_area	p.sign	{ text-align: right;;}

.photoEventClass { position: relative; width: 610px; margin-left: -20px;}

.han_text .new_con	{ height: 43px; margin-bottom: 20px; padding: 12px 0 0;
					  background: url(../images/hannara/hannara_02_tl_bg.gif) left top no-repeat;}
.han_text h2		{ width: 174px; padding: 9px 0 0 28px; font-size: 12px; height: 18px; border-right: 1px solid #d1d1d1;}
.han_text .sub_con	{ float: left; padding: 9px 0 0 32px; font-weight: bold; color: #666;}
.han_text .best_con { padding: 0 18px 17px 16px; font-size: 11px; line-height: 16px;}
.han_text .best_con h3 { margin: 20px 0 8px 0; font-size: 11px; color: #0b749f;}
.han_text .best_con p { margin: 8px 0 10px 0;}
.han_text .best_con ol { padding-bottom: 3px;}
.han_text .best_con ol ol { margin: 0 0 15px 0;}
.han_text .best_con ol { margin: 5px 0 -3px 0;}
.han_text .best_bg { background: url(../images/common/box01_line.gif) left top repeat-y;}
.han_text .buttonArea,
.han_law .buttonArea { padding: 0; height: 28px;}
.han_text .topButton { text-align: right; margin: -24px 22px 0 0;}

.han_law .new_con { height: 102px; margin-bottom: 20px; background: url(../images/hannara/hannara_03_tl_bg.gif) left top no-repeat;}
.han_law .new_con h2 { padding: 30px 0 0 23px;}
.han_law .new_con dl.sub_con { padding: 16px 0 0 18px; float: left; width: 400px;}
.han_law .new_con dl.sub_con * { line-height: 16px; font-size: 12px;}
.han_law .new_con dl.sub_con dt	{ float: left; padding: 0; width: 60px; text-align: right; background: transparent;}
.han_law .new_con dl.sub_con dd	{ float: left; width: 320px; padding: 0 0 5px 7px;}


.law-board	{ overflow: hidden;}
*html .law-board	{ overflow: visible; height: 1%;}
.law-board .b_list { width: 326px; float: left;}
#board-law01,#board-law03 { float: left;}
#board-law02,#board-law04 { float: right;}
.law-board .bd_list { background: url(../images/common/board/bd_bg_mini.gif) left top no-repeat;}
.law-board .bd_list th.file { width: 55px;}


.history h2.title { margin: 0; padding-bottom: 7px;}
.history { position: relative; height: 480px;}
.history #mov_player { position: absolute; top: 50px; left: 0; width: 313px; height: 280px; padding: 7px 0 0 7px;
						  background: url(../images/hannara/hannara_05_movBg.gif) left top no-repeat;}
.history .history_txt { position: absolute; top: 50px; right: 0; width: 270px;
						background: url(../images/common/dot01.gif) left top repeat-x;}
.history .history_txt dl { padding: 15px 0 0 2px; height: 270px;
						   background: url(../images/common/dot01.gif) left bottom repeat-x;}
.history .history_txt dt { height: 44px;}
.history .history_txt dd { padding: 0 0 8px 0;}
.history .history_txt dd span.block { display: block; padding: 0 0 0 45px;}
.history #history-tab { position: absolute; top: 365px; left: 0; width: 610px; height: 67px;}
.history #history-tab li { float: left;}
.history-all { margin-top: -30px;}
.history-all li { overflow: hidden; padding: 16px 0 18px 0;
				  background: url(../images/hannara/hannara_05_line.gif) left bottom no-repeat;}
*html .history-all li { overflow: visible; height: 1%;}
.history-all h3 { float: left; width: 84px;}
.history-all dl { float: left; width: 450px; line-height: 16px;}
.history-all dt { float: left; width: 45px; font-weight: bold; padding: 0 0 5px 0;}
.history-all dd { float: left; width: 405px; padding: 0 0 5px 0;}

.road_map .buttonArea { padding: 0 0 10px 0;}
.han_location { padding: 20px 0 0;}
.han_location h2 { height: 26px; border-bottom: 1px solid #e5e5e5;}
.han_location div { overflow: hidden; padding: 13px 0 11px 1px;
				    background: url(../images/common/dot05.gif) left bottom repeat-x;}
*html .han_location div { overflow: visible; height: 1%;}
.han_location h3  { float: left;}
.road_bus dl  { float: left; padding: 0 0 0 28px; margin-bottom: -8px;}
.road_bus dd  { padding: 0 0 10px 0;}
.road_subway ul  { float: left; padding: 0 0 0 28px;}
.road_subway li  { padding: 5px 0;}



.han_location dl.road_subway { padding: 14px 0 0;}
.han_location dl.road_subway dt { margin-top: -4px;}
.han_location dl.road_subway dd { margin: 6px 0 0;}
.han_location .address { padding: 15px 0 0 170px;}
.han_location .address li { height: 25px;}





#logo h2.title { margin: 0;}
#logo .symbol { overflow: hidden; height: 240px; background: url(../images/common/dot01.gif) left bottom repeat-x;}
#logo .symbol p.con01 { float: left; padding: 15px 0 0;}
#logo .symbol ul { float: left; padding: 28px 0 0 15px;}
#logo .symbol li { float: left; padding: 0 0 0 8px;}
#logo .type { overflow: hidden; height: 180px; padding: 25px 0 0; margin-left: -11px; width: 621px;}
#logo .type li { float: left; padding: 0 0 0 11px;}



.han_banner { overflow: hidden; height: 515px; background: url(../images/common/dot04.gif) center top repeat-y;}
.han_banner li		 { padding-bottom: 19px;}
.han_banner li.ban_l { float: left;}
.han_banner li.ban_r { float: right;}




body#main #top {
	width: 900px;
	padding: 0 20px;
	height: 104px;
	background: url(../images/hannara/main/bg.gif) left top #fff no-repeat;
}
body#main #top h1 {
	left: 35px;
}
body#main #user {
}

body#main #sub {
	top: 161px;
	left: 20px;
	height: 227px;
	padding: 15px 0 20px 20px;
	background: url(../images/hannara/main/sub_bg.gif) left top no-repeat;
}
body#main #sub h1 {
	display: none;
}
body#main #sub .menuArea{
	padding: 0;
	background: transparent;
}
body#main #submenu {
	width: 130px;
}
body#main #subConArea {
	display: none;
}


body#main #location {
	top: 5px;
	right: 25px;
	z-index: 2;
}


body#main #bodywrap {
	width: 900px;
	padding: 0 20px;
	min-height: 530px;
	margin: 0 auto;
	background: url(../images/hannara/main/body_bg.gif) left top no-repeat;
}
*html body#main #bodywrap {
	height: 530px;
}
body#main #contents {
	min-height: 530px;
	width: 446px;
	padding: 25px 0 0 454px;
	background: url(../images/hannara/main/main_bg.jpg) 0 161px no-repeat;
}
body#main #contents h1 {
	position: absolute;
	top: 0;
	left: 20px;
	margin: 0;
	padding: 0;
	height: 161px;
	background: transparent;
}
body#main #quickMenu {
	display: none;
}
body#main #footer .foot_con {
	background: transparent;
	width: 900px;
}
body#main #footer p.copyright {
	width: 385px;
}


body#main .rules {
	margin: 10px 0 0;
	width: 314px;
	height: 126px;
	padding: 14px 0 0 132px;
	background: url(../images/hannara/main/hannara_rule_bg.gif) left top no-repeat;
}
body#main .rules li {
	padding: 0 0 22px 0;
}
body#main .rules li img {
	vertical-align: middle;
}

body#main .hannara_link {
	overflow: hidden;
	height: 205px;
	padding: 20px 0 0;
	margin-left: -8px;
}
body#main .hannara_link li {
	float: left;
	height: 108px;
	padding: 0 0 0 8px;
}
body#main .hannara_tv {
	position: absolute;
	top: 432px;
	left: 20px;
}





@media print {
	* { background: transparent;}
	#top,#sub,#footer,#location,#quickMenu,.buttonArea { display: none;}
	#bodywrap,#contents { padding: 0; width: 610px; margin: 0;}
	#contents h1 { margin-left: 0;}
}


.join_list th {
	color: #2875bf;
}


#pop-product { width: 663px;}
#pop-product h1 {
	background: url(../images/shop/pop_product_entry_bg.gif) left top no-repeat;
	height:31px;
}
#pop-product p.txt_area,
#pop-buy p.txt_area {
	padding: 15px 0;
}



form.product_entry fieldset { 
	background: #f6f6f6;
	height: 650px;
	width: 610px;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 12px;
	border-bottom: 1px solid #d9d9d9;
}
form.product_entry fieldset * {
	vertical-align: middle;
}
form.product_entry em {
	color: #ff7e0c;
}
form.product_entry fieldset div {
	overflow: hidden;
	height: 24px;
	border-top: 1px solid #d9d9d9;
	padding: 5px 16px 0 7px;
}
form.product_entry fieldset .title {
	display: block;
	float: left;
	width: 115px;
	padding: 2px 0 0 9px;
	background: url(../images/common/bullet/bul_ar_red.gif) 0 7px no-repeat;
}
form.product_entry div.name {
	height: 30px;
}
form.product_entry div.name input.text {
	width: 75%;
}
form.product_entry div.season {
}
form.product_entry div.price {
}
form.product_entry div.email {
	height: 50px;
}
form.product_entry div.email input.text {
	width: 50%;
}
form.product_entry div.email em {
	display: block;
	padding: 6px 0 0 135px;
	text-indent: -10px;
	line-height: 16px;
}
form.product_entry div.state {
	height: 38px;
}
form.product_entry div.state p {
	float: left;
}
form.product_entry div.state label {
	margin-right: 5px;
}
form.product_entry div.state em {
	display: block;
	float: right;
	text-indent: -10px;
	padding: 3px 0 0;
}
form.product_entry div.images {
	height: 70px;
}
form.product_entry div.images .title {
	float: none;
	height: 20px;
}

form.product_entry div.images p.photo {
	float: left;
	border: 1px solid #838383;
	background: #fff;
	padding: 6px;
	width: 205px;
	height: 205px;
}
form.product_entry div.images p.photo img {
	width: 205px;
	height: 205px;
}

form.product_entry div.images2 {
	height: 50px;
}
form.product_entry div.images2 .title {
	float: none;
	height: 20px;
}

form.product_entry div.images2 p.photo {
	float: left;
	border: 1px solid #838383;
	background: #fff;
	padding: 6px;
	width: 205px;
	height: 205px;
}
form.product_entry div.images2 p.photo img {
	width: 205px;
	height: 205px;
}

form.product_entry p.em {
	float: left;
	color: #ff7e0c;
	width: 420px;
	line-height: 16px;
	text-indent: -16px;
	padding: 10px 0 0 26px;
}
p.img_entry {
	padding: 5px 0 15px 15px;
}
p.img_entry label {
	margin-right: 5px;
}
p.img_entry input.file {
	width: 485px;
	height: 18px;
}
p.img_entry span {
	display: block;
	padding: 5px 0 0 68px;
}

form.product_entry div.text {
	height: 85px;
	border: 0;
}
form.product_entry div.text .title {
	float: none;
	height: 20px;
}
form.product_entry div.text textarea {
	width: 585px;
	height: 45px;
}
form.product_entry ul.ul_list {
	margin: 0 0 0 -23px;
}
*html form.product_entry ul.ul_list {
	width: 630px;
}
form.product_entry ul.ul_list li {
	padding: 0 0 0 30px;
	text-align: center;
}
form.product_entry ul.ul_list p.photo {
	background: #fff;
	border: 1px solid #888888;
	padding: 4px;
	margin: 0 0 10px 0;
	width: 165px;
	height: 165px;
}
form.product_entry ul.ul_list p.photo img {
	width: 165px;
	height: 165px;
}

form.product_entry .buttonArea {
	padding: 10px 10px 0 0;
}