/* BASIC css start */
.container { width:100%; overflow:hidden; padding-top:56px;  }
.container .page-body { float:right;  padding-top:25px;width: calc(100% - 270px);}

#gnbContainer .gnbWrap .gnbContent>div#nav a:nth-child(2) { color: #d9282f; }
#gnbContainer .gnbWrap .gnbContent>div#nav a:nth-child(2):after { display: block; }
.eventListWrap {margin-top:1px;}
.eventListWrap .eventList {}
.eventListWrap .eventList .list { padding-bottom:20px }
.eventListWrap .eventList .list .evtThumb { position:relative }
.eventListWrap .eventList .list .evtThumb a { display:block }
.eventListWrap .eventList .list .evtThumb img { width:100% }
.eventListWrap .eventList .list .evtThumb .noImg { display:block; min-height:240px; font-size:18px; color:#000; text-align:center; line-height:240px; background:#ccc }
.eventListWrap .eventList .list .evtThumb .evtEnd { position:absolute; top:0; left:0; right:0; bottom:0; font-size:38px; color:#fff; font-weight:bold;  text-align:center; line-height:240px; background:rgba(0,0,0,0.5); z-index:10 }


.eventTab { margin:50px 0 20px; width:100%; border-bottom:1px solid #ddd; overflow:hidden }
.eventTab ul { *zoom:1 }
.eventTab ul:after { display:block; clear:both; content:'' }
.eventTab li { float:left; width:50%; height:48px }
.eventTab li a { display:block; font-size:15px; color:#000; text-align:center; line-height:46px }
.eventTab li a.on { color:#00aa6c; font-weight:bold; border-bottom:3px solid #00aa6c }


.event_list { }
.event_list ul { font-size:0; }
.event_list ul li { vertical-align:top; display:inline-block; width:23.194%; margin-right:1.806%; position:relative; margin-bottom:80px; overflow: hidden; border-top-left-radius: 14px; border-bottom-right-radius: 14px; }
.event_list ul li figure { margin:0; }
.event_list ul li:nth-of-type(3n) {}
.event_list ul li img { width:100%; }
.event_cont { position:absolute;bottom: 15px;left: 0;}
.event_cont .date_tit { margin-bottom:13px;  width:fit-content; height:26px; line-height:26px; padding-left:24px; background:#faff7d; font-size:14px; color:#874fc1; font-weight:bold; letter-spacing:0.025em; box-sizing:border-box;padding-right: 20px; }
.event_cont .event_tit { font-size:18px; color:#000; font-weight:400; letter-spacing:-0.035em; line-height:1.3; padding-left:24px;padding-right: 20px; /*! min-height:57px; */ }


.event_list ul li.end_li:after {
    content: '';
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5) url(/design/duolab/PC/end_mark.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 32.1% auto;
}

/* BASIC css end */