@charset "utf-8";

/* table list a-link */
.normal-table table tbody tr td a:not(.normal-btn) { color:#0DA5D4; text-decoration: underline; }
.normal-table table tbody tr td a { position: relative; }
.count-bubble { position: absolute; bottom: 0; left: calc(100% + 10px); color: #000; text-decoration: none; background: #e7e7e7; padding: 0 7px; border-radius: 3px; font-size: 10px; color: #868686; font-weight: 600; }
.count-bubble:after { content: ''; display: block; position: absolute; top: 3px; left: -5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #e7e7e7;}

.date-time-select-wrap { position: relative; }
.date-time-select-wrap .date-select .normal-txt-input { width: 120px; }
.date-time-select-wrap .colon { float: left; position: relative; top: 3px; left: -5px; color: #aaa; }
.date-time-select-wrap .selectbox { float: left; min-width: unset; width: 50px; }
.date-time-select-wrap .btn-wrap { float: left; margin-top: 0; margin-left: 10px; }
.date-time-select-wrap .btn-wrap ul li { margin-left: 5px; }
.date-time-select-wrap .btn-wrap ul li .normal-btn { padding: 0 15px; }
.date-time-select-wrap .btn-wrap ul li .white-bg { height: 28px; }
.date-time-select-wrap .btn-wrap ul li .white-bg:hover { color: #999 !important; }

/* 공지사항 댓글 */
.comment-wrap { position: relative; margin-top: 30px; }
.comment-wrap .title { font-size: 15px; font-weight: 600; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #b9b9b9; }
.comment-wrap .comment-area { position: relative; }
.comment-wrap .comment-area .comment { position: relative; padding: 10px 0;border-bottom: 1px solid #dadada; }
.comment-wrap .comment-area .comment .btn-wrap { position: absolute; top:0; right: 0;}
.comment-wrap .comment-area .comment .btn-wrap .normal-btn { padding: 0 15px; height: 25px; line-height: 25px;}
.comment-wrap .comment-area .comment .user-info { margin-bottom: 10px;}
.comment-wrap .comment-area .comment .user-info .name { font-weight: 600; font-size: 13px; padding-right: 10px; }
.comment-wrap .comment-area .comment .user-info .info { position: relative; font-size: 12px; padding-right: 15px; letter-spacing: -.5px; color: #888;}
.comment-wrap .comment-area .comment .user-info .info:not(:last-child):after { content: ''; display: block; position: absolute; top: 4px; right: 6px; width: 1px; height: 10px; background: #adadad;}
.comment-wrap .comment-area .comment .user-txt { padding: 15px; background: #e5e8eb;}
.comment-wrap .write-area { margin-top: 20px;}

.comment .user-info { display: flex; align-items: center;}  
.comment .user-info i { align-items: center; cursor: pointer; color: #b0b0b0; }
.comment .user-info i:hover { color: #666; }


.normal-table table tbody tr.fixed { background-color: #fff3df; }
.normal-table table tbody tr.fixed td.txt-color {  color: #d7731e; text-align: center; font-weight: bold;}