@charset "utf-8";

#mainVisual{overflow:hidden;position:relative}
#mainVisual .pl{white-space:pre-line}
#mainVisual .main_txt{position:absolute;left:50%;top:160px;transform:translateX(-50%);z-index:10;width:100%;max-width:1500px;font-size:15px;color:rgba(255,255,255,0.7)}
#mainVisual .main_txt h1{margin-bottom:46px;font-size:50px;font-weight:200;color:#fff}
#mainVisual .main_txt h1 span{font-weight:700}
#mainVisual .main_txt .bot_txt{line-height:1.6}
#mainVisual .control{display:flex;gap:10px;position:absolute;z-index:10;margin-top:70px;font-weight:600}
#mainVisual .control *{display:flex;align-items:center;justify-content:center}
#mainVisual .control .pager{gap:10px;margin:0 25px;color:rgba(255,255,255,0.5);font-size:15px;font-family:var(--e-font)}
#mainVisual .control svg{width:20px;color:rgba(255,255,255,0.8)}
#mainVisual .control > span{cursor:pointer;width:51px;height:51px;border:1px solid rgba(255,255,255,0.5);transition:all 0.3s}
#mainVisual .control .swiper-pagination-current{color:#fff}
#mainVisual .contact{display:flex;justify-content:space-between;position:absolute;right:0;padding:0 40px;margin-top:190px;width:480px;line-height:70px;background:var(--primary);transition:all 0.2s}
#mainVisual .contact .left{font-size:16px;font-weight:600;color:#fff}
#mainVisual .contact .left span{display:inline-block;padding-right:12px;font-size:14px;font-weight:600;font-family:var(--e-font);color:rgba(255,255,255,0.6)}
#mainVisual .contact .right{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.6)}
#mainVisual .contact .right em{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;border-radius:50px}
#mainVisual .contact .right svg{width:13px;stroke-width:3px;color:#333;transition:all 0.3s}

/* 스와이퍼 */
#mainVisual .main_slide{position:relative;width:100%;height:670px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover;background-position:center}
#mainVisual .main_slide ul li.bg01{background-image:url('./main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('./main02.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:url('./main03.jpg')}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .control > span:hover{border:1px solid #fff}
#mainVisual .contact:hover{transform:translateY(-20px)}
#mainVisual .contact:hover svg{transform:rotate(270deg)}
}
@media (max-width:1380px){
#mainVisual .main_txt{width:95%}
#mainVisual .main_txt h1{font-size:45px}
}
@media (max-width:1024px){
#mainVisual .main_slide{height:600px}
#mainVisual .main_txt{top:140px}
#mainVisual .main_txt h1{margin-bottom:35px;font-size:35px}
#mainVisual .control{margin-top:60px}
#mainVisual .contact{margin-top:185px;padding:0 30px;width:420px;line-height:63px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:520px}
#mainVisual .main_txt{top:100px;text-align:center}
#mainVisual .main_txt h1{margin-bottom:28px;font-size:30px}
#mainVisual .control{left:50%;transform:translateX(-50%);margin-top:40px}
#mainVisual .contact{margin-top:185px;right:50%;transform:translateX(50%) !important;width:100%}
}
@media (max-width:480px){
#mainVisual .main_slide{height:438px}
#mainVisual .main_txt{top:80px;font-size:14px}
#mainVisual .main_txt h1{margin-bottom:20px;font-size:24px}
#mainVisual .control{margin-top:30px}
#mainVisual .control > span{width:46px;height:46px}
#mainVisual .contact{padding:0 20px;margin-top:160px;line-height:58px}
#mainVisual .contact .left{font-size:15px}
#mainVisual .contact .left span{padding-right:8px;font-size:13px}
#mainVisual .contact .right{gap:15px;font-size:14px}
#mainVisual .contact .right em{width:33px;height:33px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:383px}
#mainVisual .main_txt{top:70px;font-size:13px}
#mainVisual .main_txt h1{margin-bottom:15px;font-size:21px}
#mainVisual .control{margin-top:25px}
#mainVisual .control > span{width:43px;height:43px}
#mainVisual .contact{padding:0 16px;margin-top:140px;line-height:52px}
#mainVisual .contact .left{font-size:14px}
#mainVisual .contact .left span{padding-right:6px;font-size:12px}
#mainVisual .contact .right{gap:12px;font-size:13px}
#mainVisual .contact .right em{width:31px;height:31px}
}
/* 반응형 [e] */