From 368729e28996e737f7d76039c59bcf25ad9bf200 Mon Sep 17 00:00:00 2001 From: KINDNICK <68893236+KINDNICK@users.noreply.github.com> Date: Tue, 22 Jul 2025 22:40:08 +0900 Subject: [PATCH] =?UTF-8?q?ADD=20:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?= =?UTF-8?q?=EA=B0=80=EB=8F=85=EC=84=B1=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 150 ++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 126 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index c047eca..f02a347 100644 --- a/index.html +++ b/index.html @@ -183,6 +183,108 @@ .youtube-embed-grid { grid-template-columns: 1fr; } } @media (max-width: 800px) { .flex { flex-direction: column; } } + + /* 모바일 대응 스타일 */ + @media (max-width: 768px) { + .container { padding: 0 1rem; } + .section { padding: 3rem 0; } + .section-header h2 { font-size: 2rem; } + .card { padding: 1.5rem; } + + /* 모바일 이메일 양식 최적화 */ + #inlineEmailForm, #inlineEmailForm2 { + padding: 0.8rem !important; + margin-top: 1rem !important; + } + + #inlineEmailForm .btn, #inlineEmailForm2 .btn { + width: 100%; + max-width: 280px; + margin: 0 auto; + display: block; + font-size: 0.9rem !important; + padding: 0.7rem 1.2rem !important; + } + + /* 모바일에서 긴 텍스트 줄바꿈 */ + .faq-a { + word-break: keep-all; + line-height: 1.5; + font-size: 0.95rem; + } + + /* 모바일 테이블 최적화 */ + .table { + font-size: 0.85rem; + } + + .table th, .table td { + padding: 0.5rem 0.3rem; + } + + /* 모바일 네비게이션 */ + .nav-menu { + gap: 1rem; + } + + .nav-menu a { + font-size: 1rem; + padding: 0.3rem 0.5rem; + } + + /* 모바일 버튼 크기 조정 */ + .btn { + padding: 0.6rem 1.2rem; + font-size: 0.9rem; + } + } + + @media (max-width: 480px) { + .nav-logo { + flex-direction: column; + gap: 0.3rem; + } + .nav-logo img { + height: 32px; + } + .nav-logo span { + font-size: 1.1rem; + } + .hero-title { + font-size: 2rem; + } + .section-header h2 { + font-size: 1.8rem; + } + .btn { + padding: 0.8rem 1.5rem; + font-size: 0.95rem; + } + .gallery-grid { + grid-template-columns: 1fr; + } + + /* 모바일 이메일 양식 추가 최적화 */ + #inlineEmailForm, #inlineEmailForm2 { + padding: 0.6rem !important; + } + + #inlineEmailForm .btn, #inlineEmailForm2 .btn { + font-size: 0.85rem !important; + padding: 0.6rem 1rem !important; + } + + /* 모바일에서 테이블 스크롤 */ + .table { + overflow-x: auto; + display: block; + white-space: nowrap; + } + + .table th, .table td { + min-width: 120px; + } + } @@ -339,39 +441,39 @@

※ 네이버 플레이스를 통한 예약도 가능합니다

-