@charset "utf-8";

.inset-head,
.inset-body{clear:both;}


/* 게시판 리스트 */
.bbs-list{}
.bbs-list .inset-head{}
.bbs-list .inset-body{}

/* 새롬 수주소식 */
.fig.size-s .fig{width:20%;}
.fig.size-s .caption{width:78%;}
.fig.size-s .smmr{margin: 0 0 10px !important;height:3em;}

.fig{overflow:hidden;}
.fig  .list > li{clear:both;overflow:hidden;padding:38px 0 15px;;border-bottom:1px solid #ddd}
.fig  .list > li:first-child{padding-top:0;}
.fig .fig{float:left;width:30%;max-width:100%;padding:4px;border-radius:5px;overflow:hidden;;border:1px solid #ddd;}
.fig .fig .img-wrap{width: 100%;max-height:103px;overflow:hidden;/*background:#ddd;*/}
.fig .fig img{width:100%;max-width:100%;vertical-align:top;}
.fig .caption{float: left;width:68%;}
.fig .tit,
.fig .smmr,
.fig .info{padding-left:20px;margin:5px 0;}
.fig .tit{display:block;margin:0 0 10px;font-size:26px;line-height:120%;;font-weight:200;color:#32bdc8;}
.fig .smmr{overflow:hidden;height:4.5em;margin:0 0 15px;}
.fig .info{font-size:12px;}
.fig .info .date{margin-right:10px;}
.fig .info .date .icon{margin-right:5px;}
.fig .info .writer span{color:#32bdc8;}
.fig .btn-more{}

/* 새롬이야기 : 첨부이미지 타입 */
.story{overflow:hidden;}
.story .list > li{clear:both;overflow:hidden;padding:38px 0 15px;;border-bottom:1px solid #ddd}
.story .list > li:first-child{padding-top:0;}
.story .fig{float:left;width:240px;height:170px;padding:4px;border-radius:5px;overflow:hidden;;border:1px solid #ddd;}
.story .fig .img-wrap{width: 100%;height:100%;overflow:hidden;/*background:#ddd;*/}
.story .fig img{width:100%;max-width:100%;vertical-align:top;}
.story .caption{margin-left:280px;}
.story .tit,
.story .smmr,
.story .info{/* padding-left:20px; */margin:5px 0;}
.story .tit{display:block;margin:0 0 10px;font-size:24px;line-height:120%;;font-weight:200;color:#32bdc8; font-family:"NanumGothicBold";}
.story .smmr{overflow:hidden;/*height:4.5em*/;margin:0 0 15px;}
.story .info{font-size:12px;}
.story .info .date{margin-right:10px;}
.story .info .date .icon{margin-right:5px;}
.story .info .writer span{color:#32bdc8;}
.story .foot-btn{text-align:right;}

/* 새롬뉴스레터 : 썸네일 타입 */
.thumb .category{overflow:hidden;padding:0 0 20px}
.thumb .category li{float:left;}
.thumb .category li a{display:block;min-width:67px;padding:10px;text-align:center;border-radius:5px;}
.thumb .category li.on a{color:#fff;background:#32bdc8;}

.thumb .fig{display: inline-block;padding:4px;border-radius:5px;overflow:hidden;;border:1px solid #ddd;}
.thumb .fig .img-wrap{position:relative;/*;width:220px;*/height:220px;overflow:hidden;}
.thumb .fig img{width:100%;max-width:100%;vertical-align:top;}
.thumb .fig .deco{display:none;position:absolute;left:50%;top:50%;z-index:10;margin-top:-35px;margin-left:-35px;width:70px;height:70px;text-align:center;border-radius:50%;color:#fff;background:#32bdc8 url(../images/bbs/bg_plus.png) 50% 50% no-repeat;;}
.thumb .list{overflow:hidden;padding:30px 0;border-width:1px 0;border-style:solid;border-color:#ddd;}
.thumb .list > li{float:left;width:25%;*width:24.9%;/*max-width:250px;*/}
.thumb .list > li a{color:#333;}
.thumb .list > li a:hover .deco{display:block;} 
.thumb .list > li a:hover .img-wrap{background:#000;}
.thumb .list > li a:hover .img-wrap img{opacity:0.5;filter:alpha(opacity=50)}
/*.thumb .fig.on .deco{display:block;} 
.thumb .fig.on .img-wrap{background:#000;}
.thumb .fig.on .img-wrap img{opacity:0.5;filter:alpha(opacity=50)}*/
.thumb .list > li .col-inset{padding-bottom:30px;}
.thumb .caption{position:relative;}
.thumb .tit{display:block;position:absolute;left:5px;bottom:80px;width:60%;max-width:145px;font-size:0.8rem;height:47px;line-height:47px;padding:0 10px;color:#fff;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#000;filter:alpha(opacity=80);background:rgba(0,0,0,.8);}
.thumb .smmr{padding-top:10px;height:3em;overflow:hidden;}


/* 게시판 뷰 */
.bbs-view{}
.bbs-view .inset-head .tit{display:block;margin:0 0 15px;padding:0 10px;font-size:26px;line-height:120%;;font-weight:200;color:#32bdc8;}
.bbs-view .inset-body{padding:30px 10px;border-width:1px 0;border-style:solid;border-color:#ddd;}

.bbs-view.news-letter .side{vertical-align:top;}

/* 게시판 하단 */
.inset-footer{margin-top:0;/*padding:0 15px;*/}
.inset-footer .pagination{float:right;margin:30px 0;}
.inset-footer .pager{float:right;margin-top:30px;display:inline-block;}

.news-letter .inset-footer{text-align:center;padding:0 0 30px;}
.news-letter .inset-footer .pagination,
.news-letter .inset-footer .pager{float:none;}

@media (min-width: 992px) {
	.thumb .category {display:block !important;}
}

@media (max-width: 991px) {
	.thumb .category{clear:both;display:none;padding:0;}
	.thumb .category li{float:none;display:block;border-top:1px solid #ddd;}
	.thumb .category li a{color:#333;background:none;}
	.thumb .category li.on{border-top-width:0;}

	.thumb .deco{margin-top:-20px;margin-left:-20px;width:40px;height:40px;}
	.thumb .fig .img-wrap{width:130px;height:130px;overflow:hidden;}

	.fig .fig,
	.fig .caption{float:none;width:auto !important;}
	.fig .fig .img-wrap{width:auto !important}
	.fig .fig img{width:auto;}
	.fig .fig {display:inline-block;}
	.fig .list > li{text-align:center;}
	.fig .caption{padding:0 0;text-align:left;}
	.fig .caption > *{padding:0 !important;}

	.inset-footer{text-align:center;}
	.inset-footer .pagination{float:none;margin:30px 0;display:inline-block;}
	.inset-footer .pager{float:none;margin-top:30px;display:inline-block;}

}

@media (max-width: 767px) {
	.thumb .fig .deco{margin-top:-20px;margin-left:-20px;width:40px;height:40px;}
	.thumb .fig .img-wrap{width:100px;height:100px;overflow:hidden;}
	.thumb .list > li{width:50%;text-align:center;}
	.thumb .tit{position:static;width:100%;height: auto;line-height: 100%;padding:0;text-align:left;color:#32bdc8;font-size:1.2em;background:transparent;}
	.thumb .smmr{margin:0;font-size:1em;text-align:left;}
}

@media (max-width: 680px) {
	.story li{text-align:center;}
	.story .fig{float:none;display:inline-block;max-height:140px;}
	.story .fig .img-wrap{max-height: 140px;}
	.story .caption {margin:10px 0 0;text-align:left;}

}