/* 게시판 목록 */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




#bo_gall {	  width: 100%;	 display: flex;    align-items: center;   justify-content: flex-start;flex-direction:column; }
 


.review-wrap {
 
	width:950px;
 	height:calc(100vh - 400px);
	overflow-y:auto;
 
	margin:0 auto;
}
.review-wrap .row {margin:0 auto;}

.review-wrap::-webkit-scrollbar { width: 8px; }/* 스크롤바의 width */
.review-wrap::-webkit-scrollbar-track { background-color: #e4e4e4; }/* 스크롤바의 전체 배경색 */
.review-wrap::-webkit-scrollbar-thumb {   background:#707e60; }/* 스크롤바 색 */
.review-wrap::-webkit-scrollbar-button { display: none; }

.review-wrap .col-md-6 {padding:0px 45px;}
 
.review-wrap .thumbnail .caption {
    padding: 12px 10px;
    color: #000;
	min-height:81px;
}

.review-wrap .thumbnail .caption h3 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-align: left;
	word-break:keep-all;
}

@media screen and (max-width: 992px) {
    .review-wrap .thumbnail .caption {
        padding: 0;
        color: #000;

    }
 
    .review-wrap .row {
        margin: 0;
    }
    .review-wrap .col-half-offset {
        margin-left: none;
        padding: 0;
        margin: 0;
    }
    .review-wrap .row .col-xs-6 {
        padding: 0 4px;
        margin: 0;
    }

}
.review-wrap .card {	position:relative; overflow:hidden; margin-bottom:10px;}
.review-wrap .thumbnail { 
	width:100%;
	overflow:hidden;
   aspect-ratio: 1 / 1;display: flex;  justify-content: center;  align-items:flex-start; 
    padding: 0;
    background-color: #fff;
    margin: 0;
    transition: 0.3s;
    border-radius: 0;
    border: 0 !important;
     box-shadow: none !important;
	line-height:1;

}

.review-wrap .thumbnail:hover {
     box-shadow:  none !important;
}
 

.review-wrap .thumbnail img {width:100%; height:100%;opacity:1.0;  object-fit:cover; -webkit-transform:scale(1.00); transform:scale(1.00);-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}

.review-wrap   input[type=checkbox] {position:absolute; top:10px; left:10px; z-index:15;  width:20px; height:20px; border:1px solid #ccc; border-radius:5px;}
.review-wrap   input[type=checkbox]:checked {border-color:#000; background:#000;}
 
.review-wrap   a {display:block;}
.review-wrap  .caption h3{ font-size:16px; margin:0px; padding:0px;}
.review-wrap .caption h4{font-size:16px; margin:0px; padding:0px;}
.review-wrap  .summary {   width:100%;  padding:0px;  text-align:left;  padding:20px 0px 0; min-height:100px;  line-height:1.3;   display: flex;   -webkit-box-pack: justify;  justify-content: flex-start; flex-direction: column; align-items: center; }
.review-wrap .card:hover .thumbnail img { -webkit-transform:scale(1.06); transform:scale(1.06); opacity:0.3;}
 
 
.review-wrap   .summary .sbj  {font-size:1.1em; font-weight:500; line-height:1.3; padding:0px 0 15px; text-align:center; color: #474747;}
.review-wrap  .summary .sbj span {display:inline-block;  }
 .review-wrap    .summary .info {font-size:0.95em; font-weight:400; color:#727272;  display: flex;   justify-content: center;  align-items: center; }
.review-wrap   .summary .info span {margin:0px 15px; display:inline-block; width:1px; height:10px; background:rgba(0,0,0,0.1); border-radius:3px;  }

#gall_allchk {margin-bottom:20px; position:relative; padding-left:24px; line-height:18px;display:none;}
#gall_allchk input[type=checkbox] {margin:0px; position:absolute; top:2px; left:0px; width:16px; height:16px;}
#bo_btn_top{ padding:0px 25px; }
/* 게시판 목록 마감 */


/* 게시판 뷰 페이지 */

#bo_v_title  {
	width:100%;
    border-top: 1px #000 solid;
    border-bottom: 1px #e0e0e0 solid;
    background-color: #fff;
	display: flex;   justify-content: center;  align-items: center; flex-direction:column;
	padding:15px 2px;
    margin:  0;
 

}
#bo_v_title  .bo_v_tit {    font-size: 1.25em;    font-weight: 500;    word-break: break-all;}
#bo_v_title  .date {    display: block; font-size:0.9em; color:#888; margin-top:10px;   font-weight:300;}
#bo_v_info .profile_info .pf_img img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-right: 10px;
}

#bo_v_info .profile_info {
    margin: 10px 0 10px;
    display: inline-block;
    float: left;
    padding-left: 20px;
}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {
    font-weight: bold;
}

#bo_v_sns {
    padding: 0;
    list-style: none;
    zoom: 1;
    float: right;
    display: inline-block
}

#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_sns li {
    float: left;
    width: 35px;
    margin-right: 3px;
    text-align: left
}

#bo_v_sns li a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 3em;
    color: #fff;
    font-size: 0.95em;
    padding-left: 6px;
}

#bo_v_sns li img {
    vertical-align: middle;
    margin-right: 5px
}

#bo_v_sns li .sns_f {
    display: block;
    background: #3b5997
}

#bo_v_sns li .sns_t {
    display: block;
    background: #09aeee
}

#bo_v_sns li .sns_g {
    display: block;
    background: #ea4026
}

#bo_v_sns li .sns_k {
    display: block;
    background: #fbe300
}

#bo_v_sns li span {
    display: none;
}
@media screen and (max-width: 1200px) {
 	.review-wrap {	width:100%; max-width:950px; margin-top:20px;}
	.review-wrap .col-md-6 {padding:0px 20px;}
	}


@media(max-width:992px) {
 .story .container {padding:0px;}
 .story .container #bo_v {padding:0px 20px;}
}

		
@media(max-width:949px) {
	.review-wrap {width:100%; height:auto; padding: 0 15px; margin:0;}
	#bo_gall form {width:100%;}
	#bo_btn_top {padding:0px;}
	.review-wrap .row {width:100%;}
	.review-wrap .col-md-6 {padding:0 5px !important;}
	.review-wrap .summary {padding-top:10px;}
	.bo_fx {padding:20px;}
	.review-wrap .card .summary .sbj {padding-bottom:8px;}
}
@media(max-width:767px) {
#bo_v_title {font-size:0.9em;}

}
 

@media (max-width: 767px) { 
.bo_v_topimg .viewtitleA {font-size:28px;}
.botlistslide .botsltitle {  margin-bottom:20px;}
.bbstopsummwr .bbstopstxtwr .case-title .subject {font-size:1.3em;}
.bbstopsummwr { display: flex;  justify-content: flex-start;  align-items: flex-start; flex-direction:column-reverse;}
.bbstopsummwr .bbstopsimgwr {width:100%;}	
	#bo_v{padding-top: 0px ;}
	.review-wrap .card .summary .sbj {padding-bottom:4px;} 
.review-wrap .card .summary {padding-top:10px; min-height:auto;}	
}
@media (max-width: 420px) {
.bo_v_topimg .viewtitleA {font-size:24px;}
}