@charset "utf-8";

@import url(reset.css);

@font-face {
    font-family: 'SUIT';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Thin.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Light.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Medium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Bold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SUIT';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sunn/SUIT-Heavy.ttf') format("truetype");
    font-display: swap;
}

* {
    font-family: 'SUIT';
}

img {
    display: block;
}

::selection {
    background-color: rgb(255, 198, 144);
    color: white;
}

header {
    width: 100%;
    height: 90px;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #ffffff2f;
}

header .inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

header .inner h1 {
    width: 60px;
    margin-left: 30px;
}

header .inner h1 a {
    width: 100%;
    height: 100%;
    display: block;
}

header .inner .gnb {
    display: flex;
    align-items: center;
    margin-left: 60px;
}

header .inner .gnb li {
    margin: 0 20px;
}

header .inner .gnb li a {
    padding: 10px 10px;
    font-size: 19px;
    position: relative;
    display: block;
    transition: 0.5s;
}

header .inner .gnb li:hover a {
    transform: scale(1.1);
    font-weight: bold;
}

header .inner .gnb li:hover {
    transform: scale(1.1);
}

header .inner .gnb li a span {
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    animation: bouncing 2.1s infinite alternate linear;
    font-weight: bold;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 30px;
    background-color: orange;
    border-radius: 1000px;
    font-size: 17px;
    transition: 0.5s;
}

@keyframes bouncing {
    0% {
        transform: translateY(calc(-50% - 5px));
    }

    100% {
        transform: translateY(calc(-50% + 5px));
    }
}

header .inner .mobile {
    display: none;
}

header .inner .menu_open {
    width: 60px;
    height: 40px;
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 100;
}

header .inner .menu_open span {
    width: 100%;
    height: 7px;
    background-color: #000;
    display: block;
    border-radius: 100px;
    transition: 0.5s;
}

header .inner .menu_open.on .top {
    transform: rotateZ(47deg)translateX(23px);
}

header .inner .menu_open.on .middle {
    opacity: 0;
}

header .inner .menu_open.on .bottom {
    transform: rotateZ(-47deg)translateX(23px);
}

header .inner .mobile_menu {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: antiquewhite;
    padding-top: 100px;
    transition: 0.5s;
}

header .inner .mobile_menu .mobile_gnb {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    font-size: 25px;
    margin: 0 auto;
}

header .inner .mobile_menu .mobile_gnb li {
    width: 100%;
    height: 60px;
}

header .inner .mobile_menu .mobile_gnb li a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

header .inner .mobile_menu .mobile_gnb li a:hover {
    color: tomato;
}

/* main시작 */

.main_visual {
    position: relative;
}

.main_visual_inner {
    width: 100%;
    height: 56.25vw;
}

.main_visual_inner .swiper {
    width: 100%;
    transition: 0.3s;
}

.main_visual_inner .swiper-slide .text {
    text-align: end;
    position: absolute;
    top: 14.58vw;
    right: 12vw;
}

.main_visual_inner .swiper-slide .text h1 {
    font-size: 60px;
    margin-bottom: 20px;
}

.main_visual_inner .swiper-slide .text p {
    font-size: 20px;
}

.main_visual_inner .main_visual_button {
    position: absolute;
    top: calc(200px + 13.5vw);
    right: 12vw;
    height: 27px;
    z-index: 100;
    display: flex;
    justify-content: flex-end;
}


.main_visual_inner .main_visual_button .swiper-button-prev,
.main_visual_inner .main_visual_button .swiper-button-next {
    width: 33px;
    height: 30px;
    color: #000;
    font-size: 15pt;
    position: static;
    margin-left: 30px;
}

.main_visual_inner .main_visual_button .swiper-button-prev {
    background: url('../img/next.png') center center / 100% no-repeat;
    transform: rotateY(180deg);
}

.main_visual_inner .main_visual_button .swiper-button-next {
    background: url('../img/next.png') center center / 100% no-repeat;
}

.main_visual_inner .main_visual_button .swiper-button-prev::after,
.main_visual_inner .main_visual_button .swiper-button-next::after {
    width: 25px;
    height: 30px;
    font-size: 15pt;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(25%);
    font-size: 0;
}

.main_visual_inner .main_visual_small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1050px;
    height: 510px;
    background-color: white;
    z-index: 1000;
    display: none;
}

.main_visual_inner .main_visual_small h1 {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 70px;
}

.main_visual_inner .main_visual_small .left_line,
.main_visual_inner .main_visual_small .right_line {
    width: 550px;
    height: 2px;
    background-color: #000;
    position: absolute;
}

.main_visual_inner .main_visual_small .left_line {
    top: 50%;
    right: 80%;
}

.main_visual_inner .main_visual_small .right_line {
    top: 50%;
    left: 80%;
}

.main_visual_inner .mobile_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    height: 400px;
    background-color: #000000bf;
    z-index: 1;
    display: none;
    justify-content: center;
    align-items: center;
}

.main_visual_inner .mobile_text .inner {
    width: 80%;
    height: 80%;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    line-height: 1.3;
}

.main_visual_inner .mobile_text .inner p {
    font-size: 20px;
}

.main_visual_inner .mobile_text .inner h4 {
    font-size: 27px;
    margin-top: 15px;
}

.cont01 {
    width: 100%;
    margin: 0 auto;
}

.cont01 .cont01_left,
.cont01 .cont01_right,
.cont01 .cont01_center {
    max-width: 1440px;
    width: 95%;
    margin: 500px auto;
}

.cont01 .cont01_left,
.cont01 .cont01_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cont01 .cont01_left img {
    width: 440px;
    height: 244px;
}

.cont01 .cont01_right img {
    width: 440px;
    height: 380px;
}

.cont01 .cont01_left {
    text-align: left;
}

.cont01 .cont01_left h3,
.cont01 .cont01_right h3,
.cont01 .cont01_center h3 {
    font-size: 70px;
    margin: 10px 0;
}

.cont01 .cont01_center h3:last-child {
    font-size: 85px;
    font-weight: 900;
    margin-top: 450px;
}

.cont01 .cont01_left p,
.cont01 .cont01_right p,
.cont01 .cont01_center p {
    font-size: 50px;
    font-weight: 600;
    margin: 10px 0;
    word-break: keep-all;
    line-height: 1.3;
}

.cont01 .cont01_right {
    text-align: end;
}

.cont01 .cont01_center {
    text-align: center;
}

.cont01 p {
    font-weight: 200 !important;
}

.cont01 .cont01_center p,
.cont01 .cont01_center h4 {
    margin: 30px;
}

.cont02 {
    max-width: 1920px;
    width: 95%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 140px;
}

.cont02 .inner {
    width: 1055px;
    position: relative;
    transition: 1s;
}

.cont02 .inner .left {
    width: 463px;
    height: 463px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #feeb90;
    border-radius: 50%;
    transition: 1s;
    overflow: hidden;
}

.cont02 .inner .left video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cont02 .inner .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.cont02 .inner .right h3 {
    font-size: 60px;
}

.cont02 .inner .right p {
    font-size: 20px;
    margin: 24px 0;
}

.cont02 .inner .right a {
    width: 170px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    font-size: 17px;
    border-radius: 200px;
    color: white;
}

.cont03 {
    max-width: 1440px;
    width: 95%;
    margin: 0 auto;
}

.cont03>h3 {
    font-size: 70px;
    text-align: center;
}

.cont03 .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 130px 0 10px;
}

.cont03 .title h3 {
    font-size: 50px;
}

.cont03 .title a {
    width: 100px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #333;
    border-radius: 100px;
}

.cont03>div {
    width: 100%;
    height: 500px;
    margin-bottom: 230px;
}

.cont03 .swiper {
    height: 100%;
}

.cont03 .swiper .swiper-slide {
    display: flex;
    align-items: center;
}

.cont03 .swiper-slide a {
    width: 100%;
    display: block;
}

.cont03>div figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cont03 .swiper-slide figure,
.cont03 .swiper-slide-active figure {
    width: 100%;
    height: 214px !important;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.5s;
}

.cont03 .swiper-slide h4,
.cont03 .swiper-slide-active h4 {
    font-size: 23px;
    margin: 15px 0 11px;
}

.cont03 .swiper-slide p,
.cont03 .swiper-slide-active p {
    font-size: 15px;
    margin-bottom: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cont03 .swiper-slide span,
.cont03 .swiper-slide-active span {
    font-size: 18px;
    font-weight: 700;
    display: block;
}

.cont03 .swiper-slide-next {
    transform: scale(1.2);
}

.cont03 .swiper-slide-next figure {
    width: 100%;
    height: 240px;
    transition: 0.5s;
}

.cont03 .swiper-slide-next h4 {
    font-size: 30px;
    margin: 20px 0 5px;
}

.cont03 .swiper-slide-next p {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cont03 .swiper-slide-next span {
    font-size: 22px;
}

.cont03 .swiper-button-prev {
    left: 410px;
}

.cont03 .swiper-button-next {
    right: 410px;
}

.cont03 .swiper-button-next:after,
.cont03 .swiper-button-prev:after {
    font-size: 90px;
    color: #333;
}

.cont04 {
    margin-top: 600px;
    padding-bottom: 250px;
    position: relative;
}

.cont04::before {
    content: '';
    height: 1px;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #333;
    transform: translateX(-50%);
    opacity: 0.5;
}

.cont04 .first {
    margin: 400px 0;
    text-align: center;
}

.cont04 h4 {
    font-size: 65px;
}


.cont04 p {
    font-size: 20px;
}


.cont04 .first p {
    word-break: keep-all;
    font-size: 50px;
    margin-top: 10px;
}

.cont04 .first img {
    width: 190px;
    margin: 40px auto;
}

.cont04 .second {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1088px;
    height: 636px;
    margin: 700px auto 300px;
}

.cont04 .second video {
    width: 431px;
    margin-right: 77px;
    border-radius: 10px;
}

.cont04 .second div h4 {
    margin: 17px 0;
    line-height: 1.3;
    word-break: keep-all;
}

.cont04 .second div p {
    margin: 25px 0;
    line-height: 3.0;
    word-break: keep-all;
}

.cont04 .second div p:first-child {
    margin-top: 40px;
}

.cont04 .third {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1088px;
    height: 636px;
    margin: 0 auto;
    text-align: right;
    margin: 300px auto;
}

.cont04 .third figure {
    width: 431px;
    object-fit: cover;
    margin-left: 77px;
    border: 10px;
    overflow: hidden;
    position: relative;
}

.cont04 .third figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cont04 .third figure video {
    width: 345px;
    position: absolute;
    top: 9px;
    left: 44px;
}

.cont04 .third div h4 {
    margin: 17px 0;
    line-height: 1.3;
    word-break: keep-all;
}

.cont04 .third div p {
    margin: 25px 0;
    line-height: 3;
    word-break: keep-all;
}

.cont04 .third div p:first-child {
    margin-top: 40px;
}

.cont04 .forth {
    text-align: center;
}

.cont04 .forth h4 {
    margin-bottom: 90px;
}

.cont04 .forth p {
    font-size: 40px;
    word-break: keep-all;
}

.end {
    margin-top: 250px;
    background-color: #000;
    position: relative;
}

.end:hover img {
    opacity: 0.35;
}

.end img {
    opacity: 0.7;
    transition: 0.35s;
}

.end .end_inner {
    width: 150px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5000px;
    border: 1px solid #fff;
    opacity: 0;
    transition: 0.35s;
}

.end:hover .end_inner {
    opacity: 1;
    transition: 0.35s;
}

.end .end_inner a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    transition: 0.35s;
}

.end .end_inner a:hover {
    transform: scale(1.2);
}

footer {
    display: flex;
    align-items: center;
    height: 286px;
    padding: 0 240px;
    background-color: #191919;
    color: white;
    justify-content: space-between;
}

footer .right {
    width: 80%;
}

footer .right .right_top {
    margin-bottom: 20px;
}

footer .right .right_top ul {
    display: flex;
    align-items: center;
}

footer .right .right_top a {
    font-size: 25px;
    font-weight: bold;
}

footer .right .right_top a:first-child {
    margin-right: 30px;
}

footer .right .right_bottom {
    margin-top: 20px;
}

footer .right .right_bottom li {
    font-size: 18px;
    font-weight: 200;
    margin: 10px 0;
}

footer .right .right_bottom p {
    margin-top: 20px;
}

@media screen and (max-width: 1440px) {
    .cont03 .swiper-button-next {
        right: 28.47vw;
    }

    .cont03 .swiper-button-prev {
        left: 28.47vw;
    }

    .cont03 .swiper-slide h4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cont03 .swiper-slide p {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cont03 .swiper-slide-next span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

}

@media screen and (max-width: 1279px) {
    .main_visual_inner .swiper-slide .text h1 {
        font-size: 40px;
    }

    .cont01 .cont01_left p,
    .cont01 .cont01_right p,
    .cont01 .cont01_center p {
        font-size: 40px;
    }

    .cont02 .inner {
        width: 95% !important;
        margin: 0 auto;
    }

    .cont02 .inner .left {
        border-radius: 0;
    }

    .cont02 .inner .right h3 {
        font-size: 40px;
    }

    .cont04 h4 {
        font-size: 45px;
    }

    .cont04 p {
        font-size: 18px;
    }

    footer {
        padding: 0;
        justify-content: space-evenly;
    }

    footer .left {
        margin-right: 30px;
    }

    footer .right .right_bottom li {
        font-size: 16px;
        font-weight: 200;
        margin: 10px 0;
        word-break: keep-all;
    }

    footer .right .right_top a {
        font-size: 20px;
        font-weight: bold;
    }

}

@media screen and (max-width: 1088px) {
    .cont04 .second,
    .cont04 .third {
        width: 95%;
        margin: 700px auto 300px auto;
    }
}

@media screen and (max-width: 1024px) {
    .cont03 .swiper-slide h4 {
        font-size: 20px;
    }

    .cont03 .swiper-slide-next p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cont03 .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont03 .swiper-slide a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
    }

    .cont03 .swiper-button-next {
        right: 8.47vw;
    }

    .cont03 .swiper-button-prev {
        left: 8.47vw;
    }

    .cont02 .inner .right h3 {
        font-size: 30px;
    }

    .cont02 .inner .right p {
        font-size: 16px;
    }

}

@media screen and (max-width: 910px) {
    header .inner .pc {
        display: none;
    }

    header .inner {
        justify-content: space-between;
    }

    header .inner .mobile {
        display: flex;
    }

    .main_visual .scroll_bg {
        display: none;
    }

    .main_visual_inner .swiper-slide .text h1 {
        font-size: 30px;
    }

    .main_visual_inner .swiper-slide .text p {
        font-size: 16px;
    }

    .cont01 .cont01_center h3:last-child {
        font-size: 70px;
    }

    .cont02 {
        height: auto;
        margin: 500px auto;
    }

    .cont02 .inner .left {
        width: 100% !important;
        position: static;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        border-radius: 0 !important;
    }

    .cont02 .inner .left::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.73);
        position: absolute;
        top: 0;
        left: 0;
    }

    .cont02 .inner .right {
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        color: white;
    }

    .cont03 .swiper-slide-next {
        transform: scale(1) !important;
    }

    .cont03 .swiper-slide-active {
        transform: scale(1.3) !important;
    }

    .cont03 .swiper-button-next {
        right: 10.47vw;
    }

    .cont03 .swiper-button-prev {
        left: 10.47vw;
    }
}

@media screen and (max-width: 768px) {
    .main_visual_inner {
        height: 90vh;
    }

    .main_visual_inner .swiper-slide .text {
        display: none;
    }

    .main_visual_inner .mobile_text {
        display: flex;
    }

    .main_visual_inner .swiper {
        width: 100%;
        height: 100%;
    }

    .main_visual_inner .main_visual_button {
        display: none;
    }

    .cont01 .cont01_center h3:last-child {
        font-size: 38px;
    }

    .cont03 .swiper-button-next {
        right: 2.47vw;
    }

    .cont03 .swiper-button-prev {
        left: 2.47vw;
    }

    .cont01 .cont01_left img,
    .cont01 .cont01_right img,
    .cont01 .cont01_center img {
        display: none;
    }

    .cont03 .title h3 {
        word-break: keep-all;
    }

    .cont04 .second, .cont04 .third {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .cont04 .second div, .cont04 .third div {
        text-align: center;
    }

    .cont04 .second video, .cont04 .third figure {
        margin: 20px 0;
    }
}