.event-link { position: relative; width: 319px; height: 350px; }
.event-link a { position: relative; display: block; width: 100%; height: 100%; background: url("/static/images/homepage/main/bg-event-item.gif") no-repeat; cursor: pointer; border-radius: 0.5em; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); }
.event-link a .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); z-index:11; border-radius: 0.75em; -webkit-transition: background-color,200ms; transition: background-color,200ms; }
.event-link a:focus .cover,
.event-link a:hover .cover { background-color: rgba(255, 255, 255, 0.05); }
.event-link a .thumbnail { position: relative; height: 100%; z-index:1; }
.event-link a .thumbnail img { display: block; width: 319px; height: 217px; border-top-left-radius:0.5em; border-top-right-radius:0.5em; }
.event-link a .thumbnail .event-card-info { height: 133px; }
.event-link a .thumbnail .event-card-info .event-title { width: 80%; height: 42px; margin-left: 10px; font-size: 15px; color: #fff; font-weight: normal; line-height: 42px; white-space: nowrap; font-family: "NotoSans Regular", "Malgun Gothic", "AppleSDGothicNeo", "AppleGothic", Dotum; overflow:hidden; text-overflow:ellipsis; }

.event-link a .thumbnail .event-card-info .event-title .icon-svg { display: inline-block; width: 30px; height: 30px; opacity: 0.8; vertical-align: middle; position: relative; top: -2px; fill: #fff;  }
.event-link a .thumbnail .event-card-info .event-title.event-promo-cod-bocw .icon-svg { position: relative; top: 2px; }
.event-link a .thumbnail .event-card-info .event-promo-cod-bo4 .icon-svg, .event-link a .thumbnail .event-card-info .event-promo-cod-mw .icon-svg { width: 35px; height: 35px;}


.event-link a .thumbnail .event-card-info .event-description { height: 50px; margin: 0 14px; color: #7a7f87; -webkit-transition: color,200ms; transition: color,200ms; font-family: Dotum; line-height: 1.4; overflow: hidden; }
.event-link a:hover .thumbnail .event-card-info .event-description { color: #73bad8; }
.event-link a .thumbnail .event-card-info .event-period { position: absolute; left: 15px; bottom: 15px; font-size: 14px; color: #b8b9b9; font-family: "NotoSans Regular", "Malgun Gothic", "AppleSDGothicNeo", "AppleGothic", Dotum; }

.event-link a .cover-closed-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 217px; background-color: rgba(0, 0, 0, 0.5); z-index:10; border-top-left-radius: 0.5em; border-top-left-radius: 0.5em; }

.event-link a .announced-winners { position: absolute; left: 50%; top: 0; width: 156px; margin-left: -78px; padding-top: 158px; z-index: 10; }
.event-link a .announced-winners span { display: block; text-align: center; }
.event-link a .announced-winners .view-button { width: 156px; height: 40px; margin: 0 auto; background: url("/static/images/homepage/main/event-winners-button.png") no-repeat; line-height: 33px; color: #fff; font-size: 14px; font-weight: bold; }
.event-link a .announced-winners .desc { color: #ffd200; text-shadow: 1px 1px 3px #000; font-weight: bold; }

.event-link a.status-expired { cursor: default; }

@media screen and (max-width:768px) {
	.event-link { width: 307px; height: 143px; }
	.event-link a { background: url("/static/images/homepage/main/bg-event-item-middle.gif") no-repeat; }
	.event-link a .thumbnail img { position: absolute; left: 10px; top: 42px; width: 130px; height: 90px; border-top-left-radius:0; border-top-right-radius:0; }
	.event-link a .thumbnail .icon-svg { left: 0px; }
	.event-link a .thumbnail .event-card-info .event-description { height: 90px; padding: 0 5px 0 135px; line-height: 18px; }
	.event-link a .thumbnail .event-card-info .event-period { display: none; }
	.event-link a .cover-closed-thumb { left: 10px; top: 42px; width: 130px; height: 90px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0; }
	
	.event-link a .announced-winners { left: 12px; top: 100px; width: 115px; margin: 0; padding: 0; }
	.event-link a .announced-winners .view-button { width: 126px; height: 30px; background: url("/static/images/homepage/main/event-winners-button-small.png") no-repeat; line-height: 28px; font-size: 13px; }
	.event-link a .announced-winners .desc { display: none; }
}

@media screen and (max-width:640px) {
	.event-link { width: auto; margin-right: 15px; background: url("/static/images/homepage/main/bg-event-item-small.gif") 0 -145px no-repeat; }
	.event-link a { width: auto; margin-right: -15px; background: url("/static/images/homepage/main/bg-event-item-small.gif") right top no-repeat; }
	
	.event-link a .thumbnail .event-card-info .event-title { font-size: 16px; }
	.event-link a .thumbnail .event-card-info .event-description { font-size: 14px; }
}