/* 스크롤 비활성화 */
html.no-scroll,
body.no-scroll {
    overflow: hidden;
}

.fp-warning, .fp-watermark, #fp-nav { display: none; }

select option {
    color: #000!important;
}



.fixed-icon { position: fixed; right: 100px; bottom: 100px; z-index: 5; }
.fixed-icon > div { margin-bottom: 12px; position: relative; }
.fixed-icon > div:last-child { margin-bottom: 0; }
.fixed-icon > div .count { position: absolute; right: 15px; top: 15px; z-index: 1; font-size: 10px; font-weight: 400; color: #fff; border-radius: 50%; background: #913B21; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; line-height: 100%; }

.scroll-up { position: fixed; right: 80px; bottom: 150px; z-index: 100; display: none; cursor: pointer; }
.fixed-kakao { position: fixed; right: 80px; bottom: 80px; z-index: 100; cursor: pointer; }

@keyframes fade {
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.intro-wrap { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: #860806; z-index: 100000; }
.intro-wrap.hide { display: none; }
.intro-wrap > .text-wrap { position: absolute; left: 150px; top: 130px; opacity: 0; }
.intro-wrap > .text-wrap > .title { font-size: 120px; font-weight: 400; color: #E2B9AC; letter-spacing: -0.05em; line-height: 118%; }
.intro-wrap > .text-wrap > .title span {
	opacity: 0;
}

.intro-wrap > .text-wrap > .desc { font-size: 40px; font-weight: 400; color: #E2B9AC; margin-top: 26px; letter-spacing: -0.05em; }
.intro-wrap > .text-wrap > .desc span { opacity: 0; }

.intro-wrap > .count-box { position: absolute; right: 150px; bottom: 130px; opacity: 0; }
.intro-wrap > .count-box > .intro-kg { font-size: 266px; font-weight: 300; line-height: 100%; display: flex; align-items: flex-end; opacity: 0; animation: fade 1s 1s forwards; }
.intro-wrap > .count-box > .intro-kg > .intro-count { width: 700px; }
.intro-wrap > .count-box > .intro-kg > .intro-text { font-size: 122px; line-height: 150%; }


.header { position: fixed; left: 0; right: 0; width: 100%; top: 0; z-index: 999; }
.header.bg { background: rgba(255,255,255,0.3); backdrop-filter: blur(10px); }
.header.bg > .header-inner { padding: 34px 80px; }
.header > .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 47px 80px; }
.header > .header-inner > .right-box { display: flex; align-items: center; }
.header > .header-inner > .right-box > div { margin-left: 12px; position: relative; cursor: pointer; }
.header > .header-inner > .right-box > div:first-child { margin-left: 0; }
.header > .header-inner > .right-box > div .count { position: absolute; right: 0; top: 0; z-index: 1; font-size: 10px; font-weight: 400; color: #fff; border-radius: 50%; background: #913B21; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; line-height: 100%; }

/* 배경 애니메이션 요소 */
.menu-background {
    background: url('/theme/basic/img/menu_bg.jpg') center/cover no-repeat;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; /* all-menu-wrap 아래에 위치 */
    clip-path: circle(0% at calc(100% - 70px) 50px); /* 오른쪽에서 70px, 위에서 50px */
    transition: clip-path 1s cubic-bezier(0.5, 0, 0.5, 1);
    will-change: clip-path;
}

/* 메뉴 전체 래퍼 */
.all-menu-wrap {
    background: url('/theme/basic/img/menu_bg.jpg') center/cover no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0; /* 처음엔 투명 */
    pointer-events: none; /* 초기에는 클릭 불가 */
    transition: opacity 1s ease-in-out 0.3s; /* 배경이 확장된 후 페이드인 */
}

.all-menu-wrap.active {
    opacity: 1;
    pointer-events: auto; /* 활성화 시 클릭 가능 */
}

.menu-background.active {
    clip-path: circle(150% at calc(100% - 70px) 50px); /* 배경이 화면 전체로 확장 */
    pointer-events: auto;
}
.all-menu-wrap > .menu-header { display: flex; align-items: center; justify-content: space-between; padding: 47px 80px; position: absolute; width: 100%; z-index: 2; }
.all-menu-wrap > .menu-header .close { cursor: pointer; }
.all-menu-wrap > .all-menu-text { width: 1160px; height: 100vh; margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 3; }
.all-menu-wrap > .all-menu-text > div > a { font-weight: 300; color: #E2B9AC; margin-bottom: 28px; display: block; cursor: pointer; }
.all-menu-wrap > .all-menu-text > div > a.active { color: #F6F3EF; }
.all-menu-wrap > .all-menu-text > div > a:last-child { margin-bottom: 0; }

.all-menu-wrap > .all-menu-text > .right-menu-box { display: none; margin-left: 438px; }
.all-menu-wrap > .all-menu-text > .right-menu-box a { font-weight: 500; display: flex; align-items: center; line-height: 180%; font-size: 36px; margin-bottom: 20px; }
.all-menu-wrap > .all-menu-text > .right-menu-box a span { font-size: 30px; margin-right: 12px; }


.sub-menu-title-wrap { width: 1600px; margin: 0 auto; margin-top: 230px; margin-bottom: 100px; }
.sub-menu-title-wrap > .title { font-weight: 500; margin-top: 100px; }
.sub-menu-title-wrap > .step-wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; }
.sub-menu-title-wrap > .step-wrap > .step-box { position: relative; width: 502px; height: 267px; padding: 80px 40px 40px 40px; background: #EFE8E2; }
.sub-menu-title-wrap > .step-wrap > .step-box .sub-title { font-size: 18px; font-weight: 500; }
.sub-menu-title-wrap > .step-wrap > .step-box .line { width: 12px; height: 2px; background: #860806; margin: 16px 0 30px 0; }
.sub-menu-title-wrap > .step-wrap > .step-box .desc { font-size: 24px; font-weight: 400; }
.sub-menu-title-wrap > .step-wrap > .step-box .step-img { position: absolute; right: 40px; top: 40px; }





.sub-menu-title-wrap > div { display: flex; align-items: center; }
.sub-menu-title-wrap > div > h1 { font-size: 26px; font-weight: 400; }
.sub-menu-title-wrap > div > .line { margin: 0 12px; color: #414141; font-size: 26px; }
.sub-menu-title-wrap > div > .title { color: #999999; letter-spacing: -0.05em; }
.sub-menu-title-wrap > div > .desc { color: #860806; letter-spacing: -0.05em; }


.sub-title-wrap { margin-top: 100px; margin-bottom: 60px; }
.sub-title-wrap > .title { font-size: 60px; font-weight: 500; }


.scroll-down {
    position: fixed;
    right: 90px;
    bottom: 0;
    z-index: 2;
}
.scroll-down.center { right: auto; left: 50%; transform: translateX(-50%); }

.scroll-down > .title {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    writing-mode: vertical-rl; /* 세로로 세움 */
    transform: rotate(180deg); /* 텍스트를 세로로 세우고 좌우 뒤집힘 방지 */
    text-align: center; /* 세로 방향으로 중앙 정렬 */
    transition: color 0.3s ease-in-out;
}
.scroll-down.black > .title { color: #21292E; }

.scroll-down > .line {
    width: 2px;
    height: 80px;
    background: #B6B6B6;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


.scroll-down > .line > .moving-box {
    width: 100%; /* 박스의 가로 크기 */
    height: 40px; /* 박스의 세로 크기 */
    background-color: #FFFFFF; /* 박스 색상 */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    animation: moveDownRestart 1.5s infinite;
    transition: background-color 0.3s ease-in-out;
}
.scroll-down.black > .line > .moving-box { background: #21292E; }

@keyframes moveDownRestart {
    0% {
        top: -40px; /* 화면 위에서 시작 */
        opacity: 0;
    }
    10% {
        top: 0;
        opacity: 1;
    }
    80% {
        top: 80px; /* 아래로 이동 */
        opacity: 1;
    }
    100% {
        top: 120px; /* 화면 아래로 벗어나서 사라짐 */
        opacity: 0;
    }
}



.section {
    width: 100%;
    height: 100vh;
    scroll-snap-align: start;
    position: relative;
}


/* section1 */
.section1 .sec-inner { width: 100%; position: relative; }
.section1 .sec-inner > .img-box { width: 100%; height: 100vh; position: relative; }
.section1 .sec-inner > .img-box > img,
.section1 .sec-inner > .img-box > iframe,
.section1 .sec-inner > .img-box > video { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section1 .sec-inner > .text-box { position: absolute; left: 50px; top: 80px; z-index: 1; }
.section1 .sec-inner > .text-box > .title { font-size: 300px; font-weight: 300; line-height: 84%; }
.section1 .sec-inner > .text-box > .desc { font-size: 45px; margin-top: 20px; font-weight: 300; }
.section1 .sec-inner > .text-box > .desc-kr { font-size: 34px; margin-top: 22px; font-weight: 300; }

.section1 .sec-inner > .play-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    cursor: pointer;
}

.section1 .sec-inner > .play-btn img {
    display: block;
    animation: spin 5s linear infinite; /* 계속 회전 */
    animation-play-state: running; /* 기본 상태에서 회전 시작 */
}

.section1 .sec-inner > .play-btn:hover img {
    animation-play-state: paused; /* 호버 시 회전 멈춤 */
}

.play-btn .triangle {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #ffffff;
    opacity: 1;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section1 .sec-inner > .video-box { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100vh; z-index: 99; display: none; }
.section1 .sec-inner > .video-box.active { display: block; }
.section1 .sec-inner > .video-box iframe { width: 80%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.section1 .sec-inner > .video-box > .close-btn {
    position: absolute;
    top: calc(10% - 50px);
    right: calc(10% - 60px); 
    z-index: 100;
    cursor: pointer;
}

/* section2 */

/* 커서 이미지 스타일 */
.cursor-image {
    position: fixed; /* fixed로 설정하여 viewport 기준으로 위치 고정 */
    width: 100px;
    height: 100px;
    pointer-events: none;
    z-index: 1000;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease; /* 부드러운 지연 설정 */
}

.cursor-image.next {
    background: url('/theme/basic/svg/slide_next_btn.svg') no-repeat center center;
    background-size: contain;
}

.cursor-image.prev {
    background: url('/theme/basic/svg/slide_prev_btn.svg') no-repeat center center;
    background-size: contain;
}


.section2 { cursor: pointer; }
.section2 .sec-inner > .main-slide-1 { width: 100%; height: 100vh; position: relative; }
.section2 .sec-inner > .main-slide-1 .swiper-slide { width: 100%; height: 100%; position: relative; background: #870A08; display: flex; justify-content: space-between; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .img-box { width: 50%; height: 100vh; position: relative; background: #fff; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .img-box > img.no-img { object-fit: contain; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 400px; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .ab-img { position: absolute; left: 47%; transform: translateX(-50%); top: 0; height: 100%; z-index: 1; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .ab-img > img { width: 100%; height: 100%; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box { width: 50%; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; z-index: 2; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .kg { font-size: 200px; font-weight: 400; opacity: 0; display: flex; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .kg.animate {
    opacity: 1;
    transition: opacity 1.2s ease;
}
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .kg > span.count { width: 260px; display: block; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .kg > span.text { font-size: 85px; line-height: 360%; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .ab-text { position: absolute; width: 100%; padding: 100px 85px; left: 0; bottom: 0; opacity: 0; transform: translateY(20px); transition: opacity 1.2s ease, transform 1.2s ease; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .ab-text > .title { font-size: 40px; font-weight: 400; }
.section2 .sec-inner > .main-slide-1 .swiper-slide > .text-box > .ab-text > .desc { font-size: 22px; font-weight: 300; margin-top: 20px; line-height: 150%;     display: -webkit-box; -webkit-line-clamp: 4; /* Limits text to four lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }

/* Animate 클래스 추가 */
.section2 .sec-inner > .main-slide-1 .swiper-slide .ab-text.animate {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 1.2s ease forwards;
}
.section2 .sec-inner > .main-slide-1 .swiper-pagination { width: 50%; right: 0; left: auto; bottom: 80px; }
.section2 .sec-inner > .main-slide-1 .swiper-pagination .swiper-pagination-bullet { padding: 11px; width: auto; height: auto; background: transparent; opacity: 1; margin: 0 7px; }
.section2 .sec-inner > .main-slide-1 .swiper-pagination .swiper-pagination-bullet > .inner-span { width: 8px; height: 8px; background: #fff; border-radius: 100%; display: block; }
.section2 .sec-inner > .main-slide-1 .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff;  }
.section2 .sec-inner > .main-slide-1 .swiper-pagination .swiper-pagination-bullet:focus-visible { outline: transparent }

/* 아래에서 위로 올라오는 페이드 인 애니메이션 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}





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


/* section3 */
.section3 { background: #F4EEE8; }
.section3 > div { position: relative; }
.fix-logo { position: fixed; left: 70px; top: 50%; transform: translateY(-50%); z-index: 1; }
.svg-scroll-container {
    height: 100%; /* 스크롤 섹션의 높이를 고정 */
    width: 100%;
    position: absolute;
    top: 0;
}

/* SVG 애니메이션 조정 */
#animated-svg path {
    stroke-dasharray: 5000;
    stroke-dashoffset: 5000;
    transition: stroke-dashoffset 1.5s ease;
}

.section3 .sec-inner { width: 100%; height: 100%; position: relative; left: 50%; transform: translateX(-50%); top: 0; padding-top: 330px; overflow: hidden; }
.section3 .sec-inner .first { width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.section3 .sec-inner .first > .text-box { width: 565px; opacity: 0; }
.section3 .sec-inner .first > .text-box > .title { font-size: 60px; font-weight: 400; letter-spacing: -0.05em; }
.section3 .sec-inner .first > .text-box > .desc { margin-top: 50px; font-size: 22px; font-weight: 400; color: #414141; }
.section3 .sec-inner .first > .text-box > .desc span { font-weight: 700; }
.section3 .sec-inner .first > .img-box { width: 640px; height: 712px; position: relative; }
.section3 .sec-inner .first > .img-box > img.sec3_img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; z-index: 1; opacity: 0; }
.section3 .sec-inner .first > .img-box > .infi { position: absolute; left: -100px; bottom: -100px; animation: spin2 5s linear infinite; display: block; }

@keyframes spin2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.section3 .sec-inner .two { width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 350px; flex-wrap: wrap; }
.section3 .sec-inner .two > .sub-title { flex: none; margin-bottom: 44px; font-weight: 300; width: 100%; opacity: 0.3; letter-spacing: -0.05em; }
.section3 .sec-inner .two > .text-box { width: 740px; opacity: 0; padding-top: 106px; }
.section3 .sec-inner .two > .text-box > .title { font-size: 60px; font-weight: 400; letter-spacing: -0.05em; }
.section3 .sec-inner .two > .text-box > .desc { margin-top: 50px; font-size: 22px; font-weight: 400; color: #414141; }
.section3 .sec-inner .two > .text-box > .desc span { font-weight: 700; }
.section3 .sec-inner .two > .img-box { width: 567px; height: 748px; position: relative; }
.section3 .sec-inner .two > .img-box > img.sec3_img { width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; object-fit: cover; }
.section3 .sec-inner .two > .img-box > .abs { position: absolute; right: -277px; bottom: -384px; display: block; opacity: 0; }

.section3 .sec-inner .three { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; margin-top: 250px; }
.section3 .sec-inner .three > .text-box { width: 630px; margin-right: 110px; opacity: 0; }
.section3 .sec-inner .three > .text-box > .title { font-size: 60px; font-weight: 400; letter-spacing: -0.05em; }
.section3 .sec-inner .three > .text-box > .desc { margin-top: 50px; font-size: 22px; font-weight: 400; color: #414141; }
.section3 .sec-inner .three > .text-box > .desc span { font-weight: 700; }
.section3 .sec-inner .three > .img-box { width: 804px; height: 825px; position: relative; opacity: 0; }
.section3 .sec-inner .three > .img-box > img.sec3_img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; z-index: 1; }

.section3 .sec-inner .four { width: 1400px; margin: 0 auto; margin-top: 250px; position: relative; }
.section3 .sec-inner .four > .text-box { margin-top: 100px; padding-left: 100px; opacity: 0; }
.section3 .sec-inner .four > .text-box > .title { font-size: 60px; font-weight: 400; letter-spacing: -0.05em; }
.section3 .sec-inner .four > .text-box > .desc { margin-top: 50px; font-size: 22px; font-weight: 400; color: #414141; }
.section3 .sec-inner .four > .text-box > .desc span { font-weight: 700; }
.section3 .sec-inner .four > .img-box { width: 1200px; height: 582px; position: relative; opacity: 0; }
.section3 .sec-inner .four > .img-box > img.sec3_img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.section3 .sec-inner .four > .ab-box { position: absolute; right: 0; top: 510px; opacity: 0; }
.section3 .sec-inner .four > .ab-box > .img-box { width: 387px; height: 379px; position: relative; }
.section3 .sec-inner .four > .ab-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section3 .sec-inner .four > .ab-box > .sub-title {  margin-top: 49px; font-weight: 300; width: 100%; opacity: 0.3; letter-spacing: -0.05em; }

.section3 .sec-inner > .text-wrap { margin: 0 auto; margin-top: 414px; width: 1274px; }
.section3 .sec-inner > .text-wrap .business-box.mt-350 { margin-top: 350px; }
.section3 .sec-inner > .text-wrap .business-box > .title { font-size: 60px; font-weight: 500; opacity: 0; }
.section3 .sec-inner > .text-wrap .business-box > .title > span { position: relative; }
.section3 .sec-inner > .text-wrap .business-box > .title > span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px; /* 글자 아래쪽에 위치 */
    width: 100%;
    height: 16px; /* 형광펜 두께 조절 */
    background: rgba(134, 8, 6, 0.2); /* 연한 형광펜 색상 */
    z-index: -1;
}
.section3 .sec-inner > .text-wrap .business-box > .desc { font-size: 24px; font-weight: 500; margin-top: 30px; opacity: 0; }
.section3 .sec-inner > .text-wrap .h-line { opacity: 0; width: 1px; height: 94px; background: #B6B6B6; margin: 0 auto; margin-top: 100px; margin-bottom: 100px; }
.section3 .sec-inner > .text-wrap .bete-box { display: flex; align-items: center; }
.section3 .sec-inner > .text-wrap .bete-box.order2 { justify-content: space-between; }
.section3 .sec-inner > .text-wrap .bete-box.mt-100 { margin-top: 100px; }
.section3 .sec-inner > .text-wrap .bete-box > .img-box { width: 604px; height: 390px; position: relative; flex: none; opacity: 0; }
.section3 .sec-inner > .text-wrap .bete-box.order2 > .img-box { order: 2; }
.section3 .sec-inner > .text-wrap .bete-box > .img-box > img { width: 100%; }
.section3 .sec-inner > .text-wrap .bete-box > .text-box { margin-left: 60px; opacity: 0; }
.section3 .sec-inner > .text-wrap .bete-box.order2 > .text-box { padding-left: 168px; margin-left: 0; }
.section3 .sec-inner > .text-wrap .bete-box > .text-box > .sub-logo { margin-bottom: 22px; }
.section3 .sec-inner > .text-wrap .bete-box > .text-box > .title { font-size: 38px; font-weight: 500; }
.section3 .sec-inner > .text-wrap .bete-box > .text-box > .desc { font-size: 20px; font-weight: 400; margin-top: 40px; }

.section3 .sec-inner > .text-wrap .patent-box { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.section3 .sec-inner > .text-wrap .patent-box > .img-box { width: 305px; height: 375px; position: relative; opacity: 0; }
.section3 .sec-inner > .text-wrap .patent-box > .img-box > img { width: 100%; }


.section3 .bottom-box { width: 100%; height: 200px; position: relative; }
.section3 .bottom { position: absolute; left: 85px; bottom: 0; width: 226px; display: none; }

/* 왼쪽에서 페이드인 효과 */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 오른쪽에서 페이드인 효과 */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 페이드업 효과 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 애니메이션 클래스 */
.animate-fade-in-up {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
}

/* 애니메이션 클래스 */
.animate-fade-in-left {
    opacity: 0;
    animation: fadeInLeft 1s ease-out forwards;
}

.animate-fade-in-right {
    opacity: 0;
    animation: fadeInRight 1s ease-out forwards;
}


/* 섹션 3의 AOS 애니메이션을 기본적으로 비활성화 */
/* 애니메이션이 비활성화된 상태 */
[data-aos] {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 애니메이션이 활성화된 상태 */
[data-aos].aos-animate {
    opacity: 1;
    transform: none;
}


/* section4 설정 */
.section4 {
    background: url('/theme/basic/img/sec4_bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section4 .sec-inner {
    padding-top: 100px;
    overflow: hidden; /* 섹션에서 넘치는 부분 숨김 */
}

/* 텍스트 영역 */
.section4 .sec-inner .text-wrap {
    margin-bottom: 70px;
}
.section4 .sec-inner .text-wrap > .title {
    font-size: 60px;
    font-weight: 400;
}

/* 슬라이드 컨테이너에 3D 효과를 위한 스타일 적용 */
.section4 .sec-inner .main-slide-4 {
    width: 1600px;
    padding: 0 50px;
    padding-bottom: 60px;
    overflow: hidden; /* 슬라이드 밖으로 나가는 부분 숨기기 */
    perspective: 1000px; /* 원근감 설정 */
}

/* 슬라이드 스타일 */
.section4 .sec-inner .main-slide-4 .swiper-slide {
    width: 396px; /* 각 슬라이드의 너비를 고정 */
    height: 540px; /* 각 슬라이드의 높이 고정 */
    position: relative;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; /* 부드러운 전환 효과 */
    transform-style: preserve-3d; /* 3D 효과 유지 */
    opacity: 0; /* 비활성 슬라이드는 약간 투명하게 */
    border-radius: 6px;
    overflow: hidden;
}
.section4 .sec-inner .main-slide-4 .swiper-slide > a { display: flex; justify-content: space-between; flex-direction: column; padding: 26px 24px 50px 24px; height: 100%; }
.section4 .sec-inner .main-slide-4 .swiper-slide > a > div { position: relative; z-index: 1; display: none; }
.section4 .sec-inner .main-slide-4 .swiper-slide > a > .link-box { text-align: right; }
.section4 .sec-inner .main-slide-4 .swiper-slide > a > .text-box > .title { display: flex; align-items: center; margin-bottom: 20px; }
.section4 .sec-inner .main-slide-4 .swiper-slide > a > .text-box > .title > span { font-weight: 500; font-size: 14px; margin-left: 6px; }
.section4 .sec-inner .main-slide-4 .swiper-slide > a > .text-box > .desc { font-weight: 300; line-height: 150%; }

.section4 .sec-inner .main-slide-4 .swiper-slide-visible { opacity: 0.7; }
/* active 슬라이드 스타일 */
.section4 .sec-inner .main-slide-4 .swiper-slide-active {
    transform: scale(1) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1; /* 활성 슬라이드는 완전하게 보이도록 */
}
.section4 .sec-inner .main-slide-4 .swiper-slide-active > a { display: flex; }
.section4 .sec-inner .main-slide-4 .swiper-slide-active > a > div { display: block; }
/* next 슬라이드 스타일 */
.section4 .sec-inner .main-slide-4 .swiper-slide-next {
    transform: translate3d(100px, 0, -100px) rotateY(-30deg) scale(0.9);
    opacity: 0.8;
}

/* prev 슬라이드 스타일 */
.section4 .sec-inner .main-slide-4 .swiper-slide-prev {
    transform: translate3d(-100px, 0, -100px) rotateY(30deg) scale(0.9);
    opacity: 0.8;
}

/* 슬라이드 이미지 스타일 */
.section4 .sec-inner .main-slide-4 .swiper-slide a > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.section4 .sec-inner .main-slide-4 .swiper-pagination { width: 100%; left: 0; bottom: 0; }
.section4 .sec-inner .main-slide-4 .swiper-pagination .swiper-pagination-bullet { padding: 11px; width: auto; height: auto; background: transparent; opacity: 1; margin: 0 7px; }
.section4 .sec-inner .main-slide-4 .swiper-pagination .swiper-pagination-bullet > .inner-span { width: 8px; height: 8px; background: #fff; border-radius: 100%; display: block; }
.section4 .sec-inner .main-slide-4 .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff;  }
.section4 .sec-inner .main-slide-4 .swiper-pagination .swiper-pagination-bullet:focus-visible { outline: transparent }

.section4 .sec-inner .main-slide-4 .main-slide-btn-box { display: flex; align-items: center; justify-content: space-between; width: 577px; position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); z-index: 1; }
.section4 .sec-inner .main-slide-4 .swiper-button-next { background: url('/theme/basic/svg/slide_next_btn.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 60px; height: 60px; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; }
.section4 .sec-inner .main-slide-4 .swiper-button-prev { background: url('/theme/basic/svg/slide_prev_btn.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 60px; height: 60px; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; }

/* section5 */
.section5 { background: #860806; }
.section5 .sec-inner .text-wrap { opacity: 0; transform: translateY(50px); transition: all 1.2s ease-out; }
.section5 .sec-inner .text-wrap.animate-fade-up {
    opacity: 1;
    transform: translateY(0);
}
.section5 .sec-inner .text-wrap > img { display: block; margin: 0 auto; margin-bottom: 38px; }
.section5 .sec-inner .text-wrap > .title { font-size: 38px; font-weight: 400; } 
.section5 .sec-inner .text-wrap > .desc { margin-top: 20px; font-weight: 300; line-height: 160%; } 
.section5 .sec-inner .text-wrap > a { margin-top: 50px; display: inline-block; }
.section5 .sec-inner .text-wrap > a > img { width: 28px; }



.section6 { background: #F4EEE8; }
.section6 .sec-inner { display: flex; }
.section6 .sec-inner > .main-slide-5 { width: 50%; height: 100vh; position: relative; cursor: pointer; }
.section6 .sec-inner > .main-slide-5 .swiper-slide { width: 100%; height: 100%; position: relative; background: #F4EEE8; display: flex; justify-content: space-between; }
.section6 .sec-inner > .main-slide-5 .swiper-slide > .img-box { width: 100%; height: 100vh; position: relative; }
.section6 .sec-inner > .main-slide-5 .swiper-slide > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.section6 .sec-inner > .main-slide-5 .swiper-pagination { width: 100%; right: auto; left: 0; bottom: 80px; }
.section6 .sec-inner > .main-slide-5 .swiper-pagination .swiper-pagination-bullet { padding: 11px; width: auto; height: auto; background: transparent; opacity: 1; margin: 0 7px; }
.section6 .sec-inner > .main-slide-5 .swiper-pagination .swiper-pagination-bullet > .inner-span { width: 8px; height: 8px; background: #fff; border-radius: 100%; display: block; }
.section6 .sec-inner > .main-slide-5 .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff;  }
.section6 .sec-inner > .main-slide-5 .swiper-pagination .swiper-pagination-bullet:focus-visible { outline: transparent }

.section6 .sec-inner .jijum-wrap { width: 50%; height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; }
.section6 .sec-inner .jijum-wrap > div { width: 665px; }
.section6 .sec-inner .jijum-wrap .head-box { display: flex; align-items: center; overflow-x: auto; margin-bottom: 60px; }
.section6 .sec-inner .jijum-wrap .head-box > .title { flex: 0 0 auto; margin-right: 12px; padding: 12px 28px; border-radius: 80px; border: 1px solid #21292E; color: #21292E; cursor: pointer; font-weight: 500; }
.section6 .sec-inner .jijum-wrap .head-box > .title.active { color: #fff; background: #860806; border: 1px solid #860806; }
.section6 .sec-inner .jijum-wrap .map-box { width: 100%; height: 360px; position: relative; }
.section6 .sec-inner .jijum-wrap .map-box .root_daum_roughmap .wrap_map { height: 100%; }
.section6 .sec-inner .jijum-wrap .map-box > div { width: 100%; height: 100%; }
.section6 .sec-inner .jijum-wrap .desc-box { margin-top: 50px; }
.section6 .sec-inner .jijum-wrap .desc-box > .title { display: flex; align-items: center; justify-content: space-between; }
.section6 .sec-inner .jijum-wrap .desc-box > .title > span { font-weight: 500; font-size: 38px; }
.section6 .sec-inner .jijum-wrap .desc-box > .title > div { display: flex; align-items: center; }
.section6 .sec-inner .jijum-wrap .desc-box > .title > div > a { margin-left: 10px; }
.section6 .sec-inner .jijum-wrap .desc-box > .title > div > a:first-child { margin-left: 0; }
.section6 .sec-inner .jijum-wrap .desc-box > .line { width: 100%; height: 1px; background: #999999; margin: 39px 0; }
.section6 .sec-inner .jijum-wrap .desc-box > ul { display: flex; align-items: center; }
.section6 .sec-inner .jijum-wrap .desc-box > ul.mt-22 { margin-top: 22px; }
.section6 .sec-inner .jijum-wrap .desc-box > ul > li:first-child { margin-right: 10px; flex: none; }
.section6 .sec-inner .jijum-wrap .desc-box > ul > li:last-child { font-size: 26px; font-weight: 300; }


.map-box .root_daum_roughmap .wrap_controllers { display: none; }


.section7 { background: #F4EEE8; }
.section7 svg { position: absolute; }
.section7 .sec-inner { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.section7 .sec-inner > .text-wrap { margin-right: 250px; opacity: 0; transform: translateY(50px); transition: all 1.2s ease-out; }
.section7 .sec-inner > .text-wrap.animate-fade-up {
    opacity: 1;
    transform: translateY(0);
}
.section7 .sec-inner > .text-wrap > .title { font-size: 60px; font-weight: 400; }
.section7 .sec-inner > .text-wrap > ul { display: flex; align-items: center; }
.section7 .sec-inner > .text-wrap > ul.mt-18 { margin-top: 18px; }
.section7 .sec-inner > .text-wrap > ul.mt-50 { margin-top: 50px; }
.section7 .sec-inner > .text-wrap > ul > li:first-child { margin-right: 8px; }
.section7 .sec-inner > .text-wrap > ul > li:last-child { font-weight: 400; font-size: 24px; letter-spacing: -0.05em; }
.section7 .sec-inner > .text-wrap > .link-box { margin-top: 80px; display: flex; align-items: center; }
.section7 .sec-inner > .text-wrap > .link-box > a { margin-right: 16px; }
.section7 .sec-inner > .text-wrap > .link-box > a:last-child { margin-right: 0; }
.section7 .sec-inner > .img-box { opacity: 0; transform: translateY(50px); transition: all 1.2s ease-out; }
.section7 .sec-inner > .img-box.animate-fade-up {
    opacity: 1;
    transform: translateY(0);
}



.section8 { background: #860806; }
.section8 .sec-inner { display: flex; height: 100vh; width: 100%; }
.section8 .sec-inner > .main-slide-6 { width: 50%; height: 100vh; position: relative; cursor: pointer; }
.section8 .sec-inner > .main-slide-6 .swiper-slide { width: 100%; height: 100%; position: relative; background: #860806; display: flex; justify-content: space-between; }
.section8 .sec-inner > .main-slide-6 .swiper-slide > .img-box { width: 100%; height: 100vh; position: relative; }
.section8 .sec-inner > .main-slide-6 .swiper-slide > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.section8 .sec-inner > .main-slide-6 .swiper-pagination { width: 100%; right: auto; left: 0; bottom: 80px; }
.section8 .sec-inner > .main-slide-6 .swiper-pagination .swiper-pagination-bullet { padding: 11px; width: auto; height: auto; background: transparent; opacity: 1; margin: 0 7px; }
.section8 .sec-inner > .main-slide-6 .swiper-pagination .swiper-pagination-bullet > .inner-span { width: 8px; height: 8px; background: #fff; border-radius: 100%; display: block; }
.section8 .sec-inner > .main-slide-6 .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff;  }
.section8 .sec-inner > .main-slide-6 .swiper-pagination .swiper-pagination-bullet:focus-visible { outline: transparent }

.section8 .sec-inner > .tour-wrap { width: 50%; height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; }
.section8 .sec-inner > .tour-wrap > div { width: 658px; }
.section8 .sec-inner > .tour-wrap > div > .title { font-size: 60px; color: #fff; font-weight: 400; }
.section8 .sec-inner > .tour-wrap > div > .line { width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); margin: 46px 0; }
.section8 .sec-inner > .tour-wrap > div > .desc-box { margin-bottom: 120px; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > .title { display: flex; align-items: center; margin-bottom: 34px; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > .title > img { margin-right: 14px; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > .title > span { font-size: 26px; font-weight: 400; color: #fff; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div { display: flex; align-items: center; flex-wrap: wrap; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul { display: flex; align-items: center; width: 280px; margin-top: 28px; margin-right: 32px; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul:nth-child(1),
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul:nth-child(2) { margin-top: 0; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul:nth-child(2n) { margin-right: 0; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul > li { line-height: 100%; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul > li:first-child { width: 121px; letter-spacing: -0.05em; font-size: 22px; font-weight: 300; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul > li.line { width: 1px; height: 14px; background: rgba(255, 255, 255, 0.4); margin: 0 16px; }
.section8 .sec-inner > .tour-wrap > div > .desc-box > div > ul > li:last-child { letter-spacing: -0.05em; font-size: 22px; font-weight: 300; }
.section8 .sec-inner > .tour-wrap > div > .tour-btn { display: inline-flex; justify-content: center; align-items: center; background: #F4EEE8; padding: 20px 48px; border-radius: 80px; }
.section8 .sec-inner > .tour-wrap > div > .tour-btn > span { font-size: 22px; font-weight: 400; }


.footer-wrap { background: url('/theme/basic/img/footer_bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 150px 0; }
.footer-wrap > .line { width: 1320px; height: 1px; background: rgba(255, 255, 255, 0.3); margin: 60px auto; }

.footer-wrap > .quick-list-form { width: 1320px; margin: 0 auto; display: flex; justify-content: space-between; }
.footer-wrap > .quick-list-form > .title-box .title { font-weight: 400; }
.footer-wrap > .quick-list-form > .title-box > .step-box { margin-top: 60px; }
.footer-wrap > .quick-list-form > .title-box > .step-box ul { display: flex; align-items: center; margin-bottom: 10px; }
.footer-wrap > .quick-list-form > .title-box > .step-box ul:last-child { margin-bottom: 0; }
.footer-wrap > .quick-list-form > .title-box > .step-box ul li { font-size: 18px; font-weight: 400; }
.footer-wrap > .quick-list-form > .title-box > .step-box ul li:first-child { margin-right: 16px; font-weight: 500; }
.footer-wrap > .quick-list-form .online-box { width: 745px; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul { display: flex; align-items: center; justify-content: space-between; }

.footer-wrap > .quick-list-form .online-box > .input-first-ul.mt-26 { margin-top: 26px; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li { width: 368px; font-size: 16px; font-weight: 500; position: relative; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li:first-child { margin-bottom: 10px; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li.text-right { font-weight: 400; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > input,
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > select { width: 100%; height: 51px; border: 1px solid rgba(255, 255, 255, 0.5); background: none; padding: 0 10px; color: rgba(255, 255, 255, 0.7); }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* 아이콘을 흰색으로 변경 */
}
.footer-wrap > .quick-list-form .online-box > .input-sec-ul { margin-top: 26px; }
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li { width: 100%; font-size: 16px; font-weight: 500; position: relative; }
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li:first-child { margin-bottom: 10px; }
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li > input,
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li > select { width: 100%; height: 51px; border: 1px solid rgba(255, 255, 255, 0.5); background: none; padding: 0 10px; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > input::placeholder,
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > select::placeholder,
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li > select::placeholder { color: rgba(255, 255, 255, 0.7); }
.footer-wrap > .quick-list-form .online-box > .input-sec-ul > ul > li > select,
.footer-wrap > .quick-list-form .online-box > .input-first-ul > ul > li > select {
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrap > .quick-list-form .online-box > .input-first-ul.no { display: block; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul.no > ul { display: flex; align-items: center; justify-content: space-between; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul.no > ul.text { width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul.no > ul > li:first-child { margin-bottom: 0; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul.no > ul.text > li { width: auto; }
.footer-wrap > .quick-list-form .online-box > .input-first-ul.no > ul.text > li.ml { margin-left: 10px; }

.footer-wrap > .quick-list-form .online-box > .agree-wrap { margin-top: 30px; }
.footer-wrap > .quick-list-form .online-box > .agree-wrap label { cursor: pointer; color: #f4f4f4; margin-left: 6px; }


.footer-wrap > .quick-list-form .online-box > .reser-wrap { margin-top: 16px; background: rgba(255, 255, 255, 0.22); width: 100%; border: 1px solid #fff; height: 56px; }
.footer-wrap > .quick-list-form .online-box > .reser-wrap > a { display: flex; align-items: center; justify-content: center; height: 56px; }
.footer-wrap > .quick-list-form .online-box > .reser-wrap > a input { font-size: 16px; font-weight: 500; color: #fff; background: none; border: none; margin-left: 6px; }

.w-calnder { display: none; }
.footer-wrap > .quick-list-form .online-box .select-img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }



.footer.sub { background: #860806; margin-top: 200px; }
.footer > .footer-inner { width: 1320px; margin: 0 auto; }
.footer > .footer-inner > .foot-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.footer > .footer-inner > .foot-top > a > img { width: 260px; }
.footer > .footer-inner > .foot-top > div { display: flex; align-items: center; }
.footer > .footer-inner > .foot-top .gameng { display: flex; align-items: center; justify-content: space-between; padding: 20px 26px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 80px; width: 207px; margin-right: 12px; }
.footer > .footer-inner > .foot-top .gameng > .title { font-weight: 400; color: #fff; }
.footer > .footer-inner > .foot-top .select-box { width: 207px; cursor: pointer; position: relative; }
.footer > .footer-inner > .foot-top .select-box > .select { display: flex; align-items: center; justify-content: space-between; padding: 20px 26px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 80px; }
.footer > .footer-inner > .foot-top .select-box > .select > .title { font-weight: 400; color: #fff; }
.footer > .footer-inner > .foot-top .select-box > .select > img { transition: transform 0.3s ease; }
.footer > .footer-inner > .foot-top .select-box > .select > img.rotate { transform: rotate(180deg); transition: transform 0.3s ease; }
.footer > .footer-inner > .foot-top .select-box > .option-box { position: absolute; top: 80px; left: 0; width: 207px; border-radius: 22px; border: 1px solid #999999; background: #F4EEE8; padding: 20px 26px; display: none; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a { font-weight: 400; padding: 14px 0; width: 100%; display: block; border-bottom: 1px solid #B6B6B6; font-weight: 400; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a:first-child { padding-top: 0; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a:last-child { padding-bottom: 0; border-bottom: none; }
.footer > .footer-inner > .foot-bottom { display: flex; justify-content: space-between; width: 100%; }
.footer > .footer-inner > .foot-bottom > .desc-wrap .desc,
.footer > .footer-inner > .foot-bottom > .desc-wrap .desc a,
.footer > .footer-inner > .foot-bottom > .desc-wrap > .login-box span a { font-size: 14px; font-weight: 300; color: #B6B6B6; }
.footer > .footer-inner > .foot-bottom > .desc-wrap .copy { margin-top: 22px; }
.footer > .footer-inner > .foot-bottom > .desc-wrap > .login-box { margin-top: 10px; color: #B6B6B6; }
.footer > .footer-inner > .foot-bottom > .download-wrap { width: 426px; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .title { font-weight: 500; font-size: 16px; color: #fff; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box { margin-top: 16px; display: flex; align-items: center; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box > a { margin-right: 8px; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box > a:last-child { margin-right: 0; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box > a > img { width: 48px; }

.footer.sub { background: #860806; }
.footer.sub > .footer-inner > .foot-top .select-box > .select,
.footer.sub > .footer-inner > .foot-top .gameng { border: 1px solid #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap .desc,
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap .desc a,
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap > .login-box span a { color: #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap > .login-box { margin-top: 10px; color: #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .download-wrap > .title { color: #f4f4f4; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box { background: #860806; border: 1px solid #f4f4f4; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box > a { border-bottom: 1px solid #5D0806; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box > a:last-child { border-bottom: none; }


/* 게시판 페이지네이션 */
.pg_wrap { float: none; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; margin-top: 100px; }

.pg_wrap .pg { display: flex; align-items: center; }
.pg_current { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #860806; border-radius: 50%; font-size: 20px; font-weight: 600; color: #fff; }
.pg_page { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #222222; }

.pg_start {text-indent:-999px;overflow:hidden;background:url('/theme/basic/svg/btn_start.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; padding:0; }
.pg_end {text-indent:-999px;overflow:hidden;background:url('/theme/basic/svg/btn_end.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; padding:0;}




.btn_bo_user li { background: none; }