@charset "utf-8";


.bo_cate_link {
    display: inline-block;
    background: #fff;
    color: #ed1f24;
    font-weight: normal !important;
    padding: 0px 15px;
    border-radius: 15px;
    font-size: 14px;
    border: 1px solid #ed1f24;
}


.waterfall_wrap {}
#waterfall {margin:10px;padding:0;overflow:hidden;font-size:1em;letter-spacing:0.1em;line-height:1.6em}
#waterfall li {/*position:absolute;*/list-style:none;left:0;top:0;/* opacity:0; */ z-index:0;transform:translateY(100px);}
#waterfall li:hover {z-index:1;}
#waterfall li.show {opacity:1;transform:translateY(0);transition:all 0.3s, top 1s;}
#waterfall li>div {line-height: 30px;
    text-align:center;margin:7px;border:1px solid #dcdcdc; position: relative; overflow:hidden;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
#waterfall li:hover > div {border:1px solid #e40f0f;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
#waterfall li>div img{transition:all .5s;}
#waterfall li>div:hover img { transition:all .5s;}
#waterfall li>div.adsense:hover {transform:inherit}
#waterfall li>div a {color:#000;}

#waterfall li>div a.photo:after {content:"";position:absolute;display:block;left:0;top:0;opacity:0;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;background:rgba(0,0,0,0.3)}
#waterfall li>div a.photo:hover:after {opacity:1}
#waterfall li .title {padding:15px 10px;border-top:1px solid #dcdcdc; color: #000;
    font-size: 1.2em;}
#waterfall li .zoom {padding:15px 10px;background:#f2f2f2;color: #000;
    font-size: 1.1em;}

#waterNone {margin:10px;padding:0;overflow:hidden;font-size:1em;letter-spacing:0.1em;line-height:1.6em}
#waterNone li {/*position:absolute;*/list-style:none;left:0;top:0;/* opacity:0; */ z-index:0;transform:translateY(100px);}
#waterNone li:hover {z-index:1;}
#waterNone li.show {opacity:1;transform:translateY(0);transition:all 0.3s, top 1s;}
#waterNone li>div {line-height: 30px;
    text-align:center;margin:10px;border:1px solid #dcdcdc; position: relative; overflow:hidden;}
#waterNone li>div img{transition:all .5s;}
#waterNone li>div:hover img {transition:all .5s;}
#waterNone li>div.adsense:hover {transform:inherit}
#waterNone li>div a.photo:after {content:"";position:absolute;display:block;left:0;top:0;opacity:0;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;background:rgba(0,0,0,0.3)}
#waterNone li>div a.photo:hover:after {opacity:1}
#waterNone li .title {padding:15px 10px;border-top:1px solid #dcdcdc; color: #000;
    font-size: 1.2em;}
#waterNone li .zoom {padding:15px 10px;background:#f2f2f2;color: #000;
    font-size: 1.1em;}
#waterNone li>div a {color:#000;}

/* 게시판 목록 */
#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1;text-align:center;display:flex;flex-wrap: wrap; }
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {padding:2px;flex-grow: 1;}
#bo_cate a {display:block;line-height:28px;padding:7px 15px;border-radius:30px;border:1px solid #d9d9d9;color:#454545}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;border:1px solid #e40f0f;color:#e40f0f}
#bo_cate #bo_cate_on {z-index:2;background:#e40f0f;color:#fff;border:1px solid #e40f0f;}



/* 소행성 2018/04/06 */
input[type="checkbox"]{
	width:20px; height: 20px; margin:0!important; border-radius: 0px!important;
}

li{list-style: none;}

.gall_all_wrap{padding-bottom:20px;}
#bo_gall{width:100%; height: auto; }
#bo_list_total{padding: 5px 10px; background: #ececec; display: inline-block; border-radius:10px;}

.bo_fx{padding:10px 3.5%;}
.btn_bo_user{display: table; margin:0 auto;}
.btn_bo_user li{float:left;}
.btn_bo_user li a{width:35px; height: 35px; line-height: 35px; text-align: center; padding:0;}
.btn_bo_user li:last-child{margin-left:5px;}

#gall_allchk{padding:10px 3%;}
.chkall{color:#fff;}
.btn_bo_adm{float:right;}
.btn_bo_adm li{float:left;}
.btn_bo_adm li input{background: #333333; margin-left:5px;  border:none; padding:5px 10px;text-indent: 0px;color:#fff;}

.chk_and_wrbtn{position: absolute; z-index: 1;  background: rgba(0,0,0,0.8);  top: 0px; left:0px; font-size:14px; color:#000; text-align: left; margin: 0 auto;
width:100%; box-sizing: border-box; padding: 5px 10px; line-height: 37px; }
.chk_and_wrbtn a {color:#fff!important;}

/* .chk_wr_ids{position: absolute; top: 20px; left:20px; z-index: 1;} */

.more_button{width:250px; height: 40px; background: #ddd; border-radius:10px; line-height: 40px; text-align: center; margin: 20px auto; cursor:pointer;}


@media all and ( max-width: 1100px ) {
#waterfall li .title {
    font-size: 1em;
}
	#waterfall li>div {
    margin: 7px 3px;
}
	.waterfall_wrap {
   margin-left:-15px;width:calc(100% + 30px)
}
	}
@media all and ( max-width: 800px ) {
	
	#waterfall li .title {
    font-size: 1.2em;
}
}

@media(max-width:414px){
	#waterfall {margin:10px;padding:0;overflow:inherit!important;font-size:1em;letter-spacing:0.1em;line-height:1.6em}
	
	#gall_allchk{overflow:hidden;}
}