@charset "utf-8";
@import "/front/JLAMP5/css/intro_common.css";

/* T area */
@media all and (max-width: 1439px) {
    /* gnb area */
    .gnb-fixed {
        height: var(--space-100);
        padding: var(--space-25) 0;
    }

    .gnb-max-width {
        max-width: var(--size-944);
    }

    .top-bg-wrapper {
        background: url("/image/intro/bg_section_01.png?v=2022090801") center top / cover no-repeat;
    }

    .gnb-devider,
    .btn-login {
        display: block;
    }

    /* section1 */
    .section1-text-title-t {
        display: block;
        width: 100%;
        height: auto;
        color: var(--color-white-fff);
        font-size: var(--font-50);
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
    }

    .btn-counseling {
        font-size: var(--font-17);
    }

    .section1-img-wrapper {
        margin: var(--space-m60) var(--space-40) 0;
        width: auto;
    }

    .section1-main-img {
        width: 100%;
        max-width: var(--size-1439);
    }

    .section1-text-title {
        display: none;
    }

    /* section term */
    .section-term-1 {
        height: calc(50 / 1024 * 100%);
    }

    /* section2, 4(title area) */
    .text-title {
        font-size: var(--font-22);
    }

    .text-subtitle-t {
        margin: var(--space-30) 0 var(--space-20);
        color:var(--color-black-222);
        font-size: var(--font-45);
        font-weight: 500;
        line-height: 1.2;
    }

    .section2 {
        min-height: var(--size-415);
        padding-top: var(--space-7);
    }

    .section2-text-wrapper {
        padding-top: calc(125 / 960 * 100%);
    }

    .section4 .contents-img-wrapper {
        padding: 0 var(--space-40) 0 0;
    }

    .section2 .text-subtitle-t,
    .section4 .text-subtitle-t {
        display: block;
        line-height: 1.2;
    }

    .section4 {
        min-height: var(--size-490);
        padding-top: var(--space-130);
    }

    .section4 .text-subtitle-t {
        display: block;
    }

    .section4-text-wrapper {
        padding-top: calc(115 / 960 * 100%);
        padding-right: var(--space-125);
    }

    .section2 .text-subtitle,
    .section4 .text-subtitle {
        display: none;
    }

    /* section3, 5 (slider1, 2) */
    .section3-wrapper {
        padding-top: var(--space-37);
    }
    
    .section5-wrapper {
        height: auto;
        min-height: var(--size-755);
    }

    .slider-left {
        display: block;
    }

    .slider1-bg1 {
        background: url(/image/intro/slider1_01_t.png) right center / 60% no-repeat;
    }
    .slider1-bg2 {
        background: url(/image/intro/slider1_02_t.png) right center / 60% no-repeat;
    }
    .slider1-bg3 {
        background: url(/image/intro/slider1_03_t.png) right center / 60% no-repeat;
    }
    .slider1-bg4 {
        background: url(/image/intro/slider1_04_t.png) right center / 60% no-repeat;
    }
    .slider1-bg5 {
        background: url(/image/intro/slider1_05_t.png) right center / 60% no-repeat;
    }
    .slider1-bg6 {
        background: url(/image/intro/slider1_06_t.png) right center / 60% no-repeat;
    }
    
    .slider2-bg1 {
        background: url(/image/intro/slider2_01_t.png) left var(--space-225) / 58% no-repeat;
    }
    .slider2-bg2 {
        background: url(/image/intro/slider2_02_t.png) left var(--space-225) / 58% no-repeat;
    }
    .slider2-bg3 {
        background: url(/image/intro/slider2_03_t.png) left var(--space-225) / 58% no-repeat;
    }
    .slider2-bg4 {
        background: url(/image/intro/slider2_04_t.png) left var(--space-225) / 58% no-repeat;
    }
    .slider2-bg5 {
        background: url(/image/intro/slider2_05_t.png) left var(--space-225) / 58% no-repeat;
    }


    .slider-right .slider-right-img-st {
        display: none;
    }

    #slider1 .slick-dots,
    #slider2 .slick-dots {
        width: var(--size-1024);
        padding: 0 var(--space-40);
    }

    .slider-wrapper-inner {
        width: var(--size-944);
    }

    /* section6 */
    .section6 .text-subtitle {
        font-size: var(--font-45);
    }

    .companies-logo-container {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--space-30) var(--space-20);
        width: var(--size-944);
    }

    .companies-img {
        width: 100%;
    }

    /* section7 */
    .section7 {
        padding: var(--space-325) 0 var(--space-70);
    }

    .pay-contents-wrapper {
        width: 100%;
        max-width: var(--size-1200);
    }

    .pay-info-small-wrapper {
        width: 100%;
        max-width: var(--size-1200);
        padding: 0 var(--space-40);
    }

    .pay-contents-container {
        margin: 0 var(--space-40);
    }

    .section7 .text-subtitle {
        font-size: var(--font-45);
    }

    .pay-contents-box-bottom {
        padding: var(--space-40) var(--space-5) var(--space-40) var(--space-40);
    }

    .grid-div {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .pay-contents-box-bottom-detail {
        margin-bottom: var(--space-32);
    }
    
    .pay-contents-box-bottom-detail-text {
        margin-bottom: var(--space-13);
    }

    .max-height {
        max-height: var(--size-518);
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: var(--color-white-ddd) #fff;
    }
    
    .max-height::-webkit-scrollbar {
        width: 0;
    }

    .scrollbar::-webkit-scrollbar {
        display: block;
        width: var(--size-7);
    }
    
    .scrollbar::-webkit-scrollbar-thumb {
        border-radius: var(--size-5);
        background-color: var(--color-white-ddd);
    }

    .scrollbar:hover::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

    /* section8 / footer */
    .section8 {
        padding-top: var(--space-180);
    }

    .crm-container {
        width: var(--size-944);
        padding: var(--space-60);
    }

    .crm-bottom-container {
        gap: var(--space-24);
    }

    .crm-text-title {
        margin-bottom: var(--space-30);
        font-size: var(--font-35);
    }

    .crm-textarea-wrapper,
    .crm-right-user-container {
        height: var(--size-195);
    }

    .footer {
        width: var(--size-944);
    }

    .footer-text-title-m {
        display: block;
        font-size: var(--font-25);
        text-align: left;
        line-height: 1.2;
    }

    .footer-text-title {
        display: none;
    }

    
    /* blocked hover */
    .gnb-fixed .gnb-btn-google:hover::after {
        opacity: 0;
    }

    .gnb-fixed .gnb-btn-apple:hover::after {
        opacity: 0;
    }
    
    .gnb-fixed.scroll .btn-guide:hover .gnb-btn-guide::after {
        opacity: 0;
    }

    .gnb-fixed.scroll .btn-guide:hover a {
        color: var(--color-black-222);
    }

    .btn-counseling:hover {
        box-shadow: 0px 0px 0px 0px transparent;
    }

    .pay-contents-box:hover{
        border: var(--size-2) solid transparent;
    }

    .crm-submit-btn:hover::before {
        width: 0%;
    }
}

/* ST area */
@media all and (max-width: 1024px) {
    /* gnb area */
    .gnb-fixed {
        padding: var(--space-25) var(--space-40);
    }
    
    .gnb-max-width {
        max-width: var(--size-1024);
    }

    .gnb-fixed.scroll {
        padding: var(--space-25) var(--space-40);
    }

    .gnb-devider,
    .btn-login {
        display: none;
    }

    .top-bg-wrapper {
        background: url(/image/intro/bg_section_01_t.png) top center / auto no-repeat;
    }

    /* section1 */
    .section1-img-wrapper {
        margin: var(--space-m15) 0;
        width: auto;
    }

    .section1-main-img-t {
        display: block;
        width: 100%;
    }

    .section1-text-desc {
        margin: var(--space-15) var(--space-40) var(--space-45);
        width: auto;
        max-height: var(--space-50);
        line-height: 1.3;
        word-break: keep-all;
    }

    .section1-main-img {
        display: none;
    }

    /* section2, 4 */
    .text-subtitle-t {
        margin: var(--space-20) 0 var(--space-15);
        color:var(--color-black-222);
        font-size: var(--font-40);
        font-weight: 500;
        line-height: 1.2;
    }

    .section2-text-wrapper {
        padding-top: calc(250 / 960 * 100%);
    }

    .section2 .text-desc-m{
        display: block;
        color:var(--color-black-666);
        font-size: var(--font-20);
        font-weight: 400;
        line-height: 1.5;
    }

    .section2 .text-desc{
        display: none;
    }

    .section4 {
        background: url(/image/intro/section_03_tit_bg_t.jpg) center top / cover no-repeat;
    }

    .section4-text-wrapper {
        justify-content: flex-start;
        width: 50vw;
        padding-top: calc(200 / 960 * 100%);
        padding-right: 0;
        padding-left: var(--space-40);
    }

    .section2 .contents-img-t,
    .section4 .contents-img-t {
        display: block;
        width: 100%;
    }

    .section2 .contents-img,
    .section4 .contents-img {
        display: none;
    }

    .section2 .contents-img-wrapper {
        padding-right: var(--space-50);
    }
    
    /* section3, 5 (slider1, 2) */
    .slider-wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }

    .slider-left {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .section3 .slider-left,
    .section5 .slider-left {
        gap: 0 var(--space-24);
        padding: var(--space-10) var(--space-72);
    }

    .slider-left-top {
        grid-column: 1 / 3;
    }

    .slider-right .slider-right-img-st {
        display: block;
        margin-top: var(--space-80);
        width: 100%;
    }
    
    .section5-wrapper {
        min-height: var(--size-900);
    }
    
    .section5 .slider-wrapper {
        flex-direction: column-reverse;
    }

    .slider-wrapper-inner {
        display: block;
        justify-content: unset;
        width: 100%;
    }

    #slider1 .slick-dots,
    #slider2 .slick-dots {
        width: 100%;
    }

    /* slider1 background-images */
    .slider1-bg1,
    .slider1-bg2,
    .slider1-bg3,
    .slider1-bg4,
    .slider1-bg5,
    .slider1-bg6 {
        background: none;
    }

    /* slider2 background-images */
    .slider2-bg1,
    .slider2-bg2,
    .slider2-bg3,
    .slider2-bg4,
    .slider2-bg5 {
        background: none;
    }

    .section-term-2 {
        background: url(/image/intro/bg_section_05_bottom_t.jpg) center top / cover no-repeat;
    }

    /* section6 */
    .section6 {
        padding: var(--space-150) 0 var(--space-90);
    }

    .section6 .text-subtitle {
        font-size: var(--font-40);
    }

    .section6-logos-wrapper {
        margin: 0 var(--space-40);
    }

    .companies-logo-container {
        width: auto;
        grid-template-columns: repeat(5, 1fr);
        gap: var(--space-25);
    }

    /* section7 */
    .section7 {
        padding: var(--space-325) 0 var(--space-70);
        background: url(/image/intro/bg_section_04_t.jpg) center center / cover no-repeat;
    }

    .section7 .text-subtitle {
        font-size: var(--font-40);
    }

    .pay-info-small-wrapper {
        margin: var(--space-60) auto var(--space-m30);
        width: 100%;
    }

    .pay-contents-wrapper {
        width: 100%;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .pay-contents-wrapper::-webkit-scrollbar {
        display: none;
    }

    .pay-contents-container {
        margin: var(--space-50) 0px var(--space-80) var(--space-40);
        padding-right: var(--space-40);
        width: var(--size-1024);
    }

    .pay-etc-text-wrapper {
        margin-top: var(--space-m39);
        padding-top: 0;
    }

    .pay-contents-box {
        box-shadow: 0px 0px var(--size-50) 0px rgb(22 7 64 / 9%)
    }

    .pay-contents-wrapper::-webkit-scrollbar {
        display: none;
    }

    .pay-contents-box-top {
        padding: var(--space-40) var(--space-30) var(--space-30);
    }

    .pay-contents-box-bottom {
        padding: var(--space-30) var(--space-5) var(--space-30) var(--space-30);
    }

    .pay-info-small-title-wrapper p > b {
        font-size: var(--font-20);
    }

    .pay-contents-box-bottom-detail-check-icon {
        margin: var(--space-3) var(--space-4) 0 0;
    }

    /* section8 */
    .section8 {
        padding: var(--space-180) var(--space-40) var(--space-50);
        background: url(/image/intro/bg_section_08_t.jpg) center center / cover no-repeat;
    }

    .section8 > .contents-wrapper {
        gap: var(--space-110);
    }

    .crm-container {
        width: 100%;
        margin: 0 var(--space-40);
        padding: var(--space-50);
    }

    .crm-bottom-container {
        flex-direction: column;
    }

    .footer {
        width: 100%;
    }

    .footer-text-title-m {
        font-size: var(--font-20);
        line-height: 1.4;
    }
    
    .footer-text-title-m b {
        font-size: var(--font-20);
    }

    .footer-top-right {
        gap: var(--space-25);
    }

    .footer-family-wrapper img {
        width: var(--size-40);
    }

    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    /* gnb area */
    .gnb-max-width {
        max-width: var(--size-720);
    }

    .gnb-fixed .gnb-btn-logo-m {
        display: block;
        height: var(--size-42);
        content: url("/image/intro/top_logo_m.png");
    }

    .gnb-fixed.scroll .gnb-btn-logo-m {
        display: block;
        height: var(--size-42);
        content: url("/image/intro/top_scroll_logo_m.png");
    }

    .download-app-button {
        display: inline-block;
        padding: var(--space-15) var(--space-20);
        font-size: var(--font-14);
        color: var(--color-white-fff);
        line-height: 1;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: var(--size-25);
        cursor: pointer;
    }

    .scroll .download-app-button {
        color: var(--color-black-222);
        background-color: var(--color-white-fff);
        border: var(--size-1) solid var(--color-white-ccc);
    }

    .scroll .download-icon-hover {
        display: block;
    }

    .scroll .download-icon {
        display: none;
    }

    .download-app-button span {
        display: flex;
        align-items: center;
    }

    .download-app-button img {
        width: var(--size-13);
        height: var(--size-13);
        margin-right: var(--space-5);
    }

    /* floating area */
    .floating-container {
        display: block;
        position: fixed;
        right: var(--space-50);
        bottom: var(--space-50);
        z-index: 100;
    }

    .btn-guide-wrapper,
    .btn-top-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: var(--space-20);
        width: var(--size-75);
        height: var(--size-75);
        cursor: pointer;
        border-radius: 50%;
    }

    .btn-guide-wrapper {
        background-color: var(--color-main-original);
        box-shadow: 0px 0px var(--m-size-26) 0px rgba(0, 0, 0, 0.3);
    }

    .btn-guide-icon {
        width: var(--size-40);
    }

    .btn-top-wrapper {
        border: var(--size-1) solid var(--color-black-999);
        background-color: rgba(255, 255, 255, 0.9);
    }

    .btn-top-icon {
        width: var(--size-26);
    }

    /* secrion1 */
    .section1 {
        min-height: auto;
        padding: var(--space-200) 0;
    }

    .section1-img-wrapper {
        margin: 0;
    }

    /* section2, 4 */
    .section2 .contents-img-wrapper,
    .section4 .contents-img-wrapper {
        padding-right: 0;
    }

    .section2 .contents-img-m,
    .section4 .contents-img-m {
        display: block;
        width: 70%;
    }

    .section2-text-wrapper,
    .section4-text-wrapper {
        justify-content: center;
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        text-align: center;
    }

    .section2 .text-subtitle-m,
    .section4 .text-subtitle-m {
        display: block;
        margin: var(--space-20) 0 var(--space-10);
        color: var(--color-black-222);
        font-size: var(--font-40);
        font-weight: 500;
        line-height: 1.2;
    }

    .section4 {
        padding-top: var(--space-90);
    }

    .section4-text-wrapper {
        order: 2;
    }

    .section4 .contents-img-wrapper {
        display: flex;
        justify-content: flex-end;
    }

    /* section3, 5 */
    .section3-wrapper {
        padding-top: var(--space-50);
    }

    .section-term-1 {
        height: var(--size-50);
    }

    .section-term-2 {
        margin-top: var(--space-m60);
    }

    #slider1 .slick-dots,
    #slider2 .slick-dots {
        display: flex;
        justify-content: center;
    }

    .section3 .slider-left,
    .section5 .slider-left {
        gap: 0 var(--space-24);
    }

    /* companies */
    .companies-logo-container {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-20);
        width: 100%;
    }

    /* section2 / section4 */
    .contents-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--space-40);
    }

    .contents-img-m {
        display: block;
        width: 100%;
    }

    /* section7 */
    .section7 > .contents-wrapper {
        gap: 0;
    }

    .pay-etc-text-wrapper {
        margin-top: var(--space-m39);
    }

    /* lm footer */
    .footer-top {
        flex-direction: column;
        gap: var(--space-35);
    }

    .footer-text-title-m {
        font-size: var(--font-30);
        text-align: center;
    }

    .footer-text-title-m b {
        font-size: var(--font-30);
    }

    .footer-top-right {
        justify-content: center;
        gap: 60px;
        width: 100%;
        padding: 0 var(--space-40);
    }

    .footer-family-wrapper {
        flex-direction: column;
        gap: var(--space-15);
    }

    .footer-bottom {
        flex-direction: column;
        gap: var(--space-40);
    }

    .footer-bottom-left.footer_img_con {
        text-align: center;
    }

    .footer-bottom-right {
        text-align: center;
    }

    .footer-info-list {
        justify-content: center;
        gap: var(--space-30);
        margin-bottom: var(--space-30);
    }

    .footer-company-address-m {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--space-15);
        margin-bottom: var(--space-10);
    }

    .footer-company-info p {
        margin-bottom: var(--space-15);
    }

    .footer-company-info p:last-child {
        margin-bottom: 0;
    }

    /* display: none */
    .gnb-btn-logo,
    .btn-google,
    .btn-apple,
    .btn-guide,
    .btn-login,
    .gnb-devider,
    .section2 .contents-img-t,
    .section4 .contents-img-t,
    .section2 .text-subtitle-t,
    .section4 .text-subtitle-t,
    .footer-company-address,
    .contents-img-m {
        display: none;
    }
}

/* M area */
@media screen and (max-width: 650px) {
    /* gnb */
    .gnb-fixed,
    .gnb-fixed.scroll {
        padding: var(--m-space-30) var(--m-space-50);
    }

    .gnb-max-width {
        max-width: var(--m-size-668);
    }

    .gnb-logo-wrapper {
        width: var(--m-size-198);
    }

    .gnb-fixed .gnb-btn-logo-m {
        display: block;
        height: var(--m-size-59);
        content: url("/image/intro/top_logo_m.png");
    }

    .gnb-fixed.scroll .gnb-btn-logo-m {
        display: block;
        height: var(--m-size-59);
        content: url("/image/intro/top_scroll_logo_m.png");
    }

    .gnb-fixed .gnb-btn-logo,
    .gnb-fixed.scroll .gnb-btn-logo {
        display: none;
    }

    .download-app-button {
        padding: var(--m-space-22) var(--m-space-30);
        font-size: var(--m-font-24);
        border-radius: var(--m-size-35);
    }

    .scroll .download-app-button {
        padding: var(--m-space-20) var(--m-space-30);
        color: var(--color-black-222);
        background-color: var(--color-white-fff);
        border: var(--m-size-2) solid var(--color-white-ccc);
    }

    .download-app-button img {
        width: var(--m-size-26);
        height: var(--m-size-26);
        margin-right: var(--m-space-10);
    }

    .floating-container {
        display: block;
        position: fixed;
        right: var(--m-space-50);
        bottom: var(--m-space-50);
        z-index: 100;
    }

    .btn-guide-wrapper,
    .btn-top-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: var(--m-space-20);
        width: var(--m-size-100);
        height: var(--m-size-100);
        cursor: pointer;
        border-radius: 50%;
    }
    
    .btn-guide-icon {
        width: var(--m-size-50);
    }
    
    .btn-guide-wrapper {
        background-color: var(--color-main-original);
        box-shadow: 0px 0px var(--m-size-26) 0px rgba(0, 0, 0, 0.3);
    }
    
    .btn-top-wrapper {
        border: var(--m-size-2) solid var(--color-black-999);
        background-color: var(--color-white-fff);
    }

    .btn-top-icon {
        width: var(--m-size-34);
    }

    .top-bg-wrapper {
        background: url(/image/intro/bg_section_01_m.jpg) center top / contain no-repeat;
    }
    
    /* section1 */
    .section1 {
        padding: var(--m-space-260) 0;
        min-height: auto;
    }

    .section1-text-title-m {
        display: block;
        color: var(--color-white-fff);
        font-size: var(--m-font-60);
        text-align: center;
        line-height: 1.2;
    }

    .section1-text-desc-m {
        display: block;
        margin: var(--m-space-30) 0 var(--m-space-70);
        color: var(--color-main-light);
        font-size: var(--m-font-30);
        font-weight: 400;
        text-align: center;
        line-height: 1.3;
    }

    .btn-counseling {
        gap: var(--m-space-10);
        padding: var(--m-space-36) var(--m-space-80);
        font-size: var(--m-font-30);
        color: var(--color-main-dark);
    }

    .btn-counseling-icon {
        width: var(--m-size-26);
        height: var(--m-size-26);
    }

    .section1-img-wrapper {
        margin: var(--m-size-m84) 0;
    }

    .section1-main-img-m {
        display: block;
        width: 100% ;
    }

    .section1-text-title-t,
    .section1-text-desc,
    .section1-main-img-t {
        display: none;
    }

    /* section2, 4 */
    .section2 {
        padding-top: 0px;
    }

    .contents-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--m-space-40);
    }

    .text-title {
        font-size: var(--m-font-36);
    }
    
    .section2 .text-subtitle-m,
    .section4 .text-subtitle-m {
        display: block;
        margin: var(--m-space-25) 0 var(--m-space-16);
        color: var(--color-black-222);
        font-size: var(--m-font-60);
        font-weight: 500;
        line-height: 1.2;
    }

    .section2 .contents-img-wrapper,
    .section4 .contents-img-wrapper {
        padding-right: 0;
    }

    .section2 .contents-img-m,
    .section4 .contents-img-m {
        width: 100%;
    }

    .section2-text-wrapper,
    .section4-text-wrapper {
        width: 100%;
        margin-bottom: var(--m-size-95);
        text-align: center;
    }

    .section2-text-wrapper {
        padding: 0;
    }

    .section4-text-wrapper {
        order: 2;
        margin: 0;
        padding: var(--m-space-30) 0 0;
    }

    .section4-text-wrapper div {
        width: 100%;
    }

    .section2 .text-desc-m,
    .section4 .text-desc {
        display: block;
        color: var(--color-black-666);
        font-size: var(--m-font-30);
        font-weight: 400;
        line-height: 1.3;
    }

    .section4 {
        padding: var(--m-space-100) 0;
        background: url(/image/intro/section_03_tit_bg_m.jpg) center top / cover no-repeat;
    }

    .section2 .contents-img-t,
    .section4 .contents-img-t,
    .section2 .text-subtitle-t,
    .section4 .text-subtitle-t {
        display: none;
    }

    .section-term-2 {
        margin-top: 0;
        min-height: var(--m-size-112);
        background: url(/image/intro/bg_section_05_bottom_m.jpg) center top / contain no-repeat;
    }

    /* section3 / section5 */
    #slider1 .slick-dots,
    #slider2 .slick-dots {
        display: flex;
        justify-content: flex-start;
        gap: var(--m-space-20);
        overflow-x: scroll;
        scrollbar-width: none;
        width: auto;
        max-width: var(--m-size-668);
        padding: 0;
    }

    #slider1 .slick-dots::-webkit-scrollbar,
    #slider2 .slick-dots::-webkit-scrollbar {
        display: none; 
    }

    #slider2 .slick-dots {
        text-align: left;
    }

    #slider1 .slick-dots li,
    #slider2 .slick-dots li {
        margin: 0;
        width: auto;
        height: auto;
        padding: var(--m-space-22) var(--m-space-30);
        border: var(--m-size-2) solid var(--color-white-ccc);
        border-radius: var(--m-size-40);
    }

    .slick-dots li button {
        font-size: var(--m-font-28);
        padding: var(--m-space-13) 0;
    }

    #slider1 .slick-list,
    #slider2 .slick-list {
        margin-top: 0;
    }

    #slider2 .slick-list {
        padding-bottom: var(--m-space-140);
    }

    .slider-wrapper {
        min-height: auto;
    }

    .section3 .slider-left,
    .section5 .slider-left {
        gap: var(--m-space-50) var(--m-space-16);
        min-width: unset;
        padding: 0 var(--m-space-74);
    }

    .slider-right {
        width: 100%;
        padding-top: var(--m-space-30);
        padding-bottom: var(--m-space-20);
    }

    .slider-right .slider-right-img-m {
        display: block;
        width: 100%;
    }

    .dd-container {
        align-items: center;
        gap: var(--m-space-30);
        margin-bottom: 0;
    }

    .dd-text-bold {
        margin-bottom: 0;
        font-size: var(--m-font-28);
        line-height: 1.3;
        word-break: keep-all;
    }

    .slick-slide .dd-icon-m {
        display: block;
        width: var(--m-size-70);
    }

    .section3-wrapper {
        min-height: auto;
        padding-top: 0;
        padding-bottom: var(--m-space-140);
    }
    
    .section5-wrapper {
        min-height: auto;
    }

    .slider-right .slider-right-img-st,
    .dd-text-normal,
    .slick-slide .dd-icon,
    .slider-left-top,
    .section-term-1 {
        display: none;
    }

    /* section6 */
    .section6 {
        padding: var(--m-space-140) 0;
    }

    .section6 .text-subtitle-m {
        display: block;
        color: var(--color-black-222);
        font-size: var(--m-font-60);
        font-weight: 500;
        line-height: 1.2;
    }
    
    .section6 .text-desc-m {
        display: block;
        margin: var(--m-space-20) 0 var(--m-space-55);
        color: var(--color-black-666);
        font-size: var(--m-font-30);
        font-weight: 400;
        line-height: 1.3;
    }

    .section6-logos-wrapper {
        margin: 0 auto;
        max-width: var(--m-size-668);
    }

    .companies-logo-container {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--m-space-30) var(--m-space-20);
        width: 100%;
    }

    .section6 .text-subtitle,
    .section6 .text-desc {
        display: none;
    }

    /* section7 */
    .section7 {
        padding-top: var(--m-space-250);
        background: url(/image/intro/bg_section_04_m.jpg) center top / contain no-repeat;
    }

    .section7 .contents-wrapper {
        gap: var(--m-space-25);
    }

    .section7 .text-subtitle {
        font-size: var(--m-font-60);
    }

    .pay-info-container {
        width: var(--m-size-310);
    }

    .pay-info-small-wrapper {
        flex-direction: column;
        gap: var(--m-space-80);
        margin: 0;
        padding: 0 var(--m-space-50);
    }

    .pay-info-small-title-wrapper {
        gap: var(--m-space-16);
    }

    .pay-info-small-img {
        width: var(--m-size-42);
    }

    .pay-info-small-title-wrapper p {
        font-size: var(--m-font-30);
    }
    
    .pay-info-small-title-wrapper p b {
        font-size: var(--m-font-30);
        letter-spacing: var(--m-space-m1);
    }

    .pay-info-small-text-wrapper {
        align-items: center;
        gap: var(--m-space-25);
        margin-top: 0;
        font-size: var(--m-font-28);
    }

    .small-text-align-right {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        max-width: var(--m-size-668);
    }

    .pay-info-devider {
        height: var(--m-size-24);
    }

    .pay-contents-wrapper {
        margin-top: 0;
        overflow: unset;
    }

    .pay-contents-container {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--m-space-60);
        margin: 0 auto;
        width: 100%;
        padding-right: 0;
        max-width: var(--m-size-668);
    }

    .max-height {
        max-height: unset;
        overflow-y: unset;
    }
    
    .pay-contents-box-top {
        padding: var(--m-space-90) 0 var(--m-space-70);
        border-bottom: var(--m-size-2) solid var(--color-white-eee);
    }

    .pay-contents-box-top .text-desc {
        margin: var(--m-space-44) 0 var(--m-space-20);
        font-size: var(--m-font-36);
    }

    .pay-contents-box-price-margin {
        margin: 0;
        font-size: var(--m-font-55);
    }

    .pay-contents-box-bottom {
        padding: var(--m-space-70) var(--m-space-70) var(--m-space-20);
    }

    .pay-contents-box-bottom_function-text {
        font-size: var(--m-font-26);
    }
    
    .pay-contents-box-bottom-detail {
        margin-bottom: var(--m-space-50);
    }

    .detail-top-margin-25 {
        margin-top: var(--m-space-50);
    }

    .pay-contents-box-bottom-detail-title {
        margin-bottom: var(--m-space-30);
        font-size: var(--m-font-30);
    }
    
    .pay-contents-box-bottom-detail-text {
        margin-bottom: var(--m-space-22);
        font-size: var(--m-font-28);
    }

    .pay-contents-box-bottom-detail-check-icon {
        margin: var(--m-space-4) var(--m-space-10) 0 0;
    }

    .pay-contents-box-icon-m {
        display: inline-block;
        width: var(--m-size-140);
    }
    .pay-contents-box-icon {
        display: none;
    }

    .pay-contents-box-price-badge {
        width: var(--m-size-135);
        height: var(--m-size-55);
        font-size: var(--m-font-26);
        padding-top: var(--m-space-14);
        border-radius: var(--m-size-26);
    }

    .pay-contents-box-prices-container {
        gap: var(--m-space-20);
    }

    .pay-contents-box-price {
        font-size: var(--m-font-55);
    }

    .pay-contents-box-price-small {
        font-size: var(--m-font-30);
    }

    .pay-etc-text-wrapper {
        margin-top: var(--m-space-25);
    }
    .pay-etc-text {
        font-size: var(--m-font-26);
    }

    /* section8 */
    .section8 {
        padding: var(--m-space-110) var(--m-space-50) 0;
        background: url(/image/intro/bg_section_08_m.jpg) center top / auto no-repeat;
    }

    .section8 > .contents-wrapper {
        gap: var(--m-space-200);
    }

    .crm-container {
        margin: 0;
        max-width: var(--m-size-668);
        padding: var(--m-space-70) var(--m-space-48);
    }

    .crm-text-title-m {
        display: block;
        margin-bottom: var(--m-space-60);
        font-size: var(--m-font-50);
        text-align: center;
        line-height: 1.3;
    }
    

    .crm-bottom-container {
        flex-direction: column;
        gap: var(--m-space-70);
    }

    .crm-checkbox-text {
        display: none;
    }

    .crm-left-container .crm-info-container {
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: var(--m-space-5);
    }

    .crm-textarea-wrapper {
        padding: var(--m-space-30) var(--m-space-20) var(--m-space-30) var(--m-space-30);
        border-radius: var(--m-size-20);
    }

    .crm-private-txt {
        font-size: var(--m-font-22);
    }

    .crm-textarea-wrapper {
        height: var(--m-size-280);
    }

    .crm-right-user-container {
        height: auto;
    }

    .crm-info-container {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: var(--m-space-30);
        margin-bottom: var(--m-space-50);
        height: auto;
    }

    .crm-left-container .crm-info-container {
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: var(--m-space-20);
        margin-bottom: var(--m-space-30);
        height: auto;
    }

    .crm-checkbox {
        width: var(--m-size-30);
        height: var(--m-size-30);
        border-radius: var(--m-size-4);
    }

    .crm-info-text-desc {
        font-size: var(--m-font-30);
    }

    .crm-right-container .crm-check-box-wrapper {
        gap: var(--m-space-8);
        width: 100%;
    }

    .crm-check-type {
        width: 100%;
        height: auto;
        padding: var(--m-space-30);
        font-size: var(--m-font-28);
        line-height: 1;
        border: var(--m-size-2) solid var(--color-white-eee);
        border-radius: var(--m-size-10);
    }

    .crm-check-type.active {
        border: var(--m-size-2) solid var(--color-black-222);
    }

    .input-wrapper {
        grid-template-rows: var(--m-space-57) var(--m-space-87) var(--m-space-87);
        gap: var(--m-space-20) var(--m-space-30);
    }

    .crm-input {
        padding: var(--m-space-30) 0;
        font-size: var(--m-font-30);
        border-bottom: var(--m-size-2) solid var(--color-white-eee);
    }

    .crm-input-company {
        padding-top: 0;
    }
    .crm-input-email {
        grid-column: 1 / 3;
    }
    .crm-input-phone {
        grid-column: 1 / 3;
    }

    .crm-submit-btn {
        margin-top: var(--m-space-50);
        padding: var(--m-space-28);
        font-size: var(--m-font-28);
        border-radius: var(--m-size-20);
    }

    .footer {
        width: 100%;
        padding-bottom: var(--m-space-100);
    }

    .footer-top {
        flex-direction: column;
        gap: var(--m-space-60);
    }

    .footer-text-title-m {
        display: block;
        font-size: var(--m-font-36);
        text-align: center;
    }
    
    .footer-text-title-m b {
        font-size: var(--m-font-36);
    }

    .footer-family-wrapper {
        flex-direction: column;
    }

    .footer-top-right {
        justify-content: space-between;
        width: 100%;
        max-width: var(--m-size-668);
        padding: 0 var(--m-space-80);
    }

    .footer-family-wrapper img {
        width: var(--m-size-82);
        height: var(--m-size-82);
    }

    .footer-family-wrapper a {
        font-size: var(--m-font-14);
    }
    
    .footer-family-wrapper a {
        font-size: var(--m-font-28);
    }
    
    .footer-devider {
        margin: var(--m-space-80) 0;
        height: var(--m-size-2);
    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-bottom img {
        width: var(--m-size-165);
    }

    .footer-bottom-left.footer_img_con {
        margin-bottom: 0;
        text-align: center;
    }
    
    .footer-bottom-right {
        text-align: center;
    }

    .footer-info-list {
        justify-content: center;
        margin-bottom: var(--m-space-36);
        font-size: var(--m-font-24);
    }

    .footer-bottom-left {
        margin-bottom: var(--m-space-50);
    }

    .footer-company-info p {
        margin-bottom: var(--m-space-16);
    }

    .footer-company-address-m {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--m-space-10);
        margin-bottom: var(--m-space-20);
    }
    
    .footer-company-address-m span {
        font-size: var(--m-font-24);

    }

    .footer-company-info .footer-company-contact {
        font-size: var(--m-font-22);
    }
    
    .footer-company-info .footer-company-copyright {
        font-size: var(--m-font-20);
    }

    .footer-family-m {
        display: block;
    }

    .footer-family {
        display: none;
    }

    .crm-text-title {
        display: none;
    }

    .footer-text-title {
        display: none;
    }

    .footer-company-address {
        display: none;
    }

    html {
        font-size: 0.13vw;
    }
}