@charset "utf-8";

#mainVisual{padding:230px 0 0 230px;background:var(--orange)}
#mainVisual .hero-copy{color:#fff;line-height:1}
#mainVisual .hero-en{font-size:80px;text-transform:uppercase;font-family:'Monoton';word-break:keep-all}
#mainVisual h1{font-size:90px;font-weight:800;word-break:keep-all}
#mainVisual .hero-desc{margin-top:30px;font-size:25px;font-weight:500;line-height:1.4;word-break:keep-all}

/* 반응형 [s] */
@media(max-width:1900px){
#mainVisual{padding:230px 0 0 10%}
}
@media(max-width:1800px){
#mainVisual{padding:145px 0 0 2.5%}
}
@media (max-width:1600px){
#mainVisual{padding:110px 0 0 2.5%}
#mainVisual .hero-en{padding-bottom:10px;font-size:76px}
#mainVisual h1{font-size:76px}
#mainVisual .hero-desc{font-size:22px}
}
@media(max-width:1400px){
#mainVisual{padding:110px 0 0 20px}
#mainVisual .hero-en{font-size:68px}
#mainVisual h1{font-size:68px}
#mainVisual .hero-desc{font-size:20px}
}
@media(max-width:1200px){
#mainVisual .hero-en{font-size:60px}
#mainVisual h1{font-size:60px}
#mainVisual .hero-desc{font-size:18px}
}
@media (max-width:1024px){
#mainVisual{padding:145px 20px 0;text-align:center}
#mainVisual .hero-en{padding-bottom:14px;font-size:54px}
#mainVisual h1{font-size:56px}
#mainVisual .hero-desc{font-size:17px}
}
@media (max-width:768px){
#mainVisual .hero-en{font-size:clamp(42px, 7vw, 54px)}
#mainVisual h1{font-size:clamp(44px, 7.2vw, 56px)}
#mainVisual .hero-desc{font-size:16px}
}
@media(max-width:480px){
#mainVisual .hero-en{font-size:32px}
#mainVisual h1{font-size:32px}
#mainVisual .hero-desc{font-size:15px;margin-top:20px}
}
/* 반응형 [e] */