@charset "utf-8";

.pg_wrap { float: none; margin: 20px auto 0; width: 100%; text-align:center; }

/* List
---------------------------------------------------------------------- */
#listTop	{ position:relative; overflow:hidden;  margin:30px auto 0; text-align:right; }
#listTop .total { color:#888888; font-weight:bold; }

#category { margin:10px auto; }

/* 목록 */
#boardSubject {
    padding:0 12px 5px; margin: 0 0 30px;
    font-size: 24px; font-weight:600; text-align: center; letter-spacing:-1px; color: #313131;
}

#fboardlist { margin-bottom:30px; }

table#hnList { margin:2px auto 0; background-color:#fff; border-top:2px solid #9f9f9f; border-bottom:1px solid #f1f1f1; table-layout:fixed; }
#hnList:after { content:""; clear:both; display:block; }
#hnList caption { padding:0; font-size:0; line-height:0; overflow:hidden; }
#hnList tr:hover { background:#F0F8FF; }
#hnList th { 
	padding:7px 0; background-color:#f7f9fc; border-bottom:1px solid #e1e1e1; 
	color:#111; font-weight:normal; 
}
#hnList th a:link, #hnList th a:visited{ text-decoration:none; color:#555; }
#hnList th a:hover { color:#000; }
#hnList td { padding:9px 0 8px; color:#333;  border-bottom:1px solid #dfdfdf; }
#hnList td a:link, #hnList td a:visited { text-decoration:none; color:#333; }
#hnList td a:hover, #hnList td a:active { color:#01A9DB; }
#hnListBtn { margin:10px auto; }

.listNotice {color:#FF4500; }
.listNew {color:#C71585;}
.listNum { text-align:center; font-size:11px; }
.listCurrent {color:#DC143C; font-weight:bold;  }
.listCheckbox { text-align:center; }
.listSubject { color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.listSubject a:link, .listSubject a:visited { color:#333; text-decoration:none; }
.listSubject a:hover { color:#00BFFF; }
.listCategory,
.listComment { font-size:11px; color:#808080; }
.listCategory a:link, .listCategory a:visited, .listCategory a:hover,  
.listComment a:link,  .listComment a:visited,  .listComment a:hover { font-size:11px; color:#bbb; text-decoration:none; }
.listName { color:#666; text-align:center; font-size:12px; }
.listDatetime { text-align:center; color:#808080; font-size:11px; }
.listHit { text-align:center; color:#666; font-size:11px;}
.listGoodNogood { text-align:center; }

/* icon */
.listSubject .fa { font-size:.7333rem; color:#888; }
.listSubject .fa-link { color:#57b2d9; }
.listSubject .fa-heart { color:#f47378; }
.listSubject .fa-lock { color:#9fa4e7; }
.listSubject .fa-download { color:#c785c8; }


.empty { 
	padding:2em 1em; margin:2.5em auto; 
	background-color:#f0f7fb; border:1px solid #3398db; 
	text-align:center; color:#454545; border-radius:.3em; 
}
.empty:before  {
    content:""; display:inline-block; 
	width:0; height:0; margin-right:1em; margin-bottom:.25em;
	border-style:solid; border-width:3px 0 3px 5px; 
	border-color:transparent transparent transparent #3397db;
}
.empty:after  {
    content:""; display:inline-block; 
	width:0; height:0; margin-left:1em; margin-bottom:.25em;
	border-style:solid; border-width:3px 5px 3px 0; 
	border-color:transparent #3397db transparent transparent;		
}


#hnListBtn { clear:both; margin:15px auto 0; }
.btnLeft { float:left; }
.btnRight { float:right; }

#hnListPage { clear:both; text-align:center; margin:20px auto 0; }
#hnListPage a:link, #hnListPage a:visited, #hnListPage a:hover { color:#777; text-decoration:none;}

#hnListSearch { text-align:center; margin:25px auto 30px; padding:2px 0;}
#hnListSearch .stx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }


/* Write
---------------------------------------------------------------------- */
#hnWrite { border-top:2px solid #9f9f9f; margin:40px auto 50px;}
#hnWrite th {
	width:150px; padding:10px 12px 10px 20px; 
	background-color:#f7f8f9; border-bottom:1px solid #ddd;
	font-size:.8667rem; font-weight:500; color:#555; text-align:left; 
}
#hnWrite td { border-bottom:1px solid #e1e1e1; padding:10px 12px; }
#hnWrite label { display:none; }
#hnWrite [type="checkbox"]+label { display:inline; }
.writeContent { border-bottom:1px solid #ddd; padding:10px 5px 10px 12px; }

#hnWrite input, #hnWrite checkbox, 
#hnWrite select, #hnWrite textarea { font-size:1em; }
#hnWrite textarea { width:99%; min-height:120px; }

#writeBtn { padding:20px 0; margin:10px auto; text-align:center; }

@media (max-width:1024px) {
	#hnWrite th { display:none; }
	#hnWrite td { padding:15px 12px; border-bottom-color:#f5f5f5; }
	#hnWrite label { display:block; padding:5px; }
}

#autosave_wrapper {position:relative}
#autosave_pop {
overflow-y:scroll; display:none; z-index:10; position:absolute; top:24px; right:117px;
padding:8px; width:350px; height:auto !important; height:180px; max-height:180px;
border:1px solid #565656; background:#fff;
}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}


/* view
---------------------------------------------------------------------- */
.viewSubject {	
	padding:0; margin:0 auto; font-size:2em; font-weight:600; color:#333; letter-spacing:-1px;
	text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

#hnView { margin:20px auto; padding:20px 0; background-color:#fff; }
#hnView > table { width:100%; table-layout:fixed; }

/*
.viewCategory { color:#808080; font-size:12px; font-weight:normal;  letter-spacing:normal; }
.viewCredit { padding:.3em .5em;  border-bottom:1px solid #ddd; color:#777; font-size:.8rem; }
.viewCredit i { margin-right:3px; }
.viewFileLink { padding:.3em .5em; background-color:#f5f5f5; border-bottom:1px solid #ddd; color:#336699; font-size:12px; }
.viewFileLink:first-child {  border-top:1px solid #ddd; }
*/
.viewCategory { color:#808080; font-size:14px; font-weight:normal;  letter-spacing:normal; }
.viewCredit { 
	overflow:hidden; min-height:25px; line-height:25px; padding:5px 0 5px 15px; 
	background-color:#f5f5f5; color:#336699; font-size:12px; vertical-align:middle; 
}
.viewCredit * { vertical-align:middle; }
.viewCreditLeft { float:left;  }
.viewCreditRight { float:right; }
.viewFileLink {
	padding:5px 10px;
	border-bottom:#eeeeee solid 1px;
	color:#336699; font-size:12px; 
}
.viewContent {
	padding:30px 0; background-color:#fff; 
	color:#212121 ; line-height:1.5em; word-break:break-all;
}
.viewIMG {  margin:5px 0px; text-align:center;}
.viewIMG img { border:#ccc solid 1px; }

#hnView .download { color:#ff6600; font-size:11px; }
#hnView .date { color:#aaa; font-size:11px; }
#hnView .link { color:#ff6600; font-size:11px; }

#viewBtn { overflow:hidden; padding:10px 0; margin:10px auto 40px; }
#viewBtn .leftBtn { float:left; _display:inline; margin:0; padding:0; }
#viewBtn .rightBtn { float:right; _display:inline; margin:0; padding:0; }

#bo_v_sns { float:left; margin:0;padding:0;list-style:none;zoom:1 }
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

.iconNext { background: url(./img/btn_icon_next.gif) no-repeat right center; padding-right: 11px; }
.iconPrev { background: url(./img/btn_icon_prev.gif) no-repeat left center; padding-left: 11px; }


.goodSign { margin:0 auto; text-align:right; }

/* 반응형 */
@media (max-width:767px)  {  
	.viewCreditRight { display:none;  }	
	#viewBtn .leftBtn, #viewBtn .rightBtn { float:none; padding:5px 0; text-align:center;  }	
}