@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:hover{padding:20px 25px 14px 55px}
#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:hover .more_btn_wrap{background:var(--purple)}
#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}