@charset "utf-8";

.bbs_wrap{margin-top: 20px; padding-top: 10px; width: 100%; border-top: 1px solid #eeeeee;}
.bbs_wrap .b_title{font-size: 13px; margin: 10px; padding: 5px; line-height: 18px; color:#777777;}
.gridder{margin:0px;padding:0px;list-style-type:none;}
.gridder-list{display:inline-block;vertical-align:top; position: relative; width: 47%; text-align: center; margin: 0 1% 0;}
.gridder-list img{border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); width: 100%;}
.gridder-show{display:block;float:left;width:100%; text-align: center; position:relative;background:#EEE url("../images/loading-spin.svg") no-repeat center}
.gridder-content{display:none}
.gridder-list:nth-child(n){margin-bottom:1%;}
.gridder-list:nth-of-type(6n){margin-right:0;margin-bottom:0}
.gridder-show{padding:20px 0;background:#000;margin-bottom:1%; border-radius: 3px;}
.gridder-navigation .gridder-nav.disabled{opacity:.3}
.gridder-navigation{font-size: 4.0px; font-size: 4.0rem; color:#ffffff;}
.gridder-navigation a{position: absolute;}
.gridder-navigation a.gridder-close{right:25px; top:5px;}
.gridder-navigation a.prev{left:25px; top:50%; margin-top: -23px;}
.gridder-navigation a.next{right:25px; top:50%; margin-top: -23px;}
.gridder-list{cursor:pointer}
.gridder-list:hover{opacity:0.8}
.hasSelectedItem .gridder-list{opacity:.5}
.hasSelectedItem .gridder-list.selectedItem{opacity:1}
.gc_title{font-size: 1.8px; font-size: 1.8rem; margin-bottom: 15px; color:#ffffff; font-weight: bold;}
.gc_btn{position: absolute; right:60px; top:13px;}
.btn.gc_btn:active{position: absolute; right:60px; top:13px;}
.gc_img img{max-width:100%; border-radius: 2px;}
.gl_subject{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.gl_main{position: absolute; left:5px; top:2px; padding: 2px 5px; background: rgba(138, 185, 77, 0.8); font-size: 1.2px; font-size: 1.2rem; color:#ffffff;}


#bo_gall li.empty_list {padding:85px 0;text-align:center}

/* 쓰기 */
#bo_write {display:inline-block; vertical-align:middle; text-align:left;}

#bo_write label.middle{width:100px;}
#bo_write .bw_content { display:inline-block; vertical-align:middle; width:82%;}
#bo_write .bw_content textarea {padding:10px; height:150px; background:#f9f9f9; resize:none; border-top:#c6c6c6 solid 1px; border-left:#c6c6c6 solid 1px; border-right:#eee solid 1px; border-bottom:#eee solid 1px;
	box-shadow:inset 0px 1px 1px #eee; border-radius:5px;}


@media all and (min-width : 480px) {
	.gridder{margin-left: 3%;}
	.gridder-list{display:inline-block;vertical-align:top; position: relative; width: 30%; text-align: center; margin: 0 1% 0;}
}