.fullmenu {
    width: 100%;
    overflow: hidden;
}
.fullmenu:focus {
    outline: 3px solid #000;
}
.fullmenu .aside-section {
    height: 100vh;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    z-index: 10000000;
}
.fullmenu .aside-left {
    display: block;
    width: 38%;
    left: 0;
    background: center / cover url("/public/images/fullmenu.jpg") no-repeat;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
}
.fullmenu .aside-right {
    width: 22%;
    max-width: 400px;
    right: 0;
    background-color: var(--color-white);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
    padding: 0;
    border-left: var(--border-basic)
}
.fullmenu input[type="checkbox"] {
    display: none;
}
.fullmenu input[type="checkbox"]:checked ~ label {
    left: auto;
    /* right: 3.5% */
}
.fullmenu input[type="checkbox"]:checked ~ label .bar {
    border-color: var(--color-dark);
}
.fullmenu input[type="checkbox"]:checked ~ .fullmenu-wrap .aside-left {
    transform: translateY(0%);
}
.fullmenu input[type="checkbox"]:checked ~ .fullmenu-wrap .aside-right {
    transform: translateX(0%);
}
.fullmenu input[type="checkbox"]:checked ~ label .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
}
.fullmenu input[type="checkbox"]:checked ~ label .bottom {
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
    -moz-transform: translateY(-8px) rotateZ(-45deg);
    -ms-transform: translateY(-8px) rotateZ(-45deg);
    -o-transform: translateY(-8px) rotateZ(-45deg);
    transform: translateY(-8px) rotateZ(-45deg);
}
.fullmenu input[type="checkbox"]:checked ~ label .middle {
    width: 0;
    border: 1px solid transparent;
}
.fullmenu .label {
    top: 37px;
    right: 20px;
    display: inline-block;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: 9999999;
    position: fixed;
    z-index: 100000000000;
}
.fullmenu .bar {
    display: block;
    border: 1px solid var(--color-basic);
    width: 30px;
    transition: transform 0.4s ease-in, width 0.4s ease-in;
}
.fullmenu .bar:hover {
    background-color: var(--color-white);
}
.fullmenu .middle {
    width: 21px;
    margin: 6px 0;
}
.fullmenu nav {
    margin-top: var(--space-40);
}
.fullmenu nav ul.depth1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fullmenu nav ul.depth1 > li > a {
    position: relative;
    color: var(--color-dark);
    font-size: var(--font-25);
}
.fullmenu nav ul.depth1 > li {
    margin-bottom: var(--space-30);
    padding-bottom: var(--space-30);
    border-bottom: var(--border-basic);
}
.fullmenu nav ul.depth1 > li > a > span {
    transition: var(--transition);
    font-weight: var(--fw-medium);
}
.fullmenu nav ul.depth1 > li:last-child {
    border-bottom: 0
}
.fullmenu nav ul.depth2 {
    margin-top: var(--space-20);
}
.fullmenu nav ul.depth2 > li:not(:last-child) {
    margin-bottom: var(--space-15)
}
.fullmenu nav ul.depth2 > li > a {
    color: var(--color-basic);
    position: relative;
    text-transform: uppercase;
}
.fullmenu nav ul.depth2 > li > a::after {
    content: "";
    position: absolute;
    bottom: -3px;
    background-color: var(--color-dark);
    left: 0;
    right: 0;
    height: 1px;
}
.fullmenu nav ul.depth2 > li > a::before {
    content: "";
    position: absolute;
    bottom: -3px;
    background-color: var(--color-white);
    left: 0;
    height: 1px;
    z-index: 1;
    width: 100%;
    -webkit-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}
.fullmenu nav ul.depth2 > li > a:hover::before,
.fullmenu nav ul.depth2 > li.on > a::before  {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.fullmenu nav ul.depth2 > li > a:hover {
    font-weight: var(--fw-bold);
    color: var(--color-dark);
}
.fullmenu nav ul.depth1 > li > a:hover span,
.fullmenu nav ul.depth1 > li > a.on > span,
.fullmenu nav ul.depth2 > li.on > a {
    font-weight: var(--fw-bold);
}
.fullmenu nav,
.fullmenu .aside-right .logo {
    padding: 0 var(--space-40);
}
.fullmenu .aside-right .logo svg {
    width: 100%;
}
.fullmenu .aside-right .logo {
    border-bottom: 1px solid var(--color-basic);
    height: 90px;
    display: flex;
    align-items: center;
}
.fullmenu .aside-right .logo a {
    width: 170px;
}
.fullmenu .aside-right .logo a img.dark {
    display: none;
}
[data-theme="dark"] .fullmenu .aside-right .logo a img.color {
    display: none;
}
[data-theme="dark"] .fullmenu .aside-right .logo a img.dark {
    display: block;
}
/* .fullmenu .btn-application {
    position: absolute;
    right: 5.5%;
    bottom: 5.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-9) var(--space-20);
    background-color: var(--color-primary);
    color: var(--color-white);
    font-family: var(--fm-en);
}
.fullmenu .btn-application span {
    padding-top: var(--space-2);
}
.fullmenu .btn-application img {
    width: 18px;
    margin-right: var(--space-8);
}
.fullmenu .btn-application:hover {
    background-color: var(--color-dark);
} */
.fullmenu .fullmenu-sns {
    display: none;
    border-top: var(--border-basic);
}
    /* 메인 전시 미디어쿼리 */
    @media all and (max-width:1600px) {
        .fullmenu .aside-right {
            width: 50%;
        }
        .fullmenu .label {
            top: 37px;
        }
        .fullmenu nav {
            height: 75%;
            overflow-y: auto;
        }
        .fullmenu nav ul.depth1 {
            width: 100%;
            justify-content: flex-start;
        }
        .fullmenu nav ul.depth1 > li {
            width: 100%;
        }
    }
    @media all and (max-width:1200px) {
        .fullmenu .aside-right {
            width: 40%;
        }
        .fullmenu .label {
            right: 5%;
        }
    }
    @media all and (max-width:1000px) {
        .fullmenu .aside-right {
            width: 45%;
        }
        .fullmenu .aside-right .logo a {
            width: 150px;
        }
        .fullmenu .label {
            top: 29px;
        }
        .fullmenu .aside-right .logo {
            height:75px;
        }
        .fullmenu nav {
            height: auto
        }
    }
    @media all and (max-width:640px) {
        .fullmenu .aside-right .logo {
            height: 60px;
        }
        .fullmenu nav {
            margin-top: var(--space-20);
        }
        .fullmenu .aside-right .logo,
        .fullmenu nav,
        .fullmenu .fullmenu-sns {
            padding: 0 var(--space-30);
        }
        .fullmenu .aside-right {
            width: 100%;
        }
        .fullmenu input[type="checkbox"]:checked ~ label .bottom {
            -webkit-transform: translateY(-6px) rotateZ(-45deg);
            -moz-transform: translateY(-6px) rotateZ(-45deg);
            -ms-transform: translateY(-6px) rotateZ(-45deg);
            -o-transform: translateY(-6px) rotateZ(-45deg);
            transform: translateY(-6px) rotateZ(-45deg);
        }
        .fullmenu .bar {
            width: 25px;
        }
        .fullmenu .middle {
            width: 17px;
            margin: 5px 0
        }
        .fullmenu .label {
            top: 22px;
        }
        .fullmenu nav ul.depth1 > li > a {
            font-size: var(--font-20);
        }
        .fullmenu nav ul.depth1 > li {
            margin-bottom: var(--space-20);
            padding-bottom: var(--space-10);
        }
        .fullmenu nav ul.depth1 > li:last-child {
            padding-bottom: 0;
        }
        .fullmenu nav ul.depth2 {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-top: var(--space-10);
        }
        .fullmenu nav ul.depth2 > li {
            width: 50%;
        }
        .fullmenu nav ul.depth2 > li:not(:last-child),
        .fullmenu nav ul.depth2 > li:last-child {
            margin-bottom: var(--space-10);
        }
        .fullmenu .fullmenu-sns {
            display: flex;
            padding-top: var(--space-20);
        }
        .fullmenu .fullmenu-sns a {
            margin-right: var(--space-10)
        }
        .fullmenu .fullmenu-sns a img {
            width: 23px;
        }
    }