/* 공통 */
.header-inner, .inner-wrap, .footer-inner {
    width: 100%;
    max-width: 1460px;
    min-width: 1460px; 
    margin: 0 auto;
}

/* ================= Header ================= */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px; /* ?�단 ?�이 */
    z-index: 1000;
    background-color: transparent;
    transition: background-color 0.4s ease, border-bottom 0.4s ease;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* ?�크�???추�??�는 ?�래??*/
#header.scrolled {
    background-color: var(--color-black);
    border-bottom: 1px solid transparent;
}
#header.scrolled2 {
    background-color: var(--color-black);
    border-bottom: 1px solid transparent;
}


.header-inner {
    display: flex; 
    align-items: center;
    height: 100%;
}
.logo {
    margin-right: auto;  
}


.logo a {
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.2;
}
.logo .sub-logo {
    font-size: 11px;
    letter-spacing: 2px;
}
.gnb {
    margin-right: 150px;  
}

 
.gnb ul {
    display: flex;
    gap: 50px;
}
.gnb a {
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s; color:#fff;
}
.gnb a:hover {
    color: var(--color-gold);
}

.gnb2 {
    margin-right: 50px;  
}

 
.gnb2 ul {
    display: flex;
    gap: 10px;
}
.gnb2 a {
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s; color:#fff;
}
.gnb2 a:hover {
    color: var(--color-gold);
}


/* ?�버�?버튼 */
.btn-hamburger {
    width: 36px;  /* ?�이�??�체 가�??�이 (?�요??조절) */
    height: 22px; /* ?�이�??�체 ?�이 */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end; /* [?�심] ?�들???�측(???�로 ?�렬 */
    z-index: 1002;
	background:transparent; border:0;
}

.btn-hamburger span {
    display: block;
    height: 2px;
    background-color: #f4ebd0; /* ?��?지?� 비슷??베이지 ?? ?�는 var(--color-white) */
    transition: all 0.3s ease; /* 부?�러???�환 ?�과 */
}

/* �???span)???�이�??�르�?지??*/
.btn-hamburger span:nth-child(1) {
    width: 100%; /* �?번째 �? ?�일 김 */
}

.btn-hamburger span:nth-child(2) {
    width: 65%;  /* ??번째 �? 중간 */
}

.btn-hamburger span:nth-child(3) {
    width: 35%;  /* ??번째 �? ?�일 짧음 */
}

/* 마우???�버 ???�의 길이가 모두 같아지???�니메이???�과 */
.btn-hamburger:hover span {
    width: 100%; 
}
 


 /* ================= Full Menu (Dark Theme) ================= */
.full-menu {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    background-color: #141414; /* ?��?지?� ?�일?????�크 배경 */
    z-index: 1001;
    opacity: 0; visibility: hidden;
    transition: all 0.4s ease;
}
.full-menu.active {
    opacity: 1; visibility: visible;
}

/* ?��? ?�이?�웃???�한 기�???(?��??�치) */
.fm-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* --- ?�단 로고 & ?�기 --- */
.fm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px; /* 기존 ?�더?� ?�이 ?�일?�게 맞춰 ?�연?�러???�랜지???�도 */
    margin-bottom: 60px;
}
.fm-logo img { 
    display: block;
}
 
.btn-close-new {
    position: relative;
    width: 30px; height: 30px;
    background: transparent;
    border: none; cursor: pointer;
}
.btn-close-new::before, .btn-close-new::after {
    content: '';
    position: absolute;
    top: 50%; left: 0;
    width: 100%; height: 1px;
    background-color: #fff;
    transition: transform 0.3s;
}
.btn-close-new::before { transform: rotate(45deg); }
.btn-close-new::after { transform: rotate(-45deg); }
.btn-close-new:hover::before { transform: rotate(135deg); }
.btn-close-new:hover::after { transform: rotate(45deg); }
 
.fm-grid {
    display: flex;
    justify-content: center;
    gap: 8%; 
    flex: 1;  
}
.fm-col {
    text-align: center;
    width: 120px;  overflow: visible;
}
.fm-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 35px;
}
.fm-title a{ color:#fff;}
.fm-title a:hover{color:#f1f1f1}
.fm-list{ 
    width: 120px;  overflow: visible;
}
.fm-list li {
text-align:center;
position:relative; 
    margin-bottom: 18px;
	display:block; width:100%;
}
.fm-list li a {
    font-size: 18px;
text-align:center;
    color: #999;
    font-weight: 400;
    transition: color 0.3s ease; 
 
    margin-bottom: 18px;
	
    display: block;
    width: fit-content;
	line-height:2.2;
    white-space: nowrap;
    position: relative;
    left: 50%;
    transform: translateX(-50%);	
	
	
}
.fm-list li a:hover {
    color: #ffffff; 
}
 
.fm-bg-text {
    position: absolute;
    bottom: 5vh;
    left: 0;
    font-size: 8vw;  
    line-height: 0.7;
    color: rgba(255, 255, 255, 0.05); 
    letter-spacing: -2px;
    pointer-events: none;  
    z-index: -1;  
}
.fm-bg-text span{
    font-size: 5vw; 
    line-height: 0.9;
    color: rgba(255, 255, 255, 0.05); 
	
}

.fm-links{ 
    position: absolute;
    bottom: 10vh;
    right: 0;
    display: flex;
    gap: 20px; 
    align-items: center;
}

 
.fm-links a{font-size:15px; color:#8b807c; font-weight:400; line-height:1; position:relative; }
.fm-links i{ color:#d29872;  transform:rotate(-60deg);font-size:10px;vertical-align:top;}
.fm-sns {
    position: absolute;
    bottom: 5vh;
    right: 0;
    display: flex;
    gap: 15px;
    align-items: center;
}
.fm-sns a {
    display: inline-block;
    transition: transform 0.3s ease;
}
.fm-sns a img {
    height: 28px; 
}
.fm-sns a:hover {
    transform: translateY(-5px);  
}

/* ================= Footer ================= */
#footer {
    background-color: var(--footer-bg);
    padding: 60px 0;
    color: #999;
}
.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footer-inner2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ft-left{ min-width:15%;}
.ft-center{ min-width:50%;}
.ft-logo {
    text-align: center;
    font-size: 14px;
    color: #ccc;
    line-height: 1.4;
	position:relative; 
}
.ft-line{ width:100%;height:1px; background:rgba(255,255,255,0.1); margin:50px auto;}
.ft-logo  span{ position:absolute; left:0px;bottom:-50px; font-size:15px;color:#8b807c; text-align:center;width:100%;}
.ft-foin{font-size:15px;color:#8b807c; text-align:center;   display:block;}
.ft-logo img {
    display: block;
    margin: 0 auto 10px;
    width: 139px; /* 로고 ?�이즈에 맞게 조절 */
}
.ft-info p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5px;
}
.ft-links {
    display: flex;justify-content: flex-end;align-items: flex-end; 
    gap: 20px; 
}
.ft-links a{font-size:15px; color:#8b807c; font-weight:400; line-height:1; }
.ft-right{ min-width:30%;}
.ft-badges {
    display: flex;
    gap: 20px;
    margin-top: 25px; display:none;
}
.ft-cust{text-align:right; } 
.ft-cust  h3{font-size:26px;color:#fff; font-weight:700; margin-bottom:20px;} 
.ft-cust  p{font-size:16px;color:#908e8b; line-height:1.6;  }
.ft-badges span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #bbb;
}
.ft-badges img {
    height: 30px; /* 뱃�? ?�이�??�이 */
}
.ft-sns {
    display: flex;
    gap: 15px;justify-content: flex-end;align-items: flex-end;  
	margin-bottom:30px;
}
.ft-sns a{
display:block;
}
.ft-sns img{ height:30px;}
.sns-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
 
    height: 40px;
    border: 0px solid #555;
    border-radius: 50%;  
    font-size: 12px;
    transition: 0.3s;
}
.sns-icon:hover {
 
}

.sns-icon img {
vertical-align:top;
}

.fm-member-links { display: none; }

/* =======================================================
   [모바일 반응형 (Max-width: 768px)] - 상/하단 및 풀메뉴
======================================================= */
@media (max-width: 768px) {
    /* 1. 공통: PC 강제 고정폭 해제 및 모바일 여백 적용 */
    .header-inner, .inner-wrap, .footer-inner, .fm-inner {
        min-width: 0 !important;
        width: 100% !important;
        padding: 0 5%;
        box-sizing: border-box;
    }

    /* ================= HEADER (모바일 상단바) ================= */
    #header { height: 60px; } /* 모바일 헤더 높이 축소 */
    .header-inner { position: relative; justify-content: center; }
    
    /* 로고 중앙 정렬 */
    .logo { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .logo img { height: 35px; } /* 로고 사이즈 축소 */
    .logo .sub-logo { font-size: 9px; }

    /* PC용 GNB 숨김 */
    .gnb { display: none !important; }

    /* 장바구니/로그인/마이페이지 아이콘 모바일 배치 (햄버거 좌측) */
    .gnb2 { position: absolute; right: 45px; top: 50%; transform: translateY(-50%); margin: 0; }
    .gnb2 ul { gap: 12px; }
    .gnb2 a img { height: 18px; }

    /* 햄버거 버튼 모바일 배치 */
    .btn-hamburger { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); width: 22px; height: 16px; }



/* =======================================================
   [모바일 반응형 (Max-width: 768px)] - 풀메뉴 (아코디언)
======================================================= */
@media (max-width: 768px) {
    /* 풀메뉴 스크롤 및 여백 설정 */
.fm-inner { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: flex-start !important; /* 상단부터 차곡차곡 배치 */
        min-height: 100vh; 
        padding: 12px 5% 50px !important; /* 상단 여백 20px 고정 */
        position: relative; 
		overflow-y:auto;
    }
.fm-inner::before, .fm-inner::after { 
        display: none !important; 
    }
    
    /* 풀메뉴 상단 (가짜 헤더 역할) */

.fm-header { 
        order: 1; z-index: 10; 
        height: auto !important; /* PC버전의 100px 높이 강제 무효화 */
        margin: 0 0 25px 0 !important; /* 위쪽 마진 0으로 원천 차단 */
        position: relative; display: flex; justify-content: center; align-items: center; width: 100%; 
    }
	

    .fm-logo img { height: 30px; }
    .btn-close-new { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }

    /* 1단 세로 정렬 */
    .fm-grid { display: block; height: auto; padding-bottom: 40px; }
.fm-grid { 
        order: 3; 
        z-index: 10; 
        padding-bottom: 20px; 
        flex: none !important; /* [핵심] PC버전의 flex: 1 (늘어나기) 강제 무효화 */
        height: auto !important;
    }
	
    .fm-col { width: 100%; border-bottom: none; margin-bottom: 0; }
    
    /* 아코디언 타이틀 (클릭 영역) */
    .fm-title { 
        font-size: 18px; color: #fff; padding: 15px 0; margin-bottom: 0;
        display: flex; justify-content: space-between; align-items: center; 
        cursor: pointer;
    }
	 

    /* 우측 꺾쇠(화살표) 아이콘 (FontAwesome 기준) */
    .fm-title::after {
        content: '\f107'; 
        font-family: 'FontAwesome'; font-size: 20px; transition: transform 0.3s;
    }
    /* 메뉴가 열렸을 때 화살표 뒤집기 */
    .fm-col.active .fm-title::after { transform: rotate(180deg); }

    /* 서브메뉴 (기본적으로 숨김) */
    .fm-list { 
        display: none; /* 아코디언을 위해 숨김 */
        width: 100%; padding: 5px 0 15px 0; 
    }
    .fm-list li { width: 100%; text-align: left; margin-bottom: 12px; }
    .fm-list li a { 
        position: static; left: auto; transform: none;
        font-size: 15px; color: #aaa; text-align: left; width: 100%; line-height: 1.5;
    }

    /* 하단 디자인 요소 복구 및 재배치 */
.fm-bg-text { 
        display: block; 
        position: fixed !important; /* 화면에 고정시켜 공간 차지 안 함 */
        top: 55%; left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; text-align: center; 
        font-size: 15vw; line-height: 0.9; 
        color: rgba(255, 255, 255, 0.03); 
        margin: 0; z-index: 0; pointer-events: none; 
    }
.fm-bg-text span { font-size: 7vw; }
    
.fm-sns { 
        order: 4; z-index: 10;
        display: flex; position: relative; justify-content: center; 
        gap: 25px; 
        margin-top: 30px; /* 메뉴 바로 밑으로 간격 좁힘 */
        margin-bottom: 20px; 
    }
    .fm-sns a img { height: 40px; }
	
	.fm-sns ion-icon{ font-size:35px;color:#fff;}
	
.fm-links { 
        order: 5; z-index: 10;
        display: flex; position: relative; justify-content: center; align-items: center; 
        gap: 30px; padding-bottom: 30px; 
    }
    .fm-links a:nth-child(1),
    .fm-links a:nth-child(2) { display: none; }
    .fm-links a { font-size: 15px; color: #888; text-decoration: none; }
    .fm-links a i { font-size: 11px; margin-left: 2px; transform: rotate(-45deg); color: #d29872; }
	
    /* 기존 헤더의 우측 아이콘 완전히 숨김 */
    .gnb2 { display: none !important; }
 
    
    /* 풀메뉴 상단 (로고 & 닫기 버튼) */
    .fm-header { height: auto; margin-bottom: 25px; position: relative; display: flex; justify-content: center; align-items: center; }
    .fm-logo img { height:35px; }
    .btn-close-new { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }

    /* [신규] 풀메뉴 로고 밑 회원/장바구니 링크 영역 */
    .fm-member-links {
        display: block;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.08); /* 구분선 */
    }
	.fm-member-links { order: 2; z-index: 10; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08); }
	
    .fm-member-links ul {
        display: flex;
        justify-content: center;
        gap: 35px;
    }
    .fm-member-links li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ccc;
        font-size: 13px;
        text-decoration: none;
        gap: 8px;
    }
	.fm-member-links li a ion-icon{ font-size:26px;}
	
	
    .fm-member-links li a img {
        height: 22px; /* 아이콘 크기 */
        /* 만약 기존 아이콘이 검은색이라면 어두운 배경에 맞게 하얗게 반전 */
        /* filter: brightness(0) invert(1); */ 
    }

    /* 1단 세로 정렬 (아코디언) */
.fm-grid { order: 3; z-index: 10; padding-bottom: 20px; }
    .fm-col { width: 100%; border-bottom: none; margin-bottom: 0; }
    
    /* 아코디언 타이틀 (클릭 영역) */
    .fm-title { 
        font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;
        display: flex; justify-content: space-between; align-items: center; 
        cursor: pointer;
    }
    .fm-title::after {
        content: '\f107'; 
        font-family: 'FontAwesome'; font-size: 14px; transition: transform 0.3s;
    }
    .fm-col.active .fm-title::after { transform: rotate(180deg); }

    /* 서브메뉴 (기본 숨김) */
    .fm-list { display: none; width: 100%; padding: 5px 0 15px 10px; }
    .fm-list li { width: 100%; text-align: left; margin-bottom: 12px; }
    .fm-list li a { 
        position: static; left: auto; transform: none;
        font-size: 15px; color: #aaa; text-align: left; width: 100%; line-height: 1.5;
    }

    /* 하단 디자인 요소 복구 */
    .fm-bg-text { display: block; position: static; text-align: center; font-size: 13vw; line-height: 0.9; margin: 20px 0 30px; }
    .fm-bg-text span { font-size: 6vw; }
    .fm-sns { display: flex; position: static; justify-content: center; gap: 20px; margin-bottom: 20px; }
    .fm-sns a img { height: 32px; }
 
	
.fm-links { 
        order: 5; z-index: 10;
        display: flex; position: relative; justify-content: center; align-items: center; 
        gap: 30px; padding-bottom: 30px; 
    }
    .fm-links a:nth-child(1),
    .fm-links a:nth-child(2) { display: none; }
    .fm-links a { font-size: 15px; color: #888; text-decoration: none; }
    .fm-links a i { font-size: 11px; margin-left: 2px; transform: rotate(-45deg); color: #d29872; }
	
	

.sub-visual.store-visual {
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), url('/theme/basic/img/sub/m_subtop_store.jpg') no-repeat center center / cover;
 
}
.sub-visual.mem-visual {
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), url('/theme/basic/img/sub/account_subtop.jpg') no-repeat center center / cover;
 
}


.sub-visual.store-product {
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.005)), url('/theme/basic/img/sub/subtop_pdt.jpg') no-repeat center center / cover;
 
}
.sub-visual.store-brand {
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.005)), url('/theme/basic/img/sub/subtop_brand.jpg') no-repeat center center / cover;
 
}
.sub-visual.store-pr {
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05)), url('/theme/basic/img/sub/m_subtop_pr.jpg') no-repeat center center / cover;
 
}

.sub-visual.store-comm{
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05)), url('/theme/basic/img/sub/m_subtop_pr.jpg') no-repeat center center / cover;
 
}
.sub-visual.store-e{
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05)), url('/theme/basic/img/sub/subtop_eshop1.jpg') no-repeat center center / cover;
 
}

.sub-visual.recruit-visual{
 
    background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05)), url('/theme/basic/img/sub/subtop_recuit.jpg') no-repeat center center / cover;
 
}


	
	
	
    /* 1. 서브 비주얼 영역 (높이 축소) */
	 .sub-visual.recruit-visual,
    .sub-visual.store-visual,
    .sub-visual.mem-visual,
    .sub-visual.store-product,
    .sub-visual.store-brand,
    .sub-visual.store-pr,
    .sub-visual.store-comm,
    .sub-visual.store-e {
        height: 270px; /* 모바일 배너 높이 조정 */
        padding-bottom:  0px; /* 텍스트가 바닥에 너무 붙지 않도록 여백 추가 */
    }




    /* 1460px 고정 해제 */
    .sub-visual .inner-wrap {
        max-width: 100%;
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }

    /* 거대한 타이틀 축소 (130px -> 45px) */
    .sub-visual .main-txt {
        font-size: 45px;
        letter-spacing: 1px;
    }

 /* 2. 서브 LNB (네비게이션) 영역 */
    .sub-lnb-wrap {
        width: 100%;
        margin-bottom: 30px; 
        margin-top: 20px;
        text-align: center; /* [핵심 1] 하위 inline-flex 요소들을 화면 중앙으로 모아줍니다 */
    }

    /* [핵심] 모바일 좌우 스와이프(가로 스크롤) 메뉴로 변경 */
    .sub-lnb {
display: inline-flex !important; 
        width: auto !important;
		
        max-width: 100%; 
		
		
        justify-content: flex-start; /* 내부 정렬은 시작점으로 둬야 스크롤 시 왼쪽 잘림 버그가 안 생깁니다 */
        gap: 25px; 
        flex-wrap: nowrap; 
        padding: 0 5%;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
        
        /* 스크롤바 디자인 숨김 */
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .sub-lnb::-webkit-scrollbar {
        display: none;
    }

    /* 메뉴 아이템 텍스트 줄바꿈 방지 및 폰트 축소 */
    .sub-lnb li {
        flex-shrink: 0; 
    }
    
    .sub-lnb li a {
        font-size: 15px; 
        height: 40px; 
        line-height: 38px;
        display: block;
        padding: 0;
    }
	
}



/* ===================================================
       하단 디자인 요소 복구 및 재배치 (모바일 전용 순서 변경)
    =================================================== */
    /* 부모를 Flex로 만들어 내부 요소들의 노출 순서(order)를 제어합니다 */
 
    .fm-header { order: 1; z-index: 10; }
	
	
.fm-member-links { order: 2; z-index: 10; margin-bottom: 15px; padding-bottom: 15px; }
.fm-grid { order: 3; z-index: 10; padding-bottom: 20px; }
    
    /* 1. 배경 영문 텍스트 (순서 4번째) */
    .fm-bg-text { 
       
        display: block; position: static; text-align: center; 
        font-size: 13vw; line-height: 0.9; margin: 40px 0 40px; 
    }
    .fm-bg-text span { font-size: 6vw; }
    
    /* 2. SNS 아이콘 (순서 5번째 - 링크 위로 끌어올림) */
    .fm-sns { 
        order: 5; 
        display: flex; position: static; justify-content: center; 
        gap: 25px; margin-bottom: 25px; 
    }
    .fm-sns a img { 
        height: auto; /* 시안처럼 아이콘 크기를 큼직하게 확대 */
    }
    
    /* 3. 하단 텍스트 링크 (순서 6번째 - 맨 아래로 내림) */
    .fm-links { 
        order: 6; 
        display: flex; position: static; justify-content: center; align-items: center; 
        gap: 30px; padding-bottom: 40px; 
    }
    
    /* 모바일 시안에 없는 '이용약관', '개인정보처리방침'은 숨김 처리 */
    .fm-links a:nth-child(1),
    .fm-links a:nth-child(2) { display: none; }
    
    .fm-links a { 
        font-size: 16px; color: #aaa; text-decoration: none; 
    }
    
    /* '인재채용' 옆 화살표 색상 및 대각선 회전 처리 */
    .fm-links a i { 
        font-size: 12px; margin-left: 2px; 
        transform: rotate(-45deg); /* 우측 상단으로 향하게 회전 */
        color: #d29872; /* 시안과 동일한 골드/브라운 컬러 */
    }

    /* ================= FOOTER (모바일 하단) ================= */
    #footer { padding: 40px 0; }
    .footer-inner { flex-direction: column; align-items: center; text-align: center; }
    
    /* 좌, 중, 우 영역 세로 쌓기 */
    .ft-left, .ft-center, .ft-right { width: 100%; min-width: 0; margin-bottom: 30px; }
    .ft-right { margin-bottom: 0; }

    /* 로고 및 정보 */
    .ft-logo img { margin: 0 auto 20px; width: auto;height:auto; }
    .ft-info p { font-size: 12px; line-height: 1.6; word-break: keep-all; color: #888; margin-bottom: 5px; }
    
    /* 명장 배지 모바일 배열 (2열 또는 래핑) */
    .ft-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; }
    .ft-badges span { font-size: 11px; }
    .ft-badges img { height: 20px; }
    
    /* 하단 링크 및 SNS */
    .ft-right { display: flex; flex-direction: column; align-items: center; }
    .ft-links { justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
    .ft-links a { font-size: 12px; }
    .ft-sns { justify-content: center; margin-bottom: 0; }
    .sns-icon { width: 32px; height: 32px; }
    .sns-icon img { height: 16px; } /* 아이콘 이미지 축소 */

    /* 우측 하단 플로팅 버튼 축소 */
    .right-fixed-btns { right:  0px; bottom: 20%; transform: scale(0.5); transform-origin: bottom right; }
}