:root {
    --main-color: #EE7701;
    --bg-color: #FAFAFA;
    --black-color: #3A3A3A;
    --sub-txt-color: #777777;
    --border-color: #D9D9D9;
}
@media screen and (max-width: 540px) {
    /*header*/
    .header-wrap {
        max-width: 100%;
        top: 0;
        border-radius: 0;
    }
    /*bottom*/
    .navigation-wrap {
        max-width: 100%;
        bottom: 0;
        padding: 0 8px;
        border-radius: 0;
    }
    /*main*/
    body {
        padding: 0;
    }
    .container {
        max-width: 100%;
        height: 100vh;
        border-radius: 0;
    }
    .main-area {
        height: 100vh;
        padding: 86px 8px 150px;
    }
    /*pages*/
    .page-area {
        padding: 24px 8px;
    }
    .shop-area .tab-menu .item {
        padding: 12px;
    }
    .new-radio-btn label .img-box {
        width: 36px;
        height: 36px;
    }
    .new-radio-btn label .img-box img {
        width: 24px;
        height: 24px;
    }
    .new-radio-btn label .txt span {
        font-size: 16px;
    }
    .new-price-box .radio-btn {
        padding: 12px 8px;
    }
    .new-price-box .radio-btn label .price {
        font-size: 16px;
    }
    .tab-cont .box {
        max-width: calc(100% - 16px);
        padding: 24px 8px;
        height: 400px;
    }
    .faq-list li {
        padding: 12px;
    }
    .notice-list li a {
        padding: 12px;
    }
    .notice-list li a .tit-box .tit {
        font-size: 14px;
    }
    .notice-list li a .tit-box .icon {
        width: 28px;
        min-width: 28px;
        height: 28px;
    }
    .notice-list li a .tit-box .icon img {
        width: 18px;
        height: 18px;
    }
    .view-area .top {
        padding :12px;
    }
    .view-area .content {
        padding: 12px;
    }
    .mypage-area .hd {
        padding: 12px;
    }
    .support-list a {
        padding: 12px;
    }
    .sign-area .tit-box .sign-logo img {
        width: 120px;
    }
    .sign-area .tit-box .tit {
        font-size: 20px;
    }

    /*약관 모달*/
    .modal .terms-box {
        width: calc(100% - 16px);
    }
    .modal .terms-box .tit-box {
        padding: 12px 8px;
    }
    .modal .terms-box .tit-box span {
        font-size: 16px;
    }
    .modal .terms-box .content {
        padding: 12px 8px;
    }
}