@charset "utf-8"; 
/*더보기 css*/
#layerMore { position:absolute; left:100px; top:-500px; width:600px; height:450px; border:5px #444 solid; background:url(/core/webzine/skin/skin1/images/morebg.jpg) left center no-repeat; background-color:#fff;  z-index:901;}
.moreList {position:relative; float:left; width:150px; margin:80px 15px 0 30px;}
.btn1 {position:absolute; width:20px; height:20px; left:560px; top:20px;}
.moreList li {width:140px; height:20px; border-bottom:#656565 dotted 1px; padding:12px 0 0 0;}
.morePhoto {position:relative; float:left; width:358px; margin:80px 0 0 10px;  background:url(/core/webzine/skin/skin1/images/photobg1.jpg); background-repeat:repeat;}
.morePhoto ul {width:350px; height:165px;}
.morePhoto ul li {float:left; width:100px; height:140px; background:url(/core/webzine/skin/skin1/images/thumbnailbg.jpg) center bottom no-repeat; margin:7px 0 19px 12px; position: relative;}
.morePhoto ul li img {margin:5px 5px 3px 5px; border:0px;}




.morePhoto ul li p {width:100%; text-align:center; color:#fff; font-size: 11px; padding-bottom: 3px; position: absolute; bottom: 0; left: 0; background-color: #000;}
.morePhoto ul li a{ color: #fff; text-decoration:none;}
				a:link{ color: #fff; text-decoration:none; }
				a:visited{ color: #fff; text-decoration:none; font-weight:bold;}
				a:active{ color: #fff; text-decoration:none; font-weight:bold;}
				a:hover{ color: #fff; text-decoration:none; font-weight:bold;}
				
.noList {position:relative; float:left; width:525px; margin:80px 0 0 20px; padding-left:15px;  background:url(/core/webzine/skin/skin1/images/photobg2.jpg); background-repeat:repeat-y;}
.noList ul {width:518px; height:165px;}
.noList ul li {float:left; width:100px; height:140px; background:url(/core/webzine/skin/skin1/images/thumbnailbg.jpg) center bottom no-repeat; margin:7px 10px 19px 12px; position: relative;}
.noList ul li img {margin:5px 5px 3px 5px; border:0px;}




.noList ul li p {width:100%; text-align:center; color:#fff; font-size: 11px; padding-bottom: 3px; position: absolute; bottom: 0; left: 0; background-color: #000;}
.noList ul li a{ color: #fff; text-decoration:none;}
				a:link{ color: #fff; text-decoration:none; }
				a:visited{ color: #fff; text-decoration:none; font-weight:bold;}
				a:active{ color: #fff; text-decoration:none; font-weight:bold;}
				a:hover{ color: #fff; text-decoration:none; font-weight:bold;}
/* 여기까지*/
/* 목차 css */
#layerIndex { position:absolute; left:100px; top:-500px; width:320px; height:450px; border:5px #444 solid; background:url(/core/webzine/skin/skin1/images/contentsbg.jpg) left center no-repeat; background-color:#fff;  z-index:902; }
.more2List {position:relative; float:left; width:310px; margin:80px 15px 0px 30px; padding-right:20px;}
.more2List .li {width:240px; height:20px; border-bottom:#656565 dotted 1px; padding:10px 0 0 0; text-align:left;}
.more2List .pageNum {width:240px; height:15px; text-align:right; padding:5px 8px 10px 0;}
.btn2 {position:absolute; width:20px; height:20px; left:280px; top:20px;}
/* 여기까지 */
/* 스크롤박스 css*/		
.content{position:relative; float:left; height:330px;  overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

		/*body custom scrollbar style*/
		body>.mCustomScrollBox>.mCSB_scrollTools{top:2%; height:96%;}
/*여기까지*/
.searchForm{
	border:1px solid #d2d2d2;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	margin-right:3px;
	padding-left:5px;
}
.searchBtn{
	display:inline-block;
	width:30px;
	font-size:13px;
	border:1px solid #d2d2d2;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	padding:0 10px;
	cursor:pointer;
	background:#666666;
	color:#ffffff;
}