.gap { height: 100px; } 
.sgap { height: 50px; } 
.ssgap { height: 30px; } 
.sssgap { height: 20px; } 
.ssssgap { height: 10px; } 

/* ===== 기본 텍스트 스타일 ===== */
.sec_txt0 { font-size: clamp(10px, 1.0vw, 13px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_txt1 { font-size: clamp(13px, 1.2vw, 16px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_txt2 { font-size: clamp(14px, 1.3vw, 18px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_txt3 { font-size: clamp(15px, 1.4vw, 20px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_txt4 { font-size: clamp(16px, 1.6vw, 24px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 

.sec_tit1 { font-size: clamp(22px, 2.0vw, 32px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_tit2 { font-size: clamp(24px, 2.2vw, 36px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_tit3 { font-size: clamp(26px, 2.5vw, 40px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 
.sec_tit4 { font-size: clamp(30px, 3.0vw, 48px); line-height: 1.45; font-weight: 300; word-break: keep-all; letter-spacing: 1; } 



/* ===== 폰트 굵기 ===== */
.bold300 { font-weight: 300; } 
.bold400 { font-weight: 400; } 
.bold500 { font-weight: 500; } 
.bold600 { font-weight: 600; } 
.bold700 { font-weight: 700; } 
.bold800 { font-weight: 800; } 

/* ===== 정렬 ===== */
.txt_center { text-align: center; } 
.txt_left { text-align: left; } 
.txt_right { text-align: right; } 
.txt_white { color: #fff; } 






/* ===== 반응형 ===== */

/* 태블릿 (최대 1024px) */
@media screen and (max-width: 1024px){
 .gap { height: 80px; } 
 .sgap { height: 40px; } 
 .ssgap { height: 25px; } 
 .sssgap { height: 18px; } 
 .ssssgap { height: 8px; } 
 }

/* 모바일 (최대 768px) */
@media screen and (max-width: 768px){
 .gap { height: 60px; } 
 .sgap { height: 30px; } 
 .ssgap { height: 20px; } 
 .sssgap { height: 15px; } 
 .ssssgap { height: 6px; } 
}

/* 초소형 모바일 (최대 480px) */
@media screen and (max-width: 480px){
 .gap { height: 40px; } 
 .sgap { height: 20px; } 
 .ssgap { height: 15px; } 
 .sssgap { height: 10px; } 
 .ssssgap { height: 5px; } 
}