/* 공용 */ .in_box{position:relative;width:1200px;margin:0 auto;padding:0 15px;} .ast{color:#057be5; font-weight:600;} .dsp{width:100%;height:10px;background:#f4f6f7;} .col_gray{color:#777777;} .col_ast{color:#f7590b;} .col_black{color:#000;} .col_blue{color:#1b8bfd;} .col_blue2{color:#396ec5;} .nfont{font-family:'돋움';font-size:14px;letter-spacing:-0.5px;color:#333;font-weight:normal;} .call_popup{cursor:pointer;} .bg_trans{background:transparent;} /* 헤더 */ #top_banner{width:100%;background:#f1f1f1;} #header{position:relative;width:100%;min-width:1200px;min-height:120px; } #header .top_logo{position:relative;width:100%;height:145px;padding-top:70px;} #header .top_logo > a > img{width:390px;} #header .top_logo .tr{position:absolute;right:0px;bottom:18px;font-family:'돋움';font-size:12px;letter-spacing:0px;color:#a7a7a7; text-align:right; line-height:18px;} /* 사진 #header .top_logo .tr_pic { position:absolute;right:0;bottom:21px; width:74px; height:99px; border:1px solid #CCC; background:url('../images/tr_pic.png') center center no-repeat;} */ #header .top_logo .tr .num{ font-family:'NanumSquare'; font-weight:bold; font-size:20px; color:#00326d; background:url('../images/tr_num.png') 75px 1px no-repeat; margin-bottom:10px;} #header .menu_bend{width:100%;height:56px;line-height:56px;border-top:1px solid #e4e8eb; border-bottom:1px solid #e4e8eb; } #header .menu_bend ul.tmnu{overflow:hidden;width:100%;} #header .menu_bend ul.tmnu > li:nth-child(1) span { font-weight:bold; font-style:italic;} #header .menu_bend ul.tmnu > li:nth-child(2) span { font-weight:bold; font-style:italic;} #header .menu_bend ul.tmnu > li:nth-child(5) { font-weight:bold;} #header .menu_bend ul.tmnu > li{position:relative;float:left;width:33%;font-family:'NanumSquare';font-weight:400;font-size:18px;letter-spacing:-1px; text-align:center;} #header .menu_bend ul.tmnu > li a{display:inline-block;width:100%;height:100%; padding:0 70px;} #header .menu_bend ul.tmnu > li a:hover { color:#057be5; font-weight:bold;} #header .menu_bend ul.tmnu > li:after{display: block;position: absolute;right: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 14px;background-color: #c5c9d6;} #header .menu_bend ul.tmnu > li:last-child:after{display:none;} #contents{width:100%;min-height:600px;} /* 메인페이지 슬라이더 */ #contents .top_main{width:100% !important;height:632px;background:#fff;overflow:hidden;} #contents .top_main .top_main_box{position:relative;width:1170px;margin:0 auto;height:100%;overflow:hidden;} #contents .top_main .top_main_box .sl_tbox{padding:100px 0 0 20px;} #contents .top_main .top_main_box .sl_tbox .sl_t1{font-family:'NanumSquare';font-size:21px;font-weight:400;color:#057be5;padding-bottom:36px;letter-spacing:-1px;} #contents .top_main .top_main_box .sl_tbox .sl_t2{font-family:'NanumSquare';font-size:32px;font-weight:700;color:#303234;padding-bottom:35px;letter-spacing:-2px;line-height:62px;} #contents .top_main .top_main_box .sl_tbox .sl_t2 > span{font-size:55px;font-weight:800;color:#303234; letter-spacing:-1px;} #contents .top_main .top_main_box .sl_tbox .sl_t2 > span .col{color:#057be5;} #contents .top_main .top_main_box .sl_tbox .sl_t3{font-family:'NanumSquare';font-size:19px;color:#8c9094;font-weight:400;padding-bottom:52px;letter-spacing:-1px;line-height:30px;} #contents .top_main .top_main_box .sl_tbox .sl_btn{display:inline-block;padding:15px 65px;font-family:'paybooc-Bold';font-size:18px;color:#fff;background: linear-gradient(to right, #0177e4, #35aff5);} #contents .top_main .top_main_box .sl_tbox .sl_btn{border-radius:30px;cursor:pointer;box-shadow:0 0 10px 0 rgba(6, 124, 230,0.5);} #contents .top_main .top_main_box .sl_tbox .sl_btn .arr{vertical-align:middle;} #contents .top_main .top_main_box .sl_img{position:absolute;right:20px;top:120px;} /* 메인페이지 슬라이더2 background:#fff3f5 */ #contents .top_main2{width:100% !important;height:632px;background:#fff;overflow:hidden;} #contents .top_main2 .top_main_box{position:relative;width:1170px;margin:0 auto;height:100%;overflow:hidden;} #contents .top_main2 .top_main_box .sl_tbox{padding:100px 0 0 70px;} #contents .top_main2 .top_main_box .sl_tbox .sl_t1{font-family:'NanumSquare';font-size:21px;font-weight:400;color:#038dab;padding-bottom:36px;letter-spacing:-1px;} #contents .top_main2 .top_main_box .sl_tbox .sl_t2{font-family:'NanumSquare';font-size:33px;font-weight:700;color:#303234;padding-bottom:35px;letter-spacing:-2px;line-height:62px;} #contents .top_main2 .top_main_box .sl_tbox .sl_t2 > span{font-size:55px;font-weight:800;color:#303234;} #contents .top_main2 .top_main_box .sl_tbox .sl_t2 > span .col{color:#038dab;} #contents .top_main2 .top_main_box .sl_tbox .sl_t3{font-family:'NanumSquare';font-size:19px;color:#8c9094;font-weight:400;padding-bottom:52px;letter-spacing:-1px;line-height:149%;} #contents .top_main2 .top_main_box .sl_tbox .sl_btn{display:inline-block;padding:15px 65px;font-family:'paybooc-Bold';font-size:18px;color:#fff;background: linear-gradient(to right, #038dab,#04a4c7 );} #contents .top_main2 .top_main_box .sl_tbox .sl_btn{border-radius:30px;cursor:pointer;box-shadow:0 0 10px 0 rgba(3, 141, 171,0.5);} #contents .top_main2 .top_main_box .sl_tbox .sl_btn .arr{vertical-align:middle;} #contents .top_main2 .top_main_box .sl_img{position:absolute;right:20px;top:85px;} /* 메인페이지 슬라이더3 background:#d5f3fa */ #contents .top_main3{width:100% !important;height:632px;background:#fff;overflow:hidden;} #contents .top_main3 .top_main_box{position:relative;width:1170px;margin:0 auto;height:100%;overflow:hidden;} #contents .top_main3 .top_main_box .sl_tbox{padding:100px 0 0 70px;} #contents .top_main3 .top_main_box .sl_tbox .sl_t1{font-family:'NanumSquare';font-size:21px;font-weight:400;color:#495fe9;padding-bottom:36px;letter-spacing:-1px;} #contents .top_main3 .top_main_box .sl_tbox .sl_t2{font-family:'NanumSquare';font-size:33px;font-weight:700;color:#303234;padding-bottom:35px;letter-spacing:-1px;line-height:62px;} #contents .top_main3 .top_main_box .sl_tbox .sl_t2 > span{font-size:55px;font-weight:800;color:#303234;} #contents .top_main3 .top_main_box .sl_tbox .sl_t2 > span .col{color:#495fe9;} #contents .top_main3 .top_main_box .sl_tbox .sl_t3{font-family:'NanumSquare';font-size:19px;color:#8c9094;font-weight:400;padding-bottom:52px;letter-spacing:-1px;line-height:149%;} #contents .top_main3 .top_main_box .sl_tbox .sl_btn{display:inline-block;padding:15px 65px;font-family:'paybooc-Bold';font-size:18px;color:#fff;background: linear-gradient(to right, #495fe9, #0177e4);} #contents .top_main3 .top_main_box .sl_tbox .sl_btn{border-radius:30px;cursor:pointer;box-shadow:0 0 10px 0 rgb(73 95 233 / 50%);} #contents .top_main3 .top_main_box .sl_tbox .sl_btn .arr{vertical-align:middle;} #contents .top_main3 .top_main_box .sl_img{position:absolute;right:20px;top:120px;} #contents .m2_box{width:100%;height:205px;background:#253a69;color:#fff; padding:20px 0 0 0; border: 1px solid #1c2e54;} #contents .m2_box ul{overflow:hidden;padding-top:40px;} #contents .m2_box ul > li{float:left;} #contents .m2_box ul > li:nth-child(1){width:870px;padding-left:20px;} #contents .m2_box ul > li:nth-child(2){width:300px;} #contents .m2_box ul > li .title{font-family:'NanumSquare';font-size:25px;font-weight:400;color:#fff;letter-spacing:-1px;margin-bottom:17px;} #contents .m2_box ul > li .txt{display:inline-block;margin-left:0px;font-family:'돋움';font-size:13px;color:#697899;letter-spacing:-2px;} #contents .m2_box ul > li .txt2{display:inline-block;padding:4px 0;font-family:'돋움';font-size:12px;color:#697899;letter-spacing:-1.5px;} #contents .m2_box ul > li .stitle{font-family:'NanumSquare';font-size:17px;font-weight:400;color:#fff;letter-spacing:-1px;display:inline-block;margin-right:10px;} #contents .m2_box ul > li input{height:37px;border:0;background:#fff;padding:8px;font-family:'돋움';font-size:14px;} #contents .m2_box ul > li input#name{margin-right:20px;width:300px; box-shadow: inset 2px 2px 5px #ccc;} #contents .m2_box ul > li input.phone{width:86px; box-shadow: inset 2px 2px 5px #ccc;} #contents .m2_box .btn{display:inline-block;margin-top:0px;width:229px;height:88px;background:url('../images/bg_btn_m2.png') no-repeat;line-height:80px;font-size:20px;font-weight:700;letter-spacing:-1px;color:#fff;text-align:center;cursor:pointer;} #contents .m2_box .btn .arr{display:inline-block;margin-left:5px;font-size:13px;} #contents .m3_box{width:100%;min-height:300px;background:#e5f1ff;} #contents .m3_box .mbox{width:100%;padding:115px 0 100px 20px; background:url('../images/img_leaf.png') 271px 335px no-repeat;} #contents .m3_box .mbox ul{overflow:hidden;} #contents .m3_box .mbox ul > li{float:left;} #contents .m3_box .mbox ul > li:nth-child(1){width:457px;} #contents .m3_box .mbox ul > li:nth-child(2){width:690px; padding-top:20px;} #contents .m3_box .mbox ul > li .tt{display:inline-block;padding:0;font-family:'NanumSquare';font-size:45px;font-weight:700;color:#000;letter-spacing:-2px;} #contents .m3_box .mbox ul > li .tt_col{color:#057be5;background:url('../images/under_line_btxt.png') left 90% repeat-x;} #contents .m3_box .mbox ul > li:nth-child(1) .stitle{font-family:'NanumSquare';font-size:22px;font-weight:400;color:#000;letter-spacing:-1px;display:inline-block;margin:10px 0;} #contents .m3_box .mbox ul > li:nth-child(1) .desc_box{width:315px;height:50px;font-size:17px;font-weight:400;color:#8c9094;line-height:25px;letter-spacing:-1px;} #contents .m3_box .mbox .date { /*height:237px;*/ height:44px; font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#9ea8b3; padding:10px 0 0 0; } #contents .m3_box .mbox ul > li:nth-child(1) .lbox{width:330px;height:144px;border:1px solid #dee6f2;padding:25px 0 30px 30px;background-color:#f3f6ff;background-image:url('../images/img_wlogo_kfcc.png') , url('../images/img_lt_purple.png');} #contents .m3_box .mbox ul > li:nth-child(1) .lbox{background-repeat: no-repeat, no-repeat; background-position: 130% 30%, 0 top;} #contents .m3_box .mbox ul > li:nth-child(1) .lbox .tt{font-family:'NanumSquare';font-size:20px;font-weight:700;color:#5642bf;letter-spacing:-1px;;} #contents .m3_box .mbox ul > li:nth-child(1) .lbox .desc{font-family:'NanumSquare';font-size:16px;;font-weight:400;color:#9a99a0;letter-spacing:-1px;margin-top:10px;line-height:150%;} #contents .m3_box .mbox ul > li:nth-child(1) .txt{display:inline-block;padding-top:10px;font-family:'돋움';font-size:13px;color:#8f8f8f;letter-spacing:-1.5px;cursor:pointer;} #contents .m3_box .mbox ul > li:nth-child(1) .txt a{color:#8f8f8f;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box{display:inline-block;width:310px;/*height:337px;*/height:415px;background:#fff;box-shadow:0 5px 9px 0 rgb(76 123 188 / 30%);float:left;margin-right:25px;margin-bottom:25px;padding:42px; border-radius:5px;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box:nth-child(1):hover { border:1px solid #057be5;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box:nth-child(2):hover { border:1px solid #0da0ed;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box:nth-child(3):hover { border:1px solid #253def;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box:nth-child(4):hover { border:1px solid #0b95aa;} #contents .m3_box .mbox ul > li:nth-child(2) .rec_box:nth-child(2n){margin-right:0;} #contents .mbox .rec_box .c01{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#057be5;letter-spacing:-1px;padding-bottom:13px;} #contents .mbox .rec_box .c02{font-family:'NanumSquare';font-size:27px;font-weight:700;color:#000;letter-spacing:-1px;padding-bottom:45px;line-height:36px;} #contents .mbox .rec_box .c03{font-family:'NanumSquare';font-size:16px;font-weight:400;color:#a7a7a7;letter-spacing:-1px;} #contents .mbox .rec_box .c04{font-family:'NanumSquare';font-size:45px;font-weight:700;color:#057be5;letter-spacing:-2px;padding-bottom:66px;line-height:130%;} #contents .mbox .rec_box .c04 .sp{font-family:'NanumSquare';font-size:32px;font-weight:400;letter-spacing:-1px;} #contents .mbox .rec_box .c05{font-family:'돋움';font-size:13px;color:#686868;letter-spacing:-1px;cursor:pointer;} #contents .mbox .rec_box .c05 a{color:#686868;} #contents .mbox .rec_box .col_02{color:#0da0ed;} #contents .mbox .rec_box .col_03{color:#253def;} #contents .mbox .rec_box .col_04{color:#0b95aa;} #contents .m4_box{width:100%;min-height:300px;background:#fff;} #contents .m4_box .mbox{width:100%;padding:105px 0 0px 0;} #contents .m4_box .stitle{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#256cbc;letter-spacing:-1px;padding-bottom:11px;text-align:center;} #contents .m4_box .btitle{font-family:'NanumSquare';font-size:36px;font-weight:700;color:#000;letter-spacing:-1px;padding-bottom:50px;text-align:center;} #contents .m4_box .sp_wrap { width:1091px; margin:0 auto;} #contents .m4_box .sp_box { width:350px; height:390px; border-radius:5px; } #contents .m4_box .sp_box:nth-child(1) { background:#fff url('../images/sp_bg01.png') center 50px no-repeat; border:1px solid #dcdcdc; margin-right:20px; float:left;} #contents .m4_box .sp_box:nth-child(2) { background:#fff url('../images/sp_bg02.png') center 50px no-repeat; border:1px solid #dcdcdc; margin-right:20px; float:left;} #contents .m4_box .sp_box:nth-child(3) { background:#fff url('../images/sp_bg03.png') center 50px no-repeat; border:1px solid #dcdcdc; float:left;} #contents .m4_box .sp_box .sp_box_name { text-align:center; margin:153px 0 29px 0; font-size:30px; line-height:38px; font-weight:900;} #contents .m4_box .sp_box:nth-child(1) .sp_box_name span { color:#256cbc;} #contents .m4_box .sp_box:nth-child(2) .sp_box_name span { color:#1f34d4;} #contents .m4_box .sp_box:nth-child(3) .sp_box_name span { color:#0b95aa;} #contents .m4_box .sp_box .sp_box_text { text-align:center; font-size:17px; line-height:30px; color:#8f8f8f; font-family:'Noto Sans KR'; font-weight:200; letter-spacing: -1px;} #contents .m4_box .sp_apt { clear:both; width:1170px; height: 284px; margin: 0 auto; padding: 70px 0 50px 0;} #contents .m4_box .sp_apt_text_box { width:260px; height:135px; float:left; background:#fff url('../images/bullet.png') right 16px no-repeat; margin-right: 22px;} #contents .m4_box .sp_apt_text_box .sp_apt_title { font-size:21px; line-height:30px; font-weight:bold; margin: 10px 0 15px 0; } #contents .m4_box .sp_apt_text_box .sp_apt_title span { color:#256cbc;} #contents .m4_box .sp_apt_text_box .sp_apt_text01 { margin: 0 0 10px 0; font-size:14px; color:#a9a9a9; font-family:'Noto Sans KR'; font-weight:200;} #contents .m4_box .sp_apt_text_box .sp_apt_text02 { font-size:12px; color:#256cbc; margin: 0 0 0 0; font-family:'Noto Sans KR'; font-weight:200; } #contents .m4_box .sp_apt .sp_apt_box { font-family:'Noto Sans KR'; font-weight:200; width:138px; float:left; text-align:center;} #contents .m4_box .sp_apt_icon { width:100px; height:100px; margin:0 auto; border-radius:30px; } #contents .m4_box .icon01 { background:#f6f8fa url('../images/sp_apt01.png') no-repeat;} #contents .m4_box .icon02 { background:#f6f8fa url('../images/sp_apt02.png') no-repeat;} #contents .m4_box .icon03 { background:#f6f8fa url('../images/sp_apt03.png') no-repeat;} #contents .m4_box .icon04 { background:#f6f8fa url('../images/sp_apt04.png') no-repeat;} #contents .m4_box .icon05 { background:#f6f8fa url('../images/sp_apt05.png') no-repeat;} #contents .m4_box .icon06 { background:#f6f8fa url('../images/sp_apt06.png') no-repeat;} #contents .m4_box .sp_text { font-family:'Noto Sans KR'; font-weight:200; color:#666;} /* #contents .m4_box .list_title{font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;padding:60px 0 25px 0;border-top:1px solid #ebebeb;} #contents .m4_box .list_title .sub{display:inline-block;margin-left:10px;font-family:'NanumSquare';font-size:18px;font-weight:400;color:#a6a6a6;letter-spacing:-1px;} #contents .m4_box ul.plist{overflow:hidden;} #contents .m4_box ul.plist > li{float:left;width:370px;margin-right:28px;} #contents .m4_box ul.plist > li:last-child{margin-right:0;} #contents .m4_box ul.plist > li .tt{font-family:'NanumSquare';font-size:22px;font-weight:700;color:#000;letter-spacing:-1px;padding:35px 0 30px 0;text-align:center;text-align:center;} #contents .m4_box ul.plist > li .sub{font-family:'돋움';font-size:14px;color:#7a7a7a;letter-spacing:0.5px;text-align:center;line-height:150%;} #contents .m4_box .rbtn{display:inline-block;margin-top:60px;text-align:center;padding:20px 70px;border:1px solid #e6e6e6;border-radius:30px;} #contents .m4_box .rbtn{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#949494;cursor:pointer;} #contents .m4_box .rbtn .sp{display:inline-block;margin-left:4px;font-family:'돋움';font-size:13px;color:#7a7a7a;} */ #contents .m5_box{ clear:both; width:100%;min-height:450px;background:#256cbc;} #contents .m5_box .mbox{width:100%;padding:90px 0 78px 0;} #contents .m5_box .stitle{font-family:'NanumSquare';font-size:21px;font-weight:400;color:#fff;letter-spacing:-1px;padding-bottom:25px;text-align:center;} #contents .m5_box .btitle{font-family:'NanumSquare';font-size:33px;font-weight:700;color:#fff;letter-spacing:-1px;padding-bottom:50px;text-align:center;line-height:128%;} #contents .m5_box .box_list{overflow:hidden;} #contents .m5_box .box_list > li{float:left;} #contents .m5_box .box_list > li:nth-child(1){margin-right:29px;} #contents .m5_box .box_list > li .box_rec{width:570px;height:192px;background:#fff;border-radius:4px;box-shadow:0 0 10px 0 rgba(13, 62, 116 ,0.5);padding:40px 50px 50px 50px;} #contents .m5_box .box_list > li:nth-child(1) .box_rec{background:#fff url('../images/img_mphone.png') 90% center no-repeat;} #contents .m5_box .box_list > li:nth-child(2) .box_rec{background:#fff url('/m/images/img_call_person.png') 90% center no-repeat; background-size:111px;} #contents .m5_box .box_list .col_blue{color:#057be5;} #contents .m5_box .box_list > li .box_rec .tt{font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .m5_box .box_list > li .box_rec .sub{font-family:'NanumSquare';font-size:19px;font-weight:400;color:#8f8f8f;letter-spacing:-1px;padding:8px 0;} #contents .m5_box .box_list > li .box_rec .txt{font-family:'돋움';font-size:13px;color:#8f8f8f;padding-top:20px;} #contents .m5_box .box_list > li .box_rec .txt a{color:#8f8f8f;} /*하단 고정_절차, 전화번호, 필수안내*/ #contents .m6_box{width:1200px; margin:0 auto;min-height:300px;background:#fff;} #contents .m6_box .mbox{width:100%;padding:90px 0 0px 0;} #contents .m6_box .btitle{width:100%;border-bottom:1px solid #ebebeb;padding-bottom:10px;font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .m6_box .btitle .sub{display:inline-block;margin-left:0px;font-family:'Noto Sans KR';font-size:16px;font-weight:400;color:#8f8f8f;letter-spacing:-1px;} #contents .m6_box .step_list{overflow:hidden;margin-top:35px;width:1180px;} #contents .m6_box .step_list > li{float:left;width:167px;height:186px;} #contents .m6_box .step_list > li.sp{width:85px;background:url('../images/step_arr.png') center 60px no-repeat;} #contents .m6_box .step_list > li:nth-child(1){background:url('../images/step_icon_01.png') center 20px no-repeat;} #contents .m6_box .step_list > li:nth-child(3){background:url('../images/step_icon_02.png') center 20px no-repeat;} #contents .m6_box .step_list > li:nth-child(5){background:url('../images/step_icon_03.png') center 20px no-repeat;} #contents .m6_box .step_list > li:nth-child(7){background:url('../images/step_icon_04.png') center 20px no-repeat;} #contents .m6_box .step_list > li:nth-child(9){background:url('../images/step_icon_05.png') center 20px no-repeat;} #contents .m6_box .step_list > li .tt{font-family:'NanumSquare';font-size:20px;font-weight:700;color:#000;letter-spacing:-1px;text-align:center;padding-top:100px;} #contents .m6_box .step_list > li .sub{font-family:'Noto Sans KR'; font-weight:200; color:#999; font-size:16px;padding-top:12px;text-align:center;line-height:150%;letter-spacing:-1px;} #contents .m6_box .call_box{position:relative;width:1170px;height:219px;background:url('../images/bg_btm_call.png') 0 0 no-repeat;padding: 54px 64px;margin:20px 0 80px 0;} #contents .m6_box .call_box .phone_box{position:absolute;right:0;top:0;width:476px;height: 157px; padding: 0px 47px; margin-top: 32px; border-left: 1px solid #666666ad;} #contents .m6_box .call_box .phone_box .tt{font-family:'NanumSquare';font-size:43px;font-weight:700;color:#88c6ff;letter-spacing:-1px;margin:17px 0 10px 0;} #contents .m6_box .call_box .phone_box .txt{font-family:'돋움';font-size:13px;color:#e2e2e2;line-height:150%; letter-spacing:-2px;} #contents .m6_box .call_box .phone_box .txt .gg{color:#848490;} #contents .m6_box .call_box .phone_box .txt div:nth-child(1){margin-bottom:2px;} #contents .m6_box .call_box .btt{width:100%;padding-bottom:10px;font-family:'NanumSquare';font-size:30px;font-weight:700;color:#fff;letter-spacing:-0.5px;line-height:140%;} #contents .m6_box .call_box .desc{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#b8b8b9;letter-spacing:-0.5px;} #contents .m6_box .fix_ment { width:100%; margin:90px 0 0 0; font-family:'Noto Sans KR'; font-weight:200; font-size:18px; color:#666; line-height:21px; margin-bottom:17px; } #contents .m6_box .ment_title { font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .m6_box .ment_li { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:21px; margin-bottom:15px; padding: 0 0 0 10px; background:url(../images/gray_dot_3px.png) left 6px no-repeat; background-size:10px;} #contents .m6_box .ment_li_point { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:21px; margin-bottom:15px;} #contents .m6_box .bar { width:100%; height:1px; background:#eaecee; margin:30px 0;} #contents .m6_box .middle_box {} #contents .m6_box .desc_box { width:100%; height:225px; padding:20px 40px; background:#f6f8fa; border-radius:10px;} #contents .m6_box .m_name { font-family:'NanumSquare';font-size:18px;font-weight:700;color:#000; margin:20px 0 20px 0;} #contents .m6_box .grecbox01 { width:50%; float:left; height: 90px; border-right: 1px solid #ddd; padding: 0 50px 0 0;} #contents .m6_box .grecbox02 { width:45%; float:right; } #contents .m6_box .h4 { font-family:'Noto Sans KR'; font-weight:400; font-size:18px; color:#057be5; margin:0;} #contents .m6_box .h5 { font-family:'Noto Sans KR'; font-weight:200; font-size:16px; color:#666; margin: 5px 0 0 0; line-height: 26px; } #contents .m6_box .middle_box { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:30px;} #contents .m6_box .middle_box .db_list { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:35px;} #contents .m6_box .list_name {font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:21px; margin-bottom:15px; padding: 0 0 0 10px; background:url(../images/gray_dot_3px.png) left 6px no-repeat; background-size:10px;} #contents .m6_box .list_in { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; padding-left:10px; } /*하단 고정_절차, 전화번호, 필수안내*/ /*하단 고정_절차, 전화번호, 필수안내 BG_gray*/ #contents .m7_box{width:100%;min-height:300px;background:#f8f8f8; clear:both;} #contents .m7_box .mbox{width:100%;padding:90px 0 80px 0;} #contents .m7_box .btitle{width:100%;border-bottom:1px solid #ebebeb;padding-bottom:10px;font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .m7_box .btitle .sub{display:inline-block;margin-left:0px;font-family:'Noto Sans KR';font-size:16px;font-weight:400;color:#8f8f8f;letter-spacing:-1px;} #contents .m7_box .step_list{overflow:hidden;margin-top:35px;width:1180px;margin-bottom:90px;} #contents .m7_box .step_list > li{float:left;width:167px;height:184px;} #contents .m7_box .step_list > li.sp{width:85px;background:url('../images/step_arr.png') center 60px no-repeat;} #contents .m7_box .step_list > li:nth-child(1){background:url('../images/step_icon_01.png') center 20px no-repeat;} #contents .m7_box .step_list > li:nth-child(3){background:url('../images/step_icon_02.png') center 20px no-repeat;} #contents .m7_box .step_list > li:nth-child(5){background:url('../images/step_icon_03.png') center 20px no-repeat;} #contents .m7_box .step_list > li:nth-child(7){background:url('../images/step_icon_04.png') center 20px no-repeat;} #contents .m7_box .step_list > li:nth-child(9){background:url('../images/step_icon_05.png') center 20px no-repeat;} #contents .m7_box .step_list > li .tt{font-family:'NanumSquare';font-size:20px;font-weight:700;color:#000;letter-spacing:-1px;text-align:center;padding-top:100px;} #contents .m7_box .step_list > li .sub{font-family:'Noto Sans KR'; font-weight:200; color:#999; font-size:16px;padding-top:12px;text-align:center;line-height:150%;letter-spacing:-1px;} #contents .m7_box .call_box{position:relative;width:1170px;height:219px;background:url('../images/bg_btm_call.png') 0 0 no-repeat;padding: 54px 64px;margin-top:20px;} #contents .m7_box .call_box .phone_box{position:absolute;right:0;top:0;width:476px;height: 157px; padding: 0px 47px; margin-top: 32px; border-left: 1px solid #666666ad;} #contents .m7_box .call_box .phone_box .tt{font-family:'NanumSquare';font-size:43px;font-weight:700;color:#88c6ff;letter-spacing:-1px;margin:17px 0 10px 0;} #contents .m7_box .call_box .phone_box .txt{font-family:'돋움';font-size:13px;color:#e2e2e2;line-height:150%; letter-spacing:-2px;} #contents .m7_box .call_box .phone_box .txt .gg{color:#848490;} #contents .m7_box .call_box .phone_box .txt div:nth-child(1){margin-bottom:2px;} #contents .m7_box .call_box .btt{width:100%;padding-bottom:10px;font-family:'NanumSquare';font-size:30px;font-weight:700;color:#fff;letter-spacing:-0.5px;line-height:140%;} #contents .m7_box .call_box .desc{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#b8b8b9;letter-spacing:-0.5px;} #contents .m7_box .fix_ment { width:100%; padding:50px 0 0 0; font-family:'Noto Sans KR'; font-weight:200; font-size:18px; color:#666; line-height:21px; margin-bottom:17px; } #contents .m7_box .ment_title { font-family:'NanumSquare';font-size:28px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .m7_box .ment_li { font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#666; line-height:21px; margin-bottom:15px; padding: 0 0 0 10px; background:url(../images/gray_dot_3px.png) left 6px no-repeat; background-size:10px;} #contents .m7_box .ment_li_point { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color:#666; line-height:21px; margin-bottom:15px;} #contents .m7_box .bar { width:100%; height:1px; background:#eaecee; margin:30px 0;} #contents .m7_box .middle_box {} #contents .m7_box .desc_box { width:100%; height:225px; padding:20px 40px; background:#eef3f7; border-radius:10px;} #contents .m7_box .m_name { font-family: 'Noto Sans KR', sans-serif;font-size:18px;font-weight:700;color:#000; margin:20px 0 20px 0;} #contents .m7_box .grecbox01 { width:50%; float:left; height: 90px; border-right: 1px solid #ddd; padding: 0 50px 0 0;} #contents .m7_box .grecbox02 { width:45%; float:right; } #contents .m7_box .h4 { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:18px; color:#057be5; margin:0;} #contents .m7_box .h5 { font-family: 'Noto Sans KR', sans-serif; font-weight:200; font-size:16px; color:#666; margin: 5px 0 0 0; line-height: 26px; } #contents .m7_box .middle_box { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color:#666; line-height:30px;} #contents .m7_box .middle_box .db_list { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color:#666; line-height:35px;} #contents .m7_box .list_name {color:#000; line-height:21px; margin-bottom:17px;} #contents .m7_box .list_in { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; padding-left:10px; } /*하단 고정_절차, 전화번호, 필수안내*/ /* 서브페이지 상단 */ #sub_top{width:100%;height:190px;background:#e5f1ff;z-index:99; } #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:7px;letter-spacing:-1px;} #sub_top .sub_top_call .txt{position:absolute;left:58px;top:29px;font-size:13px;letter-spacing:-1px;color:#a0a4a8; 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;} #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:#525558;} #sub_contents > li:nth-child(1) .left_menu .sub_menu_list > li.active a{color:#1b8bfd;font-size:17px;font-weight:400;} #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:#121212;} #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:#CCC; margin-bottom:27px;} #sub_contents .roundbox { width: 199px; height: 27px; line-height: 14px; padding: 5px 15px; font-family: 'Noto Sans KR'; font-weight: 200; font-size: 15px; color: #666; border: 1px solid #ccc; border-radius: 40px; margin-bottom: 45px; letter-spacing:-1px; text-align: center;} #sub_contents .roundbox p {} #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:#787878;padding:16px 0 75px 0;line-height:150%;} #sub_contents > li:nth-child(2) .pbox .rate{overflow:hidden;} #sub_contents > li:nth-child(2) .pbox .rate > li{position:relative;float:left;width:210px;} #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 .desc{font-family:'NanumSquare';font-size:15px;color:#252525;font-weight:400;letter-spacing:-1px;} #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:15px 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;} #sub_contents > li:nth-child(2) .pbox .rate > li:before{display: block;position: absolute;right: 30px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 48px;background-color: #e1e3e6;} #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:#0177e4;font-weight:400;margin-left:6px;margin-top: 25px;} /* 입주단지별 상품안내 */ #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%;} #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 { color:#057be5; font-weight: 600;} #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:600; color:#303234;} #sub_contents .plist .rec_gray2{font-size:15px;} #sub_contents .sgray{font-family:'Malgun Gothic';font-size:14px;font-weight:400;color:#797d83;letter-spacing:-1px;line-height:23px; margin-top:10px; padding: 0 0 0 10px;} #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 .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:45px;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:-1px;} .btable > tbody > tr > td.title{ font-family:'NanumSquare'; font-size:18px; color:#303234; width:165px;background:#f5f7fa; font-weight:600;} .intable{border-collapse: collapse;line-height: 1.5;margin : 10px 0;width:100%;} .intable > tbody > tr > td{padding: 12px 20px;border: 1px solid #eaecee;font-size:15px;font-weight:400;line-height:150%;color:#797d83;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 60px 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:-1px;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;} #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{font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#333;padding:45px 0 12px 0;} #contents .ot_box ul > li{float:left;width:330px;height:225px;border:1px solid #dddddd;margin-right:22px;padding:40px;background:#fff;} #contents .ot_box ul > li:last-child{margin-right:0;} #contents .ot_box ul > li .ss{font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#3781e6;padding:0 0 8px;} #contents .ot_box ul > li .tt{font-family:'NanumSquare';font-size:26px;font-weight:700;letter-spacing:-1px;color:#000;padding:5px 0 29px;} #contents .ot_box ul > li .mr{font-family:'NanumSquare';cursor:pointer;font-size:15px;font-weight:400;letter-spacing:-1px;color:#font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#888;padding:0 0 8px;;padding:0 0 8px;} #contents .ot_box2{width:100%;min-height:1px;background:#fff;overflow:hidden;clear:both;} /* FAQ */ #btm_faq .btm_02{width:100%;padding:10px 0 30px 0;background:#fff;min-height:100px;} #btm_faq .btm_02 .tt{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding-bottom:20px;border-bottom:2px solid #333;margin-bottom:20px;} #btm_faq .btm_02 .faq{overflow:hidden;width:100%;border-radius:4px;background:#f5f7f9;margin-bottom:20px;} #btm_faq .btm_02 .faq > li{padding:20px 40px;min-height:40px;overflow:hidden;font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px;line-height:150%;} #btm_faq .btm_02 .faq > li:nth-child(1){background:url('../images/arr_fold_down.png') 95% 45% no-repeat;} #btm_faq .btm_02 .faq > li:nth-child(2){display:none;color:#848484;padding-top:0;} #btm_faq .btm_02 .faq > li div.qt{width:85%;} #btm_faq .btm_02 .faq > li div.ans{width:100%;border-top:1px solid #cdd5db;padding:10px 0;} #btm_faq .btm_02 .faq > li ul.qa{overflow:none;width:100%;} #btm_faq .btm_02 .faq > li ul.qa > li{float:left;} #btm_faq .btm_02 .faq > li ul.qa > li:nth-child(1){width:5%;font-weight:800;} #btm_faq .btm_02 .faq > li ul.qa > li:nth-child(2){width:90%;} #btm_faq .btm_02 .faq > li.ans ul.qa > li:nth-child(2) {font-size: 15px;font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; color:#444;} #btm_faq .btm_02 .faq > li ul.qa .q{font-size:20px;letter-spacing:-2px;color:#0177e4;} #btm_faq .btm_02 .faq > li ul.qa .a{font-size:20px;letter-spacing:-2px;color:#3b4044;} #btm_faq .faq_view{cursor:pointer;} /* FAQ */ #btm_faq .btm_02{width:100%;padding:10px 0 30px 0;background:#fff;min-height:100px;} #btm_faq .btm_02 .tt{font-family:'NanumSquare'; position:relative; font-size:20px;font-weight:600;letter-spacing:-1px;padding-bottom:20px;border-bottom:2px solid #333;margin-bottom:20px;} #btm_faq .btm_02 .tt .tt_list{position:relative; padding:0 10px; color:#666;} #btm_faq .btm_02 .tt .tt_list a{color:#c7c7c7;} #btm_faq .btm_02 .tt .npos a{color:#000;} #btm_faq .btm_02 .tt .tt_list:after{display: block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 1px; height: 16px; background-color: #c5c9d6;} #btm_faq .btm_02 .tt .tt_list:nth-child(1):after{display:none;} #btm_faq .no-result{font-family:'NanumSquare'; font-size:20px; padding:65px 0; text-align:center; color:#eaeaea; font-weight:400;} #btm_faq .btm_02 .tt .search_faq{position:absolute; right:0; bottom:15px; border:0; border-bottom:1px solid #333; color:#888; letter-spacing:-1px; width:250px; padding:4px; font-size:17px; background:url('/images/common/ico_track_inv.png') 100% center no-repeat;} #btm_faq .btm_02 .tt .search_btn{position:absolute; right:0; bottom:15px; display:inline-block; width:30px; height:30px; border:0;} #btm_faq .btm_02 .faq{overflow:hidden;width:100%;border-radius:4px;background:#f5f7f9;margin-bottom:20px;} #btm_faq .btm_02 .faq > li{padding:20px 40px 15px 40px;min-height:40px;overflow:hidden;font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px;line-height:150%;} #btm_faq .btm_02 .faq > li:nth-child(1){background:url('../images/arr_fold_down.png') 95% 45% no-repeat;} #btm_faq .btm_02 .faq > li:nth-child(2){display:none;color:#848484;padding-top:0;} #btm_faq .btm_02 .faq > li div.qt{width:85%;} #btm_faq .btm_02 .faq > li div.ans{width:100%;border-top:1px solid #cdd5db;padding:20px 0;} #btm_faq .btm_02 .faq > li ul.qa{overflow:none;width:100%;} #btm_faq .btm_02 .faq > li ul.qa > li{float:left;} #btm_faq .btm_02 .faq > li ul.qa > li:nth-child(1){width:5%;font-weight:800;} #btm_faq .btm_02 .faq > li ul.qa > li:nth-child(2){width:90%;} #btm_faq .btm_02 .faq > li ul.qa .q{font-size:20px;letter-spacing:-2px;color:#0177e4;} #btm_faq .btm_02 .faq > li ul.qa .a{font-size:20px;letter-spacing:-2px;color:#3b4044;} #btm_faq .btm_02 .faq > li.ans ul.qa > li:nth-child(2){font-size: 15px; font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; color:#444;} #btm_faq .faq_view{cursor:pointer;} /* 1:1 상담신청 */ #contents .sheet_box{} #contents .sheet_box .tt{position:relative;font-family: 'NanumSquare'; font-size: 19px;font-weight: 700;color:#212529;letter-spacing: -1px;padding:10px 10px 10px 0;border-bottom:1px solid #515960;} #contents .sheet_box .top_tt{padding-left:25px;background:url('../images/icon_note_pen.png') -10px 4px no-repeat;} #contents .sheet_box .tt .right_item{position:absolute;right:2px;top:12px;} #contents .sheet_box .tt .pil{font-family: 'NanumSquare'; font-size: 15px;font-weight: 400;letter-spacing: -1px;color:#a1a1a1;} #contents .sheet_box .sbox{width:100%;overflow:hidden;border:1px solid #eee;border-top: 1px solid #333;margin-bottom:20px;} #contents .sheet_box .sbox .stt{width:100%;padding:30px 0;background:#f5f7f9;border-bottom:1px solid #eee;font-size:20px;font-weight:700;letter-spacing:-1px;text-align:center;} #contents .sheet_box .sbox > ul{overflow:hidden;width:610px;margin:0 auto;margin-bottom:23px;} #contents .sheet_box .sbox > ul.beg{margin-top:50px;} #contents .sheet_box .sbox > ul > li{float:left;height:62px;line-height:60px;} #contents .sheet_box .sbox > ul > li:nth-child(1){width:135px;font-family: 'NanumSquare'; font-size: 18px;font-weight: 400;color:#212529;letter-spacing: -1px;} #contents .sheet_box .sbox > ul > li:nth-child(2){width:475px;} #contents .sheet_box .sbox > ul > li input{width:100%;height:60px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-family:'돋움';font-size:15px;color:#888;} #contents .sheet_box .sbox > ul.beg2 > li input{width:120px;height:40px;padding:8px 12px;display:inline-block;margin-left:30px;margin-top:-20px;vertical-align:middle;border:0;vertical-align:middle;} #contents .sheet_box .sbox > ul.beg2 > li .sp{display:inline-block;vertical-align:top;} #contents .sheet_box .sbox > ul > li .round_box{position:relative;width:100%;height:60px;padding:8px;border:1px solid #ddd;border-radius:8px;font-family:'돋움';font-size:15px;color:#888;} #contents .sheet_box .sbox > ul > li .round_box:before{display: block;position: absolute;left: 120px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 35px;background-color: #e1e3e6;} #contents .sheet_box .sbox > ul > li .round_box:after{display: block;position: absolute;left: 240px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 10px;height: 1px;background-color: #ccc;} #contents .sheet_box .sbox > ul > li select{font-family:'돋움';font-size:14px;color:#333;width:100px;min-width:100px;} #contents .sheet_box .btn_view{padding:15px 85px;margin-bottom:50px;} #contents .sheet_box .desc{ font-size: 17px;font-weight: 400;color:#797d83;letter-spacing: -1px;padding:30px 0 60px 0;line-height:180%;} #contents .sheet_box .txt_box{width:100%;padding:20px;height:165px;font-family:'돋움';font-size:14px;color:#333;line-height:160%;overflow-y:scroll;border:1px solid #eee;margin-top:20px;margin-bottom:40px;} /* 하단 */ #footer{width:100%;height:383px;background:#262636;;font-family:'돋움';font-size:13px;line-height:160%;color:#848490;padding:65px 0 35px 0;letter-spacing:-0.5px;overflow:hidden;clear:both;} #footer .dp{width:100%;position:relative;font-family:'돋움';color:#848490;line-height:160%;letter-spacing:-0.5px;font-size:13px;padding-bottom:25px;border-bottom:1px solid #3b3b47;} #footer .dp .rbox{position:absolute;right:0;top:-10px;width:367px;height:140px;padding:10px 0 0 0px;font-family:'NanumSquare';font-size:17px;font-weight:400;color:#fff;letter-spacing:-1px;} #footer .dp .rbox .rbox_l { width:260px; float:left;} #footer .dp .rbox .rbox_pic { width:92px; height:123px; background:url('../images/tr_pic_2.png') center center no-repeat #fff; float:right; margin-left: 14px; } #footer .dp .rbox_l .logobg { height: 29px; font-size:14px; color:#ccc; font-family:'Noto Sans KR'; background: url('../images/small_logo_kfcc.png') -5px -7px no-repeat; padding: 4px 0 0 0px; letter-spacing:-1px;} #footer .dp .rbox .logobg .tt{font-family: 'NanumSquare'; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.5px; padding: 0px 4px 0 30px; } #footer .dp .rbox .desc{padding:5px 0;font-family:'Noto Sans KR';font-size:13px;font-weight:400;color:#848490;letter-spacing:-0.5px;} #footer .dp .rbox .kakao_sbox{display:inline-block;margin-top:4px;cursor:pointer;border:1px solid #74757f;padding:8px 15px 8px 37px;border-radius:4px;font-family:'돋움';font-size:13px;color:#fff;background:url('../images/icon_kakao_white.png') 10px center no-repeat;} #footer .btm_logo{margin-bottom:25px;} #footer .copy{width:100%;padding:25px 0;line-height:160%;letter-spacing:-0.5px;font-family:'돋움';font-size:13px;} #footer .num{letter-spacing:0;} /* 팝업 */ #bg_mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.4);} #result_popup{position:fixed;left:50%;top:50%;width:464px;height:300px;margin-left:-232px;margin-top:-150px;z-index:9999;border:1px solid #0177e4;} #result_popup{background:#fff url('../images/paper_airplan.png') 290px 90px no-repeat;border-radius:8px;} #result_popup .in_box{position:relative;width:100%;padding:55px;} #result_popup .in_box .cls{position:absolute;right:20px;top:20px;font-family:'NanumSquare';font-size:14px;font-weight:400;color:#848490;letter-spacing:-0.5px;cursor:pointer;} #result_popup .in_box .cls img{vertical-align:middle;margin:0 0 3px 0;} #result_popup .in_box .title{font-family: 'NanumSquare'; font-size: 39px;font-weight: 800;color:#212529;letter-spacing: -1px;padding-bottom:15px;} #result_popup .in_box .desc{font-family:'돋움';color:#787878;line-height:160%;letter-spacing:-0.5px;font-size:14px;padding-bottom:35px;} #result_popup .bt01{padding:10px 45px;margin-left:0;} #result_popup .bt02{padding:10px 45px;} #priv_popup{} #priv_popup{position:fixed;left:50%;top:50%;width:820px;height:500px;margin-left:-410px;margin-top:-250px;z-index:9999;border:1px solid #0177e4;} #priv_popup{background:#fff;border-radius:8px;} #priv_popup .in_box{position:relative;width:100%;padding:55px;} #priv_popup .in_box .cls{position:absolute;right:20px;top:20px;font-family:'NanumSquare';font-size:14px;font-weight:400;color:#848490;letter-spacing:-0.5px;cursor:pointer;} #priv_popup .in_box .cls img{vertical-align:middle;margin:0 0 3px 0;} #priv_popup .in_box .title{font-family:'NanumSquare';font-size:24px;font-weight:700;color:#111;letter-spacing:-0.5px;padding-bottom:12px;border-bottom:1px solid #ddd;} #priv_popup .in_box .desc{font-family:'돋움';font-size:14px;color:#333;line-height:160%;height:350px;overflow-y:scroll;padding:15px;border-bottom:1px solid #ddd;} #priv_popup .in_box .cls{position:absolute;right:20px;top:20px;font-family:'NanumSquare';font-size:14px;font-weight:400;color:#848490;letter-spacing:-0.5px;cursor:pointer;} /* 하단배너 및 탭 */ #subBtmBox{width:100%;background: url('/images/sbb_bg.jpg');height:219px;overflow:hidden;} #subBtmBox .btmBan{width:1200px;margin:0 auto;} #subBtmArBox{width:100%;background:#fff;margin:40px 0 47px 0;} #subBtmArBox .arList{width:1200px;margin:0 auto;} #subBtmArBox .arList .aList{overflow:hidden;} #subBtmArBox .arList .aList > li{float:left;height:316px;border:1px solid #ddd;} #subBtmArBox .arList .aList > li.col01{width:418px;margin-right:18px;border-top:2px solid #52596b;} #subBtmArBox .arList .aList > li.col02{width:418px;margin-right:18px;border-top:2px solid #52596b;} #subBtmArBox .arList .aList > li.col03{width:327px;border-top:2px solid #52596b;} #subBtmArBox .arList .aList > li.col01 .nTitle{overflow:hidden;border-bottom:1px solid #ddd;} #subBtmArBox .arList .aList > li.col01 .nTitle > li{float:left;width:50%;height:65px;line-height:65px;font-family:'Nanum Square';font-size:18px;} #subBtmArBox .arList .aList > li.col01 .nTitle > li{letter-spacing:-1px;padding-left:20px;color:#999;} #subBtmArBox .arList .aList > li.col01 .nTitle > li.active{color:#333;} #subBtmArBox .arList .aList > li.col01 .nTitle > li:first-child{border-right:0px solid #ddd;} #subBtmArBox .arList .aList > li.col02 .ingTitle{width:100%;height:65px;line-height:65px;font-family:'Nanum Square';font-size:18px;} #subBtmArBox .arList .aList > li.col02 .ingTitle{letter-spacing:-1px;padding-left:20px;color:#333;} #subBtmArBox .arList .aList > li.col02 .ingTitle{border-bottom:1px solid #ddd;} #subBtmArBox .arList .aList > li.col03 .qList > li{height:75.5px;line-height:75.5px;border-bottom:1px solid #ddd;letter-spacing:-1px;} #subBtmArBox .arList .aList > li.col03 .qList > li{font-family:'Nanum Square';font-size:18px;color:#555;padding-left:70px;} #subBtmArBox .arList .aList > li.col03 .qList > li:last-child{border:0;} #subBtmArBox .arList .aList > li.col03 .qList > li.col01{background:url('/images/bgq_01.jpg') 15px 16px no-repeat;} #subBtmArBox .arList .aList > li.col03 .qList > li.col02{background:url('/images/bgq_02.jpg') 15px 16px no-repeat; height:151px;} #subBtmArBox .arList .aList > li.col03 .qList > li.col02 > span{position:relative; top:-57px;font-size:12px; color: #9f9f9f;} #subBtmArBox .arList .aList > li.col03 .qList > li.col02 > a > p{position:relative; top:-85px; background-color: #4f4f4f;height:50px;line-height:50px;padding:0 25px;width:200px;font-size: 15px; color:#fff;} #subBtmArBox .arList .aList > li.col03 .qList > li.col03{background:url('/images/bgq_03.jpg') 15px 15px no-repeat;} #subBtmArBox .arList .aList > li.col03 .qList > li.col04{background:url('/images/bgq_04.jpg') 15px 16px no-repeat;} #subBtmArBox .arList .aList > li.col03 .qList .phone{font-family:'Montserrat';} #subBtmArBox .arList .aList > li.col03 .qList > li a{color:#555;} #subBtmArBox .articleList{overflow:hidden;margin-top:15px;} #subBtmArBox .articleList > li{padding:6px 25px;} #subBtmArBox .cmt{font-weight:bold;color:#1477d3;} /* 댓글 삭제 팝업 */ .white-popup {position: relative;background: #FFF;padding: 50px;width:auto;max-width: 320px;margin: 20px auto; z-index:9999 !important;} #board_pwd_cmt input{padding:8px !important;border:1px solid #ddd;display:block;margin:10px 0;width:200px;font-family:'Nanum Square';font-size:12px;color:#666;} #board_pwd_cmt input[type='password']{width:200px;font-family:'돋움';height:35px;} #board_pwd_cmt input[type='password']{width:200px;color:#000 !important;} #board_pwd_cmt .title{display:inline-block;width:80px;font-weight:bold;font-family:'Nanum Square';font-size:14px;} #board_pwd_cmt .barLine{width:100%;border-top:1px solid #ddd;margin:0 0 10px 0;} #board_pwd_cmt .pwd_top{width:100%;border-top:0px dashed #ddd;margin-bottom:10px;} #board_pwd_cmt .btn_round{display:inline-block; cursor:pointer; background:#0c2965; color:#fff;width:92%;margin:0 auto; margin-top:10px; border-radius:0;margin-left:0;padding:10px;font-weight:normal;font-size:16px;} #board_pwd_cmt .pwd_box{padding:0 4px 20px;border-bottom:1px dashed #ddd;font-weight:bold;font-family:'Nanum Square';font-size:16px;color:#000;} /* FAQ 아래 고객상담 안내 */ .bcall{width:100%;margin-bottom:45px;border:1px solid #eee;border-radius:8px;min-height:60px;padding:28px 20px 28px 50px;} .bcall ul{overflow:hidden;} .bcall ul > li{float:left;position:relative;width:335px;height:50px;} .bcall ul > li.icon{width:54px} .bcall ul > li:nth-child(1){background:url('./images/icon_s_headset.png') center center no-repeat;} .bcall ul > li:nth-child(3){background:url('./images/icon_s_notepen.png') center center no-repeat;} .bcall ul > li .tt{font-family:'NanumSquare';font-size:15px;font-weight:300;padding:3px 0;} .bcall ul > li .col_gray{font-size:13px;} .bcall ul > li .sub{font-family:'NanumSquare';font-size:18px;font-weight:700;} .bcall ul > li:nth-child(2):before{display: block;position: absolute;left: 90%;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 72px;background-color: #e1e3e6;} .bcall ul > li:nth-child(4) .btn{position:absolute;right:0;top:5px;display:inline-block;padding:10px 25px;background:#f5f7f9;font-family:'NanumSquare';font-size:16px;font-weight:300;color:#000;border-radius:5px;}