/* ==========================================================================
   (주)투어수다 - 공통 푸터 (tail.php, 모든 페이지 공통 로딩)
   _reference_source Footer.tsx 구조를 그대로 이식 (4단 컬럼 + 실제 사업자정보)
   ========================================================================== */

/* default.css의 #ft, #top_btn 레거시 스타일보다 우선 적용되도록 ID+class 조합으로 무력화 */
#ft.suda-footer{ background: #0f172a; margin: 0; text-align: left; }

.suda-footer{
    color: rgba(255,255,255,.65);
    padding-top: 50px;
    padding-bottom: 60px;
}
.suda-footer-inner{
    max-width: 1280px;
    margin: 0 auto;
    padding-inline: 24px;
}

.suda-footer-top{
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    padding-bottom: 36px;
}

.suda-footer-logo{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
    margin-bottom: 16px;
}
.suda-footer-logo img{ width: 42px; height: 42px; border-radius: 999px; object-fit: cover; }
.suda-footer-logo span{ font-size: 20px; font-weight: 700; letter-spacing: -0.02em; }
.suda-footer-slogan{ font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.5); margin: 0 0 16px; }
.suda-footer-social{ display: flex; gap: 14px; }
.suda-footer-social a{ color: rgba(255,255,255,.65); font-size: 18px; }
.suda-footer-social a:hover{ color: #fff; }

.suda-footer-col h3{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px;
}
.suda-footer-col ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.suda-footer-col li{ margin-bottom: 10px; font-size: 15px; }
.suda-footer-col a{ color: rgba(255,255,255,.65); }
.suda-footer-col a:hover{ color: #fff; }

.suda-footer-contact li{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: rgba(255,255,255,.65);
}
.suda-footer-contact i{ margin-top: 2px; color: oklch(78.5% 0.115 274.713); flex-shrink: 0; }

.suda-footer-bottom{
    padding: 32px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: rgba(255,255,255,.45);
    text-align: center;
}
.suda-footer-bottom p{ margin: 0; }
.suda-footer-biz{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
}

#top_btn.suda-footer-top-btn{
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 44px;
    height: 44px;
    line-height: normal;
    border-radius: 999px;
    border: 0;
    background: var(--suda-blue, #2563eb);
    color: #fff;
    box-shadow: 0 8px 20px rgba(37,99,235,.35);
    z-index: 400;
}
#top_btn.suda-footer-top-btn:hover{ background: var(--suda-blue-dark, #1d4ed8); border-color: transparent; }

/* 그누보드 기본 위젯(방문자집계) 톤 다운 */
#ft .visit,
#ft #visit_wrap{
    color: rgba(255,255,255,.3);
    font-size: 12px;
    text-align: center;
    padding-bottom: 20px;
}

@media (min-width: 768px){
    .suda-footer-top{ grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 24px; }
    .suda-footer-bottom{ flex-direction: row; justify-content: space-between; text-align: left; }
}




@media screen and (max-width:1024px) {
    .suda-footer-logo span{ font-size: 2.05vw; }
    .suda-footer-slogan{ font-size: 1.56vw; }
    .suda-footer-social a{ font-size: 1.86vw; }
    .suda-footer-col h3{ font-size: 1.66vw; }
    .suda-footer-col li{ font-size: 1.56vw; }
    .suda-footer-bottom{ font-size: 1.46vw; }
    #ft .visit,
#ft #visit_wrap{ font-size: 1.17vw; }
    .suda-footer-inner{ padding-inline: 2.34vw; }
    .suda-footer{ padding-top: 4.88vw; padding-bottom: 5.86vw; }
}




@media screen and (max-width:768px) {
    .suda-footer-logo span{ font-size: 2.73vw; }
    .suda-footer-slogan{ font-size: 2.08vw; }
    .suda-footer-social a{ font-size: 2.47vw; }
    .suda-footer-col h3{ font-size: 2.21vw; }
    .suda-footer-col li{ font-size: 2.08vw; }
    .suda-footer-bottom{ font-size: 1.95vw; }
    #ft .visit,
#ft #visit_wrap{ font-size: 1.56vw; }
    .suda-footer-inner{ padding-inline: 3.12vw; }
    .suda-footer{ padding-top: 6.51vw; padding-bottom: 7.81vw; }
}




@media screen and (max-width:480px) {
    .suda-footer-logo span{ font-size: 4.38vw; }
    .suda-footer-slogan{ font-size: 3.33vw; }
    .suda-footer-social a{ font-size: 3.96vw; }
    .suda-footer-col h3{ font-size: 3.54vw; }
    .suda-footer-col li{ font-size: 3.33vw; }
    .suda-footer-bottom{ font-size: 3.13vw; }
    #ft .visit,
#ft #visit_wrap{ font-size: 2.50vw; }
    .suda-footer-inner{ padding-inline: 5.00vw; }
    .suda-footer{ padding-top: 10.42vw; padding-bottom: 12.50vw; }
}


/* SUDA CUSTOM (2026-10-24): 고객센터 칸 + 하단 사업자 정보 (tail.php, extend/suda_company.extend.php) */
.suda-footer-cs p{ margin: 0; }
.suda-footer-cs-tel{ font-size: 18px; font-weight: 700; color: #fff; }
.suda-footer-cs-tel a{ color: #fff; }
.suda-footer-cs-hours{ margin-top: 8px !important; font-size: 14px; color: rgba(255,255,255,.55); }
.suda-footer-biz{ flex-direction: column; flex-wrap: nowrap; gap: 6px; line-height: 1.6; }
.suda-footer-biz p{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 0; }
.suda-footer-biz span + span::before{ content: "|"; margin: 0 10px; color: rgba(255,255,255,.25); }
.suda-footer-bizcheck{ display: inline-flex; align-items: center; height: 22px; margin-left: 10px; padding: 0 8px; border: 1px solid rgba(255,255,255,.3); border-radius: 4px; font-size: 12px; color: rgba(255,255,255,.75) !important; white-space: nowrap; }
.suda-footer-bizcheck:hover{ border-color: rgba(255,255,255,.7); color: #fff !important; }
.suda-footer-copy{ white-space: nowrap; }
@media (min-width: 768px){
    .suda-footer-bottom{ align-items: flex-start; }
    .suda-footer-biz p{ justify-content: flex-start; }
}
@media screen and (max-width:1024px){
    .suda-footer-cs-tel{ font-size: 1.76vw; }
    .suda-footer-cs-hours{ margin-top: 0.78vw !important; font-size: 1.37vw; }
    .suda-footer-biz{ gap: 0.59vw; }
    .suda-footer-biz span + span::before{ margin: 0 0.98vw; }
    .suda-footer-bizcheck{ height: 2.15vw; margin-left: 0.98vw; padding: 0 0.78vw; border-radius: 0.39vw; font-size: 1.17vw; }
}
@media screen and (max-width:768px){
    .suda-footer-cs-tel{ font-size: 2.34vw; }
    .suda-footer-cs-hours{ margin-top: 1.04vw !important; font-size: 1.82vw; }
    .suda-footer-biz{ gap: 0.78vw; }
    .suda-footer-biz span + span::before{ margin: 0 1.3vw; }
    .suda-footer-bizcheck{ height: 2.86vw; margin-left: 1.3vw; padding: 0 1.04vw; border-radius: 0.52vw; font-size: 1.56vw; }
}
@media screen and (max-width:480px){
    .suda-footer-cs-tel{ font-size: 3.75vw; }
    .suda-footer-cs-hours{ margin-top: 1.67vw !important; font-size: 2.92vw; }
    .suda-footer-biz{ gap: 1.25vw; }
    .suda-footer-biz span + span::before{ margin: 0 2.08vw; }
    .suda-footer-bizcheck{ height: 5.83vw; margin-left: 2.08vw; padding: 0 1.67vw; border-radius: 0.83vw; font-size: 2.5vw; }
}
/* 줄바꿈 정리: 1024 이하는 저작권 줄을 아래로(사업자 정보가 한 줄을 다 쓰게), 768 이하는 한 항목씩 한 줄 (구분선 없이) */
@media screen and (max-width:1024px){
    .suda-footer-bottom{ flex-direction: column; align-items: flex-start; }
}
@media screen and (max-width:768px){
    .suda-footer-bottom{ align-items: center; }
    .suda-footer-biz p{ display: block; text-align: center; }
    .suda-footer-biz span{ display: block; }
    .suda-footer-biz span + span::before{ content: none; }
    .suda-footer-biz span:has(+ .suda-footer-bizcheck){ display: inline; }
}
/* SUDA CUSTOM (2026-10-25): 마이투어수다 로고 이미지 (42px 기준 비율 그대로 줄임). 원본: css/footer.css.bak.20261025 */
@media screen and (max-width:1024px){ .suda-footer-logo img{ width: 4.1vw; height: 4.1vw; } }
@media screen and (max-width:768px){ .suda-footer-logo img{ width: 5.47vw; height: 5.47vw; } }
@media screen and (max-width:480px){ .suda-footer-logo img{ width: 8.75vw; height: 8.75vw; } }