@import url(museum.css);
@import url(sub.css);

body {font-family:"µ¸¿ò", Arial; font-size: 9pt; line-height:16px; color:#666666; margin:0px;  background:url(../image/common/bg_all_sub.gif) left top no-repeat;}
.clear { clear:both}
img { border:none;}
ul { margin:0; padding:0; list-style:none; text-decoration:none;}
li { margin:0; padding:0; list-style:none; text-decoration:none;}
a { text-decoration:none; color:#666666;}
h1 { margin:0; padding:0;}
hr {display: none; margin: 0px;}
caption{float:left; display:block; width:0; height:0; text-indent:-3000px;}
label {float:left; display:block; width:0; height:0; text-indent:-1000px;}

.skipnavi li {z-index:200; position:absolute; top:16px; left:0; font-size:12px; }
.skipnavi li a {position:absolute; display:block; left:-1000px; top:0; font-weight:bold; width:200px; font-size:12px;}
.skipnavi li a:focus,
.skipnavi li a:hover,
.skipnavi li a:active {position:absolute; top:0px; left:60px; font-size:12px; padding:0; z-index:10;}

#main_menu li {z-index:200; position:absolute; top:50px; left:0; z-index:1;}
#main_menu li a {position:absolute; display:block; left:-1000px; top:80px; width:240px; font-weight:bold; text-align:center; font-size:130%; color:#0373F1;}
#main_menu li a:focus,
#main_menu li a:hover,
#main_menu li a:active {position:absolute; top:30px; left:20px; font-size:130%; background:#fff; border:3px solid #AAD3FF; padding:10px 0; z-index:10;}
#main_menu li ul{z-index:200; position:absolute; top:50px; left:0; z-index:1;}
#main_menu li ul a {position:absolute; display:block; left:-1000px; top:80px; width:240px; font-weight:bold; text-align:center; font-size:120%; color:#888;}
#main_menu li ul a:focus,
#main_menu li ul a:hover,
#main_menu li ul a:active {position:absolute; top:-70px; left:20px; font-size:110%; background:#fff; border:3px solid #ddd; padding:11px 0; z-index:10;}

#main_banner li {z-index:200; position:absolute; top:410px; left:600px; z-index:1;}
#main_banner li a {position:absolute; display:block; left:-1000px; top:80px; width:280px; font-weight:bold; text-align:center; font-size:120%; color:#0373F1;}
#main_banner li a:focus,
#main_banner li a:hover,
#main_banner li a:active {position:absolute; top:30px; left:20px; font-size:120%; background:#fff; border:3px solid #AAD3FF; padding:10px 0; z-index:10;}

#bodyWarp { position:relative; margin:0;  background:url(../image/common/bg_all.gif) top left no-repeat;}

#topmenu { position:absolute; left:284px; top:16px; font-weight:bold; color:#003399;}
#topmenu li { float:left;}
#topmenu a { font-weight:bold; color:#003399;}
#topmenu a:hover { text-decoration:underline; color:#000000;}
#login { position:absolute; left:380px; width:590px; height:26px; margin-top:-3px; float:left;}
#login form { display:inline; vertical-align:bottom;}
#login input.logBox { width:70px; height:15px; vertical-align:top;}

#mainFlash { height:548px;}

#contents { height:184px; position:relative;}
#noticeArea { position:absolute; width:330px; height:68px; left:0; top:0;}
#noticeArea h1 { margin:0 15px 0 0; float:left;}
#noticeArea ul { float:left; list-style:none;}
#noticeArea li { background:url(../image/main/news_ico.gif) left 5px no-repeat; padding:3px 0 0 10px;}

#infoBanner { position:absolute; width:360px; height:68px; top:0; left:366px;}
#infoBanner img { margin:0;}
#infoBanner a { padding:0;}

#callBanner { position:absolute; left:0; top:50px; width:227px; height:88px; margin:28px 0 0 22px;}

#photoArea { position:absolute; left:294px; top:86px; width:455px; height:82px; background:url(../image/main/photo_bg.gif) left top no-repeat;display:inline-block;}
#photoArea div {float:left;}
#photoArea div img { width:65px; height:50px; padding:2px; border:1px solid #CCCCCC; margin:15px 0 0 0;}
#photoArea h1 img { float:left; margin:24px 10px 0 37px;width:74px; height:33px;}
		  
#BannerArea { position:absolute; left:762px; width:229px; height:172px;}
#BannerArea ul { list-style:none;}
#BannerArea li { padding:0 0 5px 0;}
		  
#copyright { height:94px; background:url(../image/common/copyBg.gif) left top repeat-x;}
#copyright #logo { padding:38px 30px 0 28px; float:left;}
#copyright #text { float:left; font-size:9pt; letter-spacing:-1px; color:#888; padding:38px 29px 0 0;}
#copyright #bann { padding:30px 0 0 0;}

	#board table{width:633px !important;}
	#board table table{width:100% !important;}


/*  ÀϹݰԽÃÆÇ */

	#board_list{clear:both; float:left; width:650px;}
	 #board_list #total_top .total{float:left; width:295px; padding:0 0 13px 5px;}
	 #board_list #total_top .total_search{float:right; padding-right:20px;}
	 #board_list #total_top .btn_search{vertical-align:top; height:20px;}

		#board_list table{width:100%; line-height:140%; border-collapse:collapse; border-bottom:1px solid #a7cf87;}
		#board_list table thead th{height:35px; color:#4b8107; font-size:0.95em; font-weight:bold; padding:2px 0px 5px 0px;	text-align:center; background:url('/app/board/image/table_list_th.gif') repeat-x left top;}

		#board_list table thead th.th_end{ background-image:none;}	
		#board_list table tbody td{height:30px; border-bottom:1px solid #d2d2d2;	text-align:center;}
		#board_list table tbody td.bt_center{vertical-align:middle; padding-left:20px;}
		#board_list table tbody td.sg_t_subject{ text-align:left; padding-left:10px;}


	#paging{float:left; width:650px; text-align:center; padding-top:20px;}
	#bt_certification{float:right; padding-right:20px;}
	
	#icon_down{float:left; width:650px;}
		#icon_down ul li{float:left; width:23px;}



	#board_read{width:650px;}		
		#board_read table{float:left; width:650px; border-collapse:collapse; border-bottom:1px solid #e2e2e2;}
		#board_read table thead th{background-color:#d5d3d3; height:30px; padding-left:10px; font-weight:bold; border-top:1px solid #e2e2e2;}
		#board_read table thead td{padding-left:8px; border-top:1px solid #e2e2e2;}
		#board_read table tbody th{height:25px; padding-left:10px; font-weight:bold; background-color:#F5F5F4; border-top:1px solid #e2e2e2;}
		#board_read table tbody td{padding-left:10px; border-top:1px solid #e2e2e2;}
		#board_read table tbody td.text_con{width:640px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
		#board_read table tfoot th{height:25px; padding-left:10px; font-weight:bold; border-top:1px solid #e2e2e2; background-color:#F5F5F4;}
		#board_read table tfoot td{height:25px; padding-left:10px; border-top:1px solid #e2e2e2;}

	#board_read_bt{float:left; padding-top:15px; padding-bottom:15px;}
		#board_read_bt .bt_li01{float:left; width:460px;}
		#board_read_bt .bt_li02{float:right;width:65px;}
		#board_read_bt .bt_li03{float:right;width:65px;}
		#board_read_bt .bt_li04{float:right; width:65px;}

	#board_read_bt2{float:left; padding-top:15px; padding-bottom:15px;}
		#board_read_bt2 .bt_li05{float:left; width:65px;}
		#board_read_bt2 .bt_li06{float:left;width:90px;}
		#board_read_bt2 .bt_li07{float:left;width:65px;}
		#board_read_bt2 .bt_li08{float:left; width:240px;}
		#board_read_bt2 .bt_li09{float:left;width:65px;}
		#board_read_bt2 .bt_li10{float:left;width:65px;}
		#board_read_bt2 .bt_li11{float:left; width:60px;}


	#board_write{float:left; width:650px;}		
		#board_write table{width:650px; border-collapse:collapse; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #cfcfcf; border-top:20px solid #cfcfcf;}
		#board_write table tbody th{height:32px; font-weight:bold; background-color:#e8e8e8; border-top:1px solid #cfcfcf;}
		#board_write table tbody td{padding-left:5px; border-top:1px solid #e2e2e2;}
		#board_write textarea{height:350px; width:640px;}
		
	#board_write_bt{float:left; width:650px; padding-top:15px;}		
		#board_write_bt .bt_list{float:left; width:300px;}	
		#board_write_bt .bt_writeok{float:right;}	
		

	#board_write3{float:left; width:600px;}		
		#board_write3 table{width:600px; border-collapse:collapse; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #cfcfcf; border-top:20px solid #cfcfcf;}
		#board_write3 table tbody th{height:32px; font-weight:bold; background-color:#e8e8e8; border-top:1px solid #cfcfcf;}
		#board_write3 table tbody td{padding-left:5px; border-top:1px solid #e2e2e2;}
		#board_write3 textarea{height:350px; width:500px;}
		
	#board_write_bt3{float:left; width:600px; padding-top:15px;}		
		#board_write_bt3 .bt_list{float:left; width:300px;}	
		#board_write_bt3 .bt_writeok{float:right;}	



	/*  ÀϹݰԽÃÆÇ ³¡*/



	/*  Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ */
		
		#photo_total_top{ float:left; width:630px; padding-top:10px;}
		#photo_total_top .total{float:left; width:295px; padding:0 0 13px 5px;}
	  #photo_total_top .total_search{float:right;}
		#photo_total_top .btn_search{vertical-align:top; height:20px;}

		
		#photo_list{float:left; width:650px; border-bottom:1px solid #85cda9;}	
			#photo_list h4{clear:both; font-size:12px; width:650px; height:29px; background:url('/app/board/image/photo_titlebg2.gif') no-repeat left top; padding-top:7px; text-align:center;}
			#photo_list ul{float:left;}
			#photo_list ul li{float:left; width:160px; height:130px;}
			#photo_list ul li dl{float:left; width:160px;}
			#photo_list ul li dl dt{width:155px; height:100px; background:url('/image/board/pic_line2.gif') no-repeat left top;}
			#photo_list ul li dl dt img{width:133px; height:87px; vertical-align:middle; padding-left:10px; padding-top:5px;}
			#photo_list ul li dl dd{text-align:center;}


		#photo_read{float:left; width:650px;}
			#photo_read table{float:left; width:650px; border-collapse:collapse;}
			#photo_read table thead th{clear:both; width:650px; height:29px; background:url('/app/board/image/photo_titlebg2.gif') no-repeat left top; text-align:center;}
			#photo_read table tbody th{height:25px; font-weight:bold; background-color:#ecf5f1; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
			#photo_read table tbody td{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding-left:10px;}

			#photo_read table #photo_small_img{float:left; width:640px; padding-top:10px; padding-bottom:10px;}
			#photo_read table #photo_small_img .big_img{float:left; width:450px; height:300px; padding-left:10px;}
			#photo_read table #photo_small_img .samll_img{float:left; width:150px; vertical-align:top; padding-left:30px;}
			#photo_read table #photo_small_img .samll_img ul li{float:left; width:120px; height:90px; background:url('/image/board/img_view_bg.gif') no-repeat left top; padding-bottom:10px;}
			#photo_read table #photo_small_img .samll_img ul li img{float:left; width:112px; height:76px; padding-left:4px; padding-top:9px;}
			

		#photo_read_bt{float:right; width:650px; padding-top:15px; padding-right:20px;}
			#photo_read_bt li{float:right; width:62px;}	


	/*  Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ ³¡*/



	/*  ¼³¹®Á¶»ç °Ô½ÃÆÇ */

	#survey_list{float:left; width:650px;}
		#survey_list table{float:left; width:650px; border-collapse:collapse; border-bottom:2px solid #817878;}
		#survey_list table thead{width:650px; height:29px; background:url('/app/board/image/survey_thbg.gif') repeat-x left top;}
		#survey_list table thead th{height:29px; vertical-align:middle;}
		#survey_list table tbody td{height:25px; text-align:center; border-bottom:1px solid #e2e2e2;}
		#survey_list table tbody td.text_pad{text-align:left; padding-left:10px;}

	#survey_read{float:left; width:650px;  border-bottom:2px solid #e2e2e2; padding-bottom:10px;}
		#survey_read h4{clear:both; width:650px; height:32px; background:url('/app/board/image/survey_read_titlebg.gif') no-repeat left top; text-align:center; padding-top:8px;}
		#survey_read #survey_read_bt{float:right;}

		/*  ¼³¹®Á¶»ç °Ô½ÃÆÇ ³¡*/


/*  ¼³¹®Á¶»ç °Ô½ÃÆÇ */

	.banner_list{float:left; width:670px;}
	.banner_list ul{float:left; width:205px; background-color:#f0f0f0; margin:5px; text-align:center; vertical-align:middle;}
	.banner_list ul li{height:65px; width:170px; vertical-align:middle;}
	.banner_list img{vertical-align:middle; padding-top:8px;}		

/*  ¼³¹®Á¶»ç °Ô½ÃÆÇ ³¡*/



/*  Á÷¿ø°Ë»ö */

	
	.people_tablebg{width:630px; height:195px; background:url('../intro/images/people_tablebg.gif') no-repeat;}
		.people_tablebg li.left_img{float:left; width:120px; padding-top:15px; padding-left:25px;}
		.people_tablebg li.rig_con{float:left;  width:485px; padding-top:15px;}
		.people_tablebg li.rig_con table{width:450px;}
		.people_tablebg li.rig_con table th{text-align:center; background:#efefef; font-weight:bold; height:25px;}
		.people_tablebg li.rig_con table td{padding-left:10px; background:#f6f6f6;}
		.people_tablebg dl dd.people_name{width:96px; height:23px; background:url('../intro/images/people_name.gif') no-repeat left top; text-align:center; padding-top:8px; font-weight:bold; color:#000000;}

	
	.lay_top {background:url('../intro/images/pop_03_10_02.jpg') no-repeat; width:630px; height:11px;}


	.member_lay {background:url('../intro/images/pop_03_10_03.jpg') repeat-y; width:630px; height:11px;padding-left:20px;}
	.member_left {float:left;}
	.member_right {float:left;padding-left:20px;}

	.member_right table tr {height:30px;}
	.member_right table th {text-align:center;background:#efefef;font-weight:bold;}
	.member_right table td {padding-left:10px;background:#f6f6f6;}

	.member_name {width:100px;height:30px;}
	.member_name .mtop {background:url('../intro/images/pop_03_10_06.jpg') no-repeat; width:100px; height:8px;}
	.member_name .mmid {background:url('../intro/images/pop_03_10_07.jpg') repeat-y; text-align:center;}
	.member_name .mbot {background:url('../intro/images/pop_03_10_08.jpg') no-repeat; width:100px; height:7px;}


	.lay_bot {background:url('../intro/images/pop_03_10_04.jpg') no-repeat; width:630px; height:11px;}


/*  Á÷¿ø°Ë»ö ³¡*/