/* 서브페이지 상단 */ #sub_top{width:100%;height:190px;background:#deedff;} #sub_top .in_box{height:190px;} #sub_top .in_box .sub_top_call{position:absolute;right:0;bottom:40px;font-family:'paybooc-Medium';color:#000;font-size:15px;letter-spacing:0px;display:inline-block;padding:0;background:#fff;height:50px;width:224px;border-radius:60px;} #sub_top .in_box .sub_top_call > div{width:100%;position:relative;} #sub_top .sub_top_call{box-shadow:0 0 20px 0 rgba(123, 123, 123,0.3);} #sub_top .sub_top_call .round{display:inline-block;width:50px;height:50px;background:#08386a url('../images/icon_headset.png') center center no-repeat;;border-radius:60px;} #sub_top .sub_top_call .pp{position:absolute;left:58px;top:5px;letter-spacing:-1px;} #sub_top .sub_top_call .txt{position:absolute;left:58px;top:26px;font-size:13px;letter-spacing:-1px;color:#545557; font-weight:100;} /* 서브페이지 본문 */ #sub_contents{position:relative;z-index:9998;min-height:500px;} #sub_contents > li{float:left;} #sub_contents > li:nth-child(1){position:relative;width:270px;} #sub_contents > li:nth-child(1) .left_menu{width:240px;min-height:200px;position:absolute;top:-85px;/*left:0;*/background-color:#fff;/*추가*/ z-index:10; /*추가*/ } #sub_contents > li:nth-child(1) .left_menu .tbox{width:100%;height:175px;background:#08386a;margin-bottom:20px;color:#fff;text-align:center;} #sub_contents > li:nth-child(1) .left_menu .tbox .st{font-family:'paybooc-Bold';font-size:14px;padding-top:50px;color:#dfdfdf;} #sub_contents > li:nth-child(1) .left_menu .tbox .tt{font-family:'paybooc-Bold';font-size:33px;padding-top:10px;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li{position:relative;font-family:'NanumSquare';font-size:16px;font-weight:400;color:#525558;letter-spacing:-1px;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li a{display:inline-block;width:100%;height:100%;padding:10px 15px;letter-spacing:-0.5px;color:#121212;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li.active a{color:#1b8bfd;font-size:17px;font-weight:600;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li{background:url('../images/sub_arr_gray.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li.active{background:url('../images/sub_arr_blue.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li:hover a{color:#222;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li.active:hover a{color:#1b8bfd} #sub_contents > li:nth-child(1) .left_menu .o_menu_list{margin-top:15px;border-top:1px solid #eee;} #sub_contents > li:nth-child(1) .left_menu .o_menu_list > li{border-bottom:1px solid #eee;background:url('../images/sub_arr_gray.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu .o_menu_list > li a{display:inline-block;width:100%;height:100%;padding:18px 15px;font-size:17px;font-weight:700;color:#333;} #sub_contents > li:nth-child(1) .left_menu .o_menu_list > li.active a{color:#1b8bfd;font-size:17px;font-weight:400;} #sub_contents > li:nth-child(1) .left_menu .o_menu_list > li.active{background:url('../images/sub_arr_blue.png') 93% center no-repeat;} /* 서브페이지 상단 타이틀 및 금리 설명 */ #sub_contents > li:nth-child(2){width:900px;padding-left:50px;position:relative;padding-top:50px;} #sub_contents .sub_navi { text-align:right; font-family:'돋움'; font-weight:200; font-size:12px; color:#9c9c9c; margin-bottom:27px;} #sub_contents .sub_navi > a {color:#9c9c9c;} #sub_contents .roundbox { width: 240px; height: 35px; line-height: 22px; padding: 5px 10px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; color: #474747;text-align : center; border: 1px solid #ccc; border-radius: 40px; margin-bottom: 35px; letter-spacing:-1px; } #sub_contents > li:nth-child(2) .pbox .tt{font-family:'NanumSquare';font-size:39px;font-weight:800;color:#000;letter-spacing:-1px;} #sub_contents > li:nth-child(2) .pbox .sub{font-family:'돋움';font-size:14px;color:#474747;padding:16px 0 75px 0;line-height:150%;} #sub_contents > li:nth-child(2) .pbox .rate{overflow:hidden;margin-bottom:55px;} #sub_contents > li:nth-child(2) .pbox .rate > li{position:relative;float:left;width:220px;} #sub_contents > li:nth-child(2) .pbox .rate > li > div:nth-child(2){width: 290px;line-height:45px;margin-right: 105px;} #sub_contents > li:nth-child(2) .pbox .rate > li .tt{font-family:'NanumSquare';font-size:39px;font-weight:700;color:#1b8bfd;letter-spacing:-1px;padding:5px 0;} #sub_contents > li:nth-child(2) .pbox .rate > li .s_tt{font-size:30px;} #sub_contents > li:nth-child(2) .pbox .rate > li .ss_tt{font-size:25px;} #sub_contents > li:nth-child(2) .pbox .rate > li .desc{font-family:'NanumSquare';font-size:15px;color:#000;font-weight:400;letter-spacing:-1px;} #sub_contents > li:nth-child(2) .pbox .rate > li:nth-child(3){margin-left:155px; } #sub_contents > li:nth-child(2) .pbox .rate > li.be{margin-left:0px; } /*#sub_contents > li:nth-child(2) .pbox .rate > li .desc2{font-family:'NanumSquare';font-size:14px;color:#929292;font-weight:400;letter-spacing:-1px;padding:20px 0 4px 0;}*/ #sub_contents > li:nth-child(2) .pbox .rate > li .desc3{font-family:'NanumSquare';font-size:17px;color:#222;font-weight:400;letter-spacing:-1px;padding-top: 10px; line-height: 60px;} #sub_contents > li:nth-child(2) .pbox .rate > li:before{display: block;position: absolute;right: 40px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 48px;background-color: #e1e3e6;} #sub_contents > li:nth-child(2) .pbox .rt_1 > li:nth-child(2):before{right: -110px;} #sub_contents > li:nth-child(2) .pbox .rt_2 > li:nth-child(2):before{right: -50px;} #sub_contents > li:nth-child(2) .pbox .rt_1 > li.be:before{right: 50px;} #sub_contents > li:nth-child(2) .pbox .rate > li:last-child:before{display:none;} #sub_contents > li:nth-child(2) .pbox .pbtn{display:inline-block;cursor:pointer;text-align:center;width:260px;padding:15px 30px 18px 30px;background: linear-gradient(to right, #0177e4, #34aef5);border-radius:5px;font-family:'NanumSquare';font-size:17px;color:#fff;font-weight:700;letter-spacing:-1px;} #sub_contents > li:nth-child(2) .pbox .right{background:#fff;border:1px solid #cdd0d4;color:#1b8bfd;font-weight:600;margin-left:6px;} /* 입주단지별 상품안내 */ #sub_contents > li:nth-child(1){position:relative;width:270px;} #sub_contents > li:nth-child(1) .left_menu2{width:240px;min-height:200px;position:absolute;top:70px;/*left:0;*/background-color:#fff;/*추가*/ z-index:10; /*추가*/ } #sub_contents > li:nth-child(1) .left_menu2 .tbox{width:100%;height:175px;background:#08386a;margin-bottom:20px;color:#fff;text-align:center;} #sub_contents > li:nth-child(1) .left_menu2 .tbox .st{font-family:'paybooc-Bold';font-size:14px;padding-top:50px;color:#dfdfdf;} #sub_contents > li:nth-child(1) .left_menu2 .tbox .tt{font-family:'paybooc-Bold';font-size:33px;padding-top:10px;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li{position:relative;font-family:'NanumSquare';font-size:16px;font-weight:400;color:#525558;letter-spacing:-1px;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li a{display:inline-block;width:100%;height:100%;padding:10px 15px;letter-spacing:-0.5px;color:#2e2f30;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li.active a{color:#1b8bfd;font-size:17px;font-weight:600;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li{background:url('../images/sub_arr_gray.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li.active{background:url('../images/sub_arr_blue.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li:hover a{color:#222;} #sub_contents > li:nth-child(1) .left_menu2 .sub_menu_list > li.active:hover a{color:#1b8bfd} #sub_contents > li:nth-child(1) .left_menu2 .o_menu_list{margin-top:15px;border-top:1px solid #eee;} #sub_contents > li:nth-child(1) .left_menu2 .o_menu_list > li{border-bottom:1px solid #eee;background:url('../images/sub_arr_gray.png') 93% center no-repeat;} #sub_contents > li:nth-child(1) .left_menu2 .o_menu_list > li a{display:inline-block;width:100%;height:100%;padding:18px 15px;font-size:17px;font-weight:700;color:#333;} #sub_contents > li:nth-child(1) .left_menu2 .o_menu_list > li.active a{color:#1b8bfd;font-size:17px;font-weight:400;} #sub_contents > li:nth-child(1) .left_menu2 .o_menu_list > li.active{background:url('../images/sub_arr_blue.png') 93% center no-repeat;} #sub_contents .sub_r{padding-left:20px !important;} /* 상품페이지 상단부분 타이틀 글자 색상속성 상속변경 */ #sub_contents > li:nth-child(2) .pbox .btt_01{color:#000;} #sub_contents > li:nth-child(2) .pbox .btt_02{color:#000;} #sub_contents > li:nth-child(2) .pbox .btt_03{color:#000;} #sub_contents > li:nth-child(2) .pbox .btt_04{color:#000;} /* 상품페이지 상단부분 금리숫자 글자 색상속성 상속변경 */ #sub_contents > li:nth-child(2) .pbox .rate > li .tt01{color:#000;} #sub_contents > li:nth-child(2) .pbox .rate > li .tt02{ color:#0b95aa;} #sub_contents > li:nth-child(2) .pbox .rate > li .tt03{color:#1b8bfd;} #sub_contents > li:nth-child(2) .pbox .rate > li .tt04{color:#2457f1;} /* 상품페이지 상단부분 상담신청 한도조회 버튼 그라데이션 색상속성 상속변경 */ #sub_contents > li:nth-child(2) .pbox .pbtn_01{background: linear-gradient(to right, #0177e4, #34aef5);} #sub_contents > li:nth-child(2) .pbox .pbtn_02{background: linear-gradient(to right, #0b95aa, #42bbc5);} #sub_contents > li:nth-child(2) .pbox .pbtn_03{background: linear-gradient(to right, #0177e4, #34aef5);} #sub_contents > li:nth-child(2) .pbox .pbtn_04{background: linear-gradient(to right, #314be3, #537dfb);} /* 상품페이지 상단부분 전화상담 버튼 색상속성 상속변경 #sub_contents > li:nth-child(2) .pbox .call_01{color:#000;} #sub_contents > li:nth-child(2) .pbox .call_02{color:#000;} #sub_contents > li:nth-child(2) .pbox .call_03{color:#000;} #sub_contents > li:nth-child(2) .pbox .call_04{color:#000;} */ #sub_contents .plist{width:100%;padding:30px 0;} #sub_contents .plist > .title{font-family:'NanumSquare';font-size:20px;font-weight:700;color:#000;letter-spacing:-1px;padding:50px 0 15px 0;} #sub_contents .plist .desc{font-family:'Malgun Gothic'; font-size:16px;font-weight:300;color:#000;letter-spacing:-0.8px;line-height:27px;} #sub_contents .plist .desc .process { width: 100%; height:280px; border-radius: 4px; background:#f5f7fa url('../images/process.png') center center no-repeat; margin: 10px 0 30px 0; padding: 0px; } #sub_contents .plist .desc_blue { font-weight:600; color:#057be5; } #sub_contents .plist .rec_gray{ width: 100%; margin: 10px 0 20px 0; border-radius: 4px; padding: 25px; background: #f5f7fa; color: #58585f; font-family:'Malgun Gothic'; font-weight:400; font-size: 15px; letter-spacing: -0.8px; line-height: 26px;} #sub_contents .plist .rec_gray b { font-weight:500; color:#303234;} #sub_contents .plist .rec_gray2{font-size:15px;} #sub_contents .sgray{font-family:'Malgun Gothic';font-size:14px;font-weight:300;color:#7a7c7f;letter-spacing:-0.8px;line-height:23px; margin-top:10px; padding: 0 0 0 10px;} #sub_contents .stxt{font-size:14px;} #sub_contents .boxsgray{font-family:'Malgun Gothic';font-size:14px;font-weight:400;color:#797d83;letter-spacing:-1px;line-height:23px; margin-top:10px;} #sub_contents .gray{color:#797d83;} #sub_contents .mg_t10{margin-top:10px; } #sub_contents .sgray > img{position:relative; left:0; top:-1px; padding-right:3px;} #sub_contents .grp_box{position:relative;margin-top:10px;background:#f5f7fa url('../images/bg_mm_grp.png') 10px bottom no-repeat;width:100%;padding:25px 35px;border:1px solid #eaecee;width:100%;height:287px;} #sub_contents .grp_box .rtx{position:absolute;left:65%;top:50px;} #sub_contents .grp_box:before{display: block;position: absolute;left: 60%;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 175px;background-color: #e1e3e6;} #sub_contents .cal_title{font-family:'NanumSquare';font-weight:800;letter-spacing:-2px;color:#212529;padding: 10px 0;line-height:130%;font-size:20px;} #sub_contents .cal_box_header{width:100%;padding:20px;background:#1d2d47;color:#fff;padding-left:50px;background:#1d2d47 url('../m/images/icon_cal.png') 15px 15px no-repeat;background-size:30px;font-family:'NanumSquare';font-size:18px;font-weight:700;letter-spacing:-1.5px;margin-top:8px;border-top-left-radius:8px;border-top-right-radius:8px;} #sub_contents .cal_box_header{background-size:30px;} #sub_contents .cal_box_header .ex{font-weight:400;font-size:18px;} #sub_contents .cal_box_body{width:100%;padding:20px 40px;min-height:50px;} #sub_contents .cal_box_body{border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#fff;border:1px solid #e6e7e8;border-top:0;} #sub_contents .cal_box_body .stitle{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding:10px 0 15px 0;color:#212529;} #sub_contents .cal_box_body .stitle2{font-family:'NanumSquare';font-size:17px;font-weight:700;letter-spacing:-1px;padding:10px 0;color:#212529;} #sub_contents .cal_box_body input{border:1px solid #c2c4c6;border-radius:4px;height:43px;padding:8px 12px;width:100%;font-family:'NanumSquare';font-size:22px;font-weight:400;text-align:right;color:#5697f0;letter-spacing:-1px;} #sub_contents .cal_box_body #g_price_han{padding:10px 5px;padding-right:231px;text-align:right;font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#75787b;} #sub_contents .cal_input .sp{width:100%;height:1px;border-bottom:1px solid #eee;margin-top:15px;margin-bottom:15px;} .rtl_table .rtl{overflow:hidden;} .rtl_table .rtl > li{position:relative;border-bottom:1px solid #eee;padding:15px 1px;font-family:'NanumSquare';font-size:16px;font-weight:400;letter-spacing:-1px;color:#333;} .rtl_table .rtl > li.title{border-bottom:1px solid #ddd;color:#000;font-family:'NanumSquare';font-size:17px;font-weight:700;letter-spacing:-1px;} .rtl_table .rtl > li:last-child{border:0;} .rtl_table .rtl > li .gray{font-weight:400;font-size:15px;} .rtl_table .rtl > li .rcont{position:absolute;right:4px;top:12px;font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;color:#000;} .rtl_table .rtl > li .rcont .gray{font-family:'NanumSquare';font-size:16px;font-weight:400;letter-spacing:-1px;color:#666;} .btn_view{margin-top:25px;cursor:pointer;padding:20px 45px;text-align:center;display:inline-block;border-radius:6px;background: linear-gradient(to right, #0177e4 1%, #35aff5);color:#fff;font-family:'NanumSquare';font-size:20px;letter-spacing:-1px;box-shadow:0 0 20px rgba(1,119,228,0.25);} .btn_view2{margin:0 0 70px 0; cursor:pointer;padding:20px 200px;text-align:center;display:inline-block;border-radius:6px;background: linear-gradient(to right, #0177e4 1%, #35aff5);color:#fff;font-family:'NanumSquare';font-size:20px;letter-spacing:-1px;box-shadow:0 0 20px rgba(1,119,228,0.25);} .bt01{display:inline-block;padding:10px 25px;background:#f2f4f7;font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#000;cursor:pointer;margin-left:10px;} .bt02{display:inline-block;padding:10px 25px;background:#5697f0;font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#fff;cursor:pointer;margin-left:2px;} /* 테이블 */ .btable{border-collapse: collapse;line-height: 1.5;margin : 10px 0;width:100%;border-top:2px solid #515960;} .btable > tbody > tr > td{padding: 30px 20px;border-bottom: 1px solid #e5e7e9; font-family:'Malgun Gothic';font-size:16px;font-weight:400;color:#38393a; line-height:27px; letter-spacing:-0.8px;} .btable > tbody > tr > td.title{ font-family:'NanumSquare'; font-size:18px; color:#1c1d1e; width:165px;background:#f5f7fa; font-weight:600;} .intable{border-collapse: collapse;line-height: 1.5;margin : 15px 0;width:100%;} .intable > tbody > tr > td{padding: 12px 20px;border: 1px solid #eaecee;font-size:15px;font-weight:400;line-height:150%;color:#373738;letter-spacing:-1px;} .intable > tbody > tr > td.title{color:#303234;width:23%;background:#f5f7fa;font-size:15px;font-weight:600;} .doc_table{border-collapse: collapse;line-height: 1.5;margin : 0 0 40px 0;width:100%;border-top:2px solid #515960;} .doc_table th{padding: 10px;background:#f2f4f7;text-align:left;font-family:'NanumSquare';font-size:18px;font-weight:700;letter-spacing:-2px;} .doc_table td{padding: 20px 10px;border-bottom: 1px solid #eaecee;line-height:34px;font-family:'Malgun Gothic';font-size:16px;font-weight:400;letter-spacing:-1.2px;color:#373738;vertical-align:top;} .doc_table td.ent_td{padding: 20px 10px;border-bottom: 1px solid #eaecee;line-height:40px;font-family:'Noto Sans KR';font-size:16px;font-weight:400;letter-spacing:-1px;color:#373738;vertical-align:top;} .doc_table td.title{color:#303234;text-align:left;font-family:'NanumSquare';font-size:18px;font-weight:700;letter-spacing:-2px;width:175px;} .doc_table .dot_li { font-family:'Malgun Gothic';font-size:16px;font-weight:400;letter-spacing:-1px;color:#373738; padding: 0 0 0 10px; background:url(../images/gray_dot_3px.png) left 8px no-repeat; background-size:10px; line-height:26px; margin-bottom:10px; } .doc_table .none_li { font-family:'Noto Sans KR';font-size:16px;font-weight:400;letter-spacing:-1px;color:#797d83; padding: 0 0 0 14px;line-height:26px; margin-bottom:10px; } .doc_table .col_blue{color: #1b8bfd;} .doc_table td .bb{color:#373738;font-weight:700;} /* 하단 다른대출상품 */ #contents .ot_box{width:100%;min-height:300px;background:#f8f8f8;padding:65px 0 75px 0;overflow:hidden;clear:both; margin-top:-30px;} #contents .ot_box .title{font-family:'NanumSquare';font-size:28px;font-weight:700;letter-spacing:-1.5px;color:#000;padding-bottom:8px;border-bottom:1px solid #ddd;} #contents .ot_box .stitle{position: relative;font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#333;padding:45px 0 20px 0;} #contents .ot_box .stitle > span:nth-child(3){position:absolute; top:-30px; right: 6px; font-size:15px;} #contents .ot_box .stitle > span:nth-child(3) > a{color:#666;} #contents .ot_box .slider{width:1010px; margin:0 auto;} #contents .ot_box .slides .sb_sl{ width: 330px;height: 225px;border: 1px solid #dddddd;padding: 40px;background: #fff;} .slides .slick-list{margin:0 -20px 0 0;} .slick-slide {margin:0 20px 0 0;} #contents .ot_box .slides .sb_sl .ss{font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#3781e6;padding:0 0 8px;} #contents .ot_box .slides .sb_sl .tt{font-family:'NanumSquare';font-size:24px;font-weight:700;letter-spacing:-1px;color:#000;padding:5px 0 50px;} #contents .ot_box .slides .sb_sl .mr{font-family:'NanumSquare';cursor:pointer;font-size:17px;font-weight:400;letter-spacing:-1px;font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#888;padding:0 0 8px;;padding:0 0 8px;} #contents .ot_box .stitle .btn_prev, #contents .ot_box .stitle .btn_next{position:absolute; top:168px; right: 6px; transform:translateY(-50%); cursor:pointer; color:transparent;} #contents .ot_box .stitle .btn_prev{right: 1144px;} #contents .ot_box .stitle .btn_prev:before{content: '<'; display: inline-block;width: 20px; height: 20px; border-top: 2px solid #999;border-left: 2px solid #999; transform: rotate(-42deg); } #contents .ot_box .stitle .btn_next:before{content: '>'; display: inline-block;width: 20px; height: 20px; border-top: 2px solid #999;border-left: 2px solid #999; transform: rotate(132deg); }