@charset "utf-8";
.board-notice>ul{margin-top:-1rem}
.board-notice>ul>li{width:100%;display:flex;justify-content: space-between; margin-top:0.5rem}
.board-notice>ul>li:nth-child(1){border-bottom:solid 1px #eee; margin-bottom:1.7rem; display:block;  padding-bottom:2rem}
.board-notice>ul>li:nth-child(1)>a{width:100%;}
.board-notice>ul>li:nth-child(1)>a>strong{font-size:1.3rem; padding-left:0; color:#222; white-space:normal !important; font-weight:600; padding-right:3rem}
.board-notice>ul>li:nth-child(1)>a>strong::after{display:none}
.board-notice>ul>li:nth-child(1)>a:after {content:''; position:absolute; right:1.6rem; top:50%; width:8px; height:8px; margin-top:-7px; border-bottom:2px solid #767676; border-left:2px solid #767676; transform:rotate(225deg);}
.board-notice>ul>li:nth-child(1)>a:before {position:absolute; content:''; top:50%; left:0; width:65px; height:65px; background-size:100%; transform:translateY(-50%); border-radius:50%;}
.board-notice>ul>li:nth-child(1)>span{background:#000; color:#fff; border-radius:20px; padding:0.2rem 0.7rem; display:inline-block; margin-top:1.2rem; font-size:0.9rem}
.board-notice>ul>li>a{display:block; position:relative; width:80%;}
.board-notice>ul>li>a:hover{text-decoration:underline}
.board-notice>ul>li>span{font-weight:400; font-size:0.9rem; color:#888;}
.board-notice>ul>li>a>strong{ width:100%; display:block;position:relative; font-weight:400; font-size:1rem; color:#888; padding-left:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-notice>ul>li>a>strong::after{content:""; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:3px; height:3px; background-color:var(--color-main); border-radius:50%;}