@charset "utf-8";

/* 메인 텍스트 */
#mainVisual .txt_area{position:absolute;width:100%;max-width:1200px;left:50%;transform:translateX(-50%);top:140px;z-index:100;color:#fff}
#mainVisual .txt_area .txt01{opacity:0;margin-left:20px;font-size:55px;word-break:keep-all;line-height:1.3;letter-spacing:-1px;font-family:'notokr-light'}
#mainVisual .txt_area .txt01 span{font-family:'notokr-bold'}
#mainVisual .txt_area .txt02{opacity:0;margin-top:55px;font-size:17px;word-break:keep-all;color:rgba(255,255,255,.7)}
#mainVisual .pro{display:block;position:absolute;top:55px;right:50px;z-index:1;width:170px;border-radius:10px;font-size:15px;line-height:50px;color:rgba(255,255,255,.6);text-align:center;background:rgba(255,255,255,.1);transition:all .2s;-webkit-transition:all .2s;font-family:'notokr-medium'}

/* 대출상품 슬라이드 */
#mainVisual{overflow:hidden;width:100%;height:680px}
#mainVisual .swiper{height:100%}
#mainVisual .main_banner_box{position:relative;height:100%}
#mainVisual .main_banner_box>div{width:100%;height:100%;background:url('/images/main1.jpg') no-repeat center;background-size:cover}
#mainVisual .main_banner_box .box2{background-image:url('/images/main2.jpg')}

/* 컨트롤러 */
#mainVisual .controls{position:absolute;bottom:-98px}
#mainVisual .controls .arrow span{color:rgba(255,255,255,.5);cursor:pointer;transition:all .3;-webkit-transition:all .3s}
#mainVisual .controls .next{margin-left:85px}
#mainVisual .controls .main_pager{position:absolute;text-align:center;z-index:-1;bottom:-1px;font-weight:700;color:#fff;font-family:'Play', sans-serif}
#mainVisual .controls .main_pager span{margin:0 5px}

/* 반응형 [s] */
@media(hover:hover){
#mainVisual .controls .arrow span:hover{color:#fff}
}
@media (max-width:1400px){
#mainVisual{height:600px}
#mainVisual .txt_area{top:100px;padding:0 20px}
#mainVisual .txt_area .txt01{font-size:45px}
}
@media (max-width:1200px){
#mainVisual{height:600px}
}
@media (max-width:780px){
#mainVisual{height:450px}
#mainVisual .main_banner_box>div{height:400px}
#mainVisual .main_banner_box .box1{background-position:75% 0}
#mainVisual .txt_area{top:80px}
#mainVisual .txt_area .txt01{font-size:30px}
#mainVisual .txt_area .txt02{font-size:15px;margin-top:40px}
#mainVisual .controls{bottom:-50px}
}
@media (max-width:480px){
#mainVisual .txt_area{top:50px;text-align:center}
#mainVisual .txt_area .txt02{margin-top: 20px;white-space:pre-line}
#mainVisual .txt_area .txt02 span{display:none}
#mainVisual .controls{left:50%;transform:translateX(-50%)}
#mainVisual .controls .arrow{font-size:14px}
#mainVisual .controls .main_pager{font-size:14px}
#mainVisual .controls .next{margin-left:65px}
}
@media (max-width:370px){
#mainVisual .txt_area{top:60px}
#mainVisual .txt_area .txt01{font-size:25px}
#mainVisual .txt_area .txt02{font-size:14px}
}