/* 메인 비주얼 */
#mainVisual{position:relative;overflow:hidden;width:100%;height:680px;background:#14213d}
#mainVisual *{box-sizing:border-box}
#mainVisual .swiper{width:100%;height:100%}
#mainVisual .main_banner_box{position:relative;height:100%}
#mainVisual .main_banner_box>div{width:100%;height:100%;background:url('/sh_img/index/main_banner/main_banner_01.jpg') no-repeat center;background-size:cover}
#mainVisual .main_banner_box .box2{background-image:url('/sh_img/index/main_banner/main_banner_02.jpg')}
#mainVisual .main_banner_box>div:after{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(8,17,35,.85) 0%,rgba(8,17,35,.55) 48%,rgba(8,17,35,.2) 100%);content:""}

/* 메인 텍스트 영역 */
#mainVisual .txt_area{position:absolute;top:56px;left:50%;z-index:100;width:1200px;max-width:calc(100% - 40px);color:#fff;transform:translateX(-50%);pointer-events:none}
#mainVisual .txt_area .visual_content{width:760px;max-width:100%;pointer-events:auto}
#mainVisual .txt_area .eng_tit{margin:0 0 15px;font-family:Georgia,serif;font-size:17px;font-style:italic;color:#fff;opacity:0}
#mainVisual .txt_area .txt01{margin: 0 0 18px 0;font-family:'notokr-bold';font-size:42px;font-weight:700;line-height:1.3;letter-spacing:-1px;color:#fff;opacity:0}
#mainVisual .txt_area .txt02{font-family:'notokr-medium';font-size:20px;font-weight:500;line-height:1.6;color:#fff;opacity:0}
#mainVisual .txt_area .txt02 span{font-family:'notokr-bold';font-weight:700;color:#55c4ee}
#mainVisual .txt_area .txt03{margin:0 0 25px;font-family:'notokr-bold';font-size:24px;font-weight:700;line-height:1.5;letter-spacing:1.5;color:#fff;opacity:0}
#mainVisual .txt_area .txt04{margin:0 0 22px;font-family:'notokr-bold';font-size:23px;font-weight:700;line-height:1.4;color:#fff;opacity:0}
#mainVisual .txt_area .txt04 span{color:#55c4ee}

/* 금리 정보 */
#mainVisual .main_rate_wrap{display:flex;gap:15px;margin-bottom:20px}
#mainVisual .main_rate{display:flex;align-items:center;gap:15px;min-width:300px;min-height:80px;padding:15px 20px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(43,61,114,.65);backdrop-filter:blur(5px)}
#mainVisual .main_rate .rate_icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff}
#mainVisual .main_rate .rate_icon i{font-size:24px}
#mainVisual .main_rate .rate_txt p{margin:0 0 5px;font-size:15px;line-height:1.4;color:#e7ebf3}
#mainVisual .main_rate .rate_txt strong{display:block;font-size:20px;font-weight:700;line-height:1.3;color:#fff}

/* 상담 버튼 */
#mainVisual .main_consult{display:flex;align-items:center;width:575px;max-width:100%;min-height:75px;border-radius:12px;background:#fee500;overflow:hidden}
#mainVisual .main_consult a{display:flex;align-items:center;gap:15px;flex:1;min-width:0;padding:20px;text-decoration:none;transition:background .3s}
#mainVisual .main_consult a:hover{background:#f5d500}
#mainVisual .main_consult .consult_kakao{position:relative}
#mainVisual .main_consult .consult_kakao:after{position:absolute;top:20%;right:0;width:1px;height:60%;background:rgba(0,0,0,.25);content:""}
#mainVisual .main_consult .kakao_icon,#mainVisual .main_consult .tel_icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;background:#30221f;color:#fee500}
#mainVisual .main_consult .kakao_icon i{font-size:22px}
#mainVisual .main_consult .tel_icon i{font-size:19px}
#mainVisual .main_consult .consult_txt{display:flex;flex-direction:column;gap:4px}
#mainVisual .main_consult .consult_txt small{font-size:14px;font-weight:500;color:#292929}
#mainVisual .main_consult .consult_txt strong{font-size:19px;font-weight:700;line-height:1.2;color:#191919;white-space:nowrap}

/* 슬라이드 컨트롤러 */
#mainVisual .controls{position:relative;display:flex;align-items:center;gap:17px;margin-top:23px;color:#fff;pointer-events:auto}
#mainVisual .controls .arrow{display:flex;align-items:center}
#mainVisual .controls .arrow span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s}
#mainVisual .controls .arrow span:hover{color:#fff}
#mainVisual .controls .arrow i{font-size:20px}
#mainVisual .controls .main_pager{position:relative;width:auto;font-family:'Play',sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;text-align:center;color:#fff}
#mainVisual .controls .main_pager span{margin:0 5px}