@charset "utf-8";

.flexbox{display: flex;flex-wrap: wrap;justify-content: space-between;/*align-items: flex-start;	*/}	
.flex-row{flex-direction: row;	}
.flex-column{flex-direction: column;}

.pic-grid3{ width:958px;height: auto;margin-bottom: 20px;/*overflow-wrap: break-word;*/ }	
.pic-grid3 .item-half{width:958px;font-size: 0.5em;}		
.pic-grid3 .zoom {position: relative;margin: auto;overflow: hidden; 	}
.pic-grid3 .zoom img {	transition: all 0.3s;display: block;overflow: hidden; transform: scale(1);}
.pic-grid3 .zoom img:hover {transform: scale(1); }

/* Bottom left text
.pic-grid3 .text{position: absolute;bottom: 12px;left: 16px;color: #fff; font-size: 30px; text-align: left; letter-spacing: -1px; font-weight: normal;}
.pic-grid3 .big{background: #000;/ }
.pic-grid3 .big img{width:955px;height:300px;object-fit: cover;opacity:0.5;}
.pic-grid3 .small img{width: 955px;height:300px;object-fit: cover;padding: 5px;}	
*/



/* Bottom left text */
/*게시판 이름*/.pic-grid3 .text_boname { position: absolute; top: 30px; left:30px; color:#fff; font-size: 16px; }
.pic-grid3 .img_pofile img {width:51px !important; height:51px !important; border-radius:100%; opacity: 1 !important; margin-top:10px;}
.pic-grid3 .ca_name { color: #fff; font-size: 16px; height:115px; position:relative; top:0; padding:0; letter-spacing: 0; }
.pic-grid3 .cn_title{height:70px; overflow: hidden;}
.pic-grid3 .text{ position: absolute; width:310px; height: 275px; line-height: 36px; bottom:1px; left:30px;color: #fff; font-size: 30px; text-align: left; letter-spacing: -0.5px; font-weight: normal; }
.pic-grid3 .write_name {float:left; padding:24px 0 0 15px; }
.pic-grid3 .write_name span { text-decoration: underline !important; }
.pic-grid3 .text span { color: #fff; font-size: 16px; float: left;}

.pic-grid3 .good { position: absolute; bottom:47px; right:35px; color: #fff; font-size: 13px; font-weight: normal; }
.pic-grid3 .big{ background: #000;/*min-width: 350px;*/}
.pic-grid3 .small{ background: #000;/*min-width: 350px;*/}
.pic-grid3 .big img{ width: 100%;height:303px;object-fit: cover;opacity:0.5;}
.pic-grid3 .small img{ width: 100%;height: 180px;object-fit: cover;padding: 5px;opacity:0.5;}	




@media screen and (max-width: 600px) {
	.pic-grid3 .item-half{width:955px;font-size: 0.5em;		}
	.pic-grid3 .small{width: 50%;}
}