/* CSS Document */





html{ margin:0 ; padding:0;}

body { font-family:'돋움', dotum, sans-serif; text-decoration:none; list-style-type:none; margin:0 ; padding:0;}

    

img, a { border:none;}    

div, ul, td, th, li, p { margin:0; padding:0;}    



h1{padding:0; margin:0; border:0; line-height:0;}

h2{ display:none;}

h3, h4, h5{padding:0; margin:0; border:1px; line-height:0;}



ul{list-style:none;}

li{list-style:none;}

a{ text-decoration:none;}



.subboth{ clear:both;}

.float_l{float:left;}

.float_r{float:right;}



.pt20{ padding-top:20px;}

.pt30{ padding-top:30px;}

.pt50{ padding-top:50px;}



.mt08{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt12{ margin-top:12px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.text_center{ text-align:center;}





#top_wrap{ width:100%; height:100%; background-color:#ebebeb;}

#top_wrap #top{ width:1024px; height:82px; margin:0 auto; padding-top:38px; box-sizing:content-box;}

#top_wrap #top .logo{ width:208px; height:39px; float:left; padding:0 42px 0 10px; box-sizing:content-box;}

#top_wrap #top .menu{ width:650px; height:29px; float:left; box-sizing:content-box;}

#top_wrap #top .spot{ width:110px; height:13px; float:left; padding-top:8px; box-sizing:content-box;}

#top_wrap #top .spot li{ float:left; font-size:13px; box-sizing:content-box;}



#visual_wrap{ width:100%; height:100%; background-image:url('../images/main_bg.gif'); box-sizing:content-box;}

#visual_wrap #visual{width:1024px; height:485px; margin:0 auto; position:relative; box-sizing:content-box;}



#con_wrap{ width:100%; height:100%; background-image:url('../images/maincon_bg.gif'); box-sizing:content-box;}

#con_wrap #con{ width:1004px; height:141px; padding-top:15px; margin:0 auto; box-sizing:content-box;}

#con_wrap #con a{ color:#000; box-sizing:content-box;}

#con_wrap #con a:hover{ text-decoration:underline;}



#con_wrap #con .con01{ width:321px; height:115px; float:left; font-size:12px; box-sizing:content-box;}

#con_wrap #con .con01 .title01{ width:321px; height:31px; box-sizing:content-box;}

#con_wrap #con .con01 .img{ font-weight:bold; float:left; padding:10px 16px 0 0; box-sizing:content-box;}

#con_wrap #con .con01 .title{ font-weight:bold; padding-top:11px; width:187px; float:right; box-sizing:content-box;}

#con_wrap #con .con01 .txt{ line-height:18px; padding-top:8px; width:187px; float:right; box-sizing:content-box;}



#con_wrap #con .con02{ width:320px; height:115px; float:left; margin-left:20px; box-sizing:content-box;}

#con_wrap #con .con02 .title02{ width:320px; height:31px; padding-bottom:9px; box-sizing:content-box;}

#con_wrap #con .con02 ul{ font-size:12px; line-height:20px; position:relative; box-sizing:content-box;}

#con_wrap #con .con02 ul span{ position:absolute; right:0; box-sizing:content-box;}



#con_wrap #con .con03{ width:323px; height:115px; float:right; box-sizing:content-box;}

#con_wrap #con .con03 .title03{ width:323px; height:31px; padding-bottom:9px; box-sizing:content-box;}

#con_wrap #con .con03 ul{ font-size:12px; line-height:20px; position:relative; box-sizing:content-box;}

#con_wrap #con .con03 ul span{ position:absolute; right:0; box-sizing:content-box;}







#subcon_wrap{ width:1024px; height:100%; margin:0 auto; box-sizing:content-box;}

#subcon_wrap #leftmenu{ float:left; width:200px; height:100%; margin-left:10px; box-sizing:content-box;}

#subcon_wrap #leftmenu .titlemenu{ width:100%; height:118px; margin-top:42px; box-sizing:content-box;}

#subcon_wrap #leftmenu .submenu{ width:100%; height:100%; margin-top:20px; box-sizing:content-box;}

#subcon_wrap #leftmenu .submenu li{ height:38px; box-sizing:content-box;}

#subcon_wrap #subtitle{ width:764px; height:167px; border-bottom:solid 1px #9d9b8f; background-repeat:no-repeat; box-sizing:content-box;}

#subcon_wrap #subtitle .navi{ width:100%; height:12px; padding-top:42px; font-size:11px; color:#888; box-sizing:content-box;}
#subcon_wrap #subtitle .navi img{vertical-align:unset;}

#subcon_wrap #subtitle .titleimg{ width:100%; height:60px; margin-top:27px; box-sizing:content-box;}



#subcon_wrap #subcontents{ width:764px; height:100%; margin-bottom:120px; box-sizing:content-box;}





/*박물관 이용 페이지*/

#subcon_wrap #subcontents .con01_01{ font-family:'돋움', sans-serif; font-size:13px; color:#333; margin-top:50px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_01 .info{background-image:url('/images/01/img01_bg.gif'); width:764px; height:309px; background-repeat:no-repeat; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_01 .info .infotitle{ padding:52px 0 0 35px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_01 .info .infotitle li{ line-height:15px; height:15px; padding-bottom:41px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_01 .info .infotext{ padding:30px 0 0 35px; line-height:57px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_01 .num li{ padding:5px 10px 8px 0; height:17px; line-height:17px; box-sizing:content-box;}

.info_box > li{background:url('/images/dot.gif') 0 7px no-repeat;padding-left:10px;line-height:1.8; box-sizing:content-box;}
.info_box .reservation_box{display:block;overflow:hidden;width:100%;background:url('/images/01/reservation_info.gif') 27px 0 no-repeat;margin-top:15px;padding-bottom:15px; box-sizing:content-box;}
.info_box .reservation_box > li{float:left;width:156px;margin:120px 0 0 42px;line-height:1.3;letter-spacing:-0.5; box-sizing:content-box;}
.info_box .reservation_box > li:first-child{margin-left:0; box-sizing:content-box;}
.info_box .reservation_box a.btn_down{display:inline-block;width:99px;padding:7px 0;background-color:#99978b;border:solid 1px #858272;box-sizing: border-box;color:#fff;font-size:13px;line-height:13px;text-align:center; box-sizing:content-box;}



#subcon_wrap #subcontents .con01_02{ font-family:'돋움', sans-serif; font-size:13px; line-height:22px;  margin-top:50px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 #table01_02{ text-align:center; vertical-align:middle; color:#555; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 #table01_02 td{ height:38px; border-bottom:solid 1px #f5f5f5; border-left:solid 1px #f5f5f5; padding:0 8px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 #table01_02 th{ background-color:#fcfbf8; height:38px; border-top:solid 2px #777371; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 #table01_02 .line_r{ border-right:solid 1px #f5f5f5; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 ul{ padding-top:20px; box-sizing:content-box;}

#subcon_wrap #subcontents .con01_02 ul .dotline{ border-bottom:dotted 1px #b4b4b4; padding-bottom:20px; box-sizing:content-box;}

/**/





/*전시 페이지*/

#subcon_wrap #subcontents .con02_01{ font-family:'돋움', sans-serif; font-size:13px; line-height:22px; color:#555;  margin-top:50px; box-sizing:content-box;}

#subcon_wrap #subcontents .con02_01 .tab li{ float:left; box-sizing:content-box;}

#subcon_wrap #subcontents .con02_01 span{ font-weight:bold; color:#825714; box-sizing:content-box;}

/**/





/*자료실 페이지*/

#subcon_wrap #subcontents .con04_03{ font-family:'돋움', sans-serif; font-size:13px; color:#555; box-sizing:content-box;}

#subcon_wrap #subcontents .con04_03 #table04_03{ text-align:center; vertical-align:middle; color:#555; box-sizing:content-box;}

#subcon_wrap #subcontents .con04_03 #table04_03 td{ height:38px; border-bottom:solid 1px #f5f5f5; border-left:solid 1px #f5f5f5; padding:0 8px; box-sizing:content-box;}

#subcon_wrap #subcontents .con04_03 #table04_03 th{ background-color:#fcfbf8; height:38px; border-top:solid 2px #777371; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; box-sizing:content-box;}

#subcon_wrap #subcontents .con04_03 #table04_03 .line_r{ border-right:solid 1px #f5f5f5; box-sizing:content-box;}

/**/





/*박물관소개페이지*/

#subcon_wrap #subcontents .con06_02{ background-image:url('/images/06/img02_bg.gif'); background-repeat:no-repeat; width:764px; height:590px; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_02 .con06_02_img01{ padding:68px 0 0 50px; box-sizing:content-box;}



#subcon_wrap #subcontents .con06_03{ font-family:'돋움', sans-serif; font-size:13px; padding-bottom:50px; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_03 div{ clear:both; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_03 div .year{ float:left; width:90px; padding-top:20px; margin-right:46px; border-top:solid 2px #673f22; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_03 div .date{ float:left; width:127px; padding-top:9px; border-top:solid 2px #555; color:#5d4c2f; font-weight:bold; line-height:32px; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_03 div .content{ float:left; width:500px; padding-top:9px; border-top:solid 2px #555; line-height:32px; box-sizing:content-box;}



#subcon_wrap #subcontents .con06_04{ text-align:center; box-sizing:content-box;}



#subcon_wrap #subcontents .con06_05{ background-image:url('/images/06/img05_bg.gif'); width:764px; height:768px; background-repeat:no-repeat; box-sizing:content-box;}

#subcon_wrap #subcontents .con06_05 div{ text-align:center; padding-top:30px; box-sizing:content-box;}



#subcon_wrap #subcontents .con06_06{margin-top:30px;width:764px;font-family:'돋움'; font-size:13px; line-height:18px; color:#555; box-sizing:content-box;}

.sup_wrap01{height:247px;background:url('/images/06/img06_bg01.gif') 0 0 no-repeat;border-bottom:solid 1px #e9e9e9; box-sizing:content-box;}
.sup_wrap01 .sup_box01{padding:46px 0 0 40px; box-sizing:content-box;}
.sup_wrap01 .sup_box01 .title{margin:28px 15px 0 0;float:left;font-weight:bold;line-height:1.8; box-sizing:content-box;}
.sup_wrap01 .sup_box01 .title li{background:url('/images/dot.gif') 0 center no-repeat;padding-left:10px; box-sizing:content-box;}
.sup_wrap01 .sup_box01 .title_con{margin-top:28px;float:left;line-height:1.8; box-sizing:content-box;}

.sup_wrap02{height:auto;background:url('/images/06/img06_bg02.gif') bottom no-repeat;border-left:solid 1px #e9e9e9;border-right:solid 1px #e9e9e9;box-sizing: border-box;}
.sup_wrap02 .sup_box02{padding:35px 0 76px 40px; box-sizing:content-box;}
.company{width:100%;margin:17px 40px 0 0;overflow:hidden; box-sizing:content-box;}
.company ul{width:30%;height:130px;float:left;background-color:#f9f9f9;margin-left:17px;text-align:center;font-weight:bold;font-size:15px;color:#433c3c; box-sizing:content-box;}
.company ul:first-child{margin-left:0px;}
.company ul li{ box-sizing:content-box;}
.company ul li:first-child{margin-top:13px;}
.company .subbar{width:30px;height:1px;background-color:#aeaeae;margin:7px auto 12px auto;line-height:0;display:inline-block; box-sizing:content-box;}

/**/



#subcon_wrap #subcontents .con98_01{ float:left; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 div{ float:left; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_01{ width:230px; margin:0 35px 50px 0; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_01 img{ display:block; margin-bottom:30px; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_01 ul{ margin:0; padding:0; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_01 ul li{ height:35px; box-sizing:content-box;}



#subcon_wrap #subcontents .con98_01 .box_02{ width:230px; margin-bottom:40px; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_02 img{ display:block; margin-bottom:30px; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_02 ul{ margin:0; padding:0; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 .box_02 ul li{ height:35px; box-sizing:content-box;}

/*하단 개인정보*/

.con07_01{ margin-bottom:0; box-sizing:content-box;}

.con07_01 .logtitle{ margin:0 auto; width:1024px; height:167px; border-bottom:solid 1px #9d9b8f; background-image:url('/images/title/bg06.gif'); background-repeat:no-repeat; background-position:top right; box-sizing:content-box;}

.con07_01 .logtitle .navi{ width:100%; height:12px; padding-top:42px; font-size:11px; color:#888; box-sizing:content-box;}

.con07_01 .logtitle .titleimg{ width:100%; height:60px; margin-top:27px; box-sizing:content-box;}

.con07_01 .privacy_style{ font-family:"돋움", sans-serif; font-size:13px; color:#555; line-height:22px; width:1024px; margin:0 auto; box-sizing:content-box;}



.con07_02{ margin-bottom:0; box-sizing:content-box;}

.con07_02 .logtitle{ margin:0 auto; width:1024px; height:167px; border-bottom:solid 1px #9d9b8f; background-image:url('/images/title/bg06.gif'); background-repeat:no-repeat; background-position:top right; box-sizing:content-box;}

.con07_02 .logtitle .navi{ width:100%; height:12px; padding-top:42px; font-size:11px; color:#888; box-sizing:content-box;}

.con07_02 .logtitle .titleimg{ width:100%; height:60px; margin-top:27px; box-sizing:content-box;}

.con07_02 .privacy02_style{ font-family:"돋움", sans-serif; font-size:13px; color:#555; line-height:22px; width:1024px; margin:0 auto; box-sizing:content-box;}

/**/





/*사이트맵*/

#subcon_wrap #subcontents .con98_01{ font-family:'돋움', sans-serif; font-size:13px; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 a{ color:#888; box-sizing:content-box;}

#subcon_wrap #subcontents .con98_01 a:hover{ color:#222; text-decoration:none; box-sizing:content-box;}



/**/





#copy_wrap{ width:100%; height:131px; padding-top:19px;  clear:both; background-color:#9d9b8f; box-sizing:content-box;}

#copy_wrap #copyright{ width:1024px; margin:0 auto; box-sizing:content-box;}

#copy_wrap #copyright .copy_text{float:left; box-sizing:content-box;}

#copy_wrap #copyright .copy_text li{ float:left; padding-right:22px; height:13px; font-size:13px; box-sizing:content-box;}

#copy_wrap #copyright .copy_text .image{ clear:both; padding-top:18px; height:28px; box-sizing:content-box;}

#copy_wrap #copyright .copy_btn{ float:right; box-sizing:content-box;}
#copy_wrap #copyright .copy_btn .float_l{margin-left:20px;}





.con99_01{ margin-bottom:100px; box-sizing:content-box;}

#logtitle{ margin:0 auto; width:1024px; height:167px; border-bottom:solid 1px #9d9b8f; background-image:url('/images/title/bg06.gif'); background-repeat:no-repeat; background-position:top right; box-sizing:content-box;}

#logtitle .navi{ width:100%; height:12px; padding-top:42px; font-size:11px; color:#888; box-sizing:content-box;}

#logtitle .titleimg{ width:100%; height:60px; margin-top:27px; box-sizing:content-box;}



.login_skin{ width:532px; height:255px; margin:129px auto 0; box-sizing:content-box;}

.login_skin .skin_title{ height:51px; box-sizing:content-box;}

.login_skin .skin_title li{ float:left; box-sizing:content-box;}

.login_skin .skin_title span{ margin:8px 20px 0 20px; width:2px; height:22px; background-color:#444; display:inline-block; box-sizing:content-box;}

.login_skin .skin_title .title_txt{ margin-top:8px; box-sizing:content-box;}

.login_skin .login_box{ margin:14px 0 0 0; width:530px; height:188px; border:1px solid #eaeaea; background-color:#fafafa; box-sizing:content-box;}



.login_box{ padding:0; margin:0; box-sizing:content-box;}

.login_box .login_position{ text-align:left; vertical-align:middle; width:404px; height:60px; margin:65px auto 0; box-sizing:content-box;}

.login_box fieldset{ padding:0; margin:0; box-sizing:content-box;}

.login_box ul{ float:left; padding:0; height:60px; margin:0 20px 0 0; box-sizing:content-box;}

.login_box ul li{ height:25px; padding:0; margin:0 0 10px 0; box-sizing:content-box;}

.login_box ul li input{ height:23px; width:232px; padding:0; margin:0; line-height:10px; border:1px solid #dedfde; display:inline-block; box-sizing:content-box;}

.login_box ul li input:focus {z-index:2; height:23px; width:232px; border:1px solid #ffb7cd; box-sizing:content-box;}

.login_box fieldset { border:0; box-sizing:content-box;}

.login_box label{ width:63px; height:25px; display:block; float:left; padding:5px 0 0 0; margin:0; box-sizing:content-box;}

.login_box img{ padding:0; margin:0; box-sizing:content-box;}

.login_box legend{display:none; box-sizing:content-box;}