.newCon { }
#newList { width:100%; margin-top:20px; overflow:hidden; }
#newList li:nth-child(4n){ margin-right:0; }

#newList li {width: 23.8%;display: inline-block;margin:0 1% 1% 0;vertical-align: top;position: relative;border: 1px solid #ddd;}
#newList a {display: block; width: 100%;   height: 0; padding-bottom:70%;position: relative;  }
#newList a img {width: 100%; max-width: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;}

#newList li .over { opacity:0; position:absolute; width:100%; height:100%;background:rgba(0,0,0,.8) url('/site/bbs/skin/gallery2/image/icon_enc_over.png') no-repeat center center;  }
#newList .txt {/* width:86%; */padding: 8%;/* height:205px; */overflow:hidden;background:#fff;word-break:keep-all;}
#newList .txt h4 {/* margin-top:25px; */font-size: 19px;line-height:24px;color:#2e3032;/* height:48px; */overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#newList .txt > div {font-size: 15px;line-height:20px;color:#6d6e71;height:60px;overflow:hidden;margin-top:16px;font-weight:300;}
#newList .txt p { margin-top:17px; color:#8a8c8e; font-weight:300; font-size:14px; }


/* view */
.view{border:1px solid #c8c8c8;padding:30px;margin-bottom:20px;}
.view .view_tit{border-bottom:1px solid #c8c8c8;position:relative;}
.view .view_tit p{font-size:16px;font-weight:700;color:#514f4f;padding-bottom:5px;}
.view .view_tit p span.bar{font-size:16px;font-weight:700;color:#939393;}
.view .view_tit p span{font-weight:700;color:#939393;}
.view .view_tit em{position:absolute;right:0;top:5px;}
.view .sns{padding-top:15px;padding-bottom:65px;}
.view .sns ul{text-align:right;}
.view .sns ul li{display:inline;}
.view .detail{padding:20px 0;}
.view .detail p.image{text-align:center;padding-bottom:50px;}
.view .detail p.txt{white-space:pre-line;border-bottom:1px dashed #e0e0e0;padding-bottom:50px;}
.view p.btn{padding:0 20px;text-align:right;}
.view p.btn input.AXButton{background:#526271;color:#fff;}

/* 일반게시판 뷰, 쓰기 */
.ntb-tb-view {border-top:1px solid #ddd; padding:0; margin-bottom:30px; margin:0 auto}
.ntb-tb-view caption {visibility:hidden;}
.ntb-tb-view th {border-bottom: 1px solid #ddd; padding:20px;background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#222;font-size:15px;}
.ntb-tb-view th.W25{width:25% !important;}
.ntb-tb-view th.view_tit{padding:50px 30px;font-size:19px;line-height:28px;}
.ntb-tb-view td {border-bottom:1px solid #ddd; padding:20px;text-align:center; vertical-align:middle; line-height:22px;font-size:15px;}
.ntb-tb-view td.cont_txt{padding:40px 20px;}
.ntb-tb-view .left {text-align:left; padding-left:10px;}
.ntb-tb-view .right {text-align:right; padding-left:10px;}
.ntb-tb-view .r_none {border-right:none;}
.ntb-tb-view .b_none {border-bottom:none;}
.ntb-tb-view .font_ip {font-size:8pt; color:#aaa;}
.ntb-tb-view .font_comcnt {color:#d33;}
.ntb-tb-view .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb-view .content-area {text-align:left; vertical-align:top; padding:10px; word-break:break-all;}
.ntb-tb-view .content-area > p > img{max-width:851px;text-align:center;}
.ntb-tb-view .sns-area {width:100%; text-align:right; padding-top:10px}
.ntb-tb-view .ip-area {width:100%; text-align:right;}
.ntb-tb-view-btn {position: relative; text-align:left; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-btn .btnr {position:absolute; right:0; top:0;}
.ntb-tb-view-comment {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-prevnext {position: relative; margin-top:10px; margin-bottom:30px;}





@media screen and (max-width: 1280px){
	#newList li { float:left; width:32.3%;}
	#newList li:nth-child(4n){ margin-right:1%; }
	#newList li:nth-child(3n){ margin-right:0; }
}


@media screen and (max-width:1100px) {
	#newList li { float:left; width:49%;}
	#newList li:nth-child(4n){ margin-right:1%; }
	#newList li:nth-child(3n){ margin-right:1%; }
	#newList li:nth-child(2n){ margin-right:0; }
	.ntb-tb-view .content-area > p > img{max-width:95%;text-align:center;}
}


@media screen and (max-width:580px) {

	#newList li { float:none; width:99.5%;}
	#newList li:nth-child(4n){ margin-right:0; }
	#newList li:nth-child(3n){ margin-right:0; }
	#newList li:nth-child(2n){ margin-right:0; }

	.ntb-tb-view th{padding:10px;}
	.ntb-tb-view td.cont_txt{padding:10px;}

}