@charset "utf-8";

.png_item_box { display: grid; width: 100%; margin: 0 auto;   }
.png_item7 { 
    width: 100%; text-align: center; padding: 20px; height: auto;
	text-align: center; 
    border: 1px solid #eee;
    -webkit-box-pack: center; 
    -ms-flex-pack: center;
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    -webkit-align-items: center;
    align-items: center; 
}
.png_item7 img { max-width: 100%; height: auto; border-bottom: 0px solid #ddd; margin-bottom: 10px;}
.png_item7 p { margin: 0;  font-weight: bold;}

/* 게시물 레이아웃 */
.g_title { overflow: hidden; text-overflow: ellipsis;  display: block;  text-align: left;}
.g_sub2 {line-height: 22px; overflow: hidden;text-align: left;text-overflow: ellipsis;width: 80%; }



.item_event { padding: 0px;position: absolute;left: 15px;top: 15px;}
.item_event .event{ display:flex; letter-spacing: -1px; text-align: center;margin-top: 10px;word-break: keep-all;align-items: center;}   
.item_event .event span{ margin-left:10px;font-size: 14px;color:#fff;font-weight: 500;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } 
.item_event .event .expect {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: orange;}
.item_event .event > .ing {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: var(--color-main);}
.item_event .event > .off {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: #ccc;}
.item_event .event > .on {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: #222;}