@media (max-width:768px) {
    #header {
        top: -1px;
    }

    #header.on {
        top: -1px;
    }

    #header .hd_wrap {
        margin: 0;
        border-radius: 0;
    }

    #header .hd_wrap .inner {
        padding: 0 1.6rem;
    }

    #header .hd_wrap h1 {
        z-index: 999;
    }

    #header .hd_wrap .gnb {
        position: fixed;
        top: 0;
        left: -120%;
        width: 100vw;
        height: 100vh;
        padding: 8rem 1.6rem 0 1.6rem;
        background: #fff;
        transition: 0.4s ease;
    }

    #header .hd_wrap .gnb.on {
        left: 0;
    }

    #header .hd_wrap .gnb>ul {
        flex-direction: column;

    }

    #header .hd_wrap .gnb>ul>li~li {
        border-top: 1px solid hsla(171, 100%, 35%, 0.239);
    }

    #header .hd_wrap .gnb>ul>li>a {
        padding: 0 1.6rem;
        font-size: 2rem;
        font-weight: 600;
        color: #00b59b;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu {
        position: static;
        display: none;
        padding: 0 1.6rem;
        padding-bottom: 2.4rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul {
        grid-template-columns: none;
        gap: 1.6rem;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li>a i {
        display: none;
        margin-bottom: 0;
        color: #00b59b;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li>a .text {
        padding: 0.8rem 1.6rem;
        border-radius: 0;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li:hover>a .text {
        background: #fff;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li>a strong {
        position: relative;
        font-weight: 500;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li>a strong::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -8px;
        transform: translate(0, -50%);
        width: 4px;
        height: 4px;
        background: #00b59b;
        border-radius: 50%;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu>ul>li>a p {
        display: none;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu .info {
        white-space: nowrap;
        flex-direction: column;
    }

    #header .hd_wrap .gnb>ul>li .sub_menu .info strong {
        font-size: 1.6rem;
    }

    #header .hd_wrap .gnb>.utils {
        display: flex;
        justify-content: center;
        margin-top: 4rem;
    }

    #header .hd_wrap .gnb>.utils>* {
        flex: none;
        width: 20rem;
        line-height: 6.4rem;
        border-radius: 3.2rem;
        font-size: 2.4rem;
    }

    #header .hd_wrap .utils {
        display: none;
    }

    #header .hd_wrap .mbtn {
        display: block;
        padding: 0;
    }

    #header .hd_wrap .mbtn:hover {
        opacity: 1;
    }

    .hamburger-box {
        width: 32px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 32px;
        height: 2px;
        transition: 0.4s;
    }
}

@media (max-width:768px) {
    .main_visual .title h2 {
        font-size: 2.4rem;
    }

    .main_visual .title strong {
        font-size: 4rem;
    }

    .main_visual .title .main_btn {
        flex-direction: column;
        margin-top: 4rem;
    }

    .main_visual .inner {
        margin: 0 1.6rem;
    }

    .main_visual .arrows {
        position: static;
        display: flex;
        justify-content: center;
        gap: 3.2rem;
        margin-top: 2.4rem;
        transform: translate(0, 0);
        max-width: none;
        width: auto;
    }

    .main_visual .arrows button {
        position: static;
    }

    .main_visual .arrows .prev {
        left: 0;
    }

    .main_visual .arrows .next {
        right: 0;
    }
}

@media (max-width:768px) {
    .main_slogan {
        height: calc(100vh - 12rem);
    }

    .main_slogan .inner {
        margin: 0 1.6rem;
        margin-top: 36rem;
    }

    .main_slogan .inner .slg strong {
        font-size: 4.8rem;
        gap: 4rem;
    }

    .main_slogan .inner .slg strong span:nth-child(1) {
        position: relative;
        margin-right: auto;
    }

    .main_slogan .inner .slg strong span:nth-child(1)::before {
        right: -9.6rem;
        width: 7.2rem;
        height: 4.8rem;
    }

    .main_slogan .inner .slg>p {
        bottom: 30%;
        font-size: 1.6rem;
    }
}

@media (max-width:548px) {
    .main_slogan .inner .slg strong {
        font-size: 3.2rem;
    }
}

@media (max-width:768px) {
    .main_info {}

    .main_info .inner {
        margin: 0 1.6rem;
    }

    .main_info .itm {
        flex-direction: column;
        justify-content: flex-start;
    }

    .main_info ul li {
        padding: 2.4rem 2.4rem;
        border-radius: 1.6rem;
    }

    .main_info ul li:nth-child(2) {
        gap: 4rem;
        flex-direction: column;
    }

    .main_info ul li .box span {
        font-size: 1.6rem;
    }

    .main_info ul li .box strong {
        margin: 1.6rem 0;
        font-size: 4.8rem;
    }

    .main_info ul li .box p {
        font-size: 1.6rem;
    }

    .main_info .pc {
        display: none;
    }
}

@media (max-width:768px) {
    .main_platform .inner {
        margin: 0 1.6rem;
    }

    .main_platform ul {
        flex-direction: column;
    }

    .main_platform ul li figure img {
        height: auto;
        width: 100%;
    }
}

@media (max-width:768px) {
    .m {
        display: block;
    }

    .main_service .bg_box {
        margin: 0 1.6rem;
        padding: 8rem 0;
    }

    .main_service .inner .title strong {
        font-size: 4rem;
    }

    .main_service .inner ul {
        grid-template-columns: none;
        margin: 0 1.6rem;
        margin-top: 8rem;
    }
}

@media (max-width:548px) {
    .main_service .inner .title strong {
        font-size: 3.2rem;
    }

    .main_service .inner .title p {
        font-size: 1.6rem;
    }
}

@media (max-width:768px) {
    .main_review .inner {
        margin: 0 1.6rem;
    }

    .main_review .inner ul {
        flex-direction: column;
    }
}

@media (max-width:768px) {
    .main_advice {
        margin: 0 1.6rem;
        padding: 3.2rem 0;
    }

    .main_advice .m {
        display: none;
    }

    .main_advice .title strong {
        white-space: nowrap;
        margin-bottom: 4rem;
    }

    .main_advice .title .main_btn {
        flex-direction: column;
    }
}

@media (max-width:548px) {
    .main_advice .m {
        display: block;
    }

    .main_advice .title strong {
        font-size: 4rem;
    }
}

@media (max-width:768px) {
    #footer .inner {
        margin: 0 1.6rem;
    }

    #footer .bt {
        flex-direction: column-reverse;
        gap: 8rem;
    }

    #footer .bt .right>ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4rem 1.6rem;

    }

    #footer .bt .right>ul>li>span {
        margin-bottom: 1.6rem;
    }
}