@import url(default.css);
@import url(fonts.css);
@import url(common.css);
@import url(layout.css);


/* .full_area { height:100vh; } */
/************ visual 시작 ************/
.visual {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;   
}
.visual .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.visual .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visual .wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}
.visual .txt {
    position: relative;
    width: 100%;
}
.visual .txt h3 {
    font-family: pura;
    font-size: clamp(40px, 8vw, 100px);
    line-height: 1.3;
    color: var(--color-main);
}
/************ visual 끝 ************/
/************ split 시작 ************/
.split {
    position: relative;
    height: 300vh; /* 원하는 길이 */
    background-image: url(../images/split_bg01.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.split .slogan_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
}

/* 글자가 화면 중앙에 오도록 */
.slogan {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 흐릿한 기본 글 */
.slogan p {
    position: relative;
    font-family: pura;
    line-height: 1.3;
    font-size: clamp(36px, 6vw, 80px);
    color: rgba(242,174,124,0.3);
    white-space: nowrap;
    margin: 0.2em 0;
}

/* 채워지는 글자(span) */
.slogan p span {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    
    height: 100%;
    width: 0;  /* 처음은 0% → 글자 안 보임 */
    color: #F2AE7C; /* 채워지는 색 */
}
@media screen and (max-width: 768px) {
    .split {
        height: 250vh;
    }
}
/************ split 끝 ************/
/************ egg 시작 ************/
.egg {
    height: 300vh; /* split처럼 충분히 길게 */
    background-color: #F2EDE8;
    position: relative;
}
.egg .egg_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
}

.egg .txt {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: pura;
    line-height: 1.5;
    font-size: clamp(36px, 6vw, 80px);
    color: #F4AE00;
}

/* 가운데 줄 */
.and-line {
    position: relative;
    display: inline-block;
}
.and-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    white-space: nowrap;

    opacity: 0; 
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
}
.bracket {
    display: inline-block;
    transition: transform 0.3s;
}
@media screen and (max-width: 768px) {
    .egg {
        height: 250vh;
    }
}
/************ egg 끝 ************/
/************ accordion 시작 ************/
.accordion_wrap { 
    position:relative;
    z-index:-1;
    background-color: #F2EDE8;
}
.accordion_wrap .accordion .cont {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    display:flex;
    padding: var(--accordion-margin);
    flex-direction: column;
    justify-content:center;
    color:#fff;
    height: 100vh;
}
.accordion_wrap .accordion .cont.bg1 {
    background-image: url(../images/accordion_bg01.jpg);
}
.accordion_wrap .accordion .cont.bg2 {
    background-image: url(../images/accordion_bg02.jpg);
}
.accordion_wrap .accordion .cont.bg3 {
    background-image: url(../images/accordion_bg03.jpg);
}
.accordion_wrap .accordion .cont h3 {
    font-size: clamp(32px, 8vw, 60px);
    font-weight:800;
    margin-bottom: 24px;
}
.accordion_wrap .accordion .cont h3 span {
    color: var(--color-main);
}
@media screen and (max-width: 768px) {
    .accordion_wrap .accordion .cont {
        height: 600px;
    }
    .accordion_wrap .accordion .cont.bg1 {
        background-image: url(../images/accordion_bg01.jpg);
    }
    .accordion_wrap .accordion .cont.bg2 {
        background-image: url(../images/accordion_bg02.jpg);
    }
    .accordion_wrap .accordion .cont.bg3 {
        background-image: url(../images/accordion_bg03.jpg);
    }
    .accordion_wrap .accordion .cont h3 {
        font-size: clamp(32px, 8vw, 60px);
        font-weight:800;
        margin-bottom: 16px;
    }
    .accordion_wrap .accordion .cont h3 span {
        color: var(--color-main);
    }
}
/************ accordion 끝 ************/
/************ menu 시작 ************/
.menu {
    background: url(../images/menu_bg.jpg) no-repeat center center / cover;
    height: 100vh;
}

.menu .wrapper {
    padding: 152px 0 100px 0;
    position: relative;
}

.menu .tit {
    width: 100%;
    font-family: pura;
    font-size: var(--fontsize-title);
    color: var(--color-main);
    text-align: center;
    margin-bottom: 80px;
}
.menu .content {
    position: relative;
}
.menu .content .plate {
    position: absolute;
    top: 0;
    left: 50%;
    width: clamp(260px, 22vw, 360px);
    transform: translateX(-50%);
    z-index: 1;
}
.menu .plate img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.menu .content .list {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.menu .content .list .menu-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 16px;
}
.menu .content .list .menu-item img {
    width: 100%;
    margin-bottom: 90px;
}
.menu .content .list .menu-item .name {
    font-size: 32px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}
.menu .content .list .menu-item .more {
    position: relative;
    border: 1px solid var(--color-main);
    color: #fff;
    background-color: var(--color-main);
    padding: 9px 50px 9px 16px;
    border-radius: 20px;
}
.menu .content .list .menu-item .more::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white'%0Axmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_36_152' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_36_152)'%3E%3Cpath d='M11.9749 13.4503L5.07491 20.3003C4.89158 20.4836 4.66241 20.5794 4.38741 20.5878C4.11241 20.5961 3.87491 20.5003 3.67491 20.3003C3.49158 20.1169 3.39991 19.8836 3.39991 19.6003C3.39991 19.3169 3.49158 19.0836 3.67491 18.9003L13.2249 9.35027C12.9249 8.65027 12.8832 7.8586 13.0999 6.97527C13.3166 6.09193 13.7916 5.30027 14.5249 4.60027C15.4082 3.71693 16.3916 3.20027 17.4749 3.05027C18.5582 2.90027 19.4416 3.16693 20.1249 3.85027C20.8082 4.5336 21.0749 5.41693 20.9249 6.50027C20.7749 7.5836 20.2582 8.56693 19.3749 9.45027C18.6749 10.1836 17.8832 10.6586 16.9999 10.8753C16.1166 11.0919 15.3249 11.0503 14.6249 10.7503L13.3749 12.0003L20.2749 18.9003C20.4582 19.0836 20.5541 19.3128 20.5624 19.5878C20.5707 19.8628 20.4749 20.1003 20.2749 20.3003C20.0916 20.4836 19.8582 20.5753 19.5749 20.5753C19.2916 20.5753 19.0582 20.4836 18.8749 20.3003L11.9749 13.4503ZM7.32491 12.4503L4.32491 9.45027C3.62491 8.75027 3.18324 7.86693 2.99991 6.80027C2.81658 5.7336 3.02491 4.7836 3.62491 3.95027C3.80824 3.70027 4.05408 3.5586 4.36241 3.52527C4.67074 3.49193 4.93324 3.59193 5.14991 3.82527L10.5249 9.25027L7.32491 12.4503Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.center .slick-slide .food {
    transform: scale(0.6);
    transform-origin: center bottom;
    transition: 0.3s ease;
}

.center .slick-center .food {
    transform: scale(1);
}
.center .slick-slide .name,
.center .slick-slide .more {
    opacity: 0;
    transition: 0.3s ease;
}
.center .slick-center .name,
.center .slick-center .more {
    opacity: 1;
}
.btn_prev,
.btn_next {
    background: var(--color-main);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    z-index: 20;
    cursor: pointer;
}

/* 위치 */
.menu .btn_prev { left: calc(50% - 250px); }
.menu .btn_next { right: calc(50% - 250px); }

/* SVG 아이콘 */
.btn_prev::before,
.btn_next::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_493' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 2.09815e-06 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_493)'%3E%3Cpath d='M14.4751 12L7.12511 19.35C6.87511 19.6 6.75428 19.8958 6.76261 20.2375C6.77095 20.5792 6.90011 20.875 7.15011 21.125C7.40011 21.375 7.69595 21.5 8.03761 21.5C8.37928 21.5 8.67511 21.375 8.92511 21.125L16.6001 13.425C16.8001 13.225 16.9501 13 17.0501 12.75C17.1501 12.5 17.2001 12.25 17.2001 12C17.2001 11.75 17.1501 11.5 17.0501 11.25C16.9501 11 16.8001 10.775 16.6001 10.575L8.90011 2.875C8.65011 2.625 8.35844 2.50417 8.02511 2.5125C7.69178 2.52083 7.40011 2.65 7.15011 2.9C6.90011 3.15 6.77511 3.44584 6.77511 3.7875C6.77511 4.12917 6.90011 4.425 7.15011 4.675L14.4751 12Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}

/* 왼쪽 버튼은 반대로 뒤집기 */
.btn_prev::before {
    transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
    .menu {
        height: 600px;
    }
    .menu .wrapper {
        padding: 56px 0 32px 0;
    }
    
    .menu .tit {
        margin-bottom: 40px;
    }
    .menu .content .list {
        top: 0;
    }
    .center .menu-item {
        margin: 56px auto;
      }
    .menu .content .list .menu-item img {
        min-width: 200px;
        max-width: 220px;
        margin: 60px 0;
    }
    .menu .content .list .menu-item .name {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .menu .content .list .menu-item .more {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .menu .content .list .menu-item .more::before {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_387' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_387)'%3E%3Cpath d='M11 13H6C5.71667 13 5.47917 12.9042 5.2875 12.7125C5.09583 12.5208 5 12.2833 5 12C5 11.7167 5.09583 11.4792 5.2875 11.2875C5.47917 11.0958 5.71667 11 6 11H11V6C11 5.71667 11.0958 5.47917 11.2875 5.2875C11.4792 5.09583 11.7167 5 12 5C12.2833 5 12.5208 5.09583 12.7125 5.2875C12.9042 5.47917 13 5.71667 13 6V11H18C18.2833 11 18.5208 11.0958 18.7125 11.2875C18.9042 11.4792 19 11.7167 19 12C19 12.2833 18.9042 12.5208 18.7125 12.7125C18.5208 12.9042 18.2833 13 18 13H13V18C13 18.2833 12.9042 18.5208 12.7125 18.7125C12.5208 18.9042 12.2833 19 12 19C11.7167 19 11.4792 18.9042 11.2875 18.7125C11.0958 18.5208 11 18.2833 11 18V13Z' /%3E%3C/g%3E%3C/svg%3E%0A");
        right: 7px;
        top: 7px;
    }
    .menu .content .list .menu-item .more span {
        display: none;
    }
    .center .slick-slide .food {
        transform: scale(1);
    }
}
/************ menu 끝 ************/
/************ event 시작 ************/
.event {
    position: relative;
    width: 100%;
    height: auto;
    padding: 180px 0;
    display: block;
}
.event .wrapper {
    display: block;
    height: auto;
    position: relative;
}
.event .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 56px;
}
.event .more {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid var(--color-main);
    color: #fff;
    background-color: var(--color-main);
    padding: 9px 50px 9px 16px;
    border-radius: 20px;
}
.event .more::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white'%0Axmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_36_152' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_36_152)'%3E%3Cpath d='M11.9749 13.4503L5.07491 20.3003C4.89158 20.4836 4.66241 20.5794 4.38741 20.5878C4.11241 20.5961 3.87491 20.5003 3.67491 20.3003C3.49158 20.1169 3.39991 19.8836 3.39991 19.6003C3.39991 19.3169 3.49158 19.0836 3.67491 18.9003L13.2249 9.35027C12.9249 8.65027 12.8832 7.8586 13.0999 6.97527C13.3166 6.09193 13.7916 5.30027 14.5249 4.60027C15.4082 3.71693 16.3916 3.20027 17.4749 3.05027C18.5582 2.90027 19.4416 3.16693 20.1249 3.85027C20.8082 4.5336 21.0749 5.41693 20.9249 6.50027C20.7749 7.5836 20.2582 8.56693 19.3749 9.45027C18.6749 10.1836 17.8832 10.6586 16.9999 10.8753C16.1166 11.0919 15.3249 11.0503 14.6249 10.7503L13.3749 12.0003L20.2749 18.9003C20.4582 19.0836 20.5541 19.3128 20.5624 19.5878C20.5707 19.8628 20.4749 20.1003 20.2749 20.3003C20.0916 20.4836 19.8582 20.5753 19.5749 20.5753C19.2916 20.5753 19.0582 20.4836 18.8749 20.3003L11.9749 13.4503ZM7.32491 12.4503L4.32491 9.45027C3.62491 8.75027 3.18324 7.86693 2.99991 6.80027C2.81658 5.7336 3.02491 4.7836 3.62491 3.95027C3.80824 3.70027 4.05408 3.5586 4.36241 3.52527C4.67074 3.49193 4.93324 3.59193 5.14991 3.82527L10.5249 9.25027L7.32491 12.4503Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.event .tit h3 {
    font-family: pura;
    font-size: var(--fontsize-title);
    color: var(--color-main);
    line-height: 1.3;
}
.event .list .swiper {
    width: 100%;
    box-sizing: border-box;
}
.event .list .swiper-slide a {
    display: block;
    border-top: 1px solid #ccc;
}
.event .list .swiper-slide a h4 {
    margin: 24px 0 12px 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    height: 2.6em; /* 행간*줄수 = 단위em */
    overflow: hidden;
}
.event .list .swiper-slide a p {
    height: 3.9em;
    overflow: hidden;
}
.event .list .swiper-slide a .photo {
    margin: 24px 0 0 0;
}
.event .list .swiper-slide a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .event {
        padding: 56px 0;
    }
    .event .tit {
        margin-bottom: 32px;
    }
    .event .more {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .event .more::before {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_387' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_387)'%3E%3Cpath d='M11 13H6C5.71667 13 5.47917 12.9042 5.2875 12.7125C5.09583 12.5208 5 12.2833 5 12C5 11.7167 5.09583 11.4792 5.2875 11.2875C5.47917 11.0958 5.71667 11 6 11H11V6C11 5.71667 11.0958 5.47917 11.2875 5.2875C11.4792 5.09583 11.7167 5 12 5C12.2833 5 12.5208 5.09583 12.7125 5.2875C12.9042 5.47917 13 5.71667 13 6V11H18C18.2833 11 18.5208 11.0958 18.7125 11.2875C18.9042 11.4792 19 11.7167 19 12C19 12.2833 18.9042 12.5208 18.7125 12.7125C18.5208 12.9042 18.2833 13 18 13H13V18C13 18.2833 12.9042 18.5208 12.7125 18.7125C12.5208 18.9042 12.2833 19 12 19C11.7167 19 11.4792 18.9042 11.2875 18.7125C11.0958 18.5208 11 18.2833 11 18V13Z' /%3E%3C/g%3E%3C/svg%3E%0A");
        right: 7px;
        top: 7px;
    }
    .event .more span {
        display: none;
    }
    .event .tit h3 {
        font-family: pura;
        font-size: var(--fontsize-title);
        color: var(--color-main);
        line-height: 1.3;
    }
    .event .list .swiper {
        width: 100%;
        box-sizing: border-box;
    }
    .event .list .swiper-slide a {
        display: block;
        border-top: 1px solid #ccc;
    }
    .event .list .swiper-slide a h4 {
        margin: 24px 0 12px 0;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.3;
        height: 2.6em; /* 행간*줄수 = 단위em */
        overflow: hidden;
    }
    .event .list .swiper-slide a p {
        height: 3.9em;
        overflow: hidden;
    }
    .event .list .swiper-slide a .photo {
        margin: 24px 0 0 0;
    }
    .event .list .swiper-slide a .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;   
    }
}

/************ event 끝 ************/
/************ youtube 시작 ************/
.youtube {
    background: url("../images/youtube_bg.jpg") no-repeat center center / cover;
    position: relative;
    width: 100%;
    height: auto;
    padding: 234px var(--wrapper-margin) 120px var(--wrapper-margin);
}
.youtube .long {
    margin: 0 0 196px 0;
}
.youtube .long .wrapper {
    position: relative;
}
.youtube .long .tit {
    margin-bottom: 80px;
    text-align: center;
}
.youtube .long .tit h3 {
    font-family: pura;
    font-size: var(--fontsize-title);
    color: var(--color-main);
    line-height: 1.3;
}
.youtube .long .list .swiper {
    width: 100%;
    box-sizing: border-box;
    padding: 58px 0;
}
.youtube .long .list {
    margin: 0 0 32px 0;
}
.youtube .long .list .swiper-slide a {
    display: block;
}
.youtube .long .list .swiper-slide a .photo {
    overflow: hidden;
    border-radius: 15px;
}
.youtube .long .list .swiper-slide a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.youtube .long .list .swiper-slide {
    transition: transform 0.5s;
}
.youtube .long .list .swiper-slide-active {
    z-index: 9999;
    transform: scale3d(1.5, 1.5, 1);
}

.youtube .long .btn {
    position: absolute;
    left: 50%;
    bottom: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    transform: translateX(-50%);
}
.youtube .long .more {
    position: relative;
    border: 1px solid var(--color-main);
    color: #fff;
    background-color: var(--color-main);
    padding: 9px 50px 9px 16px;
    border-radius: 20px;
}
.youtube .long .more::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white'%0Axmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_36_152' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_36_152)'%3E%3Cpath d='M11.9749 13.4503L5.07491 20.3003C4.89158 20.4836 4.66241 20.5794 4.38741 20.5878C4.11241 20.5961 3.87491 20.5003 3.67491 20.3003C3.49158 20.1169 3.39991 19.8836 3.39991 19.6003C3.39991 19.3169 3.49158 19.0836 3.67491 18.9003L13.2249 9.35027C12.9249 8.65027 12.8832 7.8586 13.0999 6.97527C13.3166 6.09193 13.7916 5.30027 14.5249 4.60027C15.4082 3.71693 16.3916 3.20027 17.4749 3.05027C18.5582 2.90027 19.4416 3.16693 20.1249 3.85027C20.8082 4.5336 21.0749 5.41693 20.9249 6.50027C20.7749 7.5836 20.2582 8.56693 19.3749 9.45027C18.6749 10.1836 17.8832 10.6586 16.9999 10.8753C16.1166 11.0919 15.3249 11.0503 14.6249 10.7503L13.3749 12.0003L20.2749 18.9003C20.4582 19.0836 20.5541 19.3128 20.5624 19.5878C20.5707 19.8628 20.4749 20.1003 20.2749 20.3003C20.0916 20.4836 19.8582 20.5753 19.5749 20.5753C19.2916 20.5753 19.0582 20.4836 18.8749 20.3003L11.9749 13.4503ZM7.32491 12.4503L4.32491 9.45027C3.62491 8.75027 3.18324 7.86693 2.99991 6.80027C2.81658 5.7336 3.02491 4.7836 3.62491 3.95027C3.80824 3.70027 4.05408 3.5586 4.36241 3.52527C4.67074 3.49193 4.93324 3.59193 5.14991 3.82527L10.5249 9.25027L7.32491 12.4503Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.youtube .long .btn_prev, 
.youtube .long .btn_next {
    width: 40px;
    height: 40px;
    background: var(--color-main);
    border-radius: 50%;
    padding: 0;
    position: relative;
}
/* 기존 코드의 .youtube .long .btn_prev, .youtube .long .btn_next 재정의 */
.youtube .long .btn_prev, 
.youtube .long .btn_next {
    width: 40px;
    height: 40px;
    background: var(--color-main);
    border-radius: 50%;
    padding: 0;
    position: relative !important; /* static -> relative로 변경 */
    display: flex; /* 추가: 내부 아이콘 중앙 정렬을 위해 */
    justify-content: center; /* 추가: 내부 아이콘 중앙 정렬을 위해 */
    align-items: center; /* 추가: 내부 아이콘 중앙 정렬을 위해 */
    top: auto; 
    left: auto;
    right: auto;
    transform: none; 
}
.youtube .long .btn_prev::before, 
.youtube .long .btn_next::before {
    position: absolute;
    content: "";
    left: 50%; /* 8px -> 50%로 변경 */
    top: 50%; /* 8px -> 50%로 변경 */
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_493' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 2.09815e-06 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_493)'%3E%3Cpath d='M14.4751 12L7.12511 19.35C6.87511 19.6 6.75428 19.8958 6.76261 20.2375C6.77095 20.5792 6.90011 20.875 7.15011 21.125C7.40011 21.375 7.69595 21.5 8.03761 21.5C8.37928 21.5 8.67511 21.375 8.92511 21.125L16.6001 13.425C16.8001 13.225 16.9501 13 17.0501 12.75C17.1501 12.5 17.2001 12.25 17.2001 12C17.2001 11.75 17.1501 11.5 17.0501 11.25C16.9501 11 16.8001 10.775 16.6001 10.575L8.90011 2.875C8.65011 2.625 8.35844 2.50417 8.02511 2.5125C7.69178 2.52083 7.40011 2.65 7.15011 2.9C6.90011 3.15 6.77511 3.44584 6.77511 3.7875C6.77511 4.12917 6.90011 4.425 7.15011 4.675L14.4751 12Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
     background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
}
.youtube .long .btn_prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.youtube .short .list .swiper-slide {
    width: 262px;
}
.youtube .short .list .swiper-slide a .photo {
    width: 100%;
    height: 100%;
}
.youtube .short .list .swiper-slide a .photo img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
@media screen and (max-width:1024px) {
    .youtube {
        padding: 120px var(--wrapper-margin) 120px var(--wrapper-margin);
    }
    .youtube .long {
        margin: 0 0 156px 0;
    }
    .youtube .long .list .swiper-slide-active {
        transform: scale3d(1, 1, 1);
    }
    .youtube .long .tit {
        margin-bottom: 32px;
    }
    .youtube .long .btn {
        bottom: -30px;
    }
}
@media screen and (max-width:768px) {
    .youtube {
        background: url("../images/youtube_bg.jpg") no-repeat center center / cover;
        position: relative;
        width: 100%;
        height: auto;
        padding: 56px var(--wrapper-margin) 56px var(--wrapper-margin);
    }
    .youtube .long {
        margin: 0 0 106px 0;
    }
    .youtube .long .tit {
        margin-bottom: 32px;
    }
    .youtube .long .list .swiper {
        padding: 0;
    }
    .youtube .long .list {
        margin: 0 0 32px 0;
    }
    .youtube .long .btn {
        bottom: -56px;
    }
    .youtube .long .more {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .youtube .long .more::before {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_43_387' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_387)'%3E%3Cpath d='M11 13H6C5.71667 13 5.47917 12.9042 5.2875 12.7125C5.09583 12.5208 5 12.2833 5 12C5 11.7167 5.09583 11.4792 5.2875 11.2875C5.47917 11.0958 5.71667 11 6 11H11V6C11 5.71667 11.0958 5.47917 11.2875 5.2875C11.4792 5.09583 11.7167 5 12 5C12.2833 5 12.5208 5.09583 12.7125 5.2875C12.9042 5.47917 13 5.71667 13 6V11H18C18.2833 11 18.5208 11.0958 18.7125 11.2875C18.9042 11.4792 19 11.7167 19 12C19 12.2833 18.9042 12.5208 18.7125 12.7125C18.5208 12.9042 18.2833 13 18 13H13V18C13 18.2833 12.9042 18.5208 12.7125 18.7125C12.5208 18.9042 12.2833 19 12 19C11.7167 19 11.4792 18.9042 11.2875 18.7125C11.0958 18.5208 11 18.2833 11 18V13Z' /%3E%3C/g%3E%3C/svg%3E%0A");
        right: 7px;
        top: 7px;
    }
    .youtube .long .more span {
        display: none;
    }
    .youtube .short .list .swiper-slide {
        width: 211px;
    }
    .youtube .short .list .swiper-slide a .photo {
        width: 100%;
        height: 100%;
    }
    .youtube .short .list .swiper-slide a .photo img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }
}
/************ youtube 끝 ************/
/************ footer 시작 ************/
footer {
    border-top: 3px solid #ccc;
    background-color: var(--color-title);
    color: #fff;
}

footer .f_sub {
    padding: 100px 0;
}
footer .f_sub .wrapper {
    position: relative;
    display: flex;
    gap: 0 64px;
    }
footer .f_sub .f_logo img {
    width: 160px;
}
footer .f_sub .f_nav ul {
    display: flex;
    gap: 0 24px;
}
footer .f_sub .f_info {
    margin: 32px 0;
}
footer .f_sub .f_info .ceo {
    display: flex;
    gap: 0 24px;
}
footer .f_sub .f_info span,
footer .f_sub .f_info address {
    display: flex;
}
footer .f_sub .copyright {
    color: rgba(255, 255, 255, 0.6);
}
footer .f_sub .f_ff {
    display: flex;
    gap: 0 24px;
}
footer .f_sub .wrapper .top {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.5294em;
    padding: 0 0.9412em 0 0.9412em;
    background-color: var(--color-main);
}
@media screen and (max-width:1280px) {
    footer .f_sub .wrapper {
        position: relative;
        display: block;
    }
    footer .inner {
        margin: 40px 0 0 0;
    }
}
@media screen and (max-width:768px) {
    footer .f_sub .f_info .ceo {
        display: block;
    }
    footer .f_sub .f_ff {
        display: block;
    }
}