/* spacer */ .spacer4{width:100%;height:4px;background:#e9edf0;} .spacer10{width:100%;height:10px;background:#e9edf0;} .spacer13{width:100%;height:13px;background:#e9edf0;} .spacer15{width:100%;height:15px;background:#e9edf0;} .spacer20{width:100%;height:20px;background:#e9edf0;} .spacer30{width:100%;height:30px;background:#e9edf0;} .spacer50{width:100%;height:50px;background:#e9edf0;} .spbrt{border-top:1px solid #ddd;} /* 페이징 */ #pageBox{padding:20px 0;} #pageBox .npg{display:table;margin-left:auto;margin-right:auto;font-family:'Nanum Square';font-size:22px;} #pageBox .npg > li{float:left;padding:0 12px;height:50px;vertical-align:middle;line-height:50px;} #pageBox .npg > li .nP{color:#0066cc;} .bankview_title_default{ font-family:'Nanum Square'; font-size:19px; font-weight:bold; letter-spacing:-1.5px; padding:18px 15px; width:100%; margin:0 auto; border-bottom:1px solid #efefef; background:#0177e4; line-height:25px; text-align:center; color: #fff; } .bankview_title_default .subTitle{padding-top:8px;font-size:14px;color:#989898;font-weight:normal;} .bankview_stitle_default{ font-family:'Nanum Square'; font-size:16px; font-weight:bold; letter-spacing:-0.5px; padding:18px; width:100%; margin:0 auto; border-bottom:1px solid #f0f0f0; background:#fff; } .bankview_scont_default{ font-family:'Nanum Square'; font-size:15px; font-weight:normal; letter-spacing:-0.5px; padding:15px 18px; width:100%; line-height:140%; margin:0 auto; text-align:justify; border-bottom:1px solid #d5d7da; color:#949494; background:#fff; } .bankview_title{ font-family:'Nanum Square'; font-size:17px; font-weight:bold; letter-spacing:-1.5px; padding:23px 5px 10px 5px; width:95%; margin:0 auto; border-bottom:1px solid #efefef; background:#fff; } .right_arr{background:url('/m/images/title_right_arr.jpg') 100% 80% no-repeat;background-size:18px;} .green_ton{color:#0bb31b;} .dsp{width:100%;height:1px;background:#f4f6f7; margin-top:30px} .col_gray{color:#777777;} .col_ast{color:#f7590b;} .col_black{color:#000;} .col_blue{color:#057be5; font-weight:700;} .col_blue2{color:#396ec5;} .col_yred{color:#ea3f0b;} /* 슬라이드 메뉴 */ #sidebar-main::-webkit-scrollbar { width: 5px;} #sidebar-main::-webkit-scrollbar-thumb {background-color: #198ef3; border-radius: 10px;box-shadow: inset 0px 0px 5px rgb(48,97,248,0.7);} #sidebar-main{position:relative;z-index:9999 !important;background:#fff;overflow:scroll !important;letter-spacing:-1px;overflow-x: hidden;} #sidebar-main .smTitle{position:relative;margin-left:15px;padding:52px 0 20px 15px;border-bottom:1px solid #ddd;font-family:'NanumSquare';font-size:24px;letter-spacing:-2px;font-weight:600;} #sidebar-main .smTitle .smClose{position:absolute;right:10px;top:35px;} #sidebar-main .sideMnu{margin-left:15px;margin-top:18px;border-bottom:1px solid #ddd;} #sidebar-main .sideborder { border-bottom:1px solid #fff;} #sidebar-main .sideMnu > li{padding:8px 13px 20px 20px;border-bottom:0px solid #eee;font-family:'NanumSquare';font-size:20px;letter-spacing:-1px;font-weight:400; line-height:28px; } #sidebar-main .sideMnu > li a span{color:#2338b0; } #sidebar-main .sideMnu > li:first-child{font-size:20px;font-weight:700;color:#2338b0;} #sidebar-main .sideMnu > li:last-child{padding-bottom:25px;} #sidebar-main .btn{width:90%;margin:0 auto;padding:12px;border-radius:30px;border:1px solid #1d32a7;color:#1d32a7;font-size:20px;font-weight:500;margin-top:25px;margin-bottom:0px;text-align:center;} #sidebar-main .desc{color:#8e8e8e;line-height:160%;font-size:17px;font-weight:400;padding:20px;} #sidebar-main .btm_03{width:100%;padding:30px 15px;background:#fff;min-height:80px;border-top:1px solid #cdd5db;} #sidebar-main .btm_03 .in_box{width:100%; height:120px;background:#f7f7f7;border-radius:5px;} #sidebar-main .btm_03 ul{overflow:hidden;} #sidebar-main .btm_03 ul > li{float:left;height:100px;} #sidebar-main .btm_03 ul > li:nth-child(1){width:35%;background:url('../images/img_call_person.png') center center no-repeat;background-size:60px;} #sidebar-main .btm_03 ul > li:nth-child(2){width:65%;padding:25px 0;} #sidebar-main .btm_03 ul > li .tt{font-family:'NanumSquare';font-size:15px;font-weight:700;letter-spacing:-1px;padding-bottom:4px; line-height:24px;} #sidebar-main .btm_03 ul > li .tts{font-family:'NanumSquare';font-size:14px;font-weight:400;letter-spacing:-1px;color:#868686;} #sidebar-main .btm_03 ul > li strong{color:#396ec5;font-weight:800; font-size:20px;} /* 사이드메뉴 */ #sidebar-main2{z-index:9999;background:#fff;overflow:scroll !important;letter-spacing:-1px;} #sidebar-main2 .smTitle{position:relative;margin-left:15px;padding:52px 0 20px 15px;border-bottom:1px solid #ddd;font-family:'NanumSquare';font-size:24px;letter-spacing:-2px;font-weight:600;} #sidebar-main2 .smTitle .smClose{position:absolute;right:10px;top:32px;} #sidebar-main2 .sideMnu{margin-left:15px;margin-top:10px;border-bottom:1px solid #ddd;} #sidebar-main2 .sideMnu > li{padding:5px 20px 5px 13px;border-bottom:0px solid #eee;font-family: 'Noto Sans KR', sans-serif;font-size:17px;letter-spacing:-1.5px;font-weight:400;color:#666;line-height:160%;} #sidebar-main2 .sideMnu > li.tt{color:#000;font-weight:600;} #sidebar-main2 .sideMnu > li:last-child{padding-bottom:25px;} /* 헤더 */ #header{width:100%;position:relative;border-bottom:1px solid #f3f3f3;background:#fff;z-index:2999;transition:bottom 2s ease-in-out;height:110px;} #header .top_logo{display:inline-block;padding:10px;position:absolute;right:15px;top:15px; text-align:right;} #header .top_logo .mlogo{max-width:215px;} #header .top_mnu{/*position:absolute;right:15px;top:15px;*/position:absolute;left:15px;top:15px} #header .top_mnu img{max-width:90px;} #header .logo_desc{text-align:right;line-height:150%;font-family:'NanumSquare';font-size:12px;color:#8a8a8a;letter-spacing:-0.5px; padding-top:12px;} /* 본문 컨텐츠 */ #contents{} #contents .main_contents{position:relative;} #contents .top_gra{background: linear-gradient(to bottom, #e8eff8 2px, #f0f4fa);height:30px;} #contents .top_gra2{background: linear-gradient(to bottom, #ebeff3 2px, #fff);height:30px;} #contents .top_gra10{background: linear-gradient(to bottom, #f6f6f6 2px, #ffffff);height:10px;} #contents .main_contents .npage{position:absolute;right:25px;bottom:20px;font-family:'NanumSquare';font-size:15px;color:#b7b7b7;} #contents .bt_slider{height:2px; border-top:1px solid #eee;} #contents .main_slider{position:relative; height:500px;} #contents .hei200{position:relative; height:180px;} #contents .main_slider .main_bg{width:100%; height:694px; padding:35px 20px 40px 20px; text-align:center; background:#f0f4fa url('../images/body_bg02.png') center 160px no-repeat; background-size:350px; } #contents .btn_view{/*margin:235px 0 0 0;*/ position:absolute; bottom:110px; padding:20px 0;text-align:center;width:90%;border-radius:10px;background: linear-gradient(to right, #3061f8, #198ef3, #0cc2d4);color:#fff;font-family:'NanumSquare';font-size:22px;letter-spacing:-1px;box-shadow:0 7px 15px 0 rgba(25, 142, 243,0.3);} @media screen and (max-width: 378px) { #contents .main_slider .main_bg{height:720px; background:#f0f4fa url('../images/body_bg02.png') center 200px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(2){height:720px; background:#f0f4fa url('../images/body_bg.png') center 170px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(3){height:720px; background:#f0f4fa url('../images/body_bg03.png') center 160px no-repeat !important; background-size:350px !important;} } @media screen and (max-width: 367px) { #contents .main_slider .main_bg{height:760px; background:#f0f4fa url('../images/body_bg02.png') center 185px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(2){height:760px; background:#f0f4fa url('../images/body_bg.png') center 185px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(3){height:760px; background:#f0f4fa url('../images/body_bg03.png') center 150px no-repeat !important; background-size:350px !important;} #contents .main_slider .tt{letter-spacing:-2px!important;} #contents .btn_view{bottom:170px!important;} } @media screen and (max-width: 363px) { #contents .main_slider .main_bg{height:760px; background:#f0f4fa url('../images/body_bg02.png') center 200px no-repeat !important; background-size:350px !important;} } @media screen and (max-width: 356px) { #contents .main_slider .main_bg{height:760px; background:#f0f4fa url('../images/body_bg02.png') center 240px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(2){height:760px; background:#f0f4fa url('../images/body_bg.png') center 230px no-repeat !important; background-size:350px !important;} #contents .main_slider .main_bg:nth-child(3){height:760px; background:#f0f4fa url('../images/body_bg03.png') center 180px no-repeat !important; background-size:350px !important;} #contents .main_slider .tt{letter-spacing:-2px!important;} #contents .btn_view{bottom:110px!important;} } #contents .main_slider .main_bg:nth-child(2){background:#f0f4fa url('../images/body_bg.png') center 160px no-repeat; background-size:350px; } #contents .main_slider .main_bg:nth-child(3){background:#f0f4fa url('../images/body_bg03.png') center 160px no-repeat; background-size:350px; } #contents .main_slider .sl_01{font-family:'NanumSquare';font-size:19px;letter-spacing:-1px;display:inline-block;color:#3f4146;} #contents .main_slider .roundText { padding:15px; border:1px solid #ccc; border-radius:50px; padding: 6px 0; width: 202px; text-align: center; color:#666;} #contents .main_slider .ttsmall{margin-top:12px;font-family:'NanumSquare'; font-weight:600; font-size:25px;letter-spacing:-1px;color:#303234;} #contents .main_slider .tt{margin-top:14px;font-family:'NanumSquare'; font-weight:600; font-size:40px;letter-spacing:-1px;color:#303234;} #contents .main_slider .tt_sm{font-size:25px;} #contents .main_slider .rate{margin-top:11px;font-family:'paybooc-Bold'; font-weight:800; letter-spacing:-1px;color:#396ec5; font-size:40px;} #contents .main_slider .ttline{line-height: 46px; } #contents .main_slider .tt_col{font-weight:800;} #contents .main_slider .tt_col1{color:#057be5;} #contents .main_slider .tt_col2{color:#13acc8;} #contents .main_slider .tts{padding:23px 0 10px 0;font-family:'NanumSquare';font-size:16px;letter-spacing:0px;color:#797979; line-height:27px;} #contents .main_slider .tts2{position:relative;top:180px; padding:10px 0 0 0;font-family:'NanumSquare';font-size:13px;letter-spacing:0px;color:#babdbf;} #contents .main_slider .tts3{padding:10px 0 40px 0;font-family:'NanumSquare';font-size:17px;line-height:150%;font-weight:400;letter-spacing:-1px;color:#787878;} #contents .main_slider .arr{font-size:17px;display:inline-block;vertical-align:middle;} #contents .main_slider .pr{overflow:hidden;width:100%;margin-top:30px;} #contents .main_slider .pr li{position:relative;} #contents .main_slider .sub_pr > li{position:relative;} #contents .main_slider .sub_pr > li:before{display: block;position: absolute;left: 75%;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 90%;background-color: #e2e2e2;} #contents .main_slider .sub_pr > li:nth-child(2):before{display:none} #contents .main_slider .pr > li{float:left;width:50%;font-family:'paybooc-Bold';font-size:40px;letter-spacing:-2px;color:#396ec5;} #contents .main_slider .pr > li .sb{padding:5px 0;font-family:'NanumSquare';font-size:15px;letter-spacing:-1px;color:#8a8a8a;} #contents .main_slider .btn_view2{background: linear-gradient(to right, #0296b7, #66c0d4);box-shadow:0 7px 15px 0 rgb(58 173 198 / 30%);} #contents .req_banner{width:100%;height:112px;position:relative;background:url('../images/icon_hand_blue.png') 5px center no-repeat;background-size:65px;padding:16px 10px 10px 70px;border-bottom:1px solid #ddd;font-family:'NanumSquare';font-size:17px;letter-spacing:0px;line-height:130%;} #contents .req_banner .dd{display: inline-block; margin-top: 3px; font-size:13px; color:#a9a9a9; line-height: 18px;} #contents .req_banner .arr_req{position:absolute;right:5px;top:35px;color:#0177e4;font-family:'NanumSquare';font-size:20px;letter-spacing:-1.5px;font-weight:400;} #contents .req_banner .arr_req img{width:25px;} @media screen and (max-width: 367px) { #contents .req_banner .arr_req{top:50px!important;} } #contents .main_01{position:relative;width:100%;padding:10px 20px 30px 20px;min-height:200px;background:#f2f4f7;} #contents .main_01 .dd{position:absolute;right:20px;top:20px;font-family:'NanumSquare';font-weight:400;font-size:14px;letter-spacing:-1px;color:#a9a9a9;} #contents .main_01 .sb{background: url(../../images/under_line_btxt.png) no-repeat left 31% / 162px auto; font-family:'Noto Sans KR', sans-serif; font-size:21px;color:#434447; font-weight:700; margin:40px 0 15px 0;line-height:27px;} #contents .main_01 .sb_1{ display: inline-block; font-size:15px;color:##58595d; font-weight:300;line-height:21px; margin: 12px 0 16px 0;} .sb_light { font-family:'Noto Sans KR', sans-serif; font-size:15px;color:#353639; font-weight:200;} #contents .main_01 .more_btn{width:100%;margin:40px 0 5px 0;border:1px solid #fff;color:#fff;padding:20px 0;text-align:center;border-radius:8px;font-family:'NanumSquare';font-size:18px;letter-spacing:-1px;} #contents .main_01 .btm_txt{font-family:'NanumSquare';font-size:15px;letter-spacing:-1px;line-height:160%;padding:1px 0 15px 0;color:#919191;} #contents .main_01 .btm_txt .bt_bb{font-size:17px;line-height: 30px;} #contents .main_01 .rec_pro > ul > li .per_01{color:#1b8bfd;} #contents .main_01 .rec_pro > ul > li .per_02{color:#0b95aa;} #contents .main_01 .rec_pro > ul > li .per_03{color:#2457f1;} #contents .main_01 .productBox { width:100%; height:167px; padding:25px 20px 30px 20px; border-radius:10px; background:#fff; font-family:'NanumSquare'; margin:0 0 20px 0; box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);} #contents .main_01 .p_b_name { font-size:26px; font-weight:700; color:#151515; margin:0 0 11px 0; letter-spacing:-1px; } #contents .main_01 .p_b_sub { font-size:16px; color:#057be5; letter-spacing:-1px; margin-bottom:7px; } #contents .main_01 .p_b_more { width: 80px; height: 15px; float: right; margin: 30px 0 0 0; padding-right: 10px; font-size: 13px; color: #a9a9a9; background: url(../images/arr_right_gray.png) right center no-repeat; background-size: 17px; } #contents .main_01 .rateWrap { float:left; height:25px; margin:20px 0 0 0;} #contents .main_01 .rateWrap .rate_row { clear:both; float:left; width:63px; height:25px; font-size:13px; color:#666; line-height:25px; text-align:center; background:#eee; border-radius:30px; margin-right:3px;} #contents .main_01 .rateWrap .rate_text { float:right; font-size:24px; letter-spacing:-1px; margin-left: 3px; } #contents .main_01 .rateWrap .rate_text .rate_bold { font-weight:700;} #contents .main_01 .rateWrap .rate_text01 { color:#0177e4; } #contents .main_01 .rateWrap .rate_text02 { color:#0177e4; } #contents .main_01 .rateWrap .rate_text03 { color:#0b95aa; } #contents .main_01 .rateWrap .rate_text04 { color:#2457f1; } #contents .main_02{width:100%;min-height:100px;background:#f5faff;padding:45px 0;} #contents .main_02 .pt{padding: 50px 0 13px 0;text-align:center;font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-2px; color:#444;} #contents .main_02 .pt2{padding-bottom:70px;text-align:center;font-family:'NanumSquare';font-size:25px;font-weight:700;letter-spacing:-1px;line-height:33px; color:#3a3c41;} #contents .main_02 .rnum{width:60px;margin:0 auto;height:25px;text-align:center;line-height:25px;background:#396ec5;color:#fff;border-radius:20px;font-size:18px;font-weight:400;margin-bottom:15px;} #contents .main_02 .ptitle{font-family:'NanumSquare';font-size:32px;font-weight:800;letter-spacing:-1px;line-height:130%;text-align:center;padding-bottom:15px;color:#353639;} #contents .main_02 .ptitle .col{color:#396ec5} #contents .main_02 .desc{font-family:'NanumSquare';font-size:19px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#707070;} #contents .main_02 .sdesc{font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#a9a9a9;} #contents .main_03{width:100%;min-height:100px;background:#fff;padding:70px 0 45px 0;} #contents .main_03 .rnum{width:60px;margin:0 auto;height:25px;text-align:center;line-height:25px;background:#396ec5;color:#fff;border-radius:20px;font-size:18px;font-weight:400;margin-bottom:15px;} #contents .main_03 .ptitle{font-family:'NanumSquare';font-size:32px;font-weight:800;letter-spacing:-1px;line-height:130%;text-align:center;padding-bottom:15px;color:#353639;} #contents .main_03 .ptitle .col{color:#396ec5} #contents .main_03 .desc{font-family:'NanumSquare';font-size:20px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#707070;} #contents .main_03 .sdesc{font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#a9a9a9;} #contents .main_04{width:100%;min-height:100px;background: #eef2f5;padding:70px 0 0 0;} #contents .main_04 .rnum{width:60px;margin:0 auto;height:25px;text-align:center;line-height:25px;background:#396ec5;color:#fff;border-radius:20px;font-size:18px;font-weight:400;margin-bottom:15px;} #contents .main_04 .ptitle{font-family:'NanumSquare';font-size:32px;font-weight:800;letter-spacing:-1px;line-height:130%;text-align:center;color:#353639;} #contents .main_04 .ptitle .col{color:#396ec5} #contents .main_04 .desc{font-family:'NanumSquare';font-size:19px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#707070;} #contents .main_04 .sdesc{font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#a9a9a9;padding:20px 0 10px 0;} #contents .main_05{width:100%;min-height:100px;background: #fff;padding:70px 15px;} #contents .main_05 .rnum{width:60px;margin:0 auto;height:25px;text-align:center;line-height:25px;background:#396ec5;color:#fff;border-radius:20px;font-size:18px;font-weight:400;margin-bottom:15px;} #contents .main_05 .ptitle{font-family:'NanumSquare';font-size:26px;font-weight:700;letter-spacing:-1px;line-height:130%;text-align:left;padding-bottom:15px;color:#353639;padding-bottom:25px;} #contents .main_05 .ptitle .col{color:#396ec5} #contents .main_05 .desc{font-family:'NanumSquare';font-size:20px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#707070;} #contents .main_05 .sdesc{font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;line-height:130%;text-align:center;color:#a9a9a9;padding:20px 0 10px 0;} #contents .main_05 .plist{overflow:hidden;width:100%;margin-bottom:30px;} #contents .main_05 .plist > li{float:left;} #contents .main_05 .plist > li .st{font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;line-height:150%;color:#444b57;} #contents .main_05 .plist > li .stt{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;line-height:150%;color:#4880ee;} #contents .main_05 .plist > li:nth-child(1){width:15%;padding-top:10px;} #contents .main_05 .plist > li:nth-child(2){width:85%;} #contents .main_05 .btn_sangdam{margin-top:25px;padding:20px 0;text-align:center;width:100%;border-radius:10px;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);} #contents .main_06{width:100%;min-height:100px;background: #fff;padding:0 15px 70px 15px;} #contents .main_06 .ptitle{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;line-height:130%;text-align:left;padding-bottom:5px;color:#353639;} #contents .main_06 .sdesc{font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;line-height:130%;color:#a9a9a9;padding-bottom:20px;} #contents .main_06 .plist{overflow:hidden;width:100%;} #contents .main_06 .plist > li{float:left; width:33%; padding: 10px 0 10px 3px; font-family:'NanumSquare';font-size:15px;} @media screen and (max-width: 400px){ #contents .main_06 .plist > li{width:50%;} } /*서브컨텐츠 시작*/ /**/ #contents .sub_contents .main_slider > div{width:100%; padding:40px 20px 10px 20px; text-align:left; } #contents .sub_contents .hei200 > div{width:100%; padding:20px 20px 15px 20px; text-align:left; } #contents .sub_contents .main_slider .sl_01{font-family:'NanumSquare';font-size:17px;letter-spacing:-1px;display:inline-block;padding:10px 0 0 0;color:#3f4146;} #contents .sub_contents .main_slider .roundText { margin:0 0 30px 0; border:1px solid #ccc; border-radius:50px; padding: 6px 0; width: 250px; text-align: center; color:#878787;} #contents .sub_contents .main_slider .ttsmall{margin-top:12px;font-family:'NanumSquare'; font-weight:600; font-size:20px;letter-spacing:-1px;color:#303234;} #contents .sub_contents .main_slider .tt{margin-top:11px;font-family:'NanumSquare'; font-weight:600; font-size:34px;letter-spacing:-1px;color:#303234;} #contents .sub_contents .main_slider .rate{margin-top:11px;font-family:'paybooc-Bold'; font-weight:800; letter-spacing:-1px;color:#396ec5; font-size:40px;} #contents .sub_contents .main_slider .ttline{line-height:46px;} #contents .sub_contents .main_slider .tt_col{color:#057be5 font-size:43px; font-weight:800; } #contents .sub_contents .main_slider .tt_col1{color:#0da0ed} #contents .sub_contents .main_slider .tt_col2{color:#253def;} #contents .sub_contents .main_slider .tt_col3{color:#0b95aa;} #contents .sub_contents .main_slider .tts{padding:15px 0 10px 0;font-family:'NanumSquare';font-size:15px;letter-spacing:0px;color:#8a8a8a; line-height:23px;} #contents .sub_contents .main_slider .tts2{padding:10px 0 20px 0;font-family:'NanumSquare';font-size:14px;letter-spacing:0px;color:#babdbf;} #contents .sub_contents .main_slider .tts3{padding:15px 0 15px 0;font-family:'NanumSquare';font-size:16px;line-height:150%;font-weight:400;letter-spacing:-1px;color:#676767;} #contents .sub_contents .main_slider .s_tt{font-size:25px;} #contents .sub_contents .main_slider .arr{font-size:17px;display:inline-block;vertical-align:middle;} #contents .sub_contents .main_slider .pr{overflow:hidden;width:100%;margin-top:30px;} #contents .sub_contents .main_slider .pr li{position:relative;} #contents .sub_contents .main_slider .sub_pr > li{position:relative;} #contents .sub_contents .main_slider .sub_pr > li:before{display: block;position: absolute;left: 88%;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 90%;background-color: #e2e2e2;} #contents .sub_contents .main_slider .sub_pr > li:nth-child(2):before{display:none} #contents .sub_contents .main_slider .sub_pr > li:nth-child(2){font-size:28px;} #contents .sub_contents .main_slider .sub_pr > .be::before{display: block;position: absolute;left: 90%;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: 90%;background-color: #e2e2e2;} #contents .sub_contents .main_slider .pr > li{float:left;width:45%;font-family:'paybooc-Bold';font-size:35px;letter-spacing:-2px;color:#396ec5;} #contents .sub_contents .main_slider .pr > li:last-child{width:55%;} @media screen and (max-width: 386px) { #contents .sub_contents .main_slider .s_tt{font-size:25px;} #contents .sub_contents .main_slider .pr > li{font-size:35px;} } #contents .sub_contents .main_slider .pr > li .sb{padding:5px 0;font-family:'NanumSquare';font-size:15px;letter-spacing:-1px;color:#656565;} #contents .sub_contents .btn_view{position:absolute; bottom:10px; margin:50px 0 0 0;padding:20px 0;text-align:center;width:90%;border-radius:10px;background: linear-gradient(to right, #0177e4 1%, #35aff5);color:#fff;font-family:'NanumSquare';font-size:22px;letter-spacing:-1px;box-shadow:0 0 20px rgba(1,119,228,0.25);} #contents .sub_contents .btn_view4{margin:50px 0 0 0;padding:20px 0;text-align:center;width:98%;border-radius:10px;background: linear-gradient(to right, #0177e4 1%, #35aff5);color:#fff;font-family:'NanumSquare';font-size:22px;letter-spacing:-1px;box-shadow:0 0 20px rgba(1,119,228,0.25);} #contents .sub_contents .main_slider .btn_view2{background: linear-gradient(to right, #0b95aa, #42bbc5);box-shadow:0 0 20px #038dab57;} #contents .sub_contents .main_slider .btn_view3{background: linear-gradient(to right, #314be3, #537dfb);box-shadow:0 0 20px rgba(3,141,171,0.25);} /**/ #sub_contents .main_slider .tts{font-size:17px !important;} #contents .sub_contents .sub_01{position:relative;width:100%;padding:25px 20px;background:#fff;min-height:120px;} #contents .sub_contents .m_tab{overflow:hidden;position:absolute;right:5%;top:25px;} #contents .sub_contents .m_tab > li{float:left;padding-left:12px;font-family:'Noto Sans KR', sans-serif; font-size:15px;font-weight:400;letter-spacing:-1px;color:#8b9096;} #contents .sub_contents .m_tab > li a{color:#8b9096;} #contents .sub_contents .m_tab > li.active a{color:#212529;} #contents .sub_contents .m_cont{margin-top:35px;} #contents .sub_contents .m_cont .btitle{font-family:'NanumSquare';font-size:22px;font-weight:800;letter-spacing:-1px;color:#212529;padding:40px 0 20px 0;} #contents .sub_contents .m_cont .sbtitle{font-family:'NanumSquare';font-size:24px;font-weight:800;letter-spacing:-2px;color:#212529;padding:20px 0;} #contents .sub_contents .m_cont .desc{font-family:'Noto Sans KR', sans-serif; font-size:18px;font-weight:400;letter-spacing:-1px;color:#474747;line-height:150%;margin-bottom:12px;} #contents .sub_contents .m_cont .desc .desc_blue { color:#057be5;} #contents .sub_contents .m_cont .desc > ul{overflow:hidden;width:100%;} #contents .sub_contents .m_cont .desc > ul > li{float:left;} #contents .sub_contents .m_cont .desc > ul > li:nth-child(1){width:3%;} #contents .sub_contents .m_cont .desc > ul > li:nth-child(2){width:97%;} #contents .sub_contents .m_cont .fold_box{width:100%;padding:15px 20px;background:#f5f7fa;border-radius:6px;line-height:150%;} #contents .sub_contents .m_cont .fold_box .con{margin-bottom:12px;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:400;letter-spacing:-1px; color:#848490;} #contents .sub_contents .m_cont .fold_box .con:last-child{margin-bottom:0;} #contents .sub_contents .m_cont .fold_box ul > li{padding:10px 0;} #contents .sub_contents .m_cont .fold_box ul > li:nth-child(1){font-family:'Noto Sans KR', sans-serif; font-size:17px;font-weight:700;letter-spacing:-1px;background:url('../images/icon_arr_fold_down.png') 95% 45% no-repeat; background-size:28px;} #contents .sub_contents .m_cont .fold_box ul > li:nth-child(2){border-top:1px solid #d9d9d9;padding:15px 0;letter-spacing:-1px;} #contents .sub_contents .m_cont .fold_box ul > li .stt{font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:700;letter-spacing:-1px;padding:8px 0;} #contents .sub_contents .sub_01{position:relative;width:100%;padding:25px 20px;background:#fff;min-height:120px;} #contents .sub_contents .sub_01 .btitle2{font-family:'NanumSquare';font-size:26px;font-weight:800;letter-spacing:-2px;color:#212529;padding: 50px 0 10px 0;border-bottom:2px solid #515960;margin-bottom:15px;} #contents .sub_contents .sub_01 .btitle22{width:100%;position:relative;font-family:'NanumSquare';font-size:26px;font-weight:800;letter-spacing:-2px;color:#212529;padding: 50px 0 20px 0;border-bottom:2px solid #515960;margin-bottom:0;} #contents .sub_contents .sub_01 .btitle22 .date{display:inline-block;font-family:'NanumSquare';font-size:14px;font-weight:400;letter-spacing:-1px;color:#7d7d7d;} #contents .sub_contents .sub_01 .btitle22 .fold{display:inline-block;position:absolute;right:0;top:20px;font-family:'NanumSquare';font-size:14px;font-weight:400;letter-spacing:-1px;color:#212529;padding-right:30px;background:url('../images/icon_arr_fold_up.png') center right no-repeat;background-size:20px;} #contents .sub_contents .sub_01 .stitle2{font-family:'NanumSquare';font-size:22px;font-weight:700;letter-spacing:-1px;color:#2e2f30;padding:10px 0 15px 0;} #contents .sub_contents .sub_01 .desc2{word-break: break-all; font-family:'Noto Sans KR', sans-serif; font-size:18px;font-weight:400;letter-spacing:-1px;color:#474747; } #contents .sub_contents .sub_01 .desc2 div { margin-bottom:15px;} #contents .sub_contents .sub_01 .desc2 li { line-height:24px; margin-bottom:5px;} #contents .sub_contents .sub_01 .desc2 .d_gray { color:#797d83;} #contents .sub_contents .sub_01 .desc3{font-family:'Noto Sans KR', sans-serif; font-size:15px;font-weight:400;letter-spacing:-1px;color:#797d83;line-height:25px;} #contents .sub_contents .sub_01 .sdesc{font-family:'Noto Sans KR', sans-serif; font-size:14px;font-weight:400;letter-spacing:-1px;color:#82868b;line-height:20px; margin-top:5px;} #contents .sub_contents .sub_01 .sp{width:100%;height:1px;margin:30px 0 20px 0;background:#e9e9e9;} #contents .sub_contents .sub_01 .desc2 > li{margin-bottom:8px;} #contents .sub_contents .sub_01 .desc2 > li:lat-child{margin-bottom:0;} #contents .sub_contents .sub_01 .repay_box{width:100%;padding:20px;min-height:80px;background:#f5f7fa;border:1px solid #eaecee; margin: 20px 0 0 0;} #contents .sub_contents .sub_01 .repay_box .repay_title{margin:10px 0;color:#000;font-family:'Noto Sans KR', sans-serif; font-size:17px;font-weight:400;letter-spacing:-1px;} #contents .sub_contents .sub_01 .ex_mark_desc{padding:0px 0 20px 25px;background:url('../images/ex_mark.png') 0 -1px no-repeat;background-size:23px;font-family:'NanumSquare';font-size:15px;font-weight:400;letter-spacing:-1px;color:#797d83;line-height:150%;} .btable{border-collapse: collapse;line-height: 1.5;margin : 10px 0 10px 0;} .btable td{padding: 10px; border: 1px solid #eaecee; font-family:'Noto Sans KR', sans-serif; } .btable td.title{background:#f5f7fa;text-align:center; font-family:'Noto Sans KR', sans-serif; font-size:17px;font-weight:700;letter-spacing:-1px;} .doc_table{border-collapse: collapse;line-height: 1.5;margin : 0 0 20px 0;} .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: 15px 10px 15px 10px; border-bottom: 1px solid #eaecee;line-height:30px;font-family:'Noto Sans KR', sans-serif;font-size:18px;font-weight:400;letter-spacing:-1px;color:#474747;vertical-align:top;} .doc_table td.title{color:#000;text-align:left;font-family:'NanumSquare';font-size:19px;font-weight:700;letter-spacing:-1px; line-height:22px; padding-top:20px;} .doc_table .col_blue{font-weight:700;} #contents .sub_contents .sub_01 .cal_title{font-family:'NanumSquare';font-size:26px;font-weight:800;letter-spacing:-2px;color:#212529;padding: 10px 0;line-height:130%;} #contents .sub_contents .sub_01 .cal_box_header{width:100%;padding:20px;background:#1d2d47;color:#fff;padding-left:50px;background:#1d2d47 url('../images/icon_cal.png') 15px 15px no-repeat;background-size:30px;font-family:'NanumSquare';font-size:24px;font-weight:700;letter-spacing:-1.5px;margin-top:25px;border-top-left-radius:8px;border-top-right-radius:8px;} #contents .sub_contents .sub_01 .cal_box_header .ex{font-weight:400;font-size:20px;} #contents .sub_contents .sub_01 .cal_box_body{width:100%;padding:20px;min-height:50px;} #contents .sub_contents .sub_01 .cal_box_body{border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#fff;border:1px solid #e6e7e8;border-top:0;} #contents .sub_contents .sub_01 .cal_box_body .stitle{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding:10px 0 15px 0;color:#212529;} #contents .sub_contents .sub_01 .cal_box_body .stitle2{font-family:'NanumSquare';font-size:18px;font-weight:700;letter-spacing:-1px;padding:10px 0;color:#212529;} #contents .sub_contents .sub_01 .cal_box_body .desc2{} #contents .sub_contents .sub_01 .cal_box_body .desc3{} #contents .sub_contents .sub_01 .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;} #contents .sub_contents .sub_01 .cal_box_body #g_price_han{padding:10px 5px;text-align:right;font-family:'NanumSquare';font-size:16px;font-weight:400;letter-spacing:-1px;color:#75787b;} #contents .sub_contents .sub_01 .cal_box_body .btn_wreq{width:100%;padding:20px 0 0 0;text-align:center;font-family:'NanumSquare';font-size:17px;font-weight:700;letter-spacing:-1px;color:#212529;border-top:1px solid #e6e7e8;} #contents .sub_contents .sub_01 .cal_rtl_box{width:100%;padding:20px 15px;margin:20px 0;border-radius:8px;background:#fff;border:1px solid #e6e7e8;min-height:80px;} #contents .sub_contents .sub_01 .cal_rtl_box .stitle{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding:10px 0 15px 0;color:#212529;} #contents .sub_contents .sub_01 .cal_rtl_box .stitle2{font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px;padding:10px 0;color:#212529;} #contents .sub_contents .sub_01 .cal_rtl_box .desc{font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px;padding:10px 0;color:#96999d;} /* 빠른상담신청 */ #quick_req .btm_01{width:100%;padding:0 0 40px 0;background:#4880ee;min-height:100px;} #quick_req .btm_01 .pb{width:100%;min-height:260px;background:url('../images/img_person_phone.png') right bottom no-repeat;background-size:cover;padding:top:40px;color:#fff;padding:25px 15px 65px 15px;} #quick_req .btm_01 .pb .cp{width:100%;font-family:'NanumSquare';font-size:14px;font-weight:400;letter-spacing:-1px;text-align:right;color:#b8b8b8;line-height:150%;} #quick_req .btm_01 .pb .ti{font-family:'NanumSquare';font-size:32px;font-weight:700;letter-spacing:-2px;line-height:130%;} #quick_req .btm_01 .pb .tib{display:inline-block;padding:4px 3px;background:#4880ee;} #quick_req .btm_01 .pb .desc{font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px;color:#dfdfdf;padding:10px 0;} #quick_req .btm_01 .pb .desc2{padding:20px 0 0 0;} #quick_req .btm_01 .pb2{width:92%;margin:0 auto;position:relative;} #quick_req .btm_01 .pb2 .rec_req{position:absolute;width:100%;left:0;top:-50px;min-height:80px;background:#fff;border-radius:6px;padding:15px 20px;} #quick_req .btm_01 .pb2 .rec_req .tt{padding:8px 0;font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;border-bottom:1px solid #d3d3d3;margin-bottom:15px;} #quick_req .btm_01 .pb2 .rec_req ul.ips{overflow:hidden;margin-top:10px;} #quick_req .btm_01 .pb2 .rec_req ul.ips > li{float:left;height:53px;line-height:53px;} #quick_req .btm_01 .pb2 .rec_req ul.ips > li:nth-child(1){width:30%;font-family:'NanumSquare';font-size:18px;font-weight:700;letter-spacing:-1px;} #quick_req .btm_01 .pb2 .rec_req ul.ips > li:nth-child(2){width:70%;} #quick_req .btm_01 .pb2 .rec_req ul.ips > li input{width:100%;height:52px;padding:8px;border:1px solid #d3d3d3;border-radius:4px;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;} #quick_req .btm_01 .pb2 .rec_req .ast{color:#ea3f0b;} #quick_req .btm_01 .pb2 .rec_req .agree{position:relative;padding:20px 0 10px 0;width:100%;border-top:1px solid #d3d3d3;margin-top:10px;letter-spacing:-1px;color:#8e8e8e; font-family:'Noto Sans KR', sans-serif;} #quick_req .btm_01 .pb2 .rec_req .agree .vbtn{position:absolute;right:0;top:20px;} #quick_req .btm_01 .pb2 .pb2_btm{padding-top:415px;} #quick_req .btm_01 .btn_sangdam{margin-top:25px;padding:20px 0;text-align:center;width:100%;border-radius:10px;background: #000;;color:#fff;font-family:'NanumSquare';font-size:20px;letter-spacing:-1px;box-shadow:0 0 20px rgba(1,119,228,0.25);} #quick_req .btm_01 .pb2 .desc{padding:20px 0 10px 0;font-family:'NanumSquare';font-size:16px;font-weight:400;letter-spacing:-1px;color:#c5e4ff; line-height: 20px;} /* 상담신청 부분 SELECT */ .req_select{width:100% !important; height:40px !important; border-radius:4px !important;} /* 하단 FAQ */ #btm_faq{margin:0 22px;} #btm_faq .btm_02{width:100%;padding:35px 2px 30px 2px;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;} #btm_faq .btm_02 .faq{overflow:hidden;width:100%;border-radius:4px;background:#f1f8fe;margin-bottom:10px;} #btm_faq .btm_02 .faq > li{padding:15px;min-height:40px;overflow:hidden;font-family:'Noto Sans KR', sans-serif;font-size:17px;font-weight:400;letter-spacing:-1px;line-height:150%;} #btm_faq .btm_02 .faq > li:nth-child(1){background:url('../images/icon_arr_fold_down.png') 95% 45% no-repeat; background-size:28px;} #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:10%;font-weight:800;} #btm_faq .btm_02 .faq > li ul.qa > li:nth-child(2){width:90%; font-size:18px; color:#666;} #btm_faq .btm_02 .faq > li div.ans ul.qa > li:nth-child(2) {font-size: 17px;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 .btm_02 .tt{font-family:'NanumSquare';font-size:24px;font-weight:700;letter-spSacing:-1px;padding-bottom:20px;} #faq_box .tt{background:url('../images/icon_note_pen.png') 0 -6px no-repeat; padding-left:35px;} #faq_box #btm_faq{margin:0;} /* 1:1상담신청 */ #man_to_man{width:90%; margin:0 auto;} #man_to_man .tt{position:relative;font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding:10px; border-bottom:2px solid #333; margin-top:30px;} #man_to_man .tt{background:url('../images/icon_note_pen.png') 0 center no-repeat; padding-left:35px;} #man_to_man .tt .rtxt{position:absolute; right:0; top:1-px; font-family:'NanumSquare';font-size:15px;font-weight:200; letter-spacing:-1px; color:#909090;} #man_to_man .no_icon{background-image:url(''); padding-left:0;} #man_to_man .sub_tt{padding:20px; width:100%; background:#f5f7f9;font-family:'NanumSquare';font-size:18px;font-weight:400;letter-spacing:-1px; color:#212529;} #man_to_man .table_box{padding-bottom:10px; border-bottom:1px solid #d3d3d3; } #man_to_man .mtable{width:90%; margin:0 auto; margin-top:8px;} #man_to_man .mtable > tbody > tr > td{padding:5px 0;} #man_to_man .stt{font-family: 'NanumSquare';font-size: 18px;font-weight: 700;letter-spacing: -1px;padding: 10px 0;color: #212529;} #man_to_man input{border: 1px solid #c2c4c6;border-radius: 4px;height: 53px;padding: 8px 12px;width: 100%;font-family: 'NanumSquare';font-size: 16px;font-weight: 400;color: #222;letter-spacing: -1px;} #man_to_man .agree{padding:20px 0; text-align:center;} #man_to_man .btn_view{margin-top:0;} #man_to_man .desc{padding:20px 0; line-height:150%;;font-family: 'NanumSquare';font-size: 17px;font-weight: 400;color: #222; letter-spacing:-1px;} /* FAQ */ #contents .faq_wrap{background:#f2f2f2;padding-bottom:50px;} #contents .bg_top{position:absolute;left:0;top:0;background:#2853bd;width:100%;height:313px;} #contents .faq_top{position:relative;width:100%;} #contents .faq_top .tbox .ttbox{text-align:center;} #contents .faq_top .tbox .ttbox .btitle{font-family:'NanumSquare';font-size:37px; font-weight:800;color:#000;text-align:center;color:#fff; padding-left:10px;letter-spacing:-1px;} #contents .faq_top .tbox .ttbox .desc{font-family:'NanumSquare';font-size:15px;font-weight:300;color:#dde7ff;padding:25px 10px 0 10px;text-align:center;;line-height:140%;} #contents .faq_top .tbox .ttbox .desc .faqs { color:#2ff3ff; font-size:15px;} #contents .faq_top .tbox .ttbox .desc .bd{padding:8px 20px 8px;color:#c8d8fd;font-size:14px;} #contents .faq_top .tbox .ttbox .rate_box{width:95%;text-align:left;margin:0 auto;background:#fff;border-radius:10px;padding:20px 15px;/*box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);line-height:150%;*/} #contents .faq_top .tbox .ttbox .rate_box .ftitle{padding:10px 2px;font-size:22px;font-weight:700;letter-spacing:-1px;border-bottom:2px solid #000;} #contents .faq_top .tbox .ttbox .rate_box .faq_q{padding:30px 10px 10px 10px;font-size:19px;font-weight:700;color:#000;letter-spacing:-1px;} #contents .faq_top .tbox .ttbox .rate_box .faq_a{padding:2px 10px 25px 10px;font-size:18px;font-weight:500;color:#666;letter-spacing:-1px;border-bottom:1px solid #ddd;} #contents .faq_top .tbox .ttbox .rate_box .faq_a .faq_a_r{font-size:18px;font-weight:bold;color:#e81d0e;letter-spacing:-1px;} #contents .faq_top .tbox .ttbox .rate_box .faq_a .faq_a_s{font-size:15px;font-weight:400;color:#999;letter-spacing:-1px; line-height:21px; margin:5px 0 0 0;} #contents .faq_top .tbox .ttbox .rate_box .faq_a:last-child{border-bottom:0;} #contents .faq_top .tbox .ttbox .rate_box span.col{color:#2854bf;} #storyBox{} #storyBox .dtypeList{overflow:hidden;font-family:'Nanum Square';font-size:16px;line-height:160%;padding: 15px 0px 8px 0px;min-height:80px;border-top:2px solid #000; text-align: center;} #storyBox .dtypeList div.tList{/*display:inline-block; padding-right:10px;*/ width:100%;} #storyBox .dtypeList div.tList a{display:inline-block;} #storyBox .dtypeList div.tList a.tactive{text-indent:23px; background:url('/images/common/icon_title_arr_left.png') 0 40% no-repeat; background-size:18px;} #storyBox .dtypeList div.tList:first-child{/*padding-right:20px;*/padding:2px 20px 15px 20px; border-bottom:2px solid #e9edf0;font-size:19px;text-align: justify;} #storyBox .dtypeList div.tList a.active{color: #0177e4;} #storyBox .dtypeList .tbox{padding:14px;} #storyBox .dtypeList span.tList{display:inline-block; float:left; width:31.2%; font-size:15px; padding:10px 4px 6px 4px; height: 44px; background: #eee; margin-right: 8px; margin-bottom: 8px;} #storyBox .dtypeList span.tList:nth-child(+3n){margin-right:0;} #storyBox .dtypeList span.tList.active{background:#017bff; color:#fff;} #storyBox .dtypeList span.tList.active a{color:#fff;} #storyBox .storySlider{position:relative;} #storyBox .bList{overflow:hidden;font-family:'Nanum Square';font-size:16px;} #storyBox .bList > li{float:left;} #storyBox .bList > li.col00{width:100%; padding:18px 18px 10px 18px;} #storyBox .bList > li.col01{width:72%;padding:3px 12px 15px 18px;} #storyBox .bList > li.col02{width:25%;padding:6px 10px 0px 0;} #storyBox .bList > li.col00 .subject{overflow:hidden;text-overflow:ellipsis;white-space: normal;padding:3px 0 0px 0;color:#0e6abd;font-weight:bold;font-family:'Nanum Square';font-size:17px; line-height: 22px; letter-spacing:-0.5px;} #storyBox .bList > li.col01 .cont{height:90px;overflow:hidden;line-height:140%;} #storyBox .bList > li.col02 img{width:90px; height: 90px; border:1px solid #cdcdcd; border-radius: 20%;} #storyBox .boardList .tags{display:inline-block; width:100%; padding:0 15px 15px 15px; font-size:13px;color:#848484;letter-spacing:-0.5px;} #storyBox .boardList .tags .name{color:#666;font-weight:bold;} #storyBox .boardList .tags span{display:inline-block;margin-right:5px;vertical-align:middle;} #storyBox .boardList .tags .round{display:inline-block;width:25px;height:25px;border-radius:25px;background:url(../images/user_img.png) no-repeat;} #storyBox .boardList .tags .line{width:1px;height:10px;background:#ddd;} #storyBox .slBox{position:relative;height:250px;color:#fff;} #storyBox .slBox a{color:#fff;} #storyBox .slBox .slPos{position:absolute;left:15px;top:15%;font-size:17px;} #storyBox .slBox .slPos span{display:inline-block;padding:2px;border-bottom:1px solid #fff;} #storyBox .slBox .slTitle{position:absolute;left:15px;top:35%;font-size:30px;letter-spacing:-1px;font-weight:normal;} #storyViewBox .dtypeList{overflow:hidden;font-family:'Nanum Square';font-size:17px;line-height:160%;padding:15px 20px;text-align:justify;min-height:100px;} #storyViewBox .dtypeList .tList{display:inline-block;padding-right:10px;} #storyViewBox .dtypeList .tList:first-child{padding-right:20px;} #storyViewBox .dtypeList .tList a.active{color:#0177e4;} #storyViewBox .viewBody{width:92%;margin:0 auto;border-top:1px solid #ddd;padding:30px 3px;font-family:'Nanum Square';font-size:16px;line-height:160%;color:#333;min-height:150px;word-break:break-all;} #storyViewBox .viewBody img{width:100%;height: auto !important;} #storyViewBox .viewBody .ibox{position:relative;} #storyViewBox .viewBody .veiw_icon{position:absolute;right:10px;top:-30px;width:25px !important;} #storyViewBox .titleBox{padding:20px 15px 25px 15px;} #storyViewBox .type{display:inline-block;font-size:15px;padding:3px 8px;border:1px solid #0177e4;border-radius:15px;color:#0177e4;letter-spacing:-1px;} #storyViewBox .titleBox .subject{font-family:'Nanum Square';font-size:30px;padding:15px 0 25px 0;letter-spacing:-1px;line-height: 36px;} #storyViewBox .tags{color:#aaa;font-size:15px;vertical-align:middle;letter-spacing:-1px;font-family:'Nanum Square';font-size:18px;} #storyViewBox .tags .line{display:inline-block;width:1px;height:12px;background:#ddd;margin:0 6px;} #storyViewBox .pnxBox{border-top:1px solid #ccc;padding:15px;background:#f8f8f8;} #storyViewBox .pnxBox .pnx{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #storyViewBox .pnxBox .rtag{display:inline-block;padding:8px 10px;background:#fff;border:1px solid #b4b7bb;font-size:14px;margin-right:10px;} #storyViewBox .pnxBox .npg{background:#25a6ef;color:#fff;border:1px solid #0177e4;} #storyViewBox .pnxBox .rsubject{width:50%;font-size:17px;font-family:'Nanum Square';} #storyViewBox .dtypeList{overflow:hidden;font-family:'Nanum Square';font-size:16px;line-height:160%;padding: 15px 0px 8px 0px;min-height:80px;border-top:2px solid #000; text-align: center;} #storyViewBox .dtypeList div.tList{/*display:inline-block; padding-right:10px;*/ width:100%;} #storyViewBox .dtypeList div.tList a{display:inline-block;} #storyViewBox .dtypeList div.tList a.tactive{text-indent:23px; background:url('/images/common/icon_title_arr_left.png') 0 40% no-repeat; background-size:18px;} #storyViewBox .dtypeList div.tList:first-child{/*padding-right:20px;*/padding:2px 20px 15px 20px; border-bottom:2px solid #e9edf0;font-size:19px;text-align: justify;} #storyViewBox .dtypeList div.tList a.active{color: #0177e4;} #storyViewBox .dtypeList .tbox{padding:14px;} #storyViewBox .dtypeList span.tList{display:inline-block; float:left; width:31.2%; font-size:15px; padding:10px 4px 6px 4px; height: 44px; background: #eee; margin-right: 8px; margin-bottom: 8px;} #storyViewBox .dtypeList span.tList:nth-child(+3n){margin-right:0;} #storyViewBox .dtypeList span.tList.active{background:#017bff; color:#fff;} #storyViewBox .dtypeList span.tList.active a{color:#fff;} #storyBox .dtypeList .tbox{padding:14px;} #storyBox .dtypeList span.tList{display:inline-block; float:left; width:31.2%; font-size:15px; padding:10px 4px 6px 4px; height: 44px; background: #eee; margin-right: 8px; margin-bottom: 8px;} #storyBox .dtypeList span.tList:nth-child(+3n){margin-right:0;} #storyBox .dtypeList span.tList.active{background:#017bff; color:#fff;} #storyBox .dtypeList span.tList.active a{color:#fff;} #storyViewBox .cmtlistBox{overflow:hidden;width:95%;margin:0 auto;border-top:0px solid #f0f0f0;} #storyViewBox .cmtList{width:100%;margin:0 auto;position:relative;overflow:hidden;border-bottom:1px solid #f0f0f0;padding:15px 5px;} #storyViewBox .cmtList .cmtname{font-family:'Nanum Square';font-size:18px;font-weight:bold;letter-spacing:-1px;color:#333;padding:10px 0 15px 0;} #storyViewBox .cmtList .cmtcomment{font-family:'Nanum Square';font-size:16px;color:#444;letter-spacing:-1px;padding-bottom:30px;text-align:justify;line-height:150%;padding-right:8px;} #storyViewBox .cmtList .cmtdate{position:absolute;bottom:20px;right:10px;font-family:'Nanum Square';font-size:15px;color:#999;letter-spacing:-0.5px;} #storyViewBox .cmtList .cmtdel{position:absolute;right:10px;top:20px;display:inline-block;padding:6px 10px;border:1px solid #ddd;color:#c50d0d;font-size:16px;border-radius:2px;} #storyViewBox .cmtList .cmtdel a{display:inline-block;width:100%;height:100%;color:#c50d0d;} #storyViewBox .isCmt{padding:50px 0;text-align:center;font-family:'Nanum Square';font-size:16px;color:#ccc;} #storyViewBox .titleBox .atch{display:inline-block;text-align:center;} #storyViewBox .titleBox .atch .dwn{display:inline-block;margin-top:20px;padding:6px 12px 4px 12px;border:1px solid #ddd;border-radius:15px;margin-right:5px;color:#999;} /* 댓글 작성 창 */ .coms{border-top:1px solid #eee;padding:20px 20px 0px 20px;} .coms .cnlist{position:relative;} .coms .cntbox{display:inline-block;padding:0 15px;height:40px;line-height:40px;text-indent:20px;background:url('https://www.bankview.co.kr/m/images/icon_rcnt.jpg') 10px 50% no-repeat;background-size:20px;border:1px solid #d4d3d3;border-radius:2px;color:#969696;font-weight:bold;} .coms .cnlist .vlist{/*position:absolute;right:0;top:0;*/display:inline-block;padding:0 0 0 20px;width:95px;height:40px;line-height:40px;text-indent:20px;background:url('https://www.bankview.co.kr/m/images/icon_vlist.jpg') 12px 55% no-repeat;background-size:20px;border:1px solid #d4d3d3;border-radius:2px;font-weight:bold;} .coms .cnlist .vbtns{/*position:absolute;*/display:inline-block;padding:0 15px;height:40px;line-height:40px;border:1px solid #d4d3d3;border-radius:2px;font-weight:bold;} .coms .cnlist .del{color:#cc0000;width:60px;} .coms .cnlist .mod{width:60px;} .coms .vbtn_list{position:absolute;right:0;top:0;} .coms .vbtn_list > li{float:left;margin-left:4px;} .cmbBox{padding:20px;} .cmbBox .comment{position:relative;width:100%;height:150px;border:1px solid #d4d3d3;border-top:0;padding:15px 10px;font-size:15px;} .idpwd{overflow:hidden;width:100%;} .idpwd > li{float:left;border:1px solid #d4d3d3;} .idpwd > li input{height:40px;line-height:40px;padding:0 10px;width:100%;border:0;font-size:15px;font-family:'Nanum Square';} .idpwd > li input[type='password']{font-family:'돋움';} .idpwd > li.col01{width:35%;border-right:0;} .idpwd > li.col02{width:65%;color:red;} .cmbBox .btnOkBox{padding:20px 0;background:#fff;} .cmbBox .btnOkCancel{overflow:hidden;} .cmbBox .btnOkCancel > li{float:left;height:55px;line-height:55px;text-align:center;font-size:19px;font-weight:bold;color:#fff;} .cmbBox .btnOkCancel > li.ok{width:100%;margin-right:1%;background:#0177e4;} .cmbBox .btnOkCancel > li a{display:inline-block;width:100%;height:100%;color:#fff;} /* 하단 공통 */ #btm{} #btm .btm_03{width:100%;padding:30px 15px;background:#fff;min-height:80px;border-top:1px solid #cdd5db;} #btm .btm_03 .in_box{width:100%;background:#f7f7f7;border-radius:5px;} #btm .btm_03 ul{overflow:hidden;} #btm .btm_03 ul > li{float:left;height:100px;} #btm .btm_03 ul > li:nth-child(1){width:27%;background:url('../images/img_call_person.png') center center no-repeat;background-size:60px;} #btm .btm_03 ul > li:nth-child(2){width:73%;padding:20px 0;} #btm .btm_03 ul > li .tt{font-family:'NanumSquare';font-size:20px;font-weight:700;letter-spacing:-1px;padding-bottom:4px;} #btm .btm_03 ul > li .tts{font-family:'NanumSquare';font-size:17px;font-weight:400;letter-spacing:-1px;color:#868686;} #btm .btm_03 ul > li strong{color:#396ec5;font-weight:800;} #btm .btm_04{width:100%;padding:30px 25px;background:#f7f7f7;min-height:80px;border-top:0px solid #cdd5db;} #btm .btm_04 .tt{font-family:'NanumSquare';font-size:19px;font-weight:800;color:#7c7c7c;letter-spacing:-1px;padding-bottom:15px;} #btm .btm_04 .desc{font-family:'Noto Sans KR', sans-serif; font-size:17px;font-weight:400;color:#7c7c7c;letter-spacing:-1px;margin-bottom:15px;line-height:26px; background:url('../images/gray_dot_3px.png') left 7px no-repeat; padding:0 0 0 10px; background-size:8px;} #btm .btm_04 .desc .desc_sub ul li { font-family:'Noto Sans KR', sans-serif; font-size:15px;font-weight:400;color:#7c7c7c; letter-spacing:-1px; line-height:25px; padding:0 0 0 0px;} #btm .btm_04 .desc_line{ width:100%; height:1px; background:#CCC; margin: 5px 0 20px 0;} #btm .btm_04 .desc > ul > li > b{font-weight:500;} #btm .btm_04 .descBox { width:100%; margin:0 auto; background:#f7f7f7; padding: 15px 20px 15px 20px; margin-bottom:20px; border: 1px solid #ddd; border-radius: 10px; margin-top:5px;} #btm .btm_04 .descBox .boxname { font-family:'Noto Sans KR', sans-serif; color:#4777f7; font-size:16px; font-weight:600;} #btm .btm_04 .descBox .m_name { font-family:'Noto Sans KR', sans-serif; color:#424242; font-size:15px; margin:10px 0 5px 0; font-weight:600; } #btm .btm_04 .descBox .m_text { font-family:'Noto Sans KR', sans-serif; font-size:15px; margin:5px; font-weight:400; color:#8e8e8e; } #footer{ font-family:'Noto Sans KR', sans-serif; width:100%;min-height:100px;padding:20px;background:#232323;color:#aaaaaa;word-break:break-all;} #footer .corp_name::before{display: block; width:100%; height:1px; background:#aaaaaa; margin-bottom: 40px;} #footer .logobox > p{font-size: 15px; padding: 30px 0 0 0;} #footer .corp_name{font-family:'Noto Sans KR', sans-serif;font-size:20px;font-weight:400;letter-spacing:-2px;padding:60px 0 20px 0;} #footer > ul{overflow:hidden;} #footer > ul > li{float:left;padding:4px 0;width:33%;font-family:'Noto Sans KR', sans-serif;font-size:15px;font-weight:300;letter-spacing:-1.2px;line-height:150%;} #footer > ul > li:nth-child(2n){width:67%;padding-left:15px;} #footer > ul > li:nth-child(15){padding:0px 0;} #footer > ul > li:nth-child(21){padding:0px 0;} #footer .btn_call{padding:20px 0;text-align:center;width:100%;background:#000;color:#fff;border-radius:6px;margin-top:25px;} #footer > ul > li:nth-child(25){width:100%;} .faq_list_wrap{padding:5px 4px 15px 4px;} .faq_list_wrap > span{display:inline-block; width:49%; padding:16px; border-bottom:1px dashed #ddd; font-size:19px;} .faq_list_wrap{color:#999999;} .faq_list_wrap .npos{color:#000; font-weight:600; font-size: 20px;} #load_faq .no-data{padding:35px; text-align:center; color:#ddd;}