/* 섬네일형 */
.bg-black {background-color:#000000}
.bg-black .title_group1 .title1 {color:#ffffff;}

.cus_bbs:after {clear:both; display:block; content:'';}
.cus_bbs .thumb-a {position:relative;}
.cus_bbs .thumb-a .img-wrap  {width:100%;}
.cus_bbs .thumb-a .img-wrap img {width:100%;height:100%;border-radius:5%;}
.cus_bbs .thumb-a .img-wrap img:hover {filter:brightness(60%) grayscale(1) sepia(1);transition: 1s; }
.cus_bbs .thumb-a .textinfo {position:relative;box-sizing:border-box;text-align:center;width:100%;} 
.cus_bbs .thumb-a .textinfo .keyword {color:#FF6BA2;font-size:17px;margin-bottom:6px;font-weight:normal;}
.cus_bbs .thumb-a .textinfo .title {font-size:21px;color:#ffffff;}
.cus_bbs .thumb-a .img-ov-txt .textinfo {position:absolute;left:50%;transform:translateX(-50%);}
.cus_bbs .thumb-a .img-ov-txt .img-wrap img {filter:brightness(30%)}
.cus_bbs .thumb-a .img-ov-txt .img-wrap img:hover {filter:brightness(60%) grayscale(1) sepia(1);transition: 1s; }
.cus_bbs .white {color:#ffffff}

/* 목록형 patch */
.cus_bbs.list .thumb-a li {float:left;width:25%;box-sizing:border-box;padding:10px;position:relative;overflow:hidden;}
.cus_bbs.list .thumb-a .img-ov-txt .textinfo {bottom:25px;left:25px;transform:inherit;width:calc(100% - 50px);text-align:left;}

/* viewer patch */
.cus_bbs.viewer .thumb-a {margin-bottom:80px}
.cus_bbs.viewer .thumb-a .img-ov-txt .img-wrap  {
	border-radius:20px;border-radius:0;height:250px;filter:brightness(30%) blur(0px) grayscale(1);background-size:cover;
}
.cus_bbs.viewer .thumb-a .img-ov-txt .textinfo {}
.cus_bbs.viewer .thumb-a .img-ov-txt .textinfo {top:100px;text-align:center;background-color:#ffffff;padding:37px 0 20px 0;width:970px;border-radius:1000px;box-sizing:border-box}
.cus_bbs.viewer .thumb-a .img-ov-txt .textinfo .keyword {font-size:22px;}
.cus_bbs.viewer .thumb-a .img-ov-txt .textinfo .title {font-size:30px;color:#e100bb;font-weight:bold;}
.cus_bbs.viewer .thumb-a .img-ov-txt .textinfo .infos {width:calc(100% - 70px);/*border-bottom:1px solid #dedede */;font-size:14px;padding:13px 10px 10px 10px;margin:0 auto;box-sizing:border-box;color:#9d9595;font-family:'Open Sans'}


/* 상세내용 */
.cus_bbs.viewer .content {width:100%;text-align:center;}
.cus_bbs.viewer .content img {max-width:100%;}

/* 반응형 patch */
@media only screen and (max-width: 860px) {
	.cus_bbs.list .thumb-a li { width:calc(100% / 3);height:33vw }
    .cus_bbs.list .thumb-a li .textinfo .keyword {font-size:1.1em}
    .cus_bbs.list .thumb-a li .textinfo .title {font-size:1.1em}
}
@media only screen and (max-width: 600px) {
	.cus_bbs.list .thumb-a li { width:50%; }
}




/* --------------- 공통 ----------------- */
.cus_bbs a.btn.gray, .cus_bbs .btn.cancel, .cus_bbs .btn.list {background-color:inherit !important;border:1px solid #3d3939 !important;color:#3d3939 !important;font-size:25px;padding-left:20px;padding-right:20px;}



/* --------------- 공통 ----------------- */
.tac {text-align:center;}
.w100p {width:100% !important}
.pt100 {padding-top:100px;}
.pb100 {padding-bottom:100px;}