@charset "utf-8";

/* 새글 스킨 (latest) */
.main_notice {position:relative;width:100%;border-top:3px solid #222;}
.main_notice .lat_title {display:block;line-height:45px;font-size:1.2em;color:#333;font-size:36px;font-weight:bold;}
.main_notice .lat_title a {position:relative;color:#000;display:inline-block}

.main_notice li {width:100%;padding:25px 0;border-bottom:1px solid #ccc;position:relative;}
.main_notice li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.main_notice li .new_icon {background:url(img/new_icon.png) no-repeat center;width:12px;min-width:12px;height:12px;display:block;font-size:1em;color:#23db79;text-align:center;border-radius:2px;margin-left:7px;font-weight:bold;vertical-align:middle}
.main_notice li .hot_icon {display:none;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.main_notice li .fa-caret-right {color:#bbb}
.main_notice li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.main_notice li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.notice-tab {font-size:15px;padding:15px;background:#0A5CFF;margin-right:18px;text-align:center;min-width:86px;border-radius:5px;}
.notice-tab .day {display:block;color:#fff;font-size:31px;font-family:'Pretendard-Bold';line-height:1;margin:5px 0;}
.notice-tab .year-month {color:#fff;font-size:15px;}
.notice-more-btn {background:url(/theme/cnmhs/img/more-btn_g.png) no-repeat center;width:20px;height:20px;}

.main_notice .profile_img img{border-radius:50%}


.main_notice .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.main_notice .empty_li:before {background:none;padding:0}

.main_notice .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;margin-left:5px;}
.main_notice .lt_more {position:absolute;top:-65px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.main_notice .lt_more:hover {color:#777}
.main_notice .lt_more i {font-size:30px;color:#333;}

.main_notice li a {display:flex;height:100%;overflow:hidden;justify-content:space-between;align-items:center;}
.main_notice li a > .con {display:flex;align-items:center;font-size:20px;transition:0.5s;color:#000;width:100%;}
.main_notice li a .con h5 {display:flex;align-items:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:5px;}
.main_notice li a:hover .con h5 {text-decoration:underline;}
.main_notice li a > .con .txt p {font-size:17px;color:#555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.lt_info {padding:0px !important;margin:0px;}
.lt_info .lt_nick {margin-right:10px;}
.lt_info .lt_date {color:#aaa;font-size:16px;}
.lt_info i {font-size:20px;position:relative;right:0;transition:0.5s;color:#111;}
.main_notice li a:hover .lt_info i {color:#8dc63f;right:10px;}

.lt_wr {width:100% !important;}

@media screen and ( max-width:1060px ) {
	.notice-tab {font-size:13px;margin-right:15px;border-radius:3px;}
	.main_notice li a .con h5 {font-size:17px;}
	.lt_info .lt_date {font-size:14px;}
}

@media screen and ( max-width:720px ) {
	.main_notice li {padding:20px 0;}
}

@media screen and ( max-width:510px ) {
	.main_notice li a > .con {flex-direction:column;align-items:baseline;}
	.date-wrap {display:flex;align-items:center;flex-flow:row-reverse}
	.notice-tab {font-size:11px;margin-bottom:10px;padding:5px 10px;min-width:70px;}
	.notice-tab .day {font-size:14px;margin:0px;line-height:1;margin-left:5px;}
	.notice-tab .year-month {font-size:14px;margin:0px;line-height:1;}
	.main_notice li a .con h5 {font-size:18px;}
	.main_notice li a > .con .txt p {font-size:15px;}
	.main_notice li a > .con {width:100%;}
}