항목수정 및 언어버튼 가시성 수정
This commit is contained in:
@@ -1,14 +1,11 @@
|
||||
/* 기본 스타일 */
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
background-color: #f8fafc;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
.font-industrial { font-family: 'Space Grotesk', sans-serif; }
|
||||
.font-premium { font-family: 'Plus Jakarta Sans', sans-serif; }
|
||||
|
||||
@@ -18,6 +15,13 @@ body {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* Premium Typography Styles */
|
||||
.premium-kerning { letter-spacing: -0.04em; }
|
||||
.industrial-tracking { letter-spacing: 0.15em; }
|
||||
.hero-title {
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
@@ -29,30 +33,21 @@ body {
|
||||
.no-scrollbar::-webkit-scrollbar { display: none; }
|
||||
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
|
||||
|
||||
/* 서비스 카드 이미지 hover */
|
||||
.service-card:hover .service-image {
|
||||
transform: scale(1.1);
|
||||
filter: grayscale(0);
|
||||
}
|
||||
|
||||
/* ==================== 이미지 보호 레이어 ==================== */
|
||||
.img-protect-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
/* ── 언어 전환 버튼 ───────────────────────────────────────── */
|
||||
.lang-btn {
|
||||
background: transparent;
|
||||
opacity: 0.5;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.img-protect-wrapper img {
|
||||
display: block;
|
||||
.lang-btn:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.img-protect-wrapper .img-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: default;
|
||||
z-index: 10;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
.lang-btn.active-lang {
|
||||
background: #2563eb;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user