@charset "utf-8";

.pg-sub { background: #fff; }

#inquiry,
#partner,
#support,
#way {
    min-height: 100vh;
    height: auto;
    color: #222;
    background: #fff;
}

#inquiry > .background,
#inquiry > .gradient,
#partner > .background,
#partner > .gradient,
#support > .background,
#support > .gradient,
#way > .background,
#way > .gradient {
    display: none;
}

#inquiry .content-wrapper,
#partner .content-wrapper,
#support .content-wrapper,
#way .content-wrapper {
    width: 100%;
    max-width: 1080px;
    min-height: 80vh;
    padding-top: 1px;
}

#inquiry .inquiry,
#partner .inquiry {
    margin-top: 150px;
    color: #222;
}

#inquiry .inquiry .head,
#partner .inquiry .head {
    padding-bottom: 18px;
    border-bottom: 1px solid #dce1e9;
}

#inquiry .inquiry .head b,
#partner .inquiry .head b {
    color: #111;
    font-size: 32px;
}

#inquiry .form-list-item .form-head,
#partner .form-list-item .form-head {
    color: #26313c !important;
    background: #e8edf5 !important;
}

#inquiry .form-list-item .product-form-value,
#partner .form-list-item .product-form-value {
    color: #222 !important;
    border: 1px solid #e2e6ed !important;
    background: #f5f7fa !important;
}

#inquiry .product-form-value::placeholder,
#partner .product-form-value::placeholder {
    color: #8a929e;
}

#inquiry .policy-list,
#partner .policy-list {
    color: #3b424c;
}

#inquiry .policy-list .view-agreement,
#partner .policy-list .view-agreement {
    color: #1049df;
    border-color: #1049df;
    background: #fff;
}

#inquiry .policy-list .view-agreement:hover,
#partner .policy-list .view-agreement:hover {
    color: #fff;
    border-color: #1049df;
    background: #1049df;
}

#inquiry .inquiry-form > button,
#partner .inquiry-form > button,
#inquiry .form-btn,
#partner .form-btn {
    color: #fff;
    border-color: #1049df !important;
    background: #1049df;
}

#support .content-wrapper {
    padding-bottom: 80px;
}

#support .support-inquiry-container {
    color: #222;
    border: 1px solid #e0e5ed;
    background: #f5f7fb;
    box-shadow: 0 12px 32px rgba(26, 48, 78, .07);
}

#support .support-inquiry-container:first-child {
    margin-top: 150px;
}

#support .product-line-up {
    color: #222;
}

#support .product-line-up .cover > .desc {
    border-color: #d7dce5;
    background: #fff;
}

#support .product-line-up-table th {
    color: #17202a;
    background: #edf2fa;
}

#support .product-line-up-table th,
#support .product-line-up-table td {
    border-color: #d4dae4 !important;
}

#support .btn-container .link-btn {
    color: #1049df;
    border-color: #1049df;
    background: #fff;
}

#support .btn-container .link-btn:hover,
#support .btn-container .link-btn:focus-visible {
    color: #fff;
    background: #1049df;
}

#way .content-wrapper {
    padding-top: 150px;
    padding-bottom: 100px;
}

#way .content-wrapper > .head {
    margin-top: 0;
    margin-bottom: 42px;
    color: #111;
    font-size: 36px;
    font-weight: 700;
}

#way .way-wrapper {
    padding: 34px;
    border: 1px solid #e0e5ed;
    border-radius: 16px;
    background: #f7f9fc;
    box-shadow: 0 12px 32px rgba(26, 48, 78, .07);
}

#way .way-wrapper .way-container {
    color: #222;
    border-top-color: #1049df;
}

#way .way-wrapper .way-map {
    overflow: hidden;
    border-color: #d6dce6;
    background: #e9edf3;
}

#way .way-wrapper .way-btn {
    color: #fff;
    border-color: #1049df;
    background: #1049df;
}

@media (max-width: 1120px) {
    #inquiry .content-wrapper,
    #partner .content-wrapper,
    #support .content-wrapper,
    #way .content-wrapper {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    #inquiry,
    #partner,
    #support,
    #way {
        padding: 0;
    }

    #inquiry .inquiry,
    #partner .inquiry {
        margin-top: 110px;
    }

    #inquiry .inquiry .head b,
    #partner .inquiry .head b {
        font-size: 28px;
    }

    #support .content-wrapper {
        padding: 1px 24px 60px;
    }

    #support .support-inquiry-container:first-child {
        margin-top: 110px;
    }

    #support .support-inquiry-container {
        background: #f5f7fb;
    }

    #way .content-wrapper {
        padding: 110px 24px 70px;
    }

    #way .content-wrapper > .head {
        font-size: 30px;
    }

    #way .way-wrapper {
        padding: 20px;
    }
}