@media all and (max-width: 1600px) {

    html {
        font-size: 15px;
    }

}

@media all and (max-width: 1400px) {

    #cursor {
        display: none;
    }

    html {
        font-size: 14px;
    }

    #fullpage {
        height: auto;
    }

    .section {
        height: auto;
    }

    body.main {
        overflow-y: auto !important;
        overflow-x: hidden;
    }

    body.auto {
        overflow-y: auto !important;
    }

    /* #fullpage { height: auto; }
	.section { height: auto; }
	body.main { overflow-y: hidden; }
	body.main .all_wrap { height: auto; } */

    /* body.main { overflow-y: hidden; } */
    /* body.auto { overflow-y: auto !important; } */

    /**/

    .main_skip_bt {
        width: 70px;
        height: 70px;
        position: absolute;
        right: 4%;
        bottom: 4%;
        left: revert;
        top: revert;
        animation: sub_top_txt111 1.0s 1.0s both;
    }

    .main_skip_bt>div {
        width: 70px;
        height: 70px;
        background-color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        left: 0;
        top: 0;
        transform: translate(-50%, -50%);
        transition: opacity 1.0s;
        opacity: 1;
        position: absolute;
        display: flex;
    }

    .main_skip_bt>div p {
        font-family: 'lexend', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        position: relative;
        letter-spacing: 0;
        text-transform: uppercase;
        display: block;
    }

    .main_skip_bt>div:before {
        content: '';
        width: 94px;
        height: 94px;
        position: absolute;
        left: -12px;
        top: -12px;
        background-color: #000;
        opacity: 0.3;
        border-radius: 100%;

        animation-name: cursor_skip, cursor_skip2;
        animation-duration: 2.1s, 2.1s;
        animation-delay: 0s, 0s;
        animation-timing-function: ease, ease;
        animation-fill-mode: both, both;
        animation-iteration-count: infinite, infinite;

    }

    @keyframes intro {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    .intro_logo {
        bottom: 15%;
    }

    .intro_leaf {
        width: 70vw;
        max-width: 580px;
    }

    .intro_bt img {
        display: block;
        transform: translateY(-2rem);
    }



    .intro_wrap.intro .intro_bg01,
    .intro_wrap.intro .intro_bg02 {
        height: 25%;
    }

    .intro_wrap.intro .intro_bg03,
    .intro_wrap.intro .intro_bg04 {
        width: 34%;
    }

    .intro_wrap.intro2 .intro_bg01,
    .intro_wrap.intro2 .intro_bg02 {
        height: calc(50% + 1px);
        transition: 2.2s 0s;
    }

    .intro_wrap.intro2 .intro_bg03,
    .intro_wrap.intro2 .intro_bg04 {
        width: calc(50% + 1px);
        transition: 2.2s 0s;
    }

    /*  */

    .main_wrap {
        width: 100%;
        height: auto;
        display: block;
    }

    /* .main_box { height: 100dvh; } */

    .main_sum {
        height: auto;
        position: relative;
        z-index: 9;
        opacity: 1;
        padding: 6rem 0 7rem;
        background-color: #dcd8cf;
        background-color: #fff;
    }

    .main_sum>div {
        transform: translateY(-0);
        max-width: 1000px;
    }

    .main_sum>div>h1 {
        font-size: 3rem;
        transition: 0s;
        color: #000;
    }

    .main_sum ul {
        gap: 0.75rem;
        margin-top: 1.375rem;
    }

    .main_sum ul>li {
        width: calc(20% - 0.625rem);
        padding: 4rem 0;
        color: #000;
    }

    .main_sum ul>li::before {
        transition: 0s;
        background-color: #000;
    }

    .main_sum ul>li::after {
        transition: 0s;
        background-color: #000;
    }

    .main_sum ul>li>span::before {
        transition: 0s;
        background-color: #000;
    }

    .main_sum ul>li>span::after {
        transition: 0s;
        background-color: #000;
    }

    .main_sum ul>li:nth-child(n+7) {
        width: calc(50% - 0.375rem);
        padding: 2.25rem 0;
    }

    .main_sum ul>li h2 {
        font-size: 1.5rem;
        transition: 0s;
    }

    .main_sum ul>li h4 {
        font-size: 0.875rem;
        margin-top: 0.375rem;
        transition: 0s;
    }

    .main_sum_over::before {
        display: none;
    }

    .main_sum_over::after {
        display: none;
    }

    .main_sum_over span::before {
        display: none;
    }

    .main_sum_over span::after {
        display: none;
    }

    .main_sum ul li:hover {
        color: #000;
    }

    .main_sum_bt {
        gap: 1rem;
        margin-top: 3.125rem;
        transition: 0s;
    }

    .main_sum_bt>div {
        width: 16.875rem;
        height: 3.75rem;
        border: 1px solid #000;
        border-radius: 3.75rem;
        transition: 0s;
        color: #000;
    }

    .main_sum_bt>div>a {
        font-size: 1rem;
        padding: 0 2.25rem;
    }

    .main_sum_bt>div>a>div {
        width: 0.9375rem;
        height: 0.75rem;
        background: url(../img/down.png) right center no-repeat;
        background-size: cover;
        transition: 0.5s;
    }

    .main_sum.active .main_img>div {
        transform: scale(1);
        filter: blur(0.25rem);
        transition: all 1.5s 0s, transform 2.5s 0s;
    }

    .main_sum.active .main_img {
        width: 100%;
        transition: 1.5s 0s;
    }

    .main_sum.active {
        opacity: 1;
        z-index: 15;
        transition: 0s 0.2s;
    }

    .main_sum.active ul>li::before,
    .main_sum.active ul>li::after {
        width: calc(100% + 2px);
        transition: 1.5s 0.2s;
    }

    .main_sum.active ul>li>span::before,
    .main_sum.active ul>li>span::after {
        height: calc(100% + 2px);
        transition: 1.5s 0.2s;
    }

    .main_sum.active>div>h1 {
        transform: translate(0);
        opacity: 1;
        transition: 1.2s 0.2s;
    }

    .main_sum.active ul>li h2 {
        transform: translate(0);
        opacity: 1;
        transition: all 0.5s 0s, opacity 1.2s 0.2s;
    }

    .main_sum.active ul>li h4 {
        transform: translate(0);
        opacity: 1;
        transition: all 0.5s 0s, opacity 1.2s 0.2s;
    }

    .main_sum.active .main_sum_bt {
        transform: translate(0);
        opacity: 1;
        transition: 1.2s 0.2s;
    }





    .main_wrap.intro .main_img {
        background: url(../img/main.jpg) center top 0.1% no-repeat;
        background-size: cover;
    }


    .main_wrap.on2 .main_img,
    .main_wrap.on .main_img {
        background: url(../img/main.jpg) center top 0.11% no-repeat;
        background-size: cover;
        transition: all, 1.0s 0s, background 5s 0s !important;
    }

    .main_wrap.skip .main_img {
        background: url(../img/main.jpg) center top 0.11% no-repeat;
        background-size: cover;
        transition: all, 1.0s 0s, background 5s 0s !important;
    }


    @media all and (max-width: 1000px) {

        .main_img {
            background: url(../img/main-2.jpg) center bottom no-repeat;
            background-size: cover;
        }

        .main_txt {
            display: none;
        }

        .main_txt_box>div {
            transform: translateY(-7rem);
        }



        .main_wrap.intro .main_img {
            background: url(../img/main-2.jpg) center top 0.1% no-repeat;
            background-size: cover;
        }

        .main_wrap.on .main_box::before {
            opacity: 0.5;
        }

        .main_wrap.on2 .main_img,
        .main_wrap.on .main_img {
            background: url(../img/main-2.jpg) center top 0.11% no-repeat;
            background-size: cover;
            transition: all, 1.0s 0s, background 5s 0s !important;
        }

        .main_wrap.skip .main_img {
            background: url(../img/main-2.jpg) center top 0.11% no-repeat;
            background-size: cover;
            transition: all, 1.0s 0s, background 5s 0s !important;
        }

    }

    /*  */

    .brand_wrap {
        height: 100vh;
        max-height: 700px;
    }

    .brand_bg_box::after {
        height: 62%;
        top: 19%;
    }

    .brand_bg01 {
        height: 20%;
    }

    .brand_bg02 {
        height: 20%;
    }

    .brand_bg03 {
        width: 34%;
    }

    .brand_bg04 {
        width: 34%;
    }

    .brand_txt_box h3 {
        font-size: 1.25rem;
        margin-left: 0.5rem;
    }

    .brand_txt_box h1 {
        font-size: 9rem;
        margin-top: -0.75rem;
        letter-spacing: 2rem;
        padding-left: 2rem;
    }

    .brand_txt_box p {
        font-size: 1rem;
        margin-top: 2rem;
        margin-right: 0.75rem;
    }



    .brand_wrap.active .brand_bg_box::after {
        height: 0;
        transition: 2.5s 0s;
    }

    .brand_wrap.active .brand_bg01 {
        height: 0;
        transition: 3.0s 3.0s;
    }

    .brand_wrap.active .brand_bg02 {
        height: 0;
        transition: 3.0s 3.0s;
    }

    .brand_wrap.active .brand_bg03 {
        width: 0;
        transition: 3.0s 3.0s;
    }

    .brand_wrap.active .brand_bg04 {
        width: 0;
        transition: 3.0s 3.0s;
    }

    .brand_wrap.active .brand_txt_box>div {
        opacity: 1;
        transition: 1.2s 0.4s;
    }

    .brand_wrap.active .brand_txt_box h1 {
        letter-spacing: 0;
        padding-left: 0;
        transition: 1.5s 1.0s;
    }

    .brand_wrap.active .brand_txt_box p {
        opacity: 0.5;
        opacity: 1;
        transition: 1.2s 1.0s;
    }

    .brand_wrap.active .brand_txt_box h3 {
        opacity: 1;
        transition: 1.2s 1.0s;
    }

    @media all and (max-width: 1000px) {

        .brand_txt_box h3 {
            font-size: 1.25rem;
            margin-left: 0rem;
            text-align: center;
        }

        .brand_txt_box h1 {
            font-size: 7.5rem;
            margin-top: -0.75rem;
            letter-spacing: 1.5rem;
            padding-left: 1.5rem;
            text-align: center;
        }

        .brand_txt_box p {
            font-size: 1rem;
            margin-top: 2rem;
            margin-right: 0rem;
            text-align: center;
        }

    }

    /*  */

    .wide_wrap {
        width: 100vw;
        height: auto;
        flex-wrap: wrap;
        padding-top: 7rem;
    }

    .wide_top_wrap {
        width: 100%;
        height: auto;
        position: relative;
    }

    .wide_tit_box.box01 {
        display: block;
        left: 0%;
        position: relative;
        height: auto;
        text-align: center;
        margin-top: 6rem;
    }

    .wide_tit_box.box01>div {
        transform: translateY(-0rem);
        transition: 0s;
    }

    .wide_tit_box.box02 {
        position: static;
        display: none;
    }

    .wide_tit_box h2 {
        display: none;
    }

    .wide_tit_box h3 {
        font-size: 1.25rem;
        transition: 0s;
    }

    .wide_tit_box h1 {
        font-size: 2.5rem;
        margin-top: 1.625rem;
        transition: 0s;
    }

    .wide_tit_box h5 {
        font-size: 1.375rem;
        position: relative;
        bottom: 0%;
        margin-top: 2.5rem;
        transition: 0s;
    }

    .wide_tit_box h5 span {
        display: none;
    }

    .wide_tit_box2 {
        transform: scale(0.8);
        transform-origin: center top;
        position: relative;
        height: auto;
    }

    .wide_tit_box2>div {
        transform: translateY(2rem);
        transition: 0s;
    }

    .wide_tit_box2 h1 {
        font-size: 6.25rem;
        transition: 0s;
    }

    .wide_tit_box2 h2 {
        font-size: 5.25rem;
        right: -2.5rem;
        bottom: -3.75rem;
        transition: 0s;
    }

    .wide_bg_box {
        position: relative;
        width: 100%;
        height: 300px;
        margin-top: 7rem;
        background-color: #000;
    }

    .wide_bg {
        opacity: 0.45;
    }

    .wide_bg::after {
        display: none;
    }

    .wide_bg_txt {
        right: 0;
        left: 0;
        margin: auto;
        bottom: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    .wide_bg_txt p {
        font-size: 1rem;
        margin-top: 1.875rem;
    }


    .wide_box {
        width: 100%;
        right: 0;
        position: relative;
        height: auto;
        flex-wrap: wrap;
        padding: 8rem 0;
    }

    .wide_box>div:last-child {
        flex-wrap: wrap;
        gap: 5rem;
    }

    .wide_line_box {
        display: none;
    }

    .wide_line01 {
        width: 90%;
        bottom: 20%;
    }

    .wide_line01b {
        width: 40%;
        left: 0%;
        bottom: 20%;
        transform: rotate(-45deg);
        transform-origin: right top;
    }

    .wide_line02 {
        left: 90%;
    }

    .wide_line02::before {
        bottom: revert;
        top: 0;
    }

    .wide_line02b {
        height: 30%;
        left: 90%;
        bottom: 0%;
        transform: rotate(-34deg);
        transform-origin: left top;
    }

    .wide_content {
        width: 100%;
        height: auto;
        clip-path: revert;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3.5rem;
    }

    .wide_content.con01 {
        transform: translateY(0);
    }

    .wide_content.con03 {
        transform: translateY(0);
    }

    .wide_content.con02 .wide_img_box {
        order: 2;
    }

    .wide_img_box {
        width: 50%;
        transition: 0s;
    }

    .wide_img_box img {
        transition: 0s;
    }

    .wide_content>h2 {
        font-size: 4.75rem;
        right: -50%;
        left: 0;
        margin: auto;
    }

    .wide_txt_box {
        width: 12.5rem;
        position: static;
        transition: 0s;
    }

    .wide_txt_box.box02 {
        order: 1;
        text-align: right;
    }

    .wide_txt_box h4 {
        font-size: 1.5rem;
        line-height: 120%;
        font-weight: 600;
    }

    .wide_txt_box p {
        font-size: 1rem;
        line-height: 188%;
        margin-top: 1.5rem;
        opacity: 0.7;
    }


    .wide_bg_box.active .wide_bg {
        transform: scale(1);
        transition: 2.5s 0s;
    }

    .wide_tit_box2.active>div {
        opacity: 1;
        transition: 1.2s 0.2s;
    }

    .wide_tit_box2.active h2 {
        transform: rotate(-6deg) translate(0);
        transition: 1.5s 0.2s;
    }

    .wide_tit_box.active h3 {
        opacity: 0.4;
        transform: translate(0);
        transition: 1.2s 0.6s;
    }

    .wide_tit_box.active h1 {
        opacity: 1;
        transform: translate(0);
        transition: 1.2s 0.6s;
    }

    .wide_tit_box.active h5 {
        opacity: 1;
        transform: translate(0);
        transition: 1.2s 0.6s;
    }

    .wide_bg_box.active .wide_bg_txt {
        opacity: 1;
        transform: translate(0);
        transition: 1.2s 0.6s;
    }

    .wide_content.active .wide_txt_box {
        opacity: 1;
        transform: translate(0);
        transition: 1.2s 0.2s;
    }

    .wide_content.active .wide_img_box {
        opacity: 1;
        transform: translate(0);
        transition: 1.2s 0.2s;
    }

    .wide_content.active .wide_img_box img {
        opacity: 1;
        transform: scale(1);
        transition: 2s 0s;
    }

    .wide_content.active>h2 {
        opacity: 1;
        transform: rotate(-6deg) translate(0);
        transition: 1.2s 0.2s;
    }

    .wide_box.active .wide_line01::before {
        width: 100%;
        transition: 2.5s 0s;
    }

    .wide_box.active .wide_line01b::before {
        width: 100%;
        transition: 2.5s 0.5s;
    }

    .wide_box.active .wide_line02::before {
        height: 100%;
        transition: 2.5s 0s;
    }

    .wide_box.active .wide_line02b::before {
        height: 125%;
        transition: 2.5s 0.5s;
    }

    @media all and (max-width: 1000px) {

        .wide_tit_box2 {
            transform: scale(0.7);
        }

    }

    /*  */

    .location_wrap {
        width: 100vw;
        height: auto;
    }

    .location_wrap>div {
        flex-wrap: wrap;
    }

    .swiper_location {
        position: relative;
    }

    .location_content {
        height: auto;
        padding: 8rem 0 4rem;
    }

    .location_content>div {
        width: 90%;
        max-width: 900px;
        flex-wrap: wrap;
    }

    .location_content::before {
        display: none;
    }

    .location_content::after {
        display: none;
    }

    .location_img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(1.2);
    }

    /* .location_txt_box {  } */
    .location_txt_box h2 {
        font-size: 1.625rem;
    }

    .location_txt_box h1 {
        font-size: 2.25rem;
        margin-top: 0.425rem;
        margin-left: -0.125rem;
    }

    .location_icon_box {
        margin-top: 3rem;
        gap: 1.375rem;
    }

    .location_icon_box img:nth-child(2) {
        transform: translateY(-0.125rem);
    }

    .location_txt_box h4 {
        font-size: 2rem;
        margin-top: 2.375rem;
    }

    .location_txt_box p {
        font-size: 0.9125rem;
        margin-top: 3.2rem;
        margin-top: 1rem;
    }

    .location_img_box {
        width: 100%;
        gap: 2rem;
        margin-top: -15rem;
    }

    .location_img_box>div {
        gap: 0.875rem;
    }

    .location_img01 {
        width: 50%;
        max-width: 400px;
        max-height: 500px;
        justify-content: center !important;
        align-items: center !important;
    }

    .location_img01 img {
        transform: scale(1.2);
    }

    .location_img02,
    .location_img03 {
        max-width: 120px;
    }

    .location_img02 img,
    .location_img03 img {
        width: 100%;
    }

    .location_img02 {
        transform: translateY(1.5rem);
    }

    .location_img03 {
        transform: translateY(-1.5rem);
    }

    .location_content .location_bt_wrap {
        display: none;
    }

    .location_bt_wrap {
        width: 90%;
        max-width: 900px;
        height: 32px;
        position: relative;
        transform: translateY(0);
        margin-bottom: 8rem;
    }


    @media all and (max-width: 1000px) {

        .location_img_box {
            margin-top: -2rem;
        }

        .location_img01 {
            max-width: 400px;
            max-height: 460px;
        }

        /* .location_img_box { justify-content: center; } */

        .location_bt_wrap {
            justify-content: center;
        }

    }

    /*  */

    .brand_wrap {
        width: 100vw;
        height: 100vh;
        max-height: 660px;
    .brand_wrap>div:last-child {
        width: 90%;
        height: 65%;
    }
    .site_map { width: 70%; max-width: 600px; padding-left: 4.5rem; }
    .site_map ul { text-align: left; margin-top: 1.875rem; transform: translateY(0); }
    .site_map ul li { font-size: 2.75rem; }

    .brand_bg02 {
        height: 17%;
    }

    .brand_bg03 {
        width: 30%;
    }

    .brand_bg04 {
        width: 30%;
    }

    /* .brand_wrap { max-height: 560px; } */
    .brand_wrap>div:last-child {
        width: 90%;
        height: 65%;
        transform: translateY(1rem);
    }

    .brand_txt_box h2 {
        font-size: 1.5625rem;
        margin-top: 2.75rem;
    }

    .brand_txt_box p {
        font-size: 0.9375rem;
        margin-top: 1.875rem;
    }

    .brand_txt {
        width: 25rem;
        position: absolute;
        right: 0;
        top: 0;
    }

    }

    /*  */

    /* .footer { padding: 0; } */

    .footer_top {
        width: 100%;
        justify-content: center;
        text-align: left;
    }

    .footer_top>div {
        max-width: revert;
        border-right: none;
    }

    .footer_quick:first-child {
        border-left: none;
    }

    .footer_quick>a {
        padding: 2.5rem 0 2.25rem;
    }

    .footer_quick>a>div {
        gap: 1.625rem;
    }

    .footer_quick h2 {
        font-size: 1.375rem;
    }

    .footer_quick p {
        margin-top: 0.75rem;
    }

    .footer_quick:nth-child(1) img {
        width: 44px;
    }

    .footer_quick:nth-child(2) img {
        width: 48px;
    }

    .footer_quick:nth-child(3) img {
        width: 46px;
    }


    .footer_middle {
        padding: 1.625rem 5% 1.625rem;
    }

    .footer_bottom {
        gap: 2.5rem;
        padding: 2.75rem 5% 4.75rem;
    }

    .footer_logo {
        width: 100%;
        padding-top: 3rem !important;
    }

    .footer_const li {
        font-size: 1rem;
        padding: 0 0.375rem;
    }

    .footer_const li:last-child:after {
        display: none;
    }

    .footer_const li:first-child {
        padding-left: 0;
    }

    .footer_const li:nth-child(2) img {
        width: 120px;
    }

    .footer_const li:nth-child(4) img {
        width: 83px;
    }

    .footer_const li:nth-child(6) img {
        width: 85px;
    }

    .footer_privacy li {
        padding: 0 1.125rem;
    }

    .footer_privacy li:after {
        top: -2px;
    }

    .footer_info {
        margin-bottom: 0.375rem;
    }

    .footer_info li {
        padding: 0 0.875rem;
    }

    .footer_info li:after {
        top: -1px;
    }

    .footer_info li:first-child img {
        width: 7rem;
    }

    .footer_info li img {
        margin-top: 0px;
    }

    .footer_bottom p {
        line-height: 134%;
        margin-top: 0.75rem;
    }

    .footer_bottom p br {
        display: block;
    }

    .footer_bottom h6 {
        margin-top: 2.125rem;
    }

    .footer_sns {
        gap: 0 0.75rem;
        right: 0;
        top: revert;
        bottom: -1rem;
    }

    .footer_sns img {
        opacity: 0.3;
    }

    /* span.yellow { color: #fcff00 !important; } */

    .top_bt {
        right: 2%;
        top: 0;
        background-color: #eeeeee;
    }


    .footer.on:after {
        display: block;
    }

    .footer.on .top_bt {
        opacity: 1;
        top: 60px;
        transition: 0.8s 0.2s;
    }

    .footer.active .top_bt {
        opacity: 1;
        top: -30px;
    }



    @media all and (max-width: 1000px) {

        .footer_quick>a {
            padding: 2rem 0 1.875rem;
        }

        .footer_quick>a>div {
            gap: 1.25rem;
        }

        .footer_quick:nth-child(1) img {
            width: 33px;
        }

        .footer_quick:nth-child(2) img {
            width: 36px;
        }

        .footer_quick:nth-child(3) img {
            width: 34px;
        }

        .footer_middle {
            padding: 1.375rem 5% 1.25rem
        }

        .footer_const li {
            font-size: 1rem;
            position: relative;
            padding: 0 0.1875rem;
        }

        .footer_const li:nth-child(2) img {
            width: 100px;
        }

        .footer_const li:nth-child(4) img {
            width: 73px;
        }

        .footer_const li:nth-child(6) img {
            width: 75px;
        }

        .footer_bottom {
            gap: 2rem;
            padding-bottom: 8rem;
            align-items: flex-start !important;
        }

        .footer_info {
            flex-wrap: wrap;
            gap: 0.5rem 0;
        }

        .footer_info li {
            padding: 0 0.75rem;
        }

        /*		.footer_info li:nth-child(3)::after { display: none; }*/
        .footer_info li:last-child {
            padding-left: 0;
        }

        /*        */
        .footer_info li:nth-child(1) {
            width: 15%;
        }

        .footer_info li:nth-child(2) {
            width: 10%;
        }

        .footer_info li:nth-child(3) {
            width: 19%;
        }

        .footer_info li:nth-child(4) {
            width: 24%;
            padding-left: 1%;
        }

        /*        */

        .footer_sns {
            bottom: -5rem;
        }

        .top_bt {
            width: 40px;
            height: 40px;
            right: 3%;
        }

        .top_bt:before {
            width: 6px;
            height: 6px;
            top: 5px;
            margin: auto;
        }

        .top_bt::after {
            width: 1px;
            height: 45px;
            top: 19px;
        }
    }

    /**/
    /*서브*/

    /* .sub_top { height: 28.25rem; } */

    .sub_top_img {
        background-size: 11.5rem;
    }

    .sub_top_txt {
        width: 100%;
    }

    .sub_top_txt h3 {
        font-size: 1.313rem;
    }

    .sub_top_txt h2 {
        margin-top: 1rem;
        margin-top: 0;
    }

    @keyframes sub_top_txt2 {
        from {}

        to {
            letter-spacing: 1rem;
            padding-left: 1rem;
        }
    }

    #snb_wrap {
        width: 100%;
        max-width: 1100px;
        margin: auto;
        height: 55px;
    }

    #snb {
        width: auto;
        height: 55px;
    }

    #snb>li {
        width: 200px;
        height: 55px;
    }

    #snb>li>a:after {
        height: 16px;
    }

    #snb>li:first-child {
        width: 55px;
    }

    #snb>li:first-child img {
        transform: scale(0.9);
    }

    #snb>li:nth-child(3) {
        width: 220px;
    }

    #snb>li:nth-child(2):after {
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        right: 18px;
        top: 24px;
    }

    #snb>li:nth-child(3):after {
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        right: 18px;
        top: 24px;
    }

    #snb .ov>a {
        height: 55px;
        line-height: 55px;
        padding: 0 15px;
        font-size: 13px;
        min-width: 160px;
    }

    #snb>li:nth-child(2):hover:after {
        transform: rotate(135deg);
        top: 22px;
    }

    #snb>li:nth-child(3):hover:after {
        transform: rotate(135deg);
        top: 22px;
    }

    #snb .ov ul li a {
        font-size: 11px;
        padding: 11px 15px;
    }

    /* #sub_container { margin-top: 8rem; } */
    #sub_box {
        margin-top: 58px;
    }

    #sub_tit h2 {
        font-size: 38px;
    }

    /* .sub_line { height: 32px; margin-top: 30px; } */
    .sub_page {
        margin-top: 3.5rem;
    }

    .sub_line_box>div {
        width: calc(95% - 25px);
        height: 590px;
        position: relative;
    }

    .sub_line02 {
        height: calc(100% - 295px);
        top: 295px;
        right: calc(5% + 25px);
        animation: sub_line02 1.9s 1.2s both linear;
    }

    /* .sub_line04 { transform: rotate(35deg); } */
    .sub_line05 {
        transform: rotate(-30deg) translate(-0.65vw, -4vh);
    }

    body.full .sub_ori {
        width: 90%;
    }

    .sub_ori {
        width: 100%;
        padding: 20px 25px;
    }

    .sub_ori>div {
        width: 45px;
        height: 45px;
        min-width: 45px;
        margin-right: 16px;
        background-size: 4.3px;
    }

    .sub_ori ul li {
        font-size: 11px;
    }

    .sub_ori ul li br {
        display: none;
    }

    .sub_ori ul.ori2 li {
        margin-left: 17px;
    }

    .sub_ori ul.ori2 li:first-child {
        font-size: 12px;
    }

    .sub_tab_bt {
        margin-bottom: 15px;
    }

    .sub_tab_bt ul li {
        font-size: 15px;
        line-height: 50px;
    }

    /**/

    .sub_cy_wrap {
        padding-bottom: 50px;
    }

    .sub_page.img {
        margin-top: 40px;
    }

    .sub_img {
        width: 100%;
        margin-bottom: 80px;
    }

    ul.tabs2 {
        margin-bottom: 15px;
    }

    ul.tabs2 li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    /**/

    .sub_over_wrap {
        background-color: #fff;
    }

    .sub_over_wrap>h2 {
        font-size: 24px;
        padding-left: 5%;
    }

    /* .sub_over_img { margin-top: 30px; } */
    /*	.sub_over_img_box p { font-size: 12px; left: 5%; top: 8%; }*/

    .swiper_planning .sub_planning_img {
        height: 50vw;
    }

    .swiper_planning_thumb .swiper-slide {
        height: 10vw;
    }

    .sub_over_bottom {
        width: 100%;
        margin-top: 0px;
    }

    .sub_over_bottom_tit h3 {
        width: 33%;
        min-width: 315px;
        font-size: 24px;
    }

    .sub_over_bottom_tit span {
        width: 70%;
    }

    .sub_over_txt_box {
        margin-top: 65px;
    }

    .sub_over_txt_box>div {
        width: 48%;
        margin-bottom: 40px;
    }

    .sub_over_txt_box>div h4 {
        font-size: 18px;
        padding-bottom: 18px;
    }

    .sub_over_txt_box>div p {
        font-size: 12px;
        margin-top: 15px;
    }

    /**/

    .sub_location_wrap {
        padding: 0;
    }

    .sub_location_map {
        height: auto;
    }

    .sub_location_move {
        display: none;
    }

    .sub_location_map_m {
        display: block;
    }

    .sub_location_map img {
        width: 100%;
        transform: scale(1);
        transform-origin: right bottom;
    }

    /* .sub_location_bottom { flex-wrap: wrap; justify-content: center; gap: 5rem; padding: 5rem 15%; } */


    .sub_location_map_plus>div:nth-child(2) {
        display: none;
    }

    .sub_location_content:hover::after {
        width: 0;
    }

    .sub_location_content:hover::before {
        width: 0;
    }

    .sub_location_content:hover span::after {
        height: 0;
    }

    .sub_location_content:hover span::before {
        height: 0;
    }

    @media all and (max-width: 1000px) {

        .sub_location_content p br {
            display: none;
        }

        .sub_location_content {
            height: 26rem;
        }

    }

    /*  */

    .sub_life_wrap {
        padding-bottom: 7rem;
    }

    .sub_life_tit {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }

    .sub_life_tit h4 {
        font-size: 1.375rem;
    }

    .sub_life_tit h2 {
        font-size: 3.25rem;
        margin-top: 1.875rem;
    }

    .sub_life_box {
        width: 100%;
        max-width: 600px;
        margin: auto;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 5rem;
    }

    .sub_life_content {
        width: auto;
        max-width: 600px;
        gap: 2.375rem;
        opacity: 0;
    }

    .sub_life_content.con01 {
        width: 100%;
    }

    .sub_life_content.con02 {
        margin-top: 7rem;
    }

    .sub_life_content.con03 {
        margin-left: 0;
        margin: auto;
        margin-top: 7rem;
    }

    .sub_life_img_box {
        display: inline-block;
        overflow: hidden;
        border-radius: 5rem 0 0 0;
    }

    .sub_life_img_box img {
        width: 238px;
    }

    .sub_life_img_box.box02 img {
        width: 343px;
    }

    .sub_life_img_box.box02 {
        border-radius: 0 5rem 0 0;
        margin-bottom: 2.375rem;
    }

    .sub_life_img_box.box03 {
        order: 2;
    }

    .sub_life_txt_box {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3.75rem;
    }

    .sub_life_txt_box img {
        order: 2;
    }

    .sub_life_txt_box h3 {
        font-size: 1.3125rem;
        line-height: 100%;
        font-weight: 600;
        color: #897d70;
    }

    .sub_life_txt_box p {
        font-size: 1rem;
        line-height: 156%;
        opacity: 0.7;
        margin-top: 1.25rem;
        font-weight: 500;
    }

    .sub_life_txt_box.box01 {
        display: block;
    }

    .sub_life_txt_box.box01 h3 {
        margin-top: 2rem;
    }


    /*  */

    #sub_container.premium {
        overflow: visible;
    }

    .sub_premium_bg {
        width: 120%;
        left: -10%;
        bottom: 0;
    }

    .premium_box {
        gap: 2.25rem;
        margin-top: 5rem;
        transform: translateY(3rem);
    }

    .premium_content {
        width: calc(50% - 1.125rem);
    }

    .premium_content>div {
        width: 100%;
        height: 100%;
        padding: 3.375rem 0 3.375rem 2.375rem;
        color: #2c2928;
        transition: 0.3s;
        box-sizing: border-box;
    }

    .premium_content h2 {
        font-family: 'the';
        font-size: 1.5625rem;
        margin-top: 1rem;
        font-weight: 600;
        letter-spacing: -0.125rem;
    }

    .premium_content h2 b {
        font-weight: 900;
    }

    .premium_content p {
        font-size: 0.875rem;
        line-height: 178%;
        margin-top: 1.375rem;
        opacity: 0.7;
        font-weight: 500;
    }

    .premium_content:first-child {
        border-radius: 3.25rem 0 0 0;
    }

    .premium_content:last-child {
        border-radius: 0 0 3.25rem 0;
    }

    .premium_icon {
        transform: scale(0.8);
        transform-origin: right bottom;
    }

    .premium_content:hover>div {
        background-color: #171f26;
        color: #fff;
    }

    .premium_content:hover {
        border: 1px solid #c2c2c2;
    }

    .premium_content:hover>div {
        background-color: #fff;
        color: #2c2928;
    }

    .premium_content:hover p {
        color: #2c2928;
    }

    .premium_box>div:nth-child(1):hover img {
        content: url(../sub/premium_icon01.png);
    }

    .premium_box>div:nth-child(2):hover img {
        content: url(../sub/premium_icon02.png);
    }

    .premium_box>div:nth-child(3):hover img {
        content: url(../sub/premium_icon03.png);
    }

    .premium_box>div:nth-child(4):hover img {
        content: url(../sub/premium_icon04.png);
    }

    .premium_box>div:nth-child(5):hover img {
        content: url(../sub/premium_icon05.png);
    }

    .premium_box>div:nth-child(6):hover img {
        content: url(../sub/premium_icon06.png);
    }

    /**/

    .sub_contact_wrap {
        width: 100%;
    }

    .sub_contact_bottom {
        margin-top: 3rem;
        margin-bottom: 4.375rem;
        margin-top: 0;
    }

    .sub_contact_bottom>div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    @media all and (max-width: 1200px) {

        .sub_contact_bottom>div {
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 5rem 0;
        }

    }

    .sub_contact_map_box {
        width: 524px;
        height: 412px;
    }

    .sub_contact_txt_box {
        max-width: 524px;
        margin: 1.5625rem 0;
    }


    /**/

    .sub_gongo_top {
        height: 440px;
    }

    .sub_gongo_img_box {
        width: 57.545%;
    }

    .sub_gongo_txt_box {
        width: 40%;
    }

    .sub_gongo_txt_box>div>a {
        padding: 35px 30px 35px;
    }

    .sub_gongo_logo {
        transform: scale(0.85);
        transform-origin: left center;
        margin-left: 2px;
    }

    .sub_gongo_txt_box h2 {
        font-size: 21px;
        margin-top: 10px;
        margin-left: -2px;
    }

    .sub_gongo_txt_box p {
        font-size: 12px;
        margin-top: 20px;
    }

    .sub_gongo_bt {
        width: 40px;
        height: 40px;
        right: 30px;
        bottom: 30px;
    }

    .sub_gongo_bt>div {
        width: 28px;
        height: 17px;
        left: -9px;
    }

    .sub_gongo_bt>div:after {
        width: 8px;
        height: 8px;
    }

    .sub_gongo_notice {
        margin-top: 30px;
    }

    .sub_gongo_txt_box>div:hover .sub_gongo_bt>div {
        left: -5px;
    }

    /**/

    /* .news_wrap { } */

    .news_tit h2 {
        font-size: 105px;
    }

    .news_tit h4 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 30px;
    }

    .news_tit p {
        font-size: 13px;
        margin-top: 20px;
    }

    .news_content_box {
        margin-top: 0px;
    }

    .news_content_vd {
        padding: 42px 0;
        margin-bottom: 40px;
    }

    .news_img {
        width: 45%;
        max-width: 450px;
    }

    .news_img img {
        width: 100%;
    }

    .news_txt_box {
        width: 51%;
    }

    .news_txt_box h6 {
        font-size: 10px;
        padding: 3px 8px;
        margin-bottom: 8px;
    }

    .news_txt_box h4 {
        font-size: 12px;
    }

    .news_txt_box h3 {
        font-size: 18px;
        margin-top: 7px;
        padding-bottom: 2px;
    }

    .news_txt_box p {
        font-size: 13px;
        margin-top: 20px;
    }

    .news_bt {
        margin-top: 60px;
        font-size: 11px;
    }

    .news_bt:after {
        width: 35px;
        left: 35px;
    }

    .news_content_vd .news_img {
        width: 50%;
        max-width: 677px;
    }

    .news_content_vd .news_txt_box {
        width: 45%;
    }

    .news_content_vd .news_bt {
        margin-top: 30px;
    }

    .news_content>li {
        width: 48%;
        margin-right: 4%;
    }

    .news_content>li>a {
        padding: 35px;
        padding-bottom: 40px;
    }

    .news_content>li:nth-child(3n) {
        margin-right: 4%;
    }

    .news_content>li:nth-child(2n) {
        margin-right: 0;
    }

    .news_content>li:nth-child(n+3) {
        margin-top: 4%;
    }

    .news_content h4 {
        font-size: 14px;
    }

    .news_content h2 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 12px;
        height: 48px;
    }

    .news_content p {
        font-size: 13px;
        line-height: 24px;
        margin-top: 25px;
        height: 72px;
    }

    .news_bt {
        margin-top: 50px;
        font-size: 12px;
    }

    .news_bt:after {
        left: 40px;
    }

    .news_content>li:hover .news_bt:after {
        width: 40px;
    }

    /**/

    .vr_bt_box {
        margin-top: 10px;
    }

    .vr_bt_box ul li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

}