@charset "utf-8";

#wrapInform { width:100%; height:100%; background:url(../../images/main/main_Nbg.jpg) center top no-repeat; }
#container { min-height:290px;  margin-left:15px; width:575px; position:relative; padding:20px 0 0 5px; }
#container p.ttl {padding:0 0 26px 10px;}
#container p.comment {padding:0 0 26px 10px; color:#ff4343;}
#container p.logincomment {padding:0 0 26px 50px;}
#container p.searchcheck {padding:0 0 10px 50px; }
#container p.searchcheck img {vertical-align: middle;}
/* main layout */

#wrapper {  overflow:hidden; width:950px; margin:0 auto; }
#header { position: relative; width:933px; height:60px; padding:0; margin:0 0 12px 0; }
#header .logo {float:left; padding:0 115px 0 16px;  margin-top:27px; }
#header .user { width:550px; padding:13px 0 0 0; margin:27px 0 0 40px; }
#header .user li.bgNone {background:none;}
#header .user p.childMuseum { position:absolute; margin-top:-15px; right:0;}

#visMain { margin:0 0 17px 0; padding:0 0 0 10px; width:324px; height:569px; float:left;}
#visMain h4 {font-size:1.2em;}
#visMain noscript .left { width:330px; float:left; margin-left:-12px; margin-top:-20px; background:url(../../images/main/nos_main_bg.gif) no-repeat 0 14px; padding:520px 0 0 10px; }
#visMain noscript .left ul {width:350px; }
#visMain noscript .left ul li {float:left; padding-right:15px;}


#gnbMain { margin:0 0 0 345px; padding:0; width:593px; height:260px; }
#gnbMain h3 {font-size:1.3em; padding-bottom:5px;}
#gnbMain noscript .left {float: left; margin-left:20px; margin-bottom:10px;}

.searchBox { margin-bottom:21px; border:1px solid #eae5de; background:#faf8f5;}
.searchBox p, .searchBox .search { padding:9px 16px; }
.searchBox p { float:left; margin-top:2px; font-weight:bold; color:#4b4440;}

.searchBox p.popular { padding-left:12px; padding-right:30px; background:url(../../images/main/bar_search.gif) no-repeat 0 14px;}
.searchBox p.popular a { font-weight:bold; padding:0px; }
.searchBox p.popular a.first { background:none;}
.search input.text {color:#525252; width:180px;  border:1px solid #bfbfbf; font-size:1em; padding-top:2px; padding-left:5px;}
.search select { color:#525252;}

.wrapCon1 { width:576px; position:relative; padding-left:0px; }
.wrapCon2 { position:absolute; right:0; width:223px; top:-18px; margin-top:80px; }
*html .wrapCon2 { position:absolute; right:-6px; width:223px; top:-18px; padding-top:0px; }

.wrapCon2 noscript ol li { clear:both; border:1px solid #ededed;}

#tabcontainer {float:left; position:relative; width:315px; margin-bottom:10px; margin-top:-4px; background:url(../../images/main/tab_bg.gif) repeat-x 0 0;}
#tabcontainer h2 {top:0; margin-bottom:-23px;}
#tabcontainer h2.tabtit1 {left:0;}
#tabcontainer h2.tabtit2 {left:77px;}
#tabcontainer img {vertical-align:middle;}
#tabcontainer ul {clear:both; overflow:hidden; width:100%; padding-top:36px; } /* 리스트 */
#tabcontainer ul li {background:url(../../images/main/icon_bullet.gif) no-repeat 10px 9px; padding:1px 0 1px 20px; }	
#tabcontainer ul li img {text-align:right; margin:3px 0 3px 5px; }	

*html #tabcontainer ul li img { vertical-align:middle;}	

#tabcontainer ul li a, #schedule a, .searchBox a { color:#4b4440; }
#tabcontainer ul li a:hover, #schedule a:hover, .searchBox a:hover { text-decoration:underline; }
#tabcontainer ul li span { position:absolute; right:4px;}	
#tabcontainer p {top:3px; right:5px;  text-align:right;} /* 버튼 */
#tabcontainer p a {display:block; padding:2px 0;}
	

#schedule { position:relative; width:225px; top:-80px; left:350px; height:75px; }
#schedule h2 { padding:0 0 5px 12px; line-height:1.1em; margin-bottom:8px; border-bottom:1px solid #ddddd0; background:url(../../images/main/icon_title.gif) no-repeat 3px 1px; color:#5d5b4e; font-size:1em;}
#schedule ul { margin-left:9px;}
#schedule ul li { padding:2px 0;}
#schedule ul li span { font-weight:bold; color:#676767; padding-right:5px;}
#schedule .more { position:absolute; top:0; right:10px;}
#schedule .more a {padding:5px 0;}

#issueBanner { width:227px; } 
#issueBanner .banner01 { margin-bottom:3px;}
#issueBanner span.num {display:block; width:130px; height:30px; text-align:right; float:right; margin-right:2px; }
#issueBanner span.num a {padding:1px 4px; margin-right:3px; background-color:#a7a7a7; text-aligh:center; color:#fff; border:1px solid #9d9797;}
#issueBanner span.num a.ov {background-color:#e58375; color#fff; border:1px solid #e58375;}
#issueBanner span.num a.none {background-color:#a7a7a7; color#fff; border:1px solid #9d9797;}

#issueBanner span.play { width:70px; height:23px; float:left; margin-top:2px; }
#issueBanner span.play a { background-color:#fff; border:0px; padding:0px;}

#pdsSite { width:227px; margin-bottom:4px; clear:both; }
#pdsSite ul li { display:inline;}
#pdsSite ul li.first { padding-right:3px;}

#infoPaper { clear:both; width:310px; height:62px; top:25px; left:20px; background:url(../../images/main/infoPaperbg.gif) 0.2em 0em no-repeat; }
#infoPaper ul li { display:inline;}
#infoPaper ul li.first {position:absolute; padding:12px 0 0 78px;}
#infoPaper ul li.twice { position:absolute; padding:32px 0 0 78px;}
#infoPaper ul li.third { position:absolute; padding:12px 0 0 200px;}

#relationSite { width:222px; height:56px; border:1px solid #eae5de; }
#relationSite ul { margin:12px 0 0 11px; float:left;}
#relationSite ul li { float:left; margin-bottom:6px; width:103px;}

#quick {visibility:hidden; overflow:hidden; margin:0; padding:0; font-size:0;height:0;}
#mfooter { width:940px; float:left; display: inline;  height:100px; padding-top:14px; border-top:1px solid #d8d8cb; margin-top:-75px; }
#mfooter .copyright {float:center; width:940px; display:inline; }
#mfooter .copyright ul {overflow:hidden; font-weight:bold; color:#665c4c; }
#mfooter .copyright ul li {float:left; padding:5px 8px 11px 8px; background:url(../../images/Common/bg_footerLine.gif) 0 0.9em no-repeat;}
#mfooter .copyright ul li.first-child {float:left; padding:5px 8px 11px 9px; background:none; }
#mfooter .copyright ul li.rss_btn {float:left; padding:5px 8px 11px 10px; background:url(../../images/Common/bg_footerLine.gif) 0 0.8em no-repeat;}
#mfooter .copyright ul li.rss_btn img {padding-right:3px; vertical-align:middle;}
#mfooter .copyright ul li.culture img {padding-left:50px; vertical-align:middle; background:none;}
#mfooter .copyright ul li.mculture1 { background:none;}
#mfooter .copyright ul li.mculture1 img { padding-left:20px; vertical-align:middle;}
#mfooter .copyright ul li.mculture2 { background:none;}
#mfooter .copyright ul li.mculture2 img { padding-left:0px; vertical-align:middle; }
#mfooter .copyright ul li.mculture3 { background:none;}
#mfooter .copyright ul li.mculture3 img { padding-left:0px; vertical-align:middle; }
#mfooter .copyright ul li.mculture4 { background:none;}
#mfooter .copyright ul li.mculture4 img { padding-left:10px; vertical-align:middle; }
#mfooter .copyright ul li a {color:#4B4440;}
#mfooter p.mark {float:left; width:203px; padding-top:33px;}
#mfooter p.mark img {vertical-align:middle; padding:0 3px;}
#mfooter form.family {float:right; width:180px; height:25px;  padding-right:8px; }
#mfooter form.family input {height:20px;}

#mfooter address {clear:both; width:750px;}
#mfooter address p {height:16px; margin-bottom:3px; padding-left:10px; color:#212121;}
#mfooter address span {height:16px; margin-bottom:3px; padding-left:11px; color:#212121;}