/* ################################### 글로벌 넘침 방지 (반응형 320~4K) ################################### */
html {
    overflow-x: hidden;
}
body {
    max-width: 100%;
}

/* 한글 줄바꿈 자연스럽게 (단어 단위) — 글로벌 적용, 개별 selector에서 override 가능 */
body {
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 모든 이미지 100% 초과 방지 (반응형 안전망) */
img,
video,
svg,
iframe {
    max-width: 100%;
    height: auto;
}

/* iframe은 height auto가 0이 될 수 있음 — 원본 유지 */
iframe {
    height: revert;
}

/* ################################### header ################################### */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    z-index: var(--z-modal-backdrop);
    background-color: transparent;
    backdrop-filter: none;
    transition: opacity var(--transition-slow), background-color var(--transition-base), backdrop-filter var(--transition-base);
    opacity: var(--opacity-0);
}

header.loaded {
    opacity: var(--opacity-100);
}

header.raum-header-dark {
    background-color: rgba(var(--color-black-rgb), var(--alpha-3));
    backdrop-filter: blur(var(--space-10));
}

header.scrolled {
    background-color: rgba(var(--color-white-rgb), var(--alpha-3));
    backdrop-filter: blur(var(--space-15));
}

html body header.always-scrolled {
    background-color: rgba(var(--color-white-rgb), var(--alpha-3));
    backdrop-filter: blur(var(--space-15));
}

.raum-header-wrap {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0 var(--layout-side-padding);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
#logo {
    z-index: var(--z-default);
    align-self: center;
    margin-left: calc(-1 * var(--layout-side-padding));
    min-width: var(--header-height);
}

#logo a {
    display: block;
    position: relative;
    min-width: var(--header-height);
}

/* 메인 페이지: SVG 로고 숨기고 텍스트 로고만 표시 */
body:has(.raum-hero) .raum-logo-svg {
    display: none;
}

body:has(.raum-hero) #logo {
    margin-left: 0;
}

body:has(.raum-hero) .raum-logo-text {
    position: static;
    transform: none;
    opacity: var(--opacity-100);
    pointer-events: auto;
}

.raum-logo-svg {
    display: block;
    height: var(--header-height);
    width: auto;
    transform-origin: top left;
    transition: var(--transition-instant);
}

header.scrolled .raum-logo-svg {
    pointer-events: none;
}

header.scrolled #logo a {
    min-height: var(--space-44);
}

.raum-logo-text {
    position: absolute;
    left: var(--layout-side-padding);
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--layout-title-font);
    font-weight: var(--fw-black);
    -webkit-text-stroke: var(--space-1);
    color: var(--base-color-white);
    opacity: var(--opacity-0);
    white-space: nowrap;
    pointer-events: none;
    transition: color var(--transition-base);
}

header.scrolled .raum-logo-text {
    color: var(--base-color-black);
    pointer-events: auto;
}


/* 서브 타이틀 (헤더 안) — 콘텐츠 영역 좌측 정렬 */
.raum-header-sub-title {
    position: absolute;
    left: calc((var(--vw-100) - var(--content-width)) / 2);
    display: flex;
    align-items: center;
}

.raum-header-sub-title-text {
    font-size: var(--layout-title-font);
    font-weight: var(--fw-black);
    -webkit-text-stroke: var(--space-1);
    color: var(--base-color-black);
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: calc(-1 * var(--em-0-02));
    text-decoration: none;
}

a.raum-header-sub-title-text:visited {
    color: var(--base-color-black);
}

/* GNB */
#gnb {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto;
    margin-right: var(--header-right-margin);
    z-index: var(--z-default);
}

/* SNS */
.raum-header-sns {
    display: flex;
    align-items: center;
    gap: var(--header-utility-gap);
    z-index: var(--z-default);
}

.raum-header-sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--layout-icon-sm);
    height: var(--layout-icon-sm);
    transition: opacity var(--transition-fast);
}

.raum-header-sns a:hover {
    opacity: var(--opacity-60);
}

.raum-header-sns img {
    width: 100%;
    height: 100%;
    transition: filter var(--transition-base);
}

header.scrolled .raum-header-sns img {
    filter: brightness(0) saturate(100%);
}

/* [Start] 언어 전환 KR | EN — 헤더와 전체메뉴가 같은 부품을 함께 쓴다 */
.raum-nav-lang {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--header-utility-gap);
    font-size: var(--text-font-size);
    font-weight: var(--fw-medium);
}

.raum-nav-lang-item {
    color: inherit;
    opacity: var(--opacity-60);
    transition: opacity var(--transition-fast);
}

.raum-nav-lang-item.is-active {
    opacity: 1;
}

.raum-nav-lang-sep {
    opacity: var(--opacity-60);
}

.raum-header-sns .raum-nav-lang {
    margin-left: calc(var(--layout-side-padding) - var(--header-utility-gap));
    color: var(--base-color-white);
    transition: color var(--transition-base);
}

.raum-header-sns .raum-nav-lang-item {
    color: inherit;
}

header.scrolled .raum-header-sns .raum-nav-lang,
header.scrolled .raum-header-sns .raum-nav-lang-item {
    color: var(--base-color-black);
}

.raum-gnb-all-lang {
    margin-top: var(--header-utility-gap);
}

@media (hover: hover) and (pointer: fine) {
    .raum-nav-lang-item:hover {
        opacity: 1;
    }
}
/* [End] 언어 전환 */

#gnb #gnb_1dul {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.gnb_1dli {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: var(--layout-side-padding);
    z-index: var(--gnb-zindex);
}

.gnb_1dli:first-child {
    margin-left: 0;
}

#gnb .gnb_1da {
    font-size: var(--text-font-size);
    color: var(--base-color-white);
    white-space: nowrap;
    transition: opacity var(--transition-slow), color var(--transition-base);
    padding: var(--space-10) 0;
    display: block;
    font-weight: var(--fw-medium);
    text-align: center;
    width: auto;
    height: auto;
}

header.scrolled #gnb .gnb_1da {
    color: var(--base-color-black);
}

#gnb .gnb_1dli:hover > a {
    color: var(--base-color-white);
    opacity: var(--opacity-60);
    background: none;
}

header.scrolled #gnb .gnb_1dli:hover > a {
    color: var(--base-color-black);
}

/* 2차 메뉴 */
#gnb .gnb_2dul {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: var(--space-160);
    font-size: var(--text-font-size);
    width: auto;
    padding: var(--space-10) 0;
    visibility: hidden;
    opacity: var(--opacity-0);
    transition: opacity var(--transition-fast), visibility var(--transition-fast), background-color var(--transition-base), backdrop-filter var(--transition-base);
}

header.raum-header-dark .gnb_2dul {
    background-color: rgba(var(--color-black-rgb), var(--alpha-9));
}

header.scrolled .gnb_2dul {
    background-color: rgba(var(--color-white-rgb), var(--alpha-9));
}

#gnb .gnb_1dli:hover > .gnb_2dul,
#gnb .gnb_1dli_over > .gnb_2dul {
    visibility: visible;
    opacity: var(--opacity-100);
}

#gnb a.gnb_2da {
    color: var(--base-color-white);
    transition: color var(--transition-base);
}

header.scrolled #gnb a.gnb_2da {
    color: var(--base-color-black);
}

.gnb_2da {
    display: block;
    padding: var(--space-10) var(--space-20);
    color: var(--base-color-white);
    background: none;
    text-align: center;
    transition: opacity var(--transition-fast), color var(--transition-base);
    line-height: var(--lh-1-4);
}


.gnb_empty {
    color: var(--base-color-white);
    font-size: var(--text-font-title-size);
}

.gnb_empty a {
    color: var(--color-accent-blue);
    text-decoration: underline;
    display: inline;
}

/* Hamburger */
.raum-ham-wrap {
    display: none;
    width: var(--layout-icon-md);
    height: var(--layout-icon-md);
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-end;
    cursor: pointer;
    background: none;
    z-index: var(--z-default);
    border: 1px solid rgba(var(--color-white-rgb), var(--alpha-4));
    padding: var(--space-5);
    transition: all var(--transition-fast);
}

.raum-ham-wrap:hover {
    border: 1px solid rgba(var(--color-white-rgb), var(--alpha-2));
}

header.scrolled .raum-ham-wrap {
    border-color: rgba(var(--color-black-rgb), var(--alpha-4));
}

header.scrolled .raum-ham-wrap:hover {
    border-color: rgba(var(--color-black-rgb), var(--alpha-2));
}

.raum-ham-line {
    width: 100%;
    height: var(--space-2);
    border-radius: var(--space-20);
    background-color: var(--base-color-white);
    transition: all var(--transition-fast);
}

header.scrolled .raum-ham-line {
    background-color: var(--base-color-black);
}

.raum-ham-wrap:hover .raum-ham-line {
    opacity: var(--opacity-50);
}

/* Full-screen Menu */
.raum-gnb-all {
    width: 100%;
    height: var(--svh-100);
    opacity: var(--opacity-0);
    transition: opacity var(--transition-base);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: var(--z-behind);
    background-color: var(--background-color);
}

.raum-gnb-all.close {
    opacity: var(--opacity-0);
}

.raum-gnb-all.open {
    display: block;
    opacity: var(--opacity-100);
    z-index: var(--z-toast);
}

/* Inner flex: logo column + menu column (1:3 비율) */
.raum-gnb-all-inner {
    width: 100%;
    height: 100%;
    display: flex;
}

/* Logo column (flex 1) */
.raum-gnb-all-logo-col {
    flex: 1;
    padding: var(--layout-content-padding) var(--layout-content-padding);
    border-right: 1px solid rgba(var(--color-black-rgb), var(--alpha-15));
}

.raum-gnb-all-logo {
    font-size: var(--modal-title-font);
    font-weight: var(--fw-bold);
    color: var(--base-color-black);
    text-decoration: none;
    display: inline-block;
}

/* Menu column (flex 3 — 1:3 비율) */
.raum-gnb-all-menu-col {
    flex: 3;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Close button */
.raum-gnb-close-btn {
    position: absolute;
    top: var(--modal-close-offset);
    right: var(--modal-close-offset);
    background: none;
    border: none;
    cursor: pointer;
    z-index: var(--z-sticky);
}

.raum-close-btn-con {
    display: inline-block;
    width: var(--layout-close-icon);
    height: var(--layout-close-icon);
    position: relative;
}

.raum-close-btn-con:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    height: 100%;
    width: var(--space-1);
    background-color: var(--base-color-black);
    transition: opacity var(--transition-fast);
    transform: rotate(45deg);
}

.raum-close-btn-con:after {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    height: 100%;
    width: var(--space-1);
    background-color: var(--base-color-black);
    transition: opacity var(--transition-fast);
    transform: rotate(-45deg);
}

.raum-gnb-close-btn:hover .raum-close-btn-con:before,
.raum-gnb-close-btn:hover .raum-close-btn-con:after {
    opacity: var(--opacity-50);
}

/* Menu wrap */
.raum-ham-menu-wrap {
    width: 100%;
    flex: 1;
    overflow-y: auto;
    padding: var(--footer-padding-top) 0 0 0;
}

.raum-ham-menu-wrap a {
    color: var(--base-color-black);
}

/* Menu: 3 columns */
.gnb_al_ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.gnb_al_ul > .gnb_al_li {
    flex: 1 1 33.333%;
    min-width: 0;
}

.gnb_al_li {
    padding: var(--layout-content-padding) var(--layout-content-padding);
    border-left: 1px solid rgba(var(--color-black-rgb), var(--alpha-15));
}

.gnb_al_li:nth-child(3n+1) {
    border-left: none;
}

.gnb_al_li > a {
    display: block;
    font-size: var(--sub-title-font-size);
    line-height: var(--sub-title-font-size-line);
    font-weight: var(--fw-bold);
    color: var(--base-color-black);
    margin-bottom: var(--footer-section-mb);
    letter-spacing: calc(-1 * var(--em-0-01));
    transition: color var(--transition-fast);
}

.gnb_al_li > a:hover {
    color: var(--signature-color);
}

.gnb_al_li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gnb_al_li > ul > li {
    line-height: var(--lh-2-2);
}

.gnb_al_li > ul > li > a {
    font-size: var(--text-font-size);
    color: var(--base-color-black);
    transition: color var(--transition-fast);
    font-weight: var(--fw-medium);
}

.gnb_al_li > ul > li > a:hover {
    color: var(--signature-color);
}

/* Decorative text */
.raum-gnb-all-deco {
    text-align: right;
    padding: var(--footer-section-mb) var(--layout-content-padding);
    font-size: var(--footer-big-text);
    line-height: var(--lh-1);
    font-weight: var(--fw-bold);
    color: rgba(var(--color-black-rgb), var(--alpha-08));
    letter-spacing: calc(-1 * var(--em-0-02));
}



/* ################################### 서브 페이지 콘텐츠 여백 ################################### */
/* 헤더가 fixed이므로 콘텐츠에 padding-top 필요 (메인 제외) */
body:not(:has(.raum-hero)):not(:has([class*="-write_page"])) #wrapper {
    padding-top: calc(var(--header-height) + var(--wrapper-pt-extra));
}

/* ################################### footer ################################### */

footer {
    position: relative;
    width: 100%;
    margin-top: var(--section-gap);
}

.raum-footer-wrap {
    width: 100%;
    padding: 0;
}

.raum-footer-section {
    max-width: var(--content-width);
    padding: 0;
    margin: 0 auto;
}

.raum-footer-info {
    display: flex;
    gap: var(--page-title-gap);
    margin-bottom: var(--page-title-mb);
    border-top: var(--border-bg-gray-top);
    padding-top: var(--page-title-pt);
}

.raum-footer-office h4 {
    font-size: var(--page-eng-font);
    font-weight: var(--fw-bold);
    color: var(--signature-color);
    margin-bottom: var(--page-eng-mb);
    letter-spacing: var(--em-0-02);
}

.raum-footer-office ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.raum-footer-office li {
    font-size: var(--text-font-size);
    color: var(--base-color-black);
    line-height: var(--lh-1-9);
    font-weight: var(--fw-medium);
}

.raum-footer-office li span {
    color: var(--base-color-black);
    margin-right: var(--space-4);
    font-weight: var(--fw-medium);
}

.raum-footer-copyright {
    text-align: right;
}

.raum-footer-copyright p {
    font-size: var(--breadcrumb-font);
    color: var(--base-color-black);
    font-weight: var(--fw-medium);
    letter-spacing: var(--em-0-05);
    padding-bottom: var(--breadcrumb-pb);
}




/* ################################### 반응형 - 레이아웃 ################################### */

/* 서브타이틀 숨김 기준 — 가장 긴 제목(Contact & Location - Location)과 메뉴 사이가
   메뉴끼리 간격(44px)보다 좁아지는 폭까지. 1798 부터 간격 44 이상 (2026-09-23 실측) */
@media all and (max-width: 1797px) {
    .raum-header-sub-title {
        display: none;
    }
}

/* 헤더 + 햄버거 메뉴: 1440px부터 로고+햄버거로 전환 (서브타이틀·GNB·SNS 숨김) */
@media all and (max-width: 1440px) {

    /* header */
    .raum-header-wrap {
        justify-content: center;
    }

    .raum-header-sns {
        display: none;
    }

    #gnb {
        display: none;
    }

    #logo {
        margin-left: calc(-1 * var(--layout-side-padding));
    }

    .raum-logo-svg {
        height: var(--mobile-header-h);
    }

    .raum-logo-text {
        left: var(--layout-side-padding);
    }

    .raum-ham-wrap {
        display: flex;
        position: absolute;
        right: var(--layout-side-padding);
        top: 50%;
        transform: translateY(-50%);
    }

    /* full-screen menu */
    .raum-gnb-all {
        overflow-y: auto;
    }

    .raum-gnb-all-inner {
        flex-direction: column;
        height: auto;
        min-height: 100%;
    }

    .raum-gnb-all-logo-col,
    .raum-gnb-all-menu-col {
        flex: none;
        width: 100%;
    }

    .raum-gnb-all-logo-col {
        border-right: none;
        border-bottom: 1px solid rgba(var(--color-black-rgb), var(--alpha-15));
        padding: var(--px-20) var(--mobile-side-pad);
    }

    .raum-gnb-all-menu-col {
        height: auto;
    }

    .gnb_al_ul > .gnb_al_li {
        flex: 1 1 100%;
    }

    .gnb_al_li {
        border-left: none;
        border-bottom: 1px solid rgba(var(--color-black-rgb), var(--alpha-15));
        padding: var(--px-25) var(--mobile-side-pad);
    }

    .gnb_al_li:last-child {
        border-bottom: none;
    }

    .raum-gnb-all-deco {
        font-size: var(--mobile-title-font);
    }

}

/* footer는 1024px 유지 (헤더와 별개) */
@media all and (max-width: 1024px) {
    .raum-footer-info {
        flex-direction: column;
        gap: var(--space-30);
    }

    .raum-footer-copyright {
        text-align: left;
    }
}


/* #################################### 팝업레이어 (basic.css에서 이동) #################################### */
#hd_pop {
    z-index: var(--z-modal);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-black-rgb), var(--alpha-5));
    display: none;
}

#hd_pop.has_popup {
    display: block;
}

#hd_pop > h2 {
    display: none;
}

.hd_pops {
    position: absolute;
    background: var(--base-color-white);
    box-shadow: 0 var(--px-10) var(--px-40) rgba(var(--color-black-rgb), var(--alpha-15));
    border-radius: var(--px-8);
    overflow: hidden;
    pointer-events: auto;
}

.hd_pops_con {
    overflow: auto;
}

.hd_pops_con img {
    max-width: 100%;
    height: auto;
    display: block;
}

.hd_pops_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--base-color-black);
}

.hd_pops_footer button {
    border: none;
    color: var(--base-color-white);
    cursor: pointer;
    font-size: var(--space-14);
    padding: var(--space-12) var(--space-16);
    transition: opacity var(--transition-fast);
    background: none;
}

.hd_pops_footer button:hover {
    opacity: var(--opacity-70);
}

.hd_pops_footer .hd_pops_reject {
    text-align: left;
}

.hd_pops_footer .hd_pops_reject strong {
    color: var(--signature-color);
}

.hd_pops_footer .hd_pops_close {
    background-color: rgba(var(--color-white-rgb), var(--alpha-1));
    white-space: nowrap;
}

.hd_pops_footer .hd_pops_close .fa-times {
    color: rgba(var(--color-white-rgb), var(--alpha-6));
}

/* hd_pops_3 개별 스타일 (그누보드 코어 inline-style 오버라이드용 !important - 제거 시 위치 깨짐) */
#hd_pops_3 {
    left: var(--captcha-left-offset) !important;
    top: 50% !important;
    transform: translateY(-50%);
    background: rgba(var(--color-black-rgb), var(--alpha-5));
    backdrop-filter: blur(var(--px-10));
    -webkit-backdrop-filter: blur(var(--px-10));
    box-shadow: 0 var(--px-10) var(--px-40) rgba(var(--color-black-rgb), var(--alpha-3));
}

@media all and (max-width: 860px) {
    .hd_pops {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        max-width: var(--vw-90);
    }

    .hd_pops_con {
        width: auto !important;
        max-width: var(--vw-90);
        height: auto !important;
        max-height: var(--vh-70);
    }
}


/* #################################### 상단 레이아웃 (그누보드 코어 위젯, basic.css에서 이동) #################################### */
#tnb {
    border-bottom: var(--border-gray-800-bottom);
    margin: 0 auto;
}
#tnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#tnb .inner {
    margin: 0 auto;
}

#hd_wrapper {
    position: relative;
    margin: 0 auto;
    height: var(--space-140);
    zoom: 1;
}
#hd_wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
.hd_sch_wr {
    float: left;
    padding: var(--space-30) 0;
    width: var(--space-445);
    margin-left: var(--space-65);
}
#hd_sch h3 {
    position: absolute;
    font-size: 0;
    line-height: var(--lh-0);
    overflow: hidden;
}
#hd_sch {
    border-radius: var(--space-30);
    overflow: hidden;
}
#hd_sch #sch_stx {
    float: left;
    width: var(--input-twopart-width);
    height: var(--space-45);
    padding-left: var(--space-10);
    border-radius: var(--space-30) 0 0 var(--space-30);
    background: var(--color-gray-850);
    border: 0;
    border-right: 0;
    font-size: var(--em-1-25);
    color: var(--base-color-white);
}
#hd_sch #sch_submit {
    float: left;
    width: var(--space-60);
    height: var(--space-45);
    border: 0;
    background: var(--color-gray-850);
    color: var(--base-color-white);
    border-radius: 0 var(--space-30) var(--space-30) 0;
    cursor: pointer;
    font-size: var(--space-16);
}

#hd_define {
    float: left;
}
#hd_define:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#hd_define li {
    float: left;
    font-size: var(--em-1-083);
    line-height: var(--space-14);
    border-right: var(--border-gray-750-right);
    position: relative;
    text-align: center;
    margin: var(--space-15) var(--space-10) var(--space-15) 0;
    padding-right: var(--space-10);
}
#hd_define li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}
#hd_define li a {
    display: inline-block;
    color: var(--color-gray-400);
}
#hd_define li.active a {
    color: var(--base-color-white);
}

#hd_qnb {
    float: right;
    text-align: right;
}
#hd_qnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}
#hd_qnb li {
    float: left;
    font-size: var(--em-1-083);
    line-height: var(--space-14);
    border-right: var(--border-gray-750-right);
    position: relative;
    text-align: center;
    margin: var(--space-15) var(--space-10) var(--space-15) 0;
    padding-right: var(--space-10);
}
#hd_qnb li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}
#hd_qnb li span {
    display: block;
    margin-top: var(--space-5);
    font-size: var(--em-0-92);
}
#hd_qnb li a {
    display: inline-block;
    color: var(--color-gray-400);
}
#hd_qnb .visit .visit-num {
    display: inline-block;
    line-height: var(--space-16);
    padding: 0 var(--space-5);
    margin-left: var(--space-5);
    border-radius: var(--space-10);
    background: var(--color-accent-purple);
    color: var(--base-color-white);
    font-size: var(--space-14);
}

.hd_login {
    position: absolute;
    right: 0;
    top: var(--space-60);
}
.hd_login li {
    float: left;
    margin: 0 var(--space-5);
    border-left: var(--border-gray-500-left);
    padding-left: var(--space-10);
    line-height: var(--space-13);
}
.hd_login li:first-child {
    border-left: 0;
}
.hd_login a {
    color: var(--base-color-white);
}