@charset "utf-8";
/* CSS Document */
@import url(/en/css/global.css);
@import url(/en/css/layout.css);
@import url(/en/css/board.css);


#leftWrap { width:170px; margin:22px 20px 25px 0; }
#leftWrap .leftMenu_title { width:170px; height:18px; margin:0 0 4px 0; text-indent:-1000em; background-image:url(/en/images/sub/sub_headTitle_01.gif); background-position:0 0;}
#leftWrap #leftMenu_wrap dl { padding:10px 0 8px 0; border-bottom:1px solid #d8d9c9; }
#leftWrap #leftMenu_wrap dl  dt { padding:0 0 0 10px; background:url(/en/images/common/bul/bul_1.gif) no-repeat left 50%; }
#leftWrap #leftMenu_wrap dl  dt a { color:#000000; }
#leftWrap #leftMenu_wrap dl  dt.current { padding:0 0 0 10px; background:url(/en/images/common/bul/bul_2.gif) no-repeat left 50%; }
#leftWrap #leftMenu_wrap dl  dt.current a { font-weight:bold; color:#ff6600; }
#leftWrap #leftMenu_wrap dl  dd a { color:#727263; }
#leftWrap #leftMenu_wrap dl dd ul li { padding:5px 0px 5px 10px; }
#leftWrap #leftMenu_wrap dl dd ul li.current_menu { background:#d9d9ca; font-weight:bold; }
#leftWrap #leftMenu_wrap dl dd ul li.current_menu a { color:#000000; }



#contentWrap { width:660px; margin:15px 0 25px 0; }

#breadCrumbs { height:12px; padding:0 5px 0 0; text-align:right;}
#breadCrumbs p span { margin:0 3px 0 3px;}

/*
#breadCrumbs { text-align:right;  padding:5px 5px 5px 0;}
			#breadCrumbs p a {margin:0 5px 0 5px; color:#afafa2; }
			#breadCrumbs p span {font-size:12px; color:#afafa2; }
			#breadCrumbs .breadCurrent  {margin:0 0 0 5px; font-size:12px; }
*/
#conTitle { background:url(/en/images/sub/h2Title_bg.gif) repeat-x left 9px; }

#content { margin:35px auto; padding:0 0 0 20px; }
#content h2 { clear:both; margin:25px 0 8px 0; font-size:14px; font-weight:bold; color:#ff9900; } 
#content p.normal { line-height:1.5em; }

/* 관장인사말 */
#aboutus {  height:335px; padding:58px 0 0 220px; background:url(/en/images/abo/Abo2_bg.jpg) no-repeat -5px top; }
#aboutus p { line-height:1.3em; }
.pic_901 {}
.pic_901 li.first { line-height:1.8em; text-align:left;}
.pic_901 li.sec {line-height:1.8em; text-align:left;padding-top:20px;}

/* 전시관안내 */
#exhWrap { margin:0 12px 0 0; }
#mapWrap { float:left; margin:20px 0 0 0; border:5px solid #ebebe4; background:#ffffff;}
#mapWrap .mapLeft { width:336px; border-right:5px solid #ebebe4;}
#mapWrap .mapRight { width:250px; padding:8px 13px 0 13px;   }
#mapWrap .mapRight p { margin:0 0 8px 0; }
#mapWrap .mapRight div { margin:0 0 5px 0; }
#thumBox { position:relative; margin:8px 0 0 0; }
#thumBox img { float:left; margin:3px 4px 3px 0; }
.resbtn {margin:120px 0 0 0; float:right;}

/* 휴대용안내 */
#porinfo {width:630px; margin:20px auto 0 auto; }
#porinfo .arrow { margin:20px 0; text-align:center; }
#porinfo .toptxt{padding-bottom:20px;}
#porinfo .step { display:inline;  }
#porinfo .porR { float:right; margin:0 0 0 25px; }
#porinfo .porL { float:left; margin:0 25px 0 0; }
#porinfo .infotxt { float:left; width:325px; margin:8px 0 0 0; padding:0 0 0 12px; line-height:1.5em; background:url(/en/images/common/bul/arr.gif) no-repeat left 5px; }
:root #porinfo .infotxt { float:left; width:325px; margin:5px 0 0 0; padding:0 0 0 12px; line-height:1.5em; background:url(/en/images/common/bul/arr.gif) no-repeat left 4px; }
#porinfo .porpic { float:left; margin:10px 0 0 20px; }
#porinfo .porpicz { float:left; margin:10px 0 0 10px; }

/* 안내도 */
.picWrap { margin:20px 0; text-align:left; } 
/* 편의시설 */
.facWrap {  width:627px; margin:20px 0; background:url(/en/images/vis/Vis4_conBg.gif) no-repeat left top; border-top:1px solid #e8e8e8; }
.facWrap dl { display:inline; width:600px;  margin:0 15px; padding:20px 0; border-bottom:1px solid #cccccc; }
.facWrap .step2 {margin:0;}
.facWrap dl dt { margin:0 10px 0 0;border:1px solid #b7a586;  }
.facWrap dl dt img { padding:5px; vertical-align:top; background:#ffffff; } 
.facWrap dl dd { width:470px; }
.facWrap dl dd ul li{ line-height:1.5em;}
/* 관람시간 */
.vis1 { width:620px; padding:4px; border:1px solid #e5ddd6;}
.vis1 .bg { height:102px; padding:10px 0 0 220px; background:#eeeee3 url(/en/images/vis/Vis1_pic.gif) no-repeat 5px 5px; }

/* 찾아오시는길 */
.vis3 { clear:both; width:585px; height:530px; padding:20px; border:1px solid #cccccc; background:url(/en/images/vis/Vis3_pic3.jpg) no-repeat left top; }

.trnsBox_z{ width:628px; margin:0 0 0 0px; padding:0 0 5px 0; background:#e8e8e8; border:1px solid #e8e8e8; }
.trnsBox_z .img902 { vertical-align:top; }
.trnsBox_z .txt { margin:10px 10px 5px 10px; background:#fff; line-height:1.2em;}
.trnsBox_z .txt ul { width:215px; padding:0 10px 0 10px; }
.trnsBox_z .txt ul li{line-height:1.2em;}
.trnsBox_z .txt ul li.bold { font-weight:bold; padding:10px 0 0 0;}
.trnsBox_z .txt ul li.blue { font-weight:bold; padding:7px 0 5px 0; color:#04a1c4;}
.trnsBox_z .txt ul li.org { font-weight:bold; padding:7px 0 5px 0; color:#f4813a;}
.trnsBox_z .txt ul li.bblue { font-weight:bold; padding:7px 0 5px 0; color:#385da4;}

.trnsBox_z .txt ul.sec { width:585px; padding:10px; }

/* 스페셜 전시 */
.spelist { width:600px; margin:0 0 15px 0; padding:10px; border:1px solid #cccccc; }
.spelist dl dt { margin:0 30px 0 0; }
.spelist dl dd.title {width:400px; margin:5px 0 0 0; line-height:1.1em; font-weight:bold; color:#666666; }
.spelist dl dd.date {margin:10px 0 0 0; }
.spelist dl dd.date ul li { height:18px; line-height:1.5em; }
.spelist dl dd.date ul li img { vertical-align:middle; margin:0 0 2px 0; }
.spelist dl dd.view { clear:both;width:600px; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #cccccc; }
.viewcontent { height:350px; line-height:1.2em; }
.viewcontent ul {padding:10px;}
.viewcontent ul li{line-height:1.6em;}
.viewcontent ul li.first{padding-left:10px;}
.viewcontent ul li.sec{padding-left:58px;}
.viewcontent ul li.third{padding:0 20px 0 10px;}

/* 연혁 */
.history dt { margin:0 20px 0 0; }
.history dd { width:500px; padding:6px 10px 14px 10px; background:url(/en/images/common/bul/dotLine.gif) repeat-x; }

.alRight {  text-align:right; }
.pic { margin:10px 0; }
/*  편의시설 불릿 */
.arr { padding:0 0 0 10px; background:url(/en/images/common/bul/arr.gif) no-repeat left 6px; }
/* 4뎁스 불릿 */
.con4depth li {padding:0 0 0 7px; line-height:1.5em; background:url(/en/images/common/bul/enBul_li.gif) left 8px no-repeat;}
.con4depth li ul li { background:none; }
.no4depth li { line-height:1.5em;}
.con5depth li {padding:0 0 0 7px; margin-left:15px; line-height:1.5em; background:url(/jp/images/common/bul/enBul_li.gif) left 8px no-repeat;}
.con5depth li ul li { background:none; }

/* 텍스트 탭 */ 
#txtTab { float:left; display:inline; width:630px; margin:0 0 5px 0px; }
#txtTab ul li { display:inline; float:left; margin:0 -1px 0 0; background:url(/en/images/common/tabBg_n_L.gif) no-repeat left top;}
#txtTab ul li span { float:left; width:80px; height:18px; padding:7px 0 0 0; text-align:center; background:url(/en/images/common/tabBg_n_R.gif) no-repeat right 3px; }
#txtTab ul li span a {display:block; width:100%; }
#txtTab ul .current{ display:inline; float:left; margin:0 0px 0 0; background:url(/en/images/common/tabBg_o_L.gif) no-repeat left top;}
#txtTab ul .current span { float:left; width:80px; padding:7px 0 0 0; text-align:center; background:url(/en/images/common/tabBg_o_R.gif) no-repeat right top; color:#636360; font-weight:bold; }
#txtTab ul .current span a{display:block; width:100%; color:#636360; }
#txtTab .line { padding:0 0 22px 0; border-bottom:1px solid #cccccc; }


/* 사이트맵 */
#sitemapWrap .list { float:left; display:inline; margin:10px 40px; }
#sitemapWrap .list h2 { margin:0 0 10px 0; padding:0; background:none; }
.sitemap2depth { padding:0 8px; }
.sitemap2depth li { font-weight:bold; line-height:1.9em; text-indent:0.7em; border-bottom:1px solid #ccc; text-align:middle;}
.sitemap2depth li a { color:#999; }
/*추가수정*/
.sitemap3depth { margin:0 0 3px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sitemap3depth li { padding:2px 10px; line-height:1.2em; font-weight:normal; text-align:middle; border:none; background:url(/en/images/common/bul/enBul_li.gif) no-repeat left 50%;}
.sitemap3depth li a { color:#999;}
.sitemap2depth .nobr { border:none; }

.sitemap5depth { margin:0 0 3px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sitemap5depth li { padding:2px 0 2px 10px; line-height:1.2em; font-weight:normal; text-align:middle; border:none; background:url(/en/images/common/bul/enBul_li905.gif) no-repeat left 50%;}
.sitemap5depth li a { color:#999;}
.sitemap5depth .nobr { border:none; }


/* 기본 테이블  */
.tableType1 { width:630px; margin:8px 0; }
.tableType1 table { width:100%; border-collapse:collapse; }
.tableType1 table th { font-style:nomal; font-weight:bold; padding:5px 0; text-align:center; background:#e5e5dc; border:1px solid #d5d5c4; }
.tableType1 table td { padding:5px 0; text-align:center; border:1px solid #d5d5c4; }
.tableType1 .bcap { margin:8px 0 0 0; font-size:12px; letter-spacing:-1px; }
.tableType1 .al { padding:5px 10px; line-height:1.3em; text-align:left; }
.tableType1 .al p { margin:4px 0; line-height:1.3em; }