.evt_box{width:100%; max-width:750px;margin:0 auto;position: relative;} .evt_box img{width:100%;max-width:100%;vertical-align:middle;} .cont01{position: relative;} .cont01 .date{position: absolute;top: 61.5%;transform: translateY(-50%);width: 100%;text-align: center; color: #fff;font-weight: 700;font-size: 18px;white-space: nowrap;} .cont01 .date span{padding: 0 2%;} .cont02{position: relative;} .cont02 .day{position: absolute; top: 19.5%; transform: translateY(-50%); left: 21%;color: #d5d6d5;font-weight: 700;font-size: 18px;} .bg04_5{position: relative;} .bg04_5 video{position: absolute;left: 50%;transform: translateX(-50%);top: 30%; background-color: #000; display: none;} .winner_list_wrap{position: relative;width: 100%;margin: 0 auto; background-color: #f5f5f5;padding-bottom: 10%;} .winner_list2{padding:10% 0 5% 0; position: absolute; top: 75%;} .winner_list2 li{width:150px;height:150px;padding-top:70px;background:url('//image.hackersjob.com/mobile/event/2018/0312/bg_winnder.png') no-repeat 0 0;background-size:150px auto;} .winner_list2 li .icon_company{width:80px;margin:0 auto;display:block;} .winner_list2 li img{width:100%;} .winner_list2 li dl{margin-top:15px;text-align:center;} .winner_list2 li dl dt{font-size:14px;color:#a5a5a5;font-weight:600} .winner_list2 li dl dd{font-size:14px;} .winner_list2 li dl dd strong{display:block;margin:8px 0;} @media all and (max-width:560px) { .cont01 .date{font-size: 16px;} .cont02 .day{font-size: 16px;} } @media all and (max-width:470px) { .cont01 .date{font-size: 14px;} .cont02 .day{font-size: 14px;} } @media all and (max-width:410px) { .cont01 .date{font-size: 12px;} .cont02 .day{font-size: 12px;} }