@charset "utf-8";
#mainVisual{position:relative;width:100%;height:811px;background:url(./img/img01.jpg) no-repeat center / cover;background-size:cover}
#mainVisual .pl{white-space:pre-line}
#mainVisual .main_txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}
#mainVisual .main_txt > p{font-size:50px;font-weight:700;color:#222;line-height:1.3;text-align:center;width:100%}
#mainVisual .main_txt > p span{display:block;margin-bottom:35px;font-size:25px;color:var(--primary)}
#mainVisual .main_txt > div{width:574px}

/* Latest */
#mainVisual dl{display:flex;align-items:center;justify-content:center;gap:15px;height:66px;color:var(--primary);background:#fff}
#mainVisual dl dd {height:50%;margin-left:initial;margin-right:initial}
#mainVisual dl dd .swiper-slide{display:flex;align-items:center;height:66px;text-align:center}
#mainVisual dl dd .swiper-slide a{display:block;width:100%;border-radius:5px;font-size:20px;font-weight:700;color:var(--dark-b)}

/* btn */
#mainVisual .main_txt div ul{display:flex;align-items:center;gap:20px;margin-top:15px}
#mainVisual .main_txt div ul li{width:100%}
#mainVisual .main_txt div ul li a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 30px;border-radius:5px;border:1px solid var(--dark-b);font-size:18px;font-weight:700;color:var(--dark-b);transition:0.2s}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .main_txt div ul li:hover a{padding:20px 40px;color:#fff;background:var(--dark-b);box-shadow:-9px 10px 24.84px 2.16px rgba(0, 100, 81, 0.18)}
}
@media (max-width:1024px){
#mainVisual{height:485px}
#mainVisual .main_txt{gap:35px}
#mainVisual .main_txt > p{font-size:32px}
#mainVisual .main_txt > p span{font-size:20px}
#mainVisual .main_txt > div{width:440px}
#mainVisual dl{height:60px}
#mainVisual dl dt img{width:27px}
#mainVisual dl dd .swiper-slide a{font-size:16px}
#mainVisual .main_txt div ul li a{padding:13px 20px;font-size:16px}
#mainVisual .main_txt div ul li:hover a{padding:13px 25px}
}
@media (max-width:768px){
#mainVisual{height:370px}
#mainVisual .main_txt{gap:25px}
#mainVisual .main_txt > p{font-size:26px}
#mainVisual .main_txt > p span{margin-bottom:20px;font-size:18px}
#mainVisual .main_txt > div{width:410px}
#mainVisual dl{height:50px}
#mainVisual dl dt img{width:20px}
#mainVisual dl dd .swiper-slide a{font-size:15px}
#mainVisual .main_txt div ul li a{padding:11px 15px;font-size:15px}
#mainVisual .main_txt div ul li:hover a{padding:11px 20px}
}
@media (max-width:480px){
#mainVisual{height:calc(100vh - 150px);background-position:left}
#mainVisual .main_txt{gap:15px}
#mainVisual .main_txt > p{font-size:21px}
#mainVisual .main_txt > p span{margin-bottom:10px;font-size:16px}
#mainVisual .main_txt > div{width:85%}
#mainVisual dl{gap:12px;height:45px}
#mainVisual dl dt img{width:18px}
#mainVisual dl dd .swiper-slide a{font-size:14px}
#mainVisual .main_txt div ul{gap:10px;margin-top:12px}
#mainVisual .main_txt div ul li a{gap:6px;padding:9px 15px !important;font-size:14px;background:var(--dark-b);color:#fff;box-shadow:none !important}
#mainVisual .main_txt div ul li a svg{width:20px;height:20px}
}
@media (max-width:380px){
#mainVisual .main_txt > div{width:90%}
#mainVisual .main_txt > p{font-size:18px}
#mainVisual .main_txt > p span{font-size:15px}
#mainVisual dl{gap:10px;height:40px}
#mainVisual dl dt img{width:17px}
#mainVisual dl dd .swiper-slide a{font-size:13px}
#mainVisual .main_txt div ul li a{gap:4px;padding:7px 12px !important;font-size:13px}
#mainVisual .main_txt div ul li a svg{width:18px;height:18px}
}
/* 반응형 [e] */