@charset "utf-8";
/* CSS Document */
body {margin:0;	padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #3e3e3e; background-color:#FFF;}
a:link, 
a:visited { color: #333; text-decoration: none; } 
a:hover { color: #824123; text-decoration: none;}
body { margin:0; padding:0;  background-image:url(./image/mainbg.gif); }
img  { border:0; }

#top { width:100%; height:150px; overflow:hidden; background-image: url(./image/topbg.gif); }
#top .center { width:1000px; height:137px; margin:auto; clear:both; }
.whiteSpace {width:1000px; margin:auto; clear:both; height:13px; background:url(./image/contentheadbg.gif); overflow:hidden;}
.whiteSpace2 {width:1000px; margin:auto; clear:both; height:15px; background:url(./image/contentheadbg2.gif); overflow:hidden;}

.wrapAll {width:1000px; margin:auto; clear:both;}
#logo  { width:190px; height:102px; float:left; margin-top:20px; display:inline;  overflow:hidden;}

#menuBox { width:780px; height:41px; margin-top:48px; float:right; display:inline; overflow:hidden;}
#menuBox .cenmenu { height:41px; }
#menu { margin:0px; padding:0px; list-style:none; clear:both; float:right; }
#menu .menuItem { float:left; cursor:pointer; }
#menu .menuItem .menuText { height:41px; white-space:nowrap; text-align:center;  padding:0; float:left; }

.wrapContent {width:1000px; margin:auto; clear:both; background:url(./image/contentbg.gif); overflow:hidden;}
.sideBox { width:260px; float:left; overflow:hidden; display:inline; padding-bottom:20px;}
.content {width:700px; float:left; margin:10px 20px;  overflow:hidden; display:inline; }
.content2 {width:700px; float:left; margin:10px 20px;  overflow:hidden; display:inline; }
.visual { width:100%; margin:0; padding-bottom:20px; *zoom:1;}
.widgetBox { clear:both; overflow:hidden; float:left; display:inline; padding:0; width: 222px; margin:5px 0 0 19px; }
.widgetImgTitle {margin:0 0 10px 0; width:222px; padding:0 0 8px 0; overflow:hidden; border-bottom:1px solid #824123; }
.widgetImgTitleNoLine {margin:0 0 10px 0; width:222px; padding:0 0 8px 0; overflow:hidden; }
.widgetMore {position:absolute; z-index:2; font:11px 돋움; margin:3px 0 0 188px;}
.widgetMore a:link,
.widgetMore a:visited { color:#beae9c;}
.widgetMore a:hover { color:#824123;}

.subMenuBox { clear:both; overflow:hidden; display:inline; float:left; padding:0; width: 222px; margin:8px 0 0 19px; }
.subMenuTitle {margin:0 0 5px 0; width:195px; background:#3c271c; padding:8px 5px 6px 14px; color:#301e16; overflow:hidden; border:1px solid #beae9c; font:11px 돋움;}
.subMenus {background:url(./image/bullet.gif) no-repeat; padding:2px 15px; color:#666;}
.subMenus a:link,
.subMenus a:visited {color:#333;}
.subMenus a:hover {color:#824123; text-decoration:underline;}
.subMenus .on a:link,
.subMenus .on a:visited {color:#824123; font-weight:bold;}
.subMenus .on a:hover {text-decoration:underline;}

.linkTitle {margin:5px 0 5px 0; width:210px; background:#e3dfd4; padding:6px 5px 5px 5px; color:#301e16; overflow:hidden; border:1px solid #beae9c;}
.links {padding:3px 0; color:#666;}
.links a:link,
.links a:visited {color:#666;}
.links a:hover {color:#824123; text-decoration:underline;}

/* 검색 */
.searchBox {overflow:hidden; float:left; display:inline; margin:0 10px 0 10px; padding:8px 0 18px 0; width: 240px; 	*margin-top:-1px; clear:both;}
.searchForm {margin:0; padding:0; display:inline; list-style: none; width: 210px; float:left; overflow:hidden;}
.searchForm li { float:left; display:inline; list-style: none; }
.searchForm .inputTypeText { letter-spacing:-1px; margin-left:9px; padding:2px 5px 0px 5px; width:210px; height:19px; background:#fff; border:2px solid #824123; }
.searchBtn {margin:0; padding:0; display:inline; list-style: none; width: 23px; float:left; overflow:hidden; *margin-top:1px;}
.searchBtn li { float:left; display:inline; list-style: none; }
#searchBtn {display:inline;}
.loginBox { clear:both; overflow:hidden; float:left; margin-bottom:15px; width: 222px;  padding:0 0 0 19px; }


#bottom  { width:100%; height:190px; background-image:url(./image/bottom.jpg); margin:0; clear:both; padding-top:30px;  }
#frame   { width:1000px; height:145px; background:url(./image/frame.gif) center top no-repeat; margin:auto; padding-top:16px; }
#book    { width:745px; margin:auto; padding:0; }
#book ul { list-style:none; margin:0px; padding:0; display:inline; float:left;  }
#book li { float:left; display:inline; margin:0 13px; width:98px; }

#desc { width:745px; height:25px; margin:10px auto; }
#desc ul { list-style:none; margin:0px; padding:0px; }
#desc li { float:left; display:block; margin:0px; width:125px; height:30px; margin:0; text-align:center; color:#c0b6b0;}

#copyright { width:100%; height:25px; margin:auto; padding-top:15px; text-align:center; color:#766f5e; }
#copyright a:link,
#copyright a:visited {color:#766f5e; text-decoration:none;}
#copyright a:hover {text-decoration:underline;}


.globalBox2 { float:left; display:inline; width: 400px;  padding-bottom:15px;  height:20px;}


.bottomLine { height:3px; overflow:hidden; width:100%; }
.footContainer {width: 100%; clear:both; margin:0; padding:0;}

.footBox { width:1000px; margin:auto; padding:0 0 5px 0; color:#74ce78; line-height: 19px;   overflow:hidden;}
.footText{clear:both; width: 500px; float:left; display:inline;}

.copyright2 {line-height:20px; float:right; display:inline; width: 100%; height:25px; overflow:hidden; margin:0 3px 0 0; color:#999; text-align:center; }
.copyright2 a {color:#666;}
.copyright2 a:hover {color:#37a307;}





/* 검색
<!-- 링크사이트 -->
		<div class="subMenuBox">
			<div class="linkTitle">추천사이트
			</div>
			<!--@if($layout_info->main_menu2)-->
				<!--@foreach($main_menu2->list as $key => $val)-->
				<div class="links">
				· <span <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></span>
				</div>
				<!--@endforeach-->
			<!--@end-->
		</div>
<!-- 추천사이트 -->		
		<div class="subMenuBox">
			<div class="linkTitle">동맹사이트
			</div>
			<!--@if($layout_info->main_menu3)-->
				<!--@foreach($main_menu3->list as $key => $val)-->
				<div class="links">
				· <span <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></span>
				</div>
				<!--@endforeach-->
			<!--@end-->
		</div><br />

 */
#menu .itemOn .menuText { color:#ffffff; }
#menu .itemOn .menuText a { color:#ffffff; text-decoration:none; }
#menu .itemOff .menuText a { color:#cbc7ba; text-decoration:none; }