/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmDownload.cshtml.rz.scp.css */
/* ArchiFilmDownload.cshtml.css */

/* --- Base Variables & Layout --- */
.af-download-page[b-hl0tcjxzp8] {
    --bg-dark: #05060A;
    --text-main: #ffffff;
    --text-sub: #9ca3af;
    --neon-accent: #6366f1;
    --gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    color: var(--text-main);
    width: 100%;
    height: 100vh; /* 부모 컨테이너 높이에 맞춤 */
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: -100px;
}

    .af-download-page[b-hl0tcjxzp8]::-webkit-scrollbar {
        display: none;
    }

.af-container[b-hl0tcjxzp8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Sections Common */
.snap-section[b-hl0tcjxzp8] {
    height: 100vh;
    min-height: 750px;
    width: 100%;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- Hero Section --- */
.hero-section[b-hl0tcjxzp8] {
    margin: 0;
}

.bg-glow-effect[b-hl0tcjxzp8] {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 80%;
    height: 80%;
    filter: blur(120px);
    z-index: 0;
    pointer-events: none;
}

.hero-grid[b-hl0tcjxzp8] {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.hero-content[b-hl0tcjxzp8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.badge-label[b-hl0tcjxzp8] {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(99, 102, 241, 0.3);
    margin-bottom: 24px;
}

/* [PC] 키우신 폰트 사이즈 유지 */
.hero-title[b-hl0tcjxzp8] {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 24px 0;
    letter-spacing: -0.03em;
    color: #fff;
}

.hero-description-box[b-hl0tcjxzp8] {
    margin-bottom: 40px;
    max-width: 540px;
}

.hero-lead[b-hl0tcjxzp8] {
    font-size: 20px;
    font-weight: 400;
    color: #e0e0e0;
    margin-bottom: 12px;
    line-height: 1.6;
}

.hero-sub[b-hl0tcjxzp8] {
    font-size: 16px;
    font-weight: 400;
    color: #9ca3af;
    margin: 0;
    line-height: 1.6;
}

.cta-wrapper[b-hl0tcjxzp8] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
}

.btn-primary-gradient[b-hl0tcjxzp8] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--gradient-primary);
    color: white;
    padding: 16px 48px;
    border-radius: 14px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 10px 30px -5px rgba(99, 102, 241, 0.5);
    transition: all 0.3s ease;
    min-width: 280px;
    cursor: pointer;
}

    .btn-primary-gradient:hover[b-hl0tcjxzp8] {
        transform: translateY(-4px);
        box-shadow: 0 20px 40px -5px rgba(99, 102, 241, 0.7);
        color: white;
    }

.btn-main-text[b-hl0tcjxzp8] {
    font-size: 25px; /* PC */
    font-weight: 700;
    margin-bottom: 2px;
}

.btn-sub-text[b-hl0tcjxzp8] {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    background: transparent;
}

.link-row[b-hl0tcjxzp8] {
    display: flex;
    gap: 24px;
}

.text-link[b-hl0tcjxzp8] {
    color: #9ca3af;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
    cursor: pointer;
}

    .text-link:hover[b-hl0tcjxzp8] {
        color: white;
        border-color: white;
    }

/* --- MOCKUP WINDOW --- */
.hero-visual[b-hl0tcjxzp8] {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1500px;
}

.software-window[b-hl0tcjxzp8] {
    width: 100%;
    max-width: 800px;
    height: 480px;
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.6);
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
    transform: rotateY(-8deg) rotateX(2deg);
    transition: transform 0.5s ease;
    border: 1px solid rgba(255,255,255,0.05);
}

    .software-window:hover[b-hl0tcjxzp8] {
        transform: rotateY(0) rotateX(0);
    }

.window-titlebar[b-hl0tcjxzp8] {
    height: 32px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid #e5e5e5;
    flex-shrink: 0;
}

.title-text[b-hl0tcjxzp8] {
    font-size: 11px;
    font-weight: 600;
    color: #333;
}

.window-controls[b-hl0tcjxzp8] {
    display: flex;
    gap: 12px;
}

.ctrl-icon[b-hl0tcjxzp8] {
    font-size: 10px;
    color: #666;
}

.window-body[b-hl0tcjxzp8] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.sidebar[b-hl0tcjxzp8] {
    width: 160px;
    background: #f3f3f3;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    border-right: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.sidebar-menu[b-hl0tcjxzp8] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-item[b-hl0tcjxzp8] {
    padding: 8px 16px;
    font-size: 12px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: default;
}

    .menu-item.active[b-hl0tcjxzp8] {
        color: #000;
        font-weight: 600;
        background: #e5e5e5;
    }

.sidebar-spacer[b-hl0tcjxzp8] {
    flex: 1;
}

.sidebar-bottom[b-hl0tcjxzp8] {
    padding: 16px;
}

.bottom-group[b-hl0tcjxzp8] {
    margin-bottom: 12px;
}

.sec-title[b-hl0tcjxzp8] {
    font-size: 10px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px;
    text-transform: uppercase;
    opacity: 0.7;
}

.sec-link[b-hl0tcjxzp8] {
    font-size: 11px;
    color: #666;
    margin-bottom: 2px;
    cursor: pointer;
}

.youtube-icon[b-hl0tcjxzp8] {
    font-size: 16px;
    color: #666;
}

.about-btn[b-hl0tcjxzp8] {
    border-top: 1px solid #ddd;
    padding-top: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #333;
}

.main-view[b-hl0tcjxzp8] {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.toolbar[b-hl0tcjxzp8] {
    height: 48px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.hamburger[b-hl0tcjxzp8] {
    font-size: 18px;
    color: #666;
}

.search-container[b-hl0tcjxzp8] {
    flex: 1;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 8px;
    height: 30px;
    background: #fff;
}

.search-icon[b-hl0tcjxzp8] {
    font-size: 12px;
    color: #999;
    margin-right: 6px;
}

.search-input[b-hl0tcjxzp8] {
    border: none;
    outline: none;
    flex: 1;
    background: transparent;
}

.sort-box[b-hl0tcjxzp8] {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    display: flex;
    gap: 4px;
}

.sort-val[b-hl0tcjxzp8] {
    font-weight: 600;
    color: #333;
}

.refresh-icon[b-hl0tcjxzp8] {
    font-size: 14px;
    color: #999;
}

.app-list-container[b-hl0tcjxzp8] {
    flex: 1;
    padding: 16px;
    background: #fff;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .app-list-container[b-hl0tcjxzp8]::-webkit-scrollbar {
        width: 6px;
    }

    .app-list-container[b-hl0tcjxzp8]::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 3px;
    }

.app-item[b-hl0tcjxzp8] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 12px;
    background: #fff;
    min-height: 70px;
    transition: border-color 0.2s;
}

    .app-item:hover[b-hl0tcjxzp8] {
        border-color: #ccc;
    }

.app-icon-box[b-hl0tcjxzp8] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: 1px solid #eee;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .app-icon-box img[b-hl0tcjxzp8] {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

.app-info[b-hl0tcjxzp8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.app-header[b-hl0tcjxzp8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.app-name[b-hl0tcjxzp8] {
    font-size: 13px;
    font-weight: 700;
    color: #111;
}

.app-badge[b-hl0tcjxzp8] {
    font-size: 9px;
    color: #888;
    background: #f5f5f5;
    padding: 1px 4px;
    border-radius: 3px;
}

.app-desc[b-hl0tcjxzp8] {
    font-size: 11px;
    color: #666;
    line-height: 1.3;
}

.app-action[b-hl0tcjxzp8] {
    display: flex;
    align-items: center;
}

.btn-install[b-hl0tcjxzp8] {
    background: #fff;
    border: 1px solid #ccc;
    color: #0078d4;
    font-weight: 600;
    font-size: 11px;
    padding: 5px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-install:hover[b-hl0tcjxzp8] {
        background: #f0f9ff;
        border-color: #0078d4;
    }


/* --- Steps Section --- */
.section-head[b-hl0tcjxzp8] {
    text-align: center;
    margin-bottom: 50px;
}

    .section-head h2[b-hl0tcjxzp8] {
        font-size: 45px; /* PC */
        font-weight: 700;
        margin-bottom: 10px;
    }

    .section-head p[b-hl0tcjxzp8] {
        color: #9ca3af;
        font-size: 20px;
    }

.steps-container[b-hl0tcjxzp8] {
    font-size: 16px;
    font-weight: 400;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.step-card[b-hl0tcjxzp8] {
    background: #121418;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
}

.step-badge[b-hl0tcjxzp8] {
    display: inline-block;
    background: rgba(255,255,255,0.1);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.step-card.highlight[b-hl0tcjxzp8] {
    border-color: #6366f1;
}

.heading1[b-hl0tcjxzp8], .heading2[b-hl0tcjxzp8], .heading3[b-hl0tcjxzp8] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}


/* --- Guide Section (FIXED LAYOUT) --- */
.guide-tabs[b-hl0tcjxzp8] {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 30px;
}

.g-tab[b-hl0tcjxzp8] {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    color: #9ca3af;
    padding: 8px 24px;
    border-radius: 30px;
    font-size: 18px; /* PC */
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

    .g-tab.active[b-hl0tcjxzp8] {
        border-color: #6366f1;
        color: white;
        background: rgba(99, 102, 241, 0.1);
    }

.guide-carousel[b-hl0tcjxzp8] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
    /* 전체 섹션 최소 높이 확보 */
    min-height: 400px;
}

.carousel-image-box[b-hl0tcjxzp8] {
    /* [수정] 박스 크기 강제 고정 (Step 1 작아짐 방지) */
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #15171E;
    border: 1px solid rgba(255,255,255,0.08);
}

    .carousel-image-box img[b-hl0tcjxzp8] {
        /* [수정] 이미지를 박스에 강제로 꽉 채움 */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        z-index: 1;
    }

.carousel-content[b-hl0tcjxzp8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

    .carousel-content h3[b-hl0tcjxzp8] {
        font-size: 30px; /* PC */
        font-weight: 700;
        margin-bottom: 16px;
        /* 텍스트 영역 높이 고정 (흔들림 방지) */
        height: 64px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .carousel-content p[b-hl0tcjxzp8] {
        font-size: 16.5px;
        color: #9ca3af;
        margin-bottom: 24px;
        height: 75px;
        line-height: 1.6;
        overflow: hidden;
    }

.carousel-nav[b-hl0tcjxzp8] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.nav-btn[b-hl0tcjxzp8] {
    font-size: 18px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

    .nav-btn.primary[b-hl0tcjxzp8] {
        background: #6366f1;
        border-color: #6366f1;
    }

.dots-indicator[b-hl0tcjxzp8] {
    display: flex;
    gap: 8px;
}

.dot[b-hl0tcjxzp8] {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    transition: 0.3s;
}

    .dot.active[b-hl0tcjxzp8] {
        background: #6366f1;
        transform: scale(1.2);
    }


/* --- FAQ & Footer --- */
.faq-list[b-hl0tcjxzp8] {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

details[b-hl0tcjxzp8] {
    background: #121418;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s;
}

    details[open][b-hl0tcjxzp8] {
        background: #1A1D24;
        border-color: rgba(99, 102, 241, 0.3);
    }

summary[b-hl0tcjxzp8] {
    padding: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px; /* PC */
    display: flex;
    justify-content: space-between;
    color: white;
}

details p[b-hl0tcjxzp8] {
    padding: 0 20px 20px;
    color: #9ca3af;
    margin: 0;
    line-height: 1.6;
    border-top: 1px solid rgba(255,255,255,0.05);
    margin-top: -10px;
    padding-top: 20px;
}

.af-footer-inner[b-hl0tcjxzp8] {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 30px 0;
    text-align: center;
    color: #555;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand[b-hl0tcjxzp8] {
    font-weight: 700;
    color: white;
    margin-bottom: 6px;
    font-size: 16px;
}

.copy[b-hl0tcjxzp8] {
    font-size: 12px;
}

/* --- Scroll Down UI 스타일 --- */
#scroll-down-hint[b-hl0tcjxzp8] {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.scroll-arrow[b-hl0tcjxzp8] {
    font-size: 24px;
    color: #ffffff;
    animation: bounceArrow-b-hl0tcjxzp8 2s infinite;
}

@keyframes bounceArrow-b-hl0tcjxzp8 {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.scroll-down-hidden[b-hl0tcjxzp8] {
    opacity: 0 !important;
}


/* ----------------------------------------------------------------- */
/* --- Responsive Design Update (미디어 쿼리 최적화) --- */
/* ----------------------------------------------------------------- */

/* 1. 태블릿 및 작은 노트북 (1024px 이하) */
@media (max-width: 1024px) {
    .af-container[b-hl0tcjxzp8] {
        padding: 0 20px;
    }

    /* Hero: 폰트 사이즈 조금 줄이기 */
    .hero-title[b-hl0tcjxzp8] {
        font-size: 42px; /* 60px -> 42px */
    }

    .hero-lead[b-hl0tcjxzp8] {
        font-size: 17px;
    }

    /* 버튼 텍스트도 과하면 줄어들게 */
    .btn-main-text[b-hl0tcjxzp8] {
        font-size: 20px; /* 25px -> 20px */
    }

    /* Hero 섹션: 좌우 배치 -> 상하 배치 */
    .hero-grid[b-hl0tcjxzp8] {
        grid-template-columns: 1fr;
        gap: 60px;
        text-align: center;
        padding-top: 80px;
    }

    .hero-content[b-hl0tcjxzp8] {
        align-items: center;
    }

    .hero-description-box[b-hl0tcjxzp8] {
        margin: 0 auto 40px auto;
    }

    .badge-label[b-hl0tcjxzp8] {
        margin-left: auto;
        margin-right: auto;
    }

    .cta-wrapper[b-hl0tcjxzp8] {
        align-items: center;
        width: 100%;
    }

    .link-row[b-hl0tcjxzp8] {
        justify-content: center;
    }

    /* 3D 윈도우 목업 */
    .hero-visual[b-hl0tcjxzp8] {
        perspective: 1000px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .software-window[b-hl0tcjxzp8] {
        width: 100%;
        max-width: 600px;
        height: 400px;
        transform: rotateY(0) rotateX(0);
    }

    /* 섹션 헤더 폰트 조정 */
    .section-head h2[b-hl0tcjxzp8] {
        font-size: 36px; /* 45px -> 36px */
    }

    /* Guide 섹션 */
    .g-tab[b-hl0tcjxzp8] {
        padding: 8px 16px;
        font-size: 15px; /* 18px -> 15px */
    }
}

/* 2. 모바일 (768px 이하) */
@media (max-width: 768px) {

    /* Scroll Down 숨김 */
    #scroll-down-hint[b-hl0tcjxzp8] {
        display: none;
    }

    html[b-hl0tcjxzp8], body[b-hl0tcjxzp8] {
        overflow-y: auto !important;
        height: auto !important;
        scroll-snap-type: none !important;
        overscroll-behavior-y: none;
    }

    .af-download-page[b-hl0tcjxzp8] {
        height: auto !important;
        margin-top: 0 !important;
        overflow-x: hidden !important;
        padding-bottom: 40px;
    }

    /* Hero 섹션 */
    .hero-section[b-hl0tcjxzp8] {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
        padding: 80px 20px 40px 20px;
        box-sizing: border-box;
    }

    .hero-grid[b-hl0tcjxzp8] {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .hero-content[b-hl0tcjxzp8] {
        width: 100%;
        text-align: left;
    }

    .badge-label[b-hl0tcjxzp8] {
        font-size: 11px;
        padding: 4px 8px;
        margin-bottom: 12px;
        margin-left: 0; /* 모바일은 왼쪽 정렬 */
    }

    /* [중요] 모바일 폰트 사이즈 대폭 최적화 */
    .hero-title[b-hl0tcjxzp8] {
        font-size: 30px !important; /* 60px -> 30px (모바일에 맞게) */
        line-height: 1.25;
        margin-bottom: 12px;
        letter-spacing: -0.5px;
        word-break: keep-all;
    }

        .hero-title br[b-hl0tcjxzp8] {
            display: none;
        }

    .hero-lead[b-hl0tcjxzp8] {
        font-size: 15px !important; /* 20px -> 15px */
        line-height: 1.5;
        margin-bottom: 20px;
        color: #d1d5db;
    }

    .hero-sub[b-hl0tcjxzp8] {
        display: none;
    }

    .cta-wrapper[b-hl0tcjxzp8] {
        width: 100%;
        gap: 12px;
        align-items: flex-start; /* 왼쪽 정렬 */
    }

    .btn-primary-gradient[b-hl0tcjxzp8] {
        width: 100%;
        padding: 14px;
        min-width: 0;
    }

    .btn-main-text[b-hl0tcjxzp8] {
        font-size: 18px; /* 25px -> 18px (버튼 안 깨지게) */
    }

    .btn-sub-text[b-hl0tcjxzp8] {
        font-size: 11px;
    }

    .link-row[b-hl0tcjxzp8] {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .text-link[b-hl0tcjxzp8] {
        font-size: 13px;
    }

    /* 3D Window Mobile */
    .hero-visual[b-hl0tcjxzp8] {
        width: 100%;
        margin-top: 10px;
        perspective: none;
        display: flex;
        justify-content: center;
    }

    .software-window[b-hl0tcjxzp8] {
        width: 100%;
        height: auto;
        max-height: 300px;
        transform: none !important;
        margin: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

        .software-window .sidebar[b-hl0tcjxzp8],
        .software-window .window-controls[b-hl0tcjxzp8] {
            display: none !important;
        }

        .software-window .window-titlebar[b-hl0tcjxzp8] {
            min-height: 24px;
            padding: 0 8px;
        }

        .software-window .main-view[b-hl0tcjxzp8] {
            padding: 0;
        }

        .software-window .toolbar[b-hl0tcjxzp8] {
            height: 36px;
            padding: 0 8px;
        }

        .software-window .app-list-container[b-hl0tcjxzp8] {
            padding: 8px;
            gap: 6px;
        }

        .software-window .app-item[b-hl0tcjxzp8] {
            padding: 8px;
            min-height: auto;
        }

        .software-window .app-icon-box[b-hl0tcjxzp8] {
            width: 32px;
            height: 32px;
        }

            .software-window .app-icon-box img[b-hl0tcjxzp8] {
                width: 100%;
                height: 100%;
            }

        .software-window .app-name[b-hl0tcjxzp8] {
            font-size: 12px;
        }

        .software-window .app-desc[b-hl0tcjxzp8] {
            display: none;
        }

        .software-window .btn-install[b-hl0tcjxzp8] {
            padding: 4px 8px;
            font-size: 10px;
        }

    /* 섹션 공통 Mobile */
    .snap-section[b-hl0tcjxzp8] {
        padding: 40px 20px;
        height: auto !important;
        display: block !important;
    }

    .section-head h2[b-hl0tcjxzp8] {
        font-size: 26px; /* 45px -> 26px */
    }

    .section-head p[b-hl0tcjxzp8] {
        font-size: 15px; /* 20px -> 15px */
    }

    /* Steps */
    .steps-container[b-hl0tcjxzp8] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .heading1[b-hl0tcjxzp8], .heading2[b-hl0tcjxzp8], .heading3[b-hl0tcjxzp8] {
        font-size: 18px;
    }

    /* Guide */
    .g-tab[b-hl0tcjxzp8] {
        font-size: 14px;
        padding: 6px 16px;
    }

    .guide-carousel[b-hl0tcjxzp8] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .carousel-image-box[b-hl0tcjxzp8] {
        aspect-ratio: 16/9;
        width: 100%;
    }

    .carousel-content h3[b-hl0tcjxzp8] {
        font-size: 22px; /* 30px -> 22px */
        height: auto;
    }

    .carousel-content p[b-hl0tcjxzp8] {
        font-size: 14px; /* 16.5px -> 14px */
        height: auto;
    }

    /* FAQ */
    summary[b-hl0tcjxzp8] {
        font-size: 15px; /* 18px -> 15px */
    }
}
/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmEdit_new.cshtml.rz.scp.css */
/* ==========================================================================
   TABLET & MOBILE RESPONSIVE FIX (Max-Width: 1280px)
   아이패드 가로 모드(약 1180px~1280px)까지 모바일 레이아웃 적용
   ========================================================================== */

/* 기존 1024px를 1280px로 변경하여 아이패드 가로 모드 커버 */
@media screen and (max-width: 1380px) {
    .page-wrapper[b-4j8txf6pjs] {
        display: flex;
        flex-direction: column; /* 세로 배치 */
        gap: 15px;
        /* 중요: 화면 높이 고정을 풀어서 내용이 많으면 스크롤되게 함 */
        min-width: 100%;
        width: 100%;
        height: auto !important;
        min-height: 100vh;
        padding: 10px;
        box-sizing: border-box;
    }

    .custom-gap-5[b-4j8txf6pjs] {
        margin-top: 19px;
        gap: 5px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .custom-gap-5[b-4j8txf6pjs] {
        margin-top: 11px;
        gap: 3px;
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .custom-gap-5[b-4j8txf6pjs] {
        font-size: 12px;
    }
}
/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmIntro.cshtml.rz.scp.css */
html[b-0i1udrtkxg], body[b-0i1udrtkxg] {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    font-family: "Segoe UI", "Noto Sans KR", sans-serif;
    color: white;
    background-color: #000;
}

/* =====================
   인트로 전체 섹션
===================== */
.intro-section.booting[b-0i1udrtkxg] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.intro-section.ready[b-0i1udrtkxg] {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s ease;
}

#imageRow[b-0i1udrtkxg] {
    min-height: 110px;
}

.intro-section[b-0i1udrtkxg] {
    position: absolute;
    width: 100%;
    height: calc(100vh - 61px);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    background-color: #000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    transition: opacity .6s ease;
    will-change: opacity;
    isolation: isolate;
    transform: translateZ(0);
}

/* ✅ 방사형 그라데이션 오버레이 */
.gradient-overlay[b-0i1udrtkxg] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at center, rgba(0,0,0,0.0) 5%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%);
    transition: opacity 1s ease, transform 1s ease;
    z-index: 1;
}

    .gradient-overlay.active[b-0i1udrtkxg] {
        opacity: 0.4;
        transform: scale(1.1);
    }

.bg-switching .arrow[b-0i1udrtkxg] {
    backdrop-filter: none !important;
}

/* =====================
   중앙 콘텐츠
===================== */
.content[b-0i1udrtkxg] {
    position: relative;
    z-index: 3;
    max-width: 1100px;
    padding: 0 20px;
    background: transparent !important;
}

.hero-title[b-0i1udrtkxg] {
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
    color: #fff;
    text-shadow:
        0 0 8px rgba(255,255,255,0.15),
        0 0 18px rgba(255,220,180,0.08),
        0 0 28px rgba(255,220,160,0.05);
    animation: softGlow-b-0i1udrtkxg 8s ease-in-out infinite;
}

/* 부제 (No switching tools...) */
.subtitle[b-0i1udrtkxg] {
    font-size: 1.1rem;
    opacity: 0.85;
    margin-bottom: 6px;
    color: rgba(255,255,255,0.9);
    text-shadow: 0 0 6px rgba(255,255,255,0.1);
}

/* 설명 문구 */
.subtext[b-0i1udrtkxg] {
    font-size: 1.15rem;
    opacity: 0.92;
    margin-bottom: 60px;
    color: #f5f5f5;
    text-shadow:
        0 0 6px rgba(255,255,255,0.15),
        0 0 12px rgba(255,255,255,0.1);
}

/* 강조 단어 */
.highlight[b-0i1udrtkxg] {
    font-weight: 600;
    color: #fffef2;
    text-shadow:
        0 0 6px rgba(255,255,230,0.25),
        0 0 14px rgba(255,230,180,0.12);
    animation: glowShift-b-0i1udrtkxg 6s ease-in-out infinite;
}

/* ✨ 은은한 빛 맥동 */
@keyframes softGlow-b-0i1udrtkxg {
    0%, 100% {
        text-shadow:
            0 0 8px rgba(255,255,255,0.15),
            0 0 18px rgba(255,220,180,0.08),
            0 0 28px rgba(255,220,160,0.05);
    }
    50% {
        text-shadow:
            0 0 12px rgba(255,255,255,0.22),
            0 0 26px rgba(255,230,190,0.15),
            0 0 40px rgba(255,220,170,0.08);
    }
}

/* 강조어는 살짝 따뜻한 흐름 */
@keyframes glowShift-b-0i1udrtkxg {
    0%, 100% {
        text-shadow:
            0 0 5px rgba(255,255,230,0.2),
            0 0 12px rgba(255,230,190,0.1);
    }
    50% {
        text-shadow:
            0 0 8px rgba(255,255,240,0.3),
            0 0 16px rgba(255,240,200,0.15);
    }
}

/* =====================
   플로우 라인 + Glow
===================== */
.image-row[b-0i1udrtkxg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 70px;
    position: relative;
    flex-wrap: nowrap;
}

    /* 기본 라인 */
    .image-row[b-0i1udrtkxg]::before {
        content: "";
        position: absolute;
        top: 52%;
        left: 6%;
        right: 6%;
        height: 5px;
        border-radius: 3px;
        background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.05) 100%);
        z-index: 0;
    }

    /* Glow 라인 */
    .image-row[b-0i1udrtkxg]::after {
        content: "";
        position: absolute;
        top: 52%;
        left: 0;
        width: 100%;
        height: 6px;
        border-radius: 6px;
        background: radial-gradient(circle, rgba(255,255,200,0.9) 0%, rgba(255,220,120,0.4) 45%, rgba(255,200,100,0.1) 70%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 110px 100%; /* Step 너비 기준 */
        background-position-x: var(--glow-x, 0px);
        filter: blur(6px);
        opacity: 0.8;
        transition: background-position-x 0.8s ease;
        z-index: 1;
    }

/* =====================
   Step 이미지
===================== */
.thumb[b-0i1udrtkxg] {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.6);
    object-fit: cover;
    display: inline-block;
    background-color: #111;
    transition: opacity 0.4s ease;
}

    .thumb.active[b-0i1udrtkxg],  
    .thumb:hover[b-0i1udrtkxg] {
        filter: brightness(1);
        transform: scale(1.1);
        border-color: white;
        box-shadow: 0 0 25px rgba(255,220,150,0.6);
    }


/* =====================
   버튼
===================== */
.enter-btn[b-0i1udrtkxg] {
    display: inline-block;
    padding: 14px 38px;
    border: 1.5px solid white;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all 0.4s ease;
    backdrop-filter: blur(6px);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

    .enter-btn:hover[b-0i1udrtkxg] {
        background: rgba(255,255,255,0.15);
    }


/* =====================
   좌우 화살표 (세련된 전환 스타일)
===================== */
.arrow[b-0i1udrtkxg] {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3.8rem;
    color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    z-index: 10;
    user-select: none;
    transition: all 0.35s ease;
    border: none;
    border-radius: 50%;
    padding: 14px 22px;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(8px);
}

    .arrow.left[b-0i1udrtkxg] {
        left: 2.5%;
    }

    .arrow.right[b-0i1udrtkxg] {
        right: 2.5%;
    }

    .arrow:hover[b-0i1udrtkxg] {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(255, 255, 255, 0.05);
        transform: translateY(-50%) scale(1.12);
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.08), 0 0 50px rgba(255, 255, 255, 0.05);
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
    }

    .arrow:active[b-0i1udrtkxg] {
        transform: translateY(-50%) scale(0.95);
        background: rgba(255, 255, 255, 0.08);
        box-shadow: none;
    }

/* 반응형 */
@media (max-width: 900px) {
    .hero-title[b-0i1udrtkxg] {
        font-size: 3rem;
        margin-bottom: 16px;
    }

    .subtitle[b-0i1udrtkxg] {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    .subtext[b-0i1udrtkxg] {
        font-size: 1.05rem;
        margin-bottom: 40px;
    }

    .image-row[b-0i1udrtkxg] {
        gap: 30px;
        margin-bottom: 50px;
    }

    .thumb[b-0i1udrtkxg] {
        width: 70px;
        height: 70px;
    }

    .enter-btn[b-0i1udrtkxg] {
        padding: 10px 30px;
        font-size: 0.9rem;
    }

    .arrow[b-0i1udrtkxg] {
        font-size: 2.4rem;
        padding: 10px 16px;
    }

        .arrow.left[b-0i1udrtkxg] {
            left: 1.75%;
        }

        .arrow.right[b-0i1udrtkxg] {
            right: 1.75%;
        }
}

/* 반응형 */
@media (max-width: 600px) {
    .hero-title[b-0i1udrtkxg] {
        font-size: 2.5rem;
        margin-bottom: 14px;
    }

    .subtitle[b-0i1udrtkxg] {
        font-size: 0.9rem;
        margin-bottom: 4px;
    }

    .subtext[b-0i1udrtkxg] {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }

    .image-row[b-0i1udrtkxg] {
        gap: 15px;
        margin-bottom: 30px;
    }

    .thumb[b-0i1udrtkxg] {
        width: 55px;
        height: 55px;
    }

    .enter-btn[b-0i1udrtkxg] {
        padding: 8px 24px;
        font-size: 0.8rem;
    }

    .arrow[b-0i1udrtkxg] {
        font-size: 2rem;
        padding: 8px 12px;
    }

        .arrow.left[b-0i1udrtkxg] {
            left: 1%;
        }

        .arrow.right[b-0i1udrtkxg] {
            right: 1%;
        }
}

/* ==========================
   Step 이미지 슬라이드 효과
========================== */

.row-slide-left[b-0i1udrtkxg] {
    transform: translateX(-12px);
    transition: transform .3s ease;
}

.row-slide-right[b-0i1udrtkxg] {
    transform: translateX( 12px);
    transition: transform .3s ease;
}
/*.row-slide-left {
    transform: translateX(-120%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(0.6, 0, 0.2, 1);
}
.row-slide-right {
    transform: translateX(120%);
    opacity: 0;
    transition: all 0.9s cubic-bezier(0.6, 0, 0.2, 1);
}*/

/* ==========================
   배경 이미지 동기화 이동
========================== */
.bg-slide-left[b-0i1udrtkxg] {
    animation: bgSlideLeft-b-0i1udrtkxg 1.2s ease-in-out forwards;
}

.bg-slide-right[b-0i1udrtkxg] {
    animation: bgSlideRight-b-0i1udrtkxg 1.2s ease-in-out forwards;
}

@keyframes bgSlideLeft-b-0i1udrtkxg {
    0% {
        background-position: 50% center;
        opacity: 0.95;
    }

    50% {
        background-position: 52% center; /* ▶ 오른쪽으로 살짝 이동 */
        opacity: 0.9;
    }

    100% {
        background-position: 50% center;
        opacity: 1;
    }
}

@keyframes bgSlideRight-b-0i1udrtkxg {
    0% {
        background-position: 50% center;
        opacity: 0.95;
    }

    50% {
        background-position: 48% center; /* ◀ 왼쪽으로 살짝 이동 */
        opacity: 0.9;
    }

    100% {
        background-position: 50% center;
        opacity: 1;
    }
}
/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmMain_new.cshtml.rz.scp.css */
body[b-qn0lhjktrt] {
}

.wholeWrapper[b-qn0lhjktrt] {
    /*height: calc(100vh - 100px);
    margin: 1rem;*/
    height: calc(100% - 1rem);
    margin: 1rem 0 0 0;
    padding: 0.5rem 0 0 0;
    display: flex;
    flex-direction: column;
}

.menuWrapper[b-qn0lhjktrt] {
    padding-left: 180px;
}

/*.uploadTotalDiv {
    display: flex;
    max-width: calc(100% - 1rem);
    gap: 1rem;
    justify-content: center;
}
*/
.mainWrapper[b-qn0lhjktrt] {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    flex: 1;
    position: relative; /* 추가 */
    justify-content: space-around;
}

.uploadTotalDiv[b-qn0lhjktrt] {
    display: flex;
    gap: 1rem;
}

.uploadWrapper[b-qn0lhjktrt] {
    display: flex;
    width: calc(100% - 3rem);
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    /* position: relative 제거 */
    position: fixed;
    bottom: 2rem;
    /*transition: bottom 0.6s ease-in-out;*/
}

#introduce[b-qn0lhjktrt] {
    transition: opacity 0.5s ease-in-out;
    opacity: 0.8;
    /* 기존 스타일들... */
}

.upload-file-content:hover[b-qn0lhjktrt] {
    opacity: 0.7;
}

.libraryWrapper[b-qn0lhjktrt] {
    background: linear-gradient(to bottom, #090909 0%, #1a1a1a 100%);
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 10px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 1px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .libraryWrapper img[b-qn0lhjktrt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.settingWrapper[b-qn0lhjktrt] {
    background: linear-gradient(to bottom, #090909 0%, #1a1a1a 100%);
    border: 1px solid #333;
    border-radius: 12px;
    padding: 0.8rem 1rem 1rem 1rem;
    width: 800px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; /* 추가 */
    overflow: visible; /* 추가 - 중요! */

    height: 145px;
}

.settingHeader[b-qn0lhjktrt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; /* 추가 */
    z-index: 10; /* 추가 */
}

    .settingHeader select[b-qn0lhjktrt] {
        background-color: #2a2a2a;
        color: white;
        border: 1px solid #444;
        border-radius: 4px;
        padding: 0.5rem;
    }

.settingContent[b-qn0lhjktrt] {
    color: #ccc;
    font-size: 0.8rem;
    line-height: 1.5;
    width: 100%;
    margin-top: 0.2rem;
}

.referenceSection[b-qn0lhjktrt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.referenceText[b-qn0lhjktrt] {
    color: #686868;
    font-size: 14px;
    cursor: pointer;
}

.generate[b-qn0lhjktrt] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s ease;
}

    .generate:hover[b-qn0lhjktrt] {
        opacity: 0.7;
    }

.generate-icon[b-qn0lhjktrt] {
    height: 1rem;
    margin-right: 10px;
}

.generate-text[b-qn0lhjktrt] {
    font-weight: 500;
    color: #686868;
}

.settingContent textarea[b-qn0lhjktrt] {
    background: transparent;
    border: none;
    padding: 0;
    color: white;
    font-family: inherit;
    font-size: 13px;
    resize: none;
    outline: none;
    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
}

    .settingContent textarea[b-qn0lhjktrt]::placeholder {
        color: #686868;
    }

/*화살표 드롭다운*/
.dropdown-container[b-qn0lhjktrt] {
    position: relative;
}

.dropdown-menu[b-qn0lhjktrt] {
    position: fixed;
    background-color: #0a0a0a;
    border: 2px solid #555;
    border-radius: 12px;
    margin-bottom: 8px;
    z-index: 9999;
    overflow: hidden;
    max-height: 350px;
    overflow-y: auto;
    width: 100px !important;
    padding: 0.5rem;
    display: block;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    will-change: opacity, transform;
}

    .dropdown-menu.show[b-qn0lhjktrt] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

.dropdown-item[b-qn0lhjktrt] {
    padding: 0.2rem 0.4rem;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    /*transition: background-color 0.2s;*/
    font-size: 0.9rem;
    /*text-align: center;*/
    /*border-bottom: 1px solid #444;*/
}

    .dropdown-item:last-child[b-qn0lhjktrt] {
        border-bottom: none;
    }

    .dropdown-item:hover[b-qn0lhjktrt] {
        background-color: #3a3a3a;
        border-radius: 8px;
    }

    .dropdown-item.selected[b-qn0lhjktrt] {
        background-color: #666;
        border-radius: 8px;
    }

/*우측 세팅 패널*/
.settings-panel[b-qn0lhjktrt] {
    background-color: #1a1a1a;
    border: 1px solid #444;
    border-radius: 12px;
    padding: 0.5rem;
    min-width: 140px;
    min-height: 80px;
    position: absolute;
    right: -150px;
    top: 0;
    z-index: 2000;
    display: block;
    opacity: 0;
    transform: translateX(-10px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    will-change: opacity, transform;
}

    .settings-panel.show[b-qn0lhjktrt] {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }

.settings-item[b-qn0lhjktrt] {
    /*margin-bottom: 1rem;*/
    width: 100%;
    background: #484848;
    border-radius: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
}

    .settings-item:last-child[b-qn0lhjktrt] {
        margin-bottom: 0;
    }

.settings-label[b-qn0lhjktrt] {
    display: flex;
    /*align-items: center;*/
    color: #999;
    /*font-size: 0.75rem;*/
    /*justify-content: space-between;*/
    /* padding: 0.5rem 0.5rem 0.25rem 0.5rem;*/
    cursor: pointer;
    user-select: none;
    flex-direction: column;
}

    .settings-label img[b-qn0lhjktrt] {
        transition: transform 0.2s;
    }

        .settings-label img.rotate[b-qn0lhjktrt] {
            transform: rotate(180deg);
        }

.settings-value[b-qn0lhjktrt] {
    color: white;
    font-size: 1rem;
    /*padding: 0 0.5rem 0.5rem 0.5rem;*/
}

.settings-select[b-qn0lhjktrt] {
    width: 100%;
    background-color: #1a1a1a;
    color: white;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}

    .settings-select:focus[b-qn0lhjktrt] {
        outline: none;
        border-color: #666;
    }

/* Settings Panel Dropdown */
.panel-dropdown-menu[b-qn0lhjktrt] {
    position: fixed; /* absolute에서 fixed로 변경 */
    background-color: #0a0a0a;
    border: 2px solid #555;
    border-radius: 12px;
    margin-bottom: 8px;
    z-index: 9999; /* 더 높은 z-index */
    overflow: hidden;
    max-height: 350px;
    overflow-y: auto;
    /*min-width: 130px;*/
    width: 100px !important;
    padding: 0.5rem;
    display: block;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    will-change: opacity, transform;
}

    .panel-dropdown-menu.show[b-qn0lhjktrt] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

.panel-dropdown-item[b-qn0lhjktrt] {
    padding: 0.2rem 0.4rem;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    /*transition: background-color 0.2s;*/
    font-size: 0.9rem;
    /*text-align: center;*/
    /*border-bottom: 1px solid #444;*/
}

    .panel-dropdown-item:last-child[b-qn0lhjktrt] {
        border-bottom: none;
    }

    .panel-dropdown-item:hover[b-qn0lhjktrt] {
        background-color: #3a3a3a;
        border-radius: 8px;
    }

    .panel-dropdown-item.selected[b-qn0lhjktrt] {
        background-color: #666;
        border-radius: 8px;
    }

/* Upload Modal */
.upload-modal[b-qn0lhjktrt] {
    display: none;
    position: fixed;
    /*bottom: 180px; *//* libraryWrapper 위쪽 */
    /*left: 0;*/
    z-index: 3000;
    max-height: 500px;
}

    .upload-modal.show[b-qn0lhjktrt] {
        display: block;
    }

.upload-icon[b-qn0lhjktrt] {
    font-size: 1.5rem;
    filter: grayscale(30%);
}

.upload-text[b-qn0lhjktrt] {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.upload-modal-content[b-qn0lhjktrt] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
    border: 2px solid #444;
    border-radius: 12px;
    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    padding: 0.5rem;
    max-height: 340px;
}

.image-list-container[b-qn0lhjktrt] {
    display: grid;
    grid-template-columns: repeat(3, 120px);
    gap: 0.5rem;
    overflow-y: auto;
    max-height: 350px;
    /*padding: 8px;*/
    justify-content: center;
}

.upload-image-item[b-qn0lhjktrt] {
    background: white;
    transition: all 0.3s;
    overflow: hidden;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .upload-image-item:hover[b-qn0lhjktrt] {
        transform: translateY(-4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.upload-file-content[b-qn0lhjktrt] {
    width: 100%;
    text-align: center;
    border: 1px solid #aaaaaa;
    border-radius: 12px;
    padding: 1rem;
    min-height: 58px;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

/* 로딩 패널 스타일 */
.loading-panel[b-qn0lhjktrt] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-content[b-qn0lhjktrt] {
    text-align: center;
}

.spinner[b-qn0lhjktrt] {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin-b-qn0lhjktrt 1s linear infinite;
}

@keyframes spin-b-qn0lhjktrt {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-content p[b-qn0lhjktrt] {
    font-size: 1.2rem;
    color: #333;
    margin: 0;
}

.imageTempWrapper[b-qn0lhjktrt] {
    display: flex;
    height: calc(100% - 200px);
}

/*라이브러리 그룹 관련 css*/
.works-container[b-qn0lhjktrt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*padding: 20px;*/
    width: 80%;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
    /* height: calc(100% - 131px);*/
    height: 100%;
    margin-top: 30px;
    overflow-y: hidden;
}

    .works-container[b-qn0lhjktrt]::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 200px; /* fade 시작 높이 (조절 가능) */
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
        pointer-events: none; /* 클릭 이벤트 방해 안 하게 */
        width: calc(100% - 30px);
    }

.mainWrapper[b-qn0lhjktrt] {
    position: relative; /* 이거 추가 */
}

    .mainWrapper[b-qn0lhjktrt]::before {
        content: '';
        position: fixed;
        top: 61px; /* 화면 상단에서 62px 아래 - 잘 먹음! */
        width: calc(100% - 30px);
        height: 80px;
        background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.8));
        pointer-events: none;
        z-index: 10;
    }

.project-name-edit[b-qn0lhjktrt] {
    font-size: 15px;
    color: white;
    background-color: #2a2a2a;
    border: 1px solid #4a9eff;
    border-radius: 4px;
    width: auto;
    outline: none;
    text-align: left;
}

    .project-name-edit:focus[b-qn0lhjktrt] {
        border-color: #00d4ff;
    }

.project-name-sizer[b-qn0lhjktrt] {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    font-size: 15px;
    font-family: inherit;
    padding: 0;
}

/*세로 모니터*/
@media screen and (max-width: 1080px) {
    .settings-panel[b-qn0lhjktrt] {
        right: 0;
        top: -90px;
    }
}

/* ============================================
   TABLET 반응형 (768px ~ 1380px)
   ============================================ */
@media screen and (max-width: 1380px) {
    .wholeWrapper[b-qn0lhjktrt] {
        padding: 0.5rem 15px 0 15px;
    }

    .menuWrapper[b-qn0lhjktrt] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .uploadTotalDiv[b-qn0lhjktrt] {
        width: 100%;
        justify-content: space-around;
        gap: 0.4rem;
    }

    #uploadModal[b-qn0lhjktrt] {
        bottom: 130px;
    }

    .settingWrapper[b-qn0lhjktrt] {
        /*min-width: 500px;*/
        width: calc(100% - 150px);
        padding: 0.6rem 0.7rem 0.7rem 0.7rem;
        height: 120px;
    }

    #selectedMode[b-qn0lhjktrt] {
        font-size: 13px !important;
    }

    #headerCreativityValue[b-qn0lhjktrt] {
        font-size: 13px !important;
    }

    .libraryWrapper[b-qn0lhjktrt] {
        width: 120px;
        height: 120px;
    }

    .uploadWrapper[b-qn0lhjktrt] {
        bottom: 1.5rem;
        gap: 0.8rem;
    }

    .works-container[b-qn0lhjktrt] {
        width: 90%;
    }

    .settings-panel[b-qn0lhjktrt] {
        right: 0;
        top: -90px;
    }

    #introduce[b-qn0lhjktrt] {
        font-size: 1.3rem;
        bottom: 50%;
    }

    .settingContent textarea[b-qn0lhjktrt] {
        font-size: 12px;
    }

    .generate-icon[b-qn0lhjktrt] {
        height: 0.9rem;
        margin-right: 8px;
    }

    .image-list-container[b-qn0lhjktrt] {
        grid-template-columns: repeat(2, 120px);
    }

    .upload-modal[b-qn0lhjktrt] {
        /*bottom: 150px;*/
    }
}

/* ============================================
   MOBILE 반응형 (< 768px)
   ============================================ */
@media screen and (max-width: 768px) {
    .wholeWrapper[b-qn0lhjktrt] {
        margin: 0.5rem 0 0 0;
        padding: 0.5rem 10px 0 10px;
        height: calc(100% - 0.5rem);
    }

    .menuWrapper[b-qn0lhjktrt] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .custom-gap-5[b-qn0lhjktrt] {
        gap: 3px;
        font-size: 13px;
    }

    .mainWrapper[b-qn0lhjktrt]::before {
        top: 51px;
        height: 60px;
        width: calc(100% - 20px);
    }

    .uploadWrapper[b-qn0lhjktrt] {
        flex-direction: column;
        gap: 0.5rem;
        bottom: 1rem;
        /*left: 50%;
        transform: translateX(-50%);*/
        width: calc(100% - 3rem);
        /*max-width: 500px;*/
    }

    .libraryWrapper[b-qn0lhjktrt] {
        /*width: 100%;
        height: 100px;
        margin: 0 auto;*/
    }

    .settingWrapper[b-qn0lhjktrt] {
        min-width: 250px;
        /*width: 100%;*/
        padding: 0.6rem 0.7rem 0.7rem 0.7rem;
        height: auto;
        min-height: 100px;
    }

    .settingHeader[b-qn0lhjktrt] {
        flex-wrap: wrap;
        gap: 0.3rem;
    }

    .setting-container[b-qn0lhjktrt] {
        gap: 0.5rem !important;
    }

    .settingContent textarea[b-qn0lhjktrt] {
        font-size: 11px;
        line-height: 1.4;
    }

    .referenceSection[b-qn0lhjktrt] {
        flex-wrap: wrap;
        gap: 0.3rem;
    }

    .referenceText[b-qn0lhjktrt] {
        font-size: 12px;
    }

    #selectedMode[b-qn0lhjktrt] {
        font-size: 12px !important;
    }

    #headerCreativityValue[b-qn0lhjktrt] {
        font-size: 12px !important;
    }

    .generate[b-qn0lhjktrt] {
        white-space: nowrap;
    }

    .generate-icon[b-qn0lhjktrt] {
        height: 0.8rem;
        margin-right: 6px;
    }

    .generate-text[b-qn0lhjktrt] {
        font-size: 13px;
    }

    .works-container[b-qn0lhjktrt] {
        width: 95%;
        margin-top: 20px;
    }

        .works-container[b-qn0lhjktrt]::after {
            height: 150px;
            width: calc(100% - 20px);
        }

    #introduce[b-qn0lhjktrt] {
        /*font-size: 1.1rem;
        bottom: 45%;
        text-align: center;
        padding: 0 1rem;*/
        display: none !important;
    }
    /* 이미지 그리드 조정 */
    .group-images-horizontal[b-qn0lhjktrt] {
        gap: 0.8rem;
    }

    .image-item[b-qn0lhjktrt] {
        height: 120px;
        width: 120px;
        min-width: 120px;
    }

    .result-group[b-qn0lhjktrt] {
        padding-top: 15px;
    }

    .group-description[b-qn0lhjktrt] {
        font-size: 0.75rem;
    }

    /* 업로드 모달 조정 */
    .upload-modal[b-qn0lhjktrt] {
        /*left: 22%;*/
        transform: translateX(-50%);
        /*bottom: 160px !important;*/
        width: 150px;
        max-width: 500px;
    }

    .upload-modal-content[b-qn0lhjktrt] {
        max-height: 200px;
    }

    .image-list-container[b-qn0lhjktrt] {
        grid-template-columns: repeat(1, 100px);
        gap: 0.4rem;
        max-height: 250px;
        justify-content: space-between;
    }

    .upload-image-item[b-qn0lhjktrt] {
        width: 100px;
        height: 100px;
    }

    .library-type-badge[b-qn0lhjktrt] {
        font-size: 0.75rem;
        padding: 3px 4px;
    }

    .upload-file-content[b-qn0lhjktrt] {
        padding: 0.7rem;
        min-height: 50px;
        font-size: 0.9rem;
    }

    /* 설정 패널 조정 */
    .settings-panel[b-qn0lhjktrt] {
        right: 0;
        min-width: 120px;
        top: -90px;
    }

    .settings-item[b-qn0lhjktrt] {
        padding: 0.4rem;
    }

    .settings-value[b-qn0lhjktrt] {
        font-size: 0.9rem;
    }

    /* 드롭다운 조정 */
    .dropdown-menu[b-qn0lhjktrt],
    .panel-dropdown-menu[b-qn0lhjktrt] {
        width: 90px !important;
        font-size: 0.85rem;
    }

    .dropdown-item[b-qn0lhjktrt],
    .panel-dropdown-item[b-qn0lhjktrt] {
        padding: 0.15rem 0.3rem;
        font-size: 0.85rem;
    }

    /* 프로젝트 메뉴 조정 */
    .project-menu-button i[b-qn0lhjktrt] {
        font-size: 14px;
    }

    .project-dropdown-menu[b-qn0lhjktrt] {
        width: 130px;
        font-size: 0.85rem;
    }

    .project-dropdown-menu-item[b-qn0lhjktrt] {
        padding: 4px 5px;
    }

        .project-dropdown-menu-item img[b-qn0lhjktrt] {
            height: 1rem !important;
        }

        .project-dropdown-menu-item span[b-qn0lhjktrt] {
            font-size: 0.85rem;
        }
}

/* ============================================
   SMALL MOBILE 반응형 (< 480px)
   ============================================ */
@media screen and (max-width: 480px) {
    .wholeWrapper[b-qn0lhjktrt] {
        padding: 0.5rem 8px 0 8px;
    }

    .settingWrapper[b-qn0lhjktrt] {
        padding: 0.5rem 0.6rem 0.6rem 0.6rem;
    }

    .settingContent textarea[b-qn0lhjktrt] {
        font-size: 10px;
    }

    #introduce[b-qn0lhjktrt] {
        font-size: 0.95rem;
    }

    .image-item[b-qn0lhjktrt] {
        height: 100px;
        width: 100px;
        min-width: 100px;
    }

    .group-description[b-qn0lhjktrt] {
        font-size: 0.7rem;
    }

    .image-list-container[b-qn0lhjktrt] {
        grid-template-columns: repeat(1, 90px);
    }

    .upload-image-item[b-qn0lhjktrt] {
        width: 90px;
        height: 90px;
    }

    .library-type-badge[b-qn0lhjktrt] {
        font-size: 0.7rem;
        padding: 2px 3px;
    }

    .custom-gap-5[b-qn0lhjktrt] {
        font-size: 12px;
    }

    .referenceText[b-qn0lhjktrt] {
        font-size: 11px;
    }

    .generate-text[b-qn0lhjktrt] {
        font-size: 12px;
    }
}
/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmPrice.cshtml.rz.scp.css */
/* ---- [1] 스크롤바 원천 차단 ---- */



html[b-q0u8w71yvn], body[b-q0u8w71yvn] {
    width: 10%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden !important; /* 스크롤 강제 숨김 */
}

/* ---- [2] 페이지 전체 레이아웃 ---- */
.price-page[b-q0u8w71yvn] {
    width: 100%;
    /* ★ 핵심 수정 1: 헤더 높이(약 60px)를 뺀 만큼만 높이 잡기 */
    /* 이렇게 하면 헤더 아래 빈 공간 없이 딱 맞게 중앙 정렬됩니다 */
    height: calc(100vh - 80px);
    /* Flexbox로 수직/수평 중앙 정렬 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* ★ 핵심 수정 2: 상단 패딩 제거 (틈 발생 원인 제거) */
    padding: 0 2vw;
    box-sizing: border-box;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    color: #ffffff;
}

/* ---- 헤더 섹션 ---- */
.price-header[b-q0u8w71yvn] {
    text-align: center;
    /* 타이틀과 카드 사이의 간격 */
    margin-bottom: 3vh;
    flex-shrink: 0;
    z-index: 10;
}

    .price-header h1[b-q0u8w71yvn] {
        font-size: 36px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 4px;
        color: #ffffff;
    }

    .price-header .subtitle[b-q0u8w71yvn] {
        font-size: 14px;
        color: #8899a6;
        margin: 0;
    }

/* ---- 카드 그리드 ---- */
.price-cards[b-q0u8w71yvn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1300px;
    align-items: stretch;
    /* 내용이 많아지면 자동으로 축소되도록 설정할 기준점 */
    transform-origin: center top;
}

/* ---- 개별 카드 디자인 ---- */
.price-card[b-q0u8w71yvn] {
    background: #0e0e0e;
    border: 1px solid #222;
    border-radius: 16px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: left;
    height: auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.active-plan[b-q0u8w71yvn] {
    border: 1px solid #4c6ef5;
    background: #111116;
    box-shadow: 0 0 25px rgba(76, 110, 245, 0.1);
}

/* ---- 내부 요소 스타일 ---- */
.badge-wrapper[b-q0u8w71yvn] {
    margin-bottom: 10px;
    min-height: 20px;
}

.badge[b-q0u8w71yvn] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}

.badge-live[b-q0u8w71yvn] {
    background: rgba(76, 110, 245, 0.15);
    color: #5c7cfa;
    border: 1px solid rgba(76, 110, 245, 0.3);
}

.badge-soon[b-q0u8w71yvn] {
    background: rgba(255, 255, 255, 0.05);
    color: #666;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.price-card h2[b-q0u8w71yvn] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: #fff;
}

.desc[b-q0u8w71yvn] {
    font-size: 12px;
    color: #a1a1aa;
    line-height: 1.4;
    margin: 0 0 16px 0;
    min-height: 34px;
}

.price-wrapper[b-q0u8w71yvn] {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
    display: flex;
    align-items: baseline;
}

    .price-wrapper .currency[b-q0u8w71yvn] {
        font-size: 18px;
        margin-right: 2px;
        color: #888;
    }

    .price-wrapper .period[b-q0u8w71yvn] {
        font-size: 13px;
        color: #666;
        margin-left: 4px;
        font-weight: 400;
    }

.blur-text[b-q0u8w71yvn] {
    opacity: 0.5;
    filter: blur(5px);
    pointer-events: none;
}

.btn-wrapper[b-q0u8w71yvn] {
    margin-bottom: 16px;
}

button[b-q0u8w71yvn] {
    width: 100%;
    padding: 12px 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.btn-primary[b-q0u8w71yvn] {
    background: linear-gradient(92deg, #3b82f6 0%, #7c3aed 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(68, 99, 243, 0.2);
}

    .btn-primary:hover[b-q0u8w71yvn] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

.btn-secondary[b-q0u8w71yvn] {
    background: #1a1a1a;
    color: #555;
    border: 1px solid #2a2a2a;
}

.divider[b-q0u8w71yvn] {
    height: 1px;
    background: #1a1a1a;
    margin-bottom: 16px;
    width: 100%;
}

.features[b-q0u8w71yvn] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blur-content[b-q0u8w71yvn] {
    opacity: 0.35;
    filter: blur(4px);
    pointer-events: none;
}

.features li[b-q0u8w71yvn] {
    font-size: 12px;
    color: #d1d1d1;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

    .features li .icon[b-q0u8w71yvn] {
        color: #4c6ef5;
        margin-right: 10px;
        font-size: 12px;
        min-width: 14px;
    }

    .features li .icon-limit[b-q0u8w71yvn] {
        margin-right: 10px;
        font-size: 12px;
        width: 14px;
        filter: grayscale(1);
        opacity: 0.6;
    }

.limit-item[b-q0u8w71yvn] {
    color: #888 !important;
    font-size: 11px !important;
}

.sub-text[b-q0u8w71yvn] {
    font-size: 11px;
    color: #555;
    text-align: center;
    margin-top: 8px;
}


/* ==================================================== */
/* ★★★ [3] 화면 크기에 따른 자동 축소 (핵심) ★★★ */
/* ==================================================== */

/* 높이가 950px 이하인 경우 (대부분의 노트북) -> 90% 크기로 축소 */
@media (max-height: 950px) {
    .price-cards[b-q0u8w71yvn] {
        transform: scale(0.9); /* 전체 카드를 0.9배로 축소 */
        margin-bottom: -20px; /* 축소되면서 생기는 하단 여백 제거 */
    }

    .price-header[b-q0u8w71yvn] {
        margin-bottom: 1vh;
    }
}

/* 높이가 800px 이하인 경우 (작은 노트북) -> 80% 크기로 축소 */
@media (max-height: 800px) {
    .price-cards[b-q0u8w71yvn] {
        transform: scale(0.8); /* 0.8배로 축소 */
        width: 110%; /* 축소되면 가로폭이 좁아보이므로 넓힘 */
    }

    .price-header h1[b-q0u8w71yvn] {
        font-size: 28px;
    }

    .price-page[b-q0u8w71yvn] {
        padding-top: 0; /* 패딩 완전 제거 */
    }
}

/* 높이가 700px 이하인 경우 (매우 작은 화면) -> 70% 크기로 축소 */
@media (max-height: 700px) {
    .price-cards[b-q0u8w71yvn] {
        transform: scale(0.7);
        width: 120%;
    }

    .price-header[b-q0u8w71yvn] {
        display: none;
    }
    /* 공간 부족하면 헤더 숨김 */
}

/* 모바일 반응형 (가로가 좁을 때) - 이 경우에만 스크롤 허용 */
@media (max-width: 1000px) {
    html[b-q0u8w71yvn], body[b-q0u8w71yvn] {
        overflow: auto !important;
    }
    /* 스크롤 허용 */
    .price-page[b-q0u8w71yvn] {
        height: auto;
        padding: 60px 20px;
        display: block;
    }

    .price-cards[b-q0u8w71yvn] {
        transform: none; /* 축소 해제 */
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
        gap: 30px;
    }
}
/* _content/BIMILHomePage/Pages/ArchiFilm/ArchiFilmStudio.cshtml.rz.scp.css */
.projects-section[b-olgrtifs0h] {
    padding-left: 180px;
    padding-right: 174px;
    margin: 2rem 0;
}

/* 프로젝트 그리드 - 최대 6개씩 */
.projects-grid[b-olgrtifs0h] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3rem;
}

    .projects-grid > *[b-olgrtifs0h] {
        min-width: 0;
    }

/* 반응형 */
@media (max-width: 2700px) {
    .projects-grid[b-olgrtifs0h] {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1900px) {
    .projects-grid[b-olgrtifs0h] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1500px) {
    .projects-grid[b-olgrtifs0h] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .projects-grid[b-olgrtifs0h] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .projects-grid[b-olgrtifs0h] {
        grid-template-columns: 1fr;
    }
}

.welcome-message[b-olgrtifs0h] {
    margin-bottom: 2rem;
}

.welcome-message-title[b-olgrtifs0h] {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 0;
}

.welcome-message-subtitle[b-olgrtifs0h] {
    font-size: 1.15rem;
    margin-top: -8px;
    margin-bottom: 0;
}

.project-item[b-olgrtifs0h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.3rem;
}

/* 프로젝트 카드 */
.project-card[b-olgrtifs0h] {
    aspect-ratio: 1;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #1a1a1a;
    display: flex;
    text-decoration: none;
    border: 1px solid #484848;
    position: relative;
}

    .project-card:hover[b-olgrtifs0h] {
        transform: translateY(-0.2rem);
    }

/* 프로젝트 썸네일 */
.project-thumbnail[b-olgrtifs0h] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

/* 기본 썸네일 (그라디언트 배경) */
.default-thumbnail[b-olgrtifs0h] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #4a9eff 0%, #00d4ff 100%);
}

.default-thumbnail-img[b-olgrtifs0h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.project-thumbnail-menu[b-olgrtifs0h] {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
}

.time-badge[b-olgrtifs0h] {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 400;
    pointer-events: none;
}

.project-menu-button[b-olgrtifs0h] {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 12px;
    opacity: 0;
    transition: all .2s ease;
    display: flex;
    align-items: center;
}

    .project-menu-button i[b-olgrtifs0h] {
        padding-top: 1px;
        color: #fff;
        font-size: 16px;
    }

.project-card:hover .project-menu-button[b-olgrtifs0h] {
    opacity: 1;
}

.project-menu-button:hover[b-olgrtifs0h] {
    background: rgba(148, 148, 148, 0.65);
}

.project-dropdown-menu[b-olgrtifs0h] {
    position: absolute;
    top: 43px;
    right: 8px;
    width: 110px;
    background: rgba(40, 40, 40, 0.95);
    border-radius: 12px;
    padding: 8px;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

    .project-dropdown-menu.show[b-olgrtifs0h] {
        display: block;
    }

.project-dropdown-menu-item[b-olgrtifs0h] {
    display: flex;
    justify-content: space-between;
    padding: 5px 6px;
    border-radius: 8px;
}

    .project-dropdown-menu-item:hover[b-olgrtifs0h] {
        background: rgba(80, 80, 80, 0.8);
    }

/* 프로젝트 이름 (카드 아래) */
.project-name-container[b-olgrtifs0h] {
    position: relative;
}

.project-name[b-olgrtifs0h] {
    font-size: 15px;
    color: white;
    margin: 0;
    text-align: center;
    margin-top: 5px;
    cursor: text;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

    .project-name:hover[b-olgrtifs0h] {
        background-color: rgba(255, 255, 255, 0.1);
    }

.project-name-edit[b-olgrtifs0h] {
    font-size: 15px;
    color: white;
    background-color: #2a2a2a;
    border: 1px solid #4a9eff;
    border-radius: 4px;
    padding: 4px 8px;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    outline: none;
}

    .project-name-edit:focus[b-olgrtifs0h] {
        border-color: #00d4ff;
    }

/* New Project 카드 */
.new-project-card[b-olgrtifs0h] {
    background-color: transparent;
    border: 2px dashed #444;
}

    .new-project-card:hover[b-olgrtifs0h] {
        border-color: #666;
        background-color: #1a1a1a;
    }

.new-project-content[b-olgrtifs0h] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-project-text[b-olgrtifs0h] {
    font-size: 30px;
    font-weight: 500;
    color: #666;
}

.new-project-card:hover .new-project-text[b-olgrtifs0h] {
    color: #999;
}

.modal-overlay[b-olgrtifs0h] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

    .modal-overlay.show[b-olgrtifs0h] {
        display: flex;
    }

.modal-container[b-olgrtifs0h] {
    background: #191919;
    border-radius: 15px;
    width: 90%;
    max-width: 390px;
    padding: 20px;
}

.custom-modal-content p[b-olgrtifs0h] {
    font-size: 1.1rem;
    margin-bottom: 0px;
    color: #fff;
}

.custom-modal-content .modal-warning[b-olgrtifs0h] {
    font-size: 0.8rem;
    color: #E07476;
    text-align: left;
}

.modal-actions[b-olgrtifs0h] {
    display: flex;
    justify-content: end;
    gap: 5px;
    margin-top: 20px
}

.modal-btn[b-olgrtifs0h] {
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 1.0rem;
    cursor: pointer;
}

    .modal-btn:hover[b-olgrtifs0h] {
        opacity: 0.9
    }

.modal-btn-cancel[b-olgrtifs0h] {
    background: #5E5E5E;
    color: #fff;
}

.modal-btn-delete[b-olgrtifs0h] {
    background: #E07476;
    color: #191919;
}

/* ============================================
   TABLET 반응형 (768px ~ 1380px)
   ============================================ */
@media screen and (max-width: 1380px) {
    .projects-section[b-olgrtifs0h] {
        padding-left: 60px;
        padding-right: 60px;
        margin: 1.5rem 0;
    }

    .projects-grid[b-olgrtifs0h] {
        gap: 2rem;
    }

    .welcome-message[b-olgrtifs0h] {
        margin-bottom: 1.5rem;
    }

    .welcome-message-title[b-olgrtifs0h] {
        font-size: 1.5rem;
    }

    .welcome-message-subtitle[b-olgrtifs0h] {
        font-size: 1rem;
        margin-top: -6px;
    }

    .project-card[b-olgrtifs0h] {
        border-radius: 10px;
    }

    .time-badge[b-olgrtifs0h] {
        font-size: 0.85rem;
        padding: 3px 8px;
    }

    .project-menu-button i[b-olgrtifs0h] {
        font-size: 15px;
    }

    .project-dropdown-menu[b-olgrtifs0h] {
        width: 100px;
        top: 40px;
    }

    .project-dropdown-menu-item[b-olgrtifs0h] {
        padding: 4px 5px;
        font-size: 0.9rem;
    }

        .project-dropdown-menu-item img[b-olgrtifs0h] {
            height: 1rem !important;
        }

    .project-name[b-olgrtifs0h],
    .project-name-edit[b-olgrtifs0h] {
        font-size: 14px;
    }

    .new-project-text[b-olgrtifs0h] {
        font-size: 26px;
    }

    .modal-container[b-olgrtifs0h] {
        max-width: 360px;
        padding: 18px;
    }

    .custom-modal-content p[b-olgrtifs0h] {
        font-size: 1rem;
    }

    .custom-modal-content .modal-warning[b-olgrtifs0h] {
        font-size: 0.75rem;
    }

    .modal-btn[b-olgrtifs0h] {
        font-size: 0.95rem;
    }
}

/* ============================================
   MOBILE 반응형 (< 768px)
   ============================================ */
@media screen and (max-width: 768px) {
    .projects-section[b-olgrtifs0h] {
        padding-left: 20px;
        padding-right: 20px;
        margin: 1rem 0;
    }

    .projects-grid[b-olgrtifs0h] {
        gap: 1.5rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .welcome-message[b-olgrtifs0h] {
        margin-bottom: 1.2rem;
    }

    .welcome-message-title[b-olgrtifs0h] {
        font-size: 1.3rem;
    }

    .welcome-message-subtitle[b-olgrtifs0h] {
        font-size: 0.9rem;
        margin-top: -5px;
    }

    .project-item[b-olgrtifs0h] {
        gap: 0.4rem;
        padding-top: 0.2rem;
    }

    .project-card[b-olgrtifs0h] {
        border-radius: 8px;
    }

        .project-card:hover[b-olgrtifs0h] {
            transform: translateY(-0.1rem);
        }

    .project-thumbnail-menu[b-olgrtifs0h] {
        padding: 6px;
    }

    .time-badge[b-olgrtifs0h] {
        font-size: 0.75rem;
        padding: 3px 6px;
        border-radius: 10px;
    }

    /* 모바일에서는 메뉴 버튼 항상 표시 */
    .project-menu-button[b-olgrtifs0h] {
        opacity: 1;
        padding: 2px 4px;
    }

        .project-menu-button i[b-olgrtifs0h] {
            font-size: 14px;
        }

    .project-dropdown-menu[b-olgrtifs0h] {
        width: 95px;
        top: 38px;
        right: 6px;
        padding: 6px;
    }

    .project-dropdown-menu-item[b-olgrtifs0h] {
        padding: 4px 5px;
        font-size: 0.85rem;
    }

        .project-dropdown-menu-item img[b-olgrtifs0h] {
            height: 0.95rem !important;
            margin-top: 2px !important;
            margin-left: 1px !important;
        }

        .project-dropdown-menu-item span[b-olgrtifs0h] {
            font-size: 0.85rem;
        }

    .project-name[b-olgrtifs0h],
    .project-name-edit[b-olgrtifs0h] {
        font-size: 13px;
        padding: 3px 6px;
        margin-top: 4px;
    }

    .new-project-card[b-olgrtifs0h] {
        border-width: 1.5px;
    }

    .new-project-text[b-olgrtifs0h] {
        font-size: 22px;
    }

    .modal-container[b-olgrtifs0h] {
        max-width: 340px;
        padding: 16px;
        border-radius: 12px;
    }

    .custom-modal-content p[b-olgrtifs0h] {
        font-size: 0.95rem;
    }

    .custom-modal-content .modal-warning[b-olgrtifs0h] {
        font-size: 0.7rem;
    }

    .modal-actions[b-olgrtifs0h] {
        margin-top: 16px;
        gap: 4px;
    }

    .modal-btn[b-olgrtifs0h] {
        padding: 0px 8px;
        font-size: 0.9rem;
    }
}

/* ============================================
   SMALL MOBILE 반응형 (< 480px)
   ============================================ */
@media screen and (max-width: 480px) {
    .projects-section[b-olgrtifs0h] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .projects-grid[b-olgrtifs0h] {
        gap: 1.2rem;
        grid-template-columns: 1fr;
    }

    .welcome-message-title[b-olgrtifs0h] {
        font-size: 1.2rem;
    }

    .welcome-message-subtitle[b-olgrtifs0h] {
        font-size: 0.85rem;
    }

    .time-badge[b-olgrtifs0h] {
        font-size: 0.7rem;
        padding: 2px 5px;
    }

    .project-menu-button[b-olgrtifs0h] {
        padding: 1px 3px;
    }

        .project-menu-button i[b-olgrtifs0h] {
            font-size: 13px;
        }

    .project-dropdown-menu[b-olgrtifs0h] {
        width: 90px;
        top: 36px;
    }

    .project-dropdown-menu-item[b-olgrtifs0h] {
        padding: 3px 4px;
        font-size: 0.8rem;
    }

        .project-dropdown-menu-item img[b-olgrtifs0h] {
            height: 0.9rem !important;
        }

        .project-dropdown-menu-item span[b-olgrtifs0h] {
            font-size: 0.8rem;
        }

    .project-name[b-olgrtifs0h],
    .project-name-edit[b-olgrtifs0h] {
        font-size: 12px;
        padding: 2px 5px;
    }

    .new-project-text[b-olgrtifs0h] {
        font-size: 20px;
    }

    .modal-container[b-olgrtifs0h] {
        max-width: 300px;
        padding: 14px;
    }

    .custom-modal-content p[b-olgrtifs0h] {
        font-size: 0.9rem;
    }

    .custom-modal-content .modal-warning[b-olgrtifs0h] {
        font-size: 0.65rem;
    }

    .modal-actions[b-olgrtifs0h] {
        margin-top: 14px;
    }

    .modal-btn[b-olgrtifs0h] {
        padding: 0px 7px;
        font-size: 0.85rem;
    }
}

/* ============================================
   VERY SMALL MOBILE 반응형 (< 360px)
   ============================================ */
@media screen and (max-width: 360px) {
    .projects-section[b-olgrtifs0h] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .projects-grid[b-olgrtifs0h] {
        gap: 1rem;
    }

    .welcome-message-title[b-olgrtifs0h] {
        font-size: 1.1rem;
    }

    .welcome-message-subtitle[b-olgrtifs0h] {
        font-size: 0.8rem;
    }

    .time-badge[b-olgrtifs0h] {
        font-size: 0.65rem;
        padding: 2px 4px;
    }

    .project-name[b-olgrtifs0h],
    .project-name-edit[b-olgrtifs0h] {
        font-size: 11px;
    }

    .modal-container[b-olgrtifs0h] {
        max-width: 280px;
        padding: 12px;
    }

    .custom-modal-content p[b-olgrtifs0h] {
        font-size: 0.85rem;
    }

    .modal-btn[b-olgrtifs0h] {
        font-size: 0.8rem;
    }
}
/* _content/BIMILHomePage/Pages/Hub/Explore.cshtml.rz.scp.css */
body[b-b5z8o7ehpx] {
}
/* _content/BIMILHomePage/Pages/Hub/HubDetail.cshtml.rz.scp.css */
body[b-u9r5canm08] {
}
.image-container-ac[b-u9r5canm08] {
/*    background: black;
    opacity: 0.8;*/
    width: 74%;
    height: 100%; /* 필요에 따라 고정 높이로 조정 가능 */
    /*border-radius: 10px;*/
    display: flex;
    /*justify-content: center;*/
    flex-direction: column;
    align-items: center;
    overflow: visible;
    gap: 1rem;
}

#detailImage[b-u9r5canm08] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.arrow-back-ac[b-u9r5canm08] {
    display: flex;
    justify-content: flex-start; /* 왼쪽 정렬 */
    align-self: flex-start;
    margin-bottom: 1rem;
}
    .arrow-back-ac img[b-u9r5canm08] {
        display: inline-block; /* 이미지가 자기 크기만 차지 */
        width: auto; /* 혹시 100%로 설정된 거 풀기 */
        height: auto;
    }
.detail-info-ac[b-u9r5canm08] {
    /*background: black;
    opacity: 80%;*/
    background: white;
    width: 25%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    justify-content: space-between;
}

    .detail-info-ac > div:first-child[b-u9r5canm08] {
        flex: 1 1 auto;
        min-height: 0; /* ★ 중요: 자식이 스크롤 가능해짐 */
        overflow: hidden; /* 전체 넘침은 숨기고, 아래에서 각 영역에 스크롤 */
        display: flex;
        flex-direction: column;
    }
.title-div-ac[b-u9r5canm08] {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 600;
}

.prompt-div-ac[b-u9r5canm08] {
    font-size: 1.3rem;
    text-align: left;
}

#detailPrompt[b-u9r5canm08] {
    flex: 2 1 0;
    overflow-y: auto;
    margin-bottom: 2rem;
}

#detailNegativePrompt[b-u9r5canm08] {
    flex: 1 1 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.apply-button-ac[b-u9r5canm08] {
    border: none;
    height: 2.5rem;
    border-radius: 10px;
    width: 100%;
    background: #e1e5ee;
    font-size: 1.5rem;
    font-weight: 600;
}

.prompt-info-ac[b-u9r5canm08] {
    /*display: flex;
    justify-content: space-between;*/
    text-align: end;
}

.prompt-reaction-ac[b-u9r5canm08] {
    display: flex;
    gap: 1.5rem;
}
.prompt-reaction-ac span[b-u9r5canm08] {
    margin-right: 0.5rem;
}

.prompt-tag-ac[b-u9r5canm08] {
    display: flex;
    gap: 0.5rem;
    padding: 0; /* 이미 뺀 상태면 유지 */
    flex-direction: column;
}
.prompt-tag-sub-ac[b-u9r5canm08] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
    /*.prompt-tag-ac div {
        display: inline-flex;*/ /* 내용 크기에 딱 맞춤 */
        /*align-items: center;*/ /* 수직 가운데 */
        /*padding: 2px 6px;
        font-size: 13px;*/
        /*line-height: 1;*/ /* 높이 타이트하게 */
        /*white-space: nowrap;
        background: #E1E5EE;
        color: #585858;
        border-radius: 6px;
        height: auto;*/ /* 혹시 모를 min-height 무효화 */
    /*}*/

    /* 칩(실제 배지) 스타일 */
    .prompt-tag-sub-ac > div[b-u9r5canm08] {
        display: inline-flex;
        align-items: center;
        padding: 2px 6px;
        font-size: 13px;
        white-space: nowrap;
        background: #E1E5EE;
        color: #585858;
        border-radius: 6px;
        height: auto;
    }
.reference-ac[b-u9r5canm08] {
    background: #B2B2B2;
    color: #585858;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 13px;
    width: 120px;
    margin-bottom: 2px;
}

.image-and-tag-ac[b-u9r5canm08] {
    display: flex;
    padding: 1.5rem 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #B2B2B2;
    border-radius: 10px;
}

.ref-image-ac[b-u9r5canm08] {
    flex: 1; /* 비율 1 */
}

.prompt-box-ac[b-u9r5canm08] {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    flex: 1 1 auto; /* 남은 공간 채움 */
    min-height: 0; /* ★ 중요 */
    overflow: hidden;
    text-align: left;
}

    .prompt-box-ac p[b-u9r5canm08] {
        font-size: 1.3rem;
        margin: 0;
        font-weight: 600;
    }
.reaction img[b-u9r5canm08]{
    width: 14px;
}

.image-midde-ac[b-u9r5canm08] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
    align-items: center;
    /*border: 1px solid red;*/
    height: calc(100% - 160px);
    justify-content: space-between;
}
/*.image-bottom-gallery-ac {
    width: 100%;
    height: 120px;
    border: 1px solid blue;
}*/
/* _content/BIMILHomePage/Pages/Index.cshtml.rz.scp.css */
@charset "UTF-8";


@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*[b-ealmm852vm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pretendard Variable', Pretendard;
    list-style: none;
    text-decoration: none;
}

/* 공지사항 모달 스타일 */
.noticeModalOverlay[b-ealmm852vm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .noticeModalOverlay.show[b-ealmm852vm] {
        display: flex;
    }

.noticeModalContainer[b-ealmm852vm] {
    background: #f5f6f8;
    border-radius: 16px;
    max-width: 880px;
    width: 100%;
    max-height: 95vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: modalSlideIn-b-ealmm852vm 0.3s ease-out;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.noticeModalHeader[b-ealmm852vm] {
    background: #DEE7F4;
    padding: 20px 0 10px 0;
    border-radius: 16px 16px 0 0;
    text-align: center;
    position: relative;
}

.noticeModalTitle[b-ealmm852vm] {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .noticeModalTitle[b-ealmm852vm]::before,
    .noticeModalTitle[b-ealmm852vm]::after {
        content: "🔔";
        font-size: 16px;
    }

.noticeModalSubtitle[b-ealmm852vm] {
    color: black;
    /*font-size: 20px;*/
    font-size: 1.8rem;
    /*margin: 8px 0 0 0;*/
    font-weight: bold;
}

.noticeModalClose[b-ealmm852vm] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: white;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

    .noticeModalClose:hover[b-ealmm852vm] {
        background: rgba(255, 255, 255, 0.3);
    }

.noticeModalImage[b-ealmm852vm] {
    width: auto;
    height: 200px;
    margin: 20px;
}
.modalSchedule[b-ealmm852vm] {
    display: flex;
    flex-direction: row;
}
.modalSchedule-item[b-ealmm852vm] {
    width: 50%;
}

@media (max-width: 600px) {
    .noticeModalImage[b-ealmm852vm] {
        height: 100px !important;
    }
    .noticeModalContainer[b-ealmm852vm] {
        max-height: 80vh !important;
    }
    .noticeModalContent p[b-ealmm852vm] {
        font-size: 1.3rem !important;
    }

    .modalSchedule[b-ealmm852vm] {
        flex-direction: column !important;
        gap: 2rem;
    }

    .modalSchedule-item[b-ealmm852vm] {
        width: 100% !important;
    }
}

    .noticeModalContent[b-ealmm852vm] {
        padding: 0 20px;
        /*line-height: 1.7;*/
        background: #DEE7F4;
        margin: 0;
    }

        .noticeModalContent h3[b-ealmm852vm] {
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 16px 0;
        }

        .noticeModalContent p[b-ealmm852vm] {
            margin: 3px 0;
            /*font-size: 14px;*/
            font-size: 1.4rem;
        }

            .noticeModalContent p:first-child[b-ealmm852vm] {
                margin-top: 0;
            }

        .noticeModalContent .signature[b-ealmm852vm] {
            /*margin-top: 30px;*/
            font-weight: 600;
        }

        .noticeModalContent .seperate-section[b-ealmm852vm] {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #979797;
        }

    .noticeModalInnerContent[b-ealmm852vm] {
        background: #F3F7FC;
        padding: 20px;
        border-radius: 14px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .noticeModalFooter[b-ealmm852vm] {
        padding: 20px;
        display: flex;
        justify-content: end;
        align-items: center;
        background: #DEE7F4;
        border-radius: 0 0 16px 16px;
        gap: 15px;
    }

    .hideForTodayCheckbox[b-ealmm852vm] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        cursor: pointer;
    }

        .hideForTodayCheckbox input[type="checkbox"][b-ealmm852vm] {
            margin: 0;
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

    .noticeModalButton[b-ealmm852vm] {
        background: #3498db;
        color: white;
        border: none;
        padding: 5px 15px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: background-color 0.2s;
    }

        .noticeModalButton:hover[b-ealmm852vm] {
            background: #2980b9;
        }

    @keyframes modalSlideIn-b-ealmm852vm {
        from {
            transform: translateY(-50px) scale(0.95);
            opacity: 0;
        }

        to {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
    }

    @media (max-width: 768px) {
        .noticeModalContainer[b-ealmm852vm] {
            margin: 10px;
            max-width: none;
            width: calc(100% - 20px);
        }

        .noticeModalHeader[b-ealmm852vm] {
            padding: 20px;
        }

        .noticeModalTitle[b-ealmm852vm] {
            font-size: 20px;
        }

        .noticeModalContent[b-ealmm852vm] {
            padding: 30px 20px;
        }

        .noticeModalFooter[b-ealmm852vm] {
            padding: 15px 20px 20px 20px;
            flex-direction: column;
            align-items: stretch;
            gap: 15px;
        }

        .hideForTodayCheckbox[b-ealmm852vm] {
            justify-content: center;
        }
    }

    body[b-ealmm852vm] {
        overflow-x: hidden;
        overflow-y: scroll !important;
        box-sizing: border-box !important;
    }

    #locationMobile[b-ealmm852vm] {
        display: none;
    }

    #location_Wrap.show[b-ealmm852vm] {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 50px;
        left: 284px;
    }

    #location_Wrap[b-ealmm852vm],
    #location_WrapMobile[b-ealmm852vm] {
        display: none;
    }

    .location[b-ealmm852vm] {
        width: 100%;
    }

    #location_Wrap input[type=radio][b-ealmm852vm] {
        display: none;
    }

        #location_Wrap input[type=radio] + label[b-ealmm852vm] {
            width: 100%;
            height: 42px;
            padding: 10px 12px;
            cursor: pointer;
        }

            #location_Wrap input[type=radio]:checked + label[b-ealmm852vm],
            #location_Wrap input[type=radio] + label:hover[b-ealmm852vm] {
                background: #DEE7F4 !important;
                color: #2980FF !important
            }

    #location_WrapMobile input[type=radio][b-ealmm852vm] {
        display: none;
    }

        #location_WrapMobile input[type=radio] + label[b-ealmm852vm] {
            width: 100%;
            height: 42px;
            padding: 10px 12px;
            cursor: pointer;
        }

            #location_WrapMobile input[type=radio]:checked + label[b-ealmm852vm],
            #location_WrapMobile input[type=radio] + label:hover[b-ealmm852vm] {
                background: #DEE7F4;
                color: #2980FF
            }

    #Root[b-ealmm852vm] {
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(100% - 60px); /* header 높이 제외 */
        display: grid;
        grid-template-rows: 1fr 120px; /* header 제거로 인한 그리드 수정 */
        overflow-x: clip;
        box-sizing: border-box !important;
    }

        #Root[b-ealmm852vm]::-webkit-scrollbar {
            display: none;
        }

    #MainPage_Wrapper[b-ealmm852vm] {
        grid-row: 1; /* header 제거로 인해 grid-row 1로 변경 */
        width: 100vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .MainPage_Container[b-ealmm852vm] {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-rows: 0.75fr 1fr 1fr 0.8fr 0.65fr;
    }

    .Title_Wrap[b-ealmm852vm] {
        display: flex;
        justify-content: flex-start;
    }

    .Section1_Container[b-ealmm852vm] {
        width: 100vw;
        grid-row: 1;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-image: url("/images/backgrounds/main-bk.webp");
        padding-bottom: 120px;
        padding: 0 240px;
        background-size: cover;
        background-repeat: no-repeat
    }

        .Section1_Container hgroup h2[b-ealmm852vm] {
            font-size: 6rem;
            color: #292929;
            font-weight: 700;
            word-break: keep-all;
        }

            .Section1_Container hgroup h2 strong[b-ealmm852vm] {
                background: linear-gradient( 90deg, #5CB1FF, #2980ff);
                font-size: 60px;
                font-family: Pretendard;
                font-weight: 700;
                word-wrap: break-word;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

        .Section1_Container hgroup button[b-ealmm852vm] {
            margin-top: 64px;
            border: 0;
            padding: 16px 60px;
            background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
            color: #ffffff;
            border-radius: 60px;
            cursor: pointer;
            line-height: 34px;
            display: inline-block;
            max-width: 325px;
            width: 100%;
            transition: background 0.3s ease; /* 배경에 transition 추가 (hover에서의 부드러운 변화) */
        }

            .Section1_Container hgroup button:hover[b-ealmm852vm] {
                animation: gradientAnimation-b-ealmm852vm 0.3s ease forwards; /* hover 시 애니메이션 시작 */
            }

    @keyframes gradientAnimation-b-ealmm852vm {
        0% {
            background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
        }

        100% {
            background: linear-gradient(90deg, #18CFCF 0%, #2980FF 100%);
        }
    }




    .Section1_Container hgroup button span[b-ealmm852vm] {
        font-size: 1.8rem;
        font-weight: 300;
        background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        background-clip: text;
        opacity: 0.8
    }

    .BtnTitle[b-ealmm852vm] {
        font-size: 3.4rem;
        font-weight: bold;
        opacity: 1;
    }

    .Section1_Container hgroup button div[b-ealmm852vm] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

        .Section1_Container hgroup button div:hover[b-ealmm852vm] {
            transform: scale(1.1);
            transition: transform 0.2s ease;
        }

    .BubbleBox_Container[b-ealmm852vm] {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        filter: none;
    }

        .BubbleBox_Container:last-child[b-ealmm852vm] {
            transform: translateX(120px)
        }

    .BubbleBox_Wrap[b-ealmm852vm] {
        max-width: 625px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 45px;
    }

    .BubbleBox:first-child[b-ealmm852vm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-image: url("/images/icons/Vector1.webp");
        background-size: contain;
        background-repeat: no-repeat;
        /*  width: 625PX;
    height: 182px;*/
        filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
        /*    max-width:625px;*/
        aspect-ratio: 17 / 5;
        padding: 0 32px;
        gap: 5px;
        width: 100%;
        word-break: keep-all;
        isolation: isolate;
    }

    .BubbleBox:last-child[b-ealmm852vm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-image: url("/images/icons/Vector2.webp");
        background-size: contain;
        background-repeat: no-repeat;
        /*  width: 625PX;
    height: 182px;*/
        filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
        /*    max-width: 625px;*/
        aspect-ratio: 17 / 5;
        padding: 0 18px;
        transform: translateX(120px);
        margin-top: 50px;
        gap: 5px;
        width: 100%;
        word-break: keep-all;
        isolation: isolate;
    }

    .BubbleBox h3[b-ealmm852vm] {
        font-size: 3rem;
        font-weight: 300;
        padding-bottom: 25px;
    }

        .BubbleBox h3 strong[b-ealmm852vm] {
            font-weight: 700;
        }

    .img_Wrap[b-ealmm852vm],
    .img_Wrap2[b-ealmm852vm] {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        /*    border:1px solid red;*/
        padding-bottom: 35px;
    }

    .BubbleBox > .img_Wrap img:first-child[b-ealmm852vm],
    .BubbleBox > .img_Wrap2 img:first-child[b-ealmm852vm] {
        transform: translateX(30px);
        z-index: 1
    }

    .BubbleBox > .img_Wrap img:last-child[b-ealmm852vm],
    .BubbleBox > .img_Wrap2 img:last-child[b-ealmm852vm] {
        transform: translateY(-50px)
    }


    .star[b-ealmm852vm] {
        position: absolute;
        bottom: 250px;
        right: -70px;
    }

    .starSecond[b-ealmm852vm] {
        position: absolute;
        bottom: 170px;
        left: -120px;
    }

    .star img:first-child[b-ealmm852vm] {
        position: relative;
        top: 80px;
        left: 50px;
        height: 114px;
        width: auto;
        animation: bounce-b-ealmm852vm 0.5s infinite ease-in-out, scale-b-ealmm852vm 1.5s infinite ease-in-out;
        filter: none !important;
        will-change: filter;
        isolation: isolate;
    }

    .star img:nth-child(2)[b-ealmm852vm] {
        position: absolute;
        top: 15px;
        left: -15px;
        height: 51px;
        width: auto;
        animation: bounce-b-ealmm852vm 0.5s infinite ease-in-out, scale-b-ealmm852vm 1.8s infinite ease-in-out;
        filter: none !important;
        will-change: filter;
        isolation: isolate;
    }

    .starSecond img:nth-child(1)[b-ealmm852vm] {
        position: relative;
        top: 105px;
        left: 25px;
        height: 56px;
        width: auto;
        animation: bounce-b-ealmm852vm 0.5s infinite ease-in-out, scale-b-ealmm852vm 1.5s infinite ease-in-out;
    }

    .starSecond img:nth-child(2)[b-ealmm852vm] {
        position: relative;
        top: 35px;
        left: 30px;
        height: 94px;
        width: auto;
        animation: bounce-b-ealmm852vm 0.5s infinite ease-in-out, scale-b-ealmm852vm 1.8s infinite ease-in-out;
    }
    /* 바운스 애니메이션 */
    @keyframes bounce-b-ealmm852vm {
        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-20px); /* 위로 살짝 이동 */
        }
    }

    /* 크기 조절 애니메이션 */
    @keyframes scale-b-ealmm852vm {
        0%, 100% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.2); /* 크기 살짝 확대 */
        }
    }

    .Section2_Container[b-ealmm852vm] {
        grid-row: 2;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background: #F3F3F3;
        padding-top: 82px;
        padding-left: 125px;
        width: 100vw;
    }

        .Section2_Container hgroup[b-ealmm852vm] {
            max-width: 1440px;
            text-align: center;
        }

            .Section2_Container hgroup h2[b-ealmm852vm] {
                font-size: 6rem;
                color: #292929;
                word-break: keep-all;
                font-weight: 700
            }

                .Section2_Container hgroup h2 strong[b-ealmm852vm] {
                    color: #2980ff;
                    font-weight: 700
                }

            .Section2_Container hgroup h4[b-ealmm852vm] {
                padding-bottom: 8px;
                font-size: 3.4rem;
                color: #787878;
                font-weight: 400
            }

    .Image_Container[b-ealmm852vm] {
        max-width: 1440px;
        padding: 92px 0 82px 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        .Image_Container video[b-ealmm852vm] {
            height: 603px;
            width: auto;
            transform: translateX(50px)
        }

        .Image_Container img:last-child[b-ealmm852vm] {
            height: 406px;
            width: auto;
            position: relative;
            right: 175px;
            box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
        }

    .Section3_Container[b-ealmm852vm] {
        width: 100vw;
        grid-row: 3;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 82px 240px 150px 240px;
        background-image: url("/images//backgrounds/Subtract.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: 75%;
        background-position-x: center;
    }

        .Section3_Container > .Title_Wrap[b-ealmm852vm] {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            max-width: 1440px
        }

            .Section3_Container > .Title_Wrap a[b-ealmm852vm] {
                width: 245px;
                padding: 17px 27px;
                border: 2px solid #292929;
                border-radius: 48px;
                font-size: 3.6rem;
                cursor: pointer;
                font-weight: 700;
                background: 0;
                color: #000000;
                text-align: center
            }

                .Section3_Container > .Title_Wrap a:hover[b-ealmm852vm] {
                    color: rgb(41, 128, 255);
                    border-width: 2px;
                    border-style: solid;
                    border-color: rgb(41, 128, 255);
                    border-image: initial;
                }

                .Section3_Container > .Title_Wrap a img[b-ealmm852vm] {
                    width: 22px;
                    height: 22px;
                    margin: auto auto auto 20px;
                    transition: transform 0.3s;
                }

                .Section3_Container > .Title_Wrap a:hover img[b-ealmm852vm] {
                    transform: translateX(4px);
                    content: url("/images/icons/Vector4-1.webp");
                }

        .Section3_Container hgroup h2[b-ealmm852vm] {
            font-size: 6rem;
            color: #292929;
            font-weight: 700;
            word-break: keep-all;
        }

            .Section3_Container hgroup h2 strong[b-ealmm852vm] {
                background: linear-gradient(90deg, #18CFCF, #15CA82 );
                word-wrap: break-word;
                -webkit-background-clip text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                font-weight: 700
            }

        .Section3_Container hgroup h4[b-ealmm852vm] {
            font-size: 3.4rem;
            color: #787878;
            font-weight: 400
        }

        .Section3_Container > .Content_Wrap[b-ealmm852vm] {
            max-width: 1440px;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding-top: 185px;
        }

    .Card_Container[b-ealmm852vm] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 34px;
    }

        .Card_Container:last-child[b-ealmm852vm] {
            padding-right: 0;
        }

    .Section3_Container > .Content_Wrap > .Card_Container h3[b-ealmm852vm] {
        font-size: 3.6rem;
        color: #292929;
        padding-bottom: 33px;
        font-weight: 700
    }

    .Content_Card[b-ealmm852vm] {
        width: 457px;
        height: 464px;
        padding: 27px 47px;
        border-radius: 40px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* 위치 기준 */
    }

        .Content_Card p[b-ealmm852vm] {
            color: #999999;
            font-size: 2.4rem;
        }

        .Content_Card ul[b-ealmm852vm] {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 18px;
        }

            .Content_Card ul li[b-ealmm852vm] {
                display: block;
                width: 100%;
                height: 55px;
            }

                .Content_Card ul li a[b-ealmm852vm] {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 20px;
                    letter-spacing: -0.5px;
                    font-weight: 700;
                    font-size: 2.4rem;
                    color: #404041;
                    overflow-wrap: break-word; /* Safari 호환 */
                    word-wrap: keep-all; /* 레거시 지원 */
                    word-break: unset; /* 예외적으로 필요할 때 */
                    white-space: normal;
                }

                    .Content_Card ul li a strong[b-ealmm852vm] {
                        overflow-wrap: break-word; /* Safari 호환 */
                        word-wrap: keep-all; /* 레거시 지원 */
                        word-break: break-word; /* 예외적으로 필요할 때 */
                        white-space: normal;
                        font-weight: 700
                    }

                .Content_Card ul li:first-child a strong[b-ealmm852vm] {
                    margin-left: 3px;
                }

                .Content_Card ul li a img[b-ealmm852vm] {
                    width: auto;
                    padding-right: 11px;
                    /*        padding-right: 22px;*/
                    cursor: pointer;
                }

    .Slide_Btn[b-ealmm852vm] {
        width: 34px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }


        .Slide_Btn p[b-ealmm852vm] {
            width: 12px;
            height: 12px;
            background: #D9D9D9;
            border-radius: 50%;
            text-align: center;
            cursor: pointer;
        }

            .Slide_Btn p[b-ealmm852vm]::before {
                position: relative;
                display: block;
                bottom: 10px;
                right: 10px;
                content: "";
                width: 32px;
                height: 32px;
                cursor: pointer;
            }

    .Slide_Btn_select[b-ealmm852vm] {
        width: 12px;
        height: 12px;
        background: #999999 !important;
        border-radius: 50%;
        text-align: center;
        animation: toggleAnimation-b-ealmm852vm 3s infinite;
    }
    /* 3초마다 색상 토글 */
    @keyframes toggleAnimation-b-ealmm852vm {
        0%, 50% {
            background: #999999;
        }

        25%, 75% {
            background: #D9D9D9;
        }
    }

    .latest[b-ealmm852vm] {
        padding: 45px 40px 58px 45px;
        height: 464px;
        justify-content: center;
    }

    .Second[b-ealmm852vm] {
        width: 100%;
        display: flex;
        padding-bottom: 20px;
        flex-direction: column;
    }

        .Second:last-child[b-ealmm852vm] {
            padding-bottom: 0;
        }

        .Second > .Title_Wrap[b-ealmm852vm] {
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start
        }

        .Second hgroup[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
        }

        .Second img[b-ealmm852vm] {
            width: auto;
            height: 64px;
            padding-right: 24px;
            cursor: pointer;
        }

        .Second hgroup h4[b-ealmm852vm] {
            font-size: 2.4rem;
            color: #404041;
            font-weight: 700;
        }

        .Second p[b-ealmm852vm] {
            padding-top: 5px;
            font-size: 1.8rem;
            color: #999999;
            font-weight: 300;
            line-height: 20px;
        }

    .all[b-ealmm852vm] {
        padding: 52px 37px;
    }

    .iconTitle[b-ealmm852vm] {
        justify-content: space-between;
    }

    .Circle[b-ealmm852vm] {
        width: 175px;
        height: 175px;
        background: #F3F3F3;
        border-radius: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .Circle span[b-ealmm852vm] {
            background: linear-gradient(90deg, #239EED, #2496F1);
            font-size: 7.6rem;
            font-weight: 400;
            word-wrap: break-word -webkit-background-clip text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
        }

        .Circle .Num[b-ealmm852vm] {
            background: linear-gradient(90deg, #239EED, #18CFCF);
            font-size: 7.6rem;
            font-weight: 700 !important;
            word-wrap: break-word -webkit-background-clip text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
        }

    .icon_Container[b-ealmm852vm] {
        display: grid;
        grid-template-rows: repeat(2, 75px);
        grid-template-columns: repeat(2, 75px);
        gap: 25px;
    }

        .icon_Container img[b-ealmm852vm] {
            width: auto;
            height: 75px;
            cursor: pointer;
        }

    .icon_ContainerRow[b-ealmm852vm] {
        padding: 25px 0 45px 0;
        gap: 25px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .icon_ContainerRow img[b-ealmm852vm] {
            width: auto;
            height: 75px;
            cursor: pointer;
        }

    .showMore[b-ealmm852vm] {
        width: 381px;
        height: 62px;
        background: #F3F3F3;
        border-radius: 22px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 29px;
        font-size: 2.4rem;
        color: #787878;
        cursor: pointer;
    }

        .showMore:hover[b-ealmm852vm] {
            color: rgb(41, 128, 255);
        }


        .showMore img[b-ealmm852vm] {
            height: 21px;
        }

    .Section4_Container[b-ealmm852vm] {
        grid-row: 4;
        width: 100vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .Section4_Container hgroup[b-ealmm852vm] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 1440px;
            padding-bottom: 65px;
            gap: 25px;
        }

    .material-symbols-outlined[b-ealmm852vm] {
        font-size: 46px;
        vertical-align: middle;
        font-weight: 500;
        color: #999999 !important;
        cursor: pointer;
        transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
        padding-right: 4px;
    }

        .material-symbols-outlined:hover[b-ealmm852vm] {
            transform: scale(1.1);
            background: linear-gradient(90deg, #2980ff, #18CFCF);
            -webkit-text-fill-color: transparent;
            background-clip: text;
            transform: scale(1.15);
            font-weight: 500;
        }

    .Section4_Container hgroup h2[b-ealmm852vm],
    .Section4_Container hgroup h2 a strong[b-ealmm852vm] {
        font-size: 6rem;
        font-weight: 700;
        word-break: keep-all
    }

        .Section4_Container hgroup h2 a strong[b-ealmm852vm] {
            font-size: 6rem;
            background: linear-gradient(90deg, #2980ff, #18CFCF);
            font-size: 6rem;
            font-weight: 700;
            word-wrap: break-word -webkit-background-clip text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            transition: color 0.3s ease, text-decoration 0.3s ease;
        }

    .Media_Container[b-ealmm852vm] {
        padding: 56px;
        width: 100%;
        max-width: 1440px;
        background: #F3F3F3;
        border-radius: 36px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 180px;
    }

        .Media_Container iframe[b-ealmm852vm] {
            width: 941px;
            height: 530px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        }

    .border[b-ealmm852vm] {
        height: 100%;
        border: 1px solid #c7c7c7
    }

    .Media_images[b-ealmm852vm] {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

        .Media_images img[b-ealmm852vm] {
            height: 167px;
            cursor: pointer;
        }

    .Section5_Container[b-ealmm852vm] {
        width: 100vw;
        grid-row: 5;
        background: #F3F3F3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .Section5_Container h2[b-ealmm852vm] {
            color: #292929;
            font-size: 6rem;
            font-weight: 700;
            padding-bottom: 80px;
            word-break: keep-all;
        }

            .Section5_Container h2 strong[b-ealmm852vm] {
                font-size: 6rem;
                background: linear-gradient(90deg, #292929, #8F8F8F);
                font-weight: 700;
                word-wrap: break-word -webkit-background-clip text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

        .Section5_Container hgroup[b-ealmm852vm] {
            position: relative;
            width: 900px;
            height: 193px;
            padding: 0 36px;
            background: #fff;
            box-shadow: 0 0 8px rgba(0,0,0,.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }

            .Section5_Container hgroup h3[b-ealmm852vm] {
                font-size: 3.4rem;
                color: #2980FF;
                font-weight: 300;
                word-break: keep-all;
                text-align: center;
            }

            .Section5_Container hgroup img[b-ealmm852vm] {
                height: 16px;
                width: auto;
            }

            .Section5_Container hgroup a[b-ealmm852vm] {
                font-size: 3.4rem;
                color: #2980FF;
                font-weight: 700;
                cursor: pointer;
            }

                .Section5_Container hgroup a:hover[b-ealmm852vm] {
                    transition: color 0.3s ease;
                    color: #c0e0ff;
                }

                .Section5_Container hgroup a[b-ealmm852vm]::after {
                    content: "클릭하면 메일을 보낼 수 있습니다.";
                    position: absolute;
                    bottom: 40%;
                    left: 50%;
                    transform: translateX(-50%);
                    background-color: rgb(92, 92, 92);
                    color: rgb(255, 255, 255);
                    opacity: 0;
                    pointer-events: none;
                    z-index: 10;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 12px;
                    border-radius: 10px;
                    white-space: nowrap;
                    transition: opacity 0.3s;
                }

                .Section5_Container hgroup a:hover[b-ealmm852vm]::after {
                    opacity: 1;
                    visibility: visible;
                }

    .alertWrap[b-ealmm852vm] {
        padding-top: 100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 34px;
    }

    .alert[b-ealmm852vm] {
        font-size: 3.4rem;
        color: #999999;
        overflow-wrap: break-word; /* Safari 호환 */
        word-wrap: keep-all; /* 레거시 지원 */
        word-break: unset; /* 예외적으로 필요할 때 */
        white-space: normal;
    }

    .alertBar[b-ealmm852vm] {
        width: 59px;
        border: 1px solid #999999;
    }
    /*.alert::before{
    content:"";
    transform:rotate(0);
    width: 50px;
    border: 1px solid #999999;
    display:block;
    margin-right:34px;
}
.alert::after {
    content: "";
    transform: rotate(0);
    width: 50px;
    border: 1px solid #999999;
    display: block;
    margin-left: 34px;
}*/
    #Footer_Wrapper[b-ealmm852vm] {
        grid-row: 2; /* header 제거로 인해 grid-row 2로 변경 */
        padding: 0 240px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .Footer_Container[b-ealmm852vm] {
        max-width: 1440px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #Footer_Wrapper ul[b-ealmm852vm] {
        display: flex;
        flex-direction: column;
        justify-items: center;
        align-items: flex-start;
        /*    gap: 25px;*/
    }

        #Footer_Wrapper ul li[b-ealmm852vm] {
            font-size: 1.3rem;
            color: #999999;
        }

    .bar[b-ealmm852vm] {
        height: 29px;
        border: 1px solid #c7c7c7;
    }

    .FooterIcon[b-ealmm852vm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 32px;
        position: relative;
    }

        .FooterIcon img[b-ealmm852vm] {
            height: 56px;
            width: auto;
            cursor: pointer;
            transition: background-color 0.5s ease, transform 0.5s ease;
        }

    .tooltip-wrapper[b-ealmm852vm] {
        position: relative;
        display: inline-block; /* 툴팁 기준 설정 */
    }

        .tooltip-wrapper:first-child[b-ealmm852vm]::after {
            content: "BIMIL Docs"; /* 툴팁 내용 */
            font-size: 14px;
            color: #fff;
            position: absolute;
            bottom: 120%; /* 이미지 위에 표시 */
            left: 40%;
            transform: translateX(-50%);
            background-color: rgb(92, 92, 92);
            padding: 5px 15px;
            border-radius: 10px;
            white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .tooltip-wrapper:nth-child(2)[b-ealmm852vm]::after {
            content: "BIMPeers"; /* 툴팁 내용 */
            font-size: 14px;
            color: #fff;
            position: absolute;
            bottom: 120%; /* 이미지 위에 표시 */
            left: 40%;
            transform: translateX(-50%);
            background-color: rgb(92, 92, 92);
            padding: 5px 15px;
            border-radius: 10px;
            white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .tooltip-wrapper:last-child[b-ealmm852vm]::after {
            content: "Youtube"; /* 툴팁 내용 */
            font-size: 14px;
            color: #fff;
            position: absolute;
            bottom: 120%; /* 이미지 위에 표시 */
            left: 50%;
            transform: translateX(-50%);
            background-color: rgb(92, 92, 92);
            padding: 5px 15px;
            border-radius: 10px;
            white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .tooltip-wrapper:hover[b-ealmm852vm]::after {
            opacity: 1; /* 툴팁 보이기 */
        }

        .tooltip-wrapper:first-child img:hover[b-ealmm852vm] {
            /*content: url("/images/icons/Docsbutton1.png");*/
            content: url("/images/icons/Docsbutton1.webp");
            transform: scale(1.1);
        }

        .tooltip-wrapper:nth-child(2) img:hover[b-ealmm852vm] {
            /*content: url("/images/icons/bpButton1.png");*/
            content: url("/images/icons/bpButton1.webp");
            transform: scale(1.1);
        }

        .tooltip-wrapper:last-child img:hover[b-ealmm852vm] {
            /*content: url("/images/icons/youtubebutton1.png");*/
            content: url("/images/icons/youtubebutton1.webp");
            transform: scale(1.1);
        }

    #Footer_Wrapper div p[b-ealmm852vm] {
        font-size: 1.3rem;
        color: #999999;
        font-weight: 500;
        padding-top: 20px;
    }

    .wrap1[b-ealmm852vm] {
        min-width: 1000px;
        max-width: 1440px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 45px;
    }

    .wrap3[b-ealmm852vm] {
        width: 100%;
    }

    @media (min-width:3000px) {
        .Header_Container[b-ealmm852vm],
        .Footer_Container[b-ealmm852vm] {
            max-width: 1920px;
        }

        .wrap1[b-ealmm852vm] {
            max-width: 1920px;
        }

        .Image_Container[b-ealmm852vm] {
            max-width: 1920px;
        }

            .Image_Container video[b-ealmm852vm] {
                height: 703px;
                width: auto;
                transform: translateX(0px);
            }

            .Image_Container img:last-child[b-ealmm852vm] {
                height: 606px;
            }

        .Section3_Container > .Title_Wrap[b-ealmm852vm] {
            max-width: 1920px;
            justify-content: space-between;
        }

        .Section3_Container > .Content_Wrap[b-ealmm852vm] {
            max-width: 1920px;
            justify-content: space-between
        }

        .Card_Container[b-ealmm852vm] {
            padding-right: 0;
            justify-content: space-between;
        }

        .Content_Card[b-ealmm852vm] {
            width: 529px;
            height: 544px;
            justify-content: space-between;
        }

        .Media_Container[b-ealmm852vm] {
            max-width: 1920px;
        }

        .Section5_Container hgroup[b-ealmm852vm] {
            width: 1500px;
            height: 293px;
        }

        .Media_Container iframe[b-ealmm852vm] {
            width: 1240px;
            height: 630px;
        }

        .Media_images img[b-ealmm852vm] {
            height: 203px;
        }

        .BubbleBox:first-child[b-ealmm852vm] {
            transform: translateX(-120px)
        }

        .BubbleBox:last-child[b-ealmm852vm] {
            transform: translateX(0)
        }

        .all[b-ealmm852vm] {
            justify-content: space-between
        }

        .Thrid[b-ealmm852vm] {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
    }

    /* 모바일 */

    @media (min-width:360px) and (max-width:560px) {
        .Card_Container[b-ealmm852vm] {
            background-image: unset;
        }

        .Content_Card[b-ealmm852vm] {
            width: 325px;
            height: 363px;
        }

        .Section3_Container > .Title_Wrap a[b-ealmm852vm] {
            padding: 8px 19px;
            font-size: 2rem;
            margin-top: 34px;
            margin-right: 16px;
            width: 150px;
        }

        #location_WrapMobile.show[b-ealmm852vm] {
            width: 94px;
            height: 84px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0 3px rgba(0,0,0,.25);
            font-size: 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            position: absolute;
            top: 65px;
            right: 45px;
        }

        #toggleButton[b-ealmm852vm] {
            display: block;
        }

            #toggleButton img[b-ealmm852vm] {
                height: 18px;
            }

        .Header_Container ul[b-ealmm852vm] {
            display: none;
        }

        .Section1_Container[b-ealmm852vm],
        .Section2_Container[b-ealmm852vm],
        .Section3_Container > .Content_Wrap[b-ealmm852vm],
        .Section4_Container[b-ealmm852vm] {
            padding: 102px 16px 100px 16px;
        }

        .Section3_Container > .Content_Wrap[b-ealmm852vm] {
            padding: 102px 16px 100px 16px;
        }

        .Section5_Container[b-ealmm852vm] {
            padding: 67px 16px;
        }

        .BtnTitle[b-ealmm852vm] {
            font-size: 1.8rem;
        }

        .Section1_Container hgroup h2[b-ealmm852vm],
        .Section1_Container hgroup h2 strong[b-ealmm852vm] {
            font-size: 3rem;
        }

        .Section1_Container hgroup button[b-ealmm852vm] {
            max-width: 162px;
            height: 54px;
            padding: 5px 24px;
            line-height: normal;
        }

            .Section1_Container hgroup button span[b-ealmm852vm] {
                font-size: 1rem
            }

        .BubbleBox_Wrap[b-ealmm852vm] {
            max-width: none;
            padding-top: 94px;
            gap: 45px;
        }

        .BubbleBox h3[b-ealmm852vm] {
            font-size: 1.8rem;
            padding-bottom: 15px;
        }

        .BubbleBox_Container:first-child[b-ealmm852vm] {
            align-self: flex-start;
            min-width: 258px;
            max-width: 289px;
            width: 100%
        }

        .BubbleBox_Container:last-child[b-ealmm852vm] {
            align-self: flex-end;
            min-width: 258px;
            max-width: 289px;
            transform: translateX(0);
            padding-top: 0;
            width: 100%:
        }

        .star[b-ealmm852vm] {
            position: absolute;
            bottom: 140px;
            right: -30px;
        }

            .star img:first-child[b-ealmm852vm] {
                height: 53px;
                top: 55px;
                left: 15px;
            }

            .star img:nth-child(2)[b-ealmm852vm] {
                top: 25px;
                left: 5px;
                height: 24px;
            }

        .starSecond[b-ealmm852vm] {
            bottom: 100px;
            left: -120px;
        }

            .starSecond img:nth-child(1)[b-ealmm852vm] {
                left: 55px;
                height: 24px;
                top: 75px;
            }

            .starSecond img:nth-child(2)[b-ealmm852vm] {
                left: 45px;
                height: 53px;
            }

        .img_Wrap[b-ealmm852vm],
        .img_Wrap2[b-ealmm852vm] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: -10px;
        }

            .img_Wrap img[b-ealmm852vm],
            .img_Wrap2 img[b-ealmm852vm] {
                height: 44px;
            }

        .BubbleBox > .img_Wrap img:last-child[b-ealmm852vm],
        .BubbleBox > .img_Wrap2 img:last-child[b-ealmm852vm] {
            transform: translateY(-30px)
        }

        .Section2_Container hgroup[b-ealmm852vm] {
            padding-top: 84px;
        }

            .Section2_Container hgroup h2[b-ealmm852vm],
            .Section2_Container hgroup h2 strong[b-ealmm852vm] {
                font-size: 3rem
            }

            .Section2_Container hgroup h4[b-ealmm852vm] {
                font-size: 1.8rem;
                padding-top: 16px;
            }

        .Image_Container[b-ealmm852vm] {
            padding: 83px 0 77px 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .Image_Container video[b-ealmm852vm] {
                height: 100%;
                width: 100%;
                max-width: 528px;
                transform: translateX(0);
                aspect-ratio: 16 / 9;
            }

            .Image_Container img:last-child[b-ealmm852vm] {
                height: auto;
                width: 80%;
                position: relative;
                right: 0;
                bottom: 25px;
                z-index: 1;
                aspect-ratio: 3 / 2;
            }

        .material-symbols-outlined[b-ealmm852vm] {
            height: 30px;
            padding-bottom: 50px;
        }

        .Section3_Container > .Title_Wrap[b-ealmm852vm] {
            padding: 0 16px;
        }

        .Section3_Container hgroup[b-ealmm852vm] {
            align-self: center;
        }

            .Section3_Container hgroup h2[b-ealmm852vm],
            .Section3_Container hgroup h2 a strong[b-ealmm852vm] {
                font-size: 3rem;
            }

        .Section4_Container hgroup h2 a[b-ealmm852vm] {
            padding-top: 40px;
            padding-bottom: 49px;
        }

        .Section4_Container[b-ealmm852vm] {
            align-items: center;
            justify-content: center
        }

            .Section4_Container hgroup h2[b-ealmm852vm],
            .Section4_Container hgroup h2 a strong[b-ealmm852vm] {
                font-size: 3rem;
                font-weight: 700;
                padding-bottom: 0px;
                width: 100%;
                max-width: 560px;
                text-align: center;
                line-height: 38px;
                justify-content: center
            }

        .Media_Container[b-ealmm852vm] {
            padding: 18px 22px;
            max-width: none;
            display: flex;
            flex-direction: column;
            margin-bottom: 112px;
            display: grid;
            grid-template-rows: auto 1fr;
            width: 100%;
            justify-items: center;
            justify-content: center;
            align-items: start;
            gap: 25px;
        }

            .Media_Container iframe[b-ealmm852vm] {
                width: 100%;
                height: 100%;
                margin-bottom: 105px;
                max-width: 500px;
                max-height: 240px;
            }

        .Media_images[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
            gap: 15px;
            align-self: center;
            align-items: center;
        }

            .Media_images a img[b-ealmm852vm] {
                height: auto;
                max-width: 460px;
                width: 80%;
                min-width: 270px;
                display: block;
                margin: 0 auto;
            }

        .Section5_Container h2[b-ealmm852vm],
        .Section5_Container h2 strong[b-ealmm852vm] {
            font-size: 3rem;
            padding-bottom: 40px;
            text-align: center;
            word-break: keep-all;
        }

        .Section5_Container hgroup[b-ealmm852vm] {
            position: relative;
            width: 334px;
            height: 144px;
            padding: 37px 17px;
            gap: 6px;
        }

            .Section5_Container hgroup h3[b-ealmm852vm] {
                font-size: 1.8rem;
            }

            .Section5_Container hgroup a[b-ealmm852vm],
            .Section5_Container hgroup a:hover[b-ealmm852vm] {
                font-size: 1.8rem;
            }

        .alertWrap[b-ealmm852vm] {
            gap: 14px;
        }

        .alert[b-ealmm852vm] {
            width: 75%;
            font-size: 1.4rem;
            text-align: center;
        }

        .Section3_Container hgroup h4[b-ealmm852vm] {
            font-size: 1.8rem;
        }

        .Footer_Container[b-ealmm852vm] {
            flex-direction: column;
            align-items: flex-start
        }
    }

    @media (min-width:561px) and (max-width:768px) {
        .Content_Card[b-ealmm852vm] {
            width: 358px;
            height: 363px;
            padding: 20px 40px 50px 40px;
            margin-bottom: 78px;
        }

        .Footer_Container[b-ealmm852vm] {
            flex-direction: column;
            align-items: flex-start
        }

        .iconTitle[b-ealmm852vm] {
            padding: 0 !important
        }

        .Section3_Container > .Title_Wrap a[b-ealmm852vm] {
            padding: 13px 29px;
            font-size: 2rem;
            margin-top: 34px;
            margin-right: 16px;
            width: 170px;
        }

        #location_WrapMobile.show[b-ealmm852vm] {
            width: 94px;
            height: 84px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0 3px rgba(0,0,0,.25);
            font-size: 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            position: absolute;
            top: 65px;
            right: 55px;
        }

        .Section1_Container[b-ealmm852vm],
        .Section2_Container[b-ealmm852vm],
        .Section3_Container > .Content_Wrap[b-ealmm852vm],
        .Section4_Container[b-ealmm852vm] {
            padding: 102px 32px 100px 32px;
        }

        .Section3_Container > .Content_Wrap[b-ealmm852vm] {
            padding: 102px 32px 100px 32px;
        }

        .Section5_Container[b-ealmm852vm] {
            padding: 67px 32px;
        }

            .Section1_Container hgroup h2[b-ealmm852vm],
            .Section1_Container hgroup h2 strong[b-ealmm852vm],
            .Section2_Container hgroup h2[b-ealmm852vm],
            .Section2_Container hgroup h2 strong[b-ealmm852vm],
            .Section3_Container hgroup h2[b-ealmm852vm],
            .Section3_Container hgroup h2 strong[b-ealmm852vm],
            .Section4_Container hgroup h2[b-ealmm852vm],
            .Section4_Container hgroup h2 a strong[b-ealmm852vm],
            .Section5_Container h2[b-ealmm852vm],
            .Section5_Container h2 strong[b-ealmm852vm] {
                font-size: 3rem;
            }

        .Section3_Container hgroup h4[b-ealmm852vm] {
            font-size: 1.8rem;
        }

        .Section1_Container hgroup button[b-ealmm852vm] {
            padding: 12px 34px;
            font-size: 3rem;
            line-height: 28px;
            max-width: 265px;
        }

            .Section1_Container hgroup button span[b-ealmm852vm] {
                font-size: 1.8rem
            }

        .BtnTitle[b-ealmm852vm] {
            font-size: 2rem;
        }

        .BubbleBox_Wrap[b-ealmm852vm] {
            max-width: none;
            padding-top: 94px;
            gap: 45px;
        }

        .BubbleBox h3[b-ealmm852vm] {
            font-size: 1.8rem;
            padding-bottom: 15px;
        }

        .BubbleBox_Container:first-child[b-ealmm852vm] {
            align-self: flex-start;
            width: 100%;
            min-width: 298px;
            max-width: 405px;
        }

        .BubbleBox_Container:last-child[b-ealmm852vm] {
            align-self: flex-end;
            width: 100%;
            min-width: 298px;
            max-width: 405px;
            transform: translateX(0);
            padding-top: 0
        }

        .star[b-ealmm852vm] {
            position: absolute;
            bottom: 140px;
            right: -30px;
        }

            .star img:first-child[b-ealmm852vm] {
                height: 53px;
                top: 55px;
                left: 15px;
            }

            .star img:nth-child(2)[b-ealmm852vm] {
                top: 25px;
                left: 5px;
                height: 24px;
            }

        .starSecond[b-ealmm852vm] {
            bottom: 100px;
            left: -120px;
        }

            .starSecond img:nth-child(1)[b-ealmm852vm] {
                left: 55px;
                height: 24px;
                top: 75px;
            }

            .starSecond img:nth-child(2)[b-ealmm852vm] {
                left: 45px;
                height: 53px;
            }

        .img_Wrap[b-ealmm852vm],
        .img_Wrap2[b-ealmm852vm] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: -10px;
        }

            .img_Wrap img[b-ealmm852vm],
            .img_Wrap2 img[b-ealmm852vm] {
                height: 44px;
            }

        .BubbleBox > .img_Wrap img:last-child[b-ealmm852vm],
        .BubbleBox > .img_Wrap2 img:last-child[b-ealmm852vm] {
            transform: translateY(-30px)
        }

        .Section2_Container hgroup h2[b-ealmm852vm],
        .Section2_Container hgroup h2 strong[b-ealmm852vm] {
            font-size: 3rem
        }

        .Section2_Container hgroup h4[b-ealmm852vm] {
            font-size: 1.8rem;
            padding-top: 16px;
        }

        .Image_Container[b-ealmm852vm] {
            padding: 83px 0 77px 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .Section3_Container hgroup[b-ealmm852vm] {
            padding: 0 32px;
            align-self: flex-start;
        }

            .Section3_Container hgroup h4[b-ealmm852vm] {
                font-size: 1.8rem;
            }

        .Section3_Container .Title_Wrap[b-ealmm852vm] {
            padding: 0 32px;
        }

            .Section3_Container .Title_Wrap hgroup[b-ealmm852vm] {
                padding: 0
            }

        .Second .Title_Wrap[b-ealmm852vm] {
            padding: 0;
        }

        .Section4_Container hgroup h2[b-ealmm852vm] {
            padding-top: 40px;
            padding-bottom: 49px;
        }

            .Section4_Container hgroup h2[b-ealmm852vm],
            .Section4_Container hgroup h2 a strong[b-ealmm852vm] {
                font-size: 3rem;
                text-align: left;
            }

        .Media_Container[b-ealmm852vm] {
            padding: 22px;
            max-width: none;
            display: flex;
            flex-direction: column;
            margin-bottom: 112px;
            display: grid;
            grid-template-rows: auto 1fr;
            width: 100%;
            justify-items: center;
            justify-content: center;
            align-items: start;
            gap: 25px;
        }

            .Media_Container iframe[b-ealmm852vm] {
                width: 100%;
                height: none;
                margin-bottom: 0;
                max-width: 700px;
                max-height: 360px;
                aspect-ratio: 16 / 9;
            }

        .Media_images[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
            gap: 15px;
            align-self: center;
            align-items: center;
        }

            .Media_images img[b-ealmm852vm] {
                height: auto;
                max-width: 497px;
                width: 80%;
                min-width: 270px;
            }


        .Section5_Container hgroup[b-ealmm852vm] {
            position: relative;
            width: 85%;
            height: 144px;
            padding: 37px 17px;
            gap: 6px;
        }

            .Section5_Container hgroup h3[b-ealmm852vm] {
                font-size: 2.4rem;
            }

            .Section5_Container hgroup a[b-ealmm852vm],
            .Section5_Container hgroup a:hover[b-ealmm852vm] {
                font-size: 2.4rem;
            }

        .alert[b-ealmm852vm] {
            font-size: 2.4rem;
            text-align: center;
        }
    }

    @media (max-width:768px) {
        #Root[b-ealmm852vm] {
            /*        top: 80px;
        height: calc(100% - 80px);*/
            grid-template-rows: 1fr 333px;
            header 제거로 인한 그리드 수정
        }

        #Header_Wrapper[b-ealmm852vm] {
            height: 80px;
            padding: 0 32px;
        }

        .Header_Container[b-ealmm852vm] {
            max-width: none;
        }

            .Header_Container ul.show[b-ealmm852vm] {
                display: flex
            }

        .Header_Title img[b-ealmm852vm] {
            height: 38px;
        }

        .Header_Title h3[b-ealmm852vm] {
            font-size: 2.4rem;
            color: #404041;
            font-weight: 700;
            margin: 0 20px 0 6px;
        }

        .Header_Container ul[b-ealmm852vm] {
            position: absolute;
            top: 80px;
            left: 0;
            width: 100%;
            /*height: 190px;*/
            background: #ffffff;
            display: none;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-around;
            padding: 24px 32px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            border-bottom: 2px solid #c7c7c7;
        }

            .Header_Container ul li:last-child[b-ealmm852vm] {
                width: 150px;
                /*display: flex;*/
                display: none;
                align-items: center;
                justify-content: center;
            }

                .Header_Container ul li:last-child img[b-ealmm852vm] {
                    height: 20px;
                    width: 28px;
                }

                    .Header_Container ul li:last-child img:hover[b-ealmm852vm] {
                        content: url('/images/icons/sideMenuBtn_hover.png');
                        height: 28px;
                        width: 20px;
                    }

        #toggleButton[b-ealmm852vm] {
            display: block;
            position: absolute;
            right: 32px;
            top: 30px;
        }

        .download_Btn[b-ealmm852vm] {
            padding: 10px 40px;
            font-size: 1.8rem;
            margin-top: 20px;
            background: #B6B6B6;
            background-image: unset;
            display: none;
        }

            .download_Btn span[b-ealmm852vm] {
                color: #e0e0e0;
                display: none;
            }

                .download_Btn span:hover[b-ealmm852vm] {
                    color: #E0E0E0 !important;
                    background-position: unset;
                    display: none;
                }

        .Header_Container ul li:nth-child(2)[b-ealmm852vm] {
            border-bottom: 1px solid #c7c7c7;
            width: 100%;
            padding-bottom: 12px;
        }

        .Header_Container ul li:nth-child(3)[b-ealmm852vm] {
            display: none;
            /*        position: absolute;
        top: -57px;
        right: 12px;*/
        }

        .Header_Container ul li img[b-ealmm852vm] {
            height: 24px;
        }

        .Status_Title h4[b-ealmm852vm] {
            font-size: 1.2rem;
        }

        .Status_Title p[b-ealmm852vm] {
            width: 12px;
            height: 12px;
            margin-right: 6px;
        }

        .Section1_Container[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
        }

        .MainPage_Container[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
        }

        .wrap1[b-ealmm852vm] {
            max-width: 704px;
            min-width: 284px;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0;
        }

        .MainPage_Container[b-ealmm852vm] {
            max-width: none;
            /* padding: 0 16px;*/
        }



        .Image_Container video[b-ealmm852vm] {
            height: 100%;
            width: 100%;
            /*        max-width: 704px;*/
            transform: translateX(0);
        }

        .Image_Container img:last-child[b-ealmm852vm] {
            height: auto;
            width: 80%;
            position: relative;
            right: 0;
            bottom: 25px;
            z-index: 1;
            aspect-ratio: 3 / 2;
        }

        .Section3_Container[b-ealmm852vm] {
            padding: 57px 0 0 0;
            width: 100vw;
        }

            .Section3_Container > .Title_Wrap[b-ealmm852vm] {
                flex-direction: column;
                align-items: flex-end;
            }



                .Section3_Container > .Title_Wrap a img[b-ealmm852vm] {
                    width: 12px;
                    height: 12px;
                }

            .Section3_Container > .Content_Wrap[b-ealmm852vm] {
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                padding-top: 50px;
                gap: 25px;
                width: 100%;
                overflow-x: scroll;
                scroll-snap-type: x mandatory;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

                .Section3_Container > .Content_Wrap > .Card_Container h3[b-ealmm852vm] {
                    font-size: 2rem;
                    padding-bottom: 14px;
                }

        .Card_Container[b-ealmm852vm] {
            scroll-snap-align: center;
            padding-right: 0;
            background-image: unset;
            background-size: contain;
            background-repeat: no-repeat;
            background-position-y: center;
            width: 100%;
            margin-bottom: 0px;
        }



        .Content_Card p[b-ealmm852vm] {
            font-size: 1.6rem;
            padding-bottom: 14px;
        }

        .Content_Card ul[b-ealmm852vm] {
            line-height: 32px;
            gap: 12px;
        }

            .Content_Card ul li[b-ealmm852vm] {
                line-height: 18px;
                height: unset;
            }

                .Content_Card ul li a[b-ealmm852vm] {
                    font-size: 1.6rem;
                }

                    .Content_Card ul li a img[b-ealmm852vm],
                    .Second img[b-ealmm852vm] {
                        height: 40px;
                    }

        .Second img[b-ealmm852vm] {
            padding-right: 22px;
        }

        .Slide_Btn p[b-ealmm852vm] {
            height: 8px;
            width: 8px;
            padding-bottom: 0;
        }

        .Section3_Container > .Content_Wrap > .Card_Container h3[b-ealmm852vm] {
            font-size: 2rem;
            padding-top: 14px;
        }

        .Second p[b-ealmm852vm] {
            font-size: 1.2rem;
            padding-bottom: 0;
        }

        .latest[b-ealmm852vm] {
            padding: 40px 40px 50px 40px;
        }

        .icon_Container[b-ealmm852vm] {
            display: grid;
            grid-template-rows: repeat(2, 54px);
            grid-template-columns: repeat(2, 54px);
            gap: 19px;
        }

        .icon_ContainerRow[b-ealmm852vm] {
            gap: 19px;
        }

            .icon_Container img[b-ealmm852vm],
            .icon_ContainerRow img[b-ealmm852vm] {
                height: 54px;
                cursor: pointer;
            }

        .Circle[b-ealmm852vm] {
            width: 125px;
            height: 125px;
        }

        .all[b-ealmm852vm] {
            padding: 40px;
        }

        .Third[b-ealmm852vm] {
            width: 100%;
        }

        .showMore[b-ealmm852vm] {
            width: 100%;
            height: 44px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0 29px;
        }

            .showMore p[b-ealmm852vm] {
                font-size: 1.6rem;
                color: #787878;
                padding-bottom: 0;
            }

                .showMore p:hover[b-ealmm852vm] {
                    color: rgb(41, 128, 255);
                    font-weight: 500;
                    cursor: pointer;
                }

            .showMore img[b-ealmm852vm] {
                height: 21px;
            }

        .border[b-ealmm852vm] {
            width: 100%;
            border: 1px solid #c7c7c7
        }

        .Section5_Container[b-ealmm852vm] {
            justify-content: flex-start
        }

        .alertWrap[b-ealmm852vm] {
            padding-top: 40px;
            width: 100%;
        }

        .alertBar[b-ealmm852vm] {
            width: 24px;
        }

        #Footer_Wrapper[b-ealmm852vm] {
            padding: 0 16px;
        }



            #Footer_Wrapper ul[b-ealmm852vm] {
                flex-direction: column;
                justify-items: flex-start;
                align-items: flex-start;
                gap: 6px;
            }

        .bar[b-ealmm852vm] {
            display: none
        }

        .FooterIcon[b-ealmm852vm] {
            margin-top: 24px;
        }

        .Circle span[b-ealmm852vm],
        .Circle .Num[b-ealmm852vm] {
            font-size: 5rem;
        }

        .Media_images a img[b-ealmm852vm] {
            height: auto;
            max-width: 460px;
            width: 80%;
            min-width: 270px;
            display: block;
            margin: 0 auto;
        }
    }

    @media (min-width:769px) and (max-width:1280px) {
        #Root[b-ealmm852vm] {
            top: 100px;
            height: calc(100% - 100px);
            grid-template-rows: 1fr 333px; /* header 제거로 인한 그리드 수정 */
        }

        #MainPage_Wrapper[b-ealmm852vm] {
            grid-row: 1;
            /* width: 100%; */
            height: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
        }

        .Section1_Container hgroup h2[b-ealmm852vm],
        .Section1_Container hgroup h2 strong[b-ealmm852vm],
        .Section2_Container hgroup h2[b-ealmm852vm],
        .Section2_Container hgroup h2 strong[b-ealmm852vm],
        .Section3_Container hgroup h2[b-ealmm852vm],
        .Section3_Container hgroup h2 strong[b-ealmm852vm],
        .Section4_Container hgroup h2[b-ealmm852vm],
        .Section4_Container hgroup h2 a strong[b-ealmm852vm],
        .Section5_Container h2[b-ealmm852vm],
        .Section5_Container h2 strong[b-ealmm852vm] {
            font-size: 4.5rem;
        }

        .Section1_Container[b-ealmm852vm],
        /*    .Section2_Container,*/
        .Section3_Container[b-ealmm852vm],
        .Section4_Container[b-ealmm852vm] {
            padding: 102px 64px 100px 64px;
        }


        .Section1_Container[b-ealmm852vm] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .BtnTitle[b-ealmm852vm] {
            font-size: 3rem;
        }

        .wrap1[b-ealmm852vm] {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0;
            max-width: 1152px;
            min-width: 641px;
        }

        .BubbleBox_Wrap[b-ealmm852vm] {
            gap: 45px;
        }

        .BubbleBox > .img_Wrap img:first-child[b-ealmm852vm], .BubbleBox > .img_Wrap img:last-child[b-ealmm852vm], .img_Wrap2 img:first-child[b-ealmm852vm], .img_Wrap2 img:last-child[b-ealmm852vm] {
            height: 84px;
            width: 84px;
        }

        .BubbleBox > .img_Wrap img[b-ealmm852vm] {
            padding-bottom: 0;
        }

        .BubbleBox h3[b-ealmm852vm] {
            font-size: 3rem;
        }

        .star[b-ealmm852vm] {
            position: absolute;
            bottom: 190px;
            right: -70px;
        }

        .starSecond[b-ealmm852vm] {
            position: absolute;
            bottom: 220px;
            left: -140px;
        }

        .star img:nth-child(2)[b-ealmm852vm] {
            height: 34px;
        }

        .star img:first-child[b-ealmm852vm] {
            height: 74px;
            left: 0;
            top: 60px;
        }

        .starSecond img:nth-child(2)[b-ealmm852vm] {
            position: relative;
            top: 110px;
            left: 40px;
        }

        .starSecond img:nth-child(1)[b-ealmm852vm] {
            position: relative;
            top: 150px;
            left: 45px;
            height: 25px;
        }

        .Section2_Container[b-ealmm852vm] {
            padding: 84px 64px;
            justify-content: flex-start;
        }

            .Section2_Container hgroup h4[b-ealmm852vm] {
                padding-bottom: 0;
                font-size: 3rem;
                padding-top: 18px;
            }

        .Image_Container[b-ealmm852vm] {
            flex-direction: column;
            justify-content: flex-start;
            padding: 0
        }

            .Image_Container video[b-ealmm852vm] {
                margin-top: 80px;
                height: unset;
                width: 100%;
                max-width: 896px;
                transform: translateX(0);
            }

        .Section3_Container[b-ealmm852vm] {
            padding: 57px 0 0 0;
            width: 100vw;
            justify-content: flex-start;
        }

            .Section3_Container > .Title_Wrap[b-ealmm852vm] {
                padding: 0 64px;
                flex-direction: column;
                align-items: flex-start;
                justify-content: space-between;
            }

                .Section3_Container > .Title_Wrap a[b-ealmm852vm] {
                    padding: 10px 48px;
                    align-self: flex-end;
                    margin-top: 80px;
                }

            .Section3_Container > .Content_Wrap[b-ealmm852vm] {
                margin-top: 30px;
                padding: 20px 64px;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                padding-top: 50px;
                gap: 25px;
                width: 100%;
                overflow-x: scroll;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                height: auto;
                scroll-snap-type: x mandatory;
            }

        .Section4_Container[b-ealmm852vm] {
            justify-content: center;
            margin-bottom: 80px;
        }

            .Section4_Container hgroup[b-ealmm852vm] {
                text-align: center
            }

        .Section5_Container[b-ealmm852vm] {
            padding: 0 64px;
        }

            .Section5_Container hgroup[b-ealmm852vm] {
                width: 100%
            }

        .alert[b-ealmm852vm] {
            text-align: center
        }

        #Footer_Wrapper[b-ealmm852vm] {
            padding: 0 64px;
        }

            #Footer_Wrapper ul[b-ealmm852vm] {
                display: flex;
                flex-direction: column;
                justify-items: flex-start;
                align-items: flex-start;
            }

        .Footer_Container[b-ealmm852vm] {
            max-width: none;
            align-items: flex-start;
        }

        .FooterIcon[b-ealmm852vm] {
            margin-top: 24px;
        }

        .bar[b-ealmm852vm] {
            display: none
        }
    }

    @media (min-width:769px) and (max-width:1080px) {
        .Header_Container ul li:nth-child(3)[b-ealmm852vm] {
            display: none !important
        }

        .download_Btn[b-ealmm852vm] {
            max-width: 180px;
            width: 100%;
            background-image: unset;
            display: none;
        }

            .download_Btn span[b-ealmm852vm] {
                color: #e0e0e0;
                display: none;
            }

                .download_Btn span:hover[b-ealmm852vm] {
                    color: #E0E0E0 !important;
                    background-position: unset;
                    display: none;
                }

        #location_WrapMobile.show[b-ealmm852vm] {
            width: 94px;
            height: 84px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0 3px rgba(0,0,0,.25);
            font-size: 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            position: absolute;
            top: 75px;
            right: 55px;
        }

        #locationMobile[b-ealmm852vm] {
            display: block;
            position: absolute;
            right: 124px;
            top: 38px;
        }

            #locationMobile img[b-ealmm852vm] {
                height: 29px;
            }

            #locationMobile:hover[b-ealmm852vm] {
                /*content: url("/images/icons/world1.png");*/
                content: url("/images/icons/world1.webp");
                position: absolute;
                height: 29px;
            }

        #toggleButton[b-ealmm852vm] {
            display: block;
            position: absolute;
            right: 64px;
            top: 40px;
        }

            #toggleButton img[b-ealmm852vm] {
                height: 24px;
            }

        .download_Btn[b-ealmm852vm] {
            padding: 10px 40px;
            font-size: 1.8rem;
            margin-top: 20px;
            background: #B6B6B6;
            color: #E0E0E0 !important;
            display: block;
        }

        .Header_Container ul.show[b-ealmm852vm] {
            display: flex;
        }

        .Header_Container ul[b-ealmm852vm] {
            position: absolute;
            top: 100px;
            left: 0;
            width: 100%;
            /*height: 250px;*/
            background: #ffffff;
            display: none;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-around;
            padding: 24px 64px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            border-bottom: 2px solid #c7c7c7;
        }


            .Header_Container ul li[b-ealmm852vm] {
                font-size: 2rem;
                color: #292929;
                margin-right: 64px;
                cursor: pointer;
            }

                .Header_Container ul li:nth-child(2)[b-ealmm852vm] {
                    border-bottom: 1px solid #c7c7c7;
                    width: 100%;
                    padding-bottom: 12px;
                }

                .Header_Container ul li:nth-child(3)[b-ealmm852vm] {
                    display: block;
                    position: absolute;
                    right: 64px;
                    top: -63px;
                }

                .Header_Container ul li:last-child[b-ealmm852vm] {
                    /*display: block;*/
                    display: none;
                }

                    .Header_Container ul li:last-child img[b-ealmm852vm] {
                        height: 20px;
                        width: 28px;
                    }

        .BubbleBox_Wrap[b-ealmm852vm] {
            max-width: none;
            padding-top: 94px;
        }

        .BubbleBox_Container[b-ealmm852vm] {
            width: 100%;
        }

            .BubbleBox_Container:first-child[b-ealmm852vm] {
                align-self: flex-start;
                width: 100%;
                max-width: 525px;
            }

            .BubbleBox_Container:last-child[b-ealmm852vm] {
                align-self: flex-end;
                width: 100%;
                max-width: 525px;
                transform: translateX(0)
            }

        .img_Wrap[b-ealmm852vm],
        .img_Wrap2[b-ealmm852vm] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: 8px;
        }

        .Media_Container[b-ealmm852vm] {
            padding: 22px;
            max-width: none;
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            display: grid;
            grid-template-rows: auto 1fr;
            width: 100%;
            justify-items: center;
            justify-content: center;
            align-items: start;
            gap: 25px;
        }

        .Image_Container img:last-child[b-ealmm852vm] {
            height: 406px;
            width: auto;
            position: relative;
            right: 0;
            box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
            bottom: 25px;
        }

        .Media_Container iframe[b-ealmm852vm] {
            max-width: 852px;
            max-height: 415px;
            aspect-ratio: 16 / 9;
            width: 100%;
            height: none;
        }

        .Media_images img[b-ealmm852vm] {
            height: 247px;
        }

        .Media_images a img[b-ealmm852vm] {
            height: 247px;
            display: block;
            margin: 0 auto;
        }

        .border[b-ealmm852vm] {
            height: 1px;
            width: 100%;
        }

        .Footer_Container[b-ealmm852vm] {
            /*        flex-direction: column;*/
            gap: 15px
        }
    }

    @media (min-width:1081px) and (max-width:1280px) {
        .Header_Container ul[b-ealmm852vm] {
            display: flex;
        }

        #toggleButton img[b-ealmm852vm] {
            display: none
        }

        .wrap1[b-ealmm852vm] {
            min-width: 900px;
            max-width: 1160px;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: 25px;
            align-items: center;
        }

        .BubbleBox_Container[b-ealmm852vm] {
            max-width: 484px;
            min-width: 350px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .BubbleBox:first-child[b-ealmm852vm] {
            max-width: 484px;
            justify-content: space-between;
            padding: 0 24px;
            width: 100%;
            max-height: 140px;
            background-size: cover;
            max-width: 484px;
            height: 100%;
            gap: 15px;
        }

        .BubbleBox:last-child[b-ealmm852vm] {
            transform: translateX(0px);
            max-width: 484px;
            justify-content: space-between;
            padding: 0 24px;
            width: 100%;
            max-height: 140px;
            background-size: cover;
            max-width: 484px;
            height: 100%;
            gap: 15px;
        }

        .BubbleBox h3[b-ealmm852vm] {
            font-size: 2.6rem;
            padding-bottom: 20px;
        }

        .img_Wrap[b-ealmm852vm],
        .img_Wrap2[b-ealmm852vm] {
            padding-bottom: 20px;
        }

        .Image_Container video[b-ealmm852vm] {
            max-width: 1160px;
            aspect-ratio: 16 / 9
        }

        .Media_Container[b-ealmm852vm] {
            padding: 26px;
            max-width: 1160px;
            margin-bottom: 0;
        }

            .Media_Container iframe[b-ealmm852vm] {
                width: 100%;
                max-width: 680px;
                height: 390px;
                aspect-ratio: 16 / 9;
            }

        .Media_images[b-ealmm852vm] {
            height: 100%;
            justify-content: space-between;
        }

            .Media_images img[b-ealmm852vm] {
                height: 117px;
            }

        .Image_Container img:last-child[b-ealmm852vm] {
            height: 466px;
            width: auto;
            position: relative;
            right: 0;
            box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
            bottom: 25px;
        }
    }

    @media(min-width:1281px) and (max-width:1440px) {
        .Section1_Container hgroup h2[b-ealmm852vm],
        .Section1_Container hgroup h2 strong[b-ealmm852vm],
        .Section2_Container hgroup h2[b-ealmm852vm],
        .Section2_Container hgroup h2 strong[b-ealmm852vm],
        .Section3_Container hgroup h2[b-ealmm852vm],
        .Section3_Container hgroup h2 strong[b-ealmm852vm],
        .Section4_Container hgroup h2[b-ealmm852vm],
        .Section4_Container hgroup h2 a strong[b-ealmm852vm],
        .Section5_Container h2[b-ealmm852vm],
        .Section5_Container h2 strong[b-ealmm852vm] {
            font-size: 5rem;
        }

        .Section2_Container[b-ealmm852vm],
        .Section4_Container[b-ealmm852vm],
        .Section5_Container[b-ealmm852vm] {
            padding: 102px 120px 100px 120px;
        }

        #Footer_Wrapper[b-ealmm852vm] {
            padding: 0 120px;
        }

        #Header_Wrapper[b-ealmm852vm] {
            padding: 0 120px;
        }

        .Header_Container ul li:nth-child(4)[b-ealmm852vm] {
            margin-right: 0 !important;
        }

        .Section1_Container[b-ealmm852vm] {
            padding: 0 120px
        }

        .Section2_Container[b-ealmm852vm] {
            width: 100vw;
        }

        .Image_Container[b-ealmm852vm] {
            max-width: 1200px;
            justify-content: flex-start;
        }

            .Image_Container video[b-ealmm852vm] {
                height: 503px;
                transform: translateX(0)
            }

            .Image_Container img:last-child[b-ealmm852vm] {
                height: 386px;
                right: 205px;
            }

        .Section3_Container[b-ealmm852vm] {
            padding: 82px 120px 150px 120px;
            width: 100vw;
            overflow: hidden;
        }

            .Section3_Container > .Content_Wrap[b-ealmm852vm] {
                max-width: 1440px;
                justify-content: flex-start;
                align-items: flex-start;
                overflow-x: scroll;
                padding-bottom: 40px;
                padding: 105px 16px 40px 16px;
            }

        .BubbleBox_Container[b-ealmm852vm] {
            max-width: 524px;
            right: 0;
        }

        .Media_Container[b-ealmm852vm] {
            max-width: 1200px;
            gap: 15px;
        }
    }

    @media (min-width:1281px) {
        #toggleButton[b-ealmm852vm] {
            display: none;
        }

        .Header_Container ul[b-ealmm852vm] {
            display: flex
        }
    }
/* _content/BIMILHomePage/Pages/IndexEn.cshtml.rz.scp.css */
@charset "UTF-8";


@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*[b-dhp5m6gflx] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pretendard Variable', Pretendard;
    list-style: none;
    text-decoration: none;
}

/* 공지사항 모달 스타일 */
.noticeModalOverlay[b-dhp5m6gflx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .noticeModalOverlay.show[b-dhp5m6gflx] {
        display: flex;
    }

.noticeModalContainer[b-dhp5m6gflx] {
    background: #f5f6f8;
    border-radius: 16px;
    max-width: 880px;
    width: 100%;
    max-height: 95vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: modalSlideIn-b-dhp5m6gflx 0.3s ease-out;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.noticeModalHeader[b-dhp5m6gflx] {
    background: #DEE7F4;
    padding: 20px 0 10px 0;
    border-radius: 16px 16px 0 0;
    text-align: center;
    position: relative;
}

.noticeModalTitle[b-dhp5m6gflx] {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .noticeModalTitle[b-dhp5m6gflx]::before,
    .noticeModalTitle[b-dhp5m6gflx]::after {
        content: "🔔";
        font-size: 16px;
    }

.noticeModalSubtitle[b-dhp5m6gflx] {
    color: black;
    /*font-size: 20px;*/
    font-size: 1.8rem;
    /*margin: 8px 0 0 0;*/
    font-weight: bold;
}

.noticeModalImage[b-dhp5m6gflx] {
    width: auto;
    height: 200px;
    margin: 20px;
}

.modalSchedule[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
}

.modalSchedule-item[b-dhp5m6gflx] {
    width: 50%;
}

@media (max-width: 600px) {
    .noticeModalImage[b-dhp5m6gflx] {
        height: 100px !important;
    }

    .noticeModalContainer[b-dhp5m6gflx] {
        max-height: 80vh !important;
    }

    .noticeModalContent p[b-dhp5m6gflx] {
        font-size: 1.3rem !important;
    }

    .modalSchedule[b-dhp5m6gflx] {
        flex-direction: column !important;
        gap: 2rem;
    }

    .modalSchedule-item[b-dhp5m6gflx] {
        width: 100% !important;
    }
}
}

.noticeModalClose[b-dhp5m6gflx] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: white;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

    .noticeModalClose:hover[b-dhp5m6gflx] {
        background: rgba(255, 255, 255, 0.3);
    }

.noticeModalContent[b-dhp5m6gflx] {
    padding: 0 20px;
    /*line-height: 1.7;*/
    background: #DEE7F4;
    margin: 0;
}

    .noticeModalContent h3[b-dhp5m6gflx] {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 16px 0;
    }

    .noticeModalContent p[b-dhp5m6gflx] {
        margin: 3px 0;
        /*font-size: 14px;*/
        font-size: 1.4rem;
    }

        .noticeModalContent p:first-child[b-dhp5m6gflx] {
            margin-top: 0;
        }

    .noticeModalContent .signature[b-dhp5m6gflx] {
        /*margin-top: 30px;*/
        font-weight: 600;
    }

    .noticeModalContent .seperate-section[b-dhp5m6gflx] {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #979797;
    }
.noticeModalInnerContent[b-dhp5m6gflx] {
    background: #F3F7FC;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.noticeModalFooter[b-dhp5m6gflx] {
    padding: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    background: #DEE7F4;
    border-radius: 0 0 16px 16px;
    gap: 15px;
}

.hideForTodayCheckbox[b-dhp5m6gflx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
}

    .hideForTodayCheckbox input[type="checkbox"][b-dhp5m6gflx] {
        margin: 0;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

.noticeModalButton[b-dhp5m6gflx] {
    background: #3498db;
    color: white;
    border: none;
    padding: 5px 15px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s;
}

    .noticeModalButton:hover[b-dhp5m6gflx] {
        background: #2980b9;
    }

@keyframes modalSlideIn-b-dhp5m6gflx {
    from {
        transform: translateY(-50px) scale(0.95);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .noticeModalContainer[b-dhp5m6gflx] {
        margin: 10px;
        max-width: none;
        width: calc(100% - 20px);
    }

    .noticeModalHeader[b-dhp5m6gflx] {
        padding: 20px;
    }

    .noticeModalTitle[b-dhp5m6gflx] {
        font-size: 20px;
    }

    .noticeModalContent[b-dhp5m6gflx] {
        padding: 30px 20px;
    }

    .noticeModalFooter[b-dhp5m6gflx] {
        padding: 15px 20px 20px 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .hideForTodayCheckbox[b-dhp5m6gflx] {
        justify-content: center;
    }
}
body[b-dhp5m6gflx] {
    overflow-x: hidden;
    overflow-y: scroll !important;
    box-sizing: border-box !important;
}

#locationMobile[b-dhp5m6gflx] {
    display: none;
}

#location_Wrap.show[b-dhp5m6gflx] {
    width: 94px;
    height: 84px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    top: 50px;
    left: 284px;
}

#location_Wrap[b-dhp5m6gflx],
#location_WrapMobile[b-dhp5m6gflx] {
    display: none;
}

.location[b-dhp5m6gflx] {
    width: 100%;
}

#location_Wrap input[type=radio][b-dhp5m6gflx] {
    display: none;
}

    #location_Wrap input[type=radio] + label[b-dhp5m6gflx] {
        width: 100%;
        height: 42px;
        padding: 10px 12px;
        cursor: pointer;
    }

        #location_Wrap input[type=radio]:checked + label[b-dhp5m6gflx],
        #location_Wrap input[type=radio] + label:hover[b-dhp5m6gflx] {
            background: #DEE7F4 !important;
            color: #2980FF !important
        }

#location_WrapMobile input[type=radio][b-dhp5m6gflx] {
    display: none;
}

    #location_WrapMobile input[type=radio] + label[b-dhp5m6gflx] {
        width: 100%;
        height: 42px;
        padding: 10px 12px;
        cursor: pointer;
    }

        #location_WrapMobile input[type=radio]:checked + label[b-dhp5m6gflx],
        #location_WrapMobile input[type=radio] + label:hover[b-dhp5m6gflx] {
            background: #DEE7F4;
            color: #2980FF
        }

#Root[b-dhp5m6gflx] {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 60px); /* header 높이 제외 */
    display: grid;
    grid-template-rows: 1fr 120px; /* header 제거로 인한 그리드 수정 */
    overflow-x: clip;
    box-sizing: border-box !important;
}

    #Root[b-dhp5m6gflx]::-webkit-scrollbar {
        display: none;
    }

#toggleButton[b-dhp5m6gflx] {
    display: none
}

.mobile[b-dhp5m6gflx] {
    display: none;
}

#Header_Wrapper[b-dhp5m6gflx] {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    background: #ffffff;
    border-bottom: 2px solid #c7c7c7;
    padding: 0 240px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    box-shadow: 0px 5px 13px rgba(146, 162, 185, 0.35);
}

.Header_Container[b-dhp5m6gflx] {
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.Title_Wrap[b-dhp5m6gflx] {
    display: flex;
    justify-content: flex-start;
}

.Header_Title img[b-dhp5m6gflx] {
    height: 64px;
}

.Header_Title[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .Header_Title h3[b-dhp5m6gflx] {
        font-size: 4.1rem;
        color: #404041;
        font-weight: 700;
        margin: 0 36px 0 6px;
    }

.Status_Title[b-dhp5m6gflx] {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .Status_Title p[b-dhp5m6gflx] {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #78FF56;
        margin-right: 8px;
    }

    .Status_Title h4[b-dhp5m6gflx] {
        font-size: 2rem;
    }

.Header_Container ul[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .Header_Container ul li[b-dhp5m6gflx] {
        margin-right: 64px;
        cursor: pointer;
    }

        .Header_Container ul li a[b-dhp5m6gflx] {
            font-size: 2rem;
            color: #292929;
        }


            .Header_Container ul li a:hover[b-dhp5m6gflx] {
                color: #2980FF;
            }

        .Header_Container ul li img:hover[b-dhp5m6gflx] {
            /*content: url("/images/icons/world1.png");*/
            content: url("/images/icons/world1.webp");
        }

        .Header_Container ul li:last-child[b-dhp5m6gflx] {
            margin-right: 0;
        }

        .Header_Container ul li:nth-child(4)[b-dhp5m6gflx] {
            margin-right: 0;
        }

.download_Btn[b-dhp5m6gflx] {
    padding: 10.5px 24px;
    font-size: 20px;
    font-family: pretendard;
    font-weight: bold;
    background-clip: padding-box, border-box;
    border-image: 0.5px solid;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #2980ff, #18CFCF);
    cursor: pointer;
    background-origin: border-box;
    border-radius: 60px; /* 둥근 모서리 */
    border: 2px solid transparent; /* 투명한 기본 테두리 */
    background-color: white; /* 버튼 내부 흰색 */
    width: 150px;
    margin-right: 0;
    text-align: center;
}

    .download_Btn span[b-dhp5m6gflx] {
        color: #292929; /* 초기 텍스트 색상 */
        background-size: 200% 200%; /* 그라디언트 크기 */
        background-position: 0% 0; /* 초기 위치를 텍스트 왼쪽부터 */
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(90deg, #2980ff 0%, #18CFCF 100%); /* 그라디언트가 텍스트 왼쪽부터 시작 */
        transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
    }

        .download_Btn span:hover[b-dhp5m6gflx] {
            color: transparent; /* 글자 투명화 */
            background-position: 100% 0; /* 그라디언트 끝까지 이동 */
        }

.toastMsgWrap[b-dhp5m6gflx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(49,49,49,0.48);
    z-index: 300;
    animation: fadeIn-b-dhp5m6gflx 0.3s;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px 10px;
}

    .toastMsgWrap.show[b-dhp5m6gflx] {
        display: flex;
        opacity: 1;
    }

.toastContainer p[b-dhp5m6gflx] {
    display: none;
}

.toastContainer[b-dhp5m6gflx] {
    word-break: keep-all;
    flex-direction: column;
    padding: 24px 8px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .toastContainer h3[b-dhp5m6gflx] {
        font-size: 1.6rem;
    }

@keyframes fadeIn-b-dhp5m6gflx {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Header End */

/* Body Start */
#MainPage_Wrapper[b-dhp5m6gflx] {
    grid-row: 1; /* header 제거로 인해 grid-row 1로 변경 */
    width: 100vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.MainPage_Container[b-dhp5m6gflx] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 0.75fr 1fr 1fr 0.8fr 0.65fr;
}

.Title_Wrap[b-dhp5m6gflx] {
    display: flex;
    justify-content: flex-start;
}

.Section1_Container[b-dhp5m6gflx] {
    width: 100vw;
    grid-row: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-image: url("/images/backgrounds/main-bk.webp");
    padding-bottom: 120px;
    padding: 0 240px;
    background-size: cover;
    background-repeat: no-repeat
}

    .Section1_Container hgroup h2[b-dhp5m6gflx] {
        font-size: 6rem;
        color: #292929;
        font-weight: 700;
        word-break: keep-all;
    }

        .Section1_Container hgroup h2 strong[b-dhp5m6gflx] {
            background: linear-gradient( 90deg, #5CB1FF, #2980ff);
            font-size: 60px;
            font-family: Pretendard;
            font-weight: 700;
            word-wrap: break-word;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

    .Section1_Container hgroup button[b-dhp5m6gflx] {
        margin-top: 64px;
        border: 0;
        padding: 16px 60px;
        background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
        color: #ffffff;
        border-radius: 60px;
        cursor: pointer;
        line-height: 34px;
        display: inline-block;
        max-width: 325px;
        width: 100%;
        transition: background 0.3s ease; /* 배경에 transition 추가 (hover에서의 부드러운 변화) */
    }

        .Section1_Container hgroup button:hover[b-dhp5m6gflx] {
            animation: gradientAnimation-b-dhp5m6gflx 0.3s ease forwards; /* hover 시 애니메이션 시작 */
        }

@keyframes gradientAnimation-b-dhp5m6gflx {
    0% {
        background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
    }

    100% {
        background: linear-gradient(90deg, #18CFCF 0%, #2980FF 100%);
    }
}




.Section1_Container hgroup button span[b-dhp5m6gflx] {
    font-size: 1.8rem;
    font-weight: 300;
    background: linear-gradient(90deg, #2980FF 0%, #18CFCF 100%);
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    background-clip: text;
    opacity: 0.8
}

.BtnTitle[b-dhp5m6gflx] {
    font-size: 3.4rem;
    font-weight: bold;
    opacity: 1;
}

.Section1_Container hgroup button div[b-dhp5m6gflx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .Section1_Container hgroup button div:hover[b-dhp5m6gflx] {
        transform: scale(1.1);
        transition: transform 0.2s ease;
    }

.BubbleBox_Container[b-dhp5m6gflx] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    filter: none;
}

    .BubbleBox_Container:last-child[b-dhp5m6gflx] {
        transform: translateX(120px)
    }

.BubbleBox_Wrap[b-dhp5m6gflx] {
    max-width: 625px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.BubbleBox:first-child[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: url("/images/icons/Vector1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    /*  width: 625PX;
    height: 182px;*/
    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
    /*    max-width:625px;*/
    aspect-ratio: 17 / 5;
    padding: 0 32px;
    gap: 5px;
    width: 100%;
    word-break: keep-all;
    isolation: isolate;
}

.BubbleBox:last-child[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: url("/images/icons/Vector2.webp");
    background-size: contain;
    background-repeat: no-repeat;
    /*  width: 625PX;
    height: 182px;*/
    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
    /*    max-width: 625px;*/
    aspect-ratio: 17 / 5;
    padding: 0 18px;
    transform: translateX(120px);
    margin-top: 50px;
    gap: 5px;
    width: 100%;
    word-break: keep-all;
    isolation: isolate;
}

.BubbleBox h3[b-dhp5m6gflx] {
    font-size: 3rem;
    font-weight: 300;
    padding-bottom: 25px;
}

    .BubbleBox h3 strong[b-dhp5m6gflx] {
        font-weight: 700;
    }

.img_Wrap[b-dhp5m6gflx],
.img_Wrap2[b-dhp5m6gflx] {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*    border:1px solid red;*/
    padding-bottom: 35px;
}

.BubbleBox > .img_Wrap img:first-child[b-dhp5m6gflx],
.BubbleBox > .img_Wrap2 img:first-child[b-dhp5m6gflx] {
    transform: translateX(30px);
    z-index: 1
}

.BubbleBox > .img_Wrap img:last-child[b-dhp5m6gflx],
.BubbleBox > .img_Wrap2 img:last-child[b-dhp5m6gflx] {
    transform: translateY(-50px)
}


.star[b-dhp5m6gflx] {
    position: absolute;
    bottom: 250px;
    right: -70px;
}

.starSecond[b-dhp5m6gflx] {
    position: absolute;
    bottom: 170px;
    left: -120px;
}

.star img:first-child[b-dhp5m6gflx] {
    position: relative;
    top: 80px;
    left: 50px;
    height: 114px;
    width: auto;
    animation: bounce-b-dhp5m6gflx 0.5s infinite ease-in-out, scale-b-dhp5m6gflx 1.5s infinite ease-in-out;
    filter: none !important;
    will-change: filter;
    isolation: isolate;
}

.star img:nth-child(2)[b-dhp5m6gflx] {
    position: absolute;
    top: 15px;
    left: -15px;
    height: 51px;
    width: auto;
    animation: bounce-b-dhp5m6gflx 0.5s infinite ease-in-out, scale-b-dhp5m6gflx 1.8s infinite ease-in-out;
    filter: none !important;
    will-change: filter;
    isolation: isolate;
}

.starSecond img:nth-child(1)[b-dhp5m6gflx] {
    position: relative;
    top: 105px;
    left: 25px;
    height: 56px;
    width: auto;
    animation: bounce-b-dhp5m6gflx 0.5s infinite ease-in-out, scale-b-dhp5m6gflx 1.5s infinite ease-in-out;
}

.starSecond img:nth-child(2)[b-dhp5m6gflx] {
    position: relative;
    top: 35px;
    left: 30px;
    height: 94px;
    width: auto;
    animation: bounce-b-dhp5m6gflx 0.5s infinite ease-in-out, scale-b-dhp5m6gflx 1.8s infinite ease-in-out;
}
/* 바운스 애니메이션 */
@keyframes bounce-b-dhp5m6gflx {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px); /* 위로 살짝 이동 */
    }
}

/* 크기 조절 애니메이션 */
@keyframes scale-b-dhp5m6gflx {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2); /* 크기 살짝 확대 */
    }
}

.Section2_Container[b-dhp5m6gflx] {
    grid-row: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #F3F3F3;
    padding-top: 82px;
    padding-left: 125px;
    width: 100vw;
}

    .Section2_Container hgroup[b-dhp5m6gflx] {
        max-width: 1440px;
        text-align: center;
    }

        .Section2_Container hgroup h2[b-dhp5m6gflx] {
            font-size: 6rem;
            color: #292929;
            word-break: keep-all;
            font-weight: 700
        }

            .Section2_Container hgroup h2 strong[b-dhp5m6gflx] {
                color: #2980ff;
                font-weight: 700
            }

        .Section2_Container hgroup h4[b-dhp5m6gflx] {
            padding-bottom: 8px;
            font-size: 3.4rem;
            color: #787878;
            font-weight: 400
        }

.Image_Container[b-dhp5m6gflx] {
    max-width: 1440px;
    padding: 92px 0 82px 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .Image_Container video[b-dhp5m6gflx] {
        height: 603px;
        width: auto;
        transform: translateX(50px)
    }

    .Image_Container img:last-child[b-dhp5m6gflx] {
        height: 406px;
        width: auto;
        position: relative;
        right: 175px;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
    }

.Section3_Container[b-dhp5m6gflx] {
    width: 100vw;
    grid-row: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 82px 240px 150px 240px;
    background-image: url("/images//backgrounds/Subtract.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 75%;
    background-position-x: center;
}

    .Section3_Container > .Title_Wrap[b-dhp5m6gflx] {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        max-width: 1440px
    }

        .Section3_Container > .Title_Wrap a[b-dhp5m6gflx] {
            width: 245px;
            padding: 17px 27px;
            border: 2px solid #292929;
            border-radius: 48px;
            font-size: 3.6rem;
            cursor: pointer;
            font-weight: 700;
            background: 0;
            color: #000000;
            text-align: center
        }

            .Section3_Container > .Title_Wrap a:hover[b-dhp5m6gflx] {
                color: rgb(41, 128, 255);
                border-width: 2px;
                border-style: solid;
                border-color: rgb(41, 128, 255);
                border-image: initial;
            }

            .Section3_Container > .Title_Wrap a img[b-dhp5m6gflx] {
                width: 22px;
                height: 22px;
                margin: auto auto auto 20px;
                transition: transform 0.3s;
            }

            .Section3_Container > .Title_Wrap a:hover img[b-dhp5m6gflx] {
                transform: translateX(4px);
                content: url("/images/icons/Vector4-1.webp");
            }

    .Section3_Container hgroup h2[b-dhp5m6gflx] {
        font-size: 6rem;
        color: #292929;
        font-weight: 700;
        word-break: keep-all;
    }

        .Section3_Container hgroup h2 strong[b-dhp5m6gflx] {
            background: linear-gradient(90deg, #18CFCF, #15CA82 );
            word-wrap: break-word;
            -webkit-background-clip text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 700
        }

    .Section3_Container hgroup h4[b-dhp5m6gflx] {
        font-size: 3.4rem;
        color: #787878;
        font-weight: 400
    }

    .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
        max-width: 1440px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding-top: 185px;
    }

.Card_Container[b-dhp5m6gflx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 34px;
}

    .Card_Container:last-child[b-dhp5m6gflx] {
        padding-right: 0;
    }

.Section3_Container > .Content_Wrap > .Card_Container h3[b-dhp5m6gflx] {
    font-size: 3.6rem;
    color: #292929;
    padding-bottom: 33px;
    font-weight: 700
}

.Content_Card[b-dhp5m6gflx] {
    width: 457px;
    height: 464px;
    padding: 27px 47px;
    border-radius: 40px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; /* 위치 기준 */
}

    .Content_Card p[b-dhp5m6gflx] {
        color: #999999;
        font-size: 2.4rem;
    }

    .Content_Card ul[b-dhp5m6gflx] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 18px;
    }

        .Content_Card ul li[b-dhp5m6gflx] {
            display: block;
            width: 100%;
            height: 55px;
        }

            .Content_Card ul li a[b-dhp5m6gflx] {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 20px;
                letter-spacing: -0.5px;
                font-weight: 700;
                font-size: 2.4rem;
                color: #404041;
                overflow-wrap: break-word; /* Safari 호환 */
                word-wrap: keep-all; /* 레거시 지원 */
                word-break: unset; /* 예외적으로 필요할 때 */
                white-space: normal;
            }

                .Content_Card ul li a strong[b-dhp5m6gflx] {
                    overflow-wrap: break-word; /* Safari 호환 */
                    word-wrap: keep-all; /* 레거시 지원 */
                    word-break: break-word; /* 예외적으로 필요할 때 */
                    white-space: normal;
                    font-weight: 700
                }

            .Content_Card ul li:first-child a strong[b-dhp5m6gflx] {
                margin-left: 3px;
            }

            .Content_Card ul li a img[b-dhp5m6gflx] {
                width: auto;
                padding-right: 11px;
                /*        padding-right: 22px;*/
                cursor: pointer;
            }

.Slide_Btn[b-dhp5m6gflx] {
    width: 34px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


    .Slide_Btn p[b-dhp5m6gflx] {
        width: 12px;
        height: 12px;
        background: #D9D9D9;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }

        .Slide_Btn p[b-dhp5m6gflx]::before {
            position: relative;
            display: block;
            bottom: 10px;
            right: 10px;
            content: "";
            width: 32px;
            height: 32px;
            cursor: pointer;
        }

.Slide_Btn_select[b-dhp5m6gflx] {
    width: 12px;
    height: 12px;
    background: #999999 !important;
    border-radius: 50%;
    text-align: center;
    animation: toggleAnimation-b-dhp5m6gflx 3s infinite;
}
/* 3초마다 색상 토글 */
@keyframes toggleAnimation-b-dhp5m6gflx {
    0%, 50% {
        background: #999999;
    }

    25%, 75% {
        background: #D9D9D9;
    }
}

.latest[b-dhp5m6gflx] {
    padding: 45px 40px 58px 45px;
    height: 464px;
    justify-content: center;
}

.Second[b-dhp5m6gflx] {
    width: 100%;
    display: flex;
    padding-bottom: 20px;
    flex-direction: column;
}

    .Second:last-child[b-dhp5m6gflx] {
        padding-bottom: 0;
    }

    .Second > .Title_Wrap[b-dhp5m6gflx] {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start
    }

    .Second hgroup[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
    }

    .Second img[b-dhp5m6gflx] {
        width: auto;
        height: 64px;
        padding-right: 24px;
        cursor: pointer;
    }

    .Second hgroup h4[b-dhp5m6gflx] {
        font-size: 2.4rem;
        color: #404041;
        font-weight: 700;
    }

    .Second p[b-dhp5m6gflx] {
        padding-top: 5px;
        font-size: 1.8rem;
        color: #999999;
        font-weight: 300;
        line-height: 20px;
    }

.all[b-dhp5m6gflx] {
    padding: 52px 37px;
}

.iconTitle[b-dhp5m6gflx] {
    justify-content: space-between;
}

.Circle[b-dhp5m6gflx] {
    width: 175px;
    height: 175px;
    background: #F3F3F3;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .Circle span[b-dhp5m6gflx] {
        background: linear-gradient(90deg, #239EED, #2496F1);
        font-size: 7.6rem;
        font-weight: 400;
        word-wrap: break-word -webkit-background-clip text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
    }

    .Circle .Num[b-dhp5m6gflx] {
        background: linear-gradient(90deg, #239EED, #18CFCF);
        font-size: 7.6rem;
        font-weight: 700 !important;
        word-wrap: break-word -webkit-background-clip text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1);
    }

.icon_Container[b-dhp5m6gflx] {
    display: grid;
    grid-template-rows: repeat(2, 75px);
    grid-template-columns: repeat(2, 75px);
    gap: 25px;
}

    .icon_Container img[b-dhp5m6gflx] {
        width: auto;
        height: 75px;
        cursor: pointer;
    }

.icon_ContainerRow[b-dhp5m6gflx] {
    padding: 25px 0 45px 0;
    gap: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .icon_ContainerRow img[b-dhp5m6gflx] {
        width: auto;
        height: 75px;
        cursor: pointer;
    }

.showMore[b-dhp5m6gflx] {
    width: 381px;
    height: 62px;
    background: #F3F3F3;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 29px;
    font-size: 2.4rem;
    color: #787878;
    cursor: pointer;
}

    .showMore:hover[b-dhp5m6gflx] {
        color: rgb(41, 128, 255);
    }


    .showMore img[b-dhp5m6gflx] {
        height: 21px;
    }

.Section4_Container[b-dhp5m6gflx] {
    grid-row: 4;
    width: 100vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .Section4_Container hgroup[b-dhp5m6gflx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 1440px;
        padding-bottom: 65px;
        gap: 25px;
    }

.material-symbols-outlined[b-dhp5m6gflx] {
    font-size: 46px;
    vertical-align: middle;
    font-weight: 500;
    color: #999999 !important;
    cursor: pointer;
    transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
    padding-right: 4px;
}

    .material-symbols-outlined:hover[b-dhp5m6gflx] {
        transform: scale(1.1);
        background: linear-gradient(90deg, #2980ff, #18CFCF);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        transform: scale(1.15);
        font-weight: 500;
    }

.Section4_Container hgroup h2[b-dhp5m6gflx],
.Section4_Container hgroup h2 a strong[b-dhp5m6gflx] {
    font-size: 6rem;
    font-weight: 700;
    word-break: keep-all
}

    .Section4_Container hgroup h2 a strong[b-dhp5m6gflx] {
        font-size: 6rem;
        background: linear-gradient(90deg, #2980ff, #18CFCF);
        font-size: 6rem;
        font-weight: 700;
        word-wrap: break-word -webkit-background-clip text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        transition: color 0.3s ease, text-decoration 0.3s ease;
    }

.Media_Container[b-dhp5m6gflx] {
    padding: 56px;
    width: 100%;
    max-width: 1440px;
    background: #F3F3F3;
    border-radius: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 180px;
}

    .Media_Container iframe[b-dhp5m6gflx] {
        width: 941px;
        height: 530px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    }

.border[b-dhp5m6gflx] {
    height: 100%;
    border: 1px solid #c7c7c7
}

.Media_images[b-dhp5m6gflx] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .Media_images img[b-dhp5m6gflx] {
        height: 167px;
        cursor: pointer;
    }

.Section5_Container[b-dhp5m6gflx] {
    width: 100vw;
    grid-row: 5;
    background: #F3F3F3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .Section5_Container h2[b-dhp5m6gflx] {
        color: #292929;
        font-size: 6rem;
        font-weight: 700;
        padding-bottom: 80px;
        word-break: keep-all;
    }

        .Section5_Container h2 strong[b-dhp5m6gflx] {
            font-size: 6rem;
            background: linear-gradient(90deg, #292929, #8F8F8F);
            font-weight: 700;
            word-wrap: break-word -webkit-background-clip text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

    .Section5_Container hgroup[b-dhp5m6gflx] {
        position: relative;
        width: 900px;
        height: 193px;
        padding: 0 36px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

        .Section5_Container hgroup h3[b-dhp5m6gflx] {
            font-size: 3.4rem;
            color: #2980FF;
            font-weight: 300;
            word-break: keep-all;
            text-align: center;
        }

        .Section5_Container hgroup img[b-dhp5m6gflx] {
            height: 16px;
            width: auto;
        }

        .Section5_Container hgroup a[b-dhp5m6gflx] {
            font-size: 3.4rem;
            color: #2980FF;
            font-weight: 700;
            cursor: pointer;
        }

            .Section5_Container hgroup a:hover[b-dhp5m6gflx] {
                transition: color 0.3s ease;
                color: #c0e0ff;
            }

            .Section5_Container hgroup a[b-dhp5m6gflx]::after {
                content: "클릭하면 메일을 보낼 수 있습니다.";
                position: absolute;
                bottom: 40%;
                left: 50%;
                transform: translateX(-50%);
                background-color: rgb(92, 92, 92);
                color: rgb(255, 255, 255);
                opacity: 0;
                pointer-events: none;
                z-index: 10;
                font-size: 14px;
                font-weight: 400;
                padding: 12px;
                border-radius: 10px;
                white-space: nowrap;
                transition: opacity 0.3s;
            }

            .Section5_Container hgroup a:hover[b-dhp5m6gflx]::after {
                opacity: 1;
                visibility: visible;
            }

.alertWrap[b-dhp5m6gflx] {
    padding-top: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 34px;
}

.alert[b-dhp5m6gflx] {
    font-size: 3.4rem;
    color: #999999;
    overflow-wrap: break-word; /* Safari 호환 */
    word-wrap: keep-all; /* 레거시 지원 */
    word-break: unset; /* 예외적으로 필요할 때 */
    white-space: normal;
}

.alertBar[b-dhp5m6gflx] {
    width: 59px;
    border: 1px solid #999999;
}
/*.alert::before{
    content:"";
    transform:rotate(0);
    width: 50px;
    border: 1px solid #999999;
    display:block;
    margin-right:34px;
}
.alert::after {
    content: "";
    transform: rotate(0);
    width: 50px;
    border: 1px solid #999999;
    display: block;
    margin-left: 34px;
}*/
#Footer_Wrapper[b-dhp5m6gflx] {
    grid-row: 2;
    padding: 0 240px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.Footer_Container[b-dhp5m6gflx] {
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#Footer_Wrapper ul[b-dhp5m6gflx] {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: flex-start;
    /*    gap: 25px;*/
}

    #Footer_Wrapper ul li[b-dhp5m6gflx] {
        font-size: 1.3rem;
        color: #999999;
    }

.bar[b-dhp5m6gflx] {
    height: 29px;
    border: 1px solid #c7c7c7;
}

.FooterIcon[b-dhp5m6gflx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    position: relative;
}

    .FooterIcon img[b-dhp5m6gflx] {
        height: 56px;
        width: auto;
        cursor: pointer;
        transition: background-color 0.5s ease, transform 0.5s ease;
    }

.tooltip-wrapper[b-dhp5m6gflx] {
    position: relative;
    display: inline-block; /* 툴팁 기준 설정 */
}

    .tooltip-wrapper:first-child[b-dhp5m6gflx]::after {
        content: "BIMIL Docs"; /* 툴팁 내용 */
        font-size: 14px;
        color: #fff;
        position: absolute;
        bottom: 120%; /* 이미지 위에 표시 */
        left: 40%;
        transform: translateX(-50%);
        background-color: rgb(92, 92, 92);
        padding: 5px 15px;
        border-radius: 10px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .tooltip-wrapper:nth-child(2)[b-dhp5m6gflx]::after {
        content: "BIMPeers"; /* 툴팁 내용 */
        font-size: 14px;
        color: #fff;
        position: absolute;
        bottom: 120%; /* 이미지 위에 표시 */
        left: 40%;
        transform: translateX(-50%);
        background-color: rgb(92, 92, 92);
        padding: 5px 15px;
        border-radius: 10px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .tooltip-wrapper:last-child[b-dhp5m6gflx]::after {
        content: "Youtube"; /* 툴팁 내용 */
        font-size: 14px;
        color: #fff;
        position: absolute;
        bottom: 120%; /* 이미지 위에 표시 */
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(92, 92, 92);
        padding: 5px 15px;
        border-radius: 10px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .tooltip-wrapper:hover[b-dhp5m6gflx]::after {
        opacity: 1; /* 툴팁 보이기 */
    }

    .tooltip-wrapper:first-child img:hover[b-dhp5m6gflx] {
        /*content: url("/images/icons/Docsbutton1.png");*/
        content: url("/images/icons/Docsbutton1.webp");
        transform: scale(1.1);
    }

    .tooltip-wrapper:nth-child(2) img:hover[b-dhp5m6gflx] {
        /*content: url("/images/icons/bpButton1.png");*/
        content: url("/images/icons/bpButton1.webp");
        transform: scale(1.1);
    }

    .tooltip-wrapper:last-child img:hover[b-dhp5m6gflx] {
        /*content: url("/images/icons/youtubebutton1.png");*/
        content: url("/images/icons/youtubebutton1.webp");
        transform: scale(1.1);
    }

#Footer_Wrapper div p[b-dhp5m6gflx] {
    font-size: 1.3rem;
    color: #999999;
    font-weight: 500;
    padding-top: 20px;
}

.wrap1[b-dhp5m6gflx] {
    min-width: 1000px;
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}

.wrap3[b-dhp5m6gflx] {
    width: 100%;
}

@media (min-width:3000px) {
    .Header_Container[b-dhp5m6gflx],
    .Footer_Container[b-dhp5m6gflx] {
        max-width: 1920px;
    }

    .wrap1[b-dhp5m6gflx] {
        max-width: 1920px;
    }

    .Image_Container[b-dhp5m6gflx] {
        max-width: 1920px;
    }

        .Image_Container video[b-dhp5m6gflx] {
            height: 703px;
            width: auto;
            transform: translateX(0px);
        }

        .Image_Container img:last-child[b-dhp5m6gflx] {
            height: 606px;
        }

    .Section3_Container > .Title_Wrap[b-dhp5m6gflx] {
        max-width: 1920px;
        justify-content: space-between;
    }

    .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
        max-width: 1920px;
        justify-content: space-between
    }

    .Card_Container[b-dhp5m6gflx] {
        padding-right: 0;
        justify-content: space-between;
    }

    .Content_Card[b-dhp5m6gflx] {
        width: 529px;
        height: 544px;
        justify-content: space-between;
    }

    .Media_Container[b-dhp5m6gflx] {
        max-width: 1920px;
    }

    .Section5_Container hgroup[b-dhp5m6gflx] {
        width: 1500px;
        height: 293px;
    }

    .Media_Container iframe[b-dhp5m6gflx] {
        width: 1240px;
        height: 630px;
    }

    .Media_images img[b-dhp5m6gflx] {
        height: 203px;
    }

    .BubbleBox:first-child[b-dhp5m6gflx] {
        transform: translateX(-120px)
    }

    .BubbleBox:last-child[b-dhp5m6gflx] {
        transform: translateX(0)
    }

    .all[b-dhp5m6gflx] {
        justify-content: space-between
    }

    .Thrid[b-dhp5m6gflx] {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

/* 모바일 */

@media (min-width:360px) and (max-width:560px) {
    .Card_Container[b-dhp5m6gflx] {
        background-image: unset;
    }

    .Content_Card[b-dhp5m6gflx] {
        width: 325px;
        height: 363px;
    }

    .Section3_Container > .Title_Wrap a[b-dhp5m6gflx] {
        padding: 8px 19px;
        font-size: 2rem;
        margin-top: 34px;
        margin-right: 16px;
        width: 150px;
    }

    #location_WrapMobile.show[b-dhp5m6gflx] {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 65px;
        right: 45px;
    }

    #toggleButton[b-dhp5m6gflx] {
        display: block;
    }

        #toggleButton img[b-dhp5m6gflx] {
            height: 18px;
        }

    .Header_Container ul[b-dhp5m6gflx] {
        display: none;
    }

    .Section1_Container[b-dhp5m6gflx],
    .Section2_Container[b-dhp5m6gflx],
    .Section3_Container > .Content_Wrap[b-dhp5m6gflx],
    .Section4_Container[b-dhp5m6gflx] {
        padding: 102px 16px 100px 16px;
    }

    .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
        padding: 102px 16px 100px 16px;
    }

    .Section5_Container[b-dhp5m6gflx] {
        padding: 67px 16px;
    }

    .BtnTitle[b-dhp5m6gflx] {
        font-size: 1.8rem;
    }

    .Section1_Container hgroup h2[b-dhp5m6gflx],
    .Section1_Container hgroup h2 strong[b-dhp5m6gflx] {
        font-size: 3rem;
    }

    .Section1_Container hgroup button[b-dhp5m6gflx] {
        max-width: 162px;
        height: 54px;
        padding: 5px 24px;
        line-height: normal;
    }

        .Section1_Container hgroup button span[b-dhp5m6gflx] {
            font-size: 1rem
        }

    .BubbleBox_Wrap[b-dhp5m6gflx] {
        max-width: none;
        padding-top: 94px;
        gap: 45px;
    }

    .BubbleBox h3[b-dhp5m6gflx] {
        font-size: 1.8rem;
        padding-bottom: 15px;
    }

    .BubbleBox_Container:first-child[b-dhp5m6gflx] {
        align-self: flex-start;
        min-width: 258px;
        max-width: 289px;
        width: 100%
    }

    .BubbleBox_Container:last-child[b-dhp5m6gflx] {
        align-self: flex-end;
        min-width: 258px;
        max-width: 289px;
        transform: translateX(0);
        padding-top: 0;
        width: 100%:
    }

    .star[b-dhp5m6gflx] {
        position: absolute;
        bottom: 140px;
        right: -30px;
    }

        .star img:first-child[b-dhp5m6gflx] {
            height: 53px;
            top: 55px;
            left: 15px;
        }

        .star img:nth-child(2)[b-dhp5m6gflx] {
            top: 25px;
            left: 5px;
            height: 24px;
        }

    .starSecond[b-dhp5m6gflx] {
        bottom: 100px;
        left: -120px;
    }

        .starSecond img:nth-child(1)[b-dhp5m6gflx] {
            left: 55px;
            height: 24px;
            top: 75px;
        }

        .starSecond img:nth-child(2)[b-dhp5m6gflx] {
            left: 45px;
            height: 53px;
        }

    .img_Wrap[b-dhp5m6gflx],
    .img_Wrap2[b-dhp5m6gflx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: -10px;
    }

        .img_Wrap img[b-dhp5m6gflx],
        .img_Wrap2 img[b-dhp5m6gflx] {
            height: 44px;
        }

    .BubbleBox > .img_Wrap img:last-child[b-dhp5m6gflx],
    .BubbleBox > .img_Wrap2 img:last-child[b-dhp5m6gflx] {
        transform: translateY(-30px)
    }

    .Section2_Container hgroup[b-dhp5m6gflx] {
        padding-top: 84px;
    }

        .Section2_Container hgroup h2[b-dhp5m6gflx],
        .Section2_Container hgroup h2 strong[b-dhp5m6gflx] {
            font-size: 3rem
        }

        .Section2_Container hgroup h4[b-dhp5m6gflx] {
            font-size: 1.8rem;
            padding-top: 16px;
        }

    .Image_Container[b-dhp5m6gflx] {
        padding: 83px 0 77px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .Image_Container video[b-dhp5m6gflx] {
            height: 100%;
            width: 100%;
            max-width: 528px;
            transform: translateX(0);
            aspect-ratio: 16 / 9;
        }

        .Image_Container img:last-child[b-dhp5m6gflx] {
            height: auto;
            width: 80%;
            position: relative;
            right: 0;
            bottom: 25px;
            z-index: 1;
            aspect-ratio: 3 / 2;
        }

    .material-symbols-outlined[b-dhp5m6gflx] {
        height: 30px;
        padding-bottom: 50px;
    }

    .Section3_Container > .Title_Wrap[b-dhp5m6gflx] {
        padding: 0 16px;
    }

    .Section3_Container hgroup[b-dhp5m6gflx] {
        align-self: center;
    }

        .Section3_Container hgroup h2[b-dhp5m6gflx],
        .Section3_Container hgroup h2 a strong[b-dhp5m6gflx] {
            font-size: 3rem;
        }

    .Section4_Container hgroup h2 a[b-dhp5m6gflx] {
        padding-top: 40px;
        padding-bottom: 49px;
    }

    .Section4_Container[b-dhp5m6gflx] {
        align-items: center;
        justify-content: center
    }

        .Section4_Container hgroup h2[b-dhp5m6gflx],
        .Section4_Container hgroup h2 a strong[b-dhp5m6gflx] {
            font-size: 3rem;
            font-weight: 700;
            padding-bottom: 0px;
            width: 100%;
            max-width: 560px;
            text-align: center;
            line-height: 38px;
            justify-content: center
        }

    .Media_Container[b-dhp5m6gflx] {
        padding: 18px 22px;
        max-width: none;
        display: flex;
        flex-direction: column;
        margin-bottom: 112px;
        display: grid;
        grid-template-rows: auto 1fr;
        width: 100%;
        justify-items: center;
        justify-content: center;
        align-items: start;
        gap: 25px;
    }

        .Media_Container iframe[b-dhp5m6gflx] {
            width: 100%;
            height: 100%;
            margin-bottom: 105px;
            max-width: 500px;
            max-height: 240px;
        }

    .Media_images[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-self: center;
        align-items: center;
    }

        .Media_images a img[b-dhp5m6gflx] {
            height: auto;
            max-width: 460px;
            width: 80%;
            min-width: 270px;
            display: block;
            margin: 0 auto;
        }

    .Section5_Container h2[b-dhp5m6gflx],
    .Section5_Container h2 strong[b-dhp5m6gflx] {
        font-size: 3rem;
        padding-bottom: 40px;
        text-align: center;
        word-break: keep-all;
    }

    .Section5_Container hgroup[b-dhp5m6gflx] {
        position: relative;
        width: 334px;
        height: 144px;
        padding: 37px 17px;
        gap: 6px;
    }

        .Section5_Container hgroup h3[b-dhp5m6gflx] {
            font-size: 1.8rem;
        }

        .Section5_Container hgroup a[b-dhp5m6gflx],
        .Section5_Container hgroup a:hover[b-dhp5m6gflx] {
            font-size: 1.8rem;
        }

    .alertWrap[b-dhp5m6gflx] {
        gap: 14px;
    }

    .alert[b-dhp5m6gflx] {
        width: 75%;
        font-size: 1.4rem;
        text-align: center;
    }

    .Section3_Container hgroup h4[b-dhp5m6gflx] {
        font-size: 1.8rem;
    }

    .Footer_Container[b-dhp5m6gflx] {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (min-width:561px) and (max-width:768px) {
    .Content_Card[b-dhp5m6gflx] {
        width: 358px;
        height: 363px;
        padding: 20px 40px 50px 40px;
        margin-bottom: 78px;
    }

    .Footer_Container[b-dhp5m6gflx] {
        flex-direction: column;
        align-items: flex-start
    }

    .iconTitle[b-dhp5m6gflx] {
        padding: 0 !important
    }

    .Section3_Container > .Title_Wrap a[b-dhp5m6gflx] {
        padding: 13px 29px;
        font-size: 2rem;
        margin-top: 34px;
        margin-right: 16px;
        width: 170px;
    }

    #location_WrapMobile.show[b-dhp5m6gflx] {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 65px;
        right: 55px;
    }

    .Section1_Container[b-dhp5m6gflx],
    .Section2_Container[b-dhp5m6gflx],
    .Section3_Container > .Content_Wrap[b-dhp5m6gflx],
    .Section4_Container[b-dhp5m6gflx] {
        padding: 102px 32px 100px 32px;
    }

    .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
        padding: 102px 32px 100px 32px;
    }

    .Section5_Container[b-dhp5m6gflx] {
        padding: 67px 32px;
    }

        .Section1_Container hgroup h2[b-dhp5m6gflx],
        .Section1_Container hgroup h2 strong[b-dhp5m6gflx],
        .Section2_Container hgroup h2[b-dhp5m6gflx],
        .Section2_Container hgroup h2 strong[b-dhp5m6gflx],
        .Section3_Container hgroup h2[b-dhp5m6gflx],
        .Section3_Container hgroup h2 strong[b-dhp5m6gflx],
        .Section4_Container hgroup h2[b-dhp5m6gflx],
        .Section4_Container hgroup h2 a strong[b-dhp5m6gflx],
        .Section5_Container h2[b-dhp5m6gflx],
        .Section5_Container h2 strong[b-dhp5m6gflx] {
            font-size: 3rem;
        }

    .Section3_Container hgroup h4[b-dhp5m6gflx] {
        font-size: 1.8rem;
    }

    .Section1_Container hgroup button[b-dhp5m6gflx] {
        padding: 12px 34px;
        font-size: 3rem;
        line-height: 28px;
        max-width: 265px;
    }

        .Section1_Container hgroup button span[b-dhp5m6gflx] {
            font-size: 1.8rem
        }

    .BtnTitle[b-dhp5m6gflx] {
        font-size: 2rem;
    }

    .BubbleBox_Wrap[b-dhp5m6gflx] {
        max-width: none;
        padding-top: 94px;
        gap: 45px;
    }

    .BubbleBox h3[b-dhp5m6gflx] {
        font-size: 1.8rem;
        padding-bottom: 15px;
    }

    .BubbleBox_Container:first-child[b-dhp5m6gflx] {
        align-self: flex-start;
        width: 100%;
        min-width: 298px;
        max-width: 405px;
    }

    .BubbleBox_Container:last-child[b-dhp5m6gflx] {
        align-self: flex-end;
        width: 100%;
        min-width: 298px;
        max-width: 405px;
        transform: translateX(0);
        padding-top: 0
    }

    .star[b-dhp5m6gflx] {
        position: absolute;
        bottom: 140px;
        right: -30px;
    }

        .star img:first-child[b-dhp5m6gflx] {
            height: 53px;
            top: 55px;
            left: 15px;
        }

        .star img:nth-child(2)[b-dhp5m6gflx] {
            top: 25px;
            left: 5px;
            height: 24px;
        }

    .starSecond[b-dhp5m6gflx] {
        bottom: 100px;
        left: -120px;
    }

        .starSecond img:nth-child(1)[b-dhp5m6gflx] {
            left: 55px;
            height: 24px;
            top: 75px;
        }

        .starSecond img:nth-child(2)[b-dhp5m6gflx] {
            left: 45px;
            height: 53px;
        }

    .img_Wrap[b-dhp5m6gflx],
    .img_Wrap2[b-dhp5m6gflx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: -10px;
    }

        .img_Wrap img[b-dhp5m6gflx],
        .img_Wrap2 img[b-dhp5m6gflx] {
            height: 44px;
        }

    .BubbleBox > .img_Wrap img:last-child[b-dhp5m6gflx],
    .BubbleBox > .img_Wrap2 img:last-child[b-dhp5m6gflx] {
        transform: translateY(-30px)
    }

    .Section2_Container hgroup h2[b-dhp5m6gflx],
    .Section2_Container hgroup h2 strong[b-dhp5m6gflx] {
        font-size: 3rem
    }

    .Section2_Container hgroup h4[b-dhp5m6gflx] {
        font-size: 1.8rem;
        padding-top: 16px;
    }

    .Image_Container[b-dhp5m6gflx] {
        padding: 83px 0 77px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .Section3_Container hgroup[b-dhp5m6gflx] {
        padding: 0 32px;
        align-self: flex-start;
    }

        .Section3_Container hgroup h4[b-dhp5m6gflx] {
            font-size: 1.8rem;
        }

    .Section3_Container .Title_Wrap[b-dhp5m6gflx] {
        padding: 0 32px;
    }

        .Section3_Container .Title_Wrap hgroup[b-dhp5m6gflx] {
            padding: 0
        }

    .Second .Title_Wrap[b-dhp5m6gflx] {
        padding: 0;
    }

    .Section4_Container hgroup h2[b-dhp5m6gflx] {
        padding-top: 40px;
        padding-bottom: 49px;
    }

        .Section4_Container hgroup h2[b-dhp5m6gflx],
        .Section4_Container hgroup h2 a strong[b-dhp5m6gflx] {
            font-size: 3rem;
            text-align: left;
        }

    .Media_Container[b-dhp5m6gflx] {
        padding: 22px;
        max-width: none;
        display: flex;
        flex-direction: column;
        margin-bottom: 112px;
        display: grid;
        grid-template-rows: auto 1fr;
        width: 100%;
        justify-items: center;
        justify-content: center;
        align-items: start;
        gap: 25px;
    }

        .Media_Container iframe[b-dhp5m6gflx] {
            width: 100%;
            height: none;
            margin-bottom: 0;
            max-width: 700px;
            max-height: 360px;
            aspect-ratio: 16 / 9;
        }

    .Media_images[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-self: center;
        align-items: center;
    }

        .Media_images img[b-dhp5m6gflx] {
            height: auto;
            max-width: 497px;
            width: 80%;
            min-width: 270px;
        }


    .Section5_Container hgroup[b-dhp5m6gflx] {
        position: relative;
        width: 85%;
        height: 144px;
        padding: 37px 17px;
        gap: 6px;
    }

        .Section5_Container hgroup h3[b-dhp5m6gflx] {
            font-size: 2.4rem;
        }

        .Section5_Container hgroup a[b-dhp5m6gflx],
        .Section5_Container hgroup a:hover[b-dhp5m6gflx] {
            font-size: 2.4rem;
        }

    .alert[b-dhp5m6gflx] {
        font-size: 2.4rem;
        text-align: center;
    }
}

@media (max-width:768px) {
    #locationMobile[b-dhp5m6gflx] {
        display: block;
        position: absolute;
        right: 82px;
        top: 28px;
    }

        #locationMobile img[b-dhp5m6gflx] {
            height: 24px;
        }

        #locationMobile:hover[b-dhp5m6gflx] {
            /*content: url("/images/icons/world1.png");*/
            content: url("/images/icons/world1.webp");
            position: absolute;
            right: 82px;
            top: 28px;
            height: 24px;
        }

    #Root[b-dhp5m6gflx] {
/*                top: 80px;
        height: calc(100% - 80px);*/
        grid-template-rows: 1fr 333px; /* header 제거로 인한 그리드 수정 */
    }

    #Header_Wrapper[b-dhp5m6gflx] {
        height: 80px;
        padding: 0 32px;
    }

    .Header_Container[b-dhp5m6gflx] {
        max-width: none;
    }

        .Header_Container ul.show[b-dhp5m6gflx] {
            display: flex
        }

    .Header_Title img[b-dhp5m6gflx] {
        height: 38px;
    }

    .Header_Title h3[b-dhp5m6gflx] {
        font-size: 2.4rem;
        color: #404041;
        font-weight: 700;
        margin: 0 20px 0 6px;
    }

    .Header_Container ul[b-dhp5m6gflx] {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        /*height: 190px;*/
        background: #ffffff;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        padding: 24px 32px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        border-bottom: 2px solid #c7c7c7;
    }

        .Header_Container ul li:last-child[b-dhp5m6gflx] {
            width: 150px;
            /*display: flex;*/
            display: none;
            align-items: center;
            justify-content: center;
        }

            .Header_Container ul li:last-child img[b-dhp5m6gflx] {
                height: 20px;
                width: 28px;
            }

                .Header_Container ul li:last-child img:hover[b-dhp5m6gflx] {
                    content: url('/images/icons/sideMenuBtn_hover.png');
                    height: 28px;
                    width: 20px;
                }

    #toggleButton[b-dhp5m6gflx] {
        display: block;
        position: absolute;
        right: 32px;
        top: 30px;
    }

    .download_Btn[b-dhp5m6gflx] {
        padding: 10px 40px;
        font-size: 1.8rem;
        margin-top: 20px;
        background: #B6B6B6;
        background-image: unset;
        display: none;
    }

        .download_Btn span[b-dhp5m6gflx] {
            color: #e0e0e0;
            display: none;
        }

            .download_Btn span:hover[b-dhp5m6gflx] {
                color: #E0E0E0 !important;
                background-position: unset;
                display: none;
            }

    .Header_Container ul li:nth-child(2)[b-dhp5m6gflx] {
        border-bottom: 1px solid #c7c7c7;
        width: 100%;
        padding-bottom: 12px;
    }

    .Header_Container ul li:nth-child(3)[b-dhp5m6gflx] {
        display: none;
        /*        position: absolute;
        top: -57px;
        right: 12px;*/
    }

    .Header_Container ul li img[b-dhp5m6gflx] {
        height: 24px;
    }

    .Status_Title h4[b-dhp5m6gflx] {
        font-size: 1.2rem;
    }

    .Status_Title p[b-dhp5m6gflx] {
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }

    .Section1_Container[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .MainPage_Container[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
    }

    .wrap1[b-dhp5m6gflx] {
        max-width: 704px;
        min-width: 284px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
    }

    .MainPage_Container[b-dhp5m6gflx] {
        max-width: none;
        /* padding: 0 16px;*/
    }



    .Image_Container video[b-dhp5m6gflx] {
        height: 100%;
        width: 100%;
        /*        max-width: 704px;*/
        transform: translateX(0);
    }

    .Image_Container img:last-child[b-dhp5m6gflx] {
        height: auto;
        width: 80%;
        position: relative;
        right: 0;
        bottom: 25px;
        z-index: 1;
        aspect-ratio: 3 / 2;
    }

    .Section3_Container[b-dhp5m6gflx] {
        padding: 57px 0 0 0;
        width: 100vw;
    }

        .Section3_Container > .Title_Wrap[b-dhp5m6gflx] {
            flex-direction: column;
            align-items: flex-end;
        }



            .Section3_Container > .Title_Wrap a img[b-dhp5m6gflx] {
                width: 12px;
                height: 12px;
            }

        .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding-top: 50px;
            gap: 25px;
            width: 100%;
            overflow-x: scroll;
            scroll-snap-type: x mandatory;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

            .Section3_Container > .Content_Wrap > .Card_Container h3[b-dhp5m6gflx] {
                font-size: 2rem;
                padding-bottom: 14px;
            }

    .Card_Container[b-dhp5m6gflx] {
        scroll-snap-align: center;
        padding-right: 0;
        background-image: unset;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: center;
        width: 100%;
        margin-bottom: 0px;
    }



    .Content_Card p[b-dhp5m6gflx] {
        font-size: 1.6rem;
        padding-bottom: 14px;
    }

    .Content_Card ul[b-dhp5m6gflx] {
        line-height: 32px;
        gap: 12px;
    }

        .Content_Card ul li[b-dhp5m6gflx] {
            line-height: 18px;
            height: unset;
        }

            .Content_Card ul li a[b-dhp5m6gflx] {
                font-size: 1.6rem;
            }

                .Content_Card ul li a img[b-dhp5m6gflx],
                .Second img[b-dhp5m6gflx] {
                    height: 40px;
                }

    .Second img[b-dhp5m6gflx] {
        padding-right: 22px;
    }

    .Slide_Btn p[b-dhp5m6gflx] {
        height: 8px;
        width: 8px;
        padding-bottom: 0;
    }

    .Section3_Container > .Content_Wrap > .Card_Container h3[b-dhp5m6gflx] {
        font-size: 2rem;
        padding-top: 14px;
    }

    .Second p[b-dhp5m6gflx] {
        font-size: 1.2rem;
        padding-bottom: 0;
    }

    .latest[b-dhp5m6gflx] {
        padding: 40px 40px 50px 40px;
    }

    .icon_Container[b-dhp5m6gflx] {
        display: grid;
        grid-template-rows: repeat(2, 54px);
        grid-template-columns: repeat(2, 54px);
        gap: 19px;
    }

    .icon_ContainerRow[b-dhp5m6gflx] {
        gap: 19px;
    }

        .icon_Container img[b-dhp5m6gflx],
        .icon_ContainerRow img[b-dhp5m6gflx] {
            height: 54px;
            cursor: pointer;
        }

    .Circle[b-dhp5m6gflx] {
        width: 125px;
        height: 125px;
    }

    .all[b-dhp5m6gflx] {
        padding: 40px;
    }

    .Third[b-dhp5m6gflx] {
        width: 100%;
    }

    .showMore[b-dhp5m6gflx] {
        width: 100%;
        height: 44px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 29px;
    }

        .showMore p[b-dhp5m6gflx] {
            font-size: 1.6rem;
            color: #787878;
            padding-bottom: 0;
        }

            .showMore p:hover[b-dhp5m6gflx] {
                color: rgb(41, 128, 255);
                font-weight: 500;
                cursor: pointer;
            }

        .showMore img[b-dhp5m6gflx] {
            height: 21px;
        }

    .border[b-dhp5m6gflx] {
        width: 100%;
        border: 1px solid #c7c7c7
    }

    .Section5_Container[b-dhp5m6gflx] {
        justify-content: flex-start
    }

    .alertWrap[b-dhp5m6gflx] {
        padding-top: 40px;
        width: 100%;
    }

    .alertBar[b-dhp5m6gflx] {
        width: 24px;
    }

    #Footer_Wrapper[b-dhp5m6gflx] {
        padding: 0 16px;
    }



        #Footer_Wrapper ul[b-dhp5m6gflx] {
            flex-direction: column;
            justify-items: flex-start;
            align-items: flex-start;
            gap: 6px;
        }

    .bar[b-dhp5m6gflx] {
        display: none
    }

    .FooterIcon[b-dhp5m6gflx] {
        margin-top: 24px;
    }

    .Circle span[b-dhp5m6gflx],
    .Circle .Num[b-dhp5m6gflx] {
        font-size: 5rem;
    }

    .Media_images a img[b-dhp5m6gflx] {
        height: auto;
        max-width: 460px;
        width: 80%;
        min-width: 270px;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width:769px) and (max-width:1280px) {


    .MainPage_Container[b-dhp5m6gflx] {
        grid-template-rows: 0.6fr 0.6fr 0.6fr 0.8fr 0.5fr;
    }

    #Header_Wrapper[b-dhp5m6gflx] {
        height: 100px;
        padding: 0 64px;
    }

    .Header_Container ul[b-dhp5m6gflx] {
        display: none;
    }

    #toggleButton[b-dhp5m6gflx] {
        display: block;
    }

        #toggleButton img[b-dhp5m6gflx] {
            height: 24px;
        }

    .Status_Title h4[b-dhp5m6gflx] {
        font-size: 1.8rem;
    }

    .Section3_Container hgroup h4[b-dhp5m6gflx] {
        font-size: 2.4rem;
    }

    .Status_Title p[b-dhp5m6gflx] {
        width: 18px;
        height: 18px;
    }

    #Root[b-dhp5m6gflx] {
        top: 100px;
        height: calc(100% - 100px);
        grid-template-rows: 1fr 333px; /* header 제거로 인한 그리드 수정 */
    }

    #MainPage_Wrapper[b-dhp5m6gflx] {
        grid-row: 1;
        /* width: 100%; */
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .Section1_Container hgroup h2[b-dhp5m6gflx],
    .Section1_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section2_Container hgroup h2[b-dhp5m6gflx],
    .Section2_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section3_Container hgroup h2[b-dhp5m6gflx],
    .Section3_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section4_Container hgroup h2[b-dhp5m6gflx],
    .Section4_Container hgroup h2 a strong[b-dhp5m6gflx],
    .Section5_Container h2[b-dhp5m6gflx],
    .Section5_Container h2 strong[b-dhp5m6gflx] {
        font-size: 4.5rem;
    }

    .Section1_Container[b-dhp5m6gflx],
    /*    .Section2_Container,*/
    .Section3_Container[b-dhp5m6gflx],
    .Section4_Container[b-dhp5m6gflx] {
        padding: 102px 64px 100px 64px;
    }


    .Section1_Container[b-dhp5m6gflx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .BtnTitle[b-dhp5m6gflx] {
        font-size: 3rem;
    }

    .wrap1[b-dhp5m6gflx] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
        max-width: 1152px;
        min-width: 641px;
    }

    .BubbleBox_Wrap[b-dhp5m6gflx] {
        gap: 45px;
    }

    .BubbleBox > .img_Wrap img:first-child[b-dhp5m6gflx], .BubbleBox > .img_Wrap img:last-child[b-dhp5m6gflx], .img_Wrap2 img:first-child[b-dhp5m6gflx], .img_Wrap2 img:last-child[b-dhp5m6gflx] {
        height: 84px;
        width: 84px;
    }

    .BubbleBox > .img_Wrap img[b-dhp5m6gflx] {
        padding-bottom: 0;
    }

    .BubbleBox h3[b-dhp5m6gflx] {
        font-size: 3rem;
    }

    .star[b-dhp5m6gflx] {
        position: absolute;
        bottom: 190px;
        right: -70px;
    }

    .starSecond[b-dhp5m6gflx] {
        position: absolute;
        bottom: 220px;
        left: -140px;
    }

    .star img:nth-child(2)[b-dhp5m6gflx] {
        height: 34px;
    }

    .star img:first-child[b-dhp5m6gflx] {
        height: 74px;
        left: 0;
        top: 60px;
    }

    .starSecond img:nth-child(2)[b-dhp5m6gflx] {
        position: relative;
        top: 110px;
        left: 40px;
    }

    .starSecond img:nth-child(1)[b-dhp5m6gflx] {
        position: relative;
        top: 150px;
        left: 45px;
        height: 25px;
    }

    .Section2_Container[b-dhp5m6gflx] {
        padding: 84px 64px;
        justify-content: flex-start;
    }

        .Section2_Container hgroup h4[b-dhp5m6gflx] {
            padding-bottom: 0;
            font-size: 3rem;
            padding-top: 18px;
        }

    .Image_Container[b-dhp5m6gflx] {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0
    }

        .Image_Container video[b-dhp5m6gflx] {
            margin-top: 80px;
            height: unset;
            width: 100%;
            max-width: 896px;
            transform: translateX(0);
        }

    .Section3_Container[b-dhp5m6gflx] {
        padding: 57px 0 0 0;
        width: 100vw;
        justify-content: flex-start;
    }

        .Section3_Container > .Title_Wrap[b-dhp5m6gflx] {
            padding: 0 64px;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
        }

            .Section3_Container > .Title_Wrap a[b-dhp5m6gflx] {
                padding: 10px 48px;
                align-self: flex-end;
                margin-top: 80px;
            }

        .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
            margin-top: 30px;
            padding: 20px 64px;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding-top: 50px;
            gap: 25px;
            width: 100%;
            overflow-x: scroll;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            height: auto;
            scroll-snap-type: x mandatory;
        }

    .Section4_Container[b-dhp5m6gflx] {
        justify-content: center;
        margin-bottom: 80px;
    }

        .Section4_Container hgroup[b-dhp5m6gflx] {
            text-align: center
        }

    .Section5_Container[b-dhp5m6gflx] {
        padding: 0 64px;
    }

        .Section5_Container hgroup[b-dhp5m6gflx] {
            width: 100%
        }

    .alert[b-dhp5m6gflx] {
        text-align: center
    }

    #Footer_Wrapper[b-dhp5m6gflx] {
        padding: 0 64px;
    }

        #Footer_Wrapper ul[b-dhp5m6gflx] {
            display: flex;
            flex-direction: column;
            justify-items: flex-start;
            align-items: flex-start;
        }

    .Footer_Container[b-dhp5m6gflx] {
        max-width: none;
        align-items: flex-start;
    }

    .FooterIcon[b-dhp5m6gflx] {
        margin-top: 24px;
    }

    .bar[b-dhp5m6gflx] {
        display: none
    }
}

@media (min-width:769px) and (max-width:1080px) {
    .Header_Container ul li:nth-child(3)[b-dhp5m6gflx] {
        display: none !important
    }

    .download_Btn[b-dhp5m6gflx] {
        max-width: 180px;
        width: 100%;
        background-image: unset;
        display: none;
    }

        .download_Btn span[b-dhp5m6gflx] {
            color: #e0e0e0;
            display: none;
        }

            .download_Btn span:hover[b-dhp5m6gflx] {
                color: #E0E0E0 !important;
                background-position: unset;
                display: none;
            }

    #location_WrapMobile.show[b-dhp5m6gflx] {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 75px;
        right: 55px;
    }

    #locationMobile[b-dhp5m6gflx] {
        display: block;
        position: absolute;
        right: 124px;
        top: 38px;
    }

        #locationMobile img[b-dhp5m6gflx] {
            height: 29px;
        }

        #locationMobile:hover[b-dhp5m6gflx] {
            /*content: url("/images/icons/world1.png");*/
            content: url("/images/icons/world1.webp");
            position: absolute;
            height: 29px;
        }

    #toggleButton[b-dhp5m6gflx] {
        display: block;
        position: absolute;
        right: 64px;
        top: 40px;
    }

        #toggleButton img[b-dhp5m6gflx] {
            height: 24px;
        }

    .download_Btn[b-dhp5m6gflx] {
        padding: 10px 40px;
        font-size: 1.8rem;
        margin-top: 20px;
        background: #B6B6B6;
        color: #E0E0E0 !important;
        display: block;
    }

    .Header_Container ul.show[b-dhp5m6gflx] {
        display: flex;
    }

    .Header_Container ul[b-dhp5m6gflx] {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        /*height: 250px;*/
        background: #ffffff;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        padding: 24px 64px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        border-bottom: 2px solid #c7c7c7;
    }


        .Header_Container ul li[b-dhp5m6gflx] {
            font-size: 2rem;
            color: #292929;
            margin-right: 64px;
            cursor: pointer;
        }

            .Header_Container ul li:nth-child(2)[b-dhp5m6gflx] {
                border-bottom: 1px solid #c7c7c7;
                width: 100%;
                padding-bottom: 12px;
            }

            .Header_Container ul li:nth-child(3)[b-dhp5m6gflx] {
                display: block;
                position: absolute;
                right: 64px;
                top: -63px;
            }

            .Header_Container ul li:last-child[b-dhp5m6gflx] {
                /*display: block;*/
                display: none;
            }

                .Header_Container ul li:last-child img[b-dhp5m6gflx] {
                    height: 20px;
                    width: 28px;
                }

    .BubbleBox_Wrap[b-dhp5m6gflx] {
        max-width: none;
        padding-top: 94px;
    }

    .BubbleBox_Container[b-dhp5m6gflx] {
        width: 100%;
    }

        .BubbleBox_Container:first-child[b-dhp5m6gflx] {
            align-self: flex-start;
            width: 100%;
            max-width: 525px;
        }

        .BubbleBox_Container:last-child[b-dhp5m6gflx] {
            align-self: flex-end;
            width: 100%;
            max-width: 525px;
            transform: translateX(0)
        }

    .img_Wrap[b-dhp5m6gflx],
    .img_Wrap2[b-dhp5m6gflx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 8px;
    }

    .Media_Container[b-dhp5m6gflx] {
        padding: 22px;
        max-width: none;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        display: grid;
        grid-template-rows: auto 1fr;
        width: 100%;
        justify-items: center;
        justify-content: center;
        align-items: start;
        gap: 25px;
    }

    .Image_Container img:last-child[b-dhp5m6gflx] {
        height: 406px;
        width: auto;
        position: relative;
        right: 0;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
        bottom: 25px;
    }

    .Media_Container iframe[b-dhp5m6gflx] {
        max-width: 852px;
        max-height: 415px;
        aspect-ratio: 16 / 9;
        width: 100%;
        height: none;
    }

    .Media_images img[b-dhp5m6gflx] {
        height: 247px;
    }

    .Media_images a img[b-dhp5m6gflx] {
        height: 247px;
        display: block;
        margin: 0 auto;
    }

    .border[b-dhp5m6gflx] {
        height: 1px;
        width: 100%;
    }

    .Footer_Container[b-dhp5m6gflx] {
        /*        flex-direction: column;*/
        gap: 15px
    }
}

@media (min-width:1081px) and (max-width:1280px) {
    .Header_Container ul[b-dhp5m6gflx] {
        display: flex;
    }

    #toggleButton img[b-dhp5m6gflx] {
        display: none
    }

    .wrap1[b-dhp5m6gflx] {
        min-width: 900px;
        max-width: 1160px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 25px;
        align-items: center;
    }

    .BubbleBox_Container[b-dhp5m6gflx] {
        max-width: 484px;
        min-width: 350px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .BubbleBox:first-child[b-dhp5m6gflx] {
        max-width: 484px;
        justify-content: space-between;
        padding: 0 24px;
        width: 100%;
        max-height: 140px;
        background-size: cover;
        max-width: 484px;
        height: 100%;
        gap: 15px;
    }

    .BubbleBox:last-child[b-dhp5m6gflx] {
        transform: translateX(0px);
        max-width: 484px;
        justify-content: space-between;
        padding: 0 24px;
        width: 100%;
        max-height: 140px;
        background-size: cover;
        max-width: 484px;
        height: 100%;
        gap: 15px;
    }

    .BubbleBox h3[b-dhp5m6gflx] {
        font-size: 2.6rem;
        padding-bottom: 20px;
    }

    .img_Wrap[b-dhp5m6gflx],
    .img_Wrap2[b-dhp5m6gflx] {
        padding-bottom: 20px;
    }

    .Image_Container video[b-dhp5m6gflx] {
        max-width: 1160px;
        aspect-ratio: 16 / 9
    }

    .Media_Container[b-dhp5m6gflx] {
        padding: 26px;
        max-width: 1160px;
        margin-bottom: 0;
    }

        .Media_Container iframe[b-dhp5m6gflx] {
            width: 100%;
            max-width: 680px;
            height: 390px;
            aspect-ratio: 16 / 9;
        }

    .Media_images[b-dhp5m6gflx] {
        height: 100%;
        justify-content: space-between;
    }

        .Media_images img[b-dhp5m6gflx] {
            height: 117px;
        }

    .Image_Container img:last-child[b-dhp5m6gflx] {
        height: 466px;
        width: auto;
        position: relative;
        right: 0;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
        bottom: 25px;
    }
}

@media(min-width:1281px) and (max-width:1440px) {
    .Section1_Container hgroup h2[b-dhp5m6gflx],
    .Section1_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section2_Container hgroup h2[b-dhp5m6gflx],
    .Section2_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section3_Container hgroup h2[b-dhp5m6gflx],
    .Section3_Container hgroup h2 strong[b-dhp5m6gflx],
    .Section4_Container hgroup h2[b-dhp5m6gflx],
    .Section4_Container hgroup h2 a strong[b-dhp5m6gflx],
    .Section5_Container h2[b-dhp5m6gflx],
    .Section5_Container h2 strong[b-dhp5m6gflx] {
        font-size: 5rem;
    }

    .Section2_Container[b-dhp5m6gflx],
    .Section4_Container[b-dhp5m6gflx],
    .Section5_Container[b-dhp5m6gflx] {
        padding: 102px 120px 100px 120px;
    }

    #Footer_Wrapper[b-dhp5m6gflx] {
        padding: 0 120px;
    }

    #Header_Wrapper[b-dhp5m6gflx] {
        padding: 0 120px;
    }

    .Header_Container ul li:nth-child(4)[b-dhp5m6gflx] {
        margin-right: 0 !important;
    }

    .Section1_Container[b-dhp5m6gflx] {
        padding: 0 120px
    }

    .Section2_Container[b-dhp5m6gflx] {
        width: 100vw;
    }

    .Image_Container[b-dhp5m6gflx] {
        max-width: 1200px;
        justify-content: flex-start;
    }

        .Image_Container video[b-dhp5m6gflx] {
            height: 503px;
            transform: translateX(0)
        }

        .Image_Container img:last-child[b-dhp5m6gflx] {
            height: 386px;
            right: 205px;
        }

    .Section3_Container[b-dhp5m6gflx] {
        padding: 82px 120px 150px 120px;
        width: 100vw;
        overflow: hidden;
    }

        .Section3_Container > .Content_Wrap[b-dhp5m6gflx] {
            max-width: 1440px;
            justify-content: flex-start;
            align-items: flex-start;
            overflow-x: scroll;
            padding-bottom: 40px;
            padding: 105px 16px 40px 16px;
        }

    .BubbleBox_Container[b-dhp5m6gflx] {
        max-width: 524px;
        right: 0;
    }

    .Media_Container[b-dhp5m6gflx] {
        max-width: 1200px;
        gap: 15px;
    }
}

@media (min-width:1281px) {
    #toggleButton[b-dhp5m6gflx] {
        display: none;
    }

    .Header_Container ul[b-dhp5m6gflx] {
        display: flex
    }
}
/* _content/BIMILHomePage/Pages/MyInfo/TermsOfService.cshtml.rz.scp.css */
body[b-kexz3680ad] {
    background: #F4F7FC;
    font-family: 'Pretendard Variable','Segoe UI',sans-serif;
    color: #333;
    margin: 0;
    overflow: hidden;
}

/* 전체 높이를 뷰포트에 맞추고 위(80px)/아래(24px) 여백 유지 */
.terms-container[b-kexz3680ad] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    box-sizing: border-box;
    padding: 80px 20px 24px;
}

.terms-card[b-kexz3680ad] {
    width: 1024px;
    max-width: 100%;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.terms-header[b-kexz3680ad] {
    flex: 0 0 auto;
    width: 100%;
    background: linear-gradient(90deg,#2196f3,#0d6efd);
    color: #fff;
    padding: 20px 32px;
    text-align: center;
    font-weight: 600;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

    .terms-header h2[b-kexz3680ad] {
        margin: 0;
        font-size: 1.9rem;
        font-weight: 600;
    }

.terms-body[b-kexz3680ad] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 16px;
    box-sizing: border-box;
    min-height: 0;
}

.error-message[b-kexz3680ad] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: left;
}

/* PDF 영역 */
.pdf-viewer[b-kexz3680ad] {
    flex: 1 1 auto;
    width: 100%;
    background: #F2F2F2;
    border: 2px solid #F2F2F2;
    margin-bottom: 16px;
    overflow: hidden;
    min-height: 240px;
}

    .pdf-viewer iframe[b-kexz3680ad] {
        width: 100%;
        height: 100%;
        border: 0;
    }

/* 동의 체크 */
.agree-section[b-kexz3680ad] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 18px;
    color: #333;
}

    .agree-section input[b-kexz3680ad] {
        margin-right: 8px;
        transform: scale(1.2);
    }

/* 버튼 구역 */
.buttons-row[b-kexz3680ad] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 0 0 auto;
}

.action-buttons[b-kexz3680ad] {
    display: flex;
    gap: 10px;
}

button[type="submit"][b-kexz3680ad], .cancel-btn[b-kexz3680ad] {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    /* 비활성 submit */
    button[type="submit"]:disabled[b-kexz3680ad] {
        background: #e0e0e0;
        color: #999;
        cursor: not-allowed;
    }

    /* 활성 submit */
    button[type="submit"]:not(:disabled)[b-kexz3680ad] {
        background: #2980FF;
        color: white;
    }

    button[type="submit"]:hover:not(:disabled)[b-kexz3680ad] {
        background: #5799F9;
    }

/* 취소 버튼 */
.cancel-btn[b-kexz3680ad] {
    background: #e0e0e0;
    color: black;
}

    .cancel-btn:hover[b-kexz3680ad] {
        background: #D9D9D9;
    }

/* footer */
.terms-footer[b-kexz3680ad] {
    flex: 0 0 auto;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 8px 0 6px;
}

/* 모달 */
.modal-backdrop[b-kexz3680ad] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal-card[b-kexz3680ad] {
    width: 520px;
    max-width: 90%;
    background: white;
    border-radius: 28px;
    padding: 48px 56px 40px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.modal-icon[b-kexz3680ad] {
    width: 90px;
    height: 90px;
    background: #eaf0f9;
    color: #0d6efd;
    font-size: 44px;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.modal-card h3[b-kexz3680ad] {
    font-size: 22px;
    margin: 0 0 18px;
    font-weight: 900;
    color: #333;
}

.modal-card p[b-kexz3680ad] {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 22px;
    color: #555;
}

    .modal-card p:nth-of-type(1)[b-kexz3680ad] {
        margin: 0 0 2px;
    }

.modal-ok[b-kexz3680ad] {
    width: 180px;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    background: #2980FF;
    color: white;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .modal-ok:hover[b-kexz3680ad] {
        background: #5799F9;
    }

/* 반응형 */
@media (max-width:1200px) {
    .terms-card[b-kexz3680ad] {
        width: 94%;
    }
}

@media (max-width:992px) {
    .terms-body[b-kexz3680ad] {
        padding: 16px 16px 12px;
    }
}

@media (max-width:768px) {
    .terms-container[b-kexz3680ad] {
        padding: 80px 12px 24px;
    }

    .action-buttons[b-kexz3680ad] {
        flex-direction: column;
    }

    .terms-header h2[b-kexz3680ad] {
        font-size: 1.6rem;
    }
}

@media (max-width:560px) {
    .agree-section[b-kexz3680ad] {
        font-size: 1.15rem;
    }
}

@media (max-width:480px) {
    .terms-card[b-kexz3680ad] {
        width: 100%;
        border-radius: 0;
    }

    .terms-header[b-kexz3680ad] {
        border-radius: 0;
    }

    .terms-body[b-kexz3680ad] {
        padding: 14px 12px 10px;
    }

    .modal-card[b-kexz3680ad] {
        padding: 34px 28px 30px;
    }

    .modal-icon[b-kexz3680ad] {
        width: 80px;
        height: 80px;
        font-size: 40px;
    }
}
/* _content/BIMILHomePage/Pages/Shared/_HubDetailModal.cshtml.rz.scp.css */
/* 모달 스타일 */
.modal-overlay[b-mejrsa19mw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-container[b-mejrsa19mw] {
    position: relative;
    width: 95vw;
    height: 85vh;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    padding: 2rem;
}

.modal-close-btn[b-mejrsa19mw] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
    color: #666;
    z-index: 10000;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .modal-close-btn:hover[b-mejrsa19mw] {
        color: #000;
        background: rgba(255, 255, 255, 1);
    }

.modal-content[b-mejrsa19mw] {
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* HubDetail의 스타일을 모달용으로 복사 */
.modal-image-container-ac[b-mejrsa19mw] {
    width: 78%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.modal-arrow-back-ac[b-mejrsa19mw] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    cursor: pointer;
}

.modal-image-midde-ac[b-mejrsa19mw] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: calc(100% - 130px);
    transition: opacity 0.2s ease;
}

.modal-arrow-nav-ac[b-mejrsa19mw] {
    cursor: pointer;
    transition: opacity 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 10px; */
    position: absolute;
    z-index: 50;
}

    .modal-arrow-nav-ac:first-child[b-mejrsa19mw] {
        left: 10px;
    }

    .modal-arrow-nav-ac:last-child[b-mejrsa19mw] {
        right: 10px;
    }

    .modal-arrow-nav-ac:hover[b-mejrsa19mw] {
        opacity: 0.7;
    }

#modalDetailImage[b-mejrsa19mw] {
    max-width: calc(100% - 120px);
    max-height: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    #modalDetailImage.loading[b-mejrsa19mw] {
        opacity: 0.3;
        transform: scale(0.95);
    }

.modal-image-bottom-gallery-ac[b-mejrsa19mw] {
    /*display: flex;*/
    display: grid;
    grid-template-columns: repeat(15, 1fr); /* 16개 칸 생성 */
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    justify-items: center;
    padding: 10px 0;
    max-height: 150px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

#modalDetailreferenctImage[b-mejrsa19mw] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}

.modal-detail-info-ac[b-mejrsa19mw] {
    width: 22%;
    height: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    /*overflow-y: auto;*/
    padding-top: 2rem;
    justify-content: space-between;
}

.modal-detail-top-ac[b-mejrsa19mw] {
    overflow-y: auto;
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal-title-div-ac[b-mejrsa19mw] {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}

.modal-prompt-reaction-ac[b-mejrsa19mw] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 8px;
}

.modal-reaction[b-mejrsa19mw] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

    .modal-reaction img[b-mejrsa19mw] {
        width: 17px;
        height: 17px;
    }

.modal-prompt-box-ac[b-mejrsa19mw] {
    margin: 4px 0;
    height: 50vh;
    display: grid;
    grid-template-rows: auto /* Positive 라벨 */
    minmax(0, 1fr) /* Positive 박스(2) */
    auto /* Negative 라벨 */
    minmax(0, 1fr) /* Negative 박스(1) */;
    gap: 4px;
}

.modal-prompt-div-ac[b-mejrsa19mw] {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0;
    word-wrap: break-word;
    overflow-y: auto;
    font-size: 1.3rem;
    text-align: left;
}

.modal-image-and-tag-ac[b-mejrsa19mw] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.modal-ref-image-ac[b-mejrsa19mw] {
    flex-shrink: 0;
}

.modal-prompt-tag-ac[b-mejrsa19mw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.modal-prompt-tag-sub-ac[b-mejrsa19mw] {
    display: flex;
    gap: 10px;
    font-size: 12px;
}

    .modal-prompt-tag-sub-ac > div[b-mejrsa19mw] {
        background-color: #e9ecef;
        padding: 4px 8px;
        border-radius: 4px;
        flex: 1;
        text-align: center;
    }

.modal-apply-button-ac[b-mejrsa19mw] {
    width: 100%;
    padding: 10px;
    background-color: #598CFF;
    color: white; 
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

    .modal-apply-button-ac:hover[b-mejrsa19mw] {
        background-color: #0056b3;
    }

.modal-prompt-box-ac p[b-mejrsa19mw] {
    text-align: left;
    font-size: 1.3rem;
}


@media (max-width: 1299px) {
    /* 기본 컨테이너 조정 */
    .text-center.d-flex.flex-row.justify-content-between[b-mejrsa19mw] {
        flex-direction: column !important;
    }

    /* 이미지 컨테이너 - 상단에 위치, 100% 폭 */
    .modal-image-container-ac[b-mejrsa19mw] {
        width: 100%;
        height: 50%;
        order: 1;
    }

    /* 화살표는 유지 */
    .modal-arrow-nav-ac[b-mejrsa19mw] {
        /* 기존 스타일 유지 */
    }

    /* 하단 갤러리 숨기기 */
    .modal-image-bottom-gallery-ac[b-mejrsa19mw] {
        display: none;
    }
    /* 첫 번째 div height 조정 */
    .modal-detail-info-ac > div:first-child[b-mejrsa19mw] {
        height: auto !important; /* calc(100% - 130px) 무시 */
    }
    /* 디테일 정보 컨테이너 - 하단에 위치 */
    .modal-detail-info-ac[b-mejrsa19mw] {
        width: 100%;
        height: 50%;
        order: 2;
        padding-left: 0;
        padding-top: 1rem;
        overflow-y: auto; /* 스크롤 추가 */
    }

    /* 숨길 요소들 */
    
    .modal-prompt-info-ac[b-mejrsa19mw],
    .modal-prompt-box-ac p[b-mejrsa19mw]{
        display: none;
    }

    /* 남겨둘 요소들의 레이아웃 조정 */
    .modal-title-div-ac[b-mejrsa19mw] {
        /* 필요시 크기 조정 */
    }

    /* Positive 프롬프트만 표시 */
    .modal-prompt-box-ac[b-mejrsa19mw] {
        height: auto;
        display: block;
    }

        .modal-prompt-box-ac .modal-prompt-div-ac:first-of-type[b-mejrsa19mw] {
            /* Positive 프롬프트 스타일 유지 */
        }
}
/* _content/BIMILHomePage/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


.floating-menu[b-ikqapbhvp8] {
    position: fixed;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* 메뉴 아이템 */
.menu-item[b-ikqapbhvp8] {
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 50%;
    /*overflow: hidden;*/
    position: relative;
}

    .menu-item img[b-ikqapbhvp8] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        display: block;
        transition: all 0.3s ease;
        border-radius: 50%;
    }

    /* 호버 효과 */
    .menu-item:hover[b-ikqapbhvp8] {
        transform: scale(1.1);

        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
    }

        .menu-item:hover img[b-ikqapbhvp8] {
            filter: brightness(1.1);
            
        }

    .menu-item[b-ikqapbhvp8]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: 10px;
        transform: translateY(-50%);
        background-color: rgb(92,92,92);
        color: #fff;
        font-size: 14px;
        padding: 5px 15px;
        border-radius: 10px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity .3s ease;
        pointer-events: none;
    }

    /* 보여주기 */
    .menu-item:hover[b-ikqapbhvp8]::after {
        opacity: 1;
    }

/* 각 항목 문구 (a 기준으로 선택) */
.floating-menu .menu-item:nth-child(1)[b-ikqapbhvp8]::after {
    content: "BIMIL Docs";
}

.floating-menu .menu-item:nth-child(2)[b-ikqapbhvp8]::after {
    content: "BIMPeers";
}

.floating-menu .menu-item:nth-child(3)[b-ikqapbhvp8]::after {
    content: "YouTube";
}

/* 반응형 - 태블릿 */
@media (max-width: 768px) {
    .floating-menu[b-ikqapbhvp8] {
        position: fixed; /* 기존과 동일 */
        top: 50%;
        transform: translateY(-50%);
        right: 10px; /* 오른쪽에 붙이기 */
        left: auto !important; /* 왼쪽 고정 해제(기존 left 덮어쓰기) */
        /* 폭이 늘어나는 게 걱정되면 아래 중 하나를 추가 */
        width: max-content; /* 내용만큼만 */
        /* inline-size: fit-content;  // 대안 */

        padding: 10px;
        gap: 10px;
        opacity: 80%;
    }

    .menu-item img[b-ikqapbhvp8] {
        width: 40px;
        height: 40px;
    }
}

/* 반응형 - 모바일 */
@media (max-width: 480px) {
    /*.floating-menu {
        display: none;*/ /* 모바일에서는 숨김 */
    /*}*/
}



a.navbar-brand[b-ikqapbhvp8] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-ikqapbhvp8] {
  /*color: #0077cc;*/
}

.btn-primary[b-ikqapbhvp8] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-ikqapbhvp8], .nav-pills .show > .nav-link[b-ikqapbhvp8] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-ikqapbhvp8] {
  border-top: 1px solid #e5e5e5;
}

.border-bottom[b-ikqapbhvp8] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-ikqapbhvp8] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-ikqapbhvp8] {
  font-size: 1rem;
  line-height: inherit;
}

/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}*/

.login-link-ac[b-ikqapbhvp8] {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: #495579;
}


#location_Wrap[b-ikqapbhvp8],
#location_WrapMobile[b-ikqapbhvp8] {
    display: none;
}

    #location_Wrap.show[b-ikqapbhvp8] {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 5px; 
    }

/* 언어 선택 메뉴 전체 스타일 재정의 */
#location_Wrap[b-ikqapbhvp8] {
    color: #292929 !important;
}

    #location_Wrap *[b-ikqapbhvp8] {
        color: inherit !important;
    }

    #location_Wrap .location[b-ikqapbhvp8] {
        color: #292929 !important;
    }

        #location_Wrap .location label[b-ikqapbhvp8] {
            color: #292929 !important;
            background: transparent !important;
        }

            #location_Wrap .location label:hover[b-ikqapbhvp8] {
                background: #DEE7F4 !important;
                color: #2980FF !important;
            }

.location[b-ikqapbhvp8] {
    width: 100%;
}

#location_Wrap input[type=radio][b-ikqapbhvp8] {
    display: none;
}

    #location_Wrap input[type=radio] + label[b-ikqapbhvp8] {
        width: 100%;
        height: 42px;
        padding: 10px 12px;
        cursor: pointer;
    }

        #location_Wrap input[type=radio]:checked + label[b-ikqapbhvp8],
        #location_Wrap input[type=radio] + label:hover[b-ikqapbhvp8] {
            background: #DEE7F4 !important;
            color: #2980FF !important
        }

#location_WrapMobile input[type=radio][b-ikqapbhvp8] {
    display: none;
}

    #location_WrapMobile input[type=radio] + label[b-ikqapbhvp8] {
        width: 100%;
        height: 42px;
        padding: 10px 12px;
        cursor: pointer;
    }

        #location_WrapMobile input[type=radio]:checked + label[b-ikqapbhvp8],
        #location_WrapMobile input[type=radio] + label:hover[b-ikqapbhvp8] {
            background: #DEE7F4;
            color: #2980FF
        }

/* Header Styles */
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*[b-ikqapbhvp8] {
    /*margin: 0;*/
    /*padding: 0;*/
    box-sizing: border-box;
    font-family: 'Pretendard Variable', Pretendard;
    list-style: none;
    text-decoration: none;
}

body[b-ikqapbhvp8] {
    overflow-x: hidden;
    overflow-y: scroll !important;
    box-sizing: border-box !important;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

#locationMobile[b-ikqapbhvp8] {
    display: none;
}

#toggleButton[b-ikqapbhvp8] {
    display: none
}

#Header_Wrapper[b-ikqapbhvp8] {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border-bottom: 2px solid #c7c7c7;
    padding-left: 20px;
    padding-right: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    box-shadow: 0px 5px 13px rgba(146, 162, 185, 0.35);
    top: 0;
    left: 0;
}

.Header_Container[b-ikqapbhvp8] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.Title_Wrap[b-ikqapbhvp8] {
    display: flex;
    justify-content: flex-start;
}

.Header_Title img[b-ikqapbhvp8] {
    height: 40px;
}

.Header_Title[b-ikqapbhvp8] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .Header_Title h3[b-ikqapbhvp8] {
        font-size: 4.1rem;
        color: #404041;
        font-weight: 700;
        margin: 0 36px 0 6px;
    }

.Status_Title[b-ikqapbhvp8] {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .Status_Title p[b-ikqapbhvp8] {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #78FF56;
        margin-right: 8px;
    }

    .Status_Title h4[b-ikqapbhvp8] {
        font-size: 2rem;
    }

.IsMenuVisible[b-ikqapbhvp8] {
    margin: 0px;
}

.Header_Container ul[b-ikqapbhvp8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .Header_Container ul li[b-ikqapbhvp8] {
        font-size: 16px;
        cursor: pointer;
    }

        .Header_Container ul li:hover[b-ikqapbhvp8] {
            color: #2980FF;
        }

        .Header_Container ul li img[b-ikqapbhvp8] {
            margin-bottom: 3px;
        }

        .Header_Container ul li a[b-ikqapbhvp8] {
            color: #292929;
        }

            .Header_Container ul li a:hover[b-ikqapbhvp8] {
                color: #2980FF;
            }

.bi-box-arrow-up-right[b-ikqapbhvp8] {
    font-size: 11px;
    margin-left: 5px;
}

.world-icon[b-ikqapbhvp8] {
    height: 24px;
}

    .world-icon:hover[b-ikqapbhvp8] {
        content: url("/images/icons/world1.webp");
    }


.download_Btn[b-ikqapbhvp8] {
    width: 140px;
    height: 40px;
    border-radius: 45px;
    background: linear-gradient(135deg, #2980FF 0%, #18CFCF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    box-shadow: 0 4px 15px rgba(41, 128, 255, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-left: 10px;
}

    .download_Btn span:hover[b-ikqapbhvp8] {
        transform: scale(1.1); /* font-size: 20px; 대신 이것으로 교체 */
    }

    .download_Btn span[b-ikqapbhvp8] {
        color: inherit;
        transition: transform 0.3s ease;
        transform-origin: center center;
        will-change: transform; 
        backface-visibility: hidden; 
    }


/* 햄버거 메뉴 기본 스타일 */
.hamburger-menu[b-ikqapbhvp8] {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-left: 12px;
    z-index: 10001;
    order: 999; /* 항상 맨 오른쪽에 위치 */
}

    .hamburger-menu span[b-ikqapbhvp8] {
        display: block;
        height: 3px;
        width: 100%;
        background-color: #333;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* 햄버거 메뉴 활성화 시 X 모양 */
    .hamburger-menu.active span:nth-child(1)[b-ikqapbhvp8] {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .hamburger-menu.active span:nth-child(2)[b-ikqapbhvp8] {
        opacity: 0;
    }

    .hamburger-menu.active span:nth-child(3)[b-ikqapbhvp8] {
        transform: rotate(-45deg) translate(6px, -6px);
    }

/* 햄버거 드롭다운 */
.hamburger-dropdown[b-ikqapbhvp8] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10000;
}

    .hamburger-dropdown.show[b-ikqapbhvp8] {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

.hamburger-menu-content[b-ikqapbhvp8] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.hamburger-menu-list[b-ikqapbhvp8] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .hamburger-menu-list li[b-ikqapbhvp8] {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #f0f0f0;
    }

        .hamburger-menu-list li:last-child[b-ikqapbhvp8] {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

    .hamburger-menu-list a[b-ikqapbhvp8] {
        color: #333;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        display: block;
        padding: 8px 0;
        transition: color 0.2s ease;
    }

        .hamburger-menu-list a:hover[b-ikqapbhvp8] {
            color: #2980FF;
        }

/* 언어 섹션 스타일 */
.language-section[b-ikqapbhvp8] {
    padding-top: 8px;
}

.menu-section-title[b-ikqapbhvp8] {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 12px;
    cursor: default;
}

.language-toggle-mobile[b-ikqapbhvp8] {
    display: flex;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 4px;
    margin: 0;
    width: fit-content;
}

    .language-toggle-mobile .btn-lang[b-ikqapbhvp8] {
        padding: 8px 16px;
        border: none;
        background: transparent;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease;
        color: #6c757d;
        min-width: 70px;
    }

        .language-toggle-mobile .btn-lang.active[b-ikqapbhvp8] {
            background: white;
            color: #007bff;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

/* 헤더 레이아웃 조정 */
.header-right[b-ikqapbhvp8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .header-right .language-item[b-ikqapbhvp8] {
        /*border-right: 1px solid #ccc;*/
        padding-right: 12px;
    }

.toastMsgWrap[b-ikqapbhvp8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(49,49,49,0.48);
    z-index: 300;
    animation: fadeIn-b-ikqapbhvp8 0.3s;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px 10px;
}

    .toastMsgWrap.show[b-ikqapbhvp8] {
        display: flex;
        opacity: 1;
    }

.toastContainer p[b-ikqapbhvp8] {
    display: none;
}

.toastContainer[b-ikqapbhvp8] {
    word-break: keep-all;
    flex-direction: column;
    padding: 24px 8px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .toastContainer h3[b-ikqapbhvp8] {
        font-size: 1.6rem;
    }

#login-button[b-ikqapbhvp8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2980FF 0%, #18CFCF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    box-shadow: 0 4px 15px rgba(41, 128, 255, 0.3);
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

    #login-button:hover > *[b-ikqapbhvp8] {
        transform: none;
    }

        /* 팝업을 제외하고만 확대 */
        #login-button:hover > *:not(#profile-section)[b-ikqapbhvp8] {
            transform: scale(1.1);
            transition: transform .3s ease;
        }

        #login-button:hover[b-ikqapbhvp8]::before {
            opacity: 1;
        }

    #login-button span[b-ikqapbhvp8],
    #login-button i[b-ikqapbhvp8] {
        position: relative;
        z-index: 2;
    }

.bi-person-circle[b-ikqapbhvp8] {
    font-size: 24px !important;
}

/* 팝업이 나타날 부모 요소에 position 설정 필요*/
.profile-name[b-ikqapbhvp8] {
    display: none !important; /* User 텍스트 완전히 숨기기 */
    position: relative;
}

/* 팝업 컨테이너 개선 */
.user-account-popup-container[b-ikqapbhvp8] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    margin-right: 9px;
    display: none;
    width: 280px;
    padding: 0;
    border: none;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 400;
    color: #292929;
    overflow: hidden;
    animation: popupSlideIn-b-ikqapbhvp8 0.3s ease-out;
}

@keyframes popupSlideIn-b-ikqapbhvp8 {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


    .user-account-popup-container.show[b-ikqapbhvp8] {
        display: flex;
        flex-direction: column;
    }

/* 팝업 상세 정보 섹션 */
.user-account-popup-detail[b-ikqapbhvp8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: linear-gradient(135deg, #2980FF 0%, #18CFCF 100%);
    color: white;
    text-align: left;
}

.user-account-popup-detail-name[b-ikqapbhvp8] {
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.user-account-popup-detail-email[b-ikqapbhvp8] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    opacity: 0.9;
}

.user-account-popup-detail-logout[b-ikqapbhvp8] {
    margin-top: 8px;
    padding: 4px 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
    background: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .user-account-popup-detail-logout:hover[b-ikqapbhvp8] {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-1px);
    }

/* 팝업 메뉴 섹션 */
/*.user-account-popup-menu {
    padding: 16px 0 0 0;
}*/

.user-account-popup-menu-header[b-ikqapbhvp8] {
    padding: 0 20px 12px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .user-account-popup-menu-header i[b-ikqapbhvp8] {
        margin-right: 8px;
        color: #2980FF;
    }

/* 기존 메뉴 아이템 스타일 숨기기 */
.user-account-popup-menu-item-list[b-ikqapbhvp8] {
    display: none;
}

/* 그리드 메뉴 컨테이너 */
.user-account-popup-menu-grid[b-ikqapbhvp8] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: stretch;
    position: relative;
}

/* 메뉴 그리드 아이템 */
.menu-grid-item[b-ikqapbhvp8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    position: relative;
    overflow: hidden;
}

    .menu-grid-item i[b-ikqapbhvp8] {
        font-size: 25px;
        color: #2980FF;
        transition: all 0.3s ease;
    }

    .menu-grid-item span[b-ikqapbhvp8] {
        transition: all 0.3s ease;
    }

    /* 호버 효과 */
    .menu-grid-item:hover[b-ikqapbhvp8] {
        background: linear-gradient(135deg, rgba(41, 128, 255, 0.08) 0%, rgba(24, 207, 207, 0.08) 100%);
        color: #2980FF;
        transform: translateY(-1px);
    }

        .menu-grid-item:hover i[b-ikqapbhvp8] {
            color: #18CFCF;
            transform: scale(1.1);
        }

        .menu-grid-item:hover span[b-ikqapbhvp8] {
            font-weight: 600;
        }

/* 가운데 구분선 */
.menu-divider[b-ikqapbhvp8] {
    width: 1px;
    background: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );
    margin: 8px 0;
    position: relative;
}

    /* 구분선에 작은 장식 추가 (선택사항) */
    .menu-divider[b-ikqapbhvp8]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 4px;
        height: 4px;
        background: #2980FF;
        border-radius: 50%;
        opacity: 0.3;
    }

/* 활성 상태 효과 */
.menu-grid-item:active[b-ikqapbhvp8] {
    transform: translateY(0);
    background: linear-gradient(135deg, rgba(41, 128, 255, 0.15) 0%, rgba(24, 207, 207, 0.15) 100%);
}

.user-account-popup-menu-item[b-ikqapbhvp8] {
    list-style: none !important;
    display: block !important;
}

    .user-account-popup-menu-item button[b-ikqapbhvp8] {
        width: 100%;
        padding: 12px 20px;
        border: none;
        background: transparent;
        text-align: left;
        font-size: 16px;
        color: #333;
        transition: all 0.2s ease;
        cursor: pointer;
        position: relative;
    }

        .user-account-popup-menu-item button[b-ikqapbhvp8]::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 0;
            background: linear-gradient(90deg, #2980FF, #18CFCF);
            transition: width 0.2s ease;
        }

        .user-account-popup-menu-item button:hover[b-ikqapbhvp8] {
            background: rgba(41, 128, 255, 0.05);
            color: #2980FF;
            padding-left: 24px;
        }

            .user-account-popup-menu-item button:hover[b-ikqapbhvp8]::before {
                width: 3px;
            }

@keyframes fadeIn-b-ikqapbhvp8 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*아키필름 허브 사이드바*/
.user-info-ac[b-ikqapbhvp8] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #f7f7f7;
    font-weight: 500;
    color: #333;
    font-size: 1.4rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-top: 24px;
    justify-content: center;
}

#sidebar-ac[b-ikqapbhvp8] {
    width: 70px;
    min-width: 70px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    /*background-color: #0e2238;*/
    display: flex;
    flex-direction: column;
}

    #sidebar-ac.expand-ac[b-ikqapbhvp8] {
        width: 220px;
        min-width: 220px;
        height: 100%;
        padding-top: 60px;
    }

.toggle-btn-ac[b-ikqapbhvp8] {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem 1.5rem;
}

    .toggle-btn-ac i[b-ikqapbhvp8] {
        font-size: 1.5rem;
        color: #FFF;
    }

.sidebar-logo-ac[b-ikqapbhvp8] {
    margin: auto 0;
}

    .sidebar-logo-ac a[b-ikqapbhvp8] {
        color: #495579;
        font-size: 1.15rem;
        font-weight: 600;
    }

#sidebar-ac:not(.expand-ac) .sidebar-logo-ac[b-ikqapbhvp8],
#sidebar-ac:not(.expand-ac) .user-info-ac[b-ikqapbhvp8],
#sidebar-ac:not(.expand-ac) a.sidebar-link-ac span[b-ikqapbhvp8] {
    display: none;
}

.sidebar-nav-ac[b-ikqapbhvp8] {
    padding: 1rem 0;
    flex: 1 1 auto;
}

a.sidebar-link-ac[b-ikqapbhvp8] {
    padding: .625rem .625rem;
    color: #495579;
    display: block;
    font-size: 1.8rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

.sidebar-link-ac i[b-ikqapbhvp8] {
    font-size: 1.1rem;
    margin-right: .75rem;
}

.sidebar-link-sub-ac i[b-ikqapbhvp8] {
    font-size: 1rem;
    margin-right: .75rem;
}

.sidebar-link-sub-ac span[b-ikqapbhvp8] {
    font-size: 0.8rem;
}

a.sidebar-link-ac:hover[b-ikqapbhvp8] {
    background-color: #dfe4f0;
    /*border-left: 3px solid #3b7ddd;*/
}

.sidebar-item-ac[b-ikqapbhvp8] {
    position: relative;
    padding: 0rem 0.6rem;
}

.sidebar-link-ac.active[b-ikqapbhvp8] {
    background-color: #E1E5EE;
    font-weight: bold;
}

#sidebar-ac:not(.expand-ac) .sidebar-item-ac .sidebar-dropdown-ac[b-ikqapbhvp8] {
    position: absolute;
    top: 0;
    left: 70px;
    background-color: #0e2238;
    padding: 0;
    min-width: 15rem;
    display: none;
}

#sidebar-ac:not(.expand-ac) .sidebar-item-ac:hover .has-dropdown-ac + .sidebar-dropdown-ac[b-ikqapbhvp8] {
    display: block;
    max-height: 25em;
    width: 100%;
    opacity: 1;
}

/*하위 메뉴가 표시될 때 span 텍스트 보이기*/
#sidebar-ac:not(.expand-ac) .sidebar-dropdown-ac span[b-ikqapbhvp8] {
    display: inline !important;
}

/*하위 메뉴 스타일 개선*/
#sidebar-ac:not(.expand-ac) .sidebar-dropdown-ac[b-ikqapbhvp8] {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    z-index: 1001;
}

#sidebar-ac.expand-ac .sidebar-link-ac[data-bs-toggle="collapse"][b-ikqapbhvp8]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

#sidebar-ac.expand-ac .sidebar-link-ac[data-bs-toggle="collapse"].collapsed[b-ikqapbhvp8]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}



.bg-custom-navy[b-ikqapbhvp8] {
    background-color: #0e2238;
}

 /*모바일일 때 사이드바 숨기기 */
@media (min-width:360px) and (max-width: 768px) {
    #sidebar-ac[b-ikqapbhvp8] {
        display: none !important;
    }

    .wrapper[b-ikqapbhvp8] {
        flex-direction: column;
    }

    .container2[b-ikqapbhvp8] {
        margin: 100px 0 0 0 !important; /* 모바일 헤더 높이만큼 여백 확보 */
        padding: 0 1rem;
    }
}


 /*필터 섹션 스타일 */
.sidebar-filters-ac[b-ikqapbhvp8] {
    margin-top: auto;
    padding: 1rem;
}
.filter-section-ac[b-ikqapbhvp8] {
    padding: 1rem 0;
    border-top: 1px solid #DFDFDF;
}

    .filter-section-ac:last-child[b-ikqapbhvp8] {
        margin-bottom: 0;
    }

.filter-title-ac[b-ikqapbhvp8] {
    font-size: 1.8rem;
    font-weight: 600;
    color: #495579;
    margin: 0 0 12px 0;
    /*text-transform: uppercase;
    letter-spacing: 0.5px;*/
}

.filter-buttons-ac[b-ikqapbhvp8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

 /*Category 버튼들을 위/아래 줄로 배치 */
.filter-section-ac .filter-buttons-ac[b-ikqapbhvp8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 8px;
    margin-top: 1rem;
}

     /*Exterior, Interior 버튼은 첫 번째 줄에 */
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-filter="1"][b-ikqapbhvp8],
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-filter="2"][b-ikqapbhvp8] {
        grid-row: 1;
    }

     /*Concept 버튼은 두 번째 줄에, 전체 너비 차지 */
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-filter="0"][b-ikqapbhvp8] {
        grid-row: 2;
       /* grid-column: 1 / -1;*/
    }

     /*Filter 버튼들 배치: Latest, Most Liked는 첫 번째 줄에 */
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-sort="latest"][b-ikqapbhvp8],
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-sort="most-liked"][b-ikqapbhvp8] {
        grid-row: 1;
    }

     /*Most Applied, Most Viewed는 두 번째 줄에 */
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-sort="most-applied"][b-ikqapbhvp8],
    .filter-section-ac .filter-buttons-ac .filter-btn-ac[data-sort="most-viewed"][b-ikqapbhvp8] {
        grid-row: 2;
    }

 /*필터 버튼 스타일 */
.filter-btn-ac[b-ikqapbhvp8] {
    padding: 6px 8px;
    border: none;
    background-color: #F2F2F2;
    border-color: #495579;
    color: #495579;
    font-size: 1.4rem;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .filter-btn-ac:hover[b-ikqapbhvp8] {
        border-color: #007bff;
        color: #007bff;
    }

     /*활성화된 카테고리 버튼 (체크마크 포함) */
    .filter-btn-ac.active[b-ikqapbhvp8] {
        background-color: #E1E5EE;
        border-color: #495579;
        color: #495579;
    }

        .filter-btn-ac.active .checkmark-ac[b-ikqapbhvp8] {
            display: inline;
        }

.checkmark-ac[b-ikqapbhvp8] {
    display: none;
    font-size: 10px;
}

@media (min-width: 1281px) {
    .hamburger-menu[b-ikqapbhvp8] {
        display: none;
    }

    .hamburger-dropdown[b-ikqapbhvp8] {
        display: none;
    }
}

/* 반응형 설정 - 1280px 기준 */
@media (max-width: 1280px) {
    .hamburger-menu[b-ikqapbhvp8] {
        display: flex;
    }

    .desktop-only[b-ikqapbhvp8] {
        display: none !important;
    }

    /* 다운로드 버튼 마진 조정 */
    .download_Btn[b-ikqapbhvp8] {
        margin-right: 12px;
    }
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .sidebar[b-ikqapbhvp8] {
        width: 100%;
        height: auto;
        position: relative;
    }

    .filter-buttons[b-ikqapbhvp8] {
        justify-content: center;
    }

    .filter-btn[b-ikqapbhvp8] {
        flex: 1;
        min-width: 80px;
        justify-content: center;
    }

    /*    #Header_Wrapper {
        height: 60px;
        padding: 0 32px;
    }*/

    .download_Btn[b-ikqapbhvp8] {
        display: none;
    }
}

/*@media (min-width:769px) and (max-width:1280px) {
    #Header_Wrapper {
        height: 60px;
        padding: 0 64px;
    }

    .Header_Container ul {
        display: none;
    }

        .Header_Container ul li {
            margin-right: 64px;
            font-size: 1rem;
            cursor: pointer;
        }

    #toggleButton {
        display: block;
        position: absolute;
        right: 64px;
        top: 17px;
    }

        #toggleButton img {
            height: 24px;
        }

    .Status_Title h4 {
        font-size: 1.8rem;
    }

    .Status_Title p {
        width: 18px;
        height: 18px;
    }

    #locationMobile {
        display: block;
        position: absolute;
        right: 124px;
        top: 14px;
    }
}*/


/* 모바일 및 반응형 스타일 */
/*@media (max-width:768px) {
    #locationMobile {
        display: block;
        position: absolute;
        right: 82px;
        top: 16px;
    }

        #locationMobile img {
            height: 24px;
        }

        #locationMobile:hover {
            content: url("/images/icons/world1.webp");
            position: absolute;
            right: 82px;
            top: 17px;
            height: 24px;
        }

    #Header_Wrapper {
        height: 60px;
        padding: 0 32px;
    }

    .Header_Container {
        max-width: none;
    }

        .Header_Container ul.show {
            display: flex
        }

        .Header_Container ul li {
            margin-right: 64px;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 0px;
        }

    .Header_Container ul {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #ffffff;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        padding: 24px 32px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        border-bottom: 2px solid #c7c7c7;
    }

        .Header_Container ul li:last-child {
            width: 150px;
            display: none;
            align-items: center;
            justify-content: center;
        }

            .Header_Container ul li:last-child img {
                height: 20px;
                width: 28px;
            }

                .Header_Container ul li:last-child img:hover {
                    content: url('/images/icons/sideMenuBtn_hover.png');
                    height: 28px;
                    width: 20px;
                }

    #toggleButton {
        display: block;
        position: absolute;
        right: 32px;
        top: 16px;
    }

        #toggleButton img {
            height: 18px;
        }

    .download_Btn {
        padding: 10px 40px;
        font-size: 1.8rem;
        margin-top: 20px;
        background: #B6B6B6;
        background-image: unset;
        display: none;
    }

        .download_Btn span {
            color: #e0e0e0;
            display: none;
        }

            .download_Btn span:hover {
                color: #E0E0E0 !important;
                background-position: unset;
                display: none;
            }

    .Header_Container ul li:nth-child(2) {
        border-bottom: 1px solid #c7c7c7;
        width: 100%;
        padding-bottom: 12px;
    }

    .Header_Container ul li:nth-child(3) {
        display: none;
    }

    .Header_Container ul li img {
        height: 24px;
    }

    .Status_Title h4 {
        font-size: 1.2rem;
    }

    .Status_Title p {
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }

    #location_WrapMobile.show {
        width: 94px;
        height: 84px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 65px;
        right: 45px;
    }
}*/