/* =========================================
       ★ 모바일 화면 완벽 숨김 처리 (PC 전용)
       ========================================= */
    @media (max-width: 1024px) {
        #uh-header { display: none !important; }
        #uh-wrapper { display: none !important; }
    }

    /* =========================================
       1. 웹빌더 숨은 여백 강제 제거
       ========================================= */
    .section.block:not(.msection):first-of-type .section-inner::before {
        display: none !important;
        height: 0 !important;
    }

    .item-inner.code {
        padding: 0 !important;
    }

    /* =========================================
       2. 독립된 전체 래퍼
       ========================================= */
    #uh-wrapper {
        position: relative;
        width: 100%;
        height: 100vh;
        min-height: 700px;
        background-color: #1a1a1a;
        margin: 0 !important;
        padding: 0 !important;
    }

    #uh-wrapper *,
    #uh-header * {
        font-family: 'Noto Sans KR', 'Montserrat', sans-serif;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        list-style: none;
        text-decoration: none;
        letter-spacing: -0.5px;
    }

    /* =========================================
       3. 헤더 및 디자인 스타일 (Sticky Header)
       ========================================= */
    #uh-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        transition: background-color 0.4s ease, border-color 0.4s ease;
    }

    #uh-header.active,
    #uh-header.scrolled {
        background-color: #ffffff !important;
        border-bottom: 1px solid #e0e0e0 !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    }

    .uh-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100% !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        height: 80px;
        padding: 0 20px !important;
        position: relative;
        z-index: 101;
    }

    /* =========================================
       ★ 로고 처리
       스크롤 전 : 흰색
       스크롤 후 : 원본 로고
       ========================================= */
    .uh-logo {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .uh-logo a {
        display: inline-flex;
        align-items: center;
        height: 32px;
        text-decoration: none;
    }

    .uh-logo-img {
        display: block !important;
        width: auto !important;
        height: 32px !important;
        max-width: none !important;
        object-fit: contain;
        object-position: left center;

        /* 스크롤 전 흰색 로고 */
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);

        opacity: 1 !important;
        visibility: visible !important;

        transition: filter 0.4s ease, -webkit-filter 0.4s ease;
    }

    /* 스크롤 후 / 메뉴 오버 시 원본 로고 */
    #uh-header.scrolled .uh-logo-img,
    #uh-header.active .uh-logo-img {
        filter: none !important;
        -webkit-filter: none !important;
    }

    .uh-gnb-wrap {
        flex: 0 0 auto;
    }

    .uh-gnb {
        display: flex;
        height: 100%;
        gap: 90px !important;
    }

    .uh-gnb > li {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .uh-gnb > li > a {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        transition: color 0.3s;
    }

    #uh-header.active .uh-gnb > li > a,
    #uh-header.scrolled .uh-gnb > li > a {
        color: #333;
    }

    /* 메뉴 오버 시 샴페인 골드 포인트 적용 */
    .uh-gnb > li:hover > a {
        color: #C5A869 !important;
    }

    .uh-sub-menu {
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        min-width: 130px;
        text-align: center;
        padding: 25px 0 !important;
        display: none;
        z-index: 102;
    }

    .uh-sub-menu li {
        margin-bottom: 0 !important;
        height: auto !important;
    }

    .uh-sub-menu li a {
        font-size: 14px;
        color: #555 !important;
        font-weight: 500;
        display: block !important;
        padding: 11px 0 !important;
        transition: all 0.2s;
    }

    /* 서브메뉴 오버 시 포인트 컬러 적용 */
    .uh-sub-menu li a:hover {
        color: #C5A869 !important;
        font-weight: 700;
        text-decoration: underline;
    }

    .uh-header-bg {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        height: 255px;
        background-color: #fff;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #ddd;
        display: none;
        z-index: 100;
    }

    .uh-utils {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
        color: #fff;
        transition: color 0.3s;
    }

    #uh-header.active .uh-utils,
    #uh-header.scrolled .uh-utils {
        color: #4a4a4a;
    }

    .uh-util-item {
        display: flex;
        align-items: center;
        gap: 6px;
        color: inherit;
    }

    .uh-util-item:hover {
        color: #C5A869 !important;
    }

    .uh-util-icon {
        width: 20px;
        height: 20px;
    }

    .uh-util-text-sm {
        font-size: 15px;
        font-weight: 600;
        margin-top: 2px;
    }

    .uh-util-divider {
        width: 1px;
        height: 14px;
        background-color: rgba(255,255,255,0.4);
    }

    #uh-header.active .uh-util-divider,
    #uh-header.scrolled .uh-util-divider {
        background-color: #ccc;
    }

    .uh-util-text-lg {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    /* =========================================
       ★ 4. 백그라운드 롤링 슬라이더 (3개 이미지)
       ========================================= */
    .uh-slider-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        background: #000;
    }

    .uh-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
        opacity: 0;
        transform: scale(1.1);
        transition: opacity 1.5s ease-in-out, transform 6s linear;
    }

    .uh-slide.is-active {
        opacity: 1;
        transform: scale(1);
        z-index: 2;
    }

    /* 텍스트가 있는 좌측 영역에만 부드럽게 깔리는 다크 그라디언트 딤 레이어 */
    .uh-slider-dim {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
            to right,
            rgba(26, 26, 26, 0.8) 0%,
            rgba(26, 26, 26, 0.4) 35%,
            transparent 60%
        );
        z-index: 3;
        pointer-events: none;
    }

    /* =========================================
       ★ 5. 정적이고 고급스러운 메인 타이틀 디자인
       ========================================= */
    .uh-hero-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 10;
    }

    .uh-hero-content-inner {
        width: 100% !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        text-align: left;
    }

    .uh-hero-text-wrap {
        max-width: 800px;
        text-align: left;
    }

    /* 고급스러운 페이드 인 애니메이션 */
    .fade-in-up {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUpElegant 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    }

    .delay-1 {
        animation-delay: 0.2s;
    }

    .delay-2 {
        animation-delay: 0.4s;
    }

    .delay-3 {
        animation-delay: 0.6s;
    }

    .delay-4 {
        animation-delay: 0.8s;
    }

    @keyframes fadeInUpElegant {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 타이포그래피 스타일 */
    .uh-hero-sub {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        letter-spacing: 5px;
        color: #ffffff;
        font-weight: 400;
        margin-bottom: 10px !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        opacity: 0.9;
    }

    .uh-hero-mid {
        font-size: 28px;
        font-weight: 300;
        color: #ffffff;
        margin-bottom: 3px !important;
        letter-spacing: -1px;
        text-shadow: 0 2px 15px rgba(0,0,0,0.5);
    }

    .uh-hero-main {
        font-size: 70px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: -2px;
        line-height: 1.15;
        margin-bottom: 45px !important;
        text-shadow: 0 4px 20px rgba(0,0,0,0.6);
    }

    .uh-hero-main .highlight {
        font-weight: 900;
        color: #ffffff;
    }

    .uh-hero-desc {
        font-size: 17px;
        font-weight: 300;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.85);
        text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        letter-spacing: -0.5px;
    }

    /* 좌측 하단 플로팅 배너 */
    .uh-floating-banner {
        position: absolute;
        bottom: 50px;
        left: 50px;
        z-index: 20;
    }

    .uh-floating-banner img {
        max-width: 180px;
        height: auto;
    }


#mobile-main-wrap *,#mMainHeader *{font-family:'Noto Sans KR',sans-serif;box-sizing:border-box;margin:0;padding:0;list-style:none!important;text-decoration:none;letter-spacing:-.5px;-webkit-tap-highlight-color:transparent}
#mSideMenu ul,#mSideMenu li{list-style:none!important;list-style-type:none!important;padding-left:0}
#mSideMenu li::before,#mSideMenu li::marker{display:none!important;content:none!important}

@media(min-width:1025px){
#mobile-main-wrap,#mMainHeader,#mSideMenu,#mMenuDim{display:none!important}
}

@media(max-width:1024px){
#mobile-main-wrap{position:relative;width:100%;height:88vh;min-height:580px;overflow:visible;background:#1D1D1B}

/* BACKGROUND */
#mobile-main-wrap .m-bg-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
#mobile-main-wrap .m-bg-item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transform:scale(1.07);transition:opacity 1.5s ease-in-out,transform 6s linear}
#mobile-main-wrap .m-bg-item.is-active{opacity:1;transform:scale(1);z-index:2}
#mobile-main-wrap .m-bg-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(20,19,17,.70) 0%,rgba(20,19,17,.38) 42%,rgba(20,19,17,.10) 72%,rgba(20,19,17,.20) 100%);z-index:3;pointer-events:none}

/* HEADER */
#mMainHeader{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:2147483000!important;background:transparent;transition:background-color .3s ease,border-bottom .3s ease;transform:none!important;will-change:auto!important}
#mMainHeader.scrolled{background:#fff;border-bottom:1px solid #ECE9E3;box-shadow:0 2px 12px rgba(0,0,0,.04)}
#mMainHeader .m-logo a{display:flex;align-items:center;height:27px}
#mMainHeader .m-logo img{height:100%;width:auto;max-width:180px;object-fit:contain}
#mMainHeader .m-logo .logo-off{display:block;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1)}
#mMainHeader .m-logo .logo-on{display:none}
#mMainHeader.scrolled .m-logo .logo-off{display:none}
#mMainHeader.scrolled .m-logo .logo-on{display:block;filter:none!important;-webkit-filter:none!important}
#mMainHeader .m-utils{display:flex;align-items:center;gap:16px}
#mMainHeader .m-util-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
#mMainHeader .m-util-btn svg{width:23px;height:23px;stroke:#fff;transition:stroke .3s ease}
#mMainHeader.scrolled .m-util-btn svg{stroke:#2A2824}

/* HERO */
#mobile-main-wrap .m-center-content{position:absolute;top:47%;left:0;transform:translateY(-50%);width:100%;padding:0 28px;text-align:left;z-index:5}
#mobile-main-wrap .m-center-content p,#mobile-main-wrap .m-center-content h2{text-shadow:0 2px 12px rgba(0,0,0,.55)}
@keyframes mTextFadeUp{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
#mobile-main-wrap .m-hero-sub{font-family:'Montserrat',sans-serif!important;font-size:10px;letter-spacing:3px;font-weight:600;color:#D2C2A4;margin-bottom:13px;opacity:0;animation:mTextFadeUp .8s ease-out forwards .2s}
#mobile-main-wrap .m-hero-mid{font-size:15px;font-weight:300;color:rgba(255,255,255,.92);margin-bottom:8px;letter-spacing:-.7px;opacity:0;animation:mTextFadeUp .8s ease-out forwards .4s}
#mobile-main-wrap .m-hero-main{font-size:clamp(26px,7.6vw,35px);font-weight:300;color:#fff;line-height:1.35;letter-spacing:-1px;white-space:nowrap;margin-bottom:22px;opacity:0;animation:mTextFadeUp .8s ease-out forwards .6s}
#mobile-main-wrap .m-hero-main .highlight{font-weight:600}
#mobile-main-wrap .m-hero-main .gold{color:#D2C2A4}
#mobile-main-wrap .m-hero-desc{max-width:330px;font-size:13px;font-weight:300;color:rgba(255,255,255,.85);line-height:1.75;letter-spacing:-.35px;opacity:0;animation:mTextFadeUp .8s ease-out forwards .8s;word-break:keep-all}
#mobile-main-wrap .m-hero-line{width:38px;height:2px;background:#B8A078;margin-bottom:18px;opacity:0;animation:mTextFadeUp .8s ease-out forwards .15s}
#mobile-main-wrap .m-scroll-guide{position:absolute;left:28px;bottom:30px;z-index:5;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.72);font-family:'Montserrat',sans-serif!important;font-size:9px;font-weight:500;letter-spacing:2px}
#mobile-main-wrap .m-scroll-guide::before{content:'';width:35px;height:1px;background:#B8A078}

/* DIM (헤더보다 높게 수정) */
#mMenuDim{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.62)!important;z-index:2147483001!important;opacity:0;pointer-events:none;transition:opacity .3s ease}
#mMenuDim.open{opacity:1;pointer-events:auto}

/* SIDE MENU (헤더 및 딤보다 높게 수정) */
#mSideMenu{position:fixed!important;top:0!important;right:-100%;width:86%!important;max-width:360px!important;height:100%!important;background:#fff!important;z-index:2147483002!important;transition:right .4s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;overflow-y:auto}
#mSideMenu.open{right:0!important}
#mSideMenu .m-side-header{display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 22px;border-bottom:1px solid #EEEAE4;flex-shrink:0}
#mSideMenu .m-side-header a{display:flex;align-items:center;height:24px}
#mSideMenu .m-side-header img{height:100%;width:auto;max-width:180px;object-fit:contain;filter:none!important;-webkit-filter:none!important}
#mSideMenu .m-side-close{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
#mSideMenu .m-side-close svg{width:27px;height:27px;stroke:#2A2824}

/* GNB */
#mSideMenu .m-gnb{padding:10px 22px 40px}
#mSideMenu .m-gnb>li{border-bottom:1px solid #EFECE7}
#mSideMenu .m-depth1{display:block;width:100%;padding:21px 0;font-size:18px;font-weight:600;color:#302E2A;text-align:left;background:none;border:none;cursor:pointer;position:relative;font-family:'Noto Sans KR',sans-serif;touch-action:manipulation}
#mSideMenu .m-depth1::after{content:'+';position:absolute;right:3px;top:50%;transform:translateY(-50%);font-family:'Montserrat',sans-serif;font-size:20px;font-weight:300;color:#AAA49A;pointer-events:none}
#mSideMenu .m-gnb>li.active>.m-depth1::after{content:'−';color:#B8A078}

/* ACCORDION */
#mSideMenu .m-depth2{display:none!important;background:#F7F6F3;padding:8px 0 15px 18px;border-top:1px solid #F0EDE7;width:100%}
#mSideMenu .m-gnb>li.active>.m-depth2{display:block!important}
#mSideMenu .m-depth2 li{margin-bottom:9px}
#mSideMenu .m-depth2 li:last-child{margin-bottom:0}
#mSideMenu .m-depth2 a{display:block;font-size:14px;font-weight:400;color:#716C64;padding:6px 0;font-family:'Noto Sans KR',sans-serif;text-decoration:none}
#mSideMenu .m-depth2 a:hover,#mSideMenu .m-depth2 a:active{color:#B8A078;font-weight:600}
#mSideMenu .m-gnb>li.active>.m-depth1{color:#B8A078}

/* SIDE FOOT */
#mSideMenu .m-side-foot{margin-top:auto;padding:28px 22px 32px;background:#252421}
#mSideMenu .m-side-foot span{display:block;font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;letter-spacing:2.5px;color:#B8A078;margin-bottom:9px}
#mSideMenu .m-side-foot strong{display:block;font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;letter-spacing:.5px;color:#fff}
}