/* common */
#c4_wrap { overflow: hidden; position:relative; }
#c4_wrap .c_tit { position:relative; display: inline-block; font-size: 60px; color: #fff; white-space: nowrap; font-weight: 800; }
/* #c4_wrap .c_tit::after { content:".";  color:#fff; } */

/* c4_wrap */
#c4_wrap { position:relative; padding:130px 0 0; }
#c4_wrap::before { content:""; position:absolute; left:0; width:100%; top:0; height: 700px; background:url('../img/c4_bg.jpg?v=240514') no-repeat center / cover; }

.video_wrap { position:relative; margin-top: 50px; }
.video_container { position: relative; width:100%; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video_container iframe,
.video_container object,
.video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video_container .preparing {background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;justify-content: center;
color:#fff; font-size: 20px;} 





/* 반응형 */
@media screen and (max-width:1420px) {

    /* c 공통 */
    #c4_wrap p br { display: none; }


    /* c4 */


}
@media screen and (max-width:1023px) {

    /* c 공통 */
    #c4_wrap .c_tit { font-size: 48px; }


    /* c4 */
    #c4_wrap { padding: 80px 0 0; text-align: center; }
    #c4_wrap::before { height: 70%; }

    .video_wrap { margin-top: 35px; }
    .video_wrap::before {font-size: 20px;}

}
@media screen and (max-width:767px) {

    /* c 공통 */
    #c4_wrap .c_tit { font-size: 32px; }
    #c4_wrap .c_tit::after { width: 10px; height: 10px; margin-left: 10px; top: 3px; }


    /* c4 */
    #c4_wrap { padding: 60px 0 0; text-align: center; }
    .video_wrap { margin-top: 20px; }


}