@charset "utf-8";

/* MULTI_NOTICE */







.notice-box { width: 100%; float: left;  
}
.notice-header { display: flex; align-items: center; gap: 20px; width: 100%; float: left; margin-bottom: 20px; }
.notice-date { text-align: center; display: flex; flex-direction: column; grid-gap: 10px; }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.notice-date .day {font-size:calc(var(--tit-md-size) * 0.9);line-height: 100%;  font-weight:800;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.notice-date .day {font-size:26px!important;line-height: 100%;  font-weight:800;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.notice-date .ym { font-size:calc(var(--tx-sm-size) * 0.9); font-family:var(--ff-ko10)!important;line-height: 100%;color: #666;  }
.notice-text .title {font-size:calc(var(--tx-sm-size) * 0.9); font-family:var(--ff-ko10)!important;line-height: 1.4; color: #222; width: 100%; float: left; }
.notice-text .desc { font-size:calc(var(--tx-sm-size) * 0.9); font-family:var(--ff-ko10)!important;letter-spacing: 0px; color: #888; margin-top: 4px; width: 100%; float: left; }
.notice-list { width: 100%; float: left; }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .notice-item {
      display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f0f0f0; padding: 12px 0; font-size: clamp(12px, 1.094vw, 14px); }
.notice-item .text {  font-size:calc(var(--tx-sm-size) * 0.9); font-family:var(--ff-ko10)!important;display: flex; align-items: center; gap: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; padding-left: 15px; position: relative; }
.notice-item .text:before { width: 6px; height: 6px; background: #00a877; border-radius: 50%; content: ""; position: absolute; left: 0px; top: 8px; }
.notice-item .date { font-size:calc(var(--tx-sm-size) * 0.9);font-family:var(--ff-ko10)!important; color: #999;  flex-shrink: 0; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .notice-item {width: 100%; float: left; border-top: 1px solid #f0f0f0; padding:10px 0; font-size:14px;position: relative;  }
.notice-item .text { width: 100%; float: left; padding-left: 15px; position: relative; }
.notice-item .text:before { width: 4px; height: 4px; background: #00a877; border-radius: 50%; content: ""; position: absolute; left: 0px; top: 5px; }
.notice-item .date { color: #999; font-size: 13px; flex-shrink: 0; width: auto; float: left; padding-left: 15px; position: absolute; right: 0px;  

top:50%;transform: translateY(-50%);}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }