/* ============================================
   TANHUH Project Single — KKAA Style
   ============================================ */

/* 투명 헤더 처리 (body 클래스 활용) */
body.tanhuh-transparent-header .site-header,
body.tanhuh-transparent-header header.elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: transparent !important;
}

/* 단일 프로젝트 컨테이너 */
.tanhuh-project-single {
    margin: 0;
    padding: 0;
}
/* 탄허로고             
.tanhuh-logo-main img {
    animation: inkAppear 2.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;
    opacity: 0;
}

@keyframes inkAppear {
    0% {
        opacity: 0;
        filter: blur(5px);
    }
    30% {
        opacity: 0.4;
        filter: blur(3px);
    }
    70% {
        opacity: 0.85;
        filter: blur(0.8px);  
    }
    100% {
        opacity: 1;
        filter: blur(0px);
    }
} */


/* ===== 탄허 로고 칼라 전환 ===== */



/* [1] Hero 이미지 (70vh, 헤더 뒤에 깔림) */
/* [1] Hero 이미지 (위→아래 패닝, 첫 진입만) */
.tanhuh-project-single .project-hero {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    height: 70vh;
    min-height: 500px;
    overflow: hidden;
    margin-top: -100px;
    background: #1C2233;
}

.tanhuh-project-single .project-hero img {
  position: relative;        /* ⭐ 추가 */
    z-index: 1;                /* ⭐ 추가: 이미지는 1 */
    width: 100%;
    height: auto;              /* ⭐ 원본 비율 유지 (전체 높이 표시 가능) */
    min-height: 100%;
    object-fit: cover;
    display: block;
    
  /* 시작 위치도 하단으로 */
    transform: translateY(calc(-100% + 70vh));
    opacity: 0;

    animation: 
        heroFadeIn 1s ease-out 0.3s forwards,
        heroPanUp 6s ease-in-out 1.3s forwards;   /* ⭐ PanDown → PanUp */
}

/* 페이드인 */
@keyframes heroFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 아래→위 패닝 (이미지가 아래에서 시작 = 지면부터 보임) */
@keyframes heroPanUp {
    0% {
        transform: translateY(calc(-100% + 70vh));   /* 이미지 하단(지면)부터 */
    }
    100% {
        transform: translateY(0);                    /* 이미지 상단(하늘)으로 */
    }
}

/* 애니메이션 비활성화 클래스 (재방문 시) */
.tanhuh-project-single .project-hero.no-animation img {
    animation: none !important;
    opacity: 1 !important;
    transform: translateY(0) !important;  /* 마지막 위치 */
}
/* ⭐ 흰색 그라데이션 오버레이 — z-index 명확히 */
.tanhuh-project-single .project-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    z-index: 10;               /* ⭐ 이미지(1)보다 위 */
}

/* 모바일 */
@media (max-width: 767px) {
    .tanhuh-project-single .project-hero {
        height: 60vh;
        min-height: 400px;
        margin-top: -80px;
    }
    
    @keyframes heroPanUp {
        0% {
            transform: translateY(calc(-100% + 60vh));
        }
        100% {
            transform: translateY(0);
        }
    }

    .tanhuh-project-single .project-hero.no-animation img {
        transform: translateY(0) !important;   /* ⭐ */
    }
}

/* 접근성 */
@media (prefers-reduced-motion: reduce) {
    .tanhuh-project-single .project-hero img {
        animation: none !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}
/* 컨테이너 폭 — 760px (헤더, 정보, 태그, 공유) */
.tanhuh-project-single .project-content-wrap.project-content-narrow {
    max-width: 760px;
    margin: 0 auto;
    padding: 60px 20px;
}

@media (max-width: 767px) {
    .tanhuh-project-single .project-content-wrap.project-content-narrow {
        padding: 40px 16px;
    }
}

/* [2-1] 헤더 (카테고리 + 제목 + 메타) */
.tanhuh-project-single .project-header {
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E8E8E6;
}

/* 카테고리 태그 (TANHUH news 디자인 — 빨강 외곽선) */
.tanhuh-project-single .project-category-tag {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 20px;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    text-decoration: none;
    transition: all 0.25s ease;
}

.tanhuh-project-single .project-category-tag:hover {
    background: #ED1C24;
    color: #FFFFFF;
}

/* 프로젝트 제목 (Pretendard 800) */
.tanhuh-project-single .project-title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 800;
    font-size: 56px;
    line-height: 1.3em;
    color: var(--e-global-color-primary, #1C2233);
    margin: 0 0 5px 20px;
    word-break: keep-all;
}

/* [추가] 영문 타이틀 스타일 */
.tanhuh-project-single .project-title-en {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px; /* 한글보다 작게 */
    line-height: 1.4;
    color: #6B7280; /* 부드러운 회색조 */
    margin-bottom: 30px; /* 메타 정보와의 간격 */
    max-width: 90%; /* 너무 길어지면 자동 줄바꿈 */
    margin-left: auto;
    margin-right: auto;
    word-break: keep-all;
}
@media (max-width: 1024px) {
    .tanhuh-project-single .project-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .tanhuh-project-single .project-title {
        font-size: 24px;
    }
}
/* 모바일 대응 */
@media (max-width: 767px) {
    .tanhuh-project-single .project-title {
        font-size: 28px;
    }
    .tanhuh-project-single .project-title-en {
        font-size: 15px;
        margin-bottom: 20px;
    }
}

/* 프로젝트 메타 (도시,국가 / 년도) */
.tanhuh-project-single .project-meta {
    margin: 0;
    line-height: 1.8;
}

.tanhuh-project-single .project-meta .meta-ko {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    color: #1A1919;
}

.tanhuh-project-single .project-meta .meta-en {
    display: block;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 13px;
    color: #6B7280;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

.tanhuh-project-single .project-meta .meta-year {
    display: inline-block;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 13px;
    color: #6B7280;
    margin-top: 8px;
    letter-spacing: 0.05em;
}

/* [2-2] Project Info */
.tanhuh-project-single .project-info-section {
    margin-bottom: 80px;
}

.tanhuh-project-single .project-info-list {
    margin: 0;
    padding: 0;
}

.tanhuh-project-single .info-row {
    display: flex;
    border-bottom: 1px solid #E8E8E6;
    padding: 18px 0;
	 align-items: flex-start;  
}

/* dt 한영 병기 */
.tanhuh-project-single .info-row dt {
    flex: 0 0 120px;
    margin: 0;
	padding-top: 4px;
}

.tanhuh-project-single .info-row dt .dt-ko {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #6B7280;
    font-size: 14px;
    line-height: 1.4;
}

.tanhuh-project-single .info-row dt .dt-en {
    display: block;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-weight: 400;
    color: #9CA3AF;            /* 더 연한 회색 — 보조 정보 */
    font-size: 11px;
    letter-spacing: 0.05em;
    margin-top: 2px;
    text-transform: uppercase; /* 영문 대문자로 (선택) */
}

/* 모바일 — 라벨을 한 줄로 나란히 */
@media (max-width: 600px) {
    .tanhuh-project-single .info-row {
        flex-direction: column;
        gap: 6px;
    }
    
    .tanhuh-project-single .info-row dt {
        flex: none;
        display: flex;             /* ⭐ flex로 변경 */
        align-items: baseline;     /* ⭐ baseline 정렬로 자연스럽게 */
        gap: 8px;                   /* ⭐ 한글-영문 간격 */
    }
    
    /* 한글/영문 둘 다 inline으로 */
    .tanhuh-project-single .info-row dt .dt-ko {
        display: inline;
    }
    
    .tanhuh-project-single .info-row dt .dt-en {
        display: inline;
        margin-top: 0;
        margin-left: 0;
        text-transform: uppercase;  /* 모바일에서도 대문자 유지 (취향 따라) */
    }
}

.tanhuh-project-single .info-row dd {
    flex: 1;
    margin: 0;
    color: #1A1919;
    line-height: 1.8;
    word-break: keep-all;
    font-size: 15px;
}
/* 프로젝트 정보 리스트 내의 프로젝트명 굵기 조절 */

.tanhuh-project-single .info-row dd.project-title-value {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    letter-spacing: -0.01em;
}


.tanhuh-project-single .info-row dd .status-ko,
.tanhuh-project-single .info-row dd .location-ko {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    color: #1A1919;
}

.tanhuh-project-single .info-row dd .status-en,
.tanhuh-project-single .info-row dd .location-en {
    display: block;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    color: #6B7280;
    letter-spacing: 0.02em;
    font-size: 13px;
    margin-top: 2px;
}

.tanhuh-project-single .info-description {
    white-space: pre-line;
}

@media (max-width: 600px) {
    .tanhuh-project-single .info-row {
        flex-direction: column;
        gap: 6px;
    }
    .tanhuh-project-single .info-row dt {
        flex: none;
    }
}

/* [2-3] Gallery */
/* [2-3] Gallery (970px) */
.tanhuh-project-single .project-gallery-section {
    max-width: 970px;
    margin: 80px auto;
    padding: 0 20px;
}

@media (max-width: 767px) {
    .tanhuh-project-single .project-gallery-section {
        padding: 0 16px;
        margin: 60px auto;
    }
}

/* [3] Gallery — Masonry (CSS columns) */
.tanhuh-project-single .project-gallery-grid {
    column-count: 2;        /* 2열 */
    column-gap: 8px;
}

@media (max-width: 600px) {
    .tanhuh-project-single .project-gallery-grid {
        column-count: 1;    /* 모바일 1열 */
    }
}

.tanhuh-project-single .gallery-item {
    margin: 0 0 8px;
    break-inside: avoid;    /* ⭐ 중요: 칸이 행 사이로 깨지지 않도록 */
    display: block;
}

.tanhuh-project-single .gallery-item a {
    display: block;
    overflow: hidden;
    cursor: zoom-in;
}

.tanhuh-project-single .gallery-item img {
    width: 100%;
    height: auto;            /* ⭐ 비율 유지 */
    display: block;
    transition: transform 0.4s ease;
}

.tanhuh-project-single .gallery-item a:hover img {
    transform: scale(1.03);
}

.tanhuh-project-single .gallery-item figcaption {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    color: #6B7280;
    margin-top: 6px;
    padding: 0 8px;
}

/* [2-4] Tags */
.tanhuh-project-single .project-tags-section {
    margin: 10px 0 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tanhuh-project-single .project-tag {
    display: inline-block;
    padding: 4px 12px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    color: #6B7280;
    background: #F4F4F2;
    text-decoration: none;
    transition: all 0.25s ease;
	border:1px solid #E8E8E6;
}

.tanhuh-project-single .project-tag:hover {
    background: #A81A20;
    color: #FFFFFF;
}

/* 4. 네모난 SNS 공유 버튼 */
/* [2-5] Share */

.tanhuh-project-single .project-share-section {
    margin: 30px 0 60px;
    padding: 24px 0;
    border-top: 1px solid #E8E8E6;
    border-bottom: 1px solid #E8E8E6;
    display: flex;
    align-items: center;
	flex-direction: column;
    gap: 16px;
	align:center;
}

.project-share-section .share-label {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    color: #6B7280;
}

.tanhuh-project-single .share-buttons {
    display: flex;
    gap: 20px;
}

.tanhuh-project-single .share-btn {
    width: 44px;
    height: 44px;
    border: 1px solid #E8E8E6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B7280;
    background: #E8E8E6;
    transition: all 0.3s ease;
}

.tanhuh-project-single .share-btn:hover {
    border-color: #1a1919;
    color: #A81A20;
    transform: translateY(-3px);
}

/* All Projects 링크 */
.tanhuh-project-single .project-navigation {
    text-align:right;
	margin-right:15px;
}

.tanhuh-project-single .project-all-link {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6B7280;
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 18px;   /* ⭐ related-title border-bottom 라인에 맞춤 */
    transition: color 0.2s ease;
}


.tanhuh-project-single .project-all-link:hover {
    color: #ED1C24;
}

@media (max-width: 600px) {
   .tanhuh-project-single .project-all-link {
        padding-bottom: 0;
        color: #ED1C24;
        font-size: 11px;
    }
}
/* [3] Related Projects (Full Width) */
/* [3] Related Projects (970px + 배경, news 페이지 스타일) */
.tanhuh-project-single .project-related-section {
    background: #E8E8E6;     /* 연한 회색 배경 */
    padding: 80px 20px;
    margin-top: 0px;
}

@media (max-width: 767px) {
    .tanhuh-project-single .project-related-section {
        padding: 60px 16px;
        margin-top: 60px;
    }
}

.tanhuh-project-single .project-related-inner {
    max-width: 970px;
    margin: 0 auto;
}
/* 타이틀 + All Projects 행 */
.tanhuh-project-single .related-title-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 40px;
}

.tanhuh-project-single .related-title {
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1C2233;
    margin: 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #ED1C24;
    display: inline-block;
}



/* 모바일 */
@media (max-width: 600px) {
    .tanhuh-project-single .related-title-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-left: 16px;
    }

 
}

/* PC 기본값 - grid로 전체 표시 */
.tanhuh-project-single .related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding-bottom: 0;
    /* overflow 관련 속성 전부 제거 */
}



.tanhuh-project-single .related-card {
    flex: 0 0 280px;   /* 970px 안에서 3개 보이는 느낌 */
    scroll-snap-align: start;
    /* 기존 스타일은 그대로 유지 */
}

/* 태블릿 - 가로 스크롤 시작 */
@media (max-width: 1024px) {
    .tanhuh-project-single .related-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: #1C2233 #E8E8E6;
        gap: 24px;
        padding-bottom: 12px;
    }
    .tanhuh-project-single .related-card {
        flex: 0 0 280px;
        scroll-snap-align: start;
    }
}


@media (max-width: 600px) {
    .tanhuh-project-single .project-related-section {
        padding-left: 0;
        padding-right: 0;
    }

    .tanhuh-project-single .project-related-inner {
        padding-left: 0;
    }

    .tanhuh-project-single .related-title {
        margin-left: 16px;
    }

    .tanhuh-project-single .related-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding: 0 16px 16px;
		margin-left:16px;
    }

    .tanhuh-project-single .related-grid::-webkit-scrollbar {
        display: none;
    }

    .tanhuh-project-single .related-card {
        flex: 0 0 72vw;
        scroll-snap-align: start;
    }
}

.tanhuh-project-single .related-card {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.25s ease;
}

.tanhuh-project-single .related-card:hover {
    transform: translateY(-4px);
}

.tanhuh-project-single .related-thumb {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    margin-bottom: 12px;
}

.tanhuh-project-single .related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.tanhuh-project-single .related-card:hover .related-thumb img {
    transform: scale(1.05);
}

.tanhuh-project-single .related-meta {
    display: block;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    color: #6B7280;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.tanhuh-project-single .related-name {
    font-family: "NanumSquare", serif;
    font-weight: 800;
    font-size: 16px;
    color: #1C2233;
    margin: 0;
    line-height: 1.4;
    word-break: keep-all;
}

/* ============================================
   TANHUH - Elementor Lightbox Navigation
   ============================================ */

/* 라이트박스 컨테이너에 position 기준 잡기 */
.elementor-lightbox .swiper {
    position: relative !important;
}

/* swiper-wrapper에는 position 영향 안 가게 */
.elementor-lightbox .swiper-wrapper {
    position: relative;
}

/* 화살표 — swiper 컨테이너 기준 fixed 위치 */
.elementor-lightbox .elementor-swiper-button-prev,
.elementor-lightbox .elementor-swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    
    /* Elementor 기본 width/height 유지 */
    height: 100% !important;
    width: 15% !important;
    
    /* flex로 SVG 중앙 정렬 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* 호버 효과 부드럽게 */
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s ease;
}

/* 좌측 화살표 — 화면 왼쪽 끝 */
.elementor-lightbox .elementor-swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}

/* 우측 화살표 — 화면 오른쪽 끝 */
.elementor-lightbox .elementor-swiper-button-next {
    right: 0 !important;
    left: auto !important;
}

/* SVG 아이콘 */
.elementor-lightbox .elementor-swiper-button-prev svg,
.elementor-lightbox .elementor-swiper-button-next svg {
    width: 30px !important;
    height: 30px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    display: block !important;
    transition: all 0.3s ease;
}

/* 호버 — 아이콘 강조 */
.elementor-lightbox .elementor-swiper-button-prev:hover svg,
.elementor-lightbox .elementor-swiper-button-next:hover svg {
    fill: #ED1C24 !important;
    color: #ED1C24 !important;
    transform: scale(1.2);
}

/* 모바일 */
@media (max-width: 767px) {
    .elementor-lightbox .elementor-swiper-button-prev svg,
    .elementor-lightbox .elementor-swiper-button-next svg {
        width: 24px !important;
        height: 24px !important;
    }
}

/* 스크린 리더 텍스트 숨김 */
.elementor-lightbox .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

/* 카운터 */
.elementor-lightbox .swiper-pagination,
.elementor-lightbox .elementor-slideshow__counter {
    color: #FFFFFF !important;
    font-family: 'Outfit', 'DM Sans', sans-serif;
}

.footer-news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 선택자를 더 구체적으로 작성 */
.footer-news-list .footer-news-item {
    padding: 0px 8px 16px 0px !important;
    display: block; /* li 요소일 경우 블록 처리가 확실해야 패딩이 먹습니다 */
}
.footer-news-item:last-child {
    border-bottom: none;
}

.footer-news-link {
    font-family: 'Pretendard', sans-serif; 
	font-size: 14px;
    font-weight: 500; 
	letter-spacing: 0.10em;
    
    color: #E8E8E6 !important;
    text-decoration: none;
    line-height: 1.6;
    display: block;

	

     /* ⭐ 말줄임 제거 → 2줄까지 표시 */
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;

    transition: color 0.2s ease;
}

.footer-news-link:hover {
    color: #ED1C24 !important;            /* TANHUH Red */
   
    transition: color 0.2s ease, padding-left 0.2s ease;
}

/* ===== Footer Address Block ===== */
.footer-address-block {
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.10em;
    color: #E8E8E6;
    line-height: 1.8;
}

.footer-block-label {
	display: block;
    padding: 4px 0;
    margin-bottom: 20px;
    font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ED1C24;
    
    text-decoration: none;
    transition: all 0.25s ease;

}
.footer-addr-en,
.footer-addr-ko {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #E8E8E6;
    line-height: 1.7;
}

.footer-addr-ko {
    color: rgba(232, 232, 230, 0.9);   /* 한글 주소는 살짝 흐리게 */
    font-size: 12px;
}

/* Map Icons */
.tanhuh-map-icons {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.map-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    transition: border-color 0.2s, background 0.2s;
    flex-shrink: 0;
}

.map-icon-btn:hover {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.08);
}

/* Contact */
.footer-contact {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 2;
    color: #E8E8E6;
}

.footer-contact b {
    font-weight: 600;
    margin-right: 6px;
    color: rgba(232, 232, 230, 0.5);
}

.footer-contact a {
    color: #E8E8E6 !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-contact a:hover {
    color: #ED1C24 !important;
}

/* ===== 메인 공지 바 ===== */
.tanhuh-notice-bar {
    display: flex;
    align-items: center;
    justify-content: center;    /* 중앙 정렬 */
    gap: 16px;
    padding: 14px 24px;
   background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);    /* ⭐ blur 복활 */
-webkit-backdrop-filter: blur(8px);  /* Safari 대응 */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}

/* 슬라이더 래퍼 */
.notice-slider-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 300px;
}

/* 각 슬라이드 */
.notice-slide {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 16px;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 1.2s ease, transform 1.2s ease;
    white-space: nowrap;
}

.notice-slide.active {
    opacity: 1;
    transform: translateY(0);
}

/* 공지 바 외부 래퍼 */
.tanhuh-notice-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}

/* 내부 콘텐츠 폭 제한 — 반응형 */
.tanhuh-notice-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 760px;           /* PC */
}

@media (max-width: 1024px) {
    .tanhuh-notice-inner {
        max-width: 680px;       /* 패드 */
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .tanhuh-notice-inner {
        max-width: 100%;        /* 모바일 */
        padding: 0 10px;
    }
    .tanhuh-notice-bar {
        padding: 12px 0;
    }
}




/* 카테고리 태그 — 기존 tanhuh-cat-tag 스타일 재활용 */
.tanhuh-notice-bar .tanhuh-cat-tag {
     font-family: 'Outfit', 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 2px 8px;
    color: #ED1C24;
    flex-shrink: 0;
	border: none; 

}

/* 글 제목 */
.tanhuh-notice-bar .notice-text,
.tanhuh-notice-bar a.notice-text {
    color: #FFFFFF !important;
}

.tanhuh-notice-bar a.notice-text:hover {
    color: #ED1C24 !important;
}

.notice-text {
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 0.04em;
    transition: color 0.2s ease;
}

.notice-text:hover {
    color: #ED1C24;
}

/* 2. 슬라이드 카운터 숫자 — 밝은 색으로 */
.notice-counter {
    font-family: 'Outfit','DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.9);   /* ⭐ Cool Gray 대신 반투명 화이트 */
    flex-shrink: 0;
    margin-left: auto;                  /* 우측 정렬 */
}


/* 모바일 */
@media (max-width: 767px) {
    .tanhuh-notice-bar {
        padding: 12px 16px;
    }
    .notice-text {
        font-size: 13px;
    }
    .notice-slider-wrap {
        min-width: 200px;
    }
}