@media screen and (min-width:1024px) {
    header .dynamic {
        height: var(--header-height-pc);
      
    }
    header .header-inner {
    transition: none;
    }
    header .header-inner:after{
        display: block;
        position: absolute;
        top:100%;
        left:0;
        width: 100%;
        height: var(--h);
        background-color: #fff;
        content: ''; 
    }

    body.state-floating header .header-inner {
        transition: .15s transform ease
    }
    body.aside-opened header .menu-list {
        margin-left: 0;
    }

    header .header-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        
    }

    header .header-inner .logo-menu-wrap {
        display: flex;
        gap: 30px;
    }

    header .header-inner .logo-wrap {
        width: 18%;
    }

    header .menu-list {
        position: static;
        height: auto;
        width: calc(82% - 30px);
        transform: none;
        overflow: unset;
        
    }

    header .header-inner .logo svg {
        width: 100%;
        height: auto;
    }

    header .menu-list .depth1-list {
        display: flex;
        flex-wrap: wrap; 
        gap: 0 12px;
        width: 100%;
    }

    header .menu-list .depth1-item {
        width: calc((100% / 4) - (36px / 4));
    }

    header .menu-list .depth1-item a:hover {
        background-color: #FF4545;
    }

    header .menu-list .depth1-item .depth1-anchor { 
        padding:10px 30px 10px 2px;
    }

    header .menu-list .depth1-item a[target="_blank"]:after {
        top: 9px;
        width: 0;
        height:24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_1577_19205' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1577_19205)'%3E%3Cpath d='M6.4 19L5 17.6L14.6 8H6V6H18V18H16V9.4L6.4 19Z' fill='%23101010'/%3E%3C/g%3E%3C/svg%3E");
        transition: .3s width ease;
    }

    header .menu-list .depth1-item .depth2-anchor[target="_blank"]:after {
        top: 5px;
    }

    header .menu-list .depth1-item a[target="_blank"]:hover:after {
        width: 24px;
    }

    header .depth1-item.header-search {
        order: unset;
    }
    header .depth1-item.header-search form{
        background-color: #fff;
    }

    header .menu-list .depth1-item.has-child .depth1-anchor:after {
        opacity: 0;
    }

    header .menu-list .depth1-item .depth2-list {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 10;
    }

    header .menu-list .depth1-item:hover .depth2-list {
        display: block;
    }

    header .menu-list .depth2-item .depth2-anchor{
        padding: 5px 2px;
    }



    /* header remake */
    header.menu-list-remake .menu-list{
        flex-direction: row;
        gap:12px;
    }
    header.menu-list-remake .menu-list .lang-change{
        position: absolute;
        bottom:20px;
        right:20px;
    }
    header.menu-list-remake .menu-list .col-group{
        width: calc((100% / 4) - (36px / 4));
    }
    header.menu-list-remake .menu-list .depth1-item{
        width: 100%;
    }   
    header.menu-list-remake .menu-list .depth1-item .depth2-list{
        position: static;
    }
    /* //header remake */

    .header .dynamic {
        z-index:100;
        background:white;
    }
    /* body.scroll-down:has(.project-yeaer-select-wrap),
    body.scroll-down:has(.project-breadcrumbs){
        margin-top: calc((-1 * var(--header-height-pc)) + 50px);
    } */

    header .menu-list .depth1-item.opened .depth1-anchor{
        background-color: #fff;
    }
    header .menu-list .depth1-item.opened .depth1-anchor:hover{
        background-color: #FF4545;
        color:#000;
    }
    header .menu-list .depth1-item.opened .depth2-list{
        display: none;
    }
    header .menu-list .depth1-item:hover .depth2-list{
        display: block;
    }
    header .menu-list .depth1-item .depth2-list .depth2-anchor{
        color:#000;
    }

    body:not(.state-floating) header:has(.menu-list:hover) #lang-changer a{
        z-index: 10;
        position: relative;
    }
}