@charset "UTF-8";

.wrap-notice {min-height:365px;}
.wrap-notice .notice_inner {position:relative;display:inline-block;width:100%;}
.wrap-notice .notice_inner .recentBbsLi .recentBbsTab {color: #666;font-weight: 300;font-size: 1.5rem;background: none;padding: 3px 0 0 0;position: relative;cursor: pointer;}
.wrap-notice .notice_inner .recentBbsLi .recentBbsTab:hover {color:#666;}
.wrap-notice .notice_inner .recentBbsLi.active .recentBbsTab {color: #333;font-size: 2.5rem;font-weight: 700;}
.wrap-notice .notice_inner .recentBbsLi + .recentBbsLi .recentBbsTab {margin-left:15px;}
.wrap-notice .notice_inner .recentBbsLi + .recentBbsLi {background:url('../images/slash.png') no-repeat 0 12px; margin-left:10px;}
.wrap-notice .notice_inner .recentBbsLi {display:inline-block;}
.wrap-notice ul li .list {display: none;position: absolute;left: 0;top: 65px;width: 100%;box-sizing: border-box;text-align: left;border-top: 2px solid #666;border-bottom: 1px solid #666;}
.wrap-notice ul li.active .list {display:block;}
.wrap-notice ul li .list li {vertical-align:top;background:#fff;}
.wrap-notice ul li .list li span {font-size:0.95rem;}
.wrap-notice ul li .list li .date {display:block;}
.wrap-notice ul li .more {position:absolute;top:-50px;right:0;}
.wrap-notice ul li .more a {display:block;width:2.125rem; height:2.125rem; border:solid 1px #b7b7b7; background:#fff url('../images/btn_plus.svg') center center no-repeat;text-indent:-9999px;}
.wrap-notice ul li .more a:hover {background:#eee url(../images/btn_plus.svg) center center no-repeat}
.wrap-notice ul li .list li.nodata {border:none;}
.wrap-notice ul li .con > a {display:block;}
.wrap-notice ul li .con .conts {display: flex;align-items: center;gap: 12px;padding: 16px 0;border-bottom: 1px solid #ddd;}
.wrap-notice ul li .con .conts::before {content: '';display: block;min-width: 5px;height: 5px;border-radius: 50px;background: #333;}
.wrap-notice ul li:not(:last-of-type) .con .conts {border-bottom: 1px solid #ddd;}
.wrap-notice ul li .con .conts strong {display:block; flex-grow:1; font-size:1.1rem; color:#333; font-family:'Noto Sans KR'; font-weight:400;line-height:1.5;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background-size: 5px; }
.wrap-notice ul li .con .conts strong:hover{color:#bd2723;}
.wrap-notice ul li .con .conts span.date {display: block;flex-grow: 1;width: 90px;color: #999;font-size: 0.9rem;font-weight: 400;line-height: 1.5;text-align: right;font-size: 0.9rem;}

@media screen and (max-width:1024px) {
    .wrap-notice {min-height:315px;}
    .wrap-notice ul li .list {top: 55px;}
    .wrap-notice ul li .con .conts {padding: 12px 0;}
}