@charset "utf-8";

#mainVisual{padding-top:95px;line-height:1}
#mainVisual .inner{overflow:hidden;max-width:1800px;height:813px;margin:0 auto;border-radius:40px 40px 0 40px}
#mainVisual .main_slider{position:relative;height:100%}
#mainVisual .main_slider:after{position:absolute;top:0;left:0;z-index:1;content:"";display:block;width:100%;height:100%;background:linear-gradient(to bottom, #ffffff00 35%, rgba(0, 0, 0, 0.7) 90%, rgba(0, 0, 0, 0.7) 70%)}
#mainVisual .main_slider_wrap .list{height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
#mainVisual .main_slider_wrap .list01{background-image:url("./img/main_img01.jpg")}
#mainVisual .main_slider_wrap .list02{background-image:url("./img/main_img02.jpg")}
#mainVisual .main_slider_wrap .list03{background-image:url("./img/main_img03.jpg")}
#mainVisual .main_txt_wrap{position:absolute;left:125px;bottom:85px;z-index:2}
#mainVisual .main_txt_wrap .main_txt{margin-bottom:80px} 
#mainVisual .main_txt_wrap .main_txt .s_txt{display:inline-block;margin-bottom:20px;color:#fff;font-weight:400;font-size:18px} 
#mainVisual .main_txt_wrap .main_txt .tit{margin-bottom:30px;line-height:1.2;color:#fff;font-weight:700;font-size:55px} 
#mainVisual .main_txt_wrap .main_txt .txt{color:rgba(255,255,255,0.5);font-weight:350;font-size:18px} 
#mainVisual .arrow_wrap{display:flex;align-items:center;gap:30px}
#mainVisual .arrow_wrap .main_arrow .arrow{color:#fff;cursor:pointer}
#mainVisual .arrow_wrap .main_pagination{display:flex;align-items:center;gap:18px;width:auto;color:rgba(255,255,255,0.3);font-weight:700;font-size:15px}
#mainVisual .arrow_wrap .main_pagination > span{letter-spacing:3px}
#mainVisual .arrow_wrap .main_pagination .swiper-pagination-current{color:#fff}
#mainVisual .round_wrap{position:absolute;right:-2px;bottom:0;z-index:3}
#mainVisual .round_wrap .round_box{position:relative;display:flex;align-items:center;gap:46px;padding:20px 16px 14px 45px;border-radius:53px 0 0 0;background:#f2f2f2;transition:all .5s}
#mainVisual .round_wrap .round_box > span{color:var(--dark);font-weight:700;font-size:19px}
#mainVisual .more_btn_wrap{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary);border-radius:50pt;transition:all .5s}
#mainVisual .more_btn_wrap .more_btn{color:#fff}
#mainVisual .round_wrap .round_box:before{content:'';position:absolute;left:-58px;bottom:0;z-index:-1;width:60px;height:50px;border-radius:0 0 57px 0;box-shadow:25px 33px 0 25px #f2f2f2}
#mainVisual .round_wrap .round_box:after{content:'';position:absolute;right:2px;top:-57px;z-index:-1;width:55px;height:57px;border-radius:0 0 48px 0;box-shadow:25px 25px 0 25px #f2f2f2}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .round_wrap .round_box:hover{padding:20px 25px 14px 55px}
#mainVisual .round_wrap:hover .more_btn_wrap{background:var(--purple)}
}
@media (max-width:1900px){
#mainVisual .inner{max-width:initial;width:95%}    
}
@media (max-width:1500px){
#mainVisual .inner{height:clamp(300px, 54.2vw, 900px);border-radius:30px 30px 0 30px}    
#mainVisual .main_txt_wrap{left:8%;bottom:12%}
}
@media (max-width:1400px){
#mainVisual .main_txt_wrap .main_txt .tit{font-size:clamp(22px, 3.93vw, 55px)}
}
@media (max-width:1200px){
#mainVisual{padding:63.31px 0 0}
#mainVisual .main_txt_wrap .main_txt{margin-bottom:60px}
#mainVisual .main_txt_wrap .main_txt .s_txt,#mainVisual .main_txt_wrap .main_txt .txt{font-size:clamp(14px, 1.29vw, 18px)}
}
@media (max-width:1024px){
#mainVisual .inner{border-radius:21px 20px 0 20px}    
#mainVisual .arrow_wrap{gap:20px}
#mainVisual .arrow_wrap .main_pagination{gap:13px}
#mainVisual .more_btn_wrap{width:40px;height:40px}
#mainVisual .more_btn_wrap .more_btn{width:20px}
#mainVisual .round_wrap .round_box{gap:35px;padding:10px 10px 10px 25px;border-radius:25px 0 0 0}
#mainVisual .round_wrap .round_box > span{font-size:17px}
#mainVisual .round_wrap .round_box:after{border-radius:0 0 25px 0}
#mainVisual .round_wrap .round_box:before{left:-34px;width:35px}
}
@media (max-width:768px){
#mainVisual{padding:63.31px 15px 0}    
#mainVisual .inner{width:100%;border-radius:15px 15px 0 15px}
#mainVisual .main_txt_wrap .main_txt{margin-bottom:50px}
#mainVisual .main_slider:after{background:rgba(0,0,0,.5)}
}
@media (max-width:580px){
#mainVisual .main_txt_wrap{left:50%;top:50%;bottom:initial;transform:translate(-50%,-50%);width:100%;text-align:center}
#mainVisual .main_txt_wrap .main_txt .s_txt{margin-bottom:15px}
#mainVisual .main_txt_wrap .main_txt .tit{margin-bottom:20px}
#mainVisual .main_txt_wrap .main_txt{margin-bottom:20px}
#mainVisual .round_wrap .round_box{gap:20px}
#mainVisual .round_wrap .round_box:before{left:-33px}
#mainVisual .round_wrap .round_box > span{font-size:15px}
#mainVisual .more_btn_wrap{width:38px;height:38px}
#mainVisual .more_btn_wrap .more_btn{width:17px}
#mainVisual .arrow_wrap{justify-content:center;gap:15px}
#mainVisual .arrow_wrap .main_pagination{gap:10px;font-size:14px}
}
@media (max-width:480px){
#mainVisual .arrow_wrap{display:none}
}
/* 반응형 [e] */