/* /assets/css/site-view.css (FULL REPLACE) */
/* =========================================
   Theme (NAVY)
========================================= */
:root{
  --bg-color:#1f3a5f;      /* 타이틀배경 및 버튼컬러 */
  --bg-color-rgb:31,58,95;      /* 타이틀배경 및 버튼컬러 */
  --line-color:#162a45;    /* border/hover 컬러 */
  --text-color:#ffffff;    /* 타이틀/버튼 텍스트 */
  --muted:#777;
  --shadow:0 6px 18px rgba(0,0,0,.06);
}
* {
  box-sizing: border-box;
}
a{text-decoration:none;}
html,body {
	
}

body {
  width:100%;
  margin: 0;
  padding:0;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont,
		     'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
}
/* =========================
   텍스트,이미지 우클릭 및 퍼가가 금지
body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input, textarea {
	user-select: text;
}
img {
	ointer-events: none;
}
========================= */


/* ================================
   FOOTER BASE
================================ */
.site-footer{
    background:#f8fafc;
    border-top:1px solid #e5e7eb;
    padding:36px 0;
    font-size:14px;
    color:#4b5563;
}

.footer-cols{
    max-width:1280px;
    margin:0 auto;
    padding:0 20px;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

/* ================================
   BRAND
================================ */
.footer-brand strong{
    font-size:18px;
    font-weight:700;
    color:#111827;
}

/* 회사정보 */
.footer-company{
    margin-top:12px;
    display:flex;
    flex-wrap:wrap;
    gap:6px 18px;
    font-size:12px;
    color:#6b7280;
}

.footer-company span{
    white-space:nowrap;
}

/* copyright */
.footer-brand small{
    display:block;
    margin-top:12px;
    font-size:12px;
    color:#9ca3af;
}

/* ================================
   LINKS
================================ */
.footer-links{
    display:flex;
    align-items:center;
    gap:10px;
}

.footer-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 14px;
    font-size:13px;
    font-weight:500;

    color:#fff;
    background:#111827;

    border-radius:8px;
    text-decoration:none;
	white-space: nowrap;
    transition:all .2s ease;
}

.footer-links a:hover{
    background:#374151;
}

/* ================================
   MOBILE
================================ */
@media (max-width:768px){

    .footer-cols{
        flex-direction:column;
        gap:20px;
    }

    .footer-links{
        flex-wrap:wrap;
        gap:8px;
    }

    .footer-links a{
        font-size:12px;
        padding:7px 12px;
    }

    .footer-company{
        display:flex;
        flex-direction:column;
        gap:4px;
    }
	.footer-company div{
        display:flex;
        flex-direction:column;
        gap:2px;
    }
	.footer-company span{
        display:block;
		white-space:normal;
    }
}