/* BASIC css start */
/* ===== 티나니 고객센터 ===== */
.cs_wrap { max-width:1160px; margin:0 auto; padding:40px 0; box-sizing:border-box; }

/* 상단 정보 */
.cs_wrap .cs_top { display:flex; align-items:center; margin-bottom:45px; }
.cs_wrap .cs_call {}
.cs_wrap .cs_call img { display:block; max-width:100%; height:auto; }
.cs_wrap .cs_time { font-size:15px; line-height:1.8; color:#555; }

/* 문의 메뉴: 정사각형 박스 */
.cs_wrap .cs_menu { display:grid; grid-template-columns:repeat(6, 1fr); gap:20px; margin:0; padding:0; list-style:none; }
.cs_wrap .cs_menu a.cs_on { background:#e6cdb0; }
.cs_wrap .cs_menu a { display:flex; flex-direction:column; align-items:center; justify-content:center; aspect-ratio:1 / 1; background:#f7f7f7; border-radius:4px; text-decoration:none; transition:background-color .25s; }
.cs_wrap .cs_menu a:hover { background:#e6cdb0; } /* 마우스 오버 색상 (레퍼런스 베이지) */
.cs_wrap .cs_icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin-bottom:18px; }
.cs_wrap .cs_icon img { max-width:100%; max-height:100%; }
.cs_wrap .cs_txt { font-size:14px; color:#333; letter-spacing:-0.3px; text-align:center; word-break:keep-all; }

/* 태블릿 */
@media (max-width:1024px) {
    .cs_wrap { padding:30px 20px; }
    .cs_wrap .cs_menu { grid-template-columns:repeat(3, 1fr); gap:14px; }
}

/* 모바일 */
@media (max-width:768px) {
    .cs_wrap .cs_top { flex-direction:column; align-items:flex-start; margin-bottom:30px; }
    .cs_wrap .cs_call { padding:0 0 16px; margin:0 0 16px; border-right:0; border-bottom:1px solid #e5e5e5; }
    .cs_wrap .cs_time { font-size:13px; }
    .cs_wrap .cs_menu { gap:10px; }
    .cs_wrap .cs_icon { width:40px; height:40px; margin-bottom:10px; }
    .cs_wrap .cs_txt { font-size:12px; }
}
/* BASIC css end */