@media (min-width: 641px) {
    .pc {
        display: block;
    }
    .mo {
        display: none;
    }   
}


@media (max-width: 640px) {
    .pc {
        display: none;
    }
    .mo {
        display: block;
    }
}
img {
    width: 100%;
    margin-bottom: -4px;
}
.image-area-mo img {
    width: 100%;
    height: auto;
}
html, body, ul {padding:0; margin:0;}
.pc {padding-top:10.555vw;}
.pc .gnb {position:fixed; top:0; left:0; right:0; padding:0 5.99vw;width:auto; height:10.555vw; background:#000;}
.pc .gnb h2 {display:none;}
.pc .gnb .box {padding:0; height:100%; display:flex; color:#fff; list-style: none; align-items:center;}
.pc .gnb .box li {padding:0 3vw;font-size:1.32vw;font-weight:700;}
.pc .gnb .box li.logo {padding: 0 3.535vw 0 0;width:25vw;}
.pc .gnb .box li a {text-decoration: none; color: white;}
/* PC-WIDE */
@media (min-width:1300px) { 
    .pc .gnb .box li.logo {width:323px !important;}
    .pc .gnb .box li {padding:0 51PX;font-size:22PX;font-weight:700;}
}