@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position: relative;padding: 2.5rem 0px 0;}
.notice > ul {}
.notice > ul > li {border-bottom: solid 1px #ddd;padding: 2.5rem 0;}
.notice > ul > li:last-child {border-bottom: 0 none;}
.notice > ul > li > a {}
.notice .li_wrap {display: flex;align-items: center;}
.notice .li_wrap .date {width: 9.0rem;aspect-ratio: 1;background: #fff;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: var(--main-color);font-weight: 700;line-height: 1;}
.notice .li_wrap .date .d {font-size: 2.7rem;}
.notice .li_wrap .date .m {font-size: 1.4rem;}
.notice .li_wrap .subject {font-size: 2.0rem;color: #222222;font-weight: 600;line-height: calc(28 / 20);width: calc(100% - 10.6rem);padding: 0 3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.notice .li_wrap .more {width: 1.6rem;aspect-ratio: 1;position: relative;}
.notice .li_wrap .more:before {content: '';position: absolute;top: 0;left: 0;width: 100%;aspect-ratio: 1;background: url(./img/ico_plus_01.png) no-repeat center / contain;transition: 0.8s;transform: rotate(0deg);}
.notice .li_wrap:hover .more:before {transform: rotate(360deg);}