@charset "utf-8";

#in02{overflow:hidden;width:100%;margin:0 auto;background:url(/sh_img/make24/include02/img/in02_bg.jpg) center top no-repeat}
#in02 .in_02_cont_area{overflow:hidden;width:100%;max-width:1200px;margin:0 auto;font-size:15px;color:#666;letter-spacing:-0.15px;line-height:24px}
#in02 .in_02_cont_area .l_box{float:left;width:388px;height:560px}
#in02 .in_02_cont_area .l_box .blue{overflow:hidden;position:relative;height:456px;padding:65px 45px 0;color:rgba(255,255,255,.65);background:#3d45ea}
#in02 .in_02_cont_area .l_box .blue:after{display:block;position:absolute;bottom:89px;right:-35px;content:"S";font-size:290px;color:rgba(255,255,255,.08);font-weight:800;font-family: 'Montserrat', sans-serif}
#in02 .in_02_cont_area .l_box .blue p{padding-bottom:35px;font-size:26px;line-height:38px;white-space:pre-line;color:rgba(255,255,255,1);font-family:'notokr-light'}
#in02 .in_02_cont_area .l_box .loan_btn{height:88px;border-radius:0 0 25px 25px;line-height:87px;text-align:center;box-shadow: 3px 5px 10px rgba(61,69,234,.18);transition:all 0.3s;-webkit-transition:all 0.3s;background:#fff}
#in02 .in_02_cont_area .l_box .loan_btn a{display:block;color:#3d45ea;font-family:'notokr-medium'}
#in02 .in_02_cont_area .l_box .loan_btn:hover{box-shadow: 3px 5px 10px rgba(61,69,234,.3)}
#in02 .in_02_cont_area .r_box{float:right;width:717px;padding-top:65px}

/*탭*/
#tabs-container:after{display:block;visibility:hidden;content:"";clear:both}
.tab_wrap:after{display:block;content:"";width:717px;height:1px;margin-top:-6px;background:rgba(255,255,255,.3)}
.tabs-menu{overflow:hidden;margin-left:65px}
.tabs-menu span{float:left;width:auto;height:auto;margin:0 45px 8px 0;border-radius:0;background:none}
.tabs-menu .swiper-pagination-bullet-active{position:relative;z-index:5}
.tabs-menu .swiper-pagination-bullet-active:after{display:block;position:absolute;top:33px;left:26px;content:"";width:11px;height:11px;border:3px solid #fff;border-radius:100%}
.tabs-menu span:hover:after{display:block;position:absolute;top:33px;left:26px;content:"";width:11px;height:11px;border:3px solid #fff;border-radius:100%}
.tabs-menu span{opacity:1;display:block;position:relative;padding-bottom:12px;font-size:15px;color:#c1c1c1;letter-spacing:0.1px;font-weight:500;-webkit-transition:all .3s;transition:all .3s;font-family: 'Montserrat', sans-serif}
.tabs-menu span:hover{color:#fff;font-weight:600}
.tabs-menu .swiper-pagination-bullet-active{color:#fff;font-weight:600}
.tab{width:537px;margin:55px auto 0;border-radius:2px;background:rgba(255,255,255,.9)}
.tab-content{width:100%;height:220px;opacity:0 !important}
.tab-content.swiper-slide-active{opacity:1 !important}
.tab-content div{padding:47px 35px 0}
.tab-content div .s_tit{font-size:18px;color:#222;font-family:'notokr-bold'}
.tab-content div .s_tit span{display:inline-block;width:41px;height:41px;padding-top:9px;margin-right:15px;border-radius:100%;font-size:14px;color:#fff;font-weight:600;letter-spacing:1.5px;text-align:center;background:#3d45ea;font-family: 'Montserrat', sans-serif}
.tab-content div .s_txt{margin:9px 0 0 56px;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1230px){
#in02{background:none}
#in02 .in_02_cont_area .l_box{float:none;overflow:hidden;position:relative;width:100%;height:auto}
#in02 .in_02_cont_area .l_box .blue{height:auto;padding:55px}
#in02 .in_02_cont_area .l_box .blue p{white-space:normal;word-break:keep-all}
#in02 .in_02_cont_area .l_box .loan_btn{position:absolute;bottom:55px;right:55px;width:30%;height:60px;border-radius:5px;line-height:60px}
#in02 .in_02_cont_area .r_box{float:none;width:100%;margin:0 auto;padding:55px;background:url('/sh_img/make24/include02/img/in02_bg.jpg') center bottom no-repeat}
.tab_wrap{position:relative}
.tab_wrap:after{position:absolute;left:0;width:100%}
.tab{width:100%;background:none}
.tabs-menu{margin:0;padding:0 5%}
.tabs-menu span{text-align:center;width:calc(100%/6);margin-right:0}
.tabs-menu span:hover:after{left:50%;transform:translateX(-50%)}
.tabs-menu .swiper-pagination-bullet-active:after{left:50%;transform:translateX(-50%)}
.tab-content div{padding:35px;background:rgba(255,255,255,.9)}
.tab-content div .s_txt{white-space:normal;word-break:keep-all}
}

@media (max-width:1024px){
#in02 .in_02_cont_area .l_box .blue{padding:55px 15px}
#in02 .in_02_cont_area .r_box{padding:55px 15px}
#in02 .in_02_cont_area .l_box .loan_btn{right:15px}
}

@media (max-width:480px){
#in02 .in_02_cont_area{font-size:14px}
#in02 .in_02_cont_area .l_box .blue p{padding-bottom:15px;font-size:23px;line-height:33px}
#in02 .in_02_cont_area .r_box{padding:40px 15px 70px}
#in02 .in_02_cont_area .l_box{height:300px}
#in02 .in_02_cont_area .l_box .blue{height:300px}
#in02 .in_02_cont_area .l_box .loan_btn{position: relative; margin: -40px auto;right: 0;}
.tabs-menu{padding:0}
.tabs-menu span{padding-bottom:15px;font-size:13px;line-height:21px}
.tab{margin:40px auto 0}
.tab-content div{padding:35px 20px}
.tab-content div .s_txt{margin-left:0}
}

@media (max-width:380px){
#in02 .in_02_cont_area .l_box .loan_btn{height:50px;font-size:14px;line-height:50px}
#in02 .in_02_cont_area .l_box .loan_btn {margin:-20px auto;right:0}
.tabs-menu span{padding:0 5px 15px;line-height:18px;word-break:keep-all}
.tabs-menu span:hover:after{top:48px}
.tabs-menu .swiper-pagination-bullet-active:after{top:48px}
}
/* 반응형 [e] */