@import url(default.css);
@import url(fonts.css);
@import url(common.css);
@import url(layout.css);
.cormorant-sc-bold {
    font-family: "Cormorant SC", serif;
    font-weight: 700;
    font-style: normal;
}

h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 1.3;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: var(--header-h);
    color: var(--color-w);
    padding: var(--wrapper-margin) ;
    border-bottom: 1px solid var(--color-w60);

    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.5s;
}
header .logo a {
    display: block;
    width: 151px;
    height: 44px;
    background: url(../images/logo_w.svg) no-repeat center center / contain;
}
header .gnb {
    display: flex;
    align-items: center;
    margin-right: var(--wrapper-margin);
}
header .gnb .gnb_open {
    width: 2em;
    height: 2em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.0526em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.33333 18.6667C1.69167 18.6667 1.14236 18.4382 0.685417 17.9812C0.228472 17.5243 0 16.975 0 16.3333C0 15.6917 0.228472 15.1424 0.685417 14.6854C1.14236 14.2285 1.69167 14 2.33333 14C2.975 14 3.52431 14.2285 3.98125 14.6854C4.43819 15.1424 4.66667 15.6917 4.66667 16.3333C4.66667 16.975 4.43819 17.5243 3.98125 17.9812C3.52431 18.4382 2.975 18.6667 2.33333 18.6667ZM9.33333 18.6667C8.69167 18.6667 8.14236 18.4382 7.68542 17.9812C7.22847 17.5243 7 16.975 7 16.3333C7 15.6917 7.22847 15.1424 7.68542 14.6854C8.14236 14.2285 8.69167 14 9.33333 14C9.975 14 10.5243 14.2285 10.9813 14.6854C11.4382 15.1424 11.6667 15.6917 11.6667 16.3333C11.6667 16.975 11.4382 17.5243 10.9813 17.9812C10.5243 18.4382 9.975 18.6667 9.33333 18.6667ZM16.3333 18.6667C15.6917 18.6667 15.1424 18.4382 14.6854 17.9812C14.2285 17.5243 14 16.975 14 16.3333C14 15.6917 14.2285 15.1424 14.6854 14.6854C15.1424 14.2285 15.6917 14 16.3333 14C16.975 14 17.5243 14.2285 17.9812 14.6854C18.4382 15.1424 18.6667 15.6917 18.6667 16.3333C18.6667 16.975 18.4382 17.5243 17.9812 17.9812C17.5243 18.4382 16.975 18.6667 16.3333 18.6667ZM2.33333 11.6667C1.69167 11.6667 1.14236 11.4382 0.685417 10.9813C0.228472 10.5243 0 9.975 0 9.33333C0 8.69167 0.228472 8.14236 0.685417 7.68542C1.14236 7.22847 1.69167 7 2.33333 7C2.975 7 3.52431 7.22847 3.98125 7.68542C4.43819 8.14236 4.66667 8.69167 4.66667 9.33333C4.66667 9.975 4.43819 10.5243 3.98125 10.9813C3.52431 11.4382 2.975 11.6667 2.33333 11.6667ZM9.33333 11.6667C8.69167 11.6667 8.14236 11.4382 7.68542 10.9813C7.22847 10.5243 7 9.975 7 9.33333C7 8.69167 7.22847 8.14236 7.68542 7.68542C8.14236 7.22847 8.69167 7 9.33333 7C9.975 7 10.5243 7.22847 10.9813 7.68542C11.4382 8.14236 11.6667 8.69167 11.6667 9.33333C11.6667 9.975 11.4382 10.5243 10.9813 10.9813C10.5243 11.4382 9.975 11.6667 9.33333 11.6667ZM16.3333 11.6667C15.6917 11.6667 15.1424 11.4382 14.6854 10.9813C14.2285 10.5243 14 9.975 14 9.33333C14 8.69167 14.2285 8.14236 14.6854 7.68542C15.1424 7.22847 15.6917 7 16.3333 7C16.975 7 17.5243 7.22847 17.9812 7.68542C18.4382 8.14236 18.6667 8.69167 18.6667 9.33333C18.6667 9.975 18.4382 10.5243 17.9812 10.9813C17.5243 11.4382 16.975 11.6667 16.3333 11.6667ZM2.33333 4.66667C1.69167 4.66667 1.14236 4.43819 0.685417 3.98125C0.228472 3.52431 0 2.975 0 2.33333C0 1.69167 0.228472 1.14236 0.685417 0.685417C1.14236 0.228472 1.69167 0 2.33333 0C2.975 0 3.52431 0.228472 3.98125 0.685417C4.43819 1.14236 4.66667 1.69167 4.66667 2.33333C4.66667 2.975 4.43819 3.52431 3.98125 3.98125C3.52431 4.43819 2.975 4.66667 2.33333 4.66667ZM9.33333 4.66667C8.69167 4.66667 8.14236 4.43819 7.68542 3.98125C7.22847 3.52431 7 2.975 7 2.33333C7 1.69167 7.22847 1.14236 7.68542 0.685417C8.14236 0.228472 8.69167 0 9.33333 0C9.975 0 10.5243 0.228472 10.9813 0.685417C11.4382 1.14236 11.6667 1.69167 11.6667 2.33333C11.6667 2.975 11.4382 3.52431 10.9813 3.98125C10.5243 4.43819 9.975 4.66667 9.33333 4.66667ZM16.3333 4.66667C15.6917 4.66667 15.1424 4.43819 14.6854 3.98125C14.2285 3.52431 14 2.975 14 2.33333C14 1.69167 14.2285 1.14236 14.6854 0.685417C15.1424 0.228472 15.6917 0 16.3333 0C16.975 0 17.5243 0.228472 17.9812 0.685417C18.4382 1.14236 18.6667 1.69167 18.6667 2.33333C18.6667 2.975 18.4382 3.52431 17.9812 3.98125C17.5243 4.43819 16.975 4.66667 16.3333 4.66667Z' /%3E%3C/svg%3E%0A");
}

header.fixed {
    background-color: var(--color-b90);
    backdrop-filter: blur(10px);
}
/* 스크롤을 아래로 내릴떄 header 올림 
    header에 menu_pc, menu_mo 있을때는 작동이 안됐으면 좋겠음 ! */
header.up:not(.menu_pc, .menu_mo) {
    transform: translateY(-100%);
}
header .gnb .gnb_wrap ul.depth1 > li.over > a {
    color: var(--color-point);
}

@media screen and (min-width:1025px){ /* pc버전일때 */
        header .gnb_wrap .gnb_logo,
        header .gnb_wrap .gnb_close {
            display: none; /*모바일에서만 보임*/
        }
        header .gnb .gnb_wrap ul.depth1 {
            display: flex;
        }
        header .gnb .gnb_wrap ul.depth1 > li {
            position: relative; /* depth2 정렬의 기준 */
        }
        header .gnb .gnb_wrap ul.depth1 > li > a {
            display: block;
            font-family: var(--font-basic);
            font-size: 19px;
            font-weight: 700;
            line-height: var(--header-h);
            padding: 0 1.6316em;
        }
            header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 {
            display: block;
            position: absolute;
            left: 50%; /* 정렬의 기준인 li 넓이의 절반 */
            transform: translateX(-50%); /*나 자신의 넓이의 절반*/
            top: var(--header-h);
            text-align: center;
            min-width: 100%;
            padding: 1.1765em 0 1.4706em 0;
            background-color: var(--color-b90);
            backdrop-filter: blur(10px);
        }
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li > a {
            display: block;
            font-family: var(--font-basic);
            font-size: 17px;
            font-weight: 400;
            line-height: 1.5;
            padding: 0.4118em 0;
            white-space: nowrap;
        }
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li > a:hover,
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li > a:focus {
            color: var(--color-point);
        }
} /*@media*/
@media screen and (max-width:1320px){
        header .gnb .gnb_wrap ul.depth1 > li > a {
            padding: 0 1.0526em;
        }
} /*@media*/
@media screen and (max-width:1024px){
        header {
            padding-right: 0;
            border: none;
        }

        header .logo a {
            width: 82px;
            height: 31px;
            background: url(../images/logo_w.svg) no-repeat center center/contain;
        }

        /* OPEN BUTTON */
        header .gnb .gnb_open {
            width: var(--header-h);
            height: var(--header-h);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 1.0526em;
        }

        /* 전체 메뉴 박스 */
        header .gnb .gnb_wrap {
            position: absolute;
            left: -81%;
            top: 0;
            height: 100dvh;
            width: 80%;
            background-color: var(--color-w);
            transition: left 0.4s;
            overflow-y: auto;
        }
        header.menu_mo .gnb .gnb_wrap {
            left: 0;
        }

        /* 메뉴열렸을 때 배경 */
        header .gnb .gnb_bg {
            position: absolute;
            right: -100%;
            top: 0;
            width: 100%;
            height: 100dvh;
            background-color: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px);
            opacity: 0;
            transition: .4s;
            z-index: -1;
        }
        header.menu_mo .gnb .gnb_bg {
            right: 0;
            opacity: 1;
        }

        /* 상단 로고 영역 */
        header .gnb .gnb_wrap .gnb_logo {
            position: relative;
            height: var(--header-h);
            min-height: 84px;
            padding-left: var(--wrapper-margin);
            display: flex;
            align-items: center;
            background-color: var(--color-main);
            color: var(--color-w);
        }

        header .gnb .gnb_wrap .gnb_logo::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 20px;
            transform: translateX(-50%);
            width: 144px;
            height: 42px;
            background: url(../images/logo_w.svg) no-repeat center/contain;
        }

        /* 닫기 버튼 */
        header .gnb .gnb_wrap .gnb_close {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: var(--header-h);
            height: var(--header-h);
            text-align: left;
            font-size: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.575 7.975L1.675 12.875C1.49167 13.0583 1.25833 13.15 0.975 13.15C0.691667 13.15 0.458333 13.0583 0.275 12.875C0.0916667 12.6917 0 12.4583 0 12.175C0 11.8917 0.0916667 11.6583 0.275 11.475L5.175 6.575L0.275 1.675C0.0916667 1.49167 0 1.25833 0 0.975C0 0.691667 0.0916667 0.458333 0.275 0.275C0.458333 0.0916667 0.691667 0 0.975 0C1.25833 0 1.49167 0.0916667 1.675 0.275L6.575 5.175L11.475 0.275C11.6583 0.0916667 11.8917 0 12.175 0C12.4583 0 12.6917 0.0916667 12.875 0.275C13.0583 0.458333 13.15 0.691667 13.15 0.975C13.15 1.25833 13.0583 1.49167 12.875 1.675L7.975 6.575L12.875 11.475C13.0583 11.6583 13.15 11.8917 13.15 12.175C13.15 12.4583 13.0583 12.6917 12.875 12.875C12.6917 13.0583 12.4583 13.15 12.175 13.15C11.8917 13.15 11.6583 13.0583 11.475 12.875L6.575 7.975Z' /%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 20px;
        }

        /* DEPTH1 */
        header .gnb .gnb_wrap ul.depth1 {
            display: block;
        }

        header .gnb .gnb_wrap ul.depth1 > li {
            border-bottom: 1px solid #ccc;
            position: relative;
        }

        /* depth1 버튼 */
        header .gnb .gnb_wrap ul.depth1 > li > a {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.0526em;
            font-family: var(--font-basic);
            font-size: 19px;
            font-weight: 700;
            color: var(--color-b90);
        }

        /* 오른쪽 화살표 */
        header .gnb .gnb_wrap ul.depth1 > li > a::after {
            content: "";
            position: absolute;
            right: 1.8947em;
            top: 1.1579em;
            width: 0.9474em;
            height: 0.9474em;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 8' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.11593 5.79414L12.6284 0.28164C12.8159 0.0941395 13.0347 0.0035142 13.2847 0.00976409C13.5347 0.016014 13.7534 0.112889 13.9409 0.300389C14.1284 0.487889 14.2222 0.706639 14.2222 0.956639C14.2222 1.20664 14.1284 1.42539 13.9409 1.61289L8.18468 7.38789C8.03468 7.53789 7.86593 7.65039 7.67843 7.72539C7.49093 7.80039 7.30343 7.83789 7.11593 7.83789C6.92843 7.83789 6.74093 7.80039 6.55343 7.72539C6.36593 7.65039 6.19718 7.53789 6.04718 7.38789L0.272178 1.61289C0.0846777 1.42539 -0.00594729 1.20352 0.000302721 0.947265C0.00655273 0.691015 0.103428 0.46914 0.290928 0.28164C0.478428 0.09414 0.697178 0.000390022 0.947178 0.000390011C1.19718 0.00039 1.41593 0.09414 1.60343 0.28164L7.11593 5.79414Z' /%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center center;
            transition: 0.3s;
        }

        /* 열렸을 때 화살표 회전 + 포인트색 */
        header .gnb .gnb_wrap ul.depth1 > li.open > a {
            color: var(--color-point);
        }
        header .gnb .gnb_wrap ul.depth1 > li.open > a::after {
            transform: rotate(180deg);
            filter: invert(43%) sepia(86%) saturate(402%) hue-rotate(338deg);
        }

        /* DEPTH2 */
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 {
            display: none;
            background: var(--color-bg);
            padding: 18px 67px;
        }
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li > a {
            display: block;
            padding: 8px 0;
            font-size: 16px;
            line-height: 1.4;
            color: var(--color-bg);
            text-align: center;
        }
        header .gnb .gnb_wrap ul.depth1 > li:hover > a {
            color: var(--color-point);
        }
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li > a > span {
            font-family: var(--font-basic);
            color: var(--color-title);
        }
        header .gnb .gnb_wrap ul.depth1 > li > ul.depth2 > li:hover > a > span  {
            font-weight: 700;
            color: var(--color-point);
        }
}/*@media*/

.visual {
    position: relative;
}
.visual .swiper-slide {
    height: 100dvh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--color-w);

    display: flex;
    align-items: center;
}
.visual .swiper-slide.bg1 {
    background-image: url(../images/main/visual01.jpg);
}
.visual .swiper-slide.bg2 {
    background-image: url(../images/main/visual02.jpg);
}
.visual .swiper-slide.bg3 {
    background-image: url(../images/main/visual03.jpg);
}
.visual .swiper-slide strong {
    font-family: var(--font-basic);
}
.visual .swiper-slide h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0.1833em;
    position: relative; /* after 정렬의 기준 */
}
.visual .swiper-slide h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1667em;
    width: 2.6167em;
    height: 0.0167em;
    background-color: var(--color-w60);
}
.visual .visual_quick ul {
    position: absolute;
    right: 0;
    top: var(--header-h);
    z-index: 1;
    color: var(--color-w80);
    max-width: 640px;
    display: flex;
    flex-wrap: wrap;
}
.visual .visual_quick li {
    width: 320px;
    height: calc((100dvh - var(--header-h)) / 2);
    position: relative;
}
.visual .visual_quick li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-w30);
}
.visual .visual_quick li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--color-w30);
}
.visual .visual_quick li a {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 0 1.25em 1.25em;
}
.visual .visual_quick li a:hover {
    background-color: var(--color-w30);
}
.visual .visual_quick li a span {
    font-family: var(--font-basic);
    font-size: 24px;
    font-weight: 700;
}
@media screen and (max-width:1320px){
        .visual .visual_quick {
            display: none;
        }
}
@media screen and (max-width:1024px){
        .visual .swiper-slide {
            height: 600px;
        }
        .visual .swiper-slide h3 {
            font-size: 48px;
        }
}
@media screen and (max-width:768px){
        .visual .swiper-slide h3 {
            font-size: 35px;
        }
}

.performance {
    margin: 10.6471em 0 0.5818em 0;
}
.performance .wrapper {
    position: relative; /* more정렬의 기준 */
}
.performance h2 {
    position: relative;
}
.performance h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0.3455em;
    width: calc(100% - 7.5636em);
    height: 1px;
    background-color: var(--color-title);
}
.performance .swiper-slide {
    position: relative; /* txt정렬의 기준 */
    width: 297px;
    margin-top: 20px;
    transition: transform 0.5s;
}
.performance .swiper-slide:hover {
    transform: translateY(-20px);
}
.performance .swiper-slide a {
    display: block;
}
.performance .swiper-slide a .photo {
    height: 392px;
    overflow: hidden;
    position: relative;
}
.performance .swiper-slide:hover a .photo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.performance .swiper-slide a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.performance .swiper-slide a .txt {
    display: none;
}
.performance .swiper-slide:hover a .txt {
    display: flex;
    flex-direction: column;
    gap: 7px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: var(--font-basic);
    color: var(--color-w);
    padding: 217px 30px 45px 30px;
}
.performance .swiper-slide a .txt h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;

    overflow: hidden;
    height: 2.6em;
}
.performance .swiper-slide a .txt span {
    padding: 0 0 0 1.5294em;
    position: relative;
}
.performance .swiper-slide a .txt span.place::before,
.performance .swiper-slide a .txt span.date::before  {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4118em;
    height: 1.4118em;
    background-position: center center;
    background-repeat: no-repeat;
}
.performance .swiper-slide a .txt span.place::before {
    background-size: 0.9412em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 19' fill='%23ffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.548 17.0135C9.50433 15.2622 11.0014 13.5823 12.0393 11.974C13.0771 10.3657 13.596 8.957 13.596 7.748C13.596 5.925 13.0168 4.42633 11.8585 3.252C10.7002 2.07767 9.26333 1.4905 7.548 1.4905C5.83267 1.4905 4.39583 2.07767 3.2375 3.252C2.07917 4.42633 1.5 5.925 1.5 7.748C1.5 8.957 2.01892 10.3657 3.05675 11.974C4.09458 13.5823 5.59167 15.2622 7.548 17.0135ZM7.548 18.4403C7.35317 18.4403 7.15833 18.4067 6.9635 18.3395C6.7685 18.2722 6.59217 18.168 6.4345 18.027C5.53717 17.2 4.69742 16.3483 3.91525 15.472C3.13325 14.5958 2.4535 13.7199 1.876 12.8443C1.29833 11.9686 0.84125 11.1007 0.50475 10.2405C0.16825 9.38017 0 8.54933 0 7.748C0 5.44033 0.746417 3.57208 2.23925 2.14325C3.73225 0.714416 5.50183 0 7.548 0C9.59417 0 11.3637 0.714416 12.8567 2.14325C14.3496 3.57208 15.096 5.44033 15.096 7.748C15.096 8.54933 14.9277 9.3785 14.5912 10.2355C14.2547 11.0927 13.7993 11.9607 13.225 12.8395C12.6505 13.7183 11.9722 14.5942 11.1902 15.4672C10.4082 16.3404 9.5685 17.1904 8.671 18.0173C8.51567 18.1583 8.33908 18.264 8.14125 18.3345C7.94358 18.405 7.74583 18.4403 7.548 18.4403ZM7.54975 9.36525C8.04725 9.36525 8.47258 9.18808 8.82575 8.83375C9.17908 8.47942 9.35575 8.0535 9.35575 7.556C9.35575 7.0585 9.17858 6.63308 8.82425 6.27975C8.46992 5.92658 8.04392 5.75 7.54625 5.75C7.04875 5.75 6.62342 5.92717 6.27025 6.2815C5.91692 6.63583 5.74025 7.06183 5.74025 7.5595C5.74025 8.057 5.91742 8.48233 6.27175 8.8355C6.62608 9.18867 7.05208 9.36525 7.54975 9.36525Z' /%3E%3C/svg%3E%0A");
}
.performance .swiper-slide a .txt span.date::before {
    background-size: 0.8824em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 20' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.45 13.4307L11.127 9.75375C11.2757 9.60508 11.4548 9.52908 11.6645 9.52575C11.874 9.52258 12.0563 9.59858 12.2115 9.75375C12.3667 9.90892 12.4443 10.0897 12.4443 10.296C12.4443 10.5023 12.3667 10.6831 12.2115 10.8383L8.08275 14.9672C7.90192 15.1479 7.691 15.2382 7.45 15.2382C7.209 15.2382 6.99808 15.1479 6.81725 14.9672L4.7885 12.9383C4.63983 12.7896 4.56383 12.6104 4.5605 12.4008C4.55733 12.1913 4.63333 12.0089 4.7885 11.8538C4.94367 11.6986 5.12442 11.621 5.33075 11.621C5.53708 11.621 5.71783 11.6986 5.873 11.8538L7.45 13.4307ZM1.80775 19.1152C1.30258 19.1152 0.875 18.9403 0.525 18.5903C0.175 18.2403 0 17.8127 0 17.3075V3.923C0 3.41783 0.175 2.99025 0.525 2.64025C0.875 2.29025 1.30258 2.11525 1.80775 2.11525H3.19225V0.769C3.19225 0.549834 3.26567 0.366833 3.4125 0.22C3.55933 0.073333 3.74233 0 3.9615 0C4.18083 0 4.36383 0.073333 4.5105 0.22C4.65733 0.366833 4.73075 0.549834 4.73075 0.769V2.11525H12.3077V0.75C12.3077 0.537167 12.3795 0.358916 12.523 0.21525C12.6667 0.0717496 12.8449 0 13.0577 0C13.2706 0 13.4487 0.0717496 13.5922 0.21525C13.7359 0.358916 13.8077 0.537167 13.8077 0.75V2.11525H15.1923C15.6974 2.11525 16.125 2.29025 16.475 2.64025C16.825 2.99025 17 3.41783 17 3.923V17.3075C17 17.8127 16.825 18.2403 16.475 18.5903C16.125 18.9403 15.6974 19.1152 15.1923 19.1152H1.80775ZM1.80775 17.6152H15.1923C15.2693 17.6152 15.3398 17.5832 15.4038 17.519C15.4679 17.455 15.5 17.3845 15.5 17.3075V7.923H1.5V17.3075C1.5 17.3845 1.53208 17.455 1.59625 17.519C1.66025 17.5832 1.73075 17.6152 1.80775 17.6152ZM1.5 6.423H15.5V3.923C15.5 3.846 15.4679 3.7755 15.4038 3.7115C15.3398 3.64733 15.2693 3.61525 15.1923 3.61525H1.80775C1.73075 3.61525 1.66025 3.64733 1.59625 3.7115C1.53208 3.7755 1.5 3.846 1.5 3.923V6.423Z' /%3E%3C/svg%3E%0A");
}
.performance .more {
    position: absolute;
    right: 0;
    top: 15px;
    border: 1px solid var(--color-title);
    padding: 0.3529em 2.4118em 0.2941em 1.0588em;

    font-family: var(--font-basic);
}
.performance .more a {
    display: block;
    position: relative;
}
.performance .more a::after {
    content: "";
    position: absolute;
    right: -1.2353em;
    top: 0.3529em;
    width: 0.7059em;
    height: 0.7059em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
.performance .more a:hover::after {
    animation: turn 1s infinite linear ;
}
@keyframes turn {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}
.performance .ctrl_btn {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 0 10px;
}
.performance .ctrl_btn .btn_prev,
.performance .ctrl_btn .btn_next {
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid var(--color-title);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0175774 8L8.00098 0.0175788L9.40723 1.40137L3.81641 6.99121L3.79492 7.0127L15.9873 7.0127L15.9873 8.9873L3.79492 8.98731L9.40723 14.5996L8.00098 15.9834L0.0175774 8Z' stroke='%231D1D1D' stroke-width='0.025'/%3E%3C/svg%3E%0A");
}
.performance .ctrl_btn .btn_next {
    transform: rotate(180deg);
}
.performance .ctrl_btn button.swiper-button-disabled {
    opacity: 0.3;
}
@media screen and (max-width:1024px){
        .performance {
            margin: 77px 0 0 0;
        }
        .performance h2 {
            font-size: 40px;
        }
        .performance h2::after {
            display: none;
        }
        .performance .swiper-slide {
            width: 252px;
        }
        .performance .swiper-slide:hover {
            transform: none;
        }
        .performance .swiper-slide a .photo {
            height: 333px;
        }
        .performance .swiper-slide a .txt {
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            gap: 5px 0;
            position: static;
            left: auto;
            bottom: auto;
            font-family: var(--font-basic);
        }
        .performance .swiper-slide:hover a .txt {
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            gap: 5px 0;
            position: static;
            left: auto;
            bottom: auto;
            font-family: var(--font-basic);
            color: var(--color-title);
            padding: 0;
        }
        .performance .swiper-slide a .txt h3 {
            font-size: 19px;
        }
        .performance .swiper-slide a .txt span.place::before {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 19' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.548 17.0135C9.50433 15.2622 11.0014 13.5823 12.0393 11.974C13.0771 10.3657 13.596 8.957 13.596 7.748C13.596 5.925 13.0168 4.42633 11.8585 3.252C10.7002 2.07767 9.26333 1.4905 7.548 1.4905C5.83267 1.4905 4.39583 2.07767 3.2375 3.252C2.07917 4.42633 1.5 5.925 1.5 7.748C1.5 8.957 2.01892 10.3657 3.05675 11.974C4.09458 13.5823 5.59167 15.2622 7.548 17.0135ZM7.548 18.4403C7.35317 18.4403 7.15833 18.4067 6.9635 18.3395C6.7685 18.2722 6.59217 18.168 6.4345 18.027C5.53717 17.2 4.69742 16.3483 3.91525 15.472C3.13325 14.5958 2.4535 13.7199 1.876 12.8443C1.29833 11.9686 0.84125 11.1007 0.50475 10.2405C0.16825 9.38017 0 8.54933 0 7.748C0 5.44033 0.746417 3.57208 2.23925 2.14325C3.73225 0.714416 5.50183 0 7.548 0C9.59417 0 11.3637 0.714416 12.8567 2.14325C14.3496 3.57208 15.096 5.44033 15.096 7.748C15.096 8.54933 14.9277 9.3785 14.5912 10.2355C14.2547 11.0927 13.7993 11.9607 13.225 12.8395C12.6505 13.7183 11.9722 14.5942 11.1902 15.4672C10.4082 16.3404 9.5685 17.1904 8.671 18.0173C8.51567 18.1583 8.33908 18.264 8.14125 18.3345C7.94358 18.405 7.74583 18.4403 7.548 18.4403ZM7.54975 9.36525C8.04725 9.36525 8.47258 9.18808 8.82575 8.83375C9.17908 8.47942 9.35575 8.0535 9.35575 7.556C9.35575 7.0585 9.17858 6.63308 8.82425 6.27975C8.46992 5.92658 8.04392 5.75 7.54625 5.75C7.04875 5.75 6.62342 5.92717 6.27025 6.2815C5.91692 6.63583 5.74025 7.06183 5.74025 7.5595C5.74025 8.057 5.91742 8.48233 6.27175 8.8355C6.62608 9.18867 7.05208 9.36525 7.54975 9.36525Z' /%3E%3C/svg%3E%0A");
        }
        .performance .swiper-slide a .txt span.date::before {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 20' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.45 13.4307L11.127 9.75375C11.2757 9.60508 11.4548 9.52908 11.6645 9.52575C11.874 9.52258 12.0563 9.59858 12.2115 9.75375C12.3667 9.90892 12.4443 10.0897 12.4443 10.296C12.4443 10.5023 12.3667 10.6831 12.2115 10.8383L8.08275 14.9672C7.90192 15.1479 7.691 15.2382 7.45 15.2382C7.209 15.2382 6.99808 15.1479 6.81725 14.9672L4.7885 12.9383C4.63983 12.7896 4.56383 12.6104 4.5605 12.4008C4.55733 12.1913 4.63333 12.0089 4.7885 11.8538C4.94367 11.6986 5.12442 11.621 5.33075 11.621C5.53708 11.621 5.71783 11.6986 5.873 11.8538L7.45 13.4307ZM1.80775 19.1152C1.30258 19.1152 0.875 18.9403 0.525 18.5903C0.175 18.2403 0 17.8127 0 17.3075V3.923C0 3.41783 0.175 2.99025 0.525 2.64025C0.875 2.29025 1.30258 2.11525 1.80775 2.11525H3.19225V0.769C3.19225 0.549834 3.26567 0.366833 3.4125 0.22C3.55933 0.073333 3.74233 0 3.9615 0C4.18083 0 4.36383 0.073333 4.5105 0.22C4.65733 0.366833 4.73075 0.549834 4.73075 0.769V2.11525H12.3077V0.75C12.3077 0.537167 12.3795 0.358916 12.523 0.21525C12.6667 0.0717496 12.8449 0 13.0577 0C13.2706 0 13.4487 0.0717496 13.5922 0.21525C13.7359 0.358916 13.8077 0.537167 13.8077 0.75V2.11525H15.1923C15.6974 2.11525 16.125 2.29025 16.475 2.64025C16.825 2.99025 17 3.41783 17 3.923V17.3075C17 17.8127 16.825 18.2403 16.475 18.5903C16.125 18.9403 15.6974 19.1152 15.1923 19.1152H1.80775ZM1.80775 17.6152H15.1923C15.2693 17.6152 15.3398 17.5832 15.4038 17.519C15.4679 17.455 15.5 17.3845 15.5 17.3075V7.923H1.5V17.3075C1.5 17.3845 1.53208 17.455 1.59625 17.519C1.66025 17.5832 1.73075 17.6152 1.80775 17.6152ZM1.5 6.423H15.5V3.923C15.5 3.846 15.4679 3.7755 15.4038 3.7115C15.3398 3.64733 15.2693 3.61525 15.1923 3.61525H1.80775C1.73075 3.61525 1.66025 3.64733 1.59625 3.7115C1.53208 3.7755 1.5 3.846 1.5 3.923V6.423Z' /%3E%3C/svg%3E%0A");
        }
        .performance .more {
            top: 0.3529em;
            width: 1.9412em;
            height: 1.9412em;
            padding: 0;
        }
        .performance .more a {
            display: block;
            position: relative;
        }
        .performance .more a::after {
            content: "";
            position: absolute;
            right: 0.5294em;
            top: 0.5294em;
            width: 0.7647em;
            height: 0.7647em;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
        }
        .performance .more a span {
            display: none;
        }
        .performance .ctrl_btn {
            display: none;
        }
}/*@media*/


.academy {
    margin-top: 112px;
    background: url(../images/academy_bg1.jpg) no-repeat center center / cover;
    color: var(--color-w);
    padding: 156px 0 175px 0;
}
.academy .wrapper {
    position: relative;
}
.academy h2 {
    position: relative;
}
.academy h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 18px;;
    width: calc(100% - 279px);
    height: 1px;
    background-color: var(--color-w60);
}
.academy .tab_list {
    position: absolute;
    right: 0;
    top: 16px;
}
.academy .tab_list ul {
    display: flex;
    gap: 0 7px;
}
.academy .tab_list ul li button {
    display: block;
    border: 1px solid var(--color-w60);
    padding: 5px 24px;
    color: var(--color-w60);
}
.academy .tab_list ul li.active button {
    border-color: var(--color-w);
    color: var(--color-w);
}
.academy .tab_content {
    position: relative;
    background: var(--color-bg2);
    height: 475px;
    margin: 157px 0 0 210px;
    padding-left: calc(50% - 50px);
}
.academy .tab_content .tab_item .list .photo {
    position: absolute;
    left: -210px;
    top: -84px;
    /* width: calc(50% + 27.2353em); */
    overflow: hidden;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3) ;
    display: inline-block;
}
.academy .tab_content .tab_item .list .photo img {
    /* max-width: 100%;
    object-fit: cover;
    transition: 0.5s; */
    display: block;
    width: auto;      /* 원본 이미지 비율 유지 */
    height: auto;     /* 원본 크기 유지 */
    object-fit: cover;
    transition: 0.5s;
}
.academy .tab_content .tab_item .list .photo img:hover {
    transform: scale3d(1.2, 1.2, 1);
}
.academy .tab_content .tab_item .list .txt {
    color: var(--color-title);
    display: flex;
    flex-direction: column;
    padding: 70px 50px 0 50px;
    margin-bottom: 30px;
}
.academy .tab_content .tab_item .list .txt strong {
    color: var(--color-point);
}
.academy .tab_content .tab_item .list .txt h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    margin: 7px 0 16px 0;
    word-break: break-all;
}
.academy .tab_content .tab_item .list .txt h3 br {
    display: none;
}
.academy .tab_content .tab_item .list .txt p {
    word-break: break-all;
}

.academy .tab_content .tab_item .list a {
    display: block;
    font-family: var(--font-basic);
    color: var(--color-title);
    width: 140px;
    margin-left: 50px;
}
.academy .tab_content .tab_item .list a .more {
    position: relative;
}
.academy .tab_content .tab_item .list a .more::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 43px;
    background-color: var(--color-point);
    transition: 0.5s;
}
.academy .tab_content .tab_item .list a:hover .more::before {
    width: 100%;
}
.academy .tab_content .tab_item .list a .more::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 14px;
    width: 12px;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
.academy .tab_content .tab_item .list a .more span {
    position: relative;
    left: 37px;
    top: 8px;
    z-index: 1;
}
.academy .tab_content .tab_item.item2 {
    display: none;
}
@media screen and (max-width:1320px) and (min-width:1025px) {
    .academy .tab_content .tab_item .list .photo {
        width: calc(50% + 17.2353em);
    }
    .academy .tab_content .tab_item .list .photo img {
        width: 100%;
    }
    .academy .tab_content .tab_item .list .txt {
        display: flex;
        flex-direction: column;
        padding: 40px 40px 0 50px;
    }

    
}
@media screen and (max-width:1024px){
        .academy {
            margin-top: 90px;
            color: var(--color-w);
            padding: 70px 0 66px 0;
        }
        .academy h2 {
            font-size: 40px;
        }
        .academy h2::after {
            display: none;
        }
        .academy .tab_list {
            position: static;
            margin-top: 21px;
        }
        .academy .tab_list ul {
            display: flex;
            gap: 0 7px;
        }
        .academy .tab_list ul li button {
            display: block;
            border: 1px solid var(--color-w60);
            padding: 5px 24px;
            color: var(--color-w60);
        }
        .academy .tab_list ul li.active button {
            border-color: var(--color-w);
            color: var(--color-w);
        }
        .academy .tab_content {
            background: none;
            height: auto;
            margin: 20px 0 0 0;
            padding-left: 0;
        }
        .academy .tab_content .tab_item .list .photo {
            position: static;
            width: 100%;
            height: auto;
            overflow: hidden;
            box-shadow: none;
        }
        .academy .tab_content .tab_item .list .photo img {
            width: 100%;
        }
        .academy .tab_content .tab_item .list .txt {
            color: var(--color-w);
            padding: 26px 0 0 0;
            margin-bottom: 30px;
        }
        .academy .tab_content .tab_item .list .txt h3 {
            font-size: 40px;
            font-weight: 700;
            line-height: 1.3;
            margin: 7px 0 16px 0;
        }
        .academy .tab_content .tab_item .list a {
            display: inline-block;
            width: 40px;
            padding: 0;
            margin-left: auto;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
        .academy .tab_content .tab_item .list a:hover .more {
            width: 40px;
        }
        .academy .tab_content .tab_item .list a .more::before {
            content: "";
            position: absolute;
            left: 0;
            top: -16px;
            width: 40px;
            height: 40px;
            transition: none;
        }
        .academy .tab_content .tab_item .list a .more::after {
            content: "";
            position: absolute;
            left: 14px;
            top: -2px;
            width: 12px;
            height: 12px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 16px;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
        }
        .academy .tab_content .tab_item .list a .more span {
            display: none;
        }
        .academy .tab_content .tab_item.item2 {
            display: none;
        }
}

.notice {
    padding: 10.3529em 4.7059em 200px 4.7059em;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-items: center;
    gap: 0 4%;
    position: relative;
}
.notice h2 {
    position: relative;
    margin-bottom: 0.6545em;
}
.notice h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0.3455em;
    width: calc(100% - 3.9273em);
    height: 1px;
    background-color: var(--color-title);
}
.notice .notice_left {
    flex: 1 1 calc(65% - 5%); /* 60% 고정 비율 */
    min-width: 300px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.notice .notice_left .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px 0;
}
.notice .notice_left .list ul li {
    background-color: var(--color-bg);
    border-radius: 10px;
    width: calc(33.33% - 10px);
    padding: 40px 25px;
    font-family: var(--font-basic);
}
.notice .notice_left .list ul li:hover {
    background-color: var(--color-main);
}
.notice .notice_left .list ul li a {
    display: block;
}
.notice .notice_left .list ul li a h3 {
    font-size: 1.1765em;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1.25em;

    height: 2.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notice .notice_left .list ul li:hover a h3,
.notice .notice_left .list ul li:hover a p {
    color: var(--color-w);
}
.notice .notice_left .more {
    position: absolute;
    right: 0;
    top: 14px;
    border: 1px solid var(--color-title);
    padding: 0.3529em 2.4118em 0.2941em 1.0588em;

    font-family: var(--font-basic);
}
.notice .notice_left .more a {
    display: block;
    position: relative;
}
.notice .notice_left .more a::after {
    content: "";
    position: absolute;
    right: -1.2353em;
    top: 0.3529em;
    width: 0.7059em;
    height: 0.7059em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
.notice .notice_left .more a:hover::after {
    animation: turn 1s infinite linear ;
}
.notice .notice_right {
    flex: 1 1 35%; /* 40% 고정 비율 */
    display: flex;
    flex-direction: column;
    min-width: 480px;
}
.notice .notice_right .sns ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* li 간격 */
}
.notice .notice_right .sns ul li {
    width: calc(50% - 8px);
}
.notice .notice_right .sns ul li:nth-child(odd) {
    transform: translateY(13px);
}
.notice .notice_right .sns ul li a {
    display: block;
    position: relative;
}
.notice .notice_right .sns ul li a .photo {
    width: 100%;
    aspect-ratio: 1 / 1; /* 정사각형이 필요하면 적용 */
    border-radius: 17px;
    overflow: hidden;
}
.notice .notice_right .sns ul li a .photo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(231, 181, 112, 0);
    border-radius: 17px;
    transition: background-color 0.3s ease;
}
.notice .notice_right .sns ul li a:hover .photo::before {
    background-color: rgba(231, 181, 112, 0.7);;
}
.notice .notice_right .sns ul li a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notice .notice_right .sns ul li a span {
    display: none;
}
.notice .notice_right .sns ul li a:hover span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    font-family: var(--font-basic);
    color: var(--color-w);
}
.notice .notice_right .sns ul li a:hover span::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -120px;
    width: 23px;
    height: 23px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.notice .notice_right .sns ul li a:hover span.face::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 23' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2197 12.9363L11.8427 8.77266H7.94756V6.07437C7.94756 4.93825 8.48873 3.82795 10.2318 3.82795H12V0.284027C12 0.284027 10.3954 0 8.86 0C5.65706 0 3.56162 1.99467 3.56162 5.60314V8.77266H0V12.9363H3.56162V23H7.94756V12.9363H11.2197Z' /%3E%3C/svg%3E%0A");
}
.notice .notice_right .sns ul li a:hover span.insta::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5898 4.09961C16.8472 4.09961 16.2402 4.70657 16.2402 5.44913C16.2402 6.19169 16.8472 6.79865 17.5898 6.79865C18.3323 6.79865 18.9393 6.19169 18.9393 5.44913C18.9393 4.70657 18.3323 4.09961 17.5898 4.09961Z' fill='white'/%3E%3Cpath d='M11.5896 5.83105C8.46439 5.83105 5.92676 8.37513 5.92676 11.4939C5.92676 14.6126 8.47085 17.1567 11.5896 17.1567C14.7084 17.1567 17.2524 14.6126 17.2524 11.4939C17.2524 8.37513 14.7084 5.83105 11.5896 5.83105ZM11.5896 15.1292C9.58792 15.1292 7.96072 13.502 7.96072 11.5003C7.96072 9.49866 9.58792 7.87148 11.5896 7.87148C13.5913 7.87148 15.2185 9.49866 15.2185 11.5003C15.2185 13.502 13.5913 15.1292 11.5896 15.1292Z' fill='white'/%3E%3Cpath d='M16.091 23H6.90905C3.09939 23 0 19.9006 0 16.091V6.90904C0 3.09938 3.09939 0 6.90905 0H16.091C19.9006 0 23 3.09938 23 6.90904V16.091C23 19.9006 19.9006 23 16.091 23ZM6.90259 2.15665C4.28748 2.15665 2.15665 4.28748 2.15665 6.90259V16.0845C2.15665 18.6996 4.28748 20.8304 6.90259 20.8304H16.0845C18.6996 20.8304 20.8304 18.6996 20.8304 16.0845V6.90259C20.8304 4.28748 18.6996 2.15665 16.0845 2.15665H6.90259Z' /%3E%3C/svg%3E%0A");
}
.notice .notice_right .sns ul li a:hover span.youtube::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 14' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4.38846C20 1.96209 18.0326 0 15.612 0H4.38795C1.96187 0 0 1.96761 0 4.38846V9.61152C0 12.0379 1.9674 14 4.38795 14H15.612C18.0381 14 20 12.0324 20 9.61152V4.38846ZM13.396 7.38966L8.36143 9.88234C8.16248 9.98736 7.49378 9.84365 7.49378 9.62257V4.51005C7.49378 4.28345 8.16799 4.13974 8.36694 4.25028L13.186 6.87011C13.3904 6.98618 13.6004 7.27912 13.396 7.38966Z' /%3E%3C/svg%3E%0A");
}
.notice .notice_right .sns ul li a:hover span.blog::after {
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 18' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.70123 4.60186C8.88225 4.60186 9.94845 4.88149 10.8998 5.44075C11.8676 5.98402 12.6221 6.75899 13.1634 7.76565C13.7211 8.7723 14 9.94674 14 11.2889C14 12.6312 13.7211 13.8136 13.1634 14.8362C12.6221 15.8429 11.8676 16.6258 10.8998 17.1851C9.94845 17.7284 8.88225 18 7.70123 18C6.07733 18 4.8225 17.5366 3.93673 16.6099V17.7843H0V0H4.13357V5.8482C5.05214 5.01731 6.24136 4.60186 7.70123 4.60186ZM6.96309 14.5246C7.79965 14.5246 8.48037 14.237 9.00527 13.6618C9.54657 13.0866 9.81722 12.2956 9.81722 11.2889C9.81722 10.2983 9.54657 9.51531 9.00527 8.94008C8.48037 8.34887 7.79965 8.05326 6.96309 8.05326C6.12654 8.05326 5.43761 8.34887 4.89631 8.94008C4.35501 9.51531 4.08436 10.2983 4.08436 11.2889C4.08436 12.2956 4.34681 13.0866 4.87171 13.6618C5.41301 14.237 6.11014 14.5246 6.96309 14.5246Z' /%3E%3C/svg%3E%0A");
}
.notice .rolling {
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 100%;
    font-size: 120px;
    font-weight: 700;
    line-height: 1.3;
    color: rgba(29, 29, 29, 0.2);
    white-space: nowrap;
}
.notice .rolling p {
    position: absolute; /* rolling 기준으로 정렬 */
    left: 0;
    bottom: 0;
    transform: translateX(-50.16%);
    animation: notice_roll 25s linear infinite;
    /* 애니메이션이름, 몇초동안, 가속도X, 무한반복 */
}
@keyframes notice_roll {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50.16%);}
}
@media screen and (max-width:1320px){
    .notice {
        padding: 10.3529em 3.5294em 200px 3.5294em;
        gap: 0 3%; /* 좁아지면 간격 줄이기 (선택) */
    }
    .notice h2 {
        margin-bottom: 0.5455em;
    }

    .notice .notice_left,
    .notice .notice_right {
        flex: 1 1 calc(50% - 3%);
    }
    .notice .notice_left .list ul li {
        padding: 22px;
    }
    .notice .notice_left .list ul {
        flex-direction: column;
    }
    .notice .notice_left .list ul li {
        width: 100%;
    }
    .notice .notice_left .list ul li:last-child,
    .notice .notice_left .list ul li:nth-last-child(2),
    .notice .notice_left .list ul li:nth-last-child(3) {
        display: none;
    }
    .notice .notice_left .list ul li a h3 {
        margin-bottom: 11px;
    }
}
@media screen and (max-width:1024px){
        .notice {
            padding: 96px 0 120px 0;
            margin: var(--wrapper-margin);
            flex-direction: column;
            align-items: stretch;
            gap: 0;
        }
        .notice h2 {
            font-size: 40px;
        }
        .notice h2::after {
            display: none;
        }
        .notice .notice_left .list ul li {
            width: 100%;
            padding: 30px 25px;
        }
        .notice .notice_left .list ul li a h3 {
            font-size: 18px;
        }
        .notice .notice_left .more {
            top: 0.2em;
            width: 1.9412em;
            height: 1.9412em;
            padding: 0;
        }
        .notice .notice_left .more a::after {
            content: "";
            position: absolute;
            right: 0.5294em;
            top: 0.5294em;
            width: 0.7647em;
            height: 0.7647em;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
        }
        .notice .notice_left .more a span {
            display: none;
        }
        .notice .notice_right {
            margin-top: 24px;
            width: 100%;
            min-width: auto;
        }
        .notice .notice_right ul li:nth-child(odd) {
            transform: translateY(0);
        }
        .notice .notice_right ul li a {
            display: block;
            position: relative;
        }
        .notice .notice_right ul li a .photo {
            /* height: 297px; */
            border-radius: 17px;
            overflow: hidden;
            position: relative;
        }
        .notice .notice_right ul li a span {
            display: none;
        }
        .notice .notice_right ul li a:hover span {
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 20px;
            font-family: var(--font-basic);
            color: var(--color-w);
        }
        .notice .rolling {
            bottom: 0;
            font-size: 80px;
        }
}

.rental {
    margin: 6.3529em 0 0 0;
}
.rental h2 {
    margin: 0 0 0.8364em 0;
}
.rental ul {
    display: flex;
    justify-content: space-between;
    gap: 0 24px;
}
.rental ul li {
    width: 50%;
}
.rental ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 67px 50px;
}
.rental ul li.left a {
    background-image: url(../images/rental01.jpg);
    color: var(--color-w);
}
.rental ul li.right a {
    background-image: url(../images/rental02.jpg);
}
.rental ul li a h3 {
    font-size: 20px;
}
.rental ul li a .more {
    font-family: var(--font-basic);
    border: 1px solid var(--color-w);
    padding: 3px 40px 4px 19px;
    position: relative;
}
.rental ul li a .more:hover {
    background-color: var(--color-w);
    color: var(--color-title);
}
.rental ul li.right a .more {
    border-color: var(--color-title);
}
.rental ul li.right a .more:hover {
    border-color: var(--color-w);
}
.rental ul li a .more::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 9px;
    width: 12px;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
.rental ul li a .more:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
.rental ul li.right a .more::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C5.81111 12 5.65278 11.9361 5.525 11.8083C5.39722 11.6806 5.33333 11.5222 5.33333 11.3333V6.66667H0.666667C0.477778 6.66667 0.319444 6.60278 0.191667 6.475C0.0638889 6.34722 0 6.18889 0 6C0 5.81111 0.0638889 5.65278 0.191667 5.525C0.319444 5.39722 0.477778 5.33333 0.666667 5.33333H5.33333V0.666667C5.33333 0.477778 5.39722 0.319444 5.525 0.191667C5.65278 0.0638889 5.81111 0 6 0C6.18889 0 6.34722 0.0638889 6.475 0.191667C6.60278 0.319444 6.66667 0.477778 6.66667 0.666667V5.33333H11.3333C11.5222 5.33333 11.6806 5.39722 11.8083 5.525C11.9361 5.65278 12 5.81111 12 6C12 6.18889 11.9361 6.34722 11.8083 6.475C11.6806 6.60278 11.5222 6.66667 11.3333 6.66667H6.66667V11.3333C6.66667 11.5222 6.60278 11.6806 6.475 11.8083C6.34722 11.9361 6.18889 12 6 12Z' /%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1024px){
        .rental {
            margin: 1.9636em 0 0 0;
        }
        .rental h2 {
            font-size: 40px;
            margin: 0 0 18px 0;
        }
        .rental ul {
            display: flex;
            flex-direction: column;
            gap: 0;
        }
        .rental ul li {
            width: 100%;
        }
        .rental ul li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 40px 20px;
        }
        .rental ul li a h3 {
            font-size: 18px;
        }
        .rental ul li a .more {
            width: 35px;
            height: 35px;
            padding: 0;
        }
        .rental ul li a .more::after {
            right: 11px;
            top: 10px;
        }
        .rental ul li a .more span {
            display: none;
        }     
}

footer {
    margin-top: 135px;
    background-color: #2f2f2f;
    padding: 4.0588em 0 4.6471em 0;
    color: var(--color-w80);
    font-family: var(--font-basic);
}
footer .wrapper {
    position: relative;
}
footer .f_logo {
    background: url(../images/logo_w.svg) no-repeat center center / contain;
    width: 8.8824em;
    height: 2.5882em;
}
footer .top {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.6471em;
    height: 2.6471em;
    background-color: var(--color-point);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.9412em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%231D1D1D' fill-opacity='0.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58809 3.4L1.68809 8.3C1.48809 8.5 1.25475 8.59583 0.988087 8.5875C0.721421 8.57917 0.488087 8.475 0.288087 8.275C0.104754 8.075 0.00892006 7.84167 0.000586841 7.575C-0.00774638 7.30833 0.0880874 7.075 0.288087 6.875L6.88809 0.275C6.98809 0.175 7.09642 0.104166 7.21309 0.0624996C7.32975 0.020833 7.45475 -3.36942e-07 7.58809 -3.31114e-07C7.72142 -3.25286e-07 7.84642 0.020833 7.96309 0.0624997C8.07975 0.104166 8.18809 0.175 8.28809 0.275L14.8881 6.875C15.0714 7.05833 15.1631 7.2875 15.1631 7.5625C15.1631 7.8375 15.0714 8.075 14.8881 8.275C14.6881 8.475 14.4506 8.575 14.1756 8.575C13.9006 8.575 13.6631 8.475 13.4631 8.275L8.58809 3.4L8.58809 14.575C8.58809 14.8583 8.49225 15.0958 8.30059 15.2875C8.10892 15.4792 7.87142 15.575 7.58809 15.575C7.30475 15.575 7.06725 15.4792 6.87559 15.2875C6.68392 15.0958 6.58809 14.8583 6.58809 14.575L6.58809 3.4Z' /%3E%3C/svg%3E%0A");
}
footer .inner .f_nav ul {
    margin: 2.7647em 0 1.5294em 0;
    display: flex;
    gap: 0 2.8235em;
}
footer .inner .f_nav ul li {
    position: relative;
}
footer .inner .f_nav ul li::after {
    content: "";
    position: absolute;
    left: -1.2941em;
    top: 0.2353em;
    width: 0.0588em;
    height: 0.8235em;
    background-color: var(--color-w20);
}
footer .inner .f_nav ul li:first-child::after {
    display: none;
}
footer .f_info {
    margin-bottom: 1.5294em;
}
footer .f_info span {
    margin-right: 2.3529em;
}
footer .f_info span,
footer .f_info address {
    display: inline-block;
}
footer .copyright {
    color: var(--color-w60);
}
@media screen and (max-width:1024px){
        footer {
            margin-top: 62px;
            padding: 4.0588em 0 4.6471em 0;
        }
        footer .f_logo {
            width: 8.8824em;
            height: 2.5882em;
        }
        footer .inner .f_nav ul {
            flex-wrap: wrap;
        }
        footer .inner .f_nav ul li {
            position: relative;
            white-space: wrap;
        }
        footer .inner .f_nav ul li::after {
            content: "";
            position: absolute;
            left: -1.2941em;
            top: 0.2353em;
            width: 0.0588em;
            height: 0.8235em;
            background-color: var(--color-w20);
        }
        footer .inner .f_nav ul li:first-child::after {
            display: none;
        }
        footer .f_info {
            margin-bottom: 1.5294em;
        }
        footer .f_info span {
            margin-right: 2.3529em;
        }
        footer .copyright {
            color: var(--color-w60);
        }
}