@charset "utf-8";

#mainVisual{position:relative;height:948px;background-image:url(./main-banner01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}
#mainVisual::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
#mainVisual .inner{position:relative;max-width:1140px;height:100%;margin:0 auto}
#mainVisual .text-box{position:absolute;bottom:150px;left:0}
#mainVisual .text-box h1{white-space:pre-line;font-size:30px;color:#fff;font-weight:800}
#mainVisual .text-box h1 strong{display:inline-block;padding:15px 0 45px;font-family:var(--e-font);font-size:82px;font-weight:700;line-height:100%}
#mainVisual .text-box .btn--primary{width:190px;height:60px}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual{height:765px}
#mainVisual .text-box{bottom:120px}
#mainVisual .text-box h1{font-size:24px}
#mainVisual .text-box h1 strong{padding:12px 0 45px;font-size:74px}
#mainVisual .text-box .btn--primary{height:52px}
}
@media (max-width:1200px){
#mainVisual{height:620px}
#mainVisual .text-box{left:20px;bottom:105px}
#mainVisual .text-box h1{font-size:20px}
#mainVisual .text-box h1 strong{padding:10px 0 40px;font-size:66px}
}
@media (max-width:1024px){
#mainVisual{height:550px}
#mainVisual .text-box{bottom:70px}
#mainVisual .text-box h1{font-size:18px}
#mainVisual .text-box h1 strong{padding:10px 0 35px;font-size:58px}
#mainVisual .text-box .btn--primary{width:180px;height:50px}
}
@media (max-width:768px){
#mainVisual{height:480px}
#mainVisual .text-box{display:flex;flex-direction:column;align-items:center;left:50%;bottom:50%;width:100%;transform:translate(-50%, 50%);text-align:center}
#mainVisual::before{background-color:rgba(0,0,0,0.6)}
#mainVisual .text-box h1{font-size:17px}
#mainVisual .text-box h1 strong{padding:8px 0 25px;font-size:50px}
#mainVisual .text-box .btn--primary{width:155px;height:46px}
}
@media (max-width:480px){
#mainVisual{height:380px}
#mainVisual .text-box h1{font-size:15px}
#mainVisual .text-box h1 strong{padding:8px 0 20px;font-size:38px}
#mainVisual .text-box .btn--primary{width:144px;height:42px}
}
/* 반응형 [e] */