* {margin: 0px;padding: 0px;font-family: 'Noto_R';font-size: 12px;box-sizing: border-box;font-weight: normal;}
/* a {text-decoration: none;color: #2f2f2f;} */

.header_btn {width: auto;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.header_btn .notice_btn {display: inline-block;width: 80px;border: 1px solid #ddd;background: #fafafa;font-size: 12px;height: 30px;line-height: 30px;text-align: center;}
.wrap .content {width: 1200px;margin: 0 auto;padding-bottom: 50px;}
.wrap .content ul {  list-style: none;}
.wrap .content .title {margin-top: 50px;text-align: left;font-size: 17px;color: #525252;margin-bottom: 30px;}
.wrap .content .title font {font-size: 12px;margin-left: 10px;border-left: 1px solid #ccc;padding: 0px 10px;color: #b9b9b9;}
.wrap .content .bottom {color: #777;font-size: 13px;line-height: 22px;}
.list_wrap {display: inline-block;padding-top: 25px;margin-top: 20px;width: 100%;}
.list_wrap ul {border-top: 1px solid #333;}
.list_wrap ul li {cursor: pointer;display: flex;align-items: center;padding: 25px 15px 25px;border-bottom: 1px solid #ddd;cursor: pointer;}
.list_wrap ul li .wrap_fir {width: 8%;}
.list_wrap ul li .list_txt {width: 92%;font-size: 14px;letter-spacing: 0.15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_wrap ul li .list_word {width: 70px;height: 25px;line-height: 25px;text-align: center;font-size: 13px;display: inline-block;margin-right: 10px;font-family: 'Noto_B';border-radius: 50px;}
.list_wrap ul li .list_word.noti {background-color: #cfe1edd6;}
.list_wrap ul li .list_word.eve {background-color: #ffe0e0;}
.list_wrap ul li .list_word.eve_end {background-color: #ddd;}
.list_wrap ul li:hover {background-color: #f9f9f9;}
.list_wrap ul li.end_event {
  cursor: default;
}
.list_wrap ul li.end_event:hover {
  background-color: transparent;
}


@media screen and (max-width:1200px){
  .wrap .content {width: 100%;padding: 0 10px;}
  .header_btn {right: 10px;}
  .list_wrap ul li .wrap_fir {width: 15%;}
  .list_wrap ul li .list_txt {width: 85%;}
}
@media screen and (max-width:767px){
  .list_wrap ul li {gap: 15px;}
  .list_wrap ul li .wrap_fir {width: 20%;}
  .list_wrap ul li .list_txt {width: 80%;}
  .list_wrap ul li .list_word {margin-right: 5px;}
  .list_wrap ul li {padding: 20px 5px;}
}