/* History */
/* 
251119 양기탁 : 웹접근성 초점 표시 수정
*/


.ev-detail-con img{max-width:100%}
.event-benefit-wrap .evt-cont{max-width:1380px}


.shinhancard_wrap{position: relative;max-width:1380px; margin: 2.5vw auto 3vw auto;}
.shinhancard_wrap .benefit{position: absolute; top: 0%; width: 74%; left: 50%; transform: translateX(-50%); height: 100%; background: rgba(255, 0, 0, .0); z-index: 3;}


.kakao_wrap{position: relative;max-width:1380px;margin: 0 auto;}
.kakao_wrap img{max-width: 100%;}
.kakao_wrap .benefit{position: absolute;top: 35%;width: 74%;left: 50%;transform: translateX(-50%);height: 50%;background: rgba(255, 0, 0, .0);z-index: 3;}
.kakao_wrap .kakao{position: absolute;top: 70.8%;width: 37%;left: 50%;height: 13%;background: rgba(255, 0, 0, .0);z-index: 4; outline-offset: 4px;}
@media screen and (max-width: 767px) {
    .event-benefit-template .swiper-wrapper {
        height: auto;
    }
    
    .kakao_wrap{max-width: 100%;}
    .shinhancard_wrap{max-width: 100%;}
    .shinhancard_wrap .benefit{position: absolute; top: 13%; width: 90%; left: 50%; transform: translateX(-50%); height: 75%; background: rgba(255, 0, 0, .0); z-index: 3;}
    .kakao_wrap .benefit{position: absolute;top: 34%;width: 90%;left: 50%; transform: translateX(-50%); height: 50%;z-index: 3;}
    .kakao_wrap .kakao{position: absolute;top: 64.7%;width: 43%;left: 51.1%;height: 18.3%;z-index: 4;}
}