@media(max-width: 450px) {
    #shopHeader {
        margin-left: 25px;
        padding-top: 25px;
        width: 100%;
    }
    .logoIconArea{
        width: 50px;
        height: 39px;
    }
    #logo{
        width: 50px;
        height: 39px;
    }
    .logoImage{
        width: 50px;
        height: 39px;
        transform: scale(1.5);
    }
    #baseMenu>ul>li a {
        width: 50px;
        height: 39px;
    }
    .menuBtn{
        width: 50px;
        height: 41px;
    }
    .menuConts{
        right: 52px;
    }
    .menuBtn:after{
        display: none;
    }
    #baseMenu>ul>li a img{
        transform: scale(0.8);
    }
    footer{
        margin-top: 150px;
    }
    .footerInner{
        display: block;
    }
    .footerImg{
        padding: 0 25px 100px;
    }
    .footerMenuWrapper{
        margin: 0 25px;
        border: solid #fff 1px;
    }
    .footerMenuList{
        gap: 25px;
    }
    div.footerMenuWrapper > div > ul:nth-child(1) > li:nth-child(3){
        width: calc(200% - 25px);
    }
    .footerSNS{
        margin-top: 85px;
        width: calc(200% - 25px);
        margin-left: -100%;
    }
    .rule{
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-top: 25px;
    }
    .copyRight{
        margin: 50px 25px;
        width: calc(100% - 50px);
        text-align: center;
    }
}