/* 나눔명조 : font-family: 'Nanum Myeongjo', serif; */
/* 나눔고딕 : font-family: 'Nanum Gothic', sans-serif; */

/* reset */

html, body{
    min-width:320px;
}
.event-type1 ~ footer{
    border-top:1px solid #ddd;
}

.event-type1 .section{
    max-width:720px;
    margin:0 auto;
}
.event-type1 .section-01 .btn-area{
    position: relative;
    width: calc(100% - 0%);
    text-align:center;
    /*background-image: url(https://s.wink.co.kr/marketing/events/images/event/event_t1_img2_2.jpg);*/
}
.event-type1 .btn-text{
    max-width:720px;
    color:#fff;
    /*text-indent:-9999px;*/
}
.event-type1 .btn-area .btn-click{
    position: absolute;
    top:10%;
    right:10%;
    width:59px;
    height:59px;
    background-size: 59px;
    background-image: url(https://s.wink.co.kr/marketing/events/images/basic/basic_btn_click2.png);
    animation: flash 1.2s infinite 0.1s ease-out;
}
.event-type1 .fixed-btn-area{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:90px;
    min-width:320px;
    text-align:center;
    background:#f03c78;
    line-height: 1.2;
    padding:16px 0 0 0;
}
.event-type1 .fixed-btn-text{
    float: left;
    font-weight: bold;
    color:#fff;
    margin:3px 10px 0;
}
.event-type1 .fixed-btn-area .btn-click{
    float: left;
    width:59px;
    height:59px;
    background-size: 59px;
    background-image: url(https://s.wink.co.kr/marketing/events/images/basic/basic_btn_click2.png);
    animation: flash 1.2s infinite 0.1s ease-out;
}

/* 비디오 플레이 */
.video-area{
    position:relative;
}

.video-area video{
    width:99%;
    vertical-align:top;
}
.video-area ~ .btn-play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-34px 0 0 -34px;
    width:68px;
    height:68px;
    background:url('https://s.wink.co.kr/marketing/images/common/btn_play.png') no-repeat center center / 100%;
    z-index:110;
    text-indent:-9999em;
    animation: flash 1.2s infinite 0.1s ease-out;
}
.video-area.play ~ .btn-play{
    animation: none;
}
.video-area.play.on ~ .btn-play{
    display:none;
}

.video-wrap{
    position:relative;
}

.video-wrap .video-area ~ .btn-play{
    top:50%;
}

.video-wrap .video-area{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    display:none;
}
.video-wrap .video-area img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:100;
}

.video-wrap .inner_video{
    padding:0 6% 0;
}

.video-wrap .inner_video2{
    padding:0 13% 0;
}

.video-wrap .video-area.play{
    display:block;
}

@keyframes flash {
  0% {opacity:0.1;}
  50% {opacity:1;}
  100% {opacity:0.1;}
}