@media screen and (max-width: 768px) {
    body {
        min-width: 390px;
        word-break: keep-all;
    }
    .m_con {
        display: block;
    }
    .pc_con {
        display: none !important;
    }
    .quick_menu {
        display: none;
    }
    .center {
        max-width: 360px;
    }
    #header {
        height: 60px;
    }
    .m_nav {
        position: fixed;
        right: -100vw;
        top: 0px;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        transition: all 0.5s;
        z-index: -1;
        padding-top: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .m_nav.active {
        right: 0vw;
    }
    .m_nav > li > a {
        display: block;
        text-align: center;
        font-size: 36px;
        font-weight: 700;
        line-height: 80px;
        color: #333;
    }
    .m_nav > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: -1;
        filter: opacity(0.08);
        width: 80%;
        animation: m_logo 30s infinite linear;
    }
    @keyframes m_logo {
        0% {
            transform: translateX(-50%) translateY(-50%) rotateY(0deg);
        }
        100% {
            transform: translateX(-50%) translateY(-50%) rotateY(360deg);
        }
    }
    .main_equipment_text > h3:after {
        width: 37%;
    }
    .menu label {
        display: block;
        cursor: pointer;
        position: absolute;
        width: 50vw;
        height: 50vw;
        max-width: 60px;
        max-height: 60px;
    }
    .menu input {
        display: none;
    }
    .main_come_con02 > div > div > a:first-child {
        margin-right: 0px;
    }
    .main_come_con02.m_con {
        display: flex !important;
        margin-top: 20px;
        justify-content: space-between;
    }
    .menu circle {
        fill-opacity: 0;
    }
    .menu--3 {
        background-color: #00aef6;
    }

    .menu--3 .line--1,
    .menu--3 .line--3 {
        --total-length: 126.38166809082031;
    }

    .menu--3 .line--2 {
        --total-length: 80;
    }

    .menu--3 input:checked + svg .line--1,
    .menu--3 input:checked + svg .line--3 {
        --offset: -109.1770175568;
    }
    .back input:checked + svg .line--1,
    .back input:checked + svg .line--3 {
        --length: 8.602325267;
    }

    @media (min-aspect-ratio: 1/1) {
        label {
            width: 50vh;
            height: 50vh;
        }
    }

    .menu--1 label,
    .menu--2 label {
        bottom: 0;
    }

    .menu--3 label,
    .menu--4 label {
        top: 0;
    }

    .menu--1 label,
    .menu--3 label {
        right: 0;
    }

    .menu--2 label,
    .menu--4 label {
        left: 0;
    }

    path {
        fill: none;
        stroke: #333;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        --length: 24;
        --offset: -38;
        stroke-dasharray: var(--length) var(--total-length);
        stroke-dashoffset: var(--offset);
        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .hd_wrap {
        max-width: 360px;
    }
    .pc_nav {
        display: none;
    }
    .main_intro > div {
        flex-direction: column;
    }
    .main_intro_left > img {
        width: 15vw;
    }
    .main_intro_text {
        margin-left: 0px;
    }
    .main_banner .main_banner_page {
        bottom: 20px;
    }
    .main_docter_warp {
        flex-direction: column;
    }
    .main_come_bot {
        flex-direction: column;
    }
    .main_intro_left {
        flex-direction: column;
    }
    .main_banner01 > div > h2,
    .main_banner02 > div > h2,
    .main_intro_text > h2 {
        line-height: 9.8vw;
    }
    .main_intro_text > h4 {
        font-size: 16px;
    }
    .main_intro_text > h3 {
        font-size: 22px;
    }
    .main_intro_text > h2 {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .main_intro_text > p {
        line-height: 6.5vw;
        margin-bottom: 17px;
        font-size: 13px;
        word-break: keep-all;
    }
    .main_banner02 > div,
    .main_banner03 > div {
        padding-top: 13vw;
    }
    .main_come_bot {
        padding-right: 0px;
    }
    .main_banner03 > div > img {
        width: 13vw;
    }
    .main_banner03 > div > h2 {
        margin-top: 3px;
        margin-bottom: 9px;
    }
    .main_banner03 > div > p {
        margin-bottom: 10px;
    }
    .main_banner03 > div > p:first-of-type {
        margin-top: 24px;
    }
    .main_banner03 > div > p:last-of-type {
        margin-bottom: 10px;
    }
    .main_banner03 > div > div {
        display: none;
    }
    .main_intro {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main_intro_text > img {
        width: 19vw;
    }
    .main_come_con02 > div > div > a:first-child {
        margin-bottom: 10px;
    }
    .main_come_con02 > div > div {
        flex-direction: column;
    }
    .main_intro_text > p:nth-of-type(3) {
        margin-bottom: 25px;
    }
    .main_docter {
        padding-top: 75px;
        padding-bottom: 45px;
        background-position: -1628px;
        overflow: hidden;
    }
    .main_docter > div > h2 {
        margin-top: 3px;
        margin-bottom: 8px;
        font-size: 24px;
    }
    .main_docter_left_title {
        background-color: transparent;
        padding-left: 0px;
    }
    .main_docter_left {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    .main_intro > div > img {
        align-self: center;
    }
    .main_docter_left > img {
        width: 30vw;
    }
    .main_bna > span {
        font-size: 15px;
    }
    .main_bna > h2 {
        font-size: 24px;
    }
    .main_bna_swiper .swiper-slide::after {
        content: '터치하세요';
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }
    .main_bna_swiper .swiper-slide:hover::after {
        opacity: 0;
    }
    .main_bna_swiper .swiper-slide-active::after {
        opacity: 1;
    }
    .main_bna_swiper .swiper-slide > div > span {
        width: 100px;
        line-height: 35px;
        font-size: 18px;
    }
    .main_bna {
        padding-top: 90px;
        padding-bottom: 40px;
    }
    .main_docter_left_title > div > h3 {
        font-size: 15px;
    }
    .main_docter_left_title > div > h3 > span {
        font-size: 20px;
    }
    .main_docter_left_title > div > p {
        font-size: 14px;
    }
    .main_docter_light {
        margin-left: 0px;
    }
    .main_docter_light_title01,
    .main_docter_light_title02 {
        font-size: 16px;
    }
    .main_docter_light_title01 > div,
    .main_docter_light_title02 > div {
        max-width: 230px;
    }
    .main_docter_light > h4 {
        font-size: 16px;
    }
    .main_docter_light_text {
        flex-direction: column;
        margin-bottom: 125px;
        position: relative;
    }
    .main_docter_light_text > img {
        position: absolute;
        right: -60px;
        bottom: -15px;
        width: 74%;
    }
    .main_docter_light_text > p:nth-of-type(2) {
        margin-left: 0px;
    }
    .main_docter_light_text > p {
        font-size: 13px;
        line-height: 32px;
        z-index: 1;
    }
    .main_docter_swiper_con {
        padding-left: 0px;
        flex-direction: column;
        height: 450px;
        /* padding-top: 40px; */
        justify-content: center;
    }
    .main_docter_swiper_text > p {
        font-size: 10px;
        word-break: keep-all;
    }
    .main_docter_swiper_text {
        margin-left: 0px;
        text-align: center;
    }
    .main_docter_swiper_text > h3 {
        margin-top: 10px;
        font-size: 15px;
        line-height: 27px;
    }
    .main_docter_swiper .main_docter_page {
        bottom: 10px;
        text-align: center;
        left: 0px;
    }
    .main_research {
        padding-top: 70px;
    }
    .main_research_wrap {
        padding-left: 0px;
        flex-direction: column;
    }
    .main_research_title {
        text-align: center;
    }
    .main_research_title > span {
        font-size: 15px;
    }
    .main_research_title > h2 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .main_research_title > p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 58px;
    }
    .main_research_swiper_wrap {
        padding-left: 20px;
    }
    .main_research_swiper .swiper-slide > span {
        font-size: 14px;
    }
    .main_research_swiper .swiper-slide > h3 {
        font-size: 14px;
        line-height: 21px;
    }
    .main_research_swiper .swiper-slide > p {
        line-height: 17px;
        word-break: keep-all;
    }
    .main_research_swiper_wrap .main_research_page {
        left: initial;
        max-width: 679px;
    }
    .main_category {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .main_category > div > span {
        font-size: 15px;
    }
    .main_invis {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .main_special {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .main_invis > div > span {
        font-size: 15px;
    }
    .main_special > div > span {
        font-size: 15px;
    }
    .main_category .main_category_page {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .main_category .main_category_page .swiper-pagination-bullet::before {
        bottom: 2px;
    }
    .main_invis_title > div > p {
        font-size: 16px;
        text-align: center;
        margin-top: 32px;
        line-height: 24px;
        padding-left: 0px;
        word-break: keep-all;
    }
    .main_invis_con {
        overflow: hidden;
    }
    .main_invis_con_1f {
        margin-bottom: 0px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .main_invis_con_2f {
        flex-direction: column;
        align-items: center;
    }
    .main_invis_con p {
        font-size: 16px;
        line-height: 24px;
    }
    .main_invis_con span {
        font-size: 18px;
    }
    .main_invis_title {
        flex-direction: column;
    }
    .main_category .main_category_page .swiper-pagination-bullet:after {
        display: none;
    }
    .main_special_con {
        position: static;
        width: auto;
        transform: none;
        padding-left: 20px;
        padding-top: 35px;
        padding-right: 20px;
        height: 295px;
    }
    .main_special_con > span {
        font-size: 24px;
    }
    .main_special_con > p {
        font-size: 16px;
        margin-top: 22px;
        line-height: 24px;
        word-break: keep-all;
    }
    .main_special_con > p > br {
        display: none;
    }
    .main_category > div > h2 {
        font-size: 24px;
    }
    .main_special > div > h2 {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .main_invis > div > h2 {
        font-size: 24px;
    }
    .main_category .main_category_page .swiper-pagination-bullet {
        width: 33.3%;
        font-size: 16px;
        line-height: 36px;
    }
    .main_category
        .main_category_page
        .swiper-pagination-bullet:nth-of-type(3):after {
        display: none;
    }
    .main_category_right {
        padding-left: 0px;
    }
    .main_category_inner > img {
        display: none;
    }
    .main_category_inner {
        justify-content: center;
        text-align: center;
    }
    .main_category_right > p {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .main_category_right > p > br {
        display: none;
    }
    .main_child01 > h2 > span {
        line-height: 30px;
    }
    .main_child01 {
        padding-top: 70px;
    }
    .right_hash {
        width: 100%;
        align-items: flex-start;
        justify-content: center;
    }
    .right_hash > span:nth-of-type(2) {
        margin-right: 10px;
    }
    .right_hash > span {
        font-size: 15px;
    }
    .main_child01 > span {
        font-size: 15px;
    }
    .main_child01 > h2 {
        font-size: 24px;
    }
    .main_child01 > p {
        font-size: 16px;
        line-height: 30px;
        word-break: keep-all;
    }
    .main_child01 > p > br {
        display: none;
    }
    .main_child02 {
        margin-top: -10px;
    }
    .main_child01 > img {
        width: 60%;
    }
    .main_child02 > div > div > h3 {
        font-size: 18px;
    }
    .main_child02_line {
        margin-top: 7px;
        margin-bottom: 9px;
    }
    .main_child02 > div {
        flex-direction: column;
    }
    .main_child02_left > p {
        font-size: 15px;
        line-height: 23px;
        word-break: keep-all;
    }
    .main_child02_left > p br {
        display: none;
    }
    .main_child02_right > p {
        font-size: 15px;
        line-height: 40px;
    }
    .main_child02 > div > div {
        height: 270px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 30px;
    }
    .main_child02 .main_child02_left {
        height: 240px;
    }
    .main_equipment {
        padding-top: 90px;
        padding-bottom: 86px;
    }
    .main_equipment_swiper {
        width: 100%;
    }
    .main_equipment_title > span {
        font-size: 15px;
    }
    .main_equipment_title > h2 {
        font-size: 24px;
    }
    .main_equipment_title > p {
        font-size: 14px;
        line-height: 28px;
    }
    .main_equipment_text > h3 {
        font-size: 18px;
        margin-top: 64px;
    }
    .main_equipment_text > p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 76px;
    }
    .main_equipment_swiper .swiper-slide > span {
        display: none;
    }
    .main_equipment > div::before {
        width: 99.5%;
    }
    .main_care > div > span {
        font-size: 15px;
    }
    .main_care > div > h2 {
        font-size: 20px;
        line-height: 40px;
    }
    .main_care > div > p {
        font-size: 15px;
        line-height: 25px;
        word-break: keep-all;
    }
    .main_care {
        background-position: -671px;
    }
    .main_interior {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .main_interior > div > h2 {
        font-size: 24px;
    }
    .main_interior > div > p {
        font-size: 16px;
        word-break: keep-all;
        line-height: 24px;
    }
    .main_interior_swiper .main_interior_page {
        bottom: -30px;
    }
    .main_interior_prev,
    .main_interior_next {
        display: none;
    }
    .main_come > div > h2 {
        font-size: 24px;
    }
    .main_come > div > p {
        font-size: 16px;
        word-break: keep-all;
        line-height: 24px;
    }
    .main_come h3 {
        font-size: 18px;
    }
    .main_come_con03 {
        margin-left: 60px;
    }
    .main_come_con03 tr {
        padding-right: 15px;
    }
    .main_come_con01 > p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .main_come_con02 > div > h4 {
        font-size: 36px;
        line-height: 35px;
    }
    #footer > div > a {
        margin: 26px 0px;
    }

    #footer > div > p {
        font-size: 13px;
    }

    #footer > div > span {
        font-size: 12px;
        font-weight: 300;
        color: #8d8d8d;
    }

    footer img {
        filter: opacity(0.5);
    }
    .main_come_con02 > div > div > a {
        font-size: 15px;
        width: 230px;
    }
    .main_come_con02 > div {
        margin-left: 0px;
    }
    .main_come_con02 {
        margin-bottom: 0px;
    }
    .time_d {
        font-size: 15px;
    }
    .time_h {
        font-size: 15px;
        text-align: end;
    }
    .main_come_con03 > ul > li {
        font-size: 15px;
    }
    .main_come {
        padding-bottom: 80px;
        padding-top: 70px;
    }
    .ft_menu {
        max-width: 440px;
    }
    .ft_menu > a {
        font-size: 13px;
    }
    #footer > div > p {
        font-size: 15px;
        flex-direction: column;
        text-align: center;
        display: flex;
    }
    #footer > div > p > span {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .hd_pops {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    .hd_pops_con {
        width: 100% !important;
        height: auto !important;
    }
    .main_come_right {
        margin-top: 50px;
    }
    .main_come_con01 {
        margin-bottom: 10px;
    }
}