.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 
.evt_wrap { overflow: hidden; } 

.cont02 .scroll_wrap { position: absolute; left: 50%; bottom: 16vw; transform: translateX(-50%); width: 86vw; height: 29vw; overflow-y: scroll; font-size: 1.2rem; line-height: 5vw; padding: 2vw 6vw; } 
.cont02 .scroll_wrap::-webkit-scrollbar { width: 2.5vw; } 
.cont02 .scroll_wrap::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3vw; } 
/* reason */
.reason, .open_reason.reason { position: absolute; width:95%; top:16%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); } 
.reason.active { display: block; } 
.reason .close, .open_reason.reason .close { position: absolute; width:4vw; height:4vw; top:4%; right:1.5%; cursor: pointer; } 
.reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after, .open_reason.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.cont05 .reason { top: 34%; } 

/* 비디오 팝업 */
.video_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.video_popup.active { display: block; } 
.video_popup .bg { width: 100%; height: 100%; background: rgba(0,0,0,0.7); } 
.video_popup .pop_inner { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 90vw; height:auto; } 
.video_popup .pop_inner video { width: 100%; } 
.video_popup .close { position: absolute; right: 0px; top: -40px; display: block; width: 30px; height: 30px; } 
.video_popup .close::before, .video_popup .close::after { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.video_popup .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 



@media all and (max-width: 750px) { html { font-size: 14px; } 
 }

@media all and (max-width: 580px) { html { font-size: 13px; } 
 }
@media all and (max-width: 460px) { html { font-size: 12px; } 
 }
@media all and (max-width: 360px) { html { font-size: 10px; } 
 }