@charset "utf-8";

.main_event .container{margin:0 40px 0 30px;}
.main_event ul{display:flex;flex-wrap:wrap;justify-content:space-between;overflow-x:hidden;overflow-y:auto;max-height:630px;}
.main_event li{width:calc(50% - 15px);margin-bottom:30px;}
.main_event li:nth-child(n+11){display:none;}
.main_event .item{position:relative;border:1px solid #807c74;padding:50px;}
.main_event .wrap{position:relative;}
.main_event .today{font-size:16px;color:#FFF;font-family:'Pre SemiBold';line-height:1;background:#9f8e71;padding:11px 15px;display:inline-block;position:absolute;right:10px;top:10px;}
.main_event .date{font-size:30px;color:#7c0019;font-family:'Arita Bold';line-height:1;}
.main_event .date strong{font-size:50px;}
.main_event .title{line-height:1;margin:25px 0 10px 0;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.main_event .title a { display:inline-block; margin:2px; }
.main_event .title span{font-size:26px;color:#000;font-family:'Pre SemiBold';display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;}
.main_event .info{display:flex;flex-wrap:wrap;}
.main_event dl{font-size:16px;color:#272727;font-family:'Pre SemiBold';line-height:1;display:flex;width:50%;margin-top:20px;}
.main_event dt{position:relative;padding-left:30px;min-width:70px;}

.main_event dt::before{ display:block; width:20px; height:20px; position:absolute; left:0; top:-4px; text-indent:-99999px; font-size:0; }

.main_event dl.period dt::before{ content:"기간"; background:url(../images/icon_calendar.png) no-repeat left center;}
.main_event dl.location dt::before{ content:"장소"; background:url(../images/icon_location.png) no-repeat left center;}
.main_event dl.host dt::before{ content:"주최"; background:url(../images/icon_school.png) no-repeat left center;}
.main_event dl.category dt::before{ content:"카테고리"; background:url(../images/icon_ribon.png) no-repeat left center;}


.main_event dl.category dd{margin-left:5px;}

.main_event .item::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;transition:0.5s;}
.main_event .item:hover::before{background:rgba(190,177,155,0.3);}
.main_event .item:hover .title span{border-color:#000;}

.a_120{display:block;width:97px;height:48px;text-indent:-9999px;background:url(../images/event_main_120anniv.png) no-repeat center;position:absolute;right:0px;top:0px;}
.a_120_r{right:110px !important;}

@media all and (max-width:1280px){
	.main_event .container{margin:0;}
	.main_event .item{padding:30px;}
	.main_event .date{font-size:25px;}
	.main_event .date strong{font-size:40px;}
	.main_event .title{font-size:23px;}
	.main_event dl{width:100%;margin-top:15px;}
}
@media all and (max-width:768px){
	.main_event .item{padding:20px;}
	.main_event li{width:100%;margin-bottom:10px;}
	.main_event .date{font-size:22px;}
	.main_event .date strong{font-size:30px;}
	.main_event .title{font-size:20px;}
}