@import "/WEB/CSS/common.css";
@import "/WEB/Header/header.css";
@import "/WEB/Sub/contents.css";
@import "/WEB/Footer/footer.css";

#oPage .cMsg { clear:both; width:95%; margin: 2em auto;padding:1em; background:pink; }

#oPage .cBt { clear:both; width:100%; margin:0; padding:1em; box-sizing:border-box;text-align:center; }
#oPage .cBt a{
	display:inline-block;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	font-weight: bold;
	font-size: 1.2em;
	background: #888;
	padding:0.3em 1em;
	color: #FFF;
	text-align:center;
	vertical-align:middle;
}

/* 모바일 */
@media ( max-width:1023px ){
	#oPage { padding:0.5em; }
	#oPage .desktop { display:none; }
	#oPage .mobile { display:block; }
}

#popFilter { 
	padding:0.5em;margin:0;
	position:absolute;
	border:1px solid #888;
	background:#fff;
	box-sizing:border-box;
	display:none;
	z-index:2001; 
}
#popFilter ul{ list-style-type:none;padding:0;margin:0; }
#popFilter li{ margin:0;padding:0.3em 0 0.3em 0; }
#popFilter a { font-size:1em;line-height:1.5em;color:#666; }

#SCBox { height:2.3em;padding:0 0.3em 0.5em 0.3em;box-sizing:border-box;border-bottom:2px solid #ddd; }
#SCBox dl { padding:0;margin:0;}
#SCBox dt { float:left;margin:0;padding:0;border:0px solid red;box-sizing:border-box;  }
#SCBox .ld { float:left; }
#SCBox .rd { float:right; }
#SCBox .seltxt { padding:0;height:1.8em;width:6em;border:1px solid #bbb;background:#eee;margin:0 0.2em 0 0;box-sizing:border-box;cursor:pointer; }
#SCBox .seltxt #ftText { float:left;font-size:1em;line-height:1em;padding:0.3em; }
#SCBox .seltxt #ftsb { float:right;color:#666;font-size:0.6em;line-height:1em;padding:1em 0.5em 0.5em 0.5em; }
#SCBox #oSearchText { 
	margin:0;padding:0.3em;height:1.8em;width:7em;
	border:1px solid #bbb;font-size:1em;
	box-sizing:border-box;;line-height:1em;
}
#SCBox .sbt { padding:4px 0 0 0;margin:0 0 0 5px;height:1.8em;box-sizing:border-box; }
#SCBox .sbt a { background:#333;color:#fff;padding:4px 10px;border-radius:5px; }
#SCBox .wbt { padding:0;margin:0;height:1.8em;box-sizing:border-box; }
#SCBox .bdnum{ font-size:1em;line-height:1em;color:#666;padding:0.4em;letter-spacing:-1px; }

#oPage .list { margin:0;padding:0; }
#oPage .list table { width:100%;border-collapse:collapse;clear:both; }
#oPage .list table,#list td,#list th { border:0; }
#oPage .list tr { vertical-align:middle;height:2em; }
#oPage .list td { margin:0; padding:0.5em 0 0.5em 0;text-align:left;border-bottom: 1px solid #e0e0e0; }
#oPage .list th { margin:0; padding:0;background:#eee;color:#666;font-weight:normal;font-size:0.8em;text-align:center }
#oPage .list .NO { text-align:center;font-size:0.8em;color:#666; }
#oPage .list .SU { font-size:1em;text-align:justify; }
#oPage .list .SU a { font-weight:normal;font-size:1em;line-height:1.5em;vertical-align:middle;color:#333; }
#oPage .list .RU, #oPage .list .HN, #oPage .list .RD {
	text-align:center;font-size:0.8em;color:#666; 
}
#oPage .list .SU blockquote{ margin:0;padding:0 0 0 1.5em; }
#oPage .list .SU span { 
	background-repeat: no-repeat; background-size: contain;
    font-size:0.8em; padding:0 0 0 1.5em; margin:0 0 0 0.3em;
}
#oPage .list .sToday { background:url("images_list/new.png"); }
#oPage .list .sNoti { background:url("images_list/notice.png"); }
#oPage .list .sSec { background:url("images_list/secret.png"); }
#oPage .list .CNO { background:url("images_list/comment.png"); }
#oPage .list .FNO { background:url("images_list/file.png"); }

.ListBt { text-align:center;padding:0.5em;box-sizing:border-box;margin:0.5em 0 0.5em 0; }
.ListBt ._lbbt{ padding:0;border:0;margin:0 0.1em 0 0.1em; }
.ListBt ._lbbta,.ListBt ._lbbtc { 
	padding:0 0.3em;line-height:1em;vertical-align:middle; 
}
.ListBt ._lbbta {color:#333; }
.ListBt ._lbbtc {color:#666; }
.ListBt img { width:1.4em;height:1.4em;vertical-align:middle;border-radius:5px; }

#oPage .mlist { width:100%; margin:0 auto;border:0;box-sizing:border-box;padding:0;display:none; }
#oPage .mlist table { width:100%;border-collapse:collapse;clear:both;border:0; border-top:1px solid #eee; }
#oPage .mlist td { margin:0; padding:0.5em 0 0.5em 0; text-align:left; border:0; border-bottom:1px solid #eee;vertical-align:top; }

#oPage .mlist .su { margin:0;padding:0;border:0px solid red;height:2.8em;width:100%;overflow:hidden; }
#oPage .mlist .su a { margin:0;padding:0;font-size:1em;line-height:1em;vertical-align:top;color:#333; }

#oPage .mlist .llimg,#oPage .mlist .llimg img{ display:inline-block;border-radius:5px; }
#oPage .mlist .llimg {width:80px;height:60px;float:left;margin:0 0.2em 0 0;background:#eee;border:1px solid #ddd; }
#oPage .mlist .llimg img { width:100%; }

#oPage .mlist ul { list-style-type:none;margin:0;padding:0; }
#oPage .mlist li { font-size:0.8em; color:#0398ee;text-align:left;padding:0; }
#oPage .mlist .fl { float:left; }
#oPage .mlist .fr { float:right; }

/* 모바일 */
@media ( max-width:1023px ){
	#SCBox #oSearchText { width:6em; }
	#oPage .list { display:none; }
	#oPage .mlist { display:block; }	
}