@charset "utf-8";


.archive_title {
    margin-bottom:30px;
}

#video {
    margin-bottom:80px;
}
#video .video_cont {
    display:flex;
    align-items:stretch;
    gap:30px;
    border:3px solid #C7F3F6;
    border-radius:40px;
}
#video .video_cont .video_text {
    width:710px;
    padding-left:50px;
    display:flex;
    flex-direction:column;
    justify-content: center;
    gap:10px;
    background-image:url(./video_icon.svg);
    background-repeat:no-repeat;
    background-position: right bottom 20px;
}
#video .video_cont .video_text .video_title {
    font-size:1.66rem;
    font-weight:800;
    line-height:166%;
    color:#666;
    font-family:'SUITE'; 
}
#video .video_cont .video_text .video_title .color01 {
    color:#FF7290;
}
#video .video_cont .video_text .video_title .color02 {
    color:#006397;
}
#video .video_cont .video_text .video_title .color03 {
    color:#FF8661;
}
#video .video_cont .video_text .video_subject {
    font-size:1.33rem;
    font-weight: 500;
    line-height:208%;
    font-family:'SUITE'; 
    height:100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


#video .video_cont .video_view {
    flex:1;
    
}
#video .video_cont .video_view iframe {
    width:100%;
    min-height:360px;
    border-radius:40px;
    outline:3px solid #fff;
}


/* 반응형 미디어 쿼리 css */
@media (max-width:1440px) {
    #video .video_cont .video_text {
        width:auto;
        flex:1;
    }
}
@media (max-width:1200px) {}
@media (max-width:1024px) {
    #video .video_cont {
        flex-direction:column-reverse;
    }
    #video .video_cont .video_text {
        padding:0 50px 50px;
        background-position:right 20px bottom 20px;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {
    #video .video_cont .video_text {
        padding:0 30px 30px;
    }
}