@charset "utf-8";

#mainVisual{position:relative;background-color:var(--bg)}
#mainVisual .inner{max-width:1750px;width:100%;margin:0 auto}
#mainVisual .swiper-container{width:100%;aspect-ratio:1750 / 877;border-radius:20px}
#mainVisual .swiper-slide img{width:100%;height:100%;object-fit:cover}
#mainVisual .po-a{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;max-width:1400px;width:100%;height:100%}
#mainVisual .text-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#mainVisual .text-box h1{font-family:var(--main-font);font-size:60px;font-weight:400;white-space:pre-line;line-height:1.16;word-break:keep-all}
#mainVisual .text-box h1 b{font-weight:600;color:var(--primary)}
#mainVisual .text-box p.desc{padding:15px 0 40px;font-family:var(--sub-font);font-size:20px;color:#777;word-break:keep-all}

/* 반응형 [s] */
@media (max-width:1800px){
#mainVisual{padding:0 20px}
}
@media (max-width:1600px){
#mainVisual .po-a{padding-left:40px}
#mainVisual .text-box h1{font-size:52px}
#mainVisual .text-box p.desc{padding:15px 0 32px;font-size:18px}
}
@media (max-width:1500px){
#mainVisual .po-a{padding-left:80px}
}
@media (max-width:1400px){
#mainVisual .po-a{padding-left:60px}
#mainVisual .text-box h1{font-size:46px}
#mainVisual .text-box p.desc{padding:15px 0 26px;font-size:17px}
}
@media (max-width:1200px){
#mainVisual .text-box h1{font-size:40px}
#mainVisual .text-box p.desc{padding:12px 0 20px;font-size:16px}
}
@media (max-width:1024px){
#mainVisual .text-box h1{font-size:32px}
#mainVisual .text-box p.desc{padding:10px 0 20px;font-size:15px}

}
@media (max-width:768px){
#mainVisual .swiper-container{aspect-ratio:unset;height:350px}
#mainVisual .swiper-slide::before{position:absolute;z-index:1;content:'';inset:0;background:linear-gradient(to bottom, rgba(255,255,255,0.65) 75%, transparent 100%);backdrop-filter:blur(1px)}
#mainVisual .po-a{justify-content:center;padding:0 40px;text-align:center}
#mainVisual .text-box{align-items:center}
#mainVisual .text-box h1{font-size:26px}
}
@media (max-width:480px){
#mainVisual .swiper-container{height:305px}
#mainVisual .text-box h1{font-size:22px}
#mainVisual .text-box p.desc{font-size:14px}
}
/* 반응형 [e] */