@charset "utf-8";
/*
 파일명:			default.css
 기능설명:		common, layout, content css
 작성자:			dm-p
 최종수정일:	2013.01.10.
 */

html{overflow-y:scroll;}
ul,li,ol,li,dl,dd,dt{list-style:none;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none;}
body{ font-family:"굴림","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#808080; text-align:center; }
td{font-family:"굴림","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#808080;}
a {font-family:"굴림","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#808080; text-decoration:none;} 
header, footer, nav, aside, section, article {display:block;}
table{ border-collapse: collapse;}
fieldset, img {border:0;}
img {-ms-interpolation-mode:bicubic !important;}/*ie7*/
select {font-size:12px; color:#6b6b6c;}
legend,hr{position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
caption{ width:0; height:0;  z-index:-1; font-size:0; line-height:0; visibility:hidden; }
hr{ display:none;}

/* form */
input, textarea, select {vertical-align:middle;}
input.input_chk {margin-top:-1px; margin-right:7px;}
input.input_txt {height:20px; padding:2px 6px 0 6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;}
textarea {padding:6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;}
select {height:24px; *margin-top:4px; padding:0; line-height:14px; border:1px solid #d9d9d9;}
@-moz-document url-prefix() {select {padding:2px 2px 2px 0;}}
.input_full {display:block; margin-right:14px;}
.textarea_full {display:block; margin-right:14px;}
.input_full .input_txt, .textarea_full textarea {width:100%;}

/* Button */
button {background:none; border:none; padding:0; margin:0;}
button.btn {*overflow:visible; display:inline-block; cursor:pointer;}
button,button.btn {vertical-align:middle;}

/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}

#wrap{ text-align:center; width:100%;}
#header { width:100%; text-align:center; /*padding-bottom:25px;*/ }
#header .logo{ padding:16px 0px 14px 0px; }
#header .top{ width:763px; text-align:left; vertical-align:top; }
#header .top .gnb{ text-align:right; padding:10px 0 24px 0; }
/*#header .top .lnbBox td{ padding-left:68px;}*/
.m_visual{ text-align:center; padding-bottom:46px;}

/*container*/
#m_container{ text-align:center; padding-bottom:30px; width:100%;}
.m_con1{ padding-bottom:44px;}
.m_con1 .tab .tab_ico{ text-align:right; border-bottom:1px solid #d5d5d5; width:133px;}
.m_con4{ background:url(/images/main/img_02.jpg) no-repeat right top;}
.m_con4 .con_title{ padding-bottom:20px;}
.m_con4 .go{ padding:11px 0 10px 0;}
.m_con2{ background:url(/images/main/img_01.jpg) no-repeat right top;}
.m_con2 .con_title{ padding-bottom:22px;}
.m_con2 .go{ padding:14px 0 45px 0;}

.quick .t_menu { padding-left:10px;}
.ban_title{ padding-bottom:12px;}
.rolling_ico{ text-align:right}
.rolling_ico td{ padding-left:3px;}

#footer{ padding-bottom:30px;}
.add{ border-top:1px solid #dcdcdc; padding-top:21px; text-align:center;}

/* sub */
#container{ padding-bottom:40px; width:100%;}
#container .snb_st{ width:175px; text-align:left; vertical-align:top;}
#container .snb_st .snb_title{ padding-bottom:23px;}
#container .sub_con{ padding-left:55px; text-align:left; vertical-align:top;}
#container .sub_con .sub_title{ padding-bottom:50px; text-align:left; vertical-align:top; width:750px;}
#container .sub_con .sub_title table{ width:750px;}
.sub_title .txt_st{ font-size:12px; color:#999999; font-family:"돋움", "굴림", Arial, Verdana; text-align:right; vertical-align:top;}
.sub_title .txt_st span{ font-size:12px; color:#46530a; font-family:"돋움", "굴림", Arial, Verdana;}
.sub_tab td{ text-align:left; padding-right:1px;}

/* Skin */
.skin{ padding-top:40px; text-align:left;}
.skin .b_img{ border:1px solid #eaeaea;}
.skin .rolling_img{ padding-top:10px;}
.rolling_img .s_img td{ text-align:center; padding-right:8px;}
.rolling_img .s_img td img{ border:1px solid #eaeaea;}
.rolling_img .s_img .over{ padding-right:8px;}
.rolling_img .s_img .over img{  border:1px solid #b5d601;}

.view_txt_title{ font-size:15px; font-family:"돋움", "굴림", Arial, Verdana; font-weight:bold; color:#798c12; padding-bottom:16px;}
.view_txt1{ font-size:11px; font-family:"돋움", "굴림", Arial, Verdana; color:#969696; padding-bottom:40px;}
.view_txt2{ font-size:12px; font-family:"돋움", "굴림", Arial, Verdana; color:#717171; line-height:16px; padding-bottom:50px;}

.view_bot{ border-top:2px solid #e5e5e5; padding-top:20px; text-align:right;}

.skin .list_st1{ border-top:2px solid #52554e; border-bottom:2px solid #e5e5e5; padding-bottom:36px;}
.skin .list_st1 .list_line{ padding:15px 0 15px 0; border-bottom:1px solid #e5e5e5; text-align:left;}
.skin .list_st1 .list_line_bot{ padding:15px 0 15px 0; text-align:left;}
.skin .list_bot{ padding-top:25px;}
.list_img{ padding-left:10px;}
.list_img img{ border:1px solid #e3e5e8;}
.list_txt_title{ font-size:13px; font-family:"돋움", "굴림", Arial, Verdana; font-weight:bold; color:#798c12; padding-bottom:13px;}
.list_txt1{ font-size:11px; font-family:"돋움", "굴림", Arial, Verdana; color:#969696; padding-bottom:18px;}
.list_txt2{ font-size:12px; font-family:"돋움", "굴림", Arial, Verdana; color:#717171; line-height:16px;}



/*탭갤러리
http://bangbang.oktomato.net/museum/guide.asp */

.partBtn{margin-bottom:21px; width:100%; /*background:url('/images/menu/bg_partBtn_repeatx.gif') repeat-x left top;*/  }
.partBtn ul{*zoom:1; }
.partBtn ul:after{ content:""; display:block; clear:both; }
.partBtn ul li{float:left;  cursor:pointer; margin-left:0px;   }
.partBtn ul li.first{margin-left:0px;   }

.imgFix { position:relative; width:750px; height:520px; background:url('/images/museum/img_lobby.jpg') no-repeat left top; }
.imgFix .map{ position:absolute; width:750px; height:520px;  left:0px; top:0px;  z-index:100; }

.imgFix .overIco { }
.imgFix .overIco li{ display:none; z-index:90; }
.imgFix .overIco .f1 { position:absolute; left:351px; top:355px; }
.imgFix .overIco .f2{ position:absolute;  left:543px; top:240px; }
.imgFix .overIco .f3 { position:absolute; left:486px; top:133px; }
.imgFix .overIco .f4 { position:absolute; left:106px; top:277px; }
.imgFix .overIco .f5 { position:absolute; left:282px; top:163px; }
.imgFix .overIco .f6 { position:absolute; left:421px; top:83px;  }
.imgFix .overIco .f7 { position:absolute; left:193px; top:220px; }
.imgFix .overIco .f8 { position:absolute; left:150px; top:365px; }
.imgFix .overIco .f9 { position:absolute; left:348px; top:237px; }
.imgFix .overIco li span{display:block; position:relative; }
.ico_overIco{ position:absolute; left:-51px; top:-18px; }



.panorama{width:750px; margin-bottom:32px;  }
.galleyBox{ float:left; position:relative; width:636px; height:427px; margin-right:10px; }
.galleyBox .display{ }
.galleyBox .display span{position:absolute; left:0px; top:0px; display:none; width:636px; height:427px;    }
.text{ padding-top:30px; clear:both;}

/* 메인배너 */
.btnBox {  float:left;  position:relative; z-index:1; left:0px; top:0px;  width:104px;height:427px;   }
.btnBox .btnBoxInside{ position:absolute; left:0px; top:26px; width:104px; height:375px; overflow:hidden;  }
.btnBox .btnBoxInside .img{ width:104px; height:8000px; position:relative; left:0px; top:0px;}
.btnBox .btnBoxInside span{width:104px; height:385px; display:block;  }
.btnBox .btnBoxInside span.bg0{ }
.btnBox .btnBoxInside span.bg1{ }
.btnBox .btnBoxInside span.bg2{ }
.btnBox .btnBoxInside span.bg3{ }
.btnBox .btnBoxInside span.bg4{  }
.btnBox .btnBoxInside span ul.list{*zoom:1; }
.btnBox .btnBoxInside span ul.list:after{ content:""; display:block; clear:both;  }
.btnBox .btnBoxInside span ul.list li{margin-bottom:10px; position:relative; width:104px; height:67px; }
.btnBox .btnBoxInside span ul.list li.first{ margin-left:0px;  }
.btnBox .leftBtn{position:absolute; right:33px; top:0px; display:none;  }
.btnBox .rightBtn{position:absolute; right:33px; bottom:0px; display:none; }
.onss{ position:absolute; left:0px; top:0px; z-index:10;  }
/* e: 메인배너 */


div #rollingArea{ width:712px;}