@charset "utf-8";


html, body,div, span, object, iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,em,img,ins,kbd,q,samp,small,stornt,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video
{margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section
{display: block;}



h1,h2,h3,h4,h5 {font-family:NanumGothic;}
li {list-style:none}
a {color:#868686; text-decoration:none; border:0}
a:focus {text-decoration: none;}
img {vertical-align:top; border:0}
li {list-style:none}
legend,caption {display:none}
ol,ul,nav {list-style:none}
table {width:100%; border-spacing:0; border-collapse:collapse}
textarea {resize:none}
fieldset {border:0}
select {text-transform:none}
button {border:none; cursor:pointer;background:none; padding:0; margin:0}

/* font */
body,input,textarea,a {font-size:12px; font-family:NanumGothic, "나눔고딕", Dotum, '돋움', Helvetica,'Apple SD Gothic Neo', Sans-serif; overflow:hidden;}
input[type=checkbox],input[type=radio] {margin-top:-2px}
select,input {vertical-align:middle}
.hide {position:absolute; top:-9999px; left:-9999px; width:0; height:0; margin:0; overflow:hidden; font-size:0; text-indent:-9999px; line-height:0}

/* margin-style */
.mAll10 {margin:10px}
.mtop10 {margin-top:10px}
.mtop20 {margin-top:20px}
.mtop30 {margin-top:30px}
.mtop40 {margin-top:40px}
.mbottom10 {margin-bottom:10px}
.mleft10 {margin-left:10px}
.mright10 {margin-right:10px}
.mAll15 {margin:15px}
.mtop15 {margin-top:15px}
.mbottom15 {margin-bottom:15px}
.mleft15 {margin-left:15px}
.mleft25 {margin-left:25px}
.mright15 {margin-right:15px}
.mAll20 {margin:20px}
.mAll30 {margin:30px}
.mright20 {margin-right:20px}
.mbottom20 {margin-bottom:20px}

/* padding-style */
.pAll10 {padding:10px}
.ptop10 {padding-top:10px}
.pbottom10 {padding-bottom:10px}
.pleft10 {padding-left:10px}
.pright10 {padding-right:10px}
.ptop15 {padding-top:15px}
.pbottom15 {padding-bottom:15px}
.pleft15 {padding-left:15px}
.pright15 {padding-right:15px}
.clear {display:block; clear:both; height:0; font-size:0}


/*CSS Document*/
html,body {background-image:url('../images/bg.png'); padding:0; margin:0}
#wrap { width:1000px; height:601px; margin: auto;}
#header {margin: auto; background:url('../images/menu_bar.png') no-repeat 0 0; }
#contents{ position:absolute; padding:0; margin:0; width: 1000px; }
#visual{position: absolute;padding: 0;margin: 0; width: 1000px;/* [disabled]left: 183px; */top: 91px;}
#details{	position: absolute;	width: 770;}





/* menu */
	.menu_box {text-align:center; position:relative; z-index:2; width:1000px; height:64px; margin:0 auto; }	
	.menu_box ul.tab1 li a img.on {display:inline;}
	.menu_box ul.tab1 li a img.over {display:none;}
	.menu_box ul.tab1 li a:hover img {display:none;}
	.menu_box ul.tab1 li a:hover img.over {display:inline;}
	.menu_box ul.tab1 li.m1 {position:absolute; top:12px; left:50px;}
	.menu_box ul.tab1 li.m2 {position:absolute; top:12px; left:210px;}
	.menu_box ul.tab1 li.m3 {position:absolute; top:12px; left:710px;}
	.menu_box ul.tab1 li.m4 {position:absolute; top:12px; left:867px;}

	
	/* menu_logo */
	.menu_logo {position:relative; width:259px; height:89px; left:373px;}


/*content*/
	#content {	width: 770px;	height: 510px;	 margin: 5px 0 10px 10px; float:left;}
	#content h3{ font-size:20px; font-weight:bold; color:#333; padding-left:5px; margin-top:10px;}
	#content p{ font-size:15px; color:#666; padding-left:5px; margin-top:0px;}
	#con_section{	margin-top: 15px; margin-right: 0; margin-bottom: 0px;	margin-left: 0;}
	#con_section p {line-height: 26px; font-size: 13px;	margin-left:5px; letter-spacing: -1px;;}
	#con_section span.text {font-size: 18px; color: #222; margin-left: 0px;}
	#con_section_box {width:708px; height:45px;  background:url('../images/sub/border_box.png') no-repeat; margin-bottom:10px; margin-left:15px;}
	#con_section_box p{ font-size:12px; color:#555; text-align:left; padding-top:15px; font-weight:bold;}
	#content_name_box{width:708px; height:81px; background:#f0ebe1; border:1px solid #e0e0e0; margin-top:5px;}
	#content_name_box h4{margin-top:10px; margin-left:15px; font-size:13px; color:#676767;}
	#content_name_box h4 span{color:#990000;}
	#content_name_box ul{margin-top:20px; margin-left:10px;}
	#content_name_box li{ display:inline; padding:5px; margin:8px;}
	#content_name_box li a{width:367px; height:29px; background:#edebeb; border:1px color:99aab7; padding:5px; font-weight:bold;}
	#content_name_box li a:hover{background:#274264; color:#fff;}
	#content_name_box li a.on{background:#274264; color:#fff;}
	.location ul{ margin:10px 0;}
	.location li{display:inline; text-align:center; padding:0 3px; font-size:13px; color:#444; }	
		
	


	

/*sub_menu*/
#sub_menu {width:150px; height:450px; background:url('../images/sub/left_menu_bg.png') no-repeat; margin:-6px 0 0 8px; float:left; margin-left:40px; margin-top:-20px;}
#sub_list{ text-align:center;}
#sub_list h2 {font-size:18px; color:#fff; padding:50px 0; text-shadow: 1px 1px 1px black;}
#sub_list li{padding:5px 0; text-align:left; font-size:12px;}
#sub_list li a{ width:120px; line-height:20px; color:#fff; margin-left:8px; padding:3px 10px; margin-top:-5px; display:block;}
#sub_list li a:hover{width: 120px; line- height:20px;color: #fff;
	background: url('../images/sub/menu_on.png') no-repeat;	margin-left: 8px; margin-top: -5px;padding-top: 3px;padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#sub_list li a.on{	width: 120px;	line-height: 20px;	color: #fff; background: url('../images/sub/menu_on.png') no-repeat;	margin-left:8px; padding: 3px 15px; margin-top: -5px; }
#sub_list p {width: 120px;	line-height: 5px;	margin-left:-8px;	padding: 3px 15px;	margin-top:-10px;}




/*sub_menu_11*/
#sub1_menu {width:150px; height:450px; background:url('../images/sub/left_menu_bg.png') no-repeat; margin:-6px 0 0 8px; float:left; margin-left:40px; margin-top:0px;}
#sub1_list{ text-align:center;}
#sub1_list h2 {font-size:18px; color:#fff; padding:50px 0; text-shadow: 1px 1px 1px black;}
#sub1_list li{padding:5px 0; font-size:11px; text-align:left; }
#sub1_list li a{font-size:11px; width:120px; line-height:20px; color:#fff; margin-left:8px; padding:3px 5px; margin-top:-5px; display:block;}
#sub1_list li a:hover{width: 120px; line- height:20px;color: #fff;	background: url('../images/sub/menu_on_b.png')no-repeat;	margin-left: 8px; margin-top: -5px;padding-top: 3px;padding-right: 5px;	padding-bottom: 3px;padding-left: 5px;font-size:11px;}
#sub1_list li a.on{	font-size:11px; width: 120px;	line-height: 20px;	color: #fff; background: url('../images/sub/menu_on_b.png') no-repeat;	margin-left:8px; padding: 3px 5px; margin-top: -5px; }
#sub1_list p { width: 120px;	line-height: 5px;	margin-left:-8px;	padding: 3px 15px;	margin-top:-10px;}





/* menu_box  */
#all_menu {position:relative; margin-top:-40px; !important; margin-left:618px; !important; background:#333333; height:277px; width:163px; display:none; z-index:100;}
	.menu_logo{position:absolute; top:15px; margin-left:-30px;}
#all_menu ul.menu_tab {margin:30px; 20px;}
#all_menu ul.menu_tab>li {padding-bottom:10px;}
#all_menu ul.menu_tab li a {line-height:24px; 0 7px no-repeat; padding-left:10px; text-decoration:underline;}
#all_menu ul.menu_tab li a:hover {color:#509aec;} 
#all_menu .menu_close {position:absolute; top:240px; right:10px;}
#all_menu ul.menu_tab li>ul {padding: 15px; 30px; padding-top:25px;}
#all_menu ul.menu_tab li>ul>li {line-height:20px; }
#all_menu ul.menu_tab li>ul>li>a {background:none;}





/* 특별전시장 */
#box_border { margin-top:0px; float:right; margin-left:520px; width:250px; height:377px;  background:url('../images/sub/sub_1_3_box.png') no-repeat;  font-size:12px; font-family: Dotum, '돋움'; background-color:red;}
#box{padding-top:65px;  }
.box_list { margin-left:6px; *zoom:1; clear:both}
.box_list:after {content:" "; display:block; clear:both}
.box_list li {padding-bottom:5px;  width:240px; position:relative}
.box_list li:last-child {margin-right:0}
.box_list li a img.over {display:none;}
.box_list li img.on {display:inline;}
.box_list li a:hover img {display:none}
.box_list li a:hover img.over {display:inline}


/*외부홍보물*/
#box_bg {width:480px; margin-bottom:10px;}
#box1 {margin:10px; }
#box1 ul {margin-top:10px;}
#box1 li {display:inline-block;  margin-bottom:5px;}







#list_box1 {margin:5px; padding-top:0px; padding-left:5px;}
#list_box1 ul {margin-top:3px;}
#list_box1 txt {display:inline; font-size: 13px; color: #666; padding: 5px 5px; width: 100px; text-align:left; font-weight:bold;}
#list_box1 li {display:inline-block; margin:0 5px; }
#list_box1 li p {font-size: 11px; color: #666; padding:5px 5px; width: 110px; text-align:center;}




/* 전시공간_1  */
#p_box2 {width:480px; height:370px; margin-bottom:10px; }
#box2 {	margin: 12px;	padding-top: 0px;}
#box2 li {width:214px; height:155px; display:inline-block; margin:0 5px; margin-bottom:10px;}



#mvisual{width: 462px; height: 378px; margin-left: 0px; background: url('../images/sub/sub1_2_plan.jpg') no-repeat;	position: absolute;	margin-top: 10px;}
#mvisual1{width:707px; height:217px; background:url('../images/sub/sub1_2_box3.png') no-repeat; position:absolute; }
.img{position:relative; top:255px; left:578px;}
.img1{position:relative; top:-10px; left:563px;}


/*전시자료_tab*/
ul.tab3{margin-left:12px; margin-top:15px; text-align:center; padding: 5px 0 0 0;}
ul.tab3 li { float:left; width:367px; height:29px; border:1px solid #99aab7; background:#edebeb; text-align:center; font-color:333px;}
ul.tab3 li a.on {width:367px; height:29px; text-align:center; font-color:#fff;  background:#edebeb; }
ul.tab3 li a:hover {width:367px; height:29px; text-align:center;  background:#edebeb;}




#gub1 {	margin:10px; margin-top:80px;}
#gub1 li {margin-top:10px; width:140px; height:120px; background:#dcd9d9; border:1px solid #999; display:inline-block; margin:0 2px; margin-bottom:5px;}
#gub1 li p {font-size:12px; color:#666;  padding:5px 5px; width:140x; }
#number{ text-align:center;}
#number li { display:inline-block; margin:13px 5px 0;}
#number li a{color:#fff; background:#999; width:12px; height:12px; text-align:center; padding:5px 8px; font-size:12px;}
#number li a:hover{color:#fff; background:#314253;}
#number li a.on{color:#fff; background:#314253;}

#gub2 {	margin:10px;}
#gub2 li {margin-top:10px; width:140px; height:120px; background:#dcd9d9; border:1px solid #999; display:inline-block; margin:0 2px; margin-bottom:5px;}
#gub2 li p {font-size:12px; color:#666;  padding:5px 5px; width:140x; }
#number{ text-align:center;}
#number li { display:inline-block; margin:13px 5px 0;}
#number li a{color:#fff; background:#999; width:12px; height:12px; text-align:center; padding:5px 8px; font-size:12px;}
#number li a:hover{color:#fff; background:#314253;}
#number li a.on{color:#fff; background:#314253;}











/*table List */
.tbl_list {	color: #FFF;line-height: 20px;border: 1px solid #c9c9c9; padding: 10px 0;text-align: center;margin-top: 10px;}
.tbl_list thead th, .tbl_list tbody td, .tbl_list tbody tr, .tbl_list tfoot th,.tbl_list tfoot td {padding:5px 3px; vertical-align:middle; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.tbl_list .last {border-bottom:none;}
.tbl_list tbody th {	background: #274264;	font-color: fff;	margin-right: 5px;	color: #FFF;}
.tbl_list tbody td { padding-left:5px; background:#edebeb;}
.tbl_list tbody td a{ font-size:12px; color:#666; }
.tbl_list tbody td a:hover{ font-size:12px; color:#000; font-weight:bold; }





/*section_wrap*/
.section_wrap {width: 740px; margin-top: 10px;	padding-bottom: 10px; margin-bottom: 10px; height: 31px; margin-left:-5px;}
.section_wrap ul.tab { height:34px; margin-left:10px; }
.section_wrap ul.tab a {float:left; color:#333; text-align:center; padding:12px 0px; margin-left:-3px; font-weight:bold; background:url('../images/sub/sub1_3_tab.png') no-repeat; height:34px; width:136px;}


.vod_list {display:inline-block;}


/*tab1~5*/
.section_wrap ul.tab li a.on {background:url('../images/sub/sub1_3_tab_on.png') no-repeat; color:#fff;}
.section_wrap ul.tab li a:hover {background:url('../images/sub/sub1_3_tab_on.png') no-repeat; color:#fff;}

.tab_context{}
.stat_wrap {width: 740px;position: relative; margin-top: 15px; margin-right: auto; margin-bottom: 30px; margin-left: auto;}
.stat_wrap ul {margin-top:-5px; text-align:center;}
.stat_wrap ul li { text-align:center; display:inline;}






.tab2 {margin-left:10px;}
.section_wrap {position:relative;}
.section_wrap ul.tab2 li a img.on {display:inline}
.section_wrap ul.tab2 li a img.over {display:none}
.section_wrap ul.tab2 li a:hover img {display:none}
.section_wrap ul.tab2 li a:hover img.over {display:inline}
.section_wrap ul.tab2 li.m1 {position:absolute; top:30px; left:110px}
.section_wrap ul.tab2 li.m2 {position:absolute; top:30px; left:210px}
.section_wrap ul.tab2 li.m3 {position:absolute; top:30px; left:310px}
.section_wrap ul.tab2 li.m4 {position:absolute; top:30px; left:410px}
.section_wrap ul.tab2 li.m5 {position:absolute; top:30px; left:510px}
.section_wrap ul.tab2 li.m6 {position:absolute; top:30px; left:610px}

.vr_context{padding:2px 0 10px 0;}
#ptab1 {display:block; width:700px;}
#mediaspace{margin-left:90px;}


.vod_list {width:700px; height:100px; padding-left:10px; margin-top:5px;}
.spic_list {*zoom:1; clear:both}
.spic_list:after {content:" "; display:block; clear:both}
.spic_list li { margin:0 30px 0 0; padding-bottom:30px; height:108px; width:85px; position:relative}
.spic_list li:last-child {margin-right:0}
.spic_list li a img.over {display:none;}
.spic_list li img.on {display:inline;}
.spic_list li a:hover img {display:none}
.spic_list li a:hover img.over {display:inline}


#vod_name {width:700px; margin-top:-10px; padding-left:10px;}
#vod_name ul{margin-top:-2px;}
#vod_name li {display:inline; font-size:12px; padding:0 38px; color:#666; }
#vod_name li.on { color:#333; font-weight:bold; }


/*동영상 버튼 tab*/
ul.tab li {padding-left:10px;}
ul.tab a {float:left; margin-right:3px; letter-spacing:1px; line-height:6px; padding:8px 3px; }
ul.tab li a.on {background:none;}
ul.tab li a:hover {background:none;}
#tab1 {color:none;}
#tab1 span {color:none;}
#tab2 {clear:both;}
#tab2 span {color:none;}
#tab3 {clear:both;}
#tab3 span {color:none;}
#tab4 {clear:both;}
#tab4 span {color:none;}
#tab5 {clear:both;}
#tab5 span {color:none;}


/*보도자료 나열*/

 .list_thumb {width:740px; margin:0 auto;border-top:2px solid #000; }
 .list_thumb li{overflow:hidden; border-bottom:1px solid #e7e7e7; padding:5px 5px;}
 .list_thumb li a{display:block;}
 .list_thumb li .news{float:left; margin-top: 5px; display:block; width:134px; height:94px; margin-right:15px;}
 .list_thumb li .cont{float:right;width:79%;color:#939393;}
 .list_thumb li .cont strong{color:#676767;}
 .list_thumb li .cont strong.tit{display:block; margin:3px 0 0px; font-size:15px; font-family: gulim,'굴림체'; font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
 .list_thumb li .logo{float:left; margin-top: 0px;}
 .list_thumb li .link{float:left; margin-right:0px; margin-top: 2px; font-color:#000;}
 .list_thumb li .cont .stxt{display:block; margin-left:10px; padding:2px 0; font-size:11px; font-family: Dotum, '돋움';}
 .list_thumb li .cont .txt{display:block;padding:5px 0;height:35px;overflow:hidden; font-size:12px; font-family: Dotum, '돋움';}
 
 
#photo_view {display:none; min-width:720px; min-height:580px; z-index:100; align-content: auto;}
.button {color: #fff; font-size:13.5px;  cursor:pointer; display: inline-block;	 text-align:center; text-decoration: none}
.button.b-close, .button.bClose {position:absolute; right:-50px; top:-30px}
#photo_view .content {padding-top:-50px;}


#pop_view {display:none; min-width:450px; min-height:500px; z-index:100; align-content: auto;}
.button {color: #fff; font-size:13.5px;  cursor:pointer; display: inline-block;	 text-align:center; text-decoration: none}
.button.b-close, .button.bClose {position:absolute; right:-50px; top:-20px}
#pop_view .content {padding-top:20px;}





/* footer*/
#footer {width:1000px; height:49px; margin:0 auto; background-image:url('../images/footer.png')}
.ver_info {position:absolute; width:320px;left: 400px;  margin-top:-25px; color:#eb3f3f;font-weight: bold;}
.footer_txt{position: relative;	width: 550px;left: 450px; 	padding: 10px 0 0 0;
	font-size: 12px;
	color: #999;
	font-family: NanumGothic, "나눔고딕", Dotum, '돋움', Helvetica,'Apple SD Gothic Neo', Sans-serif;
	font-weight: bold;
	line-height: 16px;
}