@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}


@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}
/* 가변형 */
/* .page_common table .box_inner{display:inherit;padding:0 10px;border:2px solid #F00}
.page_common table .s_txt{position:absolute;top:20px;right:66%;color:#f00}
.page_common table .l_txt{position:absolute;top:20px;right:63%;color:#f00}
.page_common table .f_txt{position:absolute;top:20px;right:50%;color:#f00} */

/*상품페이지 공통*/
.page_common {width:100%;font-family: 'Noto Sans KR', sans-serif;font-size:15px;line-height:26px;color:#666;}
.page_common .wrapper {overflow:hidden;margin:40px auto}
.page_common .wrapper .top_box {box-sizing:border-box;width:100%;height:214px;padding:50px 40px;border:1px solid #ededed;}
.page_common .wrapper .top_box .title_box {font-weight:bold;font-size:27px;color:#444}
.page_common .wrapper .top_box .title_box span {color:#C91114}
.page_common .wrapper .top_box .sub_title {padding:20px 0 40px 20px;font-family: 'Nanum Pen Script', serif;font-size:26px;color:#2883BD}
.page_common .wrapper .r_txt{float:right;padding:10px 20px;margin-top:14px;background:red;color:#fff;font-size:16px}
.page_common .wrapper .cont_box {position:relative;margin:60px 0 80px}
.page_common .wrapper .cont_box table {position:relative;width:100%;border-spacing:0;letter-spacing:-1px;border-left:1px solid #ededed;border-top:1px solid #ededed}

/*가변형 pc*/

.page_common .wrapper .cont_box .point_box{display:block;content:'';position:absolute;left:0;top:0;width: 99.8%;height: 240px;/* border:1px solid #222; */z-index:9}
.page_common .wrapper .cont_box .point_box .text_box{display:flex;align-items:center;position:absolute;right:0;top:0;width:25px;height:229px;background-color:#DB0000;color:#fff;text-align:center;justify-content: center;}

#p30 .wrapper .cont_box .point_box{height: 317px;}
#p30 .wrapper .cont_box .point_box .text_box{height:306px}

#p44 .wrapper .cont_box .point_box{height: 266px;}
#p44 .wrapper .cont_box .point_box .text_box{height:255px}

.page_common .wrapper .cont_box table tr th {width:144px;padding:15px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;background:#f3f7ff;color:#262728}
.page_common .wrapper .cont_box table tr td {position:relative;padding: 15px 30px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;background:#fafafa;}
.page_common .star{position:relative;font-style:normal}
.page_common .star:before{position:absolute;left:-13px;top:0;content:'*'}
.page_common .wrapper .cont_box .t1{border:2px solid red}
.page_common .wrapper .cont_box .t1 tr:last-child th,
.page_common .wrapper .cont_box .t1 tr:last-child td{border-bottom:0}
.page_common .wrapper .cont_box table tr td span {font-weight:600;font-size:18px;color:#4460a8}
.page_common .wrapper .cont_box table tr td .text_b {font-size:15px;font-weight:700;color:#222}
.page_common .wrapper .cont_box table tr td .point {font-size:17px}
.page_common .wrapper .bottom_box {width:100%}
.page_common .wrapper .bottom_box:after {display:block;content:'';clear:both;height:0;visibility:hidden}
.page_common .wrapper .bottom_box ul {float:left;width:122px;padding-right:14px;text-align:center;background:url(/sh_page/img/next.png) no-repeat 122px 80px}
.page_common .wrapper .bottom_box .step_03 {width:130px}
.page_common .wrapper .bottom_box .step_06 {padding-right:0}
.page_common .wrapper .bottom_box ul .number {padding:5px 0;background:#99B9F0;border-radius:5px;color:#fff}
.page_common .wrapper .bottom_box ul .img_txt {margin:20px 0}
.page_common .wrapper .bottom_box ul .txt_li {padding-top:5px;border-top:1px dashed #ededed;color:#555;}
.page_common .wrapper .bottom_box ul .txt_li span {font-size:12px;letter-spacing:-1.2px}
.page_common .wrapper .fin_ment {margin-top:30px;text-align:center;line-height:30px;}
.page_common .wrapper .fin_ment li:before{display:inline-block;content:'*';margin-right:6px;vertical-align:middle}


/*직장인 신용대출*/
#p30 .wrapper .top_box {background:url(/sh_page/img/img01.jpg)}

/*주택신용대출*/
#p32 .wrapper .top_box {background:url(/sh_page/img/img02.jpg)}

/*아파트담보대출*/
#p33 .wrapper .top_box {background:url(/sh_page/img/img03.jpg)}

/*보험계약자 신용대출*/
#p40 .wrapper .top_box {background:url(/sh_page/img/img04.jpg)}

/*카드사용자 신용대출*/
#p41 .wrapper .top_box {background:url(/sh_page/img/img05.jpg)}

/*NEW주택신용대출(분양권)*/
#p42 .wrapper .top_box {background:url(/sh_page/img/img06.jpg)}

/*전세신용대출 인다이렉트*/
#p43 .wrapper .top_box {background:url(/sh_page/img/img07.jpg)}

/*오토담보론 인다이렉트*/
#p44 .wrapper .top_box {background:url(/sh_page/img/img08.jpg)}

/*톡톡배너*/
.talk_preview_area{visibility:hidden;z-index:999}
