@media screen and (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .main-page .section--top .section__inner {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .main-page .section--top .main-category {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .main-page .section--top .main-category #myMainCateUpdForm {
        flex: 1 1 auto;
        min-width: 0;
    }

    .main-page .section--top .main-category #myCateForm {
        flex: 0 0 auto;
        min-width: 0;
    }

    .main-page .section--top .main-category__area,
    .main-page .section--top .main-category__list {
        min-width: 0;
        max-width: 100%;
    }

    .main-page .section--top .main-category__list {
        width: 100%;
        padding-right: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .template-view-page .button-content--fixed-btn2 {
        z-index: 1100;
        isolation: isolate;
    }

    .template-view-page #js_tab2 {
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }

    .template-view-page #js_tab2 .tab__contents {
        position: relative;
        z-index: 0;
    }

    .organ-mag-lists-page .argan-box__table,
    .organ-com-lists-page .argan-box__table {
        min-width: 0;
    }

    .organ-mag-lists-page .argan-box__table > .button-content,
    .organ-com-lists-page .argan-box__table > .button-content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 0 0 12px;
    }

    .organ-mag-lists-page .argan-box__table > .button-content .btn,
    .organ-mag-lists-page .argan-box__table > .button-content select,
    .organ-com-lists-page .argan-box__table > .button-content .btn,
    .organ-com-lists-page .argan-box__table > .button-content select {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .organ-mag-lists-page .argan-box__table > .button-content > .btn:first-child,
    .organ-mag-lists-page .argan-box__table > .button-content > select {
        grid-column: 1 / -1;
    }

    .organ-com-lists-page .argan-box__table .comm-cover {
        min-height: 80px;
    }

    .organ-com-lists-page .argan-box__table .comm-cover__inner {
        top: 50%;
    }

    .member-setting-page {
        overflow-x: hidden;
    }

    .member-setting-page .tab__btn-area {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .member-setting-page .tab__btn-area .tab__btn {
        flex: 0 0 auto;
    }

    .member-setting-page .tab__contents--price {
        min-width: 0;
    }

    .member-setting-page .tab__contents--price > .tab__box {
        padding: 16px;
    }

    .member-setting-page .tab__contents--price .radio-area {
        justify-content: space-between;
        gap: 12px;
    }

    .member-setting-page .tab__contents--price .radio-area .design-input {
        margin: 0 !important;
    }

    .member-setting-page .tab__contents--price .sorting-box--calculation {
        margin-top: 16px;
    }

    .member-setting-page .tab__contents--price .calculation__item {
        display: grid;
        grid-template-columns: 70px minmax(0, 1fr);
        align-items: start;
        gap: 8px;
    }

    .member-setting-page .tab__contents--price .calculation__item .title,
    .member-setting-page .tab__contents--price .calculation__item ul {
        width: auto;
    }

    .member-setting-page .tab__contents--price .calculation__box--select {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        width: 100%;
    }

    .member-setting-page .tab__contents--price .calculation__box--select select {
        width: 100%;
        margin: 0 !important;
    }

    .member-setting-page .tab__contents--price .calculation .js_gbSortingContents.on {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin: 0;
    }

    .member-setting-page .tab__contents--price .calculation .js_gbSortingContents.on select {
        width: 100%;
    }

    .member-setting-page .tab__contents--price .calculation__box--percent {
        margin: 8px 0 0;
    }

    .member-setting-page .tab__contents--price .calculation__box--percent p {
        width: auto;
    }

    .member-setting-page .tab__contents--price .calculation__box--percent input {
        width: 64px;
    }

    .member-setting-page .tab__contents--price .sorting-box--calculation > .button-content {
        margin-top: 16px;
    }

    .member-setting-page .tab__contents--price .sorting-box--calculation > .button-content .btn {
        width: 100%;
    }
    .member-setting-page .tab__contents .tab__box .search-area{
        gap: 6px;
    }
    .member-setting-page .tab__contents .tab__box #sh_item_cate_cd_3 ~ .btn--search{
        border: unset;
    }
}
