@charset "utf-8";
    /*
        author : jinwoo.jace, front-developer

        info:

        ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

        changes
        - 20210316 : initially created
    */

.responsive-grid-layout:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item{
	position: relative;
	float: left;
	width: 572px;
	border-radius: 4px;
	margin-bottom: 12px;
	box-shadow: 0 4px 8px 0 rgba(28, 34, 36, 0.2);
	border: solid 1px #d0d0d0;
	background-color: #fff;
	color: #111;
	letter-spacing: -0.07em;
	line-height: 1.5;
}
.mypage_news_reporthistory .grid-item{
	width: 409px;
}
.news_type{
	display: block;
	width: 76px;
	height: 25px;
	line-height: 25px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.news_type.sympathy{ background-image: url('/images/tag-bg-hr.png') }
.news_type.joyful{ background-image: url('/images/tag-bg-celeb.png') }
.news_type.sad{ background-image: url('/images/tag-bg-rip.png') }
.news_type.etc{ background-image: url('/images/tag-bg-etc.png') }

.btn_news_share{
	display: block;
	position: absolute;
	top: 10px; right: 10px;
	width: 35px;
	height: 36px;
	background: url('/images/btn-news-share-n.png') no-repeat center;
}
.btn_news_share:hover, .btn_news_share.selected{ background-image: url('/images/btn-news-share-hs.png'); }

.grid-item > h3{
	white-space: normal !important;
	/* overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; */

	padding: 11px 20px 0 ;
	line-height: 1.3;
	font-size: 17px;
}
.writer_info {
	display: flex;
	align-items: center;
	padding: 6px 20px 12px;
	font-size: 14px;
	color: #666;
}
.writer_info > span:first-child{
	position: relative;
	padding-right: 9px;
	margin-right: 4px;
}
.writer_info > span:first-child:after {
	content: '';
	position: absolute;
	top: 9px;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #d4d8de;
}
.secret{
	width: 60px;
	height: 22px;
	margin-left: 10px;
	background: url('/images/btn-news-hide.svg') no-repeat center;
}
.grid-item.myCard:hover .modify_news,
.grid-item.myCard:hover .remove_news{
	display: block;
}
.modify_news, .remove_news{
	display: none;
}
.modify_news{
	margin: 0 6px 0 auto;
}
.remove_news{
	position: relative;
	padding-left: 7px;
}
.remove_news:after{
	content: '';
	position: absolute;
	top: 3px; left: 0;
	width: 1px;
	height: 14px;
	background-color: #999;
}
.writer_info > button:hover{ color: #3434b3; }
.wrap_news_img{
	height: 321px;
	background-color: #e1e1e1;
}
.wrap_news_img > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.news_main_contents{
	padding: 0 19px;
}
.wrap_news_img + .news_main_contents{
	padding-top: 14px;
}

.user_comment_list{
	overflow: hidden;
}

.user_input_area{
	margin-top: 12px;
}
.news_comment_more.mt0 + .user_comment_area > .user_input_area{
	margin-top: 0;
} 
.news_info_items, .user_comment_items{
	display: flex;
}
.isMultiline.yes{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	/* line-height: 1.5em;
	max-height: 3em; */
}
.news_info_area h5, .user_comment_items h5{
	flex-shrink: 0;
	position: relative;
	min-width: 73px;
	padding: 0 10px 0 9px;
	font-size: 14px;
	font-weight: bold;
}
.user_comment_items h5{
	min-width:  42px;
	padding-left: 0;
}
.news_info_area h5:after {
	content: '';
	position: absolute;
	top: 8px; left: 0;
	width: 4px;
	height: 4px;
	background-color: #333;
}
.news_info_area p, .only_contents, .user_comment_items p{ font-size: 14px }
.news_info_area .news_info_desc{
	white-space: pre-wrap
}
.news_info_area {
	margin-bottom: 15px;
}

.news_desc_more{
	display: none;
    margin-left: 72px;
	font-size: 14px;
 	color: #999;
 	letter-spacing: -.066em;
}
.news_desc_more:hover{
	font-weight: bold;
}
.only_contents + .news_desc_more{
	margin-left: 0;
}
.news_comment_more{
	margin: 14px 0;
	font-weight: bold;
	font-size: 14px;
 	color: #999;
}
.news_comment_more:hover, .news_comment_more.selected{
	text-decoration: underline;
}
.writer_date, .comment_date{
	letter-spacing: -.05em;
	font-size: 13px;
	color: #999;
}
.remove_comment{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	background: url('/images/btn-reply-delete-s-n.svg') no-repeat center;
}
.remove_comment:hover{
	background-image: url('/images/btn-reply-delete-s-hp.svg');
}
.user_input_area{
	display: flex;
	padding: 8px 0;
	border-top: 1px solid #dbdbdb;		
}
.user_input_area > input{
	flex-grow: 1;
	height: 36px;
	border-radius: 3px;
	background-color: #f5f5f6;
	font-size: 14px;
}
.user_input_area > input:placeholder{
	color: #999;
}
.user_input_area > input:-ms-input-placeholder{
	color: #999;
}



.user_input_area > input.login{
	background-color: transparent;
}
.user_input_area > button{
	height: 36px;
	padding: 0 8px;
	margin-left: 6px;
	font-size: 14px;
  	color: #3434b3;
}
.user_input_area > button:hover{
	font-weight: bold;
}
.user_input_area > button.login{
	color: #999;
}

.wrap_news_paging{
	display: flex;		/* none; */
	justify-content: center;
	align-items: center;
	margin: 12px 0 16px;
	font-size: 14px;
}
.wrap_news_paging button{
	width: 20px;
	height: 20px;	
}
.wrap_news_paging button:hover, .wrap_news_paging button.selected{ font-weight: bold; }
.news_card .move_arrow{
	margin-top: 2px;
	background-repeat: no-repeat;
	background-position: center;
}
.news_card .move_first{ background-image: url('/images/btn-paging-s-pre-2-n.svg'); }
.news_card .move_prev{ background-image: url('/images/btn-paging-s-pre-1-n.svg'); }
.news_card .move_next{ background-image: url('/images/btn-paging-s-next-1-n.svg'); }
.news_card .move_last{ background-image: url('/images/btn-paging-s-next-2-n.svg'); }
.news_card .move_first:hover{ background-image: url('/images/btn-paging-s-pre-2-hs.svg'); }
.news_card .move_prev:hover{ background-image: url('/images/btn-paging-s-pre-1-hs.svg'); }
.news_card .move_next:hover{ background-image: url('/images/btn-paging-s-next-1-hs.svg'); }
.news_card .move_last:hover{ background-image: url('/images/btn-paging-s-next-2-hs.svg'); }

.btn_comment_toggle{
	/* display: none; */
	width: 100%;
	height: 24px;
	border-top: 1px solid #dbdbdb;
	background: url('/images/btn-news-reply-close-n.svg') no-repeat center 7px;
}
.btn_comment_toggle:hover{
	background-image: url('/images/btn-news-reply-close-hs.svg');
}
.btn_comment_toggle:focus, .btn_comment_toggle:active{
	border-top: 1px solid #dbdbdb;
}
.news_type.press {
	background-image: url("/images/tag-bg-press.png");
}
/*SNS*/
.news_type.sns {
	background-image: url("/images/tag-bg-sns.png");
}
/*기타소식*/
.news_type.etcnews {
	background-image: url("/images/tag-bg-etcnews.png");
}
/*본문내용 7줄*/
.news_info_ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	height: 147px;
}