@charset "utf-8";

.eventBest {padding:0 10px;margin-bottom:30px;}
.eventBest ul {overflow:hidden;padding:0;}
.eventBest ul li {width:calc(33.333% - 5px);margin-right:7px;float:left;}
.eventBest ul li:nth-child(3n) {margin-right:0;}
.eventBest ul li span {display:block;}
.eventBest ul li .thumb {border:1px solid #dcdcdc;}
.eventBest ul li .thumb img {width:100%;}
.eventBest ul li .title {font-size:14px;color:#000;padding-top:8px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.eventBest ul li .desc {font-size:12px;color:#747271;padding-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bestTitle {overflow:hidden;position:relative;}
.bestTitle h2 {float:left;line-height:40px;font-size:16px;color:#000;vertical-align:top;}
.bestTitle h2 span {color:#ee3f75;font-size:14px;margin-left:5px;}
.eventCate ul li.on {color:#ee3f75;font-weight:600;}
.eventList ul {overflow:hidden;padding:40px 10px 0;gap:10px;display:flex;flex-wrap:wrap;}
.eventList ul li {width:calc((100% - 10px)/2);}
.eventList ul li span {display:block;}
.eventList ul li .thumb {border-radius:10px;overflow:hidden;}
.eventList ul li .thumb img {width:100%;}
.eventList ul li .subject a {display:block;}
.eventList ul li .subject .title {display:inline-block;font-size:14px;line-height:30px;color:#333;white-space:nowrap;text-overflow:ellipsis;font-weight:500;position:relative;margin-left: 5px;}
.eventList ul li .subject .title:after {position:absolute;top:18px;left: -5px;content:'';width:100%;height:8px;background: rgb(255 185 198 / 31%);z-index:0;padding: 0 5px;}
.eventList ul li .subject .desc {display:block;font-weight:900;font-size:20px;line-height:30px;color:#ee3f75;text-align:right;}

/* 이벤트 */
.board.event .event_list {margin:0 auto;}
.board.event .event_list ul {overflow:hidden;font-size:0;position:relative;}
.board.event .event_list ul li {position:relative;width:calc(50% - 5px);margin-right:10px;float:left;margin-bottom:20px;}
.board.event .event_list ul li:nth-child(2n) {margin-right:0;}
.board.event .event_list ul li span {display:block;}
.board.event .event_list ul li .thumb {border:1px solid #dcdcdc;}
.board.event .event_list ul li .thumb img {width:100%;}
.board.event .event_list ul li .subject {position:absolute;bottom:0;left:0;background:rgba(255,255,255,0.8);width:100%;}
.board.event .event_list ul li .subject a {display:block;color:#333;padding:10px;overflow:hidden;}
.board.event .event_list ul li .subject h3 {font-size:12px;color:#333;font-weight:600;float:left;line-height:30px;width:60%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;}
.board.event .event_list ul li .subject span {float:right;font-size:12px;color:#333;width:40%;text-align:right;}
.board.event .event_list ul li .subject span b {line-height:30px;font-size:20px;color:#ee3f75;font-weight:900;}