@charset "utf-8";
@import url(board.css);

#wrapInform {position:relative; width:100%; height:100%; background:url(../../images/Common/bg_Data.gif) 40% bottom no-repeat; overflow:auto;}
#wrapInform_con {position:relative; width:100%; height:100%; background:none; overflow:auto;}

#container p.ttl {padding:0 0 26px 10px;}
#container p.comment {padding:0 0 26px 10px; color:#4b4b4b;}
#container p.comment span {color:#626262;}
#container p.acro {margin-top:-20px; padding:0 0 26px 20px;}
#container p.acro a {color:#626262;}
#container p.treeblet {padding:0 0 3px 18px; color:#464646; background:url(../../images/Common/bg_dottree.gif) 0.5em 0.4em no-repeat;}
#container p.treeblet span {font-weight:bold;}
#container p.treeblet.bottom {padding-bottom:26px}


.tab {clear:both; width:662px; margin:0 0 0 7px; overflow:hidden;}
.tab a {display:block;  float:left; padding:2px 120px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
.tab a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
.tab a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
.tab a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

.tab2 {clear:both; width:662px; margin:0 0 0px 7px; overflow:hidden;}
.tab2 a {display:block;  float:left; padding:2px 66px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
.tab2 a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
.tab2 a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
.tab2 a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

.tab3 {clear:both; width:662px; margin:0 0 0px 7px; overflow:hidden;}
.tab3 a {display:block;  float:left; padding:2px 30px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
.tab3 a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
.tab3 a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
.tab3 a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}


.tab4 {clear:both; width:662px; margin:10px 0 0px 7px; overflow:hidden;}
.tab4 a {display:block;  float:left; padding:2px 30px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
.tab4 a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
.tab4 a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
.tab4 a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

.yeartab {clear:both; width:600px; margin:20px 0 0 70px; overflow:hidden; }
.yeartab a {display:block;  float:left; padding:2px 9px; margin-right:4px;  text-align:center; font-weight:bold; color:#000;  background:url(../../images/Common/icn_arrowO.gif) 0 0.7em no-repeat;  }
.yeartab a.choice {  font-weight:bold; color:#5881bc;}
.yeartab a:focus { background-color:#fff;  color:##5881bc;}
.yeartab a:hover{ background-color:#fff; color:#e2ab31;}

/* 디렉토리 영역 */
.boardList {margin-bottom:25px;}
.Dsearch {overflow:hidden; padding:21px 4px 8px 0;}
.boardList p.Location {height:32px; line-height:32px; padding-left:23px;  background:#fafafa url(../../images/Common/icn_arrowO.gif) 1em 1em no-repeat; border-bottom:1px solid #cacaca;} 
.boardList .branch {float:left; width:145px; margin:19px 10px 0 10px; padding-bottom:19px; }
*html .boardList .branch {float:left; width:145px; margin:19px 10px 19px 10px; padding-bottom:19px;}
.boardList .branch h3 {height:29px; line-height:29px; padding:2px 0 0 15px; margin-bottom:2px; font-size:1em; background:#e4f2fb url(../../images/Common/icn_arrowB.gif) 10em 0.8em no-repeat; border-bottom:1px solid #6895d2;}
.boardList .branch li {height:20px; line-height:20px; margin-bottom:1px; padding-left:30px; background:#f1f1f1 url(../../images/Common/icn_arrowG.gif) 1.3em 0.5em no-repeat;}
.boardList .branch li a {color:#4b4b4b;}
.boardList .branch li a:hover, .boardList .branch li a:focus, .boardList .branch li a.focus {font-weight:bold;}


.photoList {text-align:left; }
.photoList ul li {text-align:center; } 
.photoList ul li img.data {width:131px; height:170px; padding:7px; border:1px solid #cbcbcb;}
.photoList ul li.topg {background:none; padding:0px;}
.photoList ul li.topg span {margin-left:0px; padding:0px;}
.photoList ul li.topg span.gray {display:block; width:143px; height:30px; background-color:#F7F3EE; font-weight:bold; margin-bottom:10px; margin-left:8px; }

/* 디렉토리 결과 */
.SearchView {width:671px; border-top:2px solid #afafaf;}
.SearchView tr.first-child {position:relative; width:100%; height:33px; background:#f7f7f7 url(../../images/Common/bg_dotlienG.gif) left bottom repeat-x;}
.SearchView th.full {width:100%; text-align:left; padding:0 20px; background:url(../../images/Common/icn_arrowO.gif) 1em 1em no-repeat; font-weight:bold; border:none;}
.SearchView th {width:15%; padding:6px 20px; background:url(../../images/Common/icn_lineH.gif) right 0.8em no-repeat; font-weight:normal; border-bottom:1px solid #cbcaca; text-align:left;}
.SearchView td {padding-left:20px; border-bottom:1px solid #cbcaca; text-align:left;}
.SearchView td.full {padding:30px 20px;}
.SearchView td.full img {float:left; padding-right:20px; padding-bottom:10px;}
/* .boardSearch td.full p {width:400px; float:right; margin-top:-155px;} */

.board {clear:both; padding-top:20px;}
.board td span.acro {padding:3px 0px 3px 20px; background:url(../../images/Common/ico_acro.gif) 0 0 no-repeat;}
.board td a {color:#4b4b4b;}
.boardWrite td .Hsearch {width:100px;}

/*발간자료 원문검색 뷰*/

 p.book {float:left; width:152px; height:203px; padding:5px; margin-left:15px; margin-right:10px; background:url(../../images/Data/story_bg.gif) no-repeat;}
.bookbox {overflow:hidden; position:relative; width:420px; height:170px;  padding:20px; background:url(../../images/Data/story_bg2.gif) no-repeat;}
.bookbox h3.title {padding-left:8px; font-size:1.2em; font-weight:bold; }
.bookbox ul {overflow:hidden; width:95%; margin-top:10px; margin-bottom:10px; padding-top:15px; border-top:1px solid #e7e6de;}
.bookbox ul li {padding-left:18px; padding-bottom:5px; background:url(../../images/Common/icn_arrowO.gif) 0.8em 0.3em no-repeat;}
.bookbox ul li span {font-weight:bold;}
.bookbox p {position:absolute; top:20px; left:320px;}
.booktxt {margin-top:20px; min-height:100px; padding:20px; background-color:#f6f6f6; border-top:2px solid #afafaf; border-bottom:1px solid #afafaf; } 

 p.collect {float:left; width:225px; height:152px; padding:5px; margin-left:15px;  margin-right:5px; margin-top:20px; border:none; background:url(../../images/Data/data_bg.gif) no-repeat; }
.collectbox {overflow:hidden; width:354px; height:123px; padding:20px; margin-top:20px; background:url(../../images/Data/data_bg2.gif) no-repeat;}
.collectbox ul {overflow:hidden; margin-top:0px; margin-bottom:10px;  padding:0px;}
.collectbox ul li {padding-left:18px; padding-bottom:5px; background:url(../../images/Common/icn_arrowO.gif) 0.8em 0.3em no-repeat;}


 p.collect2 {float:left; width:404px; height:270px; padding:5px; margin-left:15px;  margin-right:10px; margin-top:20px; border:none; background:url(../../images/Data/data_bg3.gif) no-repeat; }
.collectbox2 {overflow:hidden; width:184px; height:255px; padding:15px 15px 15px 10px; margin-top:20px; background:url(../../images/Data/data_bg4.gif) no-repeat; }
.collectbox2 ul {overflow:hidden; margin-top:0px; margin-bottom:10px;  padding:0px;}
.collectbox2 ul li {padding-left:18px; padding-bottom:5px; background:url(../../images/Common/icn_arrowO.gif) 0.8em 0.3em no-repeat;}


/*세시풍속*/
.tabNavi {width:670px; margin:0 auto; position:relative;}
.tabNavi p.ctitle {position:absolute; left:260px; top:116px;}
.tabNavi ul {overflow:hidden;}
.tabNavi li {float:left; display:inline; width:81px; height:89px; margin:1px;}
.tabNavi li.month-first {float:right; padding-left:580px; padding-right:6px;}
.tabNavi li.monthCent {clear:both; float:right; padding-right:6px;}
.tabNavi li.monthBot {float:right;}
.tabNavi li.monthLast {margin-top:-181px;}

*html .tabNavi li.monthLast {margin-top:-189px;}
*html .tabNavi li.monthCent {clear:both; float:right; padding-right:6px;}


.cMcontent {margin-top:32px;}
.cMcontent h3 {clear:both; margin:0 0 10px 0; padding:0px;}
.cMcontent p {clear:both; margin-bottom:25px; line-height:1.8;}
.cMcontent p.padd {clear:both; margin:30.px 0 10px 0; line-height:1.8;}

.cMcontent p span {margin-top:25px; display:block; line-height:1.8;}
.cMcontent p span.text {display:inline; color:#7e5d47; font-weight:bold;}
.cMcontent p span.text01 {display:block; color:#767676;}
.cMcontent p img.left{float:left; margin:0 27px 24px 0;}
.cMcontent p img.left01{float:left; margin:0 27px 5px 0;}
.cMcontent p img.right{float:right; margin:0 0 17px 24px;}

/*이미지 left*/
.cMcontent dl.left {float:left; width:661px; padding:0 0 15px 0; display:inline;}
.cMcontent dl.left dt {float:right; width:395px;margin:0; padding:0; color: #7e5d47; font-weight:bold;}
.cMcontent dl.left dt.verti {float:right; width:438px; margin:0; padding:0; color: #7e5d47; font-weight:bold;} /*세로이미지*/
.cMcontent dl.left dd {margin:0 0 10px 0; padding:0; line-height:1.8;}
.cMcontent dl.left dd span {margin-top:25px; display:block; line-height:1.8;}
.cMcontent dl.left dd.img {margin:0 27px 24px 0;}
.cMcontent dl.left dd.img img {float: left; margin: 5px 27px 0 0;}

.cMcontent dl.left dd.imgh {float: left;}
.cMcontent dl.left dd.imgh img {float: left; margin: 0 27px 0 0;}

/*이미지 right*/
.cMcontent dl.right {float:left; width:661px; padding:0 0 15px 0; display:inline;}
.cMcontent dl.right dt {float:left; width:395px;margin:0; padding:0; color: #7e5d47; font-weight:bold;}
.cMcontent dl.right dt.verti {float:right; width:195px; padding-left:20px; margin:0; color: #7e5d47; font-weight:bold;} /*세로이미지*/
.cMcontent dl.right dt.img {float: right; width:166px; margin:0 0 24px 27px; padding:0; line-height:1.8;}

.cMcontent dl.right dt.img img {float: right; margin: 5px 0 0 27px;}

.cMcontent dl.right dd {float:none; margin:0 0 10px 0; padding:0; line-height:1.8;}
.cMcontent dl.right dd span {margin-top:25px; display:block; line-height:1.8;}
.cMcontent dl.right dd.img {margin:0 0 24px 27px;}
.cMcontent dl.right dd.img img {float: right; margin: 5px 0 0 27px;}
.cMcontent dl.right dd span.text{display:inline; color:#7e5d47; font-weight:bold;}

/*이미지 3list */
.cMcontent ul{padding:10px 0 0px 0;}
.cMcontent ul li{float:left; width:215px; height:180px; padding-right:8px;}
.cMcontent ul li.end{float:left; width:215px; height:180px; padding-right:0px;}

/*기본*/
.cMcontent dl.basic {float:left; width:661px; padding:0 0 15px 0; display:inline;}
.cMcontent dl.basic dt {color: #7e5d47; font-weight:bold;}
.cMcontent dl.basic dd {margin:0 0 10px 0; padding:0; line-height:1.8;}
.cMcontent dl.basic dd span {margin-top:25px; display:block; line-height:1.8;}

.cMcontent dl.basic01 {clear:both; width:661px; padding:20px 0 15px 0; display:inline; }
.cMcontent dl.basic01 dt {float:none;  color: #7e5d47; font-weight:bold;}
.cMcontent dl.basic01 dd {margin:0 0 10px 0; padding:0; line-height:1.8;}

/* 전통의례 */
.Tcon {width:670px; margin:0 auto;}
.Tcon h3 {padding:0 0 20px 6px;}
.Tcon h4 {padding-left:6px; padding-bottom:3px; color:#7e5d47; font-weight:bold; font-size:1em;}
.Tcon p {padding-left:6px; line-height:1.8; margin-bottom:10px;}
.Tcon p.etc {padding-left:280px;}
.Tcon p.btn {float:right; margin:-40px 12px 20px 0;}
.Tcon ul.photo{overflow:hidden; width:671px; margin-bottom:15px;}
.Tcon ul.photo li {float:left; display:inline; width:213px; margin:4px; padding:0;}
.Tcon ul.photo li span {display:block; padding-left:10px; padding-top:10px; color:#414141; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0.3em 1.3em no-repeat;}
.Tcon ul.photo2 {overflow:hidden; width:671px; margin-bottom:15px;}
.Tcon ul.photo2 li {margin:4px; padding:0; font-weight:normal; }
.Tcon ul.photo2 li span {padding-left:10px; padding-top:10px; color:#414141; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0.3em 1em no-repeat;}
.order {width:661px; border:1px solid #dfdfdf; background-color:#fbfbfb;}
.order ul {overflow:hidden; margin:25px 25px 20px 20px;}
.order ul li {clear:both; position:relative; font-weight:bold; color:#3b3a3a;}
.order ul li.non {position:relative; top:-90px; margin-bottom:-100px; width:340px; padding:0; font-weight:bold; color:#3b3a3a;}
.order ul li span.ttlL {position:relative; left:270px; top:15px;}
.order ul li span.ttlR {position:relative; left:0px; top:15px;}
.order ul li p {margin-bottom:20px; font-weight:normal;}
.order ul li p.imgL {float:left; margin-right:20px;}
.order ul li p.imgLM {float:left; margin-right:20px; margin-top:-160px;}
.order ul li p.imgL span, .order ul li p.imgLM span {display:block; padding:5px 0 0 8px; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0em 0.9em no-repeat;}
.order ul li p.conL {float:left; width:335px; padding-top:5px;}
.order ul li p.conR {float:right; width:335px; padding-top:5px;}
.order ul li p.conimgL {float:left; width:310px; padding:27px 5px 23px 20px; border:1px solid #dedede; background-color:#fff; }
.order ul li p.conimgLM {float:left; width:310px; padding:25px 5px 100px 10px; border:1px solid #dedede; background-color:#fff;}
.order ul li p.imgR {float:right; margin-left:15px; }
.order ul li p.imgR span {display:block; padding:5px 0 0 8px; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0em 0.9em no-repeat;}
.order ul li ul {width:620px; position:relative; overflow:hidden; margin:0 0 15px 0; padding:0;}
.order ul li ul li {float:left; clear:none; width:195px; margin:4px; padding:0;}
.order ul li ul li span {display:block; padding:5px 0 0 5px; letter-spacing:-0.05em; background:url(../../images/Data/icn_arrowG.gif) 0em 0.9em no-repeat;}

.tnew {width:600px; margin-left:6px; padding:20px; border:1px solid #dfdfdf; background-color:#fbfbfb;}
.tnew p {margin:0 auto; text-align:center;}

/* 차례 */
.cTrad {width:661px; margin:0 auto; }
.cTrad p {margin-bottom:25px;}
.cTrad p.txt{clear:both;}
.cTrad h3 {padding:0 0 20px 6px;}
.cTrad p.btn {float:right; margin:-35px 12px 20px 0;  }
.cTrad p.photoL {float:left; margin-right:14px;}
.cTrad p.photoR {float:right; margin-left:10px;}
.cTrad p span {display:block; padding:5px 0 0 8px; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0em 0.9em no-repeat;}
.cTrad p.txtR {float:right; width:237px; padding-left:5px;}
.cTrad p.txtR span, .cTrad p.txtL span, .cTrad p.txt span {display:block; padding:0 0 3px 0; font-weight:bold; color:#7e5d47; background:none;}
.cTrad p.txtL {float:left; width:400px; letter-spacing:-0.04em;}

.cTrad p.photoL2 {float:left; margin-right:15px;}
.cTrad p.photoR2 {float:right; margin-left:5px;}

.cTrad p.txtR2 {float:right; width:210px; padding-left:5px;}
.cTrad p.txtR2 span, .cTrad p.txtL span, .cTrad p.txt span {display:block; padding:0 0 3px 0; font-weight:bold; color:#7e5d47; background:none;}
.cTrad p.txtL2 {float:left; width:470px; letter-spacing:-0.04em;}

.cTrad p.photoL3 {float:left; margin-right:10px;}


/*소장품소개*/
.Tcon p span {font-weight:bold;}
.Tcon p.txtR {float:right; margin-top:10px;}
.Tcon p.none {clear:both;}
.Tcon h3 {padding-left:15px; font-size:1em; background:url(../../images/Data/icn_dotO.gif) 0.5em 0.5em no-repeat;}
.Tcon table.order {margin-left:6px; margin-top:-15px; border:1px solid #d9d3c6; border-collapse:collapse;}
.Tcon table.order th {padding:5px; background-color:#a69a8e; color:#fff; border:1px solid #d9d3c6;}
.Tcon table.order td {text-align:center; padding:5px; border:1px solid #d9d3c6;}
.Tcon table.order td.total {color:#bb5613; font-weight:bold;}
.Tcon ul li {font-weight:bold; padding-left:6px;}
.Tcon ul li p {font-weight:normal; line-height:1.8; padding-top:5px;}

/* 소장품 한국인일생 */
.colLife {position:relative; width:550px; margin:0 auto; padding:0;}
.colLife h3 {position:absolute; left:165px; top:180px; background:none;}
.colLife p.btnR {float:right; padding-right:18px}
.colLife ul {overflow:hidden; margin-bottom:10px;}
.colLife ul li {float:left; display:inline; margin:0; padding:0;}
.colLife ul li.imgRight {float:left; display:inline; margin:0; padding:0 0 0 180px;}

/* 자료복제 */
.daPerm {width:661px; margin:0 auto;}
.daPerm a.btn {margin:0 5px;}
.daPerm ul li.deli {background:none;}
.daPerm h3 {font-size:1em; color:#3b3a3a; padding:0 0 5px 10px; background:url(../../images/Data/icn_dotO.gif) 0.2em 0.5em no-repeat;}
.daPerm ul {margin-left:10px; margin-bottom:15px;}
.daPerm ul li {padding:2px 0 2px 6px; background:url(../../images/Data/icn_dotG.gif) 0.2em 0.8em no-repeat;}
.daPerm ul li span.btn {display:block; padding:8px; margin-left:230px;}
.daPerm table {width:660px; margin-left:6px; border:1px solid #d9d3c6; border-collapse:collapse;}
.daPerm table th {padding:5px; background-color:#a69a8e; color:#fff; border:1px solid #d9d3c6;}
.daPerm table td {text-align:center; padding:4px; border:1px solid #d9d3c6;}
.daPerm table td.first-child {text-align:center; padding:4px; background-color:#f7f4f1;}
.daPerm table td.last-child {text-align:center; padding:4px; color:#ff5a00;}

/*자료기증 */
.collect {width:645px; overflow:hidden; padding:24px 5px; margin-bottom:12px; margin-left:6px; border:1px solid #dfdfdf; background-color:#fbfbfb;}
.collect p {float:left; margin:0 11px;}
.collect p.text {float:left; width:270px;}
.collectinfo {width:661px; margin:0 auto; position:relative; padding-top:25px;}
.collectinfo h3 {font-size:1em; color:#3b3a3a; padding:0 0 5px 10px; background:url(../../images/Data/icn_dotO.gif) 0.2em 0.5em no-repeat;}
.collectinfo table.order {margin-left:0px; margin-top:0px; border:1px solid #d9d3c6; border-collapse:collapse;}
.collectinfo table.order th {padding:5px; background-color:#a69a8e; color:#fff; border:1px solid #d9d3c6;}
.collectinfo table.order td {text-align:center; padding:5px; border:1px solid #d9d3c6;}
.collectinfo table.order td.subject {background-color:#F7F4F1; text-align:left; padding-left:10px;}
.collectinfo table.order td.subject2 {text-align:left; padding-left:10px;}
.collectinfo table.order td.total {color:#bb5613; font-weight:bold;}

.collectinfo ul {margin-left:10px; margin-bottom:15px;}
.collectinfo ul li {padding:2px 0 2px 6px; background:url(../../images/Data/icn_dotG.gif) 0.2em 0.8em no-repeat;}
.collectinfo ul li span.btn {display:block; padding:8px; margin-left:230px;}
.collectinfo div {width:620px; height:231px; margin-left:10px; padding:13px; background:url(../../images/Data/img_collectInfo.gif) no-repeat;}
.collectinfo div ul.course {float:left; width:140px; padding:0; margin:0 6px;}
.collectinfo div ul.course li {background:none; padding-left:13px;}
.collectinfo div ul.course li.txt {background:none; padding-left:20px;}
.collectinfo div ul.course li.txt2 {background:none; padding-left:25px;}
.collectinfo div ul.course li.txt3 {background:none; padding-left:15px; margin-top:-5px;}
*html .collectinfo div ul.course li.txt3 {background:none; padding-left:12px; margin-top:-7px;}
.collectinfo div ul.course li.first {padding:32px 0 0 29px; margin-bottom:45px;}
*html .collectinfo div ul.course li.first {padding:32px 0 0 24px; margin-bottom:45px;}
.collectinfo div ul.course li.twice {padding:25px 0 0 38px; margin-bottom:45px;}
*html .collectinfo div ul.course li.twice {padding:25px 0 0 33px; margin-bottom:45px;}
.collectinfo div ul.course li.third {padding:34px 0 0 50px; margin-bottom:45px;}
*html .collectinfo div ul.course li.third {padding:34px 0 0 45px; margin-bottom:45px;}
.collectinfo div ul.course li.fourth {padding:34px 0 0 56px; margin-bottom:45px;}
*html .collectinfo div ul.course li.fourth {padding:34px 0 0 50px; margin-bottom:45px;}


.letterList { position:relative; width:100%; margin-top:8px; border-top:2px solid #afafaf; border-bottom:1px solid #ccc; }
.letterList ul { position:relative; width:670px; overflow:hidden; margin:0px; padding:0px;}
.letterList ul li {float:left; position:relative; width:304px; height:190px; margin:16px 10px; background:url(../../images/Inform/letter_bg.gif) no-repeat;}
.letterList ul li img {vertical-align:middle;}
.letterList ul li img.letter {width:131px; height:165px; padding:8px;}
.letterList ul li span.title {position:absolute; display:inline; top:20px; left:165px; width:115px; font-size:1.2em; font-weight:bold; line-height:20px;}
.letterList ul li span.year {position:absolute; display:inline; top:120px; left:165px; width:115px; font-size:1em; font-weight:normal;}
.letterList ul li span.down {position:absolute; display:inline; top:140px; left:165px; width:115px; font-size:1em; font-weight:normal;}

/* 이미지 left */
.photoLeft {overflow:hidden; line-height:1.8;}
.photoLeft h4 {position:relative; left:228px; padding-top:20px; font-size:1em;}
.photoLeft p.img {float:left; width:195px; height:245px; margin-right:20px; margin-top:-20px; margin-left:6px; border:1px solid #d6d6d6;}
.photoLeft p.photocon {float:left; width:427px;}
.photoLeft .photocon span {color:#9c7860; font-weight:bold;}
/* 이미지 right */
.photoRight {overflow:hidden; line-height:1.8;}
.photoRight h4 {position:relative; left:0; padding-top:20px; font-size:1em;}
.photoRight p.img {float:right; width:195px; height:245px; margin-bottom:20px; margin-top:-20px; margin-left:20px; border:1px solid #d6d6d6;}
.photoRight p.photocon {float:right; width:440px;}
.photoRight p.photoCon {clear:both; padding-top:10px;}
.photoRight p.img span.title {clear:both; display:block; padding-top:10px; padding-left:5px; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0em 1.2em no-repeat;}

/* 국가지정문화재 */
 p.post {float:left; width:232px; height:159px; padding:5px; margin-left:15px; background:url(../../images/Data/bg_col.gif) no-repeat;}
.postbox {overflow:hidden; position:relative; width:350px; height:170px;  padding:20px; background:url(../../images/Data/bg_col3.gif) no-repeat;}
.postbox ul {overflow:hidden; width:100%; margin-bottom:10px; padding-top:0px;}
.postbox ul li {padding-left:8px; padding-bottom:3px; background:url(../../images/Common/icn_arrowO.gif) 0 0.4em no-repeat;}
.postbox ul li.broad {padding-left:8px; padding-bottom:3px; padding-top:2px; background:url(../../images/Common/icn_arrowO.gif) 0 0.7em no-repeat;}
.postbox ul li.broad img{ vertical-align:middle; }
.postbox ul li span {font-weight:bold;}

.colProp {width:650px; overflow:hidden; margin:0 auto; padding:20px 10px; border-top:1px solid #afafaf; border-bottom:1px solid #afafaf;}
.colProp p {margin-left:5px; padding:10px 0; line-height:1.8;}
.colProp p span.title {clear:both; display:block; padding-left:6px; font-weight:bold; background:url(../../images/Data/icn_arrowG.gif) 0em 0.6em no-repeat;}
.colProp p.imgL {float:left; margin-right:10px;}
.colProp p.txtL {float:left; width:283px;}
.colProp p.txtLH {float:left; width:414px;}
.colProp p.textL {float:left; width:334px;}
.colProp ul {clear:both; margin:10px 0px 0px 6px;}
.colProp ul li {float:left; padding:0 3px 0 3px;}

/*텝*/
ul.Ttab {overflow:hidden; width:663px; text-align:center; margin:0 0 0 3px; padding-bottom:25px;}
ul.Ttab li {float:left; display:inline; margin:0; padding:0; }

*html ul.Ttab li a {display:block;  float:left; padding:2px 75px; margin-right:1px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.Ttab li a {display:block;  float:left; padding:2px 75px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.Ttab li a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
ul.Ttab li a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
ul.Ttab li a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

ul.TTtab {overflow:hidden; width:663px; text-align:center; margin:0 0 0 3px; padding-bottom:25px;}
ul.TTtab li {float:left; display:inline; margin:0; padding:0; }

*html ul.TTtab li a {display:block;  float:left; padding:2px 62px; margin-right:1px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.TTtab li a {display:block;  float:left; padding:2px 62px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.TTtab li a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc; }
ul.TTtab li a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
ul.TTtab li a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

ul.colTab {overflow:hidden; width:663px; text-align:center; margin:0 0 0 4px; padding-bottom:25px; }
ul.colTab li {float:left; display:inline; margin:0; padding:0;}
*html ul.colTab li a {display:block;  float:left; padding:2px 4px; margin-right:1px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.colTab li a {display:block;  float:left; padding:2px 4px; margin-right:2px; background-color:#a8a8a8; text-align:center; font-weight:bold; color:#fff; border:4px solid #a8a8a8;}
ul.colTab li a.choice {background-color:#5881bc;  font-weight:bold; color:#fff; border:4px solid #5881bc;}
ul.colTab li a:focus { background-color:#fff;  color:#000; border:4px solid #7ca8e7;}
ul.colTab li a:hover{ background-color:#fff; color:#000; border:4px solid #7ca8e7;}

/*우리민속헌장*/
.spot ul li {float:left; width:316px; height:190px; margin-left:10px; background:url(../../images/Data/spot_bg.gif) no-repeat;}
.spot ul li p a {float:left;}

.spot ul li p img {float:left; margin-top:15px; margin-left:15px; border:4px solid #c9c9c9;}
.spot ul li p.txt {width:145px; margin-top:15px; margin-left:150px;}
.spot ul li p.txt span.top {display:block; color:#7d8d42; font-weight:bold; padding:0px; }
.spot ul li p.txt span.down {color:#3a3a3a; font-weight:bold; font-size:1.4em; padding:0px;  line-height:17px;}
.spot ul li p.con {width:150px; height:80px; margin-top:5px; margin-left:150px; padding-top:5px; border-top:1px solid #ced5b2; }
.spot ul li p.bt img {margin-top:-22px; margin-left:50px; border:none; }
.spot ul li p.bt2 img {margin-top:-39px; margin-left:50px; border:none; }

h3.title img {margin-left:10px;}

.moviebox { width:660px; height:410px; margin:0 auto; margin-top:10px; background:url(../../images/Data/media_bg.gif) no-repeat;}
.moviebox .line {padding-bottom:20px; border-bottom:1px solid #afafaf; }
.moviebox .mediabox{ float:left; width:335px; padding-top:30px; margin-left:30px; background:url(../../images/Data/media_bg2.gif) 25em 5em no-repeat;}
.moviebox .mediabox .media {float:left; overflow:hidden; width:335px; height:250px; border:1px solid red;}
.moviebox .mediabox ul {margin-top:20px;}
.moviebox .mediabox ul li {padding-left:10px; background:url(../../images/Common/icn_arrowO.gif) 0em 0.5em no-repeat;}
.moviebox .mediabox ul li img {margin-left:10px; vertical-align:middle;}
.moviebox .mediabox ul li p {margin-left:-10px; margin-top:10px;}
.moviebox .mediabox ul li p img {margin:0px;}
.moviebox .txt {float:left; width:280px; padding-top:30px; }
.moviebox .txt p {font-weight:bold; font-size:1.3em; color:#09778d;}
.moviebox .txt p img {margin-left:50px; vertical-align:middle;}
.moviebox .txt p textarea {width:255px; height:265px; padding:10px; margin-top:20px; border:0px; font-size:0.8em; line-height:20px; background-color:#f5f5f5;}

p.btn {text-align:center;}

/*열두띠이야기*/

.twentybox {overflow:hidden; margin-bottom:20px; padding:20px; background-color:#fbfbfb; border:1px solid #dfdfdf;}
.twentybox p.img {float:left; margin-top:-35px;}
.twentybox h3.title img {margin-left:200px; margin-bottom:10px; }
.twentybox p.txt {margin-left:200px;}
.twentybox p.txt span {margin-top:20px; display:block; }

h4.title {margin-bottom:10px; margin-left:10px;}
ul.folk li {float:left; width:316px; height:147px; margin-bottom:10px; margin-left:10px;}
ul.folk li.bg1 {background:url(../../images/Data/folk_bg1.gif) no-repeat;}
ul.folk li.bg2 {background:url(../../images/Data/folk_bg2.gif) no-repeat;}
ul.folk li.bg3 {background:url(../../images/Data/folk_bg3.gif) no-repeat;}
ul.folk li.bg4 {background:url(../../images/Data/folk_bg4.gif) no-repeat;}

ul.folk {overflow:hidden;  margin-bottom:20px; }
ul.folk li dl {width:280px; margin-top:20px; margin-left:20px; }
ul.folk li dl dt {padding-left:10px; font-size:1.2em; font-weight:bold; background:url(../../images/Common/icn_arrowO.gif) 0em 0.5em no-repeat;}
ul.folk li dl dd {margin-left:10px;}
ul.folk li dl dd span {display:block; margin-bottom:20px;}

ul.animal {overflow:hidden;  margin-bottom:20px; } 
ul.animal li {float:left; width:315px; margin-left:10px; margin-bottom:10px;}
ul.animal li p img {float:left; width:113px; height:102px;}
ul.animal li dl {width:193px; height:111px; margin-left:120px; background:url(../../images/Data/animal_bg.gif) no-repeat; }
ul.animal li dl dt {width:140px; margin-left:10px;  padding-top:5px;  padding-left:10px; font-size:1.2em; font-weight:bold; background:url(../../images/Common/icn_arrowO.gif) 0em 0.8em no-repeat;}
ul.animal li dl dd {width:160px; margin-left:20px; }
ul.animal li dl dd span {display:block; margin-bottom:5px; }

ul.cTktw  {overflow:hidden; width:660px; text-align:center; margin:0 auto; border:none;}
ul.cTktw  li {float:left; display:inline; margin:0; padding:0;}
ul.cTktw  li a {display:block; padding:5px 8px; margin-right:1px; background-color:#a4b565; font-weight:bold; color:#fff;}
ul.cTktw  li a:hover, ul.cTktw li a:focus, ul.cTktw li a.choice {background-color:#000;}

.cTktw {overflow:hidden; width:98%;  margin:0 auto; margin-top:10px; padding-bottom:20px; padding-top:20px;  border-bottom:1px solid #afafaf; border-top:1px solid #afafaf;}
.cTktw p {margin-bottom:25px; line-height:1.8;}
.cTktw p img {float:left; margin-right:20px; margin-bottom:10px; }
.cTktw p img.right{float:right; margin:0 0 10px 20px;}
.cTktw ul.box {margin-bottom:20px; padding:30px; overflow:hidden; background-color:#f5f5f5; border:1px solid #e8e8e8; }
.cTktw ul.box li {margin:5px 0 5px 0;}
.cTktw ul.box li span {font-weight:bold;}
.cTktw p span{color:#778B2D; text-decoration:underline;}
.cTktw p.img_C{padding-left:50px;}
h4.ctk {margin-bottom:10px; padding-left:10px; font-size:1em; font-weight:bold; background:url(../../images/Common/icn_arrowO.gif) 0em 0.5em no-repeat;}

.Dhistory {clear:both; width:100%; margin:0 auto; margin-bottom:20px;  border:1px solid #d9d3c6; border-collapse:collapse;}
.Dhistory th {border:1px solid #d9d3c6; padding:5px 10px; background-color:#a69a8e; color:#fff;}
.Dhistory th.subject1 {color:#605347;  background-color:#f7f4f1;}
.Dhistory td {border:1px solid #d9d3c6; text-align:center; padding:5px 10px;}
.Dhistory td.subject1 {width:100px; color:#605347;  background-color:#f7f4f1;}
.Dhistory td.con {text-align:left;}