.archive-mobile-menu {
    display: none;
}

.menu-kor {
    display: block !important;
}

.archive-template-archive-jury-eng-php .wp-block-columns h4, .archive-template-archive-jury-kor-php .wp-block-columns h4, .archive-template-archive-nominator-eng-php .wp-block-columns h4, .archive-template-archive-nominator-kor-php .wp-block-columns h4 {
    margin-top: calc(var(--engheight) * var(--h3size));
}

.archive-template .single-contents ul li {
    font-weight: 900;
}

.archive-template .single-box > .wp-block-group, .makingfilm-right {
    width: 70%;
}

.archive-template-archive-makingfilm-eng h3, .archive-template-archive-makingfilm-kor h3 {
    margin-bottom: var(--h3size);
}


.single-contents.archive {
    overflow: hidden;
    position: fixed;
}

.archive-template .single-menu .menu-item-depth-0 > a, .archive-template .single-menu .menu-item-depth-2 > a, .archive-template .single-menu .menu-item-depth-3 > a {
    display: none !important;
}

.archive-template .single-menu .current-menu-ancestor.menu-item-depth-1 > a {
    color: var(--gray);
}

.video-responsive-wrap {
    position: fixed;
    left: calc(var(--singleContentsLeft) / 2);
    top: var(--paddingTop);
    width: var(--singleContentsWidth);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* iframe: 비율 유지 및 가로 중앙 정렬 */
.archive-template .single-contents iframe {
    display: block;
    margin: 0 auto;
    width: auto !important; /* height/max-height 비율에 맞게 너비 가변 */
    max-width: calc(100% - var(--singleMenuWidth)) !important;
    max-height: calc(100vh - var(--paddingTop) - 80px);
    height: auto;
    aspect-ratio: 16 / 9;
}

.archive-template .single-contents .single-box iframe {
    width: auto !important; /* 기존 width: 100% !important 제거/수정 */
    max-width: 100% !important;
}
.video-title {
    text-align: center;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.btn-archive-arrow-top {
    display: inline-block;
    width: 24px;
    cursor: pointer;
    margin: 16px 0;
}

.btn-archive-arrow-bottom {
    width: 24px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%, 0);
}

.single-detail {
    width: 100%;
    height: auto;
    margin-top: 100vh;
    background: white;
    position: relative;
    z-index: 10;
}

.archive-contents {
    padding-left: var(--singleContentsLeft);
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    border-top: var(--borderTop);
    min-height: 80vh;
}

.archive-sub-menu {
    width: 30%;
}

.archive-contents .menu-item-depth-0 > a, .archive-contents .menu-item-depth-1 > a, .archive-contents .menu-item-depth-1, .single-contents .menu-item-depth-0 > a, .single-contents .menu-item-depth-1 > a, .single-contents .menu-item-depth-1, .single-contents .menu-item-depth-3 {
    display: none !important;
}

.archive-contents .current-menu-ancestor.menu-item-depth-1, .single-contents .current-menu-ancestor.menu-item-depth-1 {
    display: block !important;
}

.archive-contents .current-menu-ancestor.menu-item-depth-2 > a, .archive-contents .current-menu-ancestor.menu-item-depth-3 > a, .archive-contents .current-menu-item.menu-item-depth-3 a, .single-contents .current-menu-item.menu-item-depth-2 > a {
    color: var(--gray) !important;
    line-height: var(--engheight);
}

.archive-contents .current-menu-ancestor.menu-item-depth-2, .menu-item-depth-3 {
    line-height: 1 !important;
    font-family: 'HyundaiHarmonyM', sans-serif;
}

.menu-item-depth-3 a {
    font-size: var(--h3size) !important;
    letter-spacing: var(--letterSpacing);
}

.archive-contents .current-archive-parent .menu-item-depth-3 {
    margin-bottom: var(--h3size);
    padding-left: var(--margin);
}

.single-detail .flex-container {
    width: 70%;
}

.archive-contents figure {
    width: 30%;
}

.archive-contents h4.wp-block-heading {
    width: 70%;
    padding-right: 40px;
}

hr.archive-border {
    position: absolute;
    outline: none;
    background: black;
    height: 2px;
    margin: 0;
    width: calc(100% - var(--margin)*2);
    left: var(--margin);
    top: -1px;
    border: 0;
}


.archive-template main {
    padding-bottom: 0;
}



@media screen and (max-width: 1080px) {
    .single-contents.archive {
        padding-bottom: 40px;
        padding-top: 270px !important;
        position: static;
    }

    .archive-mobile-menu {
        display: block;
    }

    .archive-contents h4.wp-block-heading {
        padding-right: 0;
    }

      .btn-mobile-fourth-menu {
        width: 36px !important;
        position: absolute !important;
        right: 0 !important;
        top: 30px !important;
        transition: 0.3s ease;
        display: block !important;
        cursor: pointer;
    }

    .btn-mobile-fourth-menu-2, .btn-mobile-fourth-menu-3 {
        width: 36px !important;
        position: absolute !important;
        right: 0 !important;
        top: 18px !important;
        transition: 0.3s ease;
        display: block !important;
        cursor: pointer;
    }
    

    .archive-mobile-depth2-container {
        position: fixed;
        left: var(--margin);
        width: calc(100% - var(--margin) * 2);
        background: white;
        z-index: 9995;
        top: 207px;
        padding: 16px 0;
        border-bottom: 1.2pt solid black;
    }

    .archive-mobile-depth2-container .depth-3 {
        display: none;
    }

    .archive-contents {
        padding-top: 0;
        min-height: 0;
    }

    .single-menu .current-item-depth-0 .depth-1 {
        padding: 16px 0;
        border-top: var(--borderTop);
    }

    .single-menu .current-item-depth-0 .depth-1 .menu-item-depth-1 {
        display: none !important;
    }

    .single-menu .current-item-depth-0 .depth-1 .menu-item-depth-1.current-menu-ancestor {
        display: block !important;
    }

    .video-responsive-wrap {
        width: 100%;
        position: static !important;
        height: auto;
        display: block;
        justify-content: flex-start;
    }

    .archive-template .single-contents iframe {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        height: auto;
        max-height: none !important;
        position: static !important;
    }
    
    .single-detail {
        position: static;
    }

    .archive-template-archive-grandprix-eng .single-detail, .archive-template-archive-grandprix-kor .single-detail {
        margin-top: 0;
    }

    .archive-template-archive-grandprix-eng .archive-contents, .archive-template-archive-grandprix-kor .archive-contents {
        border-top: none;
    }

    hr.single-contents.archive {
        display: none;
    }


    .archive-sub-menu {
        display: none;
    }

    .video-title {
        display: none;
    }

    .archive-contents {
        padding-left: 0;
        width: 100%;
        display: block;
    }

    .single-detail .flex-container {
        width: 100%;
    }

    .archive-contents figure {
        width: 50%;
    }

    .archive-template .single-menu .current-menu-parent > a {
        display: block;
    }


    .archive-mobile-depth2-container .sub-menu a[aria-current="page"], .archive-mobile-depth3-container .sub-menu a[aria-current="page"] {
        color: black !important;
    }

    .archive-mobile-depth2-container .menu-item-depth-2, .archive-mobile-depth3-container .menu-item-depth-3 {
        display: none;
    }

    .archive-mobile-depth2-container .menu-item-depth-2.current-item-depth-2, .archive-mobile-depth3-container .menu-item-depth-3.current-item-depth-3 {
        display: block !important;
    }

    .archive-mobile-depth3-container {
        position: fixed;
        left: var(--margin);
        width: calc(100% - var(--margin) * 2);
        background: white;
        z-index: 9994;
        top: 280px;
        padding: 22px 0 4px 0;
        border-bottom: 1.2pt solid black;
    }

    .archive-mobile-depth3-container .current-item-depth-1 .menu-item-depth-2 > a {
        display: none !important;
    }

    .archive-contents .current-archive-parent .menu-item-depth-3 {
        padding-left: 0;
    }

    .single-box {
        margin-top: 250px;
    }

    .archive-template-archive-officialscreening-eng .single-box, .archive-template-archive-officialscreening-kor .single-box, .archive-template-archive-jury-eng .single-box, .archive-template-archive-jury-kor .single-box, .archive-template-archive-nominators-eng .single-box, .archive-template-archive-nominators-kor .single-box {
        margin-top: 190px;
        padding-bottom: 200px;
    }

    .archive-template-archive-makingfilm-eng .single-box, .archive-template-archive-makingfilm-kor .single-box, .archive-template-archive-officialscreening-nolist-eng .single-box, .archive-template-archive-officialscreening-nolist-kor .single-box {
        margin-top: 90px;
        padding-bottom: 200px;
    }

    .single-box .wp-block-group a {
        text-decoration: underline;
    }

    .archive-template .single-box > .wp-block-group {
        width: 100%;
    }

    .archive-template .single-contents .wp-block-columns {
        margin-bottom: 20px !important;
    }

    .archive-mobile-depth2-container .current-item-depth-2 .name {
        display: none !important;
    }

    .archive-template-archive-officialscreening-eng .border-top, .archive-template-archive-officialscreening-kor .border-top, .archive-template-archive-jury-eng .border-top, .archive-template-archive-jury-kor .border-top, .archive-template-archive-nominators-eng .border-top, .archive-template-archive-nominators-kor .border-top, .archive-template-archive-makingfilm-eng .border-top, .archive-template-archive-makingfilm-kor .border-top, .archive-template-archive-officialscreening-nolist-eng .border-top, .archive-template-archive-officialscreening-nolist-kor .border-top {
        padding: 0;
        border-top: none;
    }

    .archive-template .name h3 {
        margin-left: 0;
        display: none;
    }

    .archive-template-archive-officialscreening-eng .name h3:first-of-type, .archive-template-archive-officialscreening-kor .name h3:first-of-type, .archive-template-archive-jury-eng .name h3:first-of-type, .archive-template-archive-jury-kor .name h3:first-of-type, .archive-template-archive-nominators-eng .name h3:first-of-type, .archive-template-archive-nominators-kor .name h3:first-of-type, .archive-template-archive-makingfilm-eng  .name h3:first-of-type, .archive-template-archive-makingfilm-kor .name h3:first-of-type, .archive-template-archive-officialscreening-nolist-eng .name h3:first-of-type, .archive-template-archive-officialscreening-nolist-kor .name h3:first-of-type{
        display: block;
        width: calc(100% - 60px);
    }

    .makingfilm-right {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .btn-mobile-fourth-menu {
        width: 26px !important;
        top: 20px !important;
    }

    .btn-mobile-fourth-menu-2, .btn-mobile-fourth-menu-3 {
        width: 26px !important;
        top: 20px !important;
    }

    .archive-mobile-depth2-container {
        top: 137px;
    }

    .archive-mobile-depth3-container {
        top: 199px;
    }

    .single-contents.archive {
        padding-top: 240px !important;
        padding-bottom: 20px;
    }

    .archive-template .single-detail .flex-container {
        display: block;
    }

    .archive-contents h4.wp-block-heading {
        width: 100%;
    }

    .btn-mobile-fourth-menu {
        top: 34px !important;
    }

    .archive-template-archive-officialscreening-eng .border-top, .archive-template-archive-officialscreening-kor .border-top, .archive-template-archive-jury-eng .border-top, .archive-template-archive-jury-kor .border-top, .archive-template-archive-nominators-eng .border-top, .archive-template-archive-nominators-kor .border-top, .archive-template-archive-makingfilm-eng .border-top, .archive-template-archive-makingfilm-kor .border-top, .archive-template-archive-officialscreening-nolist-eng .border-top, .archive-template-archive-officialscreening-nolist-kor .border-top {
        top: 70px;
    }

    .archive-template-archive-officialscreening-eng .single-box, .archive-template-archive-officialscreening-kor .single-box, .archive-template-archive-jury-eng .single-box, .archive-template-archive-jury-kor .single-box, .archive-template-archive-nominators-eng .single-box, .archive-template-archive-nominators-kor .single-box, .archive-template-archive-officialscreening-nolist-eng .single-box, .archive-template-archive-officialscreening-nolist-kor .single-box {
        margin-top: 120px;
    }

    .archive-template-archive-makingfilm-eng .single-box, .archive-template-archive-makingfilm-kor .single-box {
        margin-top: 60px;
    }

    .archive-template .single-contents .wp-block-columns {
        gap: var(--h3size);
    }
}