/* BASIC css start */
.eventTab {display:flex;}
.eventTab a {line-height:40px; width:50%; text-align:center; background:#f0f0f0; color:#999; position:relative;}
.eventTab a:before {content:''; width:100%; height:1px; bottom:0; right:0; position:absolute; background:#e5e5e5;}
.eventTab a.active {background:#fff; color:#000;}
.eventTab a.active:before {content:none;}
.eventTab a:after {content:''; width:1px; height:100%; top:0; right:0; position:absolute; background:#e5e5e5;}
.eventTab a:last-child:after {content:none;}

.eventListWrap {padding:16px 16px;}
.eventListWrap select {width:100%;}
.eventListWrap .eventList {margin-top:16px;}
.eventListWrap .eventList[rel="end"] li a {pointer-events: none;}
.eventListWrap .eventList[rel="end"] .thumb:after {position:absolute; content:'이벤트 종료'; width:100%; height:100%; color:#fff; background:rgba(0,0,0,0.5); top:0; left:0; display: flex; flex-direction: column; flex-wrap: nowrap; vertical-align: middle; justify-content: center; text-align: center;}
.eventListWrap .eventList ul {overflow:hidden;}
.eventListWrap .eventList ul li {width:calc(50% - 5px); margin-right:10px; float:left; margin-bottom:25px;}
.eventListWrap .eventList ul li.empty {width:100%; line-height:100px; text-align:center;}
.eventListWrap .eventList ul li:nth-child(2n) {margin-right:0;}
.eventListWrap .eventList ul li .thumb {position:relative;}
.eventListWrap .eventList ul li .thumb img {width:100%;}
.eventListWrap .eventList ul li .thumb span {background:#000; color:#fff; font-size:10px; position:absolute; bottom:0; left:0; display:inline-block; padding: 3px 9px;}
.eventListWrap .eventList ul li span {display:block;}
.eventListWrap .eventList ul li .title {font-size:18px; color:#000; font-weight:600; margin:10px 0 0;}
.eventListWrap .eventList ul li .desc {font-size:16px; color:#999; font-weight:500;}
.eventListWrap .eventList ul li .period {font-size:13px; color:#999;}


/* BASIC css end */