.intro-wrap { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999; background: #AF362B; display: flex; justify-content: center; align-items: center;overflow: hidden; }

.intro-wrap > .text-wrap { 
    opacity: 0; 
    transform: translateY(30px) scale(1.1); 
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    text-align: center;
}

.intro-wrap > .text-wrap > .title { 
    font-size: 40px; 
    font-weight: 700; 
}

.intro-wrap > .text-wrap > .desc { 
    font-size: 16px; 
    font-weight: 400; 
    margin-top: 12px; 
    letter-spacing: -0.01em; 
}

body.loaded .intro-wrap > .text-wrap {
    opacity: 1;
    transform: translateY(0) scale(1);
}

body.loaded .intro-wrap {
    animation: slideUp 0.7s ease-in-out 1.8s forwards;
}

@keyframes slideUp {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}
body { 
    padding-bottom: 100vh;
 }
.wrap,
body { background: #EFEFEF; }

.container { overflow: hidden; background: #EFEFEF; position: relative; z-index: 2; }

.clear-bg { width: 100%; position: relative; z-index: 3; background: #EFEFEF; height: 270px; }



.video-intro { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 999999999; }
.video-intro .video-box { width: 100%; height: 100vh; position: relative; background: #000; }
.video-intro .video-box video,
.video-intro .video-box iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; background: #000; }

.video-intro .close-intro { position: absolute; right: 80px; bottom: 80px; z-index: 10; }
.video-intro .close-intro span { padding: 20px; color: #fff; background: #BA473D; font-size: 18px; font-weight: 500; cursor: pointer; }

.video-intro .mute-box { position: absolute; right: 80px; top: 80px; z-index: 10; cursor: pointer; }






.header { position: fixed; left: 0; top: 0; right: 0; margin: 0 auto; width: 100%; height: 76px; z-index: 998; }
.header.bg { background: #EFEFEF; border-bottom: 1px solid #CECECE; }
.header > .header-inner { padding: 16px 180px; display: flex; align-items: center; justify-content: space-between; }
.header > .header-inner > .mid-menu-wrap { width: 600px; display: flex; justify-content: center; align-items: center; }
.header > .header-inner > .mid-menu-wrap > a { margin-right: 40px; font-size: 16px; font-weight: 600; color: #999; }
.header > .header-inner > .mid-menu-wrap > a.color-o-white { color: rgba(255,255,255,0.7); }
.header > .header-inner > .mid-menu-wrap > a.active { color: #2D2D2D; }
.header > .header-inner > .mid-menu-wrap > a:last-child { margin-right: 0; }

.header > .header-inner > .right-head { display: flex; align-items: center; }
.header > .header-inner > .right-head > .reels-box { display: flex; align-items: center; margin-right: 22px; cursor: pointer; }
.header > .header-inner > .right-head > .reels-box > span { margin-left: 8px; font-weight: 600; }
.header > .header-inner > .right-head > a { display: flex; align-items: center; }
.header > .header-inner > .right-head > a > span { margin-left: 8px; font-weight: 600; }
.header > .header-inner > .right-head > .menu { margin-left: 40px; cursor: pointer; }



.reels-wrap { position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); }
.reels-wrap .reels-slide { width: auto; height: 100vh; position: relative; }
.reels-wrap .reels-slide .swiper-slide { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
.reels-wrap .reels-slide .swiper-slide .img-box { width: 30%; height: 100%; position: relative; }
.reels-wrap .reels-slide .swiper-slide .img-box  iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.reels-wrap .reels-slide .reels-btn-box { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; flex-direction: column; justify-content: center; }
.reels-wrap .reels-slide .swiper-button-next-reels { background: url('/theme/basic/svg/reels_down.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 63px; height: 63px; position: relative; left: 0; top: 0; bottom: 0; right: 0; padding: 0; margin: 0; margin-top: 27px; }
.reels-wrap .reels-slide .swiper-button-prev-reels { background: url('/theme/basic/svg/reels_up.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 63px; height: 63px; position: relative; left: 0; top: 0; bottom: 0; right: 0; padding: 0; margin: 0; }
.reels-wrap .reels-slide .swiper-button-prev-reels.swiper-button-disabled,
.reels-wrap .reels-slide .swiper-button-next-reels.swiper-button-disabled { opacity: 0; }

.swiper-button-prev:after,
.swiper-button-next:after { display: none; }

.reels-wrap .close-reels { position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%); z-index: 2; cursor: pointer; }









.all-menu-wrap { position: fixed; right: -750px; top: 0; width: 700px; height: 100vh; background: #101010; z-index: 998; transition: right 0.8s ease-in-out; }
.all-menu-wrap.active {
    right: 0;
}
.all-menu-wrap > .close-btn { position: absolute; right: 50px; top: 50px; cursor: pointer; }
.all-menu-wrap > .menu-wrap { width: 100%; height: 100vh; padding: 120px; display: flex; justify-content: center; flex-direction: column; }
.all-menu-wrap > .menu-wrap > div { margin-bottom: 40px; opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }
.all-menu-wrap.active > .menu-wrap > div {
    opacity: 1;
    transform: translateY(0);
}
.all-menu-wrap > .menu-wrap > div:last-child { margin-bottom: 0; }
.all-menu-wrap > .menu-wrap > div > .title { font-size: 40px; font-weight: 700; cursor: pointer; }
.all-menu-wrap > .menu-wrap > div > .title.active { color: #AF362B; }
.all-menu-wrap > .menu-wrap > div > .sub { margin-top: 22px; display: none; }
.all-menu-wrap > .menu-wrap > div > .sub.active { display: block; }
.all-menu-wrap > .menu-wrap > div > .sub a { font-size: 20px; font-weight: 400; margin-bottom: 16px; display: inline-block; position: relative; }
.all-menu-wrap > .menu-wrap > div > .sub a:last-child { margin-bottom: 0; }
.all-menu-wrap > .menu-wrap > div > .sub a::after {
    content: "";
    position: absolute;
    bottom: 0; /* 텍스트 바로 아래에 밑줄 위치 */
    left: 0;
    width: 0%; /* 초기 상태에서 밑줄 너비 0% */
    height: 2px; /* 밑줄 두께 */
    background-color: white; /* 밑줄 색상 */
    transition: width 0.3s ease-in-out; /* 밑줄 애니메이션 */
}

.all-menu-wrap > .menu-wrap > div > .sub a:hover::after {
    width: 100%; /* 호버 시 밑줄 너비를 100%로 확장 */
}
.all-menu-wrap > .menu-wrap > div > .sub a.active { text-decoration: underline; text-underline-offset: 7px; }

.all-menu-wrap > .menu-wrap > div:nth-child(1) {
    transition-delay: 0.4s;
}
.all-menu-wrap > .menu-wrap > div:nth-child(2) {
    transition-delay: 0.6s;
}
.all-menu-wrap > .menu-wrap > div:nth-child(3) {
    transition-delay: 0.8s;
}
.all-menu-wrap > .menu-wrap > div:nth-child(4) {
    transition-delay: 1s;
}
.all-menu-wrap > .menu-wrap > div:nth-child(5) {
    transition-delay: 1.2s;
}

.sub-header-wrap { transition: opacity 0.5s ease; background: #EFEFEF; position: fixed; height: 100vh; left: 0; top: 0; z-index: 3; width: 100%; margin: 0 auto; }
.sub-header-wrap > div { width: 1400px; margin: 0 auto; position: relative; padding-top: 156px; }
.sub-header-wrap .gnb-title { display: flex; align-items: center; margin-bottom: 60px; }
.sub-header-wrap .gnb-title > .line { width: 2px; height: 18px; background: #2D2D2D; margin-right: 10px; }
.sub-header-wrap .gnb-title > .title { font-size: 18px; font-weight: 600; }
.sub-header-wrap .text-box > .sub-title { font-size: 46px; font-weight: 600; margin-bottom: 16px; line-height: 140%; }
.sub-header-wrap .text-box > .title {
    font-size: 102px;
    font-weight: 600;
    line-height: 140%;
    color: #CECECE; /* 초기 텍스트 색상 */
    position: relative;
    display: inline-block;
    overflow: hidden; /* 텍스트를 넘지 않도록 설정 */
}

.sub-header-wrap .text-box > .title .overlay {
    position: absolute;
    top: 0;
    left: 0;
    color: #AF362B; /* 빨간 텍스트 */
    width: 0; /* 초기 상태에서 가로 길이 0 */
    white-space: nowrap;
    overflow: hidden;
    display: block;
}


.sub-header-wrap .sub-down { position: absolute; left: 240px; top: 267px; }

.sub-header-video { position: relative; margin-top: 607px; width: 100%; z-index: 3; background: #EFEFEF; }
.sub-header-video .video-box { width: 100%; height: 820px; position: relative; }
.sub-header-video .video-box > video,
.sub-header-video .video-box > img,
.sub-header-video .video-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.sub-header-video .video-box > .text-box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; text-align: center; }
.sub-header-video .video-box > .text-box > .title { font-size: 50px; font-weight: 400; margin-top: 28px; }

/* section1 */
.section1 { position: fixed; top: 0; left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease-out; opacity: 1; z-index: 0; }
.section1 > .sec-inner { width: 100%; position: relative; overflow: hidden; padding: 116px 0 65px 0; }
.section1 > .sec-inner > .text-wrap { width: 1400px; margin: 0 auto; }
.section1 > .sec-inner > .text-wrap .title { font-size: 56px; font-weight: 400; }
.section1 > .sec-inner > .text-wrap .desc { font-size: 26px; font-weight: 300; margin-top: 16px; }

/* section2 */
.section2 { height: 200vh; position: relative; margin-top: 500px; }
.section2 .sec-inner { position: relative; height: 100%; }
.section2 .video-box { 
    width: 1400px; 
    height: 80vh;
    left: 50%;
    transform: translateX(-50%);
    position: absolute; 
    margin: 0 auto; 
    transition: width 0.5s ease-out, height 0.5s ease-out;
    text-align: center;
    will-change: transform, opacity, width, height;
    overflow: hidden;
}
.section2 .sec-inner > .video-box > img#scroll-video,
.section2 .sec-inner > .video-box > video#scroll-video { 
    width: 100%; 
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
}
.section2 .sec-inner > .video-box > .play-video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; opacity: 0; transition: opacity 0.5s ease-in; }


.video-wrap.active {
    display: flex;
    opacity: 1;
}
.video-wrap { display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 99999; padding: 92px 164px; }
.video-wrap iframe { width: 100%; height: 100%; }
.video-wrap .video-close { position: absolute; right: 50px; top: 50px; z-index: 2; cursor: pointer; }


/* section3 */
.section3 { width: 100%; height: 100%; position: relative; background: #EFEFEF; }
.section3 .sec-inner { display: flex; justify-content: space-between; width: 1480px; margin: 0 auto; height: 100vh; padding: 86px 0; position: relative; }
.section3 .sec-inner > .img-box { width: 680px; position: relative; overflow: hidden; }  
.section3 .sec-inner > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; will-change: transform, opacity; }

.section3 .sec-inner > .text-box { width: 680px; will-change: transform; }
.section3 .sec-inner > .text-box > .title-box { margin-bottom: 80px; }
.section3 .sec-inner > .text-box > .title-box > .title { font-size: 56px; font-weight: 400; }
.section3 .sec-inner > .text-box > .test { width: 100%; height: 300px; }
.section3 .sec-inner > .text-box > .desc-box { margin-bottom: 0; }
.section3 .sec-inner > .text-box > .desc-box:last-child { margin-bottom: 0; }
.section3 .sec-inner > .text-box > .desc-box > .title { font-size: 32px; font-weight: 700; }
.section3 .sec-inner > .text-box > .desc-box > .title span { margin-right: 16px; }
.section3 .sec-inner > .text-box > .desc-box > .desc { font-size: 30px; font-weight: 400; margin-top: 22px; line-height: 160%; word-break: break-all; }
.section3 .sec-inner > .text-box > .desc-box.six-text { margin-left: 30px; }
.section3 .sec-inner > .text-box > .desc-box.six-text .title { font-size: 32px; font-weight: 600; }
.section3 .sec-inner > .text-box > .desc-box.six-text .title > span { font-size: 26px; margin-left: 10px; }
.section3 .sec-inner > .text-box > .desc-box.six-text ul { margin-top: 30px; }
.section3 .sec-inner > .text-box > .desc-box.six-text ul > li { font-size: 18px; font-weight: 400; }
.section3 .sec-inner > .text-box > .desc-box.six-text ul > li.mt-18 { margin-top: 18px; }
.section3 .sec-inner > .text-box > .desc-box.six-text .logo-box { margin-top: 40px; }
.section3 .sch-logo { position: absolute; right: -130px; bottom: -70px; }

/* section4 */
/* .section4 { width: 100%; height: 100vh; position: absolute; z-index: 2; background: #EFEFEF; }
.section4 .sec-inner { overflow: hidden; height: 100vh; display: flex; }
.section4 .sec-inner > .sch-logo { position: absolute; right: -130px; bottom: -70px; }

.section4 .sec-inner > .bete-wrap { width: 1400px; margin: 0 auto; display: flex; align-items: center; }
.section4 .sec-inner > .bete-wrap > .img-box { width: 680px; padding-bottom: 56.25%; position: relative; margin-right: 70px; }
.section4 .sec-inner > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section4 .sec-inner > .bete-wrap > .text-box { margin-left: 70px; }
.section4 .sec-inner > .bete-wrap > .text-box > .title { font-size: 32px; font-weight: 600; }
.section4 .sec-inner > .bete-wrap > .text-box > .title > span { font-size: 26px; margin-left: 10px; }
.section4 .sec-inner > .bete-wrap > .text-box > ul { margin-top: 30px; }
.section4 .sec-inner > .bete-wrap > .text-box > ul > li { font-size: 18px; font-weight: 400; }
.section4 .sec-inner > .bete-wrap > .text-box > ul > li.mt-18 { margin-top: 18px; }
.section4 .sec-inner > .bete-wrap > .text-box > .logo-box { margin-top: 40px; } */

/* section5 */
.section5 { width: 100%; padding-top: 150px; position: relative; background: #EFEFEF; z-index: 4; }
.section5 .sec-inner { width: 100%; position: relative; padding-top: 150px; }
.section5 .sec-inner .text-wrap { width: 100%; margin: 0 auto; margin-bottom: 80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.section5 .sec-inner .text-wrap .title { font-size: 56px; font-weight: 400; }
.section5 .sec-inner .text-wrap .desc { font-size: 26px; font-weight: 300; margin-top: 16px; }
.section5 .sec-inner .img-box { width: 100%; padding: 0 50px; position: relative; margin-top: 150px; padding-bottom: 200px; background: #EFEFEF; overflow: hidden; }
.section5 .sec-inner .img-box img { width: 100%; }
.section5 .sec-inner .img-box .img2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.6s ease;
    padding: 0 50px;
}
.section5 .sec-inner .img-box .img1 {
    opacity: 1;
}

.section5 .sec-inner .img-box .img2 {
    opacity: 0;
}

/* section6 */
.section6 { width: 100%; height: auto; background: #EFEFEF; position: relative; z-index: 3; }
.section6 .sec-inner > .flex { display: flex; justify-content: space-between; width: 1400px; margin: 0 auto; }
.section6 .sec-inner > .flex > a { width: 440px; display: block; }
/* .section6 .sec-inner > .flex > a.custom-cursor:hover { cursor: none; } */
.section6 .sec-inner > .flex > a > .img-box { width: 100%; height: 590px; position: relative; }
.section6 .sec-inner > .flex > a > .img-box.h663 { height: 663px; }
.section6 .sec-inner > .flex > a > .img-box > img { width: 100%; }
.section6 .sec-inner > .flex > a > .text-box { margin-top: 40px; }
.section6 .sec-inner > .flex > a > .text-box > .sub-title { font-size: 22px; font-weight: 700; margin-bottom: 16px; letter-spacing: -0.03em; }
.section6 .sec-inner > .flex > a > .text-box > .desc { font-size: 28px; font-weight: 400; }


/* section7 */
.section7 { width: 100%; height: 100vh; position: relative; margin-top: 100px; }
.section7 .sec-inner { overflow: hidden; width: 100%; left: 0; top: 0; height: 100vh; background: #EFEFEF; position: absolute; display: flex; align-items: center; justify-content: center; }
.section7 .sec-inner-1 { z-index: 3; }
.section7 .sec-inner-2 { z-index: 2; background: #AF362B; }
.section7 .sec-inner-3 { z-index: 1; }
.section7 .title { font-size: 230px; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; }


/* section8 */
.section8 { width: 100%; height: 100vh; position: relative; }
.section8 .main-slide-1 { position: relative; width: 100%; height: 100vh; }
.section8 .main-slide-1 .swiper-slide { width: 100%; height: 100vh; position: relative; }
.section8 .main-slide-1 .swiper-slide > img,
.section8 .main-slide-1 .swiper-slide > video,
.section8 .main-slide-1 .swiper-slide > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.section8 .text-box { position: absolute; left: 120px; bottom: 230px; z-index: 2; }
.section8 .text-box > .title { font-size: 56px; font-weight: 400; }
.section8 .text-box > .desc { font-size: 22px; margin-top: 22px; font-weight: 400; }

.section8 .main-slide-1 .swiper-pagination { display: flex; align-items: center; justify-content: space-between; left: 0; bottom: 100px; width: 100%; padding: 0 120px; }
.section8 .main-slide-1 .swiper-pagination .swiper-pagination-bullet { opacity: 0.5; height: auto; border-radius: 0; text-align: left; margin: 0; background: none; font-size: 18px; font-weight: 500; color: #fff; padding: 10px 0; width: 15%; border-bottom: 1px solid #fff; letter-spacing: -0.05em; }
.section8 .main-slide-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.section8 .main-slide-1 .swiper-button-prev { left: 120px; }
.section8 .main-slide-1 .swiper-button-next { right: 120px; }

.swiper-button-prev:after,
.swiper-button-next:after { display: none; }

/* section9 */
.section9 { width: 100%; height: 100vh; }
.section9 .sec-inner { display: flex; align-items: center; padding: 0 260px; width: 100%; height: 100vh; }
.section9 .sec-inner .text-box { margin-right: 90px; flex: none; }
.section9 .sec-inner .text-box > .title { font-size: 56px; font-weight: 400; }
.section9 .sec-inner .text-box > .mid-title { font-size: 32px; font-weight: 700; margin-top: 50px; }
.section9 .sec-inner .text-box > .desc { font-size: 26px; font-weight: 400; margin-top: 12px; }
.section9 .sec-inner .img-wrap { display: flex; align-items: center; background: #EFEFEF; }
.section9 .sec-inner .img-wrap > .img-box { margin-right: 60px; width: 920px; height: 646px; position: relative; }
.section9 .sec-inner .img-wrap > .img-box:last-child { margin-right: 0; }
.section9 .sec-inner .img-wrap > .img-box > img { width: 100%; }

/* section10 */
.section10 { width: 100%; padding: 160px 0; }
.section10 .sec-inner { width: 100%; padding: 0 260px; height: 100%; }
.section10 .sec-inner .text-wrap { margin-bottom: 120px; }
.section10 .sec-inner .text-wrap > .title { font-size: 56px; font-weight: 400; }
.section10 .sec-inner .text-wrap > .desc { margin-top: 16px; font-size: 26px; font-weight: 400; }
.section10 .sec-inner .main-slide-2 { width: 100%; position: relative; padding-bottom: 100px; overflow: visible; }
.section10 .sec-inner .main-slide-2:hover { cursor: none; }
.section10 .sec-inner .main-slide-2 .swiper-slide { width: 292px; position: relative; }
.section10 .sec-inner .main-slide-2 .swiper-slide .img-box { width: 72px; height: 72px; position: relative; border-radius: 100%; overflow: hidden; }
.section10 .sec-inner .main-slide-2 .swiper-slide .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section10 .sec-inner .main-slide-2 .swiper-slide .text-box { width: 100%; margin-top: 30px; }
.section10 .sec-inner .main-slide-2 .swiper-slide .text-box > .title { font-size: 24px; font-weight: 700; }
.section10 .sec-inner .main-slide-2 .swiper-slide .text-box > .title > span { font-size: 18px; margin-left: 4px; }
.section10 .sec-inner .main-slide-2 .swiper-slide .text-box > .sub-title { 
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 최대 줄 수 설정 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
 }
.section10 .sec-inner .main-slide-2 .swiper-slide .text-box > .desc { 
    font-size: 18px;
    font-weight: 500;
    margin-top: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 최대 줄 수 설정 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
 }

 .section10 .sec-inner .main-slide-2 .swiper-slide > a { display: block; padding-top: 55px; }


.section10 .sec-inner .main-slide-2 .swiper-scrollbar { width: 100%; left: 0; bottom: 0; background: #cecece; }
.section10 .sec-inner .main-slide-2 .swiper-scrollbar .swiper-scrollbar-drag { background: #AF362B; }


/* section11 */
.section11 { width: 100%; height: 100vh; position: relative; z-index: 1; }
.section11 .sec-inner { width: 100%; height: 100%; position: relative; overflow: hidden; }
.section11 .sec-inner .text-box { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; text-align: center; }
.section11 .sec-inner .text-box .title { font-size: 56px; font-weight: 400; }
.section11 .sec-inner .up-hover {
    cursor: pointer;
    border: 1px solid #CECECE;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    right: 100px;
    bottom: 100px;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 2;
    transition: border 0.7s ease; /* 테두리 변경 애니메이션 */
}

.section11 .sec-inner .up-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #AF362B;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; /* 텍스트와 이미지를 덮지 않도록 설정 */
    transition: width 0.7s ease, height 0.7s ease;
}

.section11 .sec-inner .up-hover:hover {
    border: 1px solid #AF362B; /* 호버 시 테두리 변경 */
}

.section11 .sec-inner .up-hover:hover::before {
    width: 200%;
    height: 200%;
}

/* 둥둥거리는 애니메이션 */
@keyframes float {
    0% {
        transform: translate(-50%, 0px);
    }
    50% {
        transform: translate(-50%, -8px);
    }
    100% {
        transform: translate(-50%, 0px);
    }
}

.section11 .sec-inner .up-hover > img {
    position: absolute;
    top: 41px;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    transition: opacity 0.7s ease;
    opacity: 1;
    animation: float 2s infinite ease-in-out;
}

.section11 .sec-inner .up-hover:hover > img {
    opacity: 0; /* 기본 이미지 숨기기 */
    animation: none; /* 호버 시 둥둥거림 멈춤 */
}

.section11 .sec-inner .up-hover > img.hover-img {
    opacity: 0;
    pointer-events: none;
}

.section11 .sec-inner .up-hover:hover > img.hover-img {
    opacity: 1;
    pointer-events: all;
    animation: none; /* 호버 시 둥둥거림 멈춤 */
}


.section11 .sec-inner .up-hover > .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 125%;
    z-index: 1; /* 텍스트가 배경 위로 보이도록 설정 */
    transition: all 0.7s ease;
    position: absolute;
    bottom: 41px;
    left: 50%;
    transform: translateX(-50%);

}

.section11 .sec-inner .up-hover:hover > .title { 
    color: #fff; 
}

.section11 .sec-inner .img-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none;
}

.section11 .sec-inner .img-wrap img {
    position: absolute;
    left: 50%; /* 초기 상태: 중앙 */
    bottom: -10%; /* 초기 상태: 화면 아래 */
    transform: translateX(-50%) scale(0.5); /* 축소 상태 */
    opacity: 0; /* 숨김 상태 */
    transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1); /* 부드러운 애니메이션 */
}



.footer {
    height: 100vh; /* footer 높이 */
    background-color: #AF362B;
    position: fixed; /* 고정 위치 */
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.footer .footer-inner { width: 1400px; margin: 0 auto; padding-top: 155px; padding-bottom: 40px; display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
.footer .footer-inner > .title { font-size: 56px; font-weight: 400; }

.footer .footer-inner .quick-list-form {  }
.footer .footer-inner .quick-list-form .online-box { display: flex; align-items: center; }
.footer .footer-inner .quick-list-form .online-box .name-box { width: 275px; height: 69px; }
.footer .footer-inner .quick-list-form .online-box .call-box { width: 466px; height: 69px; }
.footer .footer-inner .quick-list-form .online-box li input { color: #fff; padding: 0 22px; width: 100%; height: 100%; background: #BA473D; border: none; font-size: 18px; }
.footer .footer-inner .quick-list-form .online-box li input:focus-visible { outline: 1px solid #fff; border-radius: 0; }
.footer .footer-inner .quick-list-form .online-box li input::placeholder {
    color: #fff !important;
    opacity: 1 !important; /* 투명도 */
}
.footer .footer-inner .quick-list-form .online-box li input::-webkit-input-placeholder { /* 크롬, 사파리 */
    color: #fff !important;
}

.footer .footer-inner .quick-list-form .online-box li input::-moz-placeholder { /* 파이어폭스 */
    color: #fff !important;
}

.footer .footer-inner .quick-list-form .online-box li input:-ms-input-placeholder { /* IE */
    color: #fff !important;
}

.footer .footer-inner .quick-list-form .online-box .input-first-ul { margin-right: 30px; }
.footer .footer-inner .quick-list-form .online-box .input-first-ul > ul { display: flex; align-items: center; }
.footer .footer-inner .quick-list-form .online-box .input-first-ul > ul > li { margin-right: 12px; }
.footer .footer-inner .quick-list-form .online-box .input-first-ul > ul > li:last-child { margin-right: 0; }
.footer .footer-inner .quick-list-form .online-box .reser-wrap input { font-size: 18px; font-weight: 400; background: #FFFFFF; color: #AF362B; height: 69px; border: none; padding: 22px 27.5px; transition: opacity 0.3s ease-in-out; } 
.footer .footer-inner .quick-list-form .online-box .reser-wrap input:hover { opacity: 0.6; }

.footer .footer-inner .footer-desc-wrap { display: flex; align-items: flex-start; }
.footer .footer-inner .footer-desc-wrap > div { margin-right: 120px; }
.footer .footer-inner .footer-desc-wrap > div:last-child { margin-right: 0; }
.footer .footer-inner .footer-desc-wrap > .text-wrap > .title { font-size: 46px; font-weight: 500; line-height: 140%; display: block; transition: opacity 0.3s ease-in-out; }
.footer .footer-inner .footer-desc-wrap > .text-wrap > .title:hover { opacity: 0.6; }

.footer .footer-inner .footer-desc-wrap > .address-box .title { font-size: 32px; font-weight: 700; }
.footer .footer-inner .footer-desc-wrap > .address-box .desc { font-size: 18px; font-weight: 400; margin-top: 16px; }
.footer .footer-inner .footer-desc-wrap > .address-box > div { margin-top: 40px; display: flex; align-items: center; }
.footer .footer-inner .footer-desc-wrap > .address-box > div > a { margin-right: 12px; }
.footer .footer-inner .footer-desc-wrap > .address-box > div > a:last-child { margin-right: 0; }
.footer .footer-inner .footer-desc-wrap > .address-box > div > a > img { transition: opacity 0.3s ease-in-out; }
.footer .footer-inner .footer-desc-wrap > .address-box > div > a:hover > img { opacity: 0.6; }

.footer .footer-inner .footer-desc-wrap > .time-box .title { font-size: 32px; font-weight: 700; }
.footer .footer-inner .footer-desc-wrap > .time-box .desc { font-size: 18px; font-weight: 400; margin-top: 16px; }
.footer .footer-inner .footer-desc-wrap > .time-box .desc > span { width: 66px; margin-right: 12px; display: inline-block; font-weight: 600; }
.footer .footer-inner .footer-desc-wrap > .sns-box .title { font-size: 32px; font-weight: 700; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div { margin-top: 10px; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > a { font-size: 18px; font-weight: 600; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > div { display: flex; align-items: center; margin-top: 75px; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > div > a { margin-right: 12px; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > div > a:last-child { margin-right: 0; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > div > a > img { transition: opacity 0.3s ease-in-out; }
.footer .footer-inner .footer-desc-wrap > .sns-box > div > div > a:hover > img { opacity: 0.6; }

.footer .footer-inner .copy-wrap { display: flex; align-items: center; justify-content: space-between; } 
.footer .footer-inner .copy-wrap .main-body2 { font-size: 18px; font-weight: 400; }
.footer .footer-inner .copy-wrap > div { display: flex; align-items: center; }
.footer .footer-inner .copy-wrap > div > .login-box { margin-left: 20px; }




/* 게시판 페이지네이션 */
.container .pg_wrap { float: none; display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.container .pg_wrap .pg { display: flex; align-items: center; justify-content: center; } 
.container .pg_wrap .pg_current { background: none; border: none; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #AF362B; color: #AF362B; font-size: 20px; font-weight: 600; }

.container .pg_wrap .pg_page { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #999999; font-size: 20px; font-weight: 600; border-bottom: 1px solid #999; }

.container .pg_wrap .pg_end, 
.container .pg_wrap .pg_start { border-bottom: none; margin: 0 30px; width: 24px; }




.red-wrap { width: 100%; padding: 80px 0; background: #AF362B; display: flex; justify-content: center; position: relative; }
.red-wrap > .title-box { margin-right: 80px; }
.red-wrap > .title-box > .title { font-size: 50px; font-weight: 400; }

.red-wrap > .desc-box.mr-75 { margin-right: 75px; } 
.red-wrap > .desc-box > ul { display: flex; align-items: center; }
.red-wrap > .desc-box > ul.mt-30 { margin-top: 30px; }
.red-wrap > .desc-box > ul > li { font-weight: 400; }
.red-wrap > .desc-box > ul > li:last-child { font-size: 18px; margin-left: 6px; }

.red-wrap > .op-logo { position: absolute; right: 0; bottom: -50px; }



.in-login-wrap { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 99999999; display: none; }
.in-login-wrap .login-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; justify-content: center; }
.in-login-wrap .login-wrap > div { display: flex; justify-content: center; flex-direction: column; width: 440px; }
.in-login-wrap .login-wrap > div > .title { font-size: 26px; font-weight: 500; margin-bottom: 40px; }
.in-login-wrap .login-wrap > div > .input-box { display: flex; justify-content: space-between; align-items: center; padding: 25px 10px; border-bottom: 1px solid #fff; }
.in-login-wrap .login-wrap > div > .input-box > input { background: none; border: none; }
.in-login-wrap .login-wrap > div > .desc { display: flex; margin-top: 20px; align-items: flex-start; }
.in-login-wrap .login-wrap > div > .desc > span { margin-left: 7px; }
.in-login-wrap .login-wrap > div > .agree-box { display: flex; align-items: center; margin-top: 10px; }
.in-login-wrap .login-wrap > div > .agree-box > label { margin-left: 7px; cursor: pointer; }
.in-login-wrap .login-wrap > div > .go-btn { display: flex; justify-content: center; align-items: center; margin-top: 35px; }
.in-login-wrap .login-wrap > div > .go-btn > .title { font-size: 24px; font-weight: 500; color: #e8e8e8; padding: 17px 37px; background: #AF362B; border-radius: 10px; cursor: pointer; }
.in-login-wrap .login-close { position: absolute; right: 80px; top: 80px; z-index: 9999; cursor: pointer; }