@charset "utf-8";
.h3Style1 {
	clear:both;
	margin:20px 0 0 0;
	padding:0 0 10px 32px;
	font-size:1em;
	font-weight:bold;
	background:none no-repeat left top;
	height:30px;
	float:left;
}
.h3Style1 span {
	display:block;
	float:left;
	margin:0;
	padding:6px 30px 0 0;
	font-size:1em;
	font-weight:bold;
	background:none no-repeat right top;
	height:24px;
}
.h4Style1 {
	clear:both;
	display:block;
	margin:0;
	padding:3px 3px 2px 16px;
	font-weight:bold;
	background:none no-repeat left 56px;
	font-size:1em;
	color:#485a84;
}
.h5Style1 { clear:both; display:block; margin:0; padding:8px 3px 7px 19px; font-weight:bold; background:url('../img/page/iconH51.jpg') no-repeat left 11px; font-size:1.2em;}
.h5Style2 { clear:both; display:block; margin:0; padding:3px 3px 2px 13px; font-weight:bold; font-size:1em;}
.h5Style3 {
	clear:both;
	display:block;
	margin:15px 0 0 0;
	padding:3px 3px 2px 16px;
	font-weight:bold;
	background:none no-repeat left 5px;
	font-size:1em;
}
.h5Style4 {
	clear:both;
	display:block;
	margin:15px 0 0 0;
	padding:3px 3px 8px 16px;
	font-weight:bold;
	background:none no-repeat left 5px;
	font-size:1em;
}
.h6Style1 { clear:both; display:block; margin:0; padding:0; font-weight:bold; font-size:1em;}

.pStyle1 { clear:both; margin:0; padding:2px 0 10px 0; line-height:1.7em;}
.pStyle2 { clear:both; margin:0; padding:5px 13px 20px 13px; line-height:1.9em; }
.pStyle3 { clear:both; display:block; margin:0; padding:5px 0 15px 0;color:#485a84; font-size:1.2em; font-weight:bold; text-align:center; }
.pStyle4 { clear:both; display:block; margin:0; padding:0 0 10px 15px; font-size:0.9em; line-height:1.5em; }
.pStyle5 { clear:both; display:block; margin:0; padding:0; line-height:1.5em; text-align:right; color:#999; }
.pStyle6 { clear:both; display:block; margin:0; padding:0;color:#485a84; font-size:1.5em; font-weight:bold; text-align:center; letter-spacing:-1px; font-family:"맑은 고딕"; }
.pStyle7 { clear:both; display:block; margin:0; padding:12px;color:#485a84; font-size:1em; background:#f3f3f3;}

.ulStyle1 { clear:both;  margin:0 0 0 6px; padding:5px 0 0 0; list-style:none; overflow:hidden;}
.ulStyle1 li { margin:0; padding:0 0 10px 29px; background:url('../img/page/iconUL1.gif') no-repeat 11px 3px;}
.ulStyle2 { clear:both;  display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.ulStyle2 li {
	display:block;
	margin:0;
	padding:0 0 0 8px;
	width:300px;
	height:20px;
	float:left;
	background:none no-repeat left 6px;
	letter-spacing:-0.1em;
}
.ulStyle3 { clear:both;  margin:0 0 0 6px; padding:5px 0 0 0; list-style:none; overflow:hidden;}
.ulStyle3 li {
	margin:0;
	padding:0 0 8px 20px;
	background:none no-repeat 11px 6px;
}
.ulStyle4 { clear:both;  margin:0 0 0 6px; padding:5px 0 0 0; list-style:none; overflow:hidden;}
.ulStyle4 li {
	margin:0;
	padding:0 0 1px 20px;
	background:none no-repeat 11px 6px;
}
.ulStyle5 { clear:both;  margin:0 0 0 6px; padding:5px 0 0 0; list-style:none; overflow:hidden;}
.ulStyle5 li { margin:0; padding:0 0 5px 20px; background:url('../img/page/iconUL1.gif') no-repeat 11px 6px;}

.olStyle1 { margin:0; padding:0 0 15px 25px; list-style:circle;}
.olStyle1 li { margin:0; padding:0;}
.olStyle2 { margin:0; padding:0 0 5px 10px; list-style:circle;}
.olStyle2 li { margin:0; padding:0; color:#666;}

.boxHead1 {
	display:block;
	width:760px;
	margin:0 0 10px 0;
	padding:15px 0 0 0;
	background:none no-repeat left top;
	clear:both;
}
.boxFoot1 {
	display:block;
	width:720px;
	margin:0;
	padding:0 20px 5px 20px;
	background:none no-repeat left bottom;
	overflow:hidden;
}

.boxHead2 {
	display:block;
	width:760px;
	margin:0 0 10px 0;
	padding:15px 0 0 0;
	background:none no-repeat left top;
	clear:both;
}
.boxFoot2 {
	display:block;
	width:720px;
	margin:0;
	padding:0 20px 5px 20px;
	background:none no-repeat left bottom;
	overflow:hidden;
	font-weight:bold;
}

/*- 메뉴 -------------------------- */ 
div#tabs {
	clear:both;
	width:100%;
	background:none repeat-x left bottom;
	height:50px;
}
div#tabs ul {margin:0; padding:0; list-style:none;}
div#tabs li {display:inline; margin:0; padding:0; font-weight:bold; font-size:1.1em; }
div#tabs a {float:left; background:url('../img/page/tabLeft.jpg') no-repeat left top; margin:0; padding:0 0 0 20px; text-decoration:none;  }
div#tabs a span {float:left; display:block; background:url('../img/page/tabRight.jpg') no-repeat right top; padding:3px 20px 5px 0; color:#ababab;  }
/* 핵 IE5-Mac \*/
div#tabs a span {float:none;}
/* End 핵 IE5-Mac */
div#tabs a:hover span {color:#fff;}
div#tabs a:hover { background-position:0 -30px;}
div#tabs a:hover span {background-position:100% -30px;}
div#tabs #current a {background-position:0 -30px; }
div#tabs #current a span {background-position:100% -30px; color:#fff;}

.tableStyle1 { clear:both; width:100%; border-collapse:collapse; border:#ffffff 2px solid; border-top:#566697 2px solid; border-bottom:#cccccc 1px solid; vertical-align:middle; }
.tableStyle1 th { border:1px #dcdcdc solid; border-bottom:1px solid #c0c9e3; padding:10px; background:#f7f9ff; color:#485a84; text-align:center; font-size:0.9em; }
.tableStyle1 td { border-bottom:1px #dcdcdc solid; padding:5px; text-align:center; }
.tableStyle1 td.lt { text-align:left; }
.tableStyle1 td.mcont { display:none; }
.tableStyle1 td.tt { color:#485a84; }
.tableStyle1 td.tt2 { font-weight:bold; background:#f7f7f7; padding:10px 5px; }
.tableStyle1 td table { width:99%; border-collapse:collapse; vertical-align:middle; }
.tableStyle1 td table th { width:100px; }
.tableStyle1 td table td { text-align:left; line-height:1.8em; }

#museumSearch { clear:both; margin:0 auto; width:720px; background:url('../img/page/mSearchBg.gif') no-repeat; height:100px; }
#sfrom { clear:both; margin:0 auto; width:400px; text-align:center; padding:17px 0 0 0; }
#sfrom .stx { width:130px; }
#museumTable { clear:both; margin:0 auto; width:720px; border-collapse:collapse; border:#ffffff 2px solid; border-top:#566697 2px solid; border-bottom:#cccccc 1px solid; vertical-align:middle; }
#museumTable th { border:1px #dcdcdc solid; border-bottom:1px solid #c0c9e3; padding:10px; background:#f7f9ff; color:#485a84; text-align:center; font-size:0.9em; }
#museumTable td { border:1px #dcdcdc solid; padding:5px; text-align:center; }
#museumTable th.mNo { width:60px; }
#museumTable td img.mPhoto { width:120px; }
#museumTable th.mBtn { width:90px; }
#museumTable td.mcont { display:none; }
#museumTable td table { width:100%; border-collapse:collapse; vertical-align:middle; }
#museumTable td table th { width:100px; }
#museumTable td table td { text-align:justify; line-height:1.8em; }

#museumNavi { clear:both;  margin:0 auto; padding:20px 0 0 0; width:720px; text-align:center; }
#museumNavi span { padding:0 3px 0 10px; border-left:1px solid #dedede; }
#museumNavi span.current { font-weight:bold; color:#000; }
#museumNavi span.blNone { border-left:none; }


.fwBold { font-weight:bold; }

.taCenter { text-align:center; }
.taRight { text-align:right; }

.pdt10 { padding-top:10px; }
.pdt20 { padding-top:20px; }

.fRight{ float:right;}
.fLeft{ float:left;}
.m0 { margin:0; }

.w99 { width:99%; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:230px; }
.w300 { width:300px; }
.w400 { width:400px; }

span.star { color:#cc3333; }
em.note { font-style:normal; }


.boxDonation{ background:url('../img/page/bgDonation.jpg') no-repeat left top; width:550px; height:140px; padding:50px 65px 50px 165px;}
.boxDonation p{ padding:0 0 15px 0;}
.boxDonation2{ background:url('../img/page/bgDonation2.jpg') no-repeat left top; width:552px; height:280px; padding:30px 65px 50px 165px;}
.boxDonation p{ padding:0 0 15px 0;}



/* 연혁 */
div#history{ float:left; width:748px; padding:20px 0 50px 32px; margin:0; }
div#history h5.year{ display:block; clear:both; width:120px; color:#fff; font-size:1em; padding:5px; background:#9c7650; margin:12px 0 12px 0; border-left:6px solid #7a542e;}
div#history dl{ display:block; padding:0 0 10px 0; margin:0; width:720px; }
div#history dl dt {
	display:block;
	color:#515988;
	font-weight:bold;
	background:none no-repeat left 6px;
	padding:6px 15px 3px 7px;
	margin:0;
	clear:both;
	float:left;
	width:150px;
	border-bottom:1px dotted #b7b7b7;
}
div#history dl dd{ display:block; padding:6px 0 3px 0; margin:0; width:500px; float:left;  border-bottom:1px dotted #b7b7b7;}


ol.grayOL { border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#f7f7f7; padding:10px 10px 10px 35px; }
ol.grayOL li { list-style:decimal; text-align:justify; padding:0 0 10px 0; }

ul.grayUL { border-top:1px solid #dedede;	border-bottom:1px solid #dedede; background-color:#f7f7f7; padding:10px 10px 10px 35px;	}
ul.grayUL li { list-style:disc; text-align:justify; padding:0 0 10px 0; }


ul.ul_style1 { margin:0; padding:0 0 0 20px; }
ul.ul_style1 li { font-weight:bold; padding:0 0 10px 0;}

ul.ul_style2 { margin:0; padding:0 0 0 20px;}
ul.ul_style2 li{ font-weight:normal; padding:0; }
span.point{ color:#990000; font-weight:bold; }


/*sitemap*/
#sitemap { margin:0; padding:0; }
#sitemap ul { display:block; margin:0 0 30px 0; padding:0 10px 0 30px; width:200px; float:left; line-height:180%; list-style:none; }
#sitemap ul li {
	clear:both;
	text-indent:20px;
	margin:0;
	padding:7px 0 2px 0;
	border-bottom:1px dotted #ddd;
	color:#0f8036;
	background:none no-repeat 10px 12px;
}
#sitemap ul li.title { margin-bottom:5px; text-indent:0; border:1px solid #dedede; background:#f7f7f7; font-size:1em; text-align:center; padding:5px 0; font-weight:bold; color:#545454; }

/* 이용안내 */


ul.viewer{ width:640px; padding:10px; margin:0; list-style:none;}
ul.viewer li{ display:block; height:65px; padding:10px; margin:0; list-style:none; border-bottom:1px dotted #CCC;}
ul.viewer li dl{ margin:0; padding:0;}
ul.viewer li dl dt{ margin:0; padding:0; display:block; float:left;}
ul.viewer li dl dd{ margin:0; padding:0 0 0 15px; display:block; float:left;}

/*login*/
#login { background:url('../img/page/member/bgLogin.gif'); border:1px solid #ececec; width:563px; height:217px; margin:100px auto; padding:0; position:relative; }
#login_mb_id { position:absolute; top:60px; left:133px; width:230px; height:16px; padding:1px; }
#login_mb_password { position:absolute; top:82px; left:133px; width:230px; height:16px; padding:1px; }
#btnLogin { position:absolute; top:57px; left:370px; }
#btnRegister { position:absolute; top:146px; left:167px; }
#btnPassword { position:absolute; top:146px; left:427px; }
/*password*/
#passwordLost { margin:0 auto; padding:30px; width:460px; border:2px solid #efefef; background:#f7f7f7; }
#passwordLost table { width:400px; border-collapse:collapse; }
#passwordLost table th { padding:10px; }
#passwordLost table td { padding:10px; }
/*register*/
#register { margin:0 auto; padding:0; width:700px; }
#register h4 { display:block; margin:0; padding:3px 3px 2px 13px; font-weight:bold; background:url('../img/page/member/iconH4.gif') no-repeat left 7px; font-size:1.1em; }
#register .boxInfo { margin:0; padding:10px 5px; width:690px; border-top:2px solid #ededed; border-bottom:2px solid #ededed; background:#f9f9f9; }
#register .boxAgree { margin:0 0 10px 0; padding:20px; width:666px; border:2px solid #ededed; }
#register .boxAgree textarea { margin:0; padding:0; width:99%; height:200px; border:none; line-height:1.5em; }
#register .formTable { clear:both; margin:0; padding:0; width:700px; border-collapse:collapse; border-top:2px solid #b8b8b8; }
#register .formTable th { padding:8px; width:140px; font-size:0.9em; font-weight:bold; text-align:left; background:#f9f9f9; border-bottom:1px solid #dddddd; }
#register .formTable th.noChk { padding-left:20px; }
#register .formTable td { padding:8px; text-align:left; border-bottom:1px solid #dddddd; }

/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}

#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url('../img/page/loading.gif') center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('../img/page/controls.png') 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}