span{background-color:rgba(30,136,229,0.4) !important; border-color:rgba(30,136,229,0.4) !important;}
.ck_box:hover span, .ck_box.focus span {border-color:#BBBBBB;background:url(../images/common/bul_ckbox.png) no-repeat 0 -20px;box-shadow:0px 1px 5px 0px rgba(28,35,69,0.2);
transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease;}
.ck_box.on span {border-color:#1e88e5 !important;background-color:#1e88e5;background-image:url(../images/common/bul_ckbox.png);background-repeat:no-repeat;background-position:0 0 !important;box-shadow:0px 1px 1px 0px rgba(28,35,69,0.2);transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.ck_box.on:hover span {box-shadow:0px 1px 5px 0px rgba(28,35,69,0.2);}
.car .ck_box.on span {border-colo a?o ^ PVw E I @,qs[=k P M tcP(( kground-color:#3D5BDC;}
.loan .ck_box.on span {border-color:#0F82BE !important;background-color:#0F82BE;}
.loan_credit .ck_box.on span {border-color:#0593A6 !important;background-color:#0593A6;}
/*.loan_credit .lypop.type2 .ck_box.on span {border-color:#0f82be !important;background-color:#0f82be;} /*17.07.27 add*/*/
.ck_box.focus span {border-color:#2A9FFD;}
.ck_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #2A9FFD;}
.car .ck_box.focus span {border-color:#488FF6;}
.car .ck_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #488FF6;}
.loan .ck_box.focus span {border-color:#11B4E3;}
.loan .ck_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #11B4E3;}
.loan_credit .ck_box.focus span {border-color:#00BAC0;}
.loan_credit .ck_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #00BAC0;}
.ck_box.error span, .ck_box.error span:hover, .ck_box.error.on span, .ck_box.error.focus span, .ck_box.error.on.focus span {border-color:#FF6767 !important;}
.ck_box.disabled span, .ck_box.disabled:hover span, .ck_box.disabled.on span, .ck_box.disabled.focus span, .ck_box.disabled.on.focus span {box-shadow:none;opacity:0.5;}
.ck_box.disabled:hover span {background-position:0 -100px;border-color:#DDDDDD;}
.ck_box.disabled {color:#888888;cursor:default;}
.ck_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(42,159,253, aLo ^ PVw E J @,ps[=k P M&(cP cus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(72,143,246,1);}
.loan .ck_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(17,180,227,1);}
.loan_credit .ck_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(0,186,192,1);}
.ck_box span input[type='checkbox'] {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;}
/* 체크 버튼 */
label.ck_button {display:inline-block;position:relative;box-sizing:border-box;padding:17px 60px 17px 20px;border:1px solid #EAEAEA;border-radius:2px;background-color:#FFFFFF;color:#888888;font-size:15px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
label.ck_button:after {content:' ';display:block;position:absolute;top:16px;right:18px;width:18px;height:15px;background:url(../images/common/bul_ckbutton.png) no-repeat 50% 2px;}/* 2019-07-23 KSM */
label.ck_button:hover {border-color:#BBBBBB;box-shadow:0 5px 10px 0 rgba(28,35,69,0.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
label.ck_button.on {border:1px solid #CCCCCC;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);font-family:'HYBold';color:#1e88e5;}/* 2019-07-23 KSM */
label.ck_button.on:hover {box-shadow:0 5px 10px 0 rgba(28,35,69,0.08)}
.car label.ck_button.on {color:#3D5BDC;}
.loan label.ck_button.on {color:#0F82BE;}
label.ck_button.on:after {background-position:left -58px;}/* 2019-07-23 KSM */
.car label.ck_button.on:after {background-po a_o < < PVw ^ E (@ jks[= Pc LPbf aao < < PVw ^ E (@ jks[= Pc L4PW aGp < < PVw ^ E (@ jks[= Pc LМPK aJp < < PVw ^ E (@ jks[= Pc LPt@O aLp < < PVw ^ E (@ jks[= Pc LlPi4 aNp < < PVw ^ E (@ jks[= Pc LP^) aPp < < PVw ^ E (@ jks[= Pc M tP2 aRp < < PVw ^ E (@ jks[= Pc M+P' aSp < < PVw ^ E (@ jks[= Pc Ldiv {display:block;position:relative;z-index:2;padding:14px 20px 13px;border:1px solid transparent;color:#666666;font-size:15px;line-height:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
ul.rd_button_set li>div:hover {color:#333333;}
ul.rd_button_set li>div.on {border:1px solid #CCCCCC;border-radius:2px;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);background-color:#ffffff;color:#1e88e5;t a{ ^ PVw E S @,gs[=k P Mdiv.on {color:#3D5BDC;}
.loan ul.rd_button_set li>div.on {color:#0F82BE;}
ul.rd_button_set.focus li>div.on {border-color:#2A9FFD;color:#1e88e5;box-shadow:0 1px 5px 0 rgba(42,159,253,0.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.car ul.rd_button_set.focus li>div.on {border-color:#488FF6;color:#3D5BDC;box-shadow:0 1px 5px 0 rgba(41,99,238,0.08);}
.loan ul.rd_button_set.focus l>div.on {border-color:#11B4E3;color:#0F82BE;box-shadow:0 1px 5px 0 rgba(42,100,239,0.08);}
ul.rd_button_set.disabled>div.on,
ul.rd_button_set.focus.disabled li>div.on {border-color:#DDDDDD;}
ul.rd_button_set.error li>div.on,
ul.rd_button_set.error.focus li>div.on {border-color:#FF6767;}
ul.rd_button_set.disabled li>div,
ul.rd_button_set.disabled li>div:hover,
ul.rd_button_set.disabled.focus li>div,
ul.rd_button_set.disabled.focus li>div.on {color:#666666;border-color:#F1F1F1;box-shadow:none;opacity:0.5;}
ul.rd_button_set li>div input[type='radio'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;filter:alpha(opacity=0)}
ul.rd_button_set li>div.on input[type='radio'],
ul.rd_button_set.disabled li>div input[type='radio'] {cursor:default;}
ul.rd_button_set.w150 li>div {width:110px;text-align:center;}
ul.rd_button_set.h40 {height:40px;}
ul.rd_button_set.h40 li>div {padding:9px 20px 8px;}
ul.rd_button_set.h60 {height:6 a{ ^ PVw E U @,es[=k P MBcPe h60 li>div {padding:19px 20px 18px;}
ul.rd_button_set li {display:inline-block;position:relative;top:0px;margin:0 -2px 0 -2px;padding:2px;border-radius:2px;font-size:0;line-height:0;}
ul.rd_button_set li:before {content:'';display:block;position:absolute;top:17px;left:0;width:1px;height:16px;background-color:#EBEBEB;vertical-align:middle;}
ul.rd_button_set li:first-child:before {display:none;}
ul.rd_button_set li label {display:block;position:relative;z-index:2;padding:14px 20px 13px;border:1px solid transparent;color:#666666;font-size:15px;line-height:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
ul.rd_button_set li label:hover {color:#333333;}
ul.rd_button_set li label.on {border:1px solid #CCCCCC;border-radius:2px;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);background-color:#ffffff;color:#1e88e5;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.car ul.rd_button_set li label.on {color:#3D5BDC;}
.loan ul.rd_button_set li label.on {color:#0F82BE; border:1px solid #11B4E3;} /*2021-02-26 JMJ */
ul.rd_button_set.focus li label.on {border-color:#2A9FFD;color:#1e88e5;box-shadow:0 1px 5px 0 rgba(42,159,253,0.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.car ul.rd_button_set.focus li label.on {border-color:#488FF6;color:#3D5BDC;box-shadow:0 1px 5px 0 rgba(41,99,238,0.08);}
.loan ul.rd_button_set.focus li label.on {border-color:#11B4E3;color:#0F82BE;box-shadow:0 1p a{ ^ PVw E V @,ds[=k P MH`cP 0.08);}
ul.rd_button_set.disabled label.on,
ul.rd_button_set.focus.disabled li label.on {border-color:#DDDDDD;}
ul.rd_button_set.error li label.on,
ul.rd_button_set.error.focus li label.on {border-color:#FF6767;}
ul.rd_button_set.disabled li label,
ul.rd_button_set.disabled li label:hover,
ul.rd_button_set.disabled.focus li label,
ul.rd_button_set.disabled.focus li label.on {color:#666666;border-color:#F1F1F1;box-shadow:none;opacity:0.5;}
ul.rd_button_set li label input[type='radio'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
ul.rd_button_set li label.on input[type='radio'],
ul.rd_button_set.disabled li label input[type='radio'] {cursor:default;}
ul.rd_button_set.w150 li label {width:110px;text-align:center;}
ul.rd_button_set li label input[type='radio'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
ul.rd_button_set li label.on input[type='radio'],
ul.rd_button_set.disabled li label input[type='radio'] {cursor:default;}
ul.rd_button_set.w150 li label {width:110px;text-align:center;}
ul.rd_button_set.h40 {height:40px;}
ul.rd_button_set.h40 li label {padding:9px 20px 8px;}
ul.rd_button_set.h60 {height:60px;}
ul.rd_button_set.h60 li label {padding:19px 20px 18px;}
ul.rd_button_set li label,
ul.rd_button_set li div {display:block;position:relative;z-index:2;padding:14px 20px 13px;border:1px solid transparent;font-size:15p a| ^ PVw E W @,cs[=k P MNcPt on:all 0.2s ease;-webkit-transition:all 0.2s ease;} /* 2019-09-17 웹접근성 LJY */
ul.rd_button_set li div:hover {}
ul.rd_button_set li label.on,
ul.rd_button_set li div.on{border:1px solid #1e88e5;border-radius:2px;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);background-color:#ffffff;color:#1e88e5;transition:all 0.2s ease;-webkit-transition:all 0.2s ease; font-family: 'HYBold';}
.loan_credit ul.rd_button_set li div.on,
.loan_credit ul.rd_button_set li label.on {border:1px solid #00bac0;border-radius:2px;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);background-color:#ffffff;color:#0593a6;} /* 2019-09-26 웹접근성 JMJ */
.car ul.rd_button_set li div.on {color:#3D5BDC;}
.loan ul.rd_button_set li div.on {color:#0F82BE;}
ul.rd_button_set.focus li div.on {border-color:#2A9FFD;color:#1e88e5;box-shadow:0 1px 5px 0 rgba(42,159,253,0.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.car ul.rd_button_set.focus li div.on {border-color:#488FF6;color:#3D5BDC;box-shadow:0 1px 5px 0 rgba(41,99,238,0.08);}
.loan ul.rd_button_set.focus li div.on {border-color:#11B4E3;color:#0F82BE;box-shadow:0 1px 5px 0 rgba(42,100,239,0.08);}
.loan_credit ul.rd_button_set.focus li div.on {border-color:#00bac0;color:#0593a6;box-shadow:0 1px 5px 0 rgba(42,100,239,0.08);}
ul.rd_button_set.disabled div.on,
ul.rd_button_set.focus.disabled li div.on {border-color:#DDDDDD;}
ul.rd_button_set.error li div.on,
ul.rd_button_s a!| < < PVw ^ E (@ jks[= Pc M7DP f a#| < < PVw ^ E (@ jks[= Pc MBP a/| ^ PVw E X @,bs[=k P MScP= {border-color:#FF6767;}
ul.rd_button_set.disabled li div,
ul.rd_button_set.disabled li div:hover,
ul.rd_button_set.disabled.focus li div,
ul.rd_button_set.disabled.focus li div.on {color:#666666;border-color:#F1F1F1;box-shadow:none;opacity:0.5;}
ul.rd_button_set li div input[type='radio'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;color:#ffffff;}
ul.rd_button_set li div.on input[type='radio'],
ul.rd_button_set.disabled li div input[type='radio'] {cursor:default;}
ul.rd_button_set.w150 li div {width:110px;text-align:center;}
ul.rd_button_set li div input[type='radio'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;color:#ffffff;}
ul.rd_button_set li div.on input[type='radio'],
ul.rd_button_set.disabled li div input[type='radio'] {cursor:default;}
ul.rd_button_set.w150 li div {width:110px;text-align:center;}
ul.rd_button_set.h40 {height:40px;}
ul.rd_button_set.h40 li div {min-width:26px;padding:9px 20px 8px;}
ul.rd_button_set.h60 {height:60px;}
ul.rd_button_set.h60 li div {min-width:26px;padding:19px 20px 18px;}
/* 라디오 버튼 */
.rd_box span {position:relative;top:-1px;display:inline-block;width:14px;height:14px;margin-right:5px;border-radius:50%;border:1px solid #DDDDDD;background-color:#ffffff;background-image:none;box-shadow:0px 1px 1px 0px rgba(28,35,69,0.04);vertical-align:middle;transition:all 0.2s ease;-webkit-tran aK| ^ PVw E Y @,as[=k P MY|cP誤 .rd_box.on {color:#333333; font-family:'HYBold'} /*2020-04-20 JMJ */
.rd_box:hover span, .rd_box.focus span {border-color:#BBBBBB;/*background:url(../images/common/bul_rdbox.png) no-repeat 0 -20px;*/box-shadow:0px 1px 5px 0px rgba(28,35,69,0.2); transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease;} /* 2021-11-26 웹접근성 LJY : bg 삭제 */
.rd_box.on span {border-color:#1e88e5 !important;background-color:#1e88e5;background-image:url(../images/common/bul_rdbox.png);background-repeat:no-repeat;background-position:0 0 !important;box-shadow:0px 1px 1px 0px rgba(28,35,69,0.2);transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.rd_box.on:hover span {box-shadow:0px 1px 5px 0px rgba(28,35,69,0.2);}
.car .rd_box.on span {border-color:#3D5BDC !important;background-color:#3D5BDC;}
.loan .rd_box.on span {border-color:#0F82BE !important;background-color:#0F82BE;}
.loan_credit .rd_box.on span {border-color:#0593a6 !important;background-color:#0593a6;}
.rd_box.focus span {border-color:#2A9FFD;}
.rd_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #2A9FFD;}
.car .rd_box.focus span {border-color:#488FF6;}
.car .rd_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #488FF6;}
.loan .rd_box.focus span {border-color:#11B4E3;}
.loan .rd_box.on ae| ^ PVw E Z @,`s[=k P M_0cP踯 r:#ffffff !important;box-shadow:0 0 0 1px #11B4E3;}
.loan_credit .rd_box.focus span {border-color:#00bac0;}
.loan_credit .rd_box.on.focus span {border-color:#ffffff !important;box-shadow:0 0 0 1px #00bac0;}
.rd_box.error span, .rd_box.error span:hover, .rd_box.error.on span, .rd_box.error.focus span, .rd_box.error.on.focus span {border-color:#FF6767 !important;}
.rd_box.disabled span, .rd_box.disabled:hover span, .rd_box.disabled.on span, .rd_box.disabled.focus span, .rd_box.disabled.on.focus span {box-shadow:none;opacity:0.5;}
.rd_box.disabled:hover span {background-position:0 -100px;border-color:#DDDDDD;}
.rd_box.disabled {color:#888888;cursor:default;}
.rd_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(42,159,253,1);}
.car .rd_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(72,143,246,1);}
.loan .rd_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(17,180,227,1);}
.loan_credit .rd_box.on.focus span {border-color:#ffffff;box-shadow:0 0 0 1px rgba(5,147,166,1);}
.rd_box span input[type='radio'] {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;}
.rd_box em{display:block;margin-top:7px;padding-left:26px;color:#666666;font-size:13px;}
/* 2021-11-26 웹접근성 LJY : 추가 */
.rd_box:hover span:after,
.rd_box.focus span:after {content:''; position:absolute; left:3px; top:3px; width:8px; height:8px; border-radius:50%; background a| ^ PVw E [ @,_s[=k P MdcPny r span:after,
.rd_box.on.focus span:after {content:none;}
.check_box_wrap .rd_box.focus span {border-color:#bbb;}
/* //2021-11-26 웹접근성 LJY : 추가 */
/* 텍스트 필드 */
.text_field {display:inline-block;position:relative;border-bottom:1px solid #DDDDDD;transition:border-bottom-color 0.4s ease;-webkit-transition:border-bottom-color 0.4s ease;}
.text_field input[type="text"], .text_field input[type="password"], .text_field input[type="tel"] {outline:0;}
.text_field:hover {border-bottom-color:#aaaaaa;transition:border-bottom-color 0.4s ease;-webkit-transition:border-bottom-color 0.4s ease;}/* 20170308 UI팀 수정요청 888888(999999) -> aaaaaa */
.text_field.on {border-bottom-color:#2A9FFD;transition:border-bottom-color 0.4s ease;-webkit-transition:border-bottom-color 0.4s ease;}
.car .text_field.on {border-bottom-color:#488FF6;}
.loan .text_field.on {border-bottom-color:#11B4E3;}
.loan_credit .text_field.on {border-bottom-color:#0593a6;}
.text_field.error,
.text_field.error.on {border-color:#FF6767;}
.text_field.disabled,
.text_field.disabled.on
.text_field.disabled:hover {border-bottom-color:#DDDDDD;opacity:0.5;}
.text_field input[type='text'],
.text_field input[type='password'],
.text_field input[type='tel'] {position:relative;z-index:1;width:100%;height:20px;padding:10px 10px 10px 0px;border:0 solid transparent;background-color:transparent;color:#333333;font-size:15px;}
#rbrnNo a| ^ PVw E \ @,^s[=k P MjcPL px !important;}
.text_field input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
.box_call .text_field input[type='text'],
.box_call .text_field input[type='password'],
.box_call .text_field input[type='tel'] {box-sizing:content-box;}
.text_field input[type='password']{font-size:9px;}
/* 크롬,사파리 Placeholder */
.text_field input::-webkit-input-placeholder {color:#757575;font-size:13px;} /* 2019-09-26 웹접근성 CDH */
/* 파이어폭스 Placeholder */
.text_field input:-moz-placeholder,
.text_field input::-moz-placeholder {color:#757575;font-size:13px;opacity:1;} /* 2019-09-26 웹접근성 CDH */
/* IE10~11 Placeholder */
.text_field input:-ms-input-placeholder {color:#757575;font-size:13px;} /* 2019-09-26 웹접근성 CDH */
/* IE9 이하 Placeholder(스크립트로 처리) */
.text_field span.placeholder {display:none;position:absolute;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;height:100%;padding:14px 0 10px;color:#999999;line-height:1;}
.text_field .btn_mouse{position:relative;z-index:2;width:15px;height:34px;background: url(../../cmmn/images/common/ico_mouse.png) no-repeat 100% 50%;text-indent: -9999px;}
.text_field.w100p {display:table;width:100%;}
.text_field.w100p > span {display:table-cell;position:relative;z-index:2;}
.text_field.w100p > span input {width:80%;}
.text_field.w100p .form_btn {text-align:center;}
/* 에러 메지시 */
.msg_er a| < < PVw ^ E (@ jks[= Pc MNPά a| ^ PVw E ] @,]s[=k P MpLcPK :#FA4242;font-size:12px;}
.msg_error.por{position:relative;width:320px;}
.msg_error.ws_nor {white-space:normal;} /* 2018-05-28 KSM */
/* 라벨 타이틀 형식 */
.form_group_wrap {}
.form_group_wrap dt {display:block;padding:0 0 10px;line-height:1;}
.form_group_wrap dt .form_tit {color:#666666;font-size:13px; line-height:20px;} /* 2021-02-26 JMJ */
.form_group_wrap dt .form_tit > .bul_txt {margin-top:13px; color:#888;} /* 2020-01-23 JMJ : [작업요청] 주택금융 WEB 유입 고객 접근성 개선 */
.form_group_wrap dt label.form_tit {cursor:pointer;}
.form_group_wrap dd {}
.error .form_group, .error .form_group.on, .error .form_group:hover {border-color:#FF6767;}
.disabled .form_group, .disabled .form_group.on, .disabled .form_group:hover {border-color:#F1F1F1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);opacity:0.5;}
.disabled label.form_tit {cursor:default;}
.form_group_wrap.disabled dt label.form_tit {cursor:default;}
.tbl_form .form_group_wrap dt {padding-top:20px;} /* 2018-11-21 LJY */
.tab_cont .tbl_form .form_group_wrap dt {padding: 10px 0px 10px;}
/*.tab_cont .tbl_form tbody tr:first-child .form_group_wrap dt {padding: 10px 0px 10px;}*/
.tbl_form.fs15 td{color:#333333;font-size:15px;vertical-align:middle !important;}
.tbl_form table caption{display:none;}
.form_group_wrap.type2 dt .form_tit {padding-bottom:0;color:#acacac;}
/* 전화상담 신청 */
.pop_form_wrap {padding-top:6p a| < < PVw ^ E (@ jks[= Pc MY|P O a| ^ PVw E ^ @,\s[=k P Mv cPU m_group_wrap{margin-top:20px;}
/* form group block */
.form_group.w100p {display:block;}
.form_group.w100p .dp_t {display:table;width:100%;/*table-layout:fixed;*/}
.form_group.w100p .dp_t > span {display:table-cell;table-layout:fixed; }
.form_group.w100p .dp_t span.form_lb {}
.form_group.w100p .dp_t span.form_btn {text-align:center;vertical-align:middle}
.form_group.w100p .dp_t span.form_txt {color:#333333;font-size:15px;vertical-align:middle}
.form_group.w100p .dp_t span.form_lb .lb_inner {}
.form_group.w100p .dp_t .form_text input {width:100%;}
.form_group.w100p .dp_t .form_textarea {width:100%;}
.form_group.w100p .bar_col {background:url(../../cmmn/images/common/bul_bar.png) no-repeat 0 10px; background-size:1px 28px}
.form_group.w100p.h60 .bar_col {background:url(../../cmmn/images/common/bul_bar.png) no-repeat 0 10px; background-size:1px 38px}
.form_group.w100p .form_select {}
.form_group.w100p .form_select .sel_txt {display:block;}
.form_group.w100p .form_select select {box-sizing:border-box;}
.form_group.w100p .form_text input[type='text'],
.form_group.w100p .form_text input[type='password'],
.form_group.w100p .form_text input[type='tel'] {padding-right:10px;}
.form_group.w100p .form_lb + .form_select .sel_txt {padding-left:10px;}
.form_group.w100p .form_lb + .form_text input {padding-left:10px;}
.form_group.w100p .form_txt.at {width:10%; font-size:13px; text-align:right;} /* 2020-03-11 a| ^ PVw E _ @,[s[=k P M{cP 어팝업 */
.lypop_wrap {display:none;position:fixed;top:0;left:0;z-index:99;overflow-y:auto;box-sizing:border-box;width:100%;min-width:901px;height:100%;padding:0;background:rgba(0,0,0,.5);text-align:center;opacity:1}
.lypop_wrap:before {content:'';display:inline-block;width:1px;height:100%;min-height:100%;margin-right:-5px;vertical-align:middle;opacity:0;}
.lypop {display:inline-block;position:relative;z-index:2;box-sizing:border-box;margin:30px 0;padding:60px;border-radius:2px;background:#fff;box-shadow:0px 4px 16px 0px rgba(0,13,57,0.10);text-align:left;vertical-align:middle;opacity:0;
transform:translate(0,50px);-ms-transform:translate(0,50px);-webkit-transform:translate(0,50px);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
.lypop_cont {box-sizing:border-box;margin:0;padding:0;background:#ffffff;}
.opened .lypop {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
.lypop_closer {position:absolute;top:28px;right:28px;overflow:hidden;box-sizing:border-box;width:26px;height:26px;background:url(../images/common/btn_close_lypop.png) 50% 50% no-repeat;background-size:22px;text-indent:-999px;opacity:1;transition:opacity .5s ease;}
.lypop_closer:hover {opacity:0.9;}
.lypop-opened body {overflow:hidden;transition:all 0.2s ease;-web a| ^ PVw E ` @,Zs[=k P MhcPU. ease;}
.lypop .btn_wrap_c{margin-top:50px;}
.lypop .btn_wrap_c2{padding-top:40px;margin-top:40px;}
.btn_print {position:absolute;top:28px;right:71px;overflow:hidden;box-sizing:border-box;width:29px;height:26px;background:url(../images/common/btn_print.png) 50% 50% no-repeat;text-indent:-999px;opacity:1;transition:opacity .5s ease;}
.modal{display:block;margin:0 auto !important;box-shadow:none;}
/* 레이어팝업 스타일1 */
.lypop {width:580px;}
.lypop .ly_tit {margin-bottom:25px;}
.lypop .ly_tit .tit {margin-top:-5px;color:#333333;font-size:36px;line-height:1.3;}
.lypop .ly_cont {}
.lypop .ly_cont .tit_cont {margin-bottom:46px;font-size:19px;}
.lypop .ly_cont .tit_cont2 {margin-top:46px;margin-bottom:16px;font-size:13px;font-family:'HYBold'}
.lypop .ly_tit .tit_sub{padding-top:20px;font-size:20px;color:#333333;}
.lypop .ly_tit .tit_sub2{padding:35px 0 10px;color:#333333;line-height:20px;}/* CP_MYC_041_02 */
.lypop .ly_tit .tit_sub2 .c-gray{color: #888888;} /* 17.07.27 add 이혜진 */
.lypop .ly_tit .tit_sub2 .mt20 {margin-top: 20px;} /* 17.07.27 add 이혜진 */
/* 2018-03-29 JMJ */
.lypop .ly_cont .msg_box{padding:15px 0;border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.lypop .ly_cont .msg_box p {line-height:20px; color:#666;}
.lypop .ly_cont .msg_box span{color:#1e88e5; }/* 2019-09-04 JMJ */
/* //2018-03-29 JMJ */
/* 2019-09-02 JMJ */
.lypop .ly_cont .list_box {border a| ^ PVw E a @,Ys[=k P M cPW 0; margin-bottom:4px; padding-bottom:23px;}
.lypop .ly_cont .list_box .list_tit {color:#333; font-family:'HYBold'; font-size:13px; margin:33px 0 10px;}
.lypop .ly_cont .list_box ul li {font-size:13px; color:#666; line-height:25px;}
/* //2019-09-02 JMJ */
/* 레이어팝업 스타일2 */
.lypop.type2 {width:900px;}
.lypop.type2 .ly_tit {margin-bottom:50px;padding-bottom:43px;border-bottom:1px solid #ebebeb;}
.lypop.type2 .ly_tit .tit {margin-top:-7px;color:#333333;font-size:36px;line-height:1.3;}
.lypop.type2 .ly_cont {}
.lypop .section_wrap2 .section ,
.main .lypop .section_wrap2 .section {width:780px;padding:40px 0;}
/*.main .lypop .section_wrap2 .section{padding-bottom:0 !important;}*/
.main .lypop .section_wrap2 .section:first-child{padding-bottom:40px !important;}
.lypop .section_wrap2 .section:first-child,
.main .lypop .section_wrap2 .section:first-child {padding-top:0;border-top:none;}
.lypop .section_wrap2 .section .sec_tit,
.main .lypop .section_wrap2 .section .sec_tit,
.main .lypop .section_wrap2 .section .sec_tit .tit {width:200px;font-size:19px;}
.lypop .section_wrap2 .section .sec_tit .tit {margin-top:-4px;}
.lypop .section_wrap2 .section .sec_cont,
.main .lypop .section_wrap2 .section .sec_cont {width:580px;}
/* 스타일1 : 메시지 타입 */
.lypop .box_message {text-align:center;}
.lypop .box_message .msg_ico {overflow:hidden;width:112px;height:112px;margin:10px auto 26px a| ^ PVw E b @,Xs[=k P McP* mn/images/common/ico_call.png) no-repeat 0 0;}
.car .lypop .box_message .msg_ico {background-position:0 -120px;}
.loan .lypop .box_message .msg_ico {background-position:0 -240px;}
.lypop .box_message.msg_finish .msg_ico {background-image:url(../../cmmn/images/common/ico_msg_call.png)}/* 전화이미지 */
.lypop .box_message .msg_wrap {margin-top:10px;}
.lypop .box_message .msg_tit {margin-top:27px;font-size:24px;line-height:31px;}
.lypop .box_message .msg_tit .sub {margin-bottom:16px;font-size:24px;line-height:1.3;}/* CP_COM_019 20170317 */
.lypop .box_message .msg_cont {margin-top:23px;font-size:13px;line-height:20px;}
.lypop .box_message .msg_detail {}
.box_message .counsel_order {margin-top:35px;padding-top:37px;padding-bottom:22px;border-top:1px solid #f0f0f0;text-align:center;}
.box_message .counsel_order .tit {color:#333333;}
.box_message .counsel_order ol {margin-top:33px;}
.box_message .counsel_order ol:after {content:'';display:block;clear:both;}
.box_message .counsel_order ol li{float:left;width:105px;min-height:38px;padding-left:13px;background:url(../../cmmn/images/loansecurity/bg_step_use_arr.png) no-repeat 0 6px;}
.box_message .counsel_order ol.list_3 li{width:136px;}
.box_message .counsel_order ol li:first-child{padding-left:0 !important;background-image:none !important;}
.box_message .counsel_order ol.col5 li {width:81px;}
.lypop .box_message + .btn_wrap_c {margin-top:35px;}
.bo a| ^ PVw E c @,Ws[=k P McP$ nter;}
.box_message .msg_ico {overflow:hidden;width:112px;height:112px;margin:10px auto 26px;background:url(../../cmmn/images/common/ico_call.png) no-repeat 0 0;}
.car .box_message .msg_ico {background-position:0 -120px;}
.loan .box_message .msg_ico {background-position:0 -240px;}
.box_message .msg_wrap {margin-top:10px;}
.box_message .msg_tit {margin-top:46px;font-size:24px;line-height:31px;}
.box_message .msg_tit .sub {margin-bottom:16px;font-size:19px;line-height:25px;}
.box_message .msg_cont {margin-top:42px;font-size:13px;line-height:20px;}
.box_message .msg_cont .txt_point {margin-bottom:8px;font-size:15px;}
.box_message .msg_detail {text-align:left;}
.box_message + .btn_wrap_c {margin-top:56px;}
.section_wrap .section .box_message .msg_tit {font-size:22px;line-height:29px;}/* box section 안쪽 메세제 타이틀 사이즈 */
/* 구매프로그램 팝업 */
.lypop.type3 {width:900px;padding:0;border-radius:10px 10px 4px 4px;}
.lypop.type3 .lypop_cont {border-radius:10px;}
.lypop.type3 .ly_tit {margin-bottom:25px;}
.lypop.type3 .ly_tit p {color:#ffffff;}
.lypop.type3 .ly_tit .tit {margin-top:-6px;color:#ffffff;font-size:36px;line-height:47px;}
.lypop.type3 .ly_tit .tit_sub {padding-top:10px;color:#ffffff;font-size:15px;line-height:21px;}
.lypop.type3 .box_graph {margin-top:56px;}
.lypop.type3 .ly_cont {padding:50px 60px 55px;border-radius:0 0 4px 4px;}
.lypop.type3 .lypop_closer {backg a| ^ PVw E d @,Vs[=k P M8cPc s/common/btn_close_lypop_wht.png);z-index:99}
.box_tit {padding:60px 60px 50px;border-radius:4px 4px 0 0 ;background-color:#1976d2;background-image:linear-gradient(200deg, #1976d2 0%, #2aa0fd 100%);background-image:-webkit-linear-gradient(200deg, #2aa0fd 0%, #1976d2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#1976d2, endColorstr=#2aa0fd);text-align:center;}
.car .box_tit {padding:60px 60px 50px;border-radius:4px 4px 0 0 ;background-color:#3D5BDC;background-image:linear-gradient(200deg, #3D5BDC 0%, #488FF6 100%);background-image:-webkit-linear-gradient(200deg, #488FF6 0%, #3D5BDC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);text-align:center;}
.loan .box_tit {padding:60px 60px 50px;border-radius:4px 4px 0 0 ;background-color:#0F82BE;background-image:linear-gradient(200deg, #0F82BE 0%, #11B4E3 100%);background-image:-webkit-linear-gradient(200deg, #11B4E3 0%, #0F82BE 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#0F82BE, endColorstr=#11B4E3);text-align:center;}
.loan_credit .box_tit {padding:60px 60px 50px;border-radius:4px 4px 0 0 ;background-color:#0593A6;background-image:linear-gradient(200deg, #0593A6 0%, #00BAC0 100%);background-image:-webkit-linear-gradient(200deg, #00BAC0 0%, #0593A6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradie a} ^ PVw E e @,Us[=k P McP耸 #0593A6, endColorstr=#00BAC0);text-align:center;}
/* CP_AUN_002_04 */
.bdl{border-left:1px solid #f0f0f0;}
.tbl_txt.use{border-top:none;}
.tbl_txt.use td{color:#333333;}
.tbl_txt.use table tbody tr th{padding-left:0;}
/* loan.css 내 레이어 관련 css */
.lypop .section_wrap2 .section .sec_tit .tit{font-size:19px;}
/* 공통에러(임시셋팅) */
.box_message.message_error {width:500px;margin:0 auto;}
.box_message.message_error .msg_detail {margin-top:60px;text-align:left;}
/* 시스템팝업 */
.system_wrap .lypop{display:block;width:100%; /*width: auto;*/ margin:0;box-shadow:none;border-radius:0;opacity:1;transform:none;-webkit-transform:none;}
.system_wrap .counsel_order{width:460px;margin:35px auto 0;}
/* table */
.tbl_form {}
.tbl_form table {width:100%;table-layout:fixed;border-collapse:collapse;}
.tbl_form table tr:first-child td {padding-top:0;}
.tbl_form table td {padding:10px 5px 0;vertical-align:top;}
.tbl_form table td:first-child {padding-left:0;}
.tbl_form table td:last-child {padding-right:0;}
.tbl_form table td.lst {padding-right:0;}
.tbl_form table tr:first-child td .form_group_wrap dt {padding-top:0;}
.tbl_form table tr:first-child .form_group_wrap.type3{margin-top:0;}
.tbl_form.type2 table td,
.section_wrap2 .section .sec_cont .tbl_form table td {padding-left:10px;padding-right:10px;}
.tbl_form.type2 table tr:first-child td,
.section_wrap2 .section .sec_cont .tbl_ a} ^ PVw E f @,Ts[=k P McP虧 d td {padding-top:0;}
.tbl_form.type2 table td:first-child,
.section_wrap2 .section .sec_cont .tbl_form table td:first-child {padding-left:0;}
.tbl_form.type2 table td:last-child,
.section_wrap2 .section .sec_cont .tbl_form table td:last-child {padding-right:0;}
.tbl_form.type2 table td.lst,
.section_wrap2 .section .sec_cont .tbl_form table td.lst {padding-right:0;}
.tbl_form.type2 table td td .msg_error {margin:0;}
.tbl_data th,.tbl_data td{color:#333333;font-size:15px;border-bottom:1px solid #F0F0F0;text-align:left;}
.tbl_data th{padding-top:32px;font-weight:normal;vertical-align:top;}
.tbl_data td{height:16px;padding:32px 0;}
.tbl_data tfoot th{padding-top:38px;}
.tbl_data tfoot td{color:#333333;font-size:26px;text-align:right;}
.tbl_data.small th,.tbl_data.small td{padding:18px 0;line-height:1.5em;}
.tbl_data.small pdt40{color:#666666;}
.tbl_data.bd_none th,.tbl_data.bd_none td{padding:20px 0;border:none;}
.tbl_data.fs13 th,.tbl_data.fs13 td{padding:18px 0;font-size:13px;line-height:1.4em;}
.js_tbl_radio td{cursor:pointer;}/* td 클릭시 라디오 체크 */
/* paging */
.paging {margin-top:30px;text-align:center;}
.paging>span, .paging a {display:inline-block;width:34px;height:34px;margin:0 4px;vertical-align:middle;color:#666666;font-size:15px;line-height:34px;border-radius:4px;transition:box-shadow 0.2s ease;-webkit-transition:box-shadow 0.2s ease;}
.paging span {color:#333333;border:1 aA} < < PVw ^ E (@ jks[= Pc MdP aC} < < PVw ^ E (@ jks[= Pc M{P ڡ8 aD} < < PVw ^ E (@ jks[= Pc MpLP 嬕 aF} < < PVw ^ E (@ jks[= Pc MP Ċ~ aH} < < PVw ^ E (@ jks[= Pc M P ϕ a@~ < < PVw ^ E (@ jks[= Pc MP ! aB~ < < PVw ^ E (@ jks[= Pc MTP s a ^ PVw E h @,Rs[=k P MTcP dow:0 1px 5px 0 rgba(0,13,57,0.1);}
.paging .blind{border-width:0;}
.paging a:hover{color:#1e88e5;font-family:'Hybold';border-color:#ffffff;box-shadow:0 5px 20px 0 rgba(0,13,57,0.1);}
.paging .arrow {display:inline-block;width:40px;height:20px;padding:0;background:url(../../cmmn/images/common/btn_paging.png) no-repeat 0 4px;}
.paging .arrow:hover{box-shadow:none;}
.paging .arrow.prev {margin-right:20px;}
.paging .arrow.next {margin-left:20px;background-position:-56px 4px;}
.paging .arrow.prev:hover{background-position:0 -26px;}
.paging .arrow.next:hover{background-position:-56px -26px;}
.paging .page_nav {display:none;width:9px;height:9px;margin:0 0px;padding:0;background:url(../../cmmn/images/common/btn_paging2.png) no-repeat 0 0;}
.paging .page_nav.last {background-position:-11px 0}
/* 링크 */
.link {/*display:inline-block;*/font-size:13px;line-height:20px;vertical-align:middle;}
.link.wht {color:#ffffff;}
.link.wht:hover, .link.wht:focus {color:#ffffff !important;text-decoration:underline;}
.link.c333, .link.txt_c333 {color:#333333;}
.link.c888, .link.txt_c888 {color:#888888;}
.link:hover, .link.c333:hover, .link.c888:hover
.link:focus, .link.c333:focus, .link.c888:focus {/* color:#1e88e5; */text-decoration:underline;}/* 20170308 UI팀요청으로 수정 */
.car .link:hover, .car .link.c333:hover, .car .link.c888:hover
.car .link:focus, .car .link.c333:focus, .car .link.c888:focus {color: a ^ PVw E i @,Qs[=k P McPa over, .loan .link.c333:hover, .loan .link.c888:hover
.loan .link:focus, .loan .link.c333:focus, .loan .link.c888:focus {color:#0F82BE;}
.list_link2 a.link_arr {display:inline-block;padding-right:10px;background:url(../../cmmn/images/common/bul_link_arr.png) no-repeat right 1px ; font-size:13px;line-height:20px;vertical-align:middle;}
.link_arr {display:inline-block;padding-right:10px;background:url(../../cmmn/images/common/bul_link_arr.png) no-repeat right 1px ; font-size:13px;line-height:20px;vertical-align:middle;}/*17.08.23 modify */
.service_info .link_zone{position:relative; text-align:right;} /* 2020-09-24 웹접근성 KEJ : 추가 */
.link_arr.btn {padding:0 6px;background:url(../../cmmn/images/common/bul_link_arr.png) no-repeat 2px -1px ; line-height:16px;margin-left:3px}/*17.07.27 add */
.link_arr.btn:hover, .link_arr.btn:focus {text-decoration:none;}/*17.07.27 add */
.link_arr.btn2 {padding:0 6px;background:url(../../cmmn/images/common/bul_link_arr.png) no-repeat 2px -1px ; line-height:16px;margin-left:-11px}/*17.07.27 add CP_ILC_011 */
.link_arr.btn2:hover, .link_arr.btn2:focus {text-decoration:none;}/*17.07.27 add CP_ILC_011 */
.link_arr.blue {background-position:100% -29px;color:#1e88e5;} /* 2021-03-30 LJY : [모니터링][WEB]링크 표시 화살표 상하 정렬 체크 */
.car .link_arr.blue {background-position:100% -60px;color:#3D5BDC;}
.loan .link_arr.blue {background-position:100% a ^ PVw E j @,Ps[=k P McP link_arr.wht {background-position:100% -179px;color:#ffffff;} /* 2021-03-30 LJY : [모니터링][WEB]링크 표시 화살표 상하 정렬 체크 */
.login_con .link_arr.wht {background-position:100% -180px;color:#ffffff;}
.list_link .link_arr.wht {background-position:100% -179px;color:#ffffff;} /* 2021-03-30 LJY : [모니터링][WEB]링크 표시 화살표 상하 정렬 체크 */
.link_arr.wht:hover {background-position:100% -180px !important;color:#ffffff !important;text-decoration:underline;}
.link_arr.c333, .link_arr.txt_c333 {background-position:100% -119px;color:#333333;} /* 2021-03-30 LJY : [모니터링][WEB]링크 표시 화살표 상하 정렬 체크 */
.link_arr.c888, .link_arr.txt_c888 {background-position:100% -150px;color:#888888;}
.link_arr:hover, .link_arr:focus {text-decoration:underline;/* background-position:100% -30px;color:#1e88e5; */}/* 20170308 UI팀요청으로 수정 */
/* .car .link_arr:hover, .car .link_arr:focus {background-position:100% -60px;color:#3D5BDC;}
.loan .link_arr:hover, .loan .link_arr:focus {background-position:100% -90px;color:#0F82BE;} */
.link_arr.disabled,.link.disabled{color:#888888!important;cursor:default;}
.link_arr.disabled:hover,.link.disabled:hover, .link_arr.disabled:focus,.link.disabled:focus, .link_arr.disabled:active,.link.disabled:active{text-decoration:none!important;}
/* 신용대출 */
.tab_select {margin:40px auto;text-align:center;}
/* 약 a ^ PVw E k @,Os[=k P MpcP
.box_agree_wrap {margin:60px 0 0;}
.tit_agree {margin-top:34px;color:#333333;font-size:13px;}
.list_agree_wrap {margin-top:20px;}
.list_agree_wrap:after {content:'';display:block;width:100%;clear:both;}
.list_agree_wrap > ul > li {float:left;width:100%;}
.list_agree_wrap > ul.col2{}
.list_agree_wrap > ul.col2 > li {width:48%;}
.list_agree_wrap > ul.col2 > li:first-child {width:50%;margin-right:5px;}
.list_agree_wrap + .txt_cmnt {line-height:1;}
.list_agree.arrow_list li .agr_chk{padding-right: 0;} /* 17.07.27 add 이혜진 */
.list_agree.contact_list li {width:auto;margin-top: 0; } /* 17.07.27 add 이혜진 */
.list_agree.contact_list li.mt{margin-top: 7px;} /* 17.07.27 add 이혜진 */
.list_agree.contact_list li.mt .agr_chk {padding-right: 30px;} /* 17.07.27 add 이혜진 */
.list_agree {}
.list_agree.clear{overflow:hidden;}
.list_agree li {position:relative;margin-top:7px;white-space:nowrap}
.list_agree li:first-child {margin-top:0;}
.list_agree li .agr_chk {display:inline-block; padding-right:10px;}/* 2021-05-07 PSS : [WEB] 신정법_약관_샘플화면 시안작업 */
/* 2021-05-18 KEJ : 추가 */
.loan_list_agree {overflow:hidden;}
.list_agree li .agr_chk .rating {overflow:hidden; margin:5px 0 -10px 25px;}
.list_agree li .agr_chk .rating span[class^='type']{position:relative; float:left; display:block; padding-left:19px;}
.list_agree li .agr_chk .rating span[class^='type']:before {pos a͊ ^ PVw E o @,Ks[=k P M$cP top:5px; display:block; content:""; width:9px; height:9px; border-radius:100%; }
.list_agree li .agr_chk .rating span.type1:before {background:#019dc2;}/*매우적정*/
.list_agree li .agr_chk .rating span.type2:before {background:#52b148;}/*적정*/
.list_agree li .agr_chk .rating span.type3:before {background:#edc11b;}/*비교적 적정*/
.list_agree li .agr_chk .rating span.type4:before {background:#ef812d;}/*신중*/
.list_agree li .agr_chk .rating span.type5:before {background:#e02e27;}/*위험*/
.list_agree li .agr_chk .rating .link {float:left; margin:0 0 0 20px; }
.list_agree li .agr_chk .rating .link:after {display:none;}
.list_agree li .agr_chk .rating .link > li {position:relative; float:left; margin:0 0 0 10px; padding:0 0 0 10px;}
.list_agree li .agr_chk .rating .link > li a {font-size:13px; color:#333;}
.list_agree li .agr_chk .rating .link > li:before {position:absolute; left:0; top:5px; display:block; content:""; width:1px; height:9px; background:#ccc;}
.list_agree li .agr_chk .rating .link > li:first-child {margin:0; padding:0; }
.list_agree li .agr_chk .rating .link > li:first-child:before {display:none;}
.loan_list_agree li .txt_sty{font-size:13px; line-height:20px; color:#888;}
/* //2021-05-18 KEJ : 추가 */
.list_agree li .agr_view {margin-left:6px;}
.list_agree li .agr_view a, .list_agree li .agr_view a.link_arr {padding-right:0;color:#333333;background:none;}
.list_agree aڊ ^ PVw E p @,Js[=k P McPG t-decoration:underline;}
/* .list_agree li .agr_view a:hover, .list_agree li .agr_view a:focus {color:#1e88e5}
.car .list_agree li .agr_view a:hover, .car .list_agree li .agr_view a:focus {color:#3D5BDC}
.loan .list_agree li .agr_view a:hover, .loan .list_agree li .agr_view a:focus {color:#0F82BE} */
.list_agree li p.msg_error {}
.list_agree li .agr_chk.agr_chk_all .ck_box {color:#333333;}
/* 약관 */
.terms_wrap {*margin-bottom:60px;font-size:13px;line-height:1.5;}
.terms_wrap p {font-size:13px;}
.terms_tit {margin-top:50px;margin-bottom:40px;color:#333333;font-size:19px;}/* 2018-10-24 KSM */
.terms_txt {margin-top:4px;}
.terms_dep1 {margin-top:36px;margin-bottom:16px;color:#333333;font-size:13px;line-height:1.3;font-family:'HYBold';}
.terms_dep2_tit {margin-top:16px;margin-bottom:16px;color:#666666;font-size:13px;line-height:1.3;font-family:'HYBold';}
.terms_dep2 {margin-top:14px;}
.terms_dep2 > li {position:relative;margin-top:7px;padding-left:30px;}
.terms_dep2 >li span.num {position:absolute;top:0;left:2px;display:inline-block;}
.terms_dep3 {}
.terms_dep3 > li {margin-top:3px;margin-left:16px;text-indent:-16px;}/* 원형숫자 */
.terms_dep3.type2 > li {margin-left:9px;text-indent:-9px;}/* hyphen */
.terms_dep3.type3 > li {margin-left:19px;text-indent:-19px;}/* 가나다 */
.terms_wrap .tbl_txt {margin:10px 0 40px;}/* 20170313 */
.terms_wrap .tbl_txt th, .terms_wrap .tbl_txt td,
.terms a܊ < < PVw ^ E (@ jks[= Pc MP hg a ^ PVw E q @,Is[=k P MˌcP蒎 num, .terms_wrap .tbl_txt table td.num{padding-top:10px;padding-bottom:10px;}/* 20170313 */
.terms_dep1 + .tbl_txt{margin-top:-10px;}/* 20170313 */
.terms_wrap a:hover, .terms_wrap a:focus{text-decoration:underline;}
.terms_wrap em {text-decoration:underline;} /* 17.09.22 add by SMH */
.terms_wrap strong {font-family:'HYBold';color:#333333;}/* 17.09.22 add by SMH */
.terms_wrap .tbl_txt table td{vertical-align:middle;padding-left:5px;padding-right:5px;} /* 2017-01-26 CDH : 약관 table 간격 */
/* 2021-03-15 CDH : 금소법 */
/* 2021-09-03 KEJ : 추가 */
.terms_dep5 li{position: relative; padding-left: 10px;}
.terms_dep5 li:before{content:'-'; display:block; position:absolute; left:0; top:0;}
/* //2021-09-03 KEJ : 추가 */
.years65 strong.big{font-family:'HYBold';color:#333;font-size:16px}
strong.big{font-weight:normal;font-family:'HYBold';} /* 2021-09-15 CDH : 수정*/
/* 17.10.11 add by PMS */
/*약관 - sizeChange */
.sizeChange .morebig {font-size:16px;font-family:'HYBold';}
.sizeChange .terms_dep1.subTitle{font-size:17px}
.sizeChange .terms_dep1 {font-size:16px;}
.sizeChange .terms_dep2_tit {font-size:16px !important;}
/* //17.10.11 add by PMS */
/* 레이어팝업일 경우 */
.lypop .list_agree_wrap{margin-top:14px;}/* 20170314 CP_ILC_005_02 */
.lypop .list_agree_wrap > ul > li .list_agree {width:100%; /*width: auto;*/}
/*.lypop .terms_dep1 {margin-top:26px;margin-bottom:16p a ^ PVw E r @,Hs[=k P M@cP\ p {margin-bottom:0;}
.lypop .box_agree {margin-top:20px;padding:20px 0;border:1px solid #f0f0f0;border-width:1px 0;}
.lypop .box_agree.bdr_top {margin-top:0;border-top:none;} /* 17.07.27 add 이혜진 */
.lypop .box_agree .terms_wrap {margin-bottom:0;}
.lypop .box_agree .terms_dep1 {margin-top:12px;margin-bottom:6px;}
.lypop .box_agree .terms_txt {margin-left:12px;margin-top:7px;}
.lypop .box_agree .terms_txt.txt_blue{margin-top:16px;}
/* 탭 */
.tab_navi ul li a {cursor:pointer;}
.tab_cont > .cont {display:none;}
.tab_cont > .cont.on {display:block;}
.tab_cont > .cont2 {display:none;}/* 2018-03-15 JMJ */
.tab_cont > .cont2.view {display:block;}/* 2018-03-15 JMJ */
/* tooltip */
.tooltip {display:inline-block;position:relative;top:-2px;height:16px;vertical-align:middle;}
.lypop .tooltip {z-index:80;}
.tooltip .btn_tooltip {width:16px;height:16px;margin:0;padding:0;border-radius:30px;background:url(../../cmmn/images/common/btn_tooltip.png) no-repeat 0 0;}
.tooltip .btn_tooltip span {display:block;overflow:hidden;width:0;height:0;text-indent:-999px;}
.tooltip .btn_tooltip.open {}
.section_info_prdt .box_info.bg_b4 .tooltip .btn_tooltip.open{background-position:0 -60px;}
.tooltip .btn_tooltip.close {background-position:0 -40px !important;}
.tooltip .tooltip_box {display:none;position:absolute;bottom:35px;width:300px;box-sizing:border-box;margin-left:-30px;padding:28px 30px;border-radius:4px;ba a ^ PVw E s @,Gs[=k P McP%3 dow:0 20px 30px 0 rgba(29,35,69,0.16);}
.tooltip.left .tooltip_box{margin-left:0;}
.tooltip.right .tooltip_box{margin-left:-283px;}
.tooltip .tooltip_box:after {content:'';display:block;position:absolute;left:33px;bottom:-8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 8px solid #ffffff;box-shadow:0 20px 30px 0 rgba(29,35,69,0.16);}
.tooltip.left .tooltip_box:after{left:auto;left:3px;}
.tooltip.right .tooltip_box:after{left:auto;right:3px;}
.tooltip .tooltip_box .tooltip_cont {color:#666666;font-family:'HYRegular';font-size:13px;line-height:19px;text-align:left;}
.tooltip .btn_tooltip.open:focus {}
.tooltip.wht .btn_tooltip {background-position:0 -20px;}
/* 오른쪽 위치 - 왼쪽방향으로 열림 */
.tooltip.pos_r {}
.tooltip.pos_r .tooltip_box {right:-30px;margin-left:0}
.tooltip.pos_r .tooltip_box:after{left:auto;right:37px;}
.tooltip.tt-opened {}
/* 툴팁박스 사이즈 정의 */
.tooltip .tooltip_box.w200 {width:200px;}
.tooltip .tooltip_box.w300 {width:300px;z-index:1;}
.tooltip .tooltip_box.w500 {width:500px;}
.tooltip .tooltip_box.w600 {width:600px;}
/* 툴팁박스 컨텐츠 테이블 */
.tbl_tooltip table {width:100%;border-collapse:collapse;}
.tbl_tooltip thead th {text-align:left;padding-bottom:10px;border-bottom:1px solid #dddddd;color:#888888;font-size:13px;line-height:20px;}
.tbl_tooltip tbody td {text-align:left;colo a
^ PVw E w @,Cs[=k P MܨcPp ;line-height:20px;}
.tbl_tooltip tbody tr:first-child td {padding-top:10px;}
.tbl_tooltip.line tbody td{padding:5px 0 6px;border-top:1px solid #f0f0f0;}
.tbl_tooltip.line tbody tr:first-child td {border-top:none;}
.dt_none2{margin-top:23px;}
.dt_none3{vertical-align:bottom;}
.dt_none4{margin-top:38px;} /* 2020-03-11 LJY 추가 */
/* 배경 컨텐츠 영역 */
#contents_top .inner {position:relative;width:1180px;margin:0 auto; text-align:center;z-index:2;}
#contents_top .contents_top_inner{position:relative;} /* 2019-04-08 JMJ : z-index:2 삭제 */
#contents_top {
position:relative;
background-color:#1976D2;
/*background-image: linear-gradient(120deg, #2A9FFD, #1976D2, #2595F3, #1976D2, #2A9FFD);
background-image:-webkit-linear-gradient(120deg, #2A9FFD, #1976D2, #2595F3, #1976D2, #2A9FFD);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#1976D2, endColorstr=#2A9FFD);*/
padding:40px 40px;
color:#ffffff;
box-shadow:0 5px 16px 0 rgb(216,222,250) !important;
}
.loan_credit #contents_top {
position:relative;
background-color:#0593a6;
/*background-image: linear-gradient(120deg, #2A9FFD, #1976D2, #2595F3, #1976D2, #2A9FFD);
background-image:-webkit-linear-gradient(120deg, #2A9FFD, #1976D2, #2595F3, #1976D2, #2A9FFD);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#1976D2, endColorstr=#2A9F a ^ PVw E x @,Bs[=k P M\cP 40px;
color:#ffffff;
box-shadow:0 5px 16px 0 rgb(216,222,250) !important;
}
#contents_top { /*background: linear-gradient(120deg, #2A9FFD, #1976D2, #2595F3, #1976D2, #2A9FFD);*/
/*background-size:500% 500%;
background-repeat: initial;
background-position:initial;
-webkit-animation: AnimationName 5s ease infinite;
-moz-animation: AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;*/
}
.loan #contents_top{
background-color:#0F82BE !important;
/*background-image:linear-gradient(120deg, #11B4E3, #0F82BE, #10ABDC, #0F82BE, #11B4E3);
background-image:-webkit-linear-gradient(120deg, #11B4E3, #0F82BE, #10ABDC, #0F82BE, #11B4E3);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#11B4E3, endColorstr=#0F82BE) !important;*/
}
.loan #contents_top {
/*background: linear-gradient(120deg, #11B4E3, #0F82BE, #10ABDC, #0F82BE, #11B4E3) ;
background-size:500% 500% !important;
background-repeat: initial !important;
background-position:initial !important;*/
}
.car #contents_top{position:relative;
background-color:#3D5BDC !important;
/*background-image:linear-gradient(120deg, #488FF6, #3D5BDC, #4582F0, #3D5BDC, #488FF6) !important;
background-image:-webkit-linear-gradient(120deg, #488FF6, #3D5BDC, #4582F0, #3D5BDC, #488FF6) !important;
filter:progid:DXImageTransform.Microsoft.gradient(gradient a% ^ PVw E y @,As[=k P McPk 88FF6, endColorstr=#3D5BDC) !important;
animation:none;
background:#0F82BE !important;*/
}
#contents_top:before{
content: '';
display: block;
clear: both;
position:absolute;
top:0;
left:0;
right:0;
height:100%;
background:#2A9FFD;
animation: AnimationOpacity 5s ease infinite;
}
.loan_credit #contents_top:before{
content: '';
display: block;
clear: both;
position:absolute;
top:0;
left:0;
right:0;
height:100%;
background:#00bac0;
animation: AnimationOpacity 5s ease infinite;
}
.car #contents_top:before{
content: '';
display: block;
clear: both;
position:absolute;
top:0;
left:0;
right:0;
height:100%;
background:#488FF6;
animation: AnimationOpacity 5s ease infinite;
}
.loan #contents_top:before{
content: '';
display: block;
clear: both;
position:absolute;
top:0;
left:0;
right:0;
height:100%;
background:#11B4E3;
animation: AnimationOpacity 5s ease infinite;
}
@-moz-keyframes AnimationOpacity {
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:0}
}
@keyframes AnimationOpacity {
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:0}
}
@-webkit-keyframes AnimationOpacity {
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:0}
}
@-moz-keyframes Animationgenesis {
0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@keyframes Animationgenesis {
0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@-w a4 ^ PVw E z @,@s[=k P McP ngenesis {
0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
/* member.css */
.form_text.input_mouse {position:relative}
.form_text.input_mouse .btn_mouse {position:absolute;z-index:1;top:7px;right:10px;width:35px;height:34px;background:url(../../cmmn/images/common/ico_mouse.png) no-repeat 50% 50%;text-indent:-9999px;}
.form_group.h60 .form_text.input_mouse .btn_mouse {top:12px;}
/* 개발화면 보완 2017-02-13 */
.form_text.input_mouse {}
.form_text.input_mouse span {display:block;position:absolute;top:7px;right:11px;width:35px;height:34px;z-index:2;}
.form_text.input_mouse span img {width:35px;height:34px;}
.form_group.h60 .form_text.input_mouse span {top:12px;}
.input_certkey{position:relative} /* 본인확인 - 가상기보드 *//* 2019-02-14 CDH : 추가 */
.input_certkey > span {position:absolute;top:0;right:0;width:35px;height:34px;z-index:2;} /* 본인확인 - 가상기보드 *//* 2019-02-14 CDH : 추가 */
.form_text.form_search {position:relative}
.form_text.form_search .btn_search {position:absolute;z-index:1;top:7px;right:10px;width:35px;height:34px;background:url(../../cmmn/images/common/ico_mag.png) no-repeat 50% 50%;text-indent:-9999px;}
.form_group.h60 .form_text.form_search .btn_search {top:12px;}
.form_group_wrap .txt_unit {/*padding:0 15px 0 6px; 2017-06-08 */ padding-right:6px;color:#333333;font-size:15px; width:5px;/*vertical-align:-30%;*/}
.tbl_txt {border-top:1p aF < < PVw ^ E (@ jks[= Pc M$P ]
aH < < PVw ^ E (@ jks[= Pc MˌP Q aL ^ PVw E { @,?s[=k P MxcP9W ottom:1px solid #f0f0f0;}
.tbl_txt table {width:100%;table-layout:fixed;border-collapse:collapse;}
.tbl_txt table thead th {padding:17px 0 16px 0px;border-bottom:1px solid #dddddd;color:#888888;font-weight:normal;text-align:left;vertical-align:top}
.tbl_txt table thead .tc th {text-align:center;}/*2018-04-11 KTH*/
.tbl_txt table.tbl_ct th {text-align:center;}/* 2018-03-16 JMJ */
.tbl_txt table tbody th {padding:17px 20px 16px;border-top:1px solid #f0f0f0;color:#888888;text-align:left}
.tbl_txt table tbody tr th:first-child{padding-left:0;}
.tbl_txt table td {padding:20px 0 20px 0px;border-top:1px solid #f0f0f0;color:#666666;line-height:19px;vertical-align:top}/*공통 수정 결함 964*/
.tbl_txt table tbody .tc {text-align:center;}/*2018-04-11 KTH*/
.tbl_txt table tbody .la_txt {padding-left:10px;}/*2018-04-11 KTH*/
.tbl_txt table.tbl_ct td {text-align:center;}/* 2018-03-16 JMJ */
.tbl_txt table.tbl_ct td.right {text-align:right !important;}/* 2018-03-16 JMJ */
.tbl_txt table.tbl_basic td {padding:20px 20px 20px 0px;}/* 2020-09-29 JMJ */
.tbl_txt table tbody tr:first-child th, .tbl_txt table tbody tr:first-child td {border-top:none;}
.tbl_txt table th.num, .tbl_txt table td.num {padding:17px 0 16px 20px;text-align:center;}
.tbl_txt table td strong {color:#333333}
.tbl_txt table td strong.bold {color:#666666;font-family:'HYBold'}
.tbl_txt.bdt_none {border-top:none;}
.tbl_txt.bdb_none {border-bot a_ ^ PVw E | @,>s[=k P M,cPG _ac table thead th , .tbl_txt.tbl_ac table td {text-align:center;}
.tbl_txt.td_ac table td {text-align:center;}
.tbl_txt.tbl_ar table thead th , .tbl_txt.tbl_ar table td {text-align:right;}
.tbl_txt.td_ar table td {text-align:right;}
/* 아코디언 */
.list_faq {margin-top:-20px;}
.list_faq > ul > li {border-top:1px solid #f0f0f0;line-height:1.5em;}
.list_faq > ul > li:first-child {border-top:none;}
.list_faq > ul > li .question {display:block;padding:20px 50px 20px 0;background:url(../../cmmn/images/membership/btn_fold.gif) no-repeat 100% 50%;color:#333333;font-size:16px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.list_faq > ul > li .answer em,
.list_faq > ul > li .question em {color:#1e88e5;}
/*.tab_wrap .list_faq > ul > li .answer a{color:#1e88e5;}*/
.car .list_faq > ul > li > a:hover{color:#488ff6;}/* 20170308 UI팀 요청 focus 효과 삭제 */
.list_faq li .answer {display:none;margin-bottom:-1px;padding:10px 0 30px;border-bottom:1px solid #e5e5e5;font-size:13px;line-height:20px;}
.list_faq > ul > li:last-child .answer {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.list_faq li.on .question {color:#1e88e5; background-image:url(../../cmmn/images/common/btn_fold_car_hover.png);} /* 2019-09-04 JMJ */
.car .list_faq li.on .question {color:#3d5bdc; background-image:url(../../cmmn/images/common/btn_fold_car_hover.png);}
.loan .list_faq li.on .question {color:#198fcc; ba ax ^ PVw E } @,=s[=k P McPo /cmmn/images/common/btn_fold_loan_hover.png);}
.loan_credit .list_faq li.on .question {color:#0593a6; background-image:url(../../cmmn/images/common/btn_fold_loancredit_hover.png);}
.list_faq > ul > li.on {border-top:1px solid #e5e5e5;}
.list_faq > ul > li:first-child.on {border-top:none;}
.list_faq > ul > li.on > a {color:#333333; background-image:url(../../cmmn/images/membership/btn_unfold.gif);}
/*마우스오버시*/
.list_faq > ul > li > a:hover{color:#1e88e5; background-image:url(../../cmmn/images/membership/btn_fold.gif);}/* 20170308 UI팀 요청 focus 효과 삭제 */ /* 2019-09-04 JMJ */
.car .list_faq > ul > li > a:hover{color:#3d5bdc; background-image:url(../../cmmn/images/membership/btn_fold.gif);}/* 20170308 UI팀 요청 focus 효과 삭제 */
.loan .list_faq > ul > li > a:hover{color:#198fcc; background-image:url(../../cmmn/images/membership/btn_fold.gif);}/* 20170308 UI팀 요청 focus 효과 삭제 */
.loan_credit .list_faq > ul > li > a:hover{color:#0593a6; background-image:url(../../cmmn/images/membership/btn_fold.gif);}/* 20170308 UI팀 요청 focus 효과 삭제 */
.list_faq > ul > li.off a {opacity:0.4;}
.loan .list_faq > ul > li.off > a:hover, .list_faq > ul > li.off > a:focus {color:#198fcc;}
.car .list_faq > ul > li.off > a:hover, .list_faq > ul > li.off > a:focus {color:#3d5bdc;}
.loan_credit .list_faq > ul > li.off > a:hover, .list_faq > ul > li.off > a:focus {color:#0593a6;} a ^ PVw E ~ @, a:hover, .list_faq > ul > li.off > a:focus {color:#1e88e5;background-image:url(../../cmmn/images/common/btn_fold_car_hover.png);opacity:1;} /* 2019-09-04 JMJ */
.car .list_faq > ul > li.off > a:hover, .list_faq > ul > li.off > a:focus {color:#3d5bdc;background-image:url(../../cmmn/images/common/btn_fold_car_hover.png);opacity:1;}
.loan .list_faq > ul > li.off > a:hover, .list_faq > ul > li.off > a:focus {color:#198fcc;background-image:url(../../cmmn/images/common/btn_fold_loan_hover.png);opacity:1;}
.loan_credit .list_faq > ul > li.off > a:hover, .loan_credit .list_faq > ul > li.off > a:focus {color:#0593a6;background-image:url(../../cmmn/images/common/btn_fold_loancredit_hover.png);opacity:1;}
/*.car .list_faq > ul > li.on > a {color:#333333;background-image:url(../../cmmn/images/membership/btn_fold_hover.gif);}
.car .list_faq > ul > li > a:hover, .car .list_faq > ul > li > a:focus {color:#3D5BDC;background-image:url(../../cmmn/images/membership/btn_fold_hover.gif);}
.loan .list_faq > ul > li > a:hover, .loan .list_faq > ul > li > a:focus {color:#0F82BE;background-image:url(../../cmmn/images/membership/btn_fold_hover.gif);}
.loan .list_faq > ul > li.on > a {color:#333333;background-image:url(../../cmmn/images/membership/btn_unfold.gif);}
.loan .list_faq > ul > li.on > a:hover {background-image:url(../../cmmn/images/membership/btn_unfold.gif);}*/
/* 준법 감시 심의 필 안내 */
.section_guard a ^ PVw E @,;s[=k P N
HcP :35px 0 35px;border-top:1px solid #666666;}
.section_guard .tit{padding-bottom: 3px;font-size:15px;font-family:'HYbold';color:#333333;}
/*.CPMSUS0101 .section_guard .tit{font-size:16px;} 2018-06-29 JMJ : 중실검 페이지 하단 */
/*.section_guard p.txt_point {color:#666666;font-size:13px;padding-left:7px;background: url(../images/common/bul_dot2.png) no-repeat 0 8px;}*/
.section_guard p.txt_point strong {font-family:'HYbold';color:#333333;}
.section_guard p.txt_point strong {margin-left: 5px;padding-left: 10px;background:url(../../cmmn/images/common/middot.png) left center no-repeat;}
.mem_ex dd.txt_point strong {margin-left: 5px;padding-left: 10px;background:url(../../cmmn/images/common/middot.png) left center no-repeat;}
.section_guard p.txt_point strong:first-child{margin-left:0}
.section_guard .message{padding-top:25px;}
.section_guard .message strong{display:block;padding-bottom:10px;font-size:17px;color:#333333;}
/* 2018-06-29 JMJ, 2018-07-17 LJY : 중실검 페이지 하단; */
.CPMSUS0101 .section_guard .tit,
.CPMSUS0109 .section_guard .tit {font-size:16px;}
.CPMSUS0101 .section_guard .message,
.CPMSUS0109 .section_guard .message {font-size:16px;}
.CPMSUS0101 .section_guard .message strong,
.CPMSUS0109 .section_guard .message strong {font-size:16px;}
.CPMSUS0101 .txt_point,
.CPMSUS0109 .txt_point {font-size:16px;}
/* //2018-06-29 JMJ, 2018-07-17 LJY : 중실검 페이지 하단 */
a ^ PVw E ŀ @,:s[=k P NcP 0{margin-top:10px !important;}
.section_guard .txt_cont.mgt20{margin-top:0px!important;}
.section_guard4 .message strong{display:block;padding-bottom:10px;font-size:17px;color:#333333;}/* 2018-05-31 JMJ */
/* ****************************************************************
List / Bullet
**************************************************************** */
/* 리스트 블릿 이미지 - 2x2 dot */
.list_txt {}
.list_txt ul {}
.list_txt > ul > li {padding-left:10px;background:url(../images/common/bul_dot.png) no-repeat 0 8px;color:#666666;font-size:13px;line-height:20px;}
.list_txt > ul > li:first-child {margin-top:0;}
/* 리스트 서브 */
.list_txt > ul > li > ol.sub > li {margin-top:5px;}
/* 컬러 구분 */
.list_txt.wht ul li {background-image:url(../images/common/bul_dot_wht.png);color:#FFFFFF;}
.list_txt.blue ul li {background-image:url(../images/common/bul_dot_blue.png);color:#1e88e5;}
.car .list_txt.blue ul li {background-image:url(../images/common/bul_dot_blue_car.png);color:#3D5BDC;}
.loan .list_txt.blue ul li {background-image:url(../images/common/bul_dot_blue_loan.png);color:#0F82BE;}
.list_txt.c888 ul li {background-image:url(../images/common/bul_dot_c888.png);color:#888888;}
.list_txt.c333 ul li {background-image:url(../images/common/bul_dot_c333.png);color:#333333;}
.list_txt.interval0 ul li {margin-top:0;} /* li간 간격 : 0 */
.list_txt.interval5 ul li {margin-top:5px;} /* 2 aƋ ^ PVw E Ł @,9s[=k P NcP݃
.list_txt.bul_none > ul > li {padding-left:0;background:none;}/* 블릿 없는 경우 */
.list_txt.none > ul > li {padding-left:0;background:none;}/* ##### 기존에 설정된 클래스 - 추후 삭제 ##### */
/*.list_txt.type2 ul li {padding-left:13px;background-image:url(../images/common/bul_list_hyphen.png);} 블릿 hyphen 텍스트로만 처리 */
.list_txt.fs15 ul li {background-position: 0 12px;font-size:15px;line-height:26px;}/* 폰트 15px */
.list_txt.fs12 ul li {background-position: 0 8px;font-size:12px;line-height:18px;}/* 폰트 12px */
/* 리스트 블릿 이미지 - 1x1 dot */
.list_txt2 {}
.list_txt2 ul li {margin-top:0px;padding-left:7px;background:url(../images/common/bul_dot2.png) no-repeat 0 8px;color:#666666;font-size:13px;line-height:20px;}
.list_txt2 ul li:first-child {margin-top:0;}
/* 컬러 구분 */
.list_txt2.wht ul li {background-image:url(../images/common/bul_dot2_wht.png);color:#FFFFFF;}
.list_txt2.blue ul li {background-image:url(../images/common/bul_dot2_blue.png);color:#1e88e5;}
.car .list_txt2.blue ul li {background-image:url(../images/common/bul_dot2_blue_car.png);color:#3D5BDC;}
.loan .list_txt2.blue ul li {background-image:url(../images/common/bul_dot2_blue_loan.png);color:#0F82BE;}
.list_txt2.c888 ul li {background-image:url(../images/common/bul_dot2_c888.png);color:#888888;}
.list_txt2.c333 ul li {background-image:url(../images/common/bul_dot2_c333.png);colo aދ ^ PVw E ł @,8s[=k P NdcP interval5 ul li {margin-top:5px;} /* li간 간격 : 5px */
.list_txt2.interval5 ul li:first-child {margin-top:0;}
.list_txt2.bul_none > ul > li {padding-left:0;background:none;}/* 블릿 없는 경우 */
/*.list_txt2.type2 ul li {padding-left:13px;background-image:url(../images/common/bul_list_hyphen.png);} 블릿 hyphen 이미지 */
/* 리스트 블릿 텍스트 처리 */
.list_txt3 ul li {margin-top:0px;padding-left:10px;color:#666666;font-size:13px;line-height:20px;text-indent:-10px;}
.CPMSUS0101 .list_txt3 ul li,
.CPMSUS0109 .list_txt3 ul li {font-size:16px;}/* 2018-06-29 JMJ, 2018-07-17 LJY : 중실검 페이지 하단 */
.list_txt3 ul li:first-child {margin-top:0;}
.list_txt3.wht ul li {color:#FFFFFF;}
.list_txt3.blue ul li {color:#1e88e5;}
.car .list_txt3.blue ul li {color:#3D5BDC;}
.loan .list_txt3.blue ul li {color:#0F82BE;}
.list_txt3.c888 ul li {color:#888888;}
.list_txt3.c333 ul li {color:#333333;}
.list_txt3.interval5 ul li {margin-top:5px;} /* li간 간격 : 5 */
.list_txt3.bul_none ul li {padding-left:0;text-indent:0;}
.list_txt3.type2 ul li {padding-left:9px;text-indent:-9px;}/* 블릿 hyphen */
.list_txt3.type3 ul li {padding-left:17px;text-indent:-17px;}/* 블릿 숫자) 반괄호 */
.list_txt3.fs15 ul li {font-size:15px;line-height:26px;}/* 폰트 15px */
.list_txt3.fs12 ul li {font-size:12px;line-height:20px;}/* 폰트 12px */
/* 블릿 있는 있는 텍스트 - 2.이미 a ^ PVw E Ń @,7s[=k P N!cP {padding-left:10px;background:url(../images/common/bul_dot.png) no-repeat 0 8px;color:#666666;font-size:13px;line-height:20px;}
.bul_txt.wht {background-image:url(../images/common/bul_dot_wht.png);color:#FFFFFF;}
.bul_txt.blue {background-image:url(../images/common/bul_dot_blue.png);color:#1e88e5;}
.car .bul_txt.blue {background-image:url(../images/common/bul_dot_blue_car.png);color:#3D5BDC;}
.loan .bul_txt.blue {background-image:url(../images/common/bul_dot_blue_loan.png);color:#0F82BE;}
.bul_txt.c333 {background-image:url(../images/common/bul_dot_c333.png);color:#333333;}
.bul_txt.c888 {background-image:url(../images/common/bul_dot_c888.png);color:#888888;}
/* 블릿 있는 있는 텍스트 - 이미지 dot(1x1) */
.bul_txt2 {padding-left:10px;background:url(../images/common/bul_dot2.png) no-repeat 0 8px;color:#666666;font-size:13px;line-height:20px;}
.bul_txt2.wht {background-image:url(../images/common/bul_dot2_wht.png);color:#FFFFFF;}
.bul_txt2.blue {background-image:url(../images/common/bul_dot2_blue.png);color:#1e88e5;}
.car .bul_txt2.blue {background-image:url(../images/common/bul_dot2_blue_car.png);color:#3D5BDC;}
.loan .bul_txt2.blue {background-image:url(../images/common/bul_dot2_blue_loan.png);color:#0F82BE;}
.bul_txt2.c333 {background-image:url(../images/common/bul_dot2_c333.png);color:#333333;}
.bul_txt2.c888 {background-image:url(../images/common/bul_dot2_c888.png);color:#888888;}
/* a ^ PVw E ń @,6s[=k P N&cPk 스트 - 3.텍스트 블릿 */
.bul_txt3 {padding-left:10px;color:#666666;font-size:13px;line-height:20px;text-indent:-10px;}
.bul_txt3.wht {color:#FFFFFF;}
.bul_txt3.blue {color:#1e88e5;}
.car .bul_txt3.blue {color:#3D5BDC;}
.loan .bul_txt3.blue {color:#0F82BE;}
.bul_txt3.c888 {color:#888888;}
.bul_txt3.c333 {color:#333333;}
/* loading */
.loading_wrapr{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,0.8);}/* 일반페이지 사용 *//* 17.12.11 modify by YYK */
.loading_wrapr_ty2{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,1);}
.loading_wrap{position:absolute;top:50%;left:0;width:100%;margin-top:-91px;padding-top:130px;text-align:center;}
.loan_credit .loading_wrap p{color:#666;font-size:17px;line-height:26px;text-align:center;}
.loading_wrap p{color:#1e88e5;font-size:17px;line-height:26px;text-align:center;}
.loading_wrap .loading{position:absolute;left:50%;top:0;margin-left:-40px;/*width:80px;height:80px;background:url(../../cmmn/images/common/img_loading_circle.png) no-repeat 0 0;*/}
.loading_wrap .loading_bar{width:80px;height:80px;background:url(../../cmmn/images/common/img_loading_circle_blue.png) no-repeat 0 0;}
/*.loan .loading_wrap .loading{background-image:url(../../cmmn/images/loancredit/img_loading_circle2.png)}*/
/*.loan .loading_wrap .loading_bar{background-image:url(../../cmmn/images/loancr a < < PVw ^ E (@ jks[= Pc MP FP a" < < PVw ^ E (@ jks[= Pc MP l/ a$ < < PVw ^ E (@ jks[= Pc M\P w: a& < < PVw ^ E (@ jks[= Pc M,P a$9 a' < < PVw ^ E (@ jks[= Pc NP V a) < < PVw ^ E (@ jks[= Pc NP K
a < < PVw ^ E (@ jks[= Pc NdP @" a < < PVw ^ E (@ jks[= Pc N&P 5 a& ^ PVsρ E Ň @1"s[>k P 7r&nP HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:13 GMT
ETag: "0-8cd6-595ce3c0"
Last-Modified: Wed, 05 Jul 2017 13:04:00 GMT
Accept-Ranges: bytes
Content-Length: 36054
Content-Type: text/css
a) ^ PVsρ E ň @,1s[>k P 76&nP /*! jQuery UI - v1.12.0 - 2016-07-18
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgCol a+ ^ PVsρ E ʼn @,0s[>k P 7&nP dius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
---------------- a. ^ PVsρ E Ŋ @,/s[>k P 7&nPʥ Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
a0 ^ PVsρ E ŋ @,.s[>k P 7R&nP輎 ing: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overf a2 ^ PVsρ E Ō @,-s[>k P 7&nP
} ton,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width:100%;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing a5 ^ PVsρ E ō @,,s[>k P 7Ⱥ&nP謾 rolgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: rela a7 ^ PVsρ E Ŏ @,+s[>k P 7n&nPU }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0 a: ^ PVsρ E ŏ @,*s[>k P 7"&nP ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width:100%;/*width: auto;*/
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width:100%;/*width: auto;*/
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepick a< ^ PVsρ E Ő @,)s[>k P 7&nP_ ttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable a> ^ PVw E ŝ @, s[=k P N,cP g)}*/
/*.loan .loading_wrap p{color:#ffffff;}
/*.loan .loading_wrapr .loading_wrap .loading_bar{background-image:url(../../cmmn/images/common/img_loading_bar_loan.png);}*/
/*.car .loading_wrapr .loading_wrap .loading_bar{background-image:url(../../cmmn/images/common/img_loading_bar_car.png);}*/
.loading_wrapr.type2{position:fixed;top:50%;left:50%;margin-top:-80px;margin-left:-80px;width:160px;height:160px;border-radius:4px;background:#ffffff;box-shadow:0 2px 25px 0 rgba(29,35,69,0.13);}
.loading_wrapr.type2 .loading_wrap{position:absolute;width:100%;height:100%;top:0;margin:0;padding:0;text-align:center;}
.loading_wrapr.type2 .loading{position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;}
.loading_wrapr.type2 .loading .loading_bar{width:60px;height:60px;background:url(../../cmmn/images/common/img_loading_circle_blue2.png) no-repeat 0 0;}
.loading_wrapr.type3{position:relative;min-height:412px;background:none;}
.loading_wrapr.type3 .loading_bar{background:url(../../cmmn/images/common/img_loading_circle_white.png) no-repeat 0 0;}
.loan_credit .loading_wrapr.type3 .loading_bar{background:url(../../cmmn/images/common/loan_img_loading_circle_white.png) no-repeat 0 0;background-image:url(../../cmmn/images/common/loan_img_loading_circle_white.png);}
/* 인증서 선택 */
.cert_img{padding:31px 0;margin-bottom:40px;text-align:center;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f aA ^ PVsρ E ő @,(s[>k P 7ߊ&nP 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma aC ^ PVw E Ş @, s[=k P N24cP}E p:20px;}
.tbl_cert .tbl_txt{border-top:none;}
.tbl_cert .tbl_txt tr:hover{cursor:hand;}
.tbl_cert .tbl_txt tr:hover td,
.tbl_cert .tbl_txt tr.on td{color:#333333;background:#ebebeb;}
.tbl_cert .tbl_txt th,.tbl_cert .tbl_txt td{padding-left:10px;word-break:break-all;}
.tbl_cert .box_scroll{max-height:216px;}
.rd_button_set .disk{display:none;position:absolute;right:2px;top:49px;width:225px;padding:0;background:#ffffff;border:1px solid #cccccc;border-radius:4px;}
.rd_button_set .disk button{display:block;width:100%;height:42px;text-align:center;font-size:15px;border-top:1px solid #f0f0f0;background:transparent;}
.rd_button_set .disk button:first-child{border-top:none;}
.rd_button_set .disk button:hover{color:#333333;font-family:'Hybold';}
/* slick slider */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0 aE ^ PVsρ E Œ @,'s[>k P 7>&nPF IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FA aH ^ PVw E ş @,s[=k P N7cP[ ranslate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; height:653px; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list {background: #fff url('./ajax-loader.gif') center center no-repeat;}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:bef aJ ^ PVsρ E œ @,&s[>k P 7&nP AAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See aL ^ PVw E Š @,s[=k P N=cP< efore {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {right: -25px; left: auto;}
.slick-prev:before {content: 'Prev';}
[dir='rtl'] .slick-prev:before {content: 'Next';}
.slick-next {right: -25px;}
[dir='rtl'] .slick-next {right: auto; left: -25px;}
.slick-next:before {content: 'Next';}
[dir='rtl'] .slick-next:before {content: 'Prev';}
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots{position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute aN ^ PVsρ E Ŕ @,%s[>k P 7&nP { state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
. aP ^ PVw E š @,s[=k P NCPcP : 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: black;}
/*width:1180 정의*/
@media all and (max-width:1180px){
#contents_top {
padding:40px 0px;
}
/* 배경 컨텐츠 영역 */
#contents_top > .inner {position:relative;width:1179px;margin:0 auto; text-align:center;z-index:2;}
#contents_top > .contents_top_inner{position:relative;z-index:2;}
/*레이아웃 정의*/
#wrap {position:relative; min-height:860px;min-width:1179px;}
#container {width:100%;padding-bottom:218px;}/* 컨텐츠 바닥 패딩 60으로 변경 요청 - UI */
#container:before {content:'';display:block;clear:both;/*border-top:1px solid #cccccc;*/opacity:0.3;}
#contents {width:1180px;margin:0 auto;}
#footer {position:absolute;bottom:0px;/* overflow:hidden; */width:100%;height:159px;/* border-top:1px solid #e9e9e9; */background:#ffffff;}/* 20170308 보더영역 변경 UI 팀 요청 */
#footer .footer {}
#footer .footer_info_wrap {position:relative;padding-top:37px;border-top:1px solid #e9e9e9;}/* 20170308 보더영역 변경 UI 팀 요청 */
/* header */
#header {position:relative;text-align:center;}
#header .header {position:relative;z-index:5;width:1179px;min-width:1179px;height:24px;margin:0px auto;padding:33px 0;}
#header .l aS ^ PVsρ E ŕ @,$s[>k P 7Z&nP m: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font aU ^ PVw E Ţ @,s[=k P NIcPH op:33px;left:0;width:235px;height:24px;margin:0;padding:0;}
#header .logo a {display:block;overflow:hidden;width:280px;height:24px;background:url(../images/common/logo_hyundaicapital.png) no-repeat left top;text-indent:-9999px;}
#header .logo a.wht {background-position:left -224px;}
}
/* width :1520 정의 */
@media all and (min-width:1579px) {
/*curtain banner*/
.curtain_banner .inner, .curtain_banner_blinder .inner{width:1520px !important;}
/* layout */
#wrap {min-width:1520px; min-height:100%;}
#header {}
#header .header {width:1520px;min-width:1520px;}
#footer .footer {width:1520px;min-width:1520px;}
.CPMSUS0101 #footer .footer {width:1180px;min-width:1180px;}/* 2018-06-29 JMJ : 중실검 페이지 */
.main #wrap #contents {width:1520px;min-width:1520px;margin:0 auto;}
/* gnb */
#header .bg_gnb {min-width:1520px;}
#header .bg_gnb .bar_wrap {width:1520px;}
#header #util ul li.member:before{margin-right:12px;}
#header #util ul li.member>a{display:inline-block;}
#header #util > ul > li {margin-left:20px;}/* 2018-09-17 KSM */
/* #header #util.login > ul > li{margin-left:20px;}
#header #util.login ul li.member{margin-left:20px;} */
.footer_banner ul li ,
.main .footer_banner ul li {width:350px;padding-left:40px;}
.footer_banner ul li:first-child,
.main .footer_banner ul li:first-child {padding-left:0;}
.footer_banner_wrap {width:1520px;}
/* 2021-10-21 LJY aW ^ PVsρ E Ŗ @,#s[>k P 7&nPO .ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-fo aZ ^ PVw E ţ @,s[=k P NNcP1 문의_금소법 관련 심의필 영역 추가 */
.section_guard.respon {width:1520px; min-width:1520px; margin-left:-170px;} /* 고객센터 심의필 영역 추가 시 .respon 사용 */
}
/* 레티나 대응 관련 미디어쿼리 */
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
/* 서식그룹 셀렉트박스 */
.form_group .form_select .sel_txt:after {background-image:url(../images/common/bul_select_2x.png);background-size:60px 232px;}
/* 체크박스 */
span.ck_box.on {background-image:url(../images/common/bul_ckbox_2x.png);background-size:11px 124px;}
.ck_box.on span {background-image:url(../images/common/bul_ckbox_2x.png);background-size:11px 124px;}
/* 체크버튼 */
label.ck_button:after {background-image:url(../images/common/bul_ckbutton_2x.png);background-size:14px 192px;}
}
/*메인페이지 흐트러지는 레이아웃 잡기 (임시)*/
.main .footer_banner .box_bnnr p.num_tel{margin-top:13px;}
/*opacity*/
.opa0{opacity:0;}
/*search.css*/
.header_search {
position: absolute;
top: -290px;
left: 0;
width: 100%;
background-color: #FFFFFF;
z-index: 99;
box-shadow: 0px 0 32px 0 rgba(20, 45, 78, 0.35);
-webkit-transition: all 0.55s ease;
-moz-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
transition: all 0.55s ease;
-webkit-transition-delay: 0.35s;
transition-delay: 0. a\ ^ PVsρ E ŗ @,"s[>k P 8&nPe cus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-err a_ ^ PVw E Ť @,s[=k P NTlcP:z ateX(90deg);
transform-origin: 0 0;
display:none;
}/* 2019-09-17 웹접근성 JMJ */
.sch_input_wrap {
position: relative;
z-index: 100;
background-color: #ffffff;
}
.form_text.form_search > input {ime-mode: active;}
.sch_cont_wrap {
position: relative;
width: 1180px;
min-width: 1180px;
margin: -130px auto 0;
text-align: left;
box-sizing: border-box;
-webkit-transition: all 0.40s ease;
-moz-transition: all 0.40s ease;
-o-transition: all 0.40s ease;
transition: all 0.40s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
#header.openSearchBox .header_search {
top: 0;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
transform: rotateX(0deg);
display:block;
}/* 2019-09-17 웹접근성 JMJ */
#header.openSearchBox .sch_cont_wrap {
margin-top: 0;
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}
#header .keyword_cont {display: none;}
#header.openSearchBox .sch_input_wrap .sch_input:before {
left: -48px;
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
#header.openSearchBox .sch_input_wrap .sch_input input.hd_search {
margin-left:0;
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
#header .header {
-webkit-transition: all 0.55s ease;
-moz-transition: all 0.55s ease;
-o-transition: all 0.55s ease; aa < < PVw ^ E (@ jks[= Pc N24P *g ab ^ PVsρ E Ř @,!s[>k P 8v&nPp f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_2 ad < < PVs ^ E (S@ ks[> P&n 76P Qs af < < PVw ^ E (@ jks[= Pc N=P
ah < < PVs ^ E (S@ ks[> P&n 7nP/\ aj < < PVs ^ E (S@ ks[> P&n 7P# ak < < PVs ^ E (S@ ks[> P&n 7PF ao < < PVs ^ E (S@ ks[> P&n 7P: aq < < PVs ^ E (S@ ks[> P&n 7>P ar ^ PVsρ E ř @, s[>k P 8
*&nP? e-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; av ^ PVsρ E Ś @, s[>k P 8&nP background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144 ax ^ PVsρ E ś @, s[>k P 8&nP owthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px - a{ ^ PVsρ E Ŝ @, s[>k P 8 F&nP { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; } a} < < PVs ^ E (S@ ks[> P&n 7P
. a < < PVs ^ E (S@ ks[> P&n 7P a < < PVs ^ E (S@ ks[> P&n 8vPs a < < PVs ^ E (S@ ks[> P&n 8P a < < PVs ^ E (S@ ks[> P&n 8 FP߹ a < < PVw ^ E (@ jks[= Pc NIP ԭ a < < PVw ^ E (@ jks[= Pc NTlP P a ^ PVsρ E ť @,s[>k P 8#&nPW^ ackground-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info a ^ PVsρ E Ŧ @,s[>k P 8)&nP; -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui- a ^ PVsρ E ŧ @,s[>k P 8/b&nP9 und-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-ic a 0 0 ^ PVsρ E Ũ @-s[>k P 85&nP! l { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
a < < PVs ^ E (S@ ks[> P&n 8)P\ a < < PVs ^ E (S@ ks[> P&n 85P a( < < PVw ^ E (@ jks[= Pc NZ P á a0 : : ^ PVw E (Ū @-s[=k P NZ cPH 55s ease;
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
top: 0;
opacity: 1;
}
#header.openSearchBox .header {
top: 40px;
opacity: 0;
-webkit-transition: all 0.20s ease;
-moz-transition: all 0.20s ease;
-o-transition: all 0.20s ease;
transition: all 0.20s ease;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.sch_input_wrap {
border-bottom: none;
-webkit-transition: border-bottom 0s ease;
-moz-transition: border-bottom 0s ease;
-o-transition: border-bottom 0s ease;
transition: border-bottom 0s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
#header.openSearchBox .sch_input_wrap {
border-bottom: 1px solid #f0f0f0;
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.sch_input_wrap .sch_input {
position: relative;
width: 1180px;
min-width: 1180px;
margin: 0 auto;
padding: 22px 76px 23px 0;
box-sizing: border-box; /*backgrouaR3 < < PVs ^ E (S@ ks[> P&n 89 P | a < < PVw ^ E (@ jks[= Pc N^ P a& ^ PVw E ū @0s[=k P N^ cPKS nd:url(../../cmmn/images/common/ico_search.png) no-repeat 1124px 31px;*/
text-align: left
}
.sch_input_wrap .sch_input:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: -800px;
margin-top: -9px;
width: 18px;
height: 18px;
background: url(../../cmmn/images/common/ico_search.png);
background-repeat: no-repeat;
-webkit-transition: left 0.30s ease;
a& ^ PVw E Ŭ @,s[=k P N_cP7> -moz-transition: left 0.30s ease;
-o-transition: left 0.30s ease;
transition: left 0.30s ease;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.sch_input_wrap .sch_input input.hd_search {
width: 100%;
height: 45px;
border: none;
color: #1e88e5; /*font-size:19px;*/
font-size: 22px;
line-height: 1.3;
text-indent: 0;
ime-mode: active;
margin-left: -800px;
-webkit-transition: margin 0.30s ease;
-moz-transition: margin 0.30s ease;
-o-transition: margin 0.30s ease;
transition: margin 0.30s ease;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
/*커튼배너*/
.curtain_banner{overflow:hidden;}
.curtain_banner, .curtain_banner_blinder{position:relative;z-index:100;overflow:hidden;max-height:100px;background:#e4f1fc;text-align:center;}
.curtain_banner.car{background:#e4e9fe;}
.curtain_banner.loan{background:#e2f0f7;}
.curtain_banner_blinder{width:100%;z-index:10;}
.curtain_banner.short .inner a{display:block} /* 2020-09-24 웹접근성 KEJ : 추가 */
.curtain_banner_blinder .message_link,
.curtain_banner .message_link {position:absolute;left:0;top:11px;} /* 2020-09-24 웹접근성 JMJ : 추가 */
.curtain_banner_blinder .message_cont,
.curtain_banner .message_cont{/*position:absolute;top:0;left:0;*/padding:25px 0 20px;text-align:left;}/* 2020-09-24 웹접근성 JMJ : position 삭제 */
. a& ^ PVw E ŭ @,
s[=k P NecP message_cont .tit,
.curtain_banner .message_cont .tit{margin-bottom:13px;font-size:22px;color:#333333;line-height:1em;letter-spacing:-0.025em;}
.curtain_banner_blinder .message_cont .sub,
.curtain_banner .message_cont .sub{display:inline-block;padding-right:35px;font-size:15px;color:#888888;line-height:1em;letter-spacing:-0.025em;}
.curtain_banner_blinder .message_cont .browser{display:inline-block;padding-right:60px;text-align:right;}
.curtain_banner_blinder .message_cont .browser, .curtain_banner_blinder .message_cont .browser .link_arr{margin-right:15px;font-size:15px;}
/*.curtain_banner_blinder .message_cont .browser .link_arr{padding-left:15px;background-position:100% -58px;}*/
.curtain_banner .inner, .curtain_banner_blinder .inner{position:relative;width:1180px;min-height:100px;margin:0 auto;}
.curtain_banner .btn_close, .curtain_banner_blinder .btn_close{position:absolute;right:0;top:12px;width:12px;height:12px;z-index:2;margin-left:;background:url(../../cmmn/images/common/btn_curtain_close.png) no-repeat 0 0;}
.curtain_banner_blinder .btn_close{z-index:10;}
.curtain_banner .inner .ck_box, .curtain_banner_blinder .ck_box{position:absolute; top:19px; right:31px;}
/*커튼배너*/
.curtain_banner_blinder{width:100%;z-index:10;}
.curtain_banner .btn_close, .curtain_banner_blinder .btn_close{position:absolute;right:0;top:22px;width:12px;height:12px;margin-left:;background:url(../../cmmn/images/com ai( < < PVw ^ E (@ jks[= Pc NeP 3
aZ6 ^ PVw E Ů @, s[=k P Nkdiv{padding-top:10px;border-top:1px solid #f0f0f0;}
.search_txt dl{position:relative;padding:10px 0;}
.search_txt dt{position:absolute;left:0;top:10px;color:#333333;font-family:'Hybold';}
.search_txt dd{padding-left:80px;}
.search_txt dd li{display:inline-block;margin-left:20px;}
.search_txt dd li:first-child{margin-left:0;}
.header_search .link{color:#888888 !important;}
/* CP_CUS_069 */
.notice_wrap{width:980px;margin:0 auto;}
.notice_wrap .total_search{padding:10px 0 30px;}
.notice_wrap .t a6 ^ PVw E Ų @,s[=k P N cPk position:static;}
/* CP_CUS_070 */
.total_search.type2{padding:10px 0 30px;}
.tab_navi ul.col8 {margin-right:-2px}
.tab_navi ul.col7 li {width:12.5%}
.tab_navi ul.col7 {margin-right:-2px}
.tab_navi ul.col7 li {width:14.4%;}
.tab_navi ul.col7 li:first-child {width:14%}
.tab_navi ul.col6 {margin-right:-2px}
.tab_navi ul.col6 li {width:16.8%;}
.tab_navi ul.col6 li:first-child {width:16.3%}
.list_search {}
.list_search ul li {position:relative;padding:18px 0 17px;border-top:1px solid #f0f0f0;}
.list_search ul li:first-child {padding-top:0;border-top:none;}
.list_search.category ul li a {padding:0 10px 0 15px;background:url(../../cmmn/images/common/bul_arr.png) no-repeat 0 50%;font-size:15px;line-height:1.3}
.list_search.category ul li a:first-child {padding-left:0;background:none}
.list_search ul li .tit {padding-bottom:4px;color:#333333;font-size:15px;line-height:1.3}
.list_search ul li .txt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888888;}
.list_search ul li .date {position:absolute;right:0;top:21px;padding-left:10px;font-size:13px;}
.list_search ul li:first-child .date{top:3px;}
.list_search ul li a:hover .tit, .list_search ul li a:hover .txt {color:#1e88e5 !important}
.list_search ul li a:hover{text-decoration:none;}
.list_search.type2 ul li .tit{padding-right:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.banner_area.list_in {/*width:780px;*/wi a6 ^ PVw E ų @,s[=k P NcPV 0px;margin-top:20px;}
.banner_area.list_in .banner_box {width:380px;}
.banner_area.list_up {/*width:780px;*/width:1200px;margin-left:-20px;/*margin-bottom:38px;*/}
.banner_area.list_up .banner_box {width:380px; margin-bottom:38px;}
.list_faq.search ul li .question {padding:18px 50px 17px 0;}
.list_search a:hover .txt_c333, .list_search a:hover.c333{color:#1e88e5 !important}
.list_search a:hover .txt_c888, .list_search a:hover.c888{color:#1e88e5 !important}
.list_faq.search a:hover .txt_c333, .list_faq.search a:hover.c333 {color:#1e88e5 !important}
.list_faq.search a:hover .txt_c888, .list_faq.search a:hover.c888 {color:#1e88e5 !important}
.btm_box_link {margin-top:20px;padding:15px 20px;border:1px solid #f2f2f2;border-radius:3px;box-shadow:0 1px 10px 0 rgba(29,35,69,0.07);}
.btm_box_link:after {content:'';display:block;clear:both}
.search_error {padding:34px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.product_ad .tit {margin:37px 0 15px;color:#333333;font-size:17px;}
.product_ad li {position:relative;}
.product_ad li .ad_img {display:block;background-color:#f0f0f0}
.product_ad.type1 ul li {height:150px;padding-left:300px;}
.product_ad.type1 ul li:first-child {margin-bottom:40px;}
.product_ad.type1 ul li .ad_img {position:absolute;top:0;left:0;width:280px;height:150px;}
.product_ad.type1 ul li .ad_tit {margin-bottom:15px;font-size:19px;color:#333333;line-height:1.3}
.produ a6 ^ PVw E Ŵ @,s[=k P NtcP| py {color:#888888;font-size:15px;line-height:1.5}
.product_ad.type1 ul li .list_link {position:absolute;bottom:0;left:300px;margin:0}
.product_ad.type2 ul {display:table;}
.product_ad.type2 ul li {display:table-cell;width:380px;padding-left:20px;}
.product_ad.type2 ul li:first-child {padding-left:0}
.product_ad.type2 ul li .product {display:block;}
.product_ad.type2 ul li .ad_img {width:380px;height:200px;background-color:#f0f0f0}
.product_ad.type2 ul li .ad_copy {min-height:52px;padding-bottom:14px;box-sizing:border-box;margin-top:20px;color:#333333;font-size:15px;line-height:1.3}
.product_ad.type2 ul li .date {color:#888888}
/*banner box type3*/
.banner_area .banner_box{float:left;position:relative;height:200px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.banner_area.solo .banner_box{float:right;}
.banner_area .banner_box:hover, .banner_area .banner_box:focus{box-shadow:0 4px 32px 0 rgba(0,13,57,0.2);}
.banner_area .banner_box .con{background-color:#1976D2; background-image:linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%); background-image:-webkit-linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%);}
.banner_area .banner_box .con{height:100%;padding:30px;border-radius:4px;}
.banner_area .banner_box .con .ico{top:none; bottom:30px;}
.banner_area .banner_box .con .tit{font-family:'HYBold';font-size:15px;margin-top:0;}
.banner_area .banner_box .con .ico_search{position:absolute;ri aj7 < < PVw ^ E (@ jks[= Pc NpP ( al7 < < PVw ^ E (@ jks[= Pc N|XP P an7 < < PVw ^ E (@ jks[= Pc NP ap7 < < PVw ^ E (@ jks[= Pc N(P aF ^ PVw E ŵ @,s[=k P N(cPI th:100px;height:50px;background:url(../../cmmn/images/common/ico_search_banner2.png) no-repeat 100% 0}
.banner_area .loan.banner_box .con .ico_search{background:url(../../cmmn/images/common/ico_search_banner2.png) no-repeat 100% 0}
.banner_area .loan.banner_box .con .ico_search.auto{background:url(../../cmmn/images/common/ico_search_banner4.png) no-repeat 100% 0}
.banner_area .car.banner_box .con .ico_search{background:url(../../cmmn/images/common/ico_search_banner3.png) no-repeat 100% 0}
.banner_area .banner_box .link{position:absolute;bottom:0;padding:30px;}
.banner_area .banner_box .con {background-color:#1976D2;background-image:linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%);background-image:-webkit-linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%);}
.banner_area .car.banner_box .con{background-color:#3D5BDC;background-image:linear-gradient(-135deg, #488FF6 0%, #3D5BDC 100%);background-image:-webkit-linear-gradient(-135deg, #488FF6 0%, #3D5BDC 100%);}
.banner_area .loan.banner_box .con {background-color:#0F82BE;background-image:linear-gradient(-135deg, #11B4E3 0%, #0F82BE 100%);background-image:-webkit-linear-gradient(-135deg, #11B4E3 0%, #0F82BE 100%);}
.banner_area .loan_credit.banner_box .con {background-color:#0593a6;background-image:linear-gradient(-135deg, #0593a6 0%, #00bac0 100%);background-image:-webkit-linear-gradient(-135deg, #0593a6 0%, #0593a6 100%);}
.event.banner_box{border:1px sol a < < PVw ^ E (@ jks[= Pc NP a : : ^ PVw E ( @/s[=k P NcP蚙 ne;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.event.banner_box:hover, .product_ad.type2 .banner_box:focus{border-color:#ffffff;box-shadow:0 4px 32px 0 rgba(0,13,57,0.2);}
.event.banner_box{width:378px;height:198px;}
.banner_area .event.banner_box{width:378px;height:198px;}
.event.banner_box .con{position:relative;background:none;}
.event.banner_box .con .txt{font-size:15px;color:#333333;}
.event.banner_box .con .date{position:absolute;bottom:30px;color:#888888;}
.event.banner_box .ca < < PVw ^ E (@ jks[= Pc NP aY$ ^ PVw E @-s[=k P NcP on .ico_search{position:absolute;right:30px;bottom:30px;width:100px;height:50px;background:url(../../cmmn/images/common/ico_search_bannerBlue.png) no-repeat 100% 0}
.con_fr .banner_area .banner_box.event{width:278px;margin-left:20px;border-radius:4px;}
.sch_cont_wrap .banner_area .banner_box .link{width:150px;}
/*시스템 점검 팝업*/
.result_wrap span.ico {display:inline-block;width:112px;height:112px;}
.box_wrap > div{overflow:hidden;}
.box_wrap > div > div{float:left;}
.box_wrap .col3 > div{width:30%;margin-left:5%;}
.box_wrap > div > div:first-child{margin-left:0;}
.box_wrap .tit{color:#333333;font-size:17px;line-height:22px;}
.box_wrap .txt{margin-top:20px;}
.box_wrap .txt li{padding:8px 0;border-top:1px solid #f0f0f0;line-height:1.5em;}
.box_wrap .txt li:first-child{border-top:none}
.comp_txt.large {margin-top:38px;font-size:24px;line-height:31px;}
.comp_txt.bold {margin-top:37px;font-size:22px;font-family:'HYak$ ^ PVw E @+s[=k P NcP Bold'}
.comp_txt.mid {font-size:19px;padding-bottom:3px;}
.comp_txt.small {font-size:13px;line-height:23px;}
.result_wrap {padding-top:13px;margin-bottom:55px;text-align:center}
.result_wrap .comp_txt.large {margin-top:40px;line-height:31px}
.result_wrap span.ico {display:inline-block;width:112px;height:112px;}
.result_wrap.id_change span.ico {background:url(../../cmmn/images/member/ico_id_change.png) no-repeat 0 0}
.result_wrap.id_change .info_txt {margin:10px 0 23px;}
.result_wrap.id_change .info_txt .list_ty {margin-top:43px;}
.result_wrap.id_find span.ico {background:url(../../cmmn/images/member/ico_id_find.png) no-repeat 0 0}
.result_wrap.id_find .info_txt {margin:24px 0 43px}
.result_wrap.id_fail span.ico {background:url(../../cmmn/images/member/ico_id_fail.png) no-repeat 0 0}
.result_wrap.id_fail .con_link {margin-top:42px;}
.result_wrap.pw_change span.ico {background:url(../../cmmn/images/member/ico_pw_change.png) no-repeat 0 0}
.result_wrap.pw_change .info_txt{margin:22px 0 0}
.result_wrap.auto_logout span.ico {background:url(../../cmmn/images/member/ico_auto_logout.png) no-repeat 0 0}
.result_wrap.auto_logout .info_txt {margin-top:22px;}
.result_wrap.logout span.ico {background:url(../../cmmn/images/member/ico_logout.png) no-repeat 0 0}
.result_wrap.system_ck{padding-top:33px;}
.result_wrap.system_ck span.ico {background:url(../../cmmn/images/common/ico_system_ck.png) no-repeat 0 0}
a$ ^ PVw E @+s[=k P NDcPJ info_txt{padding-top:26px;color:#888888;}
.result_wrap.system_ck .comp_txt.large{margin-top:35px;color:#333333;}
.result_wrap.system_ck .bd_space{width:480px;margin:47px auto 0;}
.ly_cont .result_wrap.system_ck{width:100%; /*width: auto;*/ ;padding-top:0;}/* CP_COM_029_1 */
.ly_cont .result_wrap.system_ck .bd_space{width:100%; /*width: auto;*/ ;}
/* 사이트맵 */
.box_sitemap {}
.box_sitemap > ul:after {content:'';display:block;clear:both;}
.box_sitemap > ul > li {float:left;box-sizing:border-box;width:33%;}
.box_sitemap > ul > li .sm_tit {margin-bottom:24px;font-size:15px;font-family:'HYBold';}
.box_sitemap .sm_list {background:#ffffff;}
.box_sitemap .sm_list li {line-height:25px;}
.box_sitemap .sm_list li a:hover, .box_sitemap .sm_list li a:focus {color:#1e88e5}
/*검색창*/
.total_keyword_cont{position:absolute; background:#ffffff; box-shadow: 0 5px 25px 0 rgba(28,35,69,0.10);}
.total_keyword_cont:hover, .total_keyword_cont:focus, .total_keyword_cont:active{box-shadow: 0 5px 40px 0 rgba(28,35,69,0.10);}
.total_search .total_keyword_cont .form_group.on{box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);}
.total_search .total_keyword_cont .form_group:hover, .total_search .total_keyword_cont .form_group:focus, .total_search .total_keyword_cont .form_group:active{box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);}
.total_keyword_cont .key_result ul{display:inline-block;}
.total_keyword_cont .box_keyword{dis a$ ^ PVw E @+s[=k P NcPa t;line-height:1;}
.total_keyword_cont .box_keyword div p{display:inline-block;}
.total_keyword_cont .box_keyword div .tit{width:77px;vertical-align:top;color:#333333;font-family:'HYBold';}
.total_keyword_cont .box_keyword div .sub, .total_keyword_cont .box_keyword div .sub a{margin-right:5px;color:#888888;}
.total_keyword_cont .box_keyword div .sub span{}
.total_keyword_cont .box_keyword .key_result{margin-top:19px;}
.total_keyword_cont .box_keyword{padding:20px 18px;}
.total_keyword_cont .key_result{padding:20px 18px;text-align:left;}
/*실명확인 폼 그룹 fix*/
.form_group_wrap.type2 .text_field span.txt_unit+span span{position:absolute;right:0;top:0;z-index:2;}
/* CP_AUN_002_04 그래프 팝업 */
.info_allot {}
.info_allot:after {content:'';display:block;clear:both;}
.info_allot dl {float:left;}
.info_allot.col4 dl {width:25%;}
.info_allot.col5 dl {width:20%;}
.info_allot.col6 dl {width:15%; }/* CP_AUN_002_04 그래프 팝업mody*/
.info_allot.col6 dl.w{width:20%; }/* CP_AUN_002_04 그래프 팝업mody*/
.info_allot dl dt {color:#888888;font-size:13px;line-height:19px;}
.info_allot dl dd {margin-top:1px;color:#333333;font-size:15px;line-height:21px;}
.info_allot dl dd .txt_sub {color:#888888;font-size:12px;line-height:18px;}
/* CP_AUN_001_03, 002_02 */
/*.step_txt.step_aun1>ol>li{padding-top:48px;}*/
.step_txt.step_aun1 li .ico{background-image:url(../../cmmn/images/newcar/ico_step_ a$ < < PVw ^ E (@ jks[= Pc NDP x a*& < < PVw ^ E (@ jks[= Pc NP m a3 ^ PVw E @+s[=k P NcP* ep_aun1 li.step1, .step_txt.step_aun1 li.step2, .step_txt.step_aun1 li.step3{height:155px;padding-bottom:30px;margin-top:0;border-bottom:1px solid #f0f0f0;}
.step_txt.step_aun1 li.step1 .ico{background-position:0 0;}
.step_txt.step_aun1 li.step2 .ico{background-position:-30px 0;}
.step_txt.step_aun1 li.step3 .ico{background-position:-60px 0;}
.step_txt.step_aun1 li.step4 .ico{background-position:-90px 0;}
.step_txt.step_aun1 li.step5 .ico{background-position:-120px 0;}
.step_txt.step_aun1 li.step6 .ico{background-position:-150px 0;}
.tit_list {margin-top:35px;margin-bottom:15px;color:#333333; font-size:15px;}
.tit_list:first-child{margin-top:0;}
.lypop_wrap .section_wrap2 .section.lst {padding-bottom:0;}
.step_txt.type2 {}
.step_txt.type2 ol:after {content:'';display:block;clear:both;}
.step_txt.type2 > ol > li {float:left;box-sizing:border-box;padding-right:20px;margin-top:23px;margin-left:40px;background:url(../../cmmn/images/loansecurity/bg_step_use_arr.png) no-repeat 100% 5px;text-align:left;}
.step_txt.type2 ol li.lst {background-image:none !important;}
.step_txt.type2 ol li .step_tit {margin-top:0;}
.step_txt.type2 ol li .step_tit span {display:block;color:#1e88e5}
/* 차량 반납 절차 */
.step_txt {}
.step_txt ol:after {content:'';display:block;clear:both;}
.step_txt > ol > li {position:relative;float:left;box-sizing:border-box;padding-right:20px;margin-left:40px;margin-top:23px;text- a 4 ^ PVw E @+s[=k P N`cP' ol li.lst {background-image:none !important;}
.step_txt ol li .ico{display:block;position:absolute;top:0;left:0;width:30px;height:30px;background-repeat:no-repeat;}
.step_txt ol li .step_tit {margin-top:0;}
.step_txt ol li .step_tit span {display:block;color:#1e88e5}
.car .step_txt ol li .step_tit span {color:#3D5BDC}
.loan .step_txt ol li .step_tit span {color:#0F82BE}
.step_txt ol li .step_tit .tit, .car .step_txt ol li .step_tit .tit, .loan .step_txt ol li .step_tit .tit {margin-top:5px;margin-bottom:14px;color:#333333;font-size:13px;line-height:17px;}
.step_txt ol li p {margin-top:5px;}
.step_txt ol li .txt{margin-top:15px;color:#888888;}
.step_txt .col2 li {width:260px;}
.step_txt .col2 li.step1, .step_txt .col2 li.step2 {margin-top:0;}
.step_txt .col2 li.step1, .step_txt .col2 li.step3, .step_txt .col2 li.step5 {clear:left;margin-left:0;}
.step_txt .col3 li {width:173px;margin-left:30px;padding-right:0;}
.step_txt .col3 li.step1, .step_txt .col3 li.step2, .step_txt .col3 li.step3 {margin-top:0;}
.step_txt .col3 li.step1, .step_txt .col3 li.step4 {margin-left:0;clear:left;}
.step_txt .col4 li {width:145px;margin-left:0;background-position:112px 0;}
.step_txt .col4 li.step1, .step_txt .col4 li.step2, .step_txt .col4 li.step3, .step_txt .col4 li.step4 {margin-top:0;}
.step_txt .col4 li.step1, .step_txt .col4 li.step5 {margin-left:0;clear:left;}
/*피싱방지 아이콘*/
/* 아래로 열리 a4 ^ PVw E @+s[=k P NcP@\ nk_arr.js_fold_target, .js_fold_target4 {padding-right:14px !important;background:url(../../cmmn/images/loansecurity/btn_fold_small.png) no-repeat 100% 40% !important;}/* 2018-05-03 JMJ */
.link_arr.js_fold_target.open, .js_fold_target4.open {padding-right:14px;background:url(../../cmmn/images/loansecurity/btn_unfold_small.png) no-repeat 100% 40% !important;}/* 2018-05-03 JMJ */
.txt_footer {margin-top:20px;}
.js_fold_target1 {padding-left:0 !important;margin-left:-6px !important;} /*17.07.27 add*/
/* 2018-05-03 JMJ */
.js_fold_target4 {cursor:pointer; display:inline-block; text-indent:18px;}
.target4_warp {border-top:1px solid #ddd; margin-top:15px;}
.loan .target4_warp p.tit {font-size:19px; font-family:'HYRegular'; margin:30px 0 0 0 !important;}
.loan .target4_warp .tbl_txt {border-top:none;}
.loan .target4_warp .tbl_txt table tbody th {vertical-align:top;}
.loan .target4_warp .tbl_txt table td {vertical-align:middle;}
.loan .target4_warp ul li {white-space:normal;}
/* //2018-05-03 JMJ */
/*피싱 아이콘*/
ul .member .member_info>.ico:first-child{background:none;}
ul.wht .member .member_info>.ico_p.on{display:block;float:left;width:18px;height:18px;margin-right:5px;background:url(../../cmmn/images/myaccount/ico_phishing_white.png);}
ul .member .member_info>.ico_p.on{display:block;float:left;width:18px;height:18px;margin-right:5px;background:url(../../cmmn/images/myaccount/ico_phishing_blue.p a#4 ^ PVw E @+s[=k P NcP^ 영웅*/
.list_cus_card li a{position:relative;display:block;height:276px;padding:20px;box-sizing:border-box;border:1px solid #e6e7e9;border-radius:4px;transition:border-color,box-shadow 0.2s ease;-webkit-transition:border-color,box-shadow 0.2s ease;}
.list_cus_card li a:hover{border-color:#ffffff;box-shadow:0 4px 32px rgba(0,13,57,0.2);}
.list_cus_card li a.cus01_cont_icon01{background:url(../../cmmn/images/customer/cus01_icon01.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon01:hover{background-position:16px 20px}
.list_cus_card li a.cus01_cont_icon02{background:url(../../cmmn/images/customer/cus01_icon02.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon02:hover{background-position:22px 20px}
.list_cus_card li a.cus01_cont_icon03{background:url(../../cmmn/images/customer/cus01_icon03.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon03:hover{background-position:23px 20px}
.list_cus_card li a.cus01_cont_icon04{background:url(../../cmmn/images/customer/cus01_icon04.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon04:hover{background-position:23px 20px}
.list_cus_card li a.cus01_cont_icon05{background:url(../../cmmn/images/customer/cus01_icon05.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon05:hover{background-position:29px 20px}
.list_cus_card li a.cus01_cont_icon06{background:url(../../cmmn/images/customer/cus01_icon06.png) a14 ^ PVw E @+s[=k P N|cPq
.list_cus_card li a.cus01_cont_icon06:hover{background-position:21px 20px}
.list_cus_card li a.cus01_cont_icon07{background:url(../../cmmn/images/customer/cus01_icon07.png) no-repeat -180px 20px;}
.list_cus_card li a.cus01_cont_icon07:hover{background-position:26px 20px}
/*li 포커스 실행 안하게 (슬랙에서 임의로 포커스 생기는거 리셋)*/
.slider_box li:focus{outline:none !important;}
/*이미지 삭제된부분 확실히제거*/
#CMS_CPCCCP0101_W04 .hidden_ct .mgt20{display:none;}
/*개발단추가 스크롤안되는 부분*/
.system_wrap .lypop {height:634px; overflow-y:auto;}
.system_wrap .lypop .btn_wrap_c {margin-bottom:40px;}
/*offer card*/
.offer_cont .product_list ul li a .cate{position:absolute;top:118px;left:50%;margin-left:-22px;}
.main_result_product .product_list ul li a .cate{position:absolute;top:126px;left:50%;margin-left:-22px;}
/*개행방지 p*/
p.keep{display:inline-block; word-break:keep-all !important;}
/* 신용대출 스탭 로딩*/
/* 17.12.05 modify by YYK */
/* 2019-09-06 JMJ : [캐피탈] 신용_자담-대출 멀티심사 추가 */
.loan_credit .loading_wrap.loding_discount,
.car .loading_wrap.loding_discount{margin-top:-253px;}
.loan_credit .loading_wrap.loding_discount .loding_txt,
.car .loading_wrap.loding_discount .loding_txt{position:absolute;left:50%;top:0;left:50%;margin-left:-177px;color:#666;font-size:22px;}
.loan_credit .loading_wr aI4 ^ PVw E @+s[=k P N0cP ng_txt span
.car .loading_wrap.loding_discount .loding_txt span{font-size:22px;}
.loan_credit .credit_loding .loding_discount .section{width:580px; height:200px; margin:200px auto 0; padding:0; border:none; border-radius:4px; box-sizing:border-box;background:none;}
.loan_credit .loading_wrap.loding_discount .loading,
.car .loading_wrap.loding_discount .loading{top:67px;margin-left:-117px;}/* 17.12.11 modify by YYK */
.loan_credit .loading_wrap.loding_discount .loading_time{color:#0593a6;font-size:72px;}
.car .loading_wrap.loding_discount .loading_time{color:#3D5BDC;font-size:72px;}
/* //2019-09-06 JMJ : [캐피탈] 신용_자담-대출 멀티심사 추가 */
.loan_credit .credit_loding .section {box-sizing:border-box; border:none; width:580px; height:157px; margin:60px auto; padding:25px;border-radius:4px;background-color:#0593a6;background-image:linear-gradient(-135deg, #00bac0 0%, #0593a6 100%);background-image:-webkit-linear-gradient(-135deg, #00bac0 0%, #0593a6 100%);box-shadow:0 1px 5px 0 rgba(42,159,253,0.50);}
/* //17.12.05 modify by YYK */
.loan_credit .credit_loding .section2 {box-sizing:border-box; border:none; width:480px; height:103px; margin:60px auto; padding:25px;border-radius:4px;background-color:#0593a6;background-image:linear-gradient(-135deg, #00bac0 0%, #0593a6 100%);background-image:-webkit-linear-gradient(-135deg, #00bac0 0%, #0593a6 100%);box-shadow:0 1px 5px 0 rgba(42,159,253 aV4 ^ PVw E @+s[=k P NcPS credit_loding .section:hover{border:none;}
.loan_credit .credit_loding .section p.loding_tit,
.loan_credit .credit_loding .section p,
.loan_credit .credit_loding .section span,
.loan_credit .credit_loding .section2 p.loding_tit,
.loan_credit .credit_loding .section2 p,
.loan_credit .credit_loding .section2 span{color:#fff;}
.loan_credit .credit_loding .section p.loding_tit{text-align:left; }
.loan_credit .credit_loding .section div.loding_con span,
.loan_credit .credit_loding .section2 div.loding_con span{font-size:17px;}
.loan_credit .credit_loding .section div.loding_con p,
.loan_credit .credit_loding .section2 div.loding_con p{font-size:26px; margin-top:10px;}
/* 썸네일 리스트 */
.list_thumb ul{padding-top:40px;margin-left:-20px;padding-bottom:5px;width:110%}
.list_thumb ul:after{content:'';display:block;clear:both;width:100%;height:1px;}
.list_thumb li{position:relative;float:left;margin-top:20px;margin-left:20px;}
.list_thumb li a{display:block;width:480px;height:200px;padding:30px;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.list_thumb li .anchor{display:block;width:380px;height:200px;padding:30px;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.list_thumb.newcar_program ul{padding-top:0;}
.lis an4 ^ PVw E @+s[=k P NטcP* i{margin-top:0;}
.list_thumb.newcar_program li a{width:380px;}
.list_thumb .state{display:inline-block;position:absolute;left:30px;bottom:50px;height:23px;padding:0 5px;color:#1e88e5;font-size:13px;line-height:21px;background:#ffffff;text-align:center;border:1px solid #1e88e5;border-radius:4px;box-sizing:border-box;}
.list_thumb .tit{display:block;color:#333333;font-size:15px;line-height:20px;}
.list_thumb .date{display:block;width:100%;position:absolute;left:0;bottom:26px;padding-left:30px;color:#888888;box-sizing:border-box;}
.list_thumb .date>span{display:block;}
.list_thumb li a:hover{border-color:#ffffff;box-shadow:0 4px 32px 0 rgba(0,13,57,0.2);}
.list_thumb li a img,.list_thumb li .anchor img{position:absolute;right:10px;bottom:10px;width:160px;height:70px;}
.list_thumb li.end {opacity:0.5}
.list_thumb li.end a:hover{box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);}
.list_thumb li.end .state{color:#888888;border-color:#eeeeee;}
.list_thumb li.end .tit{color:#666666;}
/* 보안프로그램 안내 (CP_COM_030) */
.security_program .tit_page .tit_sub{margin-top:35px;}
.security_program .section_wrap2 .section .sec_tit .tit{font-size:26px;color:#333333;}
.security_program .section_wrap2 .section .sec_tit .sub_tit{margin-top:14px;font-size:13px;color:#666666;}
.security_program .section_wrap2 .section .sec_tit .hr{display:block;width:20px;height:1px;margin:20px 0;background:#333333;}
.security_progra ap4 < < PVw ^ E (@ jks[= Pc NP ~b3 a4 ^ PVw E @+s[=k P NLcP蚺 n .sec_tit .detail{max-width:250px;font-size:13px;color:#666666;}
.security_program .list_solution ul{margin-left:-40px;}
.security_program .list_solution ul:after{content: '';display: block;clear:both;}
.security_program .list_solution li{float:left;width:178px;margin-left:40px;padding:18px 20px;border:1px solid #f0f0f0;border-radius:4px;}
.security_program .list_solution li .tit{display:block;margin-bottom:12px;}
.security_program .list_solution li .sub{display:block;min-height:58px;font-size:12px;color:#888888;}
.security_program .list_solution li .ico_sub{min-height:36px;margin-top:4px;font-size:12px;color:#888888;}
.security_program .list_solution li button{margin-top:36px;width:136px;min-width:136px;}
/*.security_program .list_solution li*/
.security_program .list_solution li .tit, .security_program .list_solution li .tit a{font-size:15px;color:#333333;line-height:1.3;}
.security_program .list_solution .ico_area{padding-top:12px;text-align:center;}
/* step */
.step_use {}
.step_use ol:after {content:'';display:block;clear:both;}
.step_use ol li {position:relative;float:left;width:150px;padding-top:44px;padding-left:50px;background:url(../../cmmn/images/loansecurity/bg_step_use_arr.png) no-repeat 0 5px;text-align:left;}
.step_use.step_car.noarrow ol li{background-image:none;} /* 화살표 없는 경우(2018-06-22 CDH 추가) : main.css 연계 */
.step_use ol li:first-child {padding-left:0 ! a4 ^ PVw E @+s[=k P N cP ge:none !important;}
.step_use ol li .ico {display:block;position:absolute;top:0;left:40px;overflow:hidden;width:30px;height:30px;background-image:url(../../cmmn/images/loansecurity/ico_step_use_car.png);background-repeat:no-repeat;background-position:0 0;}
.step_use ol li:first-child .ico {left:0 !important;}
.step_use ol li.step2 .ico {background-position:-30px 0;}
.step_use ol li.step3 .ico {background-position:-60px 0;}
.step_use ol li.step4 .ico {background-position:-90px 0;}
.step_use ol li.step5 .ico {background-position:-120px 0;}
.step_use ol li.step6 .ico {background-position:-150px 0;}
.step_use ol li .step_tit {margin-bottom:35px;color:#1E88E5;font-size:19px;}
.step_use ol li .step_tit span {display:block;margin-bottom:10px;font-size:13px;}
.step_use ol li .txt_sub {margin-top:20px;color:#888888;}
.step_use ol li p {font-size:13px;}
.car .step_use ol li .step_tit {color:#3D5BDC;}
.loan .step_use ol li .step_tit {color:#0F82BE;}
/*광고 보이지 않게*/
iframe[name="google_conversiton_frame"]{visibility:hidden; display:none;}
iframe[name=google_conversiton_frame]{visibility:hidden; display:none;}
/* width size 1520px mediaquery */
@media (min-width: 1579px) {
.sch_input_wrap .sch_input {width: 1520px;min-width: 1520px;background-position:1464px 31px;}
.sch_cont_wrap{width: 1520px;min-width: 1520px;}
.sec_cont .list_thumb li{margin-left:40px;}
.sec_cont .list_thumb li:first-chil a4 ^ PVw E @+s[=k P NcPE ist_thumb.newcar_program li a, .list_thumb.newcar_program li .anchor{width:480px;}
.list_thumb .date>span{display:inline;}
.list_thumb li a{width:480px;}
}
.car #contents_top .slider_b .fl_l.mgl25 {padding-left: 10px;}
/* 17.07.10 add 전월 KB 시세 기준 */
.info_r {overflow:hidden; position:absolute;right:0;top: 50%;font-size: 13px; color: #888888; margin-top: -6px;text-align:left;}
/* 17.07.27 add by SMH */
.box_agree_wrap.type2 ul li .agr_chk label.txt_normal{color:#888888;}
.box_agree_wrap.type2 ul.col2 li .agr_chk label.txt_normal{color:#888888}
/*.box_agree_wrap.type2 ul li .agr_chk .ck_box.on label.txt_normal {color:#333333 !important;}*//*2019-07-01 KTH : [WEB][APP] 보이스피싱 예방 문구 강조*/
.btn_wrap_c2.sty {margin:0;border:0;padding:0;}
.sub.md {border-top:1px solid #ebebeb; padding-top:20px;margin:40px 0;display:block;}
.lypop_cont.plus .box_agree {padding:0;border:0;margin-top:0;}
/* 17.08.16 add 전화상담 팝업 */
.tab_navi_tit {color:#666;font-size:13px;margin-top:50px;padding-bottom:10px;}
.tab_navi_tel {position:relative;box-sizing:border-box;height:50px;padding:2px;border:1px solid #f0f0f0;border-radius:2px;background-color:#F6F6F6;transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-transition:border-color 0.2s ease,box-shadow 0.2s ease;margin-bottom:0;}
.tab_navi_tel:hover {border-color:#DDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);transition: a4 ^ PVw E @+s[=k P NhcP谢 ox-shadow 0.2s ease;-webkit-transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.tab_navi_tel li {float:left;position:relative;top:0px;/*padding:2px;*/border-radius:2px;font-size:0;line-height:0;text-align:center;}
.tab_navi_tel ul {text-align:center;overflow:hidden;}
.tab_navi_tel .col2 li {width:50%;}
.tab_navi_tel li:before {content:'';display:block;position:absolute;top:17px;left:0;width:1px;height:16px;background-color:#EBEBEB;vertical-align:middle;}
.tab_navi_tel li:first-child:before {display:none;}
.tab_navi_tel li a {display:block;position:relative;z-index:2;padding:14px 20px 13px;border:1px solid transparent;font-size:15px;line-height:1;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;box-sizing:border-box;color:#888;}
.tab_navi_tel li a.on {border-radius:2px;box-shadow:0 1px 5px 0 rgba(28,35,69,0.08);border:1px solid #00bac0;background-color:#fff;}
.car .tab_navi_tel li a.on {border-color:#488FF6;color:#3D5BDC;box-shadow:0 1px 5px 0 rgba(41,99,238,0.08);}
.loan .tab_navi_tel li a.on {border-color:#11B4E3;color:#0F82BE;box-shadow:0 1px 5px 0 rgba(42,100,239,0.08);}
.loan_credit .tab_navi_tel li a.on {border-color:#00bac0;color:#0593a6;box-shadow:0 1px 5px 0 rgba(42,100,239,0.08);}
.ly_cont.ly_tel {}
.lypop .ly_cont.ly_tel .ly_tit {margin-bottom:35px;}
.ly_tel.ly_tit .msg_error {margin-top:15px;}
.lypop .ly_cont.ly_tel .box_agree {margin-top:25px;padding:40px 0 0;border-botto a4 ^ PVw E @+s[=k P N cP? y_tel .box_agree .terms_dep1 {margin:0 0 10px;}
.lypop .ly_cont.ly_tel .box_agree .terms_txt {margin-bottom:20px;}
.lypop .ly_cont.ly_tel .box_agree .txt_line {border-top:1px #f0f0f0 solid;padding-top:25px;margin:40px 0 0;}
.lypop .ly_cont.ly_tel .btn_wrap_c {margin-top:40px;}
/* //17.08.16 add 전화상담 팝업 */
/* 17.08.21 add 중고차론 */
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul.car_dloan {width:595px;height:130px;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul.car_dloan li {border:0;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul.car_dloan .wid {width:40px;}
/* //17.08.21 add 중고차론 */
/* 17.08.29 add HHJ */
.text_field.type {border:1px solid #F1F1F1;transition:box-shadow 0.2s ease, border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease, border-color 0.2s ease;height:49px;line-height:49px;}
.text_field.type.on {border-color:#0593a6;}
.text_field.type input {height:auto;}
.text_field.type .btn_mouse {position:absolute;top:5px;right:11px;}
.txt_info_discount .rd_button_cir input[type='radio'] {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;color:#ffffff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} /* 17.11.03 modify by SMH */
.txt_info_discount .rd_button_cir {left:0;padding:0;background-color:#fff;height:24px;border:none;marg a 5 ^ PVw E @+s[=k P NcP͡ left;}
.txt_info_discount .rd_button_cir li {padding:0 !important;}
.txt_info_discount .rd_button_cir div {padding:0;width:72px;height:22px;line-height:22px;left:0 !important;text-indent: 15px;top:0;text-align:center;border:1px #d2d2d2 solid;border-radius:15px;font-size:12px;background: url(../../cmmn/images/loancredit/ico_cir_check_gray.png) no-repeat 15px 7px !important;color:#888;}
.txt_info_discount .rd_button_cir div.on {left:0;top:0;border-radius:15px;background-position:15px 7px;background: url(../../cmmn/images/loancredit/ico_cir_check_loan.png) no-repeat 15px 7px !important;border:1px solid #00bac0;color:#0593a6;}
.form_group.add_unit {margin-top:10px;}
.form_group_wrapper .pay_sms_ck {overflow:hidden;}
.form_group_wrapper .pay_sms_ck dl {float:right;margin-top:0;width:49.3%;}
.form_group_wrapper .pay_sms_ck dl:first-child {float:left;}
.form_group_wrapper .pay_sms_ck dl .ck_box {height:46px;/* text-align:center; */padding-left: 20px;border:1px #f1f1f1 solid;line-height:46px;width:100%;box-sizing:border-box;font-size:15px;}/* 17.09.18 modify by SMH */
.form_group_wrapper .pay_sms_ck dl .ck_box label {display:inline-block;width:100%;height:100%;}
.form_group_wrapper .pay_sms_ck dl .ck_box span {border:none;background:url(../../cmmn/images/loancredit/ico_cir_check_gray.png) no-repeat 0 0;box-shadow:none;width:14px;height:9px;}
.form_group_wrapper .pay_sms_ck dl .ck_box.on {color:#0593a6;}
.car ae5 ^ PVw E @+s[=k P NcPƣ y_sms_ck dl .ck_box.on {color:#3D5BDC;}/* 2018-04-06 JMJ */
.form_group_wrapper .pay_sms_ck dl .ck_box.on span {background:url(../../cmmn/images/loancredit/ico_cir_check_loan.png) no-repeat 0 0;}
.car .form_group_wrapper .pay_sms_ck dl .ck_box.on span {background:url(../../cmmn/images/loansecurity/ico_cir_check_car.png) no-repeat 0 0;}/* 2018-04-06 JMJ */
.form_group_wrapper .pay_sms_ck .ck_box.on.focus span {border-color:#fff;box-shadow:none;border:none;}
.sec_cont.chg {}
.sec_cont.chg .form_group_wrap dt {padding-top:5px;}
.sec_cont.chg .form_group.wp {width:100%;}
.txt_info_discount .wrap dd.per_dot.bg {right:94px;background:#f0f9fa;padding:10px 5px 7px 0;top:9px;min-width:213px;}
.per_dot.bg div, .per_dot.bg>span {background:url(../../cmmn/images/loancredit/bg_arrow_loan.png) no-repeat 12px 7px;}
.type_1 .per_dot.bg div {background:url(../../cmmn/images/loancredit/bg_arrow_loan.png) no-repeat 15px 7px;}/* 2019-01-17 JMJ */
.per_dot.bg div.plus {background:url(../../cmmn/images/loancredit/bg_plus_loan.png) no-repeat 15px 7px;}/* 2019-01-17 JMJ */
.per_dot.bg div > span:nth-of-type(1) {font-size:18px;line-height: 1.2;}/* 17.09.18 add by SMH */
.per_dot.bg div > span > span {font-size:13px;line-height: 1.2;}/* 17.09.18 add by SMH */
.per_dot.bg div > span > span.txt_s {min-width:0; font-family:'HYRegular'; color:#888888;}/* 2019-01-17 JMJ */
.per_dot.bg div span {min-width:66px;display:inline-block a5 < < PVw ^ E (@ jks[= Pc N|P sV a5 < < PVw ^ E (@ jks[= Pc NP hKy a5 < < PVw ^ E (@ jks[= Pc NLP ]@ a5 < < PVw ^ E (@ jks[= Pc NP R4 a5 < < PVw ^ E (@ jks[= Pc N P G)b a5 ^ PVw E @+s[=k P O8cPU _fs14 dd ul div,
.form_group_wrap.txt_fs14 dd ul label {font-size:14px;} /* 2019-09-26 웹접근성 JMJ */
.rd_button_set.col1.input_pay {width:50%;}
/* //17.08.29 add HHJ */
/* 17.10.18 add LHJ */
.terms_wrap.terms_con h3{font-size:16px;}
/* //17.10.18 add LHJ */
/* 17.12.21 add by YYK */
.section .sec_cont .tit_cont{color:#333333;font-size:19px;}
/* 2018-06-22 JMJ : 반영 전 확인 필수!!
.section .sec_cont .my_car_cashback{background:url('../../cmmn/images/membership/ico_my_car_cashback.png') 96% 10% no-repeat;} */
.section .sec_cont .my_car_cashback{background:url('../../cmmn/images/membership/ico_my_car_cashback.png') 91.5% 10% no-repeat;} /* 2018-05-23 LJY */
/* //2018-06-22 JMJ : 반영 전 확인 필수!! */
.section .sec_cont .my_car_cashback .tit_cont{color:#1e88e5;font-size:19px;}
.section .sec_cont .my_car_blackbox{background:url('../../cmmn/images/membership/ico_my_car_blackbox.png') 96% center no-repeat;}
.section .sec_cont .my_car_blackbox .tit_cont{color:#1e88e5;font-size:19px;}
/* 2018-07-05 JMJ : 내차마련혜택 7월 2차 업데이트 - 반영 전 확인 필수!!
.section .sec_cont .my_car_starbukcs{background:url('../../cmmn/images/membership/ico_my_car_km.png') 88.4% 24% no-repeat;}*/
.section .sec_cont .my_car_starbukcs{background:url('../../cmmn/images/membership/ico_my_car_km.png') 93% 24% no-repeat; position:relative;}
/* //2018-07-05 JMJ : 내차마련혜택 7 a5 ^ PVw E @+s[=k P O
cP9 반영 전 확인 필수!! */
.section .sec_cont .my_car_starbukcs .btn_event {float:right; position:absolute; bottom:0; right:0;}
.section .sec_cont .my_car_starbukcs .tit_cont{color:#1e88e5;font-size:19px;}
.section .sec_cont .list_ty1{}
.section .sec_cont .list_ty1 .txt_ty1{color:#333333;font-size:15px;}
.section .sec_cont .list_ty1 .txt_ty2{padding-left:8px;color:#666666;font-size:13px;}
.section .sec_cont .list_sub_ty1{}
.section .sec_cont .list_sub_ty1 li{padding-left:8px;color:#666666;font-size:13px;}
.section .sec_cont .list_ty1 .txt_caution{padding-left:8px;color:#666666;font-size:13px;}
.section .sec_cont .list_sub_ty2{}
.section .sec_cont .list_sub_ty2 li{padding-left:16px;color:#666666;font-size:13px;}
.section .sec_cont .btn_sb_coupon{position:absolute;right:0;bottom:17%;width:220px;}
/* //17.12.21 add by YYK */
/*180125 KTH 추가*/
.go_appW {position:relative; box-sizing:border-box;} /* 2018-08-16 KSM */
.go_appW .tit {font-size:15px; line-height:40px; box-sizing:border-box; padding-left:50px; color:#333; margin-bottom:22px; background:url(../../cmmn/images/main/capital_bl.png) no-repeat left top;}
.go_appW.plcar .tit {background-image:url(../../cmmn/images/main/plcar_bl.png);} /* 2018-12-11 LJY */
.ap_dw {clear:both; box-sizing:border-box; margin-top:34px;}
.ap_dw .ga_btn:first-child {margin:0px;}
.ap_dw .ga_btn {display:inline-block; width:auto; height:36px; line-height:36px; a5 ^ PVw E @+s[=k P OcP px 11px 0px 30px; background: url('../../cmmn/images/membership/ico_mem_app.png') no-repeat 13px 10px;}
.ap_dw .ga_btn.ios {background-position: 13px -18px;}
.my_carbox {
box-sizing:border-box; border-radius: 4px; padding:0; background-color:#3D5BDC;
background-image:linear-gradient(135deg, #3D5BDC 0%, #488FF6 100%); /* 2019-09-06 LJY 수정 */
background-image:-webkit-linear-gradient(135deg, #488FF6 0%, #3D5BDC 100%); filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);
box-shadow:0 1px 5px 0 rgba(0,13,57,0.27);
}
/* 2018-08-03 JMJ : 내차마련혜택 배너수정 / 선반영 불가
.my_carbox .mc_box {padding:28px 30px 19px 30px; color:#fff; background:url(../../cmmn/images/car/my_carbg.png) no-repeat 97% 18px; margin-top:30px;} */
.my_carbox .mc_box {padding:28px 30px 19px 30px; color:#fff; background:url(../../cmmn/images/car/my_carbg.png) no-repeat right bottom; margin-top:30px;}
/* //2018-08-03 JMJ : 내차마련혜택 배너수정 / 선반영 불가 */
.my_carbox .mc_box:after {content:''; display:block; clear:both;}
.my_carbox .tt_mcW {float:left; width:50%; color:#fff; box-sizing:border-box;}
.my_carbox .tt_mcW.n2 {width:30%;}
.my_carbox .tt_mcW.n4 {width:33%;}
.my_carbox .tt_mcW .tt {font-size:17px; line-height:22px;}
.my_carbox .tt_contW {float:right; width:50%; box-sizing:border-box; }
.my_carbox .tt_contW.n2 {width a5 ^ PVw E @+s[=k P OTcPS@ ontW.n4 {width:67%;}
.my_carbox .tt_contW .tt {font-size:22px; line-height:32px; font-weight: bold;}
.my_carbox .tt_contW .txt {font-size:13px; line-height:20px; margin-top:15px;}
.my_carbox .tt_contW .btn {margin-top:20px;}
@media screen and (max-width:1579px) {
.my_carbox .tt_mcW.n3 {width:35%;}
.my_carbox .tt_contW.n3 {width:65%;}
}
/* 2018-01-31 KSM */
.section .sec_cont .tit_cont{color:#333333;font-size:19px;}
/* 2018-06-22 JMJ : 반영 전 확인 필수!!
.section .sec_cont .my_car_Benefit{background:url('../../cmmn/images/membership/ico_my_car_Benefit.png') 96% center no-repeat;} */
.section .sec_cont .my_car_Benefit{background:url('../../cmmn/images/membership/ico_my_car_Benefit.png') 89.5% center no-repeat;}
/* //2018-06-22 JMJ : 반영 전 확인 필수!! */
.section .sec_cont .my_car_Benefit .tit_cont{color:#1e88e5;font-size:19px;}
/* 이용후기 */
.section_review {margin-top:-3px;}
.section_review ul {}
.section_review ul:after {content:'';display:block;clear:both;}
.section_review ul li {float:left;width:380px;padding-left:20px;}
.section_review ul li:first-child {padding-left:0}
.section_review ul li .box_review {height:326px;background-repeat:no-repeat;background-position: 0 100%;}
.section_review li:first-child .box_review {background-image:url(../../cmmn/images/loancredit/bg_main_reveiw01.png);}
.section_review li .box_review {background-image:url(../../cmmn/image a5 ^ PVw E @+s[=k P O cPLz eiw02.png);}
.section_review .box_review > p {padding-left:67px;}
.section_review .box_review .txt {min-height:63px;background:url(../../cmmn/images/loancredit/bg_main_reveiw_txt.png) no-repeat 0 3px;color:#333333;font-size:15px;line-height:1.5;}
.section_review .box_review .user_name {margin-top:20px;color:#333333;font-size:20px;}
.section_review .box_review .user_info {margin-top:2px;}
/* 메뉴별 이용후기 이미지 */
.section_review.review_credit li:first-child .box_review {background-image:url(../../cmmn/images/loancredit/pc_CPM_ILC_0101_m.png);}
.section_review.review_credit li .box_review {background-image:url(../../cmmn/images/loancredit/pc_CPM_ILC_0101_w.png);}
/*.section_review.review_house li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_m.png);}
.section_review.review_house li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_w.png);}*/
/*2018-02-02 KTH 수정*/
.section_review.review_house li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png);}
.section_review.review_house li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png);}
.section_review.review_bank li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_m.png);}
.section_review.review_bank li .box_review {background-image:url(../../cm a6 ^ PVw E @+s[=k P O!cPƓ c_CPM_ILH_0101_w.png);}
.section_review.review_car li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILA_0101_m.png);}
.section_review.review_car li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILA_0101_w.png);}
.section_review.review_newcar_hy li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_m.png);}/* 신차금융-현대 */
.section_review.review_newcar_hy li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_w.png);}
.section_review.review_newcar_kia li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_m.png);}/* 신차금융-기아 */
.section_review.review_newcar_kia li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_w.png);}
.section_review.review_newcar_loan li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0201_m.png);}/* 신차론 */
.section_review.review_newcar_loan li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0201_w.png);}
.section_review.review_newcar_lease_hy li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_m.png);}/* 개인리스-현대 */
.section_review.review_newcar_lease_hy li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_w.png);}
.section_review.review_newcar_lea a66 ^ PVw E @+s[=k P O'pcP ox_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_m.png);}/* 개인리스-기아 */
.section_review.review_newcar_lease_kia li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_w.png);}
.section_review.review_newcar_lease2 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0401_m.png);}/* 상용차리스 */
.section_review.review_newcar_lease2 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0401_w.png);}
.section_review.review_newcar_genesis li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0501_m.png);}/* 제네시스 */
.section_review.review_newcar_genesis li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0501_w.png);}
.section_review.review_newcar_lease4 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0601_m.png);}/* 자동차리스 */
.section_review.review_newcar_lease4 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0601_w.png);}
.section_review.review_newcar_rent li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0701_m.png);}/* 장기렌터카 */
.section_review.review_newcar_rent li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0701_w.png);}
.section_review.review_newcar_program li:first-child .box_review {backgro a6 ^ PVw E @+s[=k P O-$cP /images/newcar/pc_CPM_AUN_0801_m.png);}/* 자동차이용프로그램 */
.section_review.review_newcar_program li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0801_w.png);}
.section_review.review_newcar_etc1 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png);}/* 기타브랜드 론 */
.section_review.review_newcar_etc1 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png);}
.section_review.review_newcar_etc2 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png);}/* 기타브랜드 리스 */
.section_review.review_newcar_etc2 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png);}
.section_review.review_newcar_etc3 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png);}/* 기타브랜드 렌터카 */
.section_review.review_newcar_etc3 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_ws.png);}
.section_review.review_oldcar_direct li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0101_m.png);}/* 다이렉트중고차론 */
.section_review.review_oldcar_direct li .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0101_w.png);}
.section_review.review_oldcar_lease li:first-child .box_review {background-image:url( a6 ^ PVw E @+s[=k P O2cPOq /pc_CPM_AUO_0201_m.png);}/* 중고차리스 */
.section_review.review_oldcar_lease li .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0201_w.png);}
.section_review.review_oldcar_rent li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/bg_review_oldcar_rent_01.png);}/* 중고차 렌터카 */
.section_review.review_oldcar_rent li .box_review {background-image:url(../../cmmn/images/oldcar/bg_review_oldcar_rent_02.png);}
.section_review.review_newcar_etc2 li .box_review.man {background-image:url(../../cmmn/images/newcar/bg_review_newcar_ect2_01.png);}
.section_review.review_myCar li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_m.png);}}/* 내차 마련 혜택 */
.section_review li .box_review {background-image:url(../../cmmn/images/loancredit/bg_main_reveiw02.png);}
.section_review.review_myCar li .box_review.woman {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0701_w.png);}
.section .sec_cont > .btn_myInfo_modify {position:absolute;top:50%;right:0;}/* 유의사항 내 버튼 우측 추가 */
/* //2018-01-31 KSM */
/*2018-03-08 KTH 추가*/
.CPMSUS0201 .tab_navi.h80 {margin-top:40px;}
.CPMSUS0201 .section_app {display:none;}
.CPMSUS0201 .my_carbox .tt_mcW.n3 {width:35%;}
.CPMSUS0201 .my_carbox .tt_contW.n3 {width: 65%;}
.section_info_prdt > ul > li {margin-top:40px;}
.section_info_prdt > ul > li: a6 < < PVw ^ E (@ jks[= Pc NP < a 7 < < PVw ^ E (@ jks[= Pc O
P 1 a7 < < PVw ^ E (@ jks[= Pc O!P a7 < < PVw ^ E (@ jks[= Pc OTP &K a7 < < PVw ^ E (@ jks[= Pc O-$P a7 < < PVw ^ E (@ jks[= Pc O8P 3 aC : : ^ PVw E ( @,zs[=k P O8cP y:block;clear:both;}
.section_info_prdt > ul > li .box_info {float:left;}
.section_info_prdt > ul > li.col1{margin-top:20px;}
.section_info_prdt .box_info {position:relative;box-sizing:border-box;height:190px;padding:18px 20px;margin-left:20px;border-radius:4px;color:#ffffff;}
.section_info_prdt .box_info.fst{margin-left:0 !important;}
.section_info_prdt .col4 .box_info {width:280px;}
.section_info_prdt .col3 .box_info {width:380px;}
.section_info_prdt .col2 .box_info {width:580px;}
.section_info_prdt .col1 .box_info {width:1180px;}
.section_info_prdt .box_info.h_auto {height:auto;}
.section_info_prdt .box_info.h200 {height:210px;}
.section_info_prdt .box_info.bg_b1 {background-color:#1d85d9;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b2 {background-color:#1e91e0;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b3 {background-color:#229ce5;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b4 {background-color:#26a4e8;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_wht {padding:16px 20px;border:1px solid #e6e7e9;background-color:#ffffff;box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);color:#666666;}
.CPMSUS0201 .section_info_prdt .ba^ < < PVs ^ E (S@ ks[> P&n 89 P { aa < < ^ PVsρ E ( @1ws[>k P 89 &nP« ab < < PVs ^ E (S@ ks[> P&n 89
P z a < < PVw ^ E (@ jks[= Pc O=P 8 ae+ < < PVw ^ E (@ jks[= Pc O=P , ag+ ^ PVw E @0s[=k P O=cP ox_info.bg_wht.h_fix{height:157px;}/* CP_AUO_002 */
.section_info_prdt .col1 .box_info.bg_wht{height:auto}/* CP_ILH_001 */
.section_info_prdt .box_info.bg_wht.h_fix .list_txt2{maai+ ^ PVw E @+s[=k P O>@cPI rgin-top:12px;}
.section_info_prdt .box_info.bg_wht.bd_none {border:none;box-shadow:none;}
.section_info_prdt .box_info.bg_b4 .dl_wrap{overflow:hidden;height:100%;}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl{float:left;width:46%;height:100%;margin-left:4%;padding-left:4%;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.4);}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl dd{margin-top:8px;}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl:first-child{margin-left:0;padding-left:0;border-left:none;}
.section_info_prdt .box_info dt.tit {margin-bottom:5px;font-size:15px;font-family:'HYBold';}/* CP_ILH_001 */
.section_info_prdt .box_info dd {font-size:13px;}
.section_info_prdt .box_info .info1 {font-size:24px;}
.section_info_prdt .box_info .info1.fs_md {word-break:keep-all;font-size:19px;line-height:25px;}
.section_info_prdt .box_info .info1.fs_sm {margin-top:5px;font-size:17px;line-height:22px;}
.section_info_prdt .box_info .info1.fs_xsm {margin-top:5px;font-size:17px;line-height:22px;}
.section_info_prdt .box_info .info2 {position:absolute;bottom:15px;}
.section_info_prdt .box_info .info3 {font-size:13px;}
.section_info_prdt .box_info.bg_wht dt.tit {color:#1e88e5;}
.CPMSUS0201 .section_benefit2 {
background-color: #3D5BDC;
background-image: linear-gradient(135deg, #488FF6 50%, #3D5BDC 100%);
background-image: -webkit-linear-gradient(135deg, #488FF6 0%, #3D5BDC 100%);
ak+ ^ PVw E @+s[=k P OCcPf Transform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);
box-shadow: 0 1px 5px 0 rgba(0,13,57,0.27);
}
.section_benefit2 .box {
padding: 28px 30px 33px;
color: #ffffff;
border-top: 1px solid rgba(255,255,255,0.3);
}
.section_benefit2 .box:first-child { border-top: none;}
.CPMSUS0201 .section_benefit2 .box .tit_wrap { float: left; width: 35%; color: #ffffff;}
.section_benefit2 .box .tit_wrap .tit { color: #ffffff; font-size: 17px; line-height: 22px;}
.CPMSUS0201 .section_benefit2 .box .cont_wrap { float: right; width: 65%;}
.section_benefit2 .box:after { content: ''; display: block; clear: both;}
.out_type { clear:both; position: relative; width: 1180px; margin: 40px auto 0; padding: 48px 0 0 0; border-top: 1px solid #ebebeb;}
/*2018-03-21 KTH 추가*/
.ezFavorite .favorite_tit .slide_btn.side {left:165px; top:7px; right:auto;}
.ezFavorite .favorite_tit .call_contact {position:absolute; right:0; top:-5px; z-index:1;}
.car .line_cont {display:block; box-sizing:content-box; width:95%; height:1px; margin:34px 0 23px 0; padding-right:20px; background:#e6e6e6; line-height:0; opacity:0.2;}/* 2018-04-06 JMJ */
/*2018-04-17 KTH 추가*/
.loan_list_agree .box_agree {padding:0 !important; border:none !important;}
.list_agree li.n2 {white-space:normal;}
.terms_wrap.loan {padding-top:20px; border-top:1px solid #f0f0f0; margin-top:20px;}
/*201 an+ ^ PVw E @+s[=k P OIcPQ edia screen and (min-width:1180px) {
.section_info_prdt .box_info.bg_wht.new_hw {height:215px;}
}
@media screen and (max-width:1179px) {
.section_info_prdt .box_info.bg_wht.new_hw {height:215px;}
}
/*2018-04-25 KTH 추가*/
.ms_txt {box-sizing:border-box; overflow:hidden;}
.ms_txt li {font-size:13px; line-height:19px; color:#888; position:relative; padding-left:10px; box-sizing:border-box;}
.ms_txt li.no {padding-left:0px;}
.ms_txt li.no:before {content:'';}
.ms_txt li:before {content:'-'; display:block; position:absolute; left:0; top:0;}
.pl_txt {display:block; padding-left:15px; text-indent:-15px;}
.cm_txt {margin:10px 0 0 0; padding-top:20px; font-size:13px; line-height:19px; border-top:1px solid #ebebeb; color:#888;}
.li_tit {font-family: 'HYBold'; margin-bottom:10px;}
.li_tit.n2 {margin:10px 0;}
/* 2018-05-08 KSM */
/* 신용대출_인터넷 대출불가 화면 제휴상품 추천 적용 */
.wht_check_wrap {margin:47px auto 40px auto;}
.wht_check_wrap .list_txt.wht.bd_btm {border-bottom:1px solid rgba(221,221,221,0.5) !important;}
.wht_check_wrap .list_txt3.wht.bd_top {border-top:1px solid rgba(221,221,221,0.5) !important;} /* 2019-03-07 JMJ */
.wht_check_wrap .list_txt3 .tit {color:#FFF;} /* 2019-03-07 JMJ */
.rd_sort_wrap {position:relative;}
.rd_sort_wrap .tit {color:#fff;}
.rd_sort_wrap .rd_sort {position:absolute; top:0; right:0;}
.loan_credit .wht .rd_box {padding-left: ap+ ^ PVw E @+s[=k P OO\cPN lor:#fff;}
.loan_credit .wht .rd_box span {border-color:rgba(221,221,221,0.5); background-color:transparent;}
/* 라디오버튼 셋 .rd_list (신용대출 change 제휴사 연결 화면) */
.rd_button_set.rd_list {display:block; position:relative; height:auto; margin-top:15px; padding:0; border:none; background:none; transition:none;}
.rd_button_set.rd_list.error li > div,
.rd_button_set.rd_list.error:hover li > div,
.rd_button_set.rd_list.error.on li > div {border-color:#ff6767;}
.rd_button_set.rd_list > li {display:block; margin:0; padding-top:20px;}
.rd_button_set.rd_list li:first-child {padding-top:0;}
.rd_button_set.rd_list li:before {display:none;}
rd_button_set.rd_list li > div {position:relative; display:block; height:100%; box-sizing:border-box; padding:0 62px 10px 20px; background-color:#fff; border:2px solid #fff; border-radius:4px; box-shadow: 3px 3px 5px 0 rgba(29,35,69,0.16);} /* 2021-10-29 PSS */
.rd_button_set.rd_list li > div:after {content:''; display:block; position:absolute; top:22px; right:18px; width:18px; height:18px; background:url('../images/common/bul_ckbutton.png') no-repeat left -236px;} /* 2021-01-19 KEJ */ /* 2018-10-05 LJY */
.rd_button_set.rd_list li > div.on:after {background-position:left -296px;} /* 22021-01-19 KEJ */
.rd_button_set.rd_list li > div.on,
.rd_button_set.rd_list li > div:hover {border:2px solid #333 !important; border-radius:4px !important;}
.rd_b as+ ^ PVw E @+s[=k P OUcP蜻 {display:block; overflow:hidden; position:absolute; top:20px; width:42px; height:42px; padding:3px; border:1px solid #ddd;} /* 2018-10-05 LJY */
.rd_button_set.rd_list .logo img {width:100%;} /* 2018-10-05 LJY 추가 */
.rd_button_set.rd_list .tit {display:block; padding:20px 0 20px 70px; font-size:19px; font-family:'HYbold'; color:#333; line-height:25px;} /* 2021-10-29 PSS */
.rd_button_set.rd_list .info_txt {margin:14px 0 0 100px;}
.rd_button_set.rd_list .info_txt li {display:inline-block; position:static; top:auto; width:auto; margin:0; border:0; font-size:19px; font-family:'HYbold'; color:#666; line-height:1.4;}
.rd_button_set.rd_list .info_txt.alr {position:absolute; right:60px; top:18px; margin:0;} /* 2018-10-05 LJY 추가 */
.rd_button_set.rd_list .info_txt.alr li {display:block; padding:0;} /* 2018-10-05 LJY 추가 */
.rd_button_set.rd_list .info_note {padding:15px 0 12px; border-top:1px solid #ebebeb;} /* 2021-10-29 PSS */
.rd_button_set.rd_list .info_note li {display:block; position:static; top:auto; margin:0; padding:0; border:0; font-size:13px; color:#666; line-height:1.9;} /* 2018-10-05 LJY */
.rd_button_set.rd_list .info_note li.review {padding-bottom:3px; font-size:12px; color:#999;} /* 2018-10-05 LJY */
/* //2018-05-08 KSM */
/* 2021-10-29 PSS : [WEB][APP] 신용_중개대출_수정 및 PC 확대 적용 */
ul.rd_button_set li .category_tag {display:inline-block; height:19px; margin:18p au+ ^ PVw E @+s[=k P OZcPP ckground:#0593a6; font-size:12px; line-height:19px; color:#fff; border-radius:2px;}
.rd_button_set.rd_list > li.tag .logo {top:51px;}
.rd_button_set.rd_list > li.tag .tit {padding:12px 0 20px 70px;}
.rd_button_set.rd_list > li.tag .info_txt.alr {top:49px;}
.rd_button_set.rd_list > li.no_loan {background:#fff; border-radius:4px; box-shaodw:3px 3px 5px 0 rgb(29 35 69 / 16%);}
.rd_button_set.rd_list > li.no_loan p {padding:26px 30px; font-size:19px; line-height:25px; color:#666;}
.rd_button_set.rd_list > li.no_loan p span {color:#0593a6;}
/* 2018-05-18 KSM : 신용대출_체인지 메인 및 신청 단계별 수정, 운전면허증 지역선택 레이어 팝업 */
.areaWrap {position:relative;}
.areaWrap:after {content:''; display:block; clear:both;}
.area_type {float:left; width:calc(50% - 20px); border-top:1px solid #ddd;}
.area_type + .area_type {margin-left:40px;}
.area_type .col2 {float:left; width:50%;}
.area_type .col2 li {padding:10px 0; border-bottom:1px solid #f0f0f0;}
.area_type .col2 li > label {padding:7px 0;}
.areaWrap + .line {position:relative; margin-top:-1px; border-bottom:1px solid #e6e6e6;}
.areaWrap + .line > .blank {position:absolute; left:50%; margin-left:-20px; width:40px; height:1px; background-color:#fff;}
/* 2018-06-19 KSM : [캐피탈] 디지털 신용대출 및 멀티오퍼 개발 */
ul.rd_button_set.w180 li div,
ul.rd_button_set.w180 li label {width:140px;text-ali aw+ ^ PVw E @+s[=k P O`xcPE 6 웹접근성 JMJ */
.label_state{display:inline-block;height:15px;padding:3px 5px;margin-left:5px;text-align:center;border:1px solid #1e88e5;border-radius:3px;color:#1e88e5;background-color:#FFFFFF;font-size:12px;line-height:15px;}
.loan_credit .label_state {border-color:#0593a6;color:#0593a6;}
.car .label_state {border-color:#3d5bdc;color:#3d5bdc;}
.label_state.more {border-color:#888;color:#888;}
/* 한도 및 혜택 확인 > 기본 금리 할인 > Auto Club 회원 스탬프 노출 */
.form_autoclub.on,
.form_autoclub .form_select.on .sel_txt {border-color:#fdd835 !important;}
.form_autoclub .sel_txt {width:90px; padding-left:9px !important;}
.form_autoclub .sel_txt:before {content:""; display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(../images/common/ico_main_stamp.png) no-repeat 0 50%; background-size:20px;}
.form_autoclub .sel_txt.focus {color:#fdd835 !important;}
.form_autoclub .sel_txt.focus:after {background:url(../images/common/bul_select_autoclub.png) no-repeat left top !important;}
/* //2018-06-19 KSM : [캐피탈] 디지털 신용대출 및 멀티오퍼 개발 */
/* 2018-06-27 KSM : 접근성 수정 */
.tbl_tooltip.line tbody th {padding:5px 0 6px;border-top:1px solid #f0f0f0;text-align:left;color:#666;font-size:13px;line-height:20px;}
.tbl_tooltip.line tbody tr:first-child th {padding-top:10px;border-top:none;}
/* 2018-08- ay+ < < PVw ^ E (@ jks[= Pc OIP kӱ a{+ < < PVw ^ E (@ jks[= Pc OUP `T a}+ < < PVw ^ E (@ jks[= Pc O`xP U a~+ ^ PVw E
@+s[=k P Of,cP^ 너 신규 스타일 추가 */
.curtain_banner_blinder.short .message_cont,
.curtain_banner.short .message_cont {padding:11px 0 0;} /* 2018-12-11 LJY */
.curtain_banner_blinder.short .message_cont .tit,
.curtain_banner.short .message_cont .tit {margin-bottom:0;}
.curtain_banner.short .inner,
.curtain_banner_blinder.short .inner {min-height:50px;} /* 2018-12-11 LJY */
/* 서비스 배너 영역 QR */
.area_qr {position:absolute; top:12px; right:0; width:85px; height:85px;}
.area_qr img {width:100%;}
@media all and (min-width:1579px) {
.area_qr {right:50px;}
}
/* //2018-08-16 KSM */
/* 2018-09-19 KSM : 내차 마련 혜택 이미지, 매 월 업데이트시 동일 파일명으로 덮어쓰기 */
.my_car_kv {background:url(../images/membership/ico_my_car_km.png) no-repeat right top !important;}
/*2018-09-28 KTH : 상품권 100만원 증정 이벤트 신청 신규*/
.lypop.ev_present {width:650px;}
.section_guard.f_ch .tit {font-size:13px;}
.section_guard.f_ch .txt_point {font-size:13px;}
.section_guard.f_ch .list_txt3 ul li {font-size:13px;}
.section_guard.f_ch .message {font-size:13px;}
.section_guard.f_ch .message strong {font-size:13px;}
/* 2018-11-05 KSM : [캐피탈] 주한외국인 대상 서비스 */
.foreigner_visual {box-sizing:border-box; height:505px;}
.section_keymsg.keymsg_foreigner .keymsg_info1 {font-family:'HYBold';}
.keymsg_foreigner ul {width:1000px; margin:33px a+ ^ PVw E @+s[=k P OkcP gner ul li {box-sizing:border-box; float:left; padding:0 85px; width:500px; border-left:1px solid rgba(255,255,255, 0.12); font-size:15px; line-height:1.6em; text-align:center;}
.keymsg_foreigner ul li:first-child {border-left:0;}
.keymsg_foreigner ul li .txt_kor {margin-top:25px;}
.keymsg_foreigner ul:after {content:''; display:block; clear:both;}
.tab_navi.h80 ul li.tit_two_row a {padding-top:17px;}
.tab_navi.h80 ul li a .sub_tit {display:block; padding-top:7px; font-size:15px;}
.foreigner .sec_tit + .sec_cont .sec_info {font-size:15px; color:#666;}
.foreigner .sec_tit + .sec_cont .sec_info .tit {color:#333;}
.foreigner .sec_tit + .sec_cont .sec_info .txt {padding-top:8px;}
.foreigner .section.type2 .sec_tit + .sec_cont .sec_info .tit {font-size:19px;}
.foreigner .sec_tit .tit .txt_kor {display:inline-block; padding-left:5px;}
.foreigner .sec_tit h4.tit .txt_kor {font-size:19px;}
.main .section_wrap2 .foreigner_newcar_rent .section.foreigner_product {padding-top:0; border:0;}
.foreigner_newcar_rent .box_info_wrap {box-sizing:border-box; height:360px; padding:70px 0; margin-top:53px; border:1px solid #e6e7e9; background-color:#fff; box-shadow: 0 1px 5px 0 rgba(29,35,69,0.1); border-radius:4px; color:#666;}
.foreigner_newcar_rent .box_info_wrap .box_info {width:900px; margin:0 auto;}
.foreigner_newcar_rent .box_info_wrap .box_info li {box-sizing:border-box; float:left; width:300px; border-l a+ ^ PVw E @+s[=k P OqcP{E ext-align:center;}
.foreigner_newcar_rent .box_info_wrap .box_info li:first-child {border-left:0;}
.foreigner_newcar_rent .box_info_wrap .box_info li dl {padding-top:15px;}
.foreigner_newcar_rent .box_info_wrap .box_info li span + dl {padding-top:5px; height:80px; padding-top:0;}
.foreigner_newcar_rent .box_info_wrap .box_info dt {font-family:'HYBold'; color:#333;}
.foreigner_newcar_rent .box_info_wrap .box_info .bg_icon {display:inline-block; width:60px; height:60px; background:url('../../cmmn/images/common/bg_foreigner_newcar_rent.png'); background-repeat:no-repeat;}
.foreigner_newcar_rent .box_info_wrap .box_info .icon01 {background-position:center 0;}
.foreigner_newcar_rent .box_info_wrap .box_info .icon02 {background-position:center -60px;}
.foreigner_newcar_rent .box_info_wrap .box_info .icon03 {background-position:center -120px;}
.foreigner_newcar_program.section_info_prdt4 .box_info {height:565px;}
.foreigner_newcar_program .tit_cont3 {margin-top:34px;}
.foreigner_program .info_card2 .cd_img p {display:table-cell; width:280px; height:160px; text-align:center; vertical-align:middle; cursor:auto;}
.foreigner_program .info_card2 .cd_img p span {display:block; width:100%; height:148px;}
.foreigner_program .link_card:hover,
.foreigner_program .link_card:focus {border:1px solid rgba(14,23,39,0.1); border-radius:4px; background:#fff; box-shadow: 0 1px 5px 0 rgba(0,13,57,.08); transition:all 0.2 a+ ^ PVw E
@+s[=k P OwHcP, on:all 0.2s ease;}
.foreigner_program .info_card2 p > span {background-repeat:no-repeat; background-size:100% auto; background-position:0 -10px;}
.foreigner_program .info_card2 .fst p > span {background-image:url(../../cmmn/images/common/img_foreigner1_m_on.gif);}
.foreigner_program .info_card2 .snd p > span {background-image:url(../../cmmn/images/common/img_foreigner2_m_on.gif);}
.foreigner_program .info_card2 .tnd p > span {background-image:url(../../cmmn/images/common/img_foreigner3_m_on.gif);}
.foreigner_program .info_card2 .lst p > span {background-image:url(../../cmmn/images/common/img_foreigner4_m_on.gif);}
.foreigner_program .info_card2 .cd_tit {color:#1e88e5;}
.foreigner_program .info_card2 .cd_cont .txt_kor {margin-top:10px;}
.foreigner_step .sec_cont ol > li {float:left; width:233px; margin-top:32px; margin-left:40px;}
.foreigner_step .sec_cont ol > li:first-child,
.foreigner_step .sec_cont ol > li.col_first {margin-left:0;}
.foreigner_step .sec_cont ol > li.row_first {margin-top:0;}
.foreigner_step .step_box {position:relative; box-sizing:border-box; width:233px; height:200px; padding:25px 20px; border:1px solid #e6e7e9; border-radius:4px; background-color:#fff; box-shadow:0 1px 5px 0 rgba(29,35,69,0.1); font-size:17px; color:#1e88e5;}
.foreigner_step .step_box:before {content:''; position:absolute; top:50%; right:-25px; margin-top:-15px; width:25px; height:45px; background:url('../../c a+ ^ PVw E @+s[=k P O|cPP ow_step_box.png') no-repeat center;}
.foreigner_step .step_box.last:before {display:none;}
.foreigner_step .step_box > .txt_kor {position:absolute; bottom:25px; padding-right:20px;}
.foreigner_step .step_info {margin-top:18px;}
.foreigner_step .step_info > .txt_kor {margin-top:11px;}
.section_wrap2 > .section:last-child.foreigner_documents {padding-bottom:58px !important;}
.foreigner_documents .list_txt3.fs15 .txt_kor {padding:5px 0 18px 17px; color:#666;}
.foreigner_guard {padding-bottom:0;}
.foreigner_guard .tit {font-family:'HYRegular';}
.foreigner_guard .tit.txt_kor {color:#666;}
.foreigner_guard .txt_point {margin-top:10px;}
.foreigner_guard p.txt_point strong {margin-left:17px;}
.foreigner_guard p.txt_point.txt_kor {margin-top:8px;}
.foreigner_guard p.txt_point.txt_kor strong {color:#666; background-image:url('../../cmmn/images/common/middot_gray.png');}
.foreigner_guard .list_txt3 li.txt_eng {padding-top:10px; color:#333;}
.foreigner_guard .list_txt3 li:first-child {padding-top:3px;}
.foreigner_guard .message {padding-top:30px;}
.foreigner_guard .message strong {padding-bottom:6px;}
.foreigner_guard .message .txt_kor strong {color:#666;}
@media all and (min-width:1579px) {
.main .foreigner_visual .tit_page {width:1180px;}
.foreigner .section_wrap2 .section .sec_tit h4.tit .txt_kor {font-size:22px;}
.foreigner_step .sec_cont ol > li {width:306px;}
.foreigner_step .step_box { a+ ^ PVw E @+s[=k P OcP4 er_program .info_card2 .cd_img p {width:350px; height:200px;}
.foreigner_newcar_program.section_info_prdt4 .box_info {height:540px;}
.foreigner_program .info_card2 .fst p > span {background-image:url(../../cmmn/images/common/img_foreigner1_on.gif);}
.foreigner_program .info_card2 .snd p > span {background-image:url(../../cmmn/images/common/img_foreigner2_on.gif);}
.foreigner_program .info_card2 .tnd p > span {background-image:url(../../cmmn/images/common/img_foreigner3_on.gif);}
.foreigner_program .info_card2 .lst p > span {background-image:url(../../cmmn/images/common/img_foreigner4_on.gif);}
}
.section_guard p.txt_point strong.txt_c666 {color:#666; background-image:url('../../cmmn/images/common/middot_gray.png');} /* 준법감사심의필 약정이율 부분 회색 dot 아이콘 */
/* //2018-11-05 KSM : [캐피탈] 주한외국인 대상 서비스 */
/* 2018-12-27 LJY : [캐피탈] 신용대출_대출불가-제휴상품 추천-제휴사 추가 */
/*.rd_button_set.rd_list.bank_list li:nth-child(n+4) {display:none;}*/ /* 2019-03-07 JMJ */
.rd_button_set.rd_list.bank_list.on li {display:block;}
/*2018-12-28 PSS : 설문조사 팝업*/
.lypop_cont .list_suevey {}
.lypop_cont .list_suevey .txt {font-size:13px; line-height:20px; }
.lypop_cont .list_suevey ul {margin-top:34px;}
.lypop_cont .list_suevey ul:after {display:block; content:""; clear:both;}
.lypop_cont .list_suevey ul > li {float a+ ^ PVw E @+s[=k P OdcP: -top:7px;}
.lypop_cont .list_suevey ul > li.w100 {width:100%;}
.lypop_cont .list_suevey ul > li.w100 .form_group {margin-top:8px;}
/*2019-01-25 KTH : [캐피탈] 디지털 중고차론_한도조회 팝업 구매예정시기 추가*/
.buy_box {clear:both; box-sizing:border-box;}
.buy_box .fm_tit {font-size:13px; line-height:18px; padding-bottom:10px;}
/*2019-02-14 KTH : [APP][Web] MY_즉시결제내역 화면추가*/
.bd_space20 {margin-top: 20px; padding-top: 20px; border-top: 1px solid #f0f0f0;}
/* 2019-02-27 LJY : [캐피탈] 신용_자동이체 동의 ARS인증번호 노출 */
.auth_num {padding:26px 0 23px; border-bottom:1px solid #ebebeb; font-size:15px; color:#333; text-align:center;}
.auth_num .no {display:inline-block; margin-left:21px; font-size:40px; vertical-align:middle;}
/*2019-03-11 KTH : [캐피탈] 신용-자담_본인인증_유입경로 확인 Survey 신규 추가*/
.lypop_cont .list_suevey .txt.big {font-size:16px; line-height:24px;}
.lypop_cont .list_suevey ul.big > li {font-size:15px; line-height:22px; font-family: 'HYBold';}
/* 2019-03-25 KSM : [캐피탈] PC 메인-오퍼영역 주택대출 수정 new 버튼 */
.ico-aniNew {display:block; position:absolute; top:-4px; left:0; width:35px; height:15px; border-radius:15px; background:#fa4242 url(../../cmmn/images/common/ico-aniNew.gif) no-repeat 50%; text-indent:-9999px;}
/* 2019-03-29 LJY : [캐피탈] 구매프로 a+ ^ PVw E @+s[=k P OcPa 유예 서비스 배너 추가, main.css에서 복사 */
.img_card {display:block; padding:20px; border:1px solid rgba(14,23,39,0.1); border-radius:4px; background:#fff; box-shadow:0px 1px 5px 0px rgba(0,13,57,.08); box-sizing:border-box; text-align:center;}
/*2019-04-16 KTH:[캐피탈] 자동차금융_세이브렌터카 신규메뉴 추가*/
.section_review.save_rent_1 li:first-child .box_review {background-image: url(../../cmmn/images/newcar/pc_CPM_AUN_1001_m.png);}
.section_review.save_rent_1 li .box_review { background-image: url(../../cmmn/images/newcar/pc_CPM_AUN_1001_w.png);}
.section_review.save_rent_2 li:first-child .box_review {background-image: url(../../cmmn/images/newcar/pc_CPM_AUN_1101_m.png);}
.section_review.save_rent_2 li .box_review { background-image: url(../../cmmn/images/newcar/pc_CPM_AUN_1101_w.png);}
/*2019-05-10 KTH : [캐피탈] 자담_차량 설정 동의-근저당 약관 추가 */
.list_agree_wrap.gr_bg {background:#f6f6f6; padding:18px;}
.list_agree_wrap.gr_bg .g_txt {white-space:normal; font-size:13px; line-height:21px; color:#757575; padding:15px 10px 0 25px; border-top:1px solid #ccc; margin-top:15px;}
.list_agree_wrap.gr_bg .msg_error {padding-left:25px;}
/* 2019-05-13 LJY : [캐피탈] 주택_심사탈락_제휴사 추천화면 제작 */
.rd_button_set.rd_list.bank_list > li {margin:20px 0 0; padding-top:0;}
.rd_button_set.rd_list.bank_list > li > div {padding- a+ ^ PVw E @+s[=k P OcP# PSS */
.bank_list .done:after {content:''; position:absolute; left:50%; top:38px; z-index:10; width:60px; height:60px; margin-left:-30px; border:3px solid #fff; border-radius:50%; background:url(../images/common/ico_ck_done.png) no-repeat 50% 50%;}
.bank_list .done > div:before {content:'신청완료'; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; padding-top:112px; border-radius:4px; background:rgba(0,0,0,.7); box-sizing:border-box; font-size:19px; font-family:'HYBold'; color:#fff; text-align:center;}
.bank_list .done > div,
.rd_button_set.rd_list.bank_list .done > div:hover {border:none !important;}
/* 2019-06-04 LJY : [캐피탈] MY_임대 중도해지 온라인상담 신규 메뉴 추가 */
/* 달력 */
.calendarArea .selDate {position:absolute; right:12px; top:9px; z-index:1;}
.calendarArea .calendar {position:absolute; right:0; top:45px; z-index:10; width:199px; padding-top:6px; background:url(../../cmmn/images/common/bul_calendar_tail.png) no-repeat 77% 0;}
.calendarArea .calendar .date {position:relative; padding-bottom:1px; background:#6e6e6e;}
.calendarArea .calendar .ctrl_btn {padding:7px 25px 7px 0; color:#fff; text-align:center; vertical-align:top;}
.calendarArea .calendar .ctrl_btn .txt {display:inline-block; font-size:14px; font-family:'HYBold';}
.calendarArea .calendar .ctrl_btn .prev,
.calendarArea .calendar .ctrl_btn .next {display:inline-block; overflow: a+ ^ PVw E @+s[=k P OcP8 ht:18px; background:url(../../cmmn/images/common/btn_prev_ctrl.png) no-repeat 50% 50%; line-height:999px; vertical-align:top;}
.calendarArea .calendar .ctrl_btn .next {background-image:url(../../cmmn/images/common/btn_next_ctrl.png);}
.calendarArea .calendar table {width:197px; margin:0 auto; border:0; border-spacing:0; border-collapse:collapse; font-size:12px; color:#6e6e6e; line-height:1em;}
.calendarArea .calendar table .sun,
.calendarArea .calendar table .sun a {color:#e0000b;}
.calendarArea .calendar table th {width:auto; padding:6px 0; border:1px solid #fff; border-bottom-color:#e9e9e9; background:#fff; text-align:center;}
.calendarArea .calendar table td {width:27px; height:27px ;border:1px solid #e9e9e9; background:#f5f5f5; text-align:center;}
.calendarArea .calendar table td a {display:block; height:100%; padding-top:8px;}
.calendarArea .calendar table td a:hover,
.calendarArea .calendar table td.selDay a,
.calendarArea .calendar table .toDay a {padding-top:7px; font-weight:bold;}
.calendarArea .calendar table td a:hover,
.calendarArea .calendar table td.selDay a {border:1px solid #2a9ffd; background:#1e88e5; color:#fff;} /* 2019-09-04 JMJ */
.calendarArea .calendar table .toDay a {border:1px solid #cacaca; background:#fff; color:#323232;}
.calendarArea .calendar .calendarClose {position:absolute; right:8px; top:9px; padding:4px; border-radius:2px; background:#323232; line-height:8px;}
.ca a+ < < PVw ^ E (@ jks[= Pc OkP W a+ < < PVw ^ E (@ jks[= Pc OwHP a+ < < PVw ^ E (@ jks[= Pc OP w a+ ^ PVw E @+s[=k P O4cPҞ lendarClose img {width:9px;}
/*2019-06-17 KTH : [캐피탈] 주택_디전_예상한도_카뱅비교금리수정*/
.old_digital_pup {display: block; overflow: hidden; width: 112px; height: 112px; margin: 30px auto 26px; background: url(../../cmmn/images/oldcar/dc_ic.png) no-repeat 0 0;}
/* 2019-06-21 JMJ : [캐피탈] 신용_개인(신용)정보 동의서_동의서코드 추가+자담,주택 */
.agreeCode {margin-top:20px;}
/*2019-07-01 KTH : [WEB][APP] 보이스피싱 예방 문구 강조*/
.list_agree_wrap.bg_gry {background:#f6f6f6; padding:20px;}
.list_agree_wrap.bg_gry .txt_normal {color:#666;}
.list_agree_wrap.bg_gry .list_agree.type2 .ck_box {white-space:normal; text-indent:-25px; padding-left:25px;} /* 2020-08-27 JMJ */
.ck_box.on label {font-family: 'HYBold' !important;}
.loan_credit .ck_box.on label {color:#0593a6 !important;}
.loan_credit .ck_box.on label.txt_wht {color:#fff !important;} /* 2019-08-13 JMJ */
.car .ck_box.on label {color:#3d5bdc !important;}
.list_txt2 ul li.issue {color:#ffffc0;}
.loan_credit .box_agree_wrap.type2 ul li .agr_chk .ck_box {text-indent:-25px; padding-left:25px;} /* 2020-08-27 JMJ */
/*2019-07-19 KTH : [캐피탈] 신용_본심사 로딩 타이머-이미지 임시 교체*/
.loading_wrapr.ty_3 {background-image: -webkit-linear-gradient(135deg, #0593a6 0%, #13a5b2 50%, #00bac0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType= a+ ^ PVw E @+s[=k P OcP蒬 , endColorstr=#00bac0);}
.car .loading_wrapr.ty_3 {background-image: -webkit-linear-gradient(135deg, #3D5BDC 0%, #488FF6 50%, #3D5BDC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);}/* 2019-09-06 JMJ */
.loan_credit .loading_wrap.new_page,
.car .loading_wrap.new_page {margin-top:-300px;}/* 2019-09-06 JMJ */
.loan_credit .loading_wrap .new_loading_txt,
.car .loading_wrap .new_loading_txt {font-size:22px; line-height:28px; color:#fff;}/* 2019-09-06 JMJ */
.new_ld_img {display:inline-block; border-radius:100%; width:140px; height:140px; background:url(../../cmmn/images/common/Loading_icon.gif) no-repeat 50% 50% #fff;}
.loading_wrap .circle.type2 {width:140px; height:140px; background:url(../../cmmn/images/common/loading_w01.png) no-repeat center center #fff; background-size:65px auto; border-radius:100%; -webkit-animation:loading_circle 2s infinite ease; animation:loading_circle 2s infinite ease; margin:0 auto;}
@-webkit-keyframes loading_circle {
0%{transform:rotateY(180deg);}
20%{transform:rotateY(0deg);}
80%{transform:rotateY(0deg);}
100%{transform:rotateY(180deg);}
}
@keyframes loading_circle {
0%{transform:rotateY(180deg);}
20%{transform:rotateY(0deg);}
80%{transform:rotateY(0deg);}
100%{transform:rotateY(180deg);}
}
/* 2019-07-23 KSM : [WEB][APP] My_결제일 알람 SMS 신청 프로세스 변경 */
.c a+ ^ PVw E @+s[=k P OcP脞 ne; width:100%;}
.ckbt_ul.w100 li .ckb_box {height:50px;}
/*2019-07-25 KTH : [캐피탈] 신용_본심사 로딩 타이머-이미지 교체(사파리)*/
.loading_wrap .slide_right {position:relative; width:140px; height:140px; background:#fff; margin:0 auto; border-radius:100%;}
.loading_wrap .slide_right li {
opacity:0; position:absolute; top:0;
/*animation-name:ani_slide;
animation-duration:6.0s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:normal;
animation-delay:0;
animation-play-state:running;
animation-fill-mode:forward;*/
animation:ani_slide 4.8s infinite ;
-webkit-animation:ani_slide 4.8s infinite ;
}
.loading_wrap .slide_right li img {display:block;}
.loading_wrap .slide_right2 {position:relative; width:140px; height:140px; background:#fff; margin:0 auto; border-radius:100%;}
.loading_wrap .slide_right2 li {
opacity:0; position:absolute; top:0;
animation:ani_slide2 4.8s infinite ;
-webkit-animation:ani_slide2 4.8s infinite ;
}
.loading_wrap .slide_right2 li img {display:block;}
@-webkit-keyframes ani_slide {
0% {left:0%; opacity:0;}
5% {left:0%; opacity:1;}
20% {left:0%; opacity:1;}
25% {left:0%; opacity:0;}
100% {left:0%; opacity:0;}
}
@-webkit-keyframes ani_slide2 {
0% {left:-13%; opacity:0;}
5% {left:0%; opacity:1;}
20% {left:0%; opacity:1;}
25% {left:13%; opacity:0;}
100% {left:13%; opa a+ < < PVw ^ E (@ jks[= Pc OP l@ a+ < < PVw ^ E (@ jks[= Pc OP a a+ < < PVw ^ E (@ jks[= Pc OP Vx a+ < < PVw ^ E (@ jks[= Pc OPP Km) a1 ^ PVw E @+s[=k P OPcP mes ani_slide {
0% {left:0%; opacity:0;}
5% {left:0%; opacity:1;}
20% {left:0%; opacity:1;}
25% {left:0%; opacity:0;}
100% {left:0%; opacity:0;}
}
@keyframes ani_slide2 {
0% {left:-13%; opacity:0;}
5% {left:0%; opacity:1;}
20% {left:0%; opacity:1;}
25% {left:13%; opacity:0;}
100% {left:13%; opacity:0;}
}
.loading_wrap .slide_right li:nth-child(2) {animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.loading_wrap .slide_right li:nth-child(3) {animation-delay:2.4s; -webkit-animation-delay:2.4s;}
.loading_wrap .slide_right li:nth-child(4) {animation-delay:3.6s; -webkit-animation-delay:3.6s;}
.loading_wrap .slide_right2 li:nth-child(2) {animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.loading_wrap .slide_right2 li:nth-child(3) {animation-delay:2.4s; -webkit-animation-delay:2.4s;}
.loading_wrap .slide_right2 li:nth-child(4) {animation-delay:3.6s; -webkit-animation-delay:3.6s;}
/*2019-07-29 KTH : [캐피탈] 자동차금융_디중론_중리스_플카앱배너 추가*/
.my_carbox .mc_box.n2 {background: url(../../cmmn/images/car/pl_car.png) no-repeat 95% bottom; background-size:120px;}
@media screen and (max-width: 1579px){
.my_carbox .tt_mcW.n5 {width: 42%;}
.my_carbox .tt_contW.n5 {width: 58%;}
}
/*2019-08-07 KTH : [캐피탈] 신용_자담 이메일, 번호판 UI 개선*/
.car_radio_wrap {box-sizing:border-box; margin-bottom:20px;}
.car_radio_wrap:after {content:''; a1 ^ PVw E @+s[=k P OcPa th;}
.car_radio {box-sizing:border-box; margin-left:-20px;}
.car_radio li {float:left; box-sizing:border-box; width:50%;}
.car_radio li .in_box {box-sizing:border-box; margin-left:20px; position:relative; min-height:87px;}
.car_radio li .in_box .tb_box {display:table; width:100%; min-height:87px;}
.car_radio li .in_box .rd_box {width: 100%; height: 100%; padding: 20px; display:table-cell; vertical-align:middle; color:#888; transition: border-color,box-shadow 0.1s ease; -webkit-transition: border-color,box-shadow 0.1s ease; border-radius:4px; border:1px solid #f0f0f0;}
.car_radio li .in_box .rd_box:hover {box-shadow: 0px 0px 9px rgba(0,13,57,0.1); border:1px solid #ddd;}
.car_radio li .in_box .rd_box.on {box-shadow: 0px 0px 9px rgba(0,13,57,0.1); border:1px solid #ddd;}
.car_radio li .in_box .rd_box.on span {transition: border-color,box-shadow 0.1s ease; -webkit-transition: border-color,box-shadow 0.1s ease;}
.car_radio li .in_box .car_b {
position: absolute;
right: 18px;
top: 20px;
border: none !important;
width: auto;
background: none;
border-radius: 0;
vertical-align: baseline;
margin: 0;
height: auto;
box-shadow: none !important;
border-color: transparent !important;
}
.car_radio li .in_box .car_b:after {content:none;} /* 2021-12-28 LJY */
.car_radio li .in_box .rd_box.on {font-family: 'HYBold';}
.car .car_radio li .in_box .rd_box.on { a1 ^ PVw E @+s[=k P OcP redit .car_radio li .in_box .rd_box.on {color:#0593a6;}
/* 2019-08-13 KSM : arrow, white, size 20px */
.list_link .link_arr.wht.txt_fs20 {position:relative; padding-right:14px; background:none;}
.list_link .link_arr.wht.txt_fs20:after {content:''; position:absolute; top:calc(50% - 4px); right:0; width:8px; height:8px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-135deg);}
/* 2019-08-13 JMJ : [캐피탈] 신용_심사탈락_제휴사 Refer 프로세스 재구축 - 배너 체크 삭제 */
.rd_button_set.rd_list.bank_list > li {overflow:hidden; padding:0; border-radius:4px;}
.rd_button_set.rd_list.bank_list > li div.bank_bg {background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; width:100%; height:170px; padding:0; display:table;}
.rd_button_set.rd_list.bank_list > li div.bank_bg span{color:#fff; font-size:23px; text-align:center; display:table-cell; vertical-align:middle;}
.rd_button_set.rd_list.bank_list > li > .no_chk {padding-right:20px;}
.rd_button_set.rd_list li > .no_chk:after,
.rd_button_set.rd_list li > .bank_bg:after {content:none;}
.rd_button_set.rd_list li > .no_chk.on,
.rd_button_set.rd_list li > .no_chk:hover {border-color:#fff !important;}
.rd_button_set.rd_list li.bank_bg_wrap > div,
.rd_button_set.rd_list li.bank_bg_wrap > div.on,
.rd_button_set.rd_list li.bank_bg_wrap > div:hover {border:none !important;}
.rd_button_set.rd_list .no_chk .i a1 ^ PVw E @+s[=k P OlcP# }
/* 2019-09-06 LJY : [캐피탈] 자동차금융_신차_플카앱 배너 반영 */
.my_carbox .mc_box.plcar {background-image:url(../../cmmn/images/newcar/bg_plcar_bn.png);}
/* 2019-09-09 웹접근성 JMJ */
div.info_card:focus {border:1px dotted gray;}
/* 2019-09-17 웹접근성 LJY */
ul.rd_button_set.focus {border-color:#2A9FFD;}
.car ul.rd_button_set.focus {border-color:#488FF6;}
.loan ul.rd_button_set.focus {border-color:#11B4E3;}
.loan_credit ul.rd_button_set.focus {border-color:#0593a6;}
/* 2019-09-18 KSM : [캐피탈] 주택_DMP_초기저금리 수정 */
.list_agree li .tbl_txt table td dd {white-space:normal;}
/* 2019-11-12 JMJ : [캐피탈] 신용_심사탈락_제휴사 Refer 시 사전 동의 변경 */
.wht_agr_wrap {border-top:1px solid rgba(221,221,221,0.5); border-bottom:1px solid rgba(221,221,221,0.5); margin-bottom:20px;}
/* 보안키패드 input style *//* 2019-09-26 웹접근성 CDH */
.form_group .input_certkey input.nppfs-npk,
.form_group .form_text.input_mouse input.nppfs-npk {background-color:#f6f6f6 !important}
.login_form_wrap .form_group .form_text.input_mouse input.nppfs-npk{background-color:#fff !important}
/* 2019-11-28 웹접근성3차 JMJ : '지역'버튼 select -> button으로 변경 */
.loan_credit .form_group .form_select button.btn_lypop_open {font-size:13px; background-color:#f6f6f6; line-height:46px; vertical-align:middle; display:block; paddin a1 ^ PVw E @+s[=k P O cP
999; width:100%; text-align:left;}
.loan_credit .form_group .form_select button.btn_lypop_open:after {content:'';display:block;position:absolute;top:50%;right:19px;width:13px;height:8px;margin-top:-4px;background:url(../../cmmn/images/common/bul_select.png) no-repeat left top;}
.loan_credit .form_group .form_select button.btn_lypop_open:focus, .loan_credit .form_group .form_select button.btn_lypop_open:active {border-color:#0593a6; font-family:'HYBold'; color:#0593A6}
.loan_credit .form_group .form_select button:focus:after, .loan_credit .form_group .form_select button.btn_lypop_open:active:after{background:url(../../cmmn/images/common/bul_select_loancredit.png) no-repeat left top;}
/* 2019-11-29 JMJ : [캐피탈] 신용-자담_대출 및 여신거래 개정약관 적용 */
.ly_tit_none .terms_tit {display:none;}
/* 2019-12-04 KSM :레이어팝업 스타일 - 상품 안내 */
/* ################################################
[START].popup_confirm_c 관리자 연동 시스템 팝업, 수정 금지
################################################ */
.lypop.type_product {width:580px;}
.lypop.type_product .ly_tit {margin-top:10px;}
.lypop.type_product .ly_tit .tit {font-size:15px; color:#333; text-align:center;}
.lypop.type_product .msg_wrap {margin-top:10px;}
.lypop.type_product .msg_tit {margin-top:23px; font-size:24px; color:#1e88e5; line-height:31px;}
.lypop.type_product .msg_icon {margin a1 ^ PVw E @+s[=k P OcP9 _product .msg_cont {margin-top:33px; font-size:13px; color:#666; line-height:20px;}
/* ################################################
[END].popup_confirm_c 관리자 연동 시스템 팝업, 수정 금지
################################################ */
/* 2020-01-23 JMJ : [작업요청] 주택금융 WEB 유입 고객 접근성 개선 */
.lypop .section_wrap3 .section {border-bottom:1px solid #f0f0f0; margin:35px 0; padding-bottom:35px;}
.lypop .section_wrap3 .section:first-child {margin-top:0;}
.lypop .section_wrap3 .section:last-child {margin-bottom:0;}
.lypop .section_wrap3 .section dd.sec_line {margin-top:14px; padding-top:16px; border-top:1px solid #f0f0f0;}
.lypop .section_wrap3 .section .tit {font-size:19px; color:#333; margin-bottom:7px;}
.lypop .section_wrap3 .section .sec_comment {margin-bottom:4px;}
.lypop .section_wrap3 .section .sec_info {display:table; width:100%;}
.lypop .section_wrap3 .section .sec_info > span {display:table-cell; vertical-align:middle; font-size:15px; color:#333;}
.lypop .section_wrap3 .section .sec_info > span.sec_cont {text-align:right; font-size:19px; color:#333;}
.lypop .section_wrap3 .section .sec_info > span.sec_cont em {color:#0f82be;}
.lypop .ly_cont .strong_txt {color:#333; font-size:36px; line-height:1.3;}
.lypop .ly_cont .ly_line_top {border-top:1px solid #f0f0f0; margin-top:40px; padding-top:40px;}
.lypop .ly_cont .layer_select_res {heigh a 2 < < PVw ^ E (@ jks[= Pc OP aU a2 ^ PVw E @+s[=k P O҈cPP border:1px solid #f1f1f1; border-radius:2px; background-color:#F6F6F6; box-shadow:0 1px 1px 0 rgba(28,35,69,0.04); white-space:nowrap;}
.lypop .ly_cont .layer_select_res > * {height:100%;}
.lypop .ly_cont .layer_select_res .item {font-size:14px; display:inline-block; height:100%; color:#888; line-height:45px;}
.lypop .ly_cont .layer_select_res .item:before {content:"> "; color:#0f82be;}
.lypop .ly_cont .layer_select_res .item:first-child:before {content:none;}
.lypop .ly_cont .layer_select_res .item button {font-size:14px; height:100%; color:#333; background-color:transparent;}
.lypop .ly_cont .layer_select_res .item button:hover,
.lypop .ly_cont .layer_select_res .item button:focus {color:#0f82be;}
.lypop .ly_cont .layer_select_table {margin-top:20px;}
.lypop .ly_cont .layer_select_table ul {clear:both; overflow:hidden; margin:-5px;}
.lypop .ly_cont .layer_select_table li {box-sizing:border-box; display:inline-block; float:left; width:33.3%; padding:5px;}
.lypop .ly_cont .layer_select_table button {box-sizing:border-box; display:block; width:100%; height:50px; padding:10px 10px; border:1px solid #ddd; border-radius:4px; font-size:15px; color:#333; background-color:#fff; word-wrap:break-word; word-break:keep-all; text-align:center;}
.lypop .ly_cont .layer_select_table button:hover,
.lypop .ly_cont .layer_select_table button:focus {border-color:#0f82be; font-family:'HYBold'; color:#0f82be;}
/* 2021-1 a:2 ^ PVw E @+s[=k P O li {position:relative;}
.lypop .ly_cont .layer_select_table ul > li label {box-sizing:border-box; display:block; width:100%; height:50px; line-height:50px; padding:0; border:1px solid #ddd; border-radius:4px; font-size:15px; color:#333; background-color:#fff; word-wrap:break-word; word-break:keep-all; text-align:center;}
.lypop .ly_cont .layer_select_table ul > li input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor:pointer;}
.lypop .ly_cont .layer_select_table ul > li input[type="radio"]:checked + label {border-color:#0f82be; font-family:'HYBold'; color:#0f82be;}
.loan_credit .lypop .ly_cont .layer_select_table ul > li input[type="radio"]:checked + label {border-color:#00bac0; color:#0593a6;}
.section_wrap2 #securityHouse05:after,
.section_wrap2 #securityBank05:after {height:1px;}
/* 2020-03-31 LJY : [WEB] 신용_심사탈락_금융중개플렛폼 동시심사 화면 수정 */
.wht_check_wrap .alliance {color:#fff;}
.alliance {padding-bottom:15px;}
.alliance .tit {padding-bottom:9px; font-size:19px;}
.alliance .list {overflow:hidden; margin-bottom:25px; padding:10px 30px; border-radius:4px; background:#fff;}
.alliance .list > li {float:left; width:33.3%; padding:10px; box-sizing:border-box;}
/* 2020-05-11 JMJ : [WEB] 주택_WEB 유입 고객 접근성 aN2 ^ PVw E @+s[=k P OcP轔 /
.lypop .section_wrap3 .section .sec_line > .sec_tit {font-size:15px; color:#333;}
.lypop .section_wrap3 .section .sec_info span.sec_comment {margin-top:3px;}
.lypop .section_wrap3 .section .tit span.tit_comment {margin-top:4px; padding-bottom:8px;}
.lypop .section_wrap3 .section .sec_info span.sec_comment,
.lypop .section_wrap3 .section .tit span.tit_comment {color:#666; font-size:13px; display:block; line-height:1;}
/* 2020-06-04 JMJ : [WEB] 신용-자담_플러스멤버십 가입 오퍼 추가 팝업 */
.plmb_benefit li {display:block; float:left; width:33%;}
.plmb_benefit li .ico_wrap {position:relative; padding-left:60px; text-align:left; line-height:20px;}
.plmb_benefit li .ico_wrap .ico{position:absolute; left:0; top:0; width:40px;height:40px;background:url(../../cmmn/images/membership/ico_mem_benefit.png) no-repeat 0 0; line-height:20px;}
.plmb_benefit li.step1 .ico_wrap .ico{background-position:-8px -1px;}
.plmb_benefit li.step2 .ico_wrap .ico{background-position:-59px 0;}
.plmb_benefit li.step3 .ico_wrap .ico{background-position:-112px 0;}
.plmb_benefit li.step4 .ico_wrap .ico{background-position:-165px 0;}
.plmb_benefit li.step5 .ico_wrap .ico{background-position:-277px 0;}
.plmb_benefit li.step6 .ico_wrap .ico{background-position:-325px 0;}
.plmb_benefit li.step7 .ico_wrap .ico{background-position:-7px -42px;}
.plmb_benefit li.step8 .ico_wrap .ico{background-position:-60px -42px;}
ag2 ^ PVw E @+s[=k P OcP\ .ico_wrap .ico{background-position:-112px -42px;}
/* 2020-10-16 JMJ : [WEB] 신용_심사탈락_금융중개 플랫폼_연계동의 화면 수정(PC) */
.wht_check_wrap .wht_bg {background:#fff; padding:17px 20px; margin-bottom:25px; border-radius:4px;}
.bd_box_wrap.tel .wht_bg .agr_chk_all {font-size:15px; margin:0; font-family:'HYBold'; color:#333;}
.wht_check_wrap .wht_bg .msg_error {margin:0;}
.wht_check_wrap .wht_bg .list_agree_wrap {margin:13px 0 6px;}
.wht_check_wrap .wht_bg .list_agree_wrap .list_agree li {margin-top:10px;}
.wht_check_wrap .wht_bg .list_agree_wrap .list_agree li:first-child {margin-top:0;}
.loan_credit .wht_check_wrap .wht_bg .ck_box.on {color:#0593a6;}
/* 2021-02-05 LJY : [WEB] MY_결제대금명세서_이메일-팩스 기능 개발 */
.tbl_txt .rt_btn {position:relative;}
.tbl_txt .rt_btn .btn_bdr {position:absolute; right:0; top:0;}
/* 2021-03-19 LJY : [WEB][APP] 주택_금소법 관련 핵심설명서 및 상품설명서 제작 */
.instruction li,
.instruction .list_txt3 li {margin-top:7px;}
.instruction .chk_list {margin-top:10px;}
.instruction .chk_list > li {display:inline-block; padding-right:60px;}
.instruction .chk_list > li:last-child,
.instruction .ck_box:last-child {padding-right:0;}
.instruction .ck_box {padding-right:24px;}
.instruction .inp_val .bd_btm > span {padding:0 20px;}
.instruction .list_txt .no_bul {background:none; text-indent:-10px a2 ^ PVw E ! @+s[=k P OXcPc* xt > li li {padding:7px 0 0 9px; text-indent:-9px;}
.instruction .list_txt .bul_type2 > li {padding-left:16px; text-indent:-16px;}
.instruction .list_txt3 .indent0 li {text-indent:0;}
.instruction .terms_txt2 {padding:10px 0 0 5px;}
.instruction .tbl_txt.tail .ck_box {position:relative; padding-left:25px;}
.instruction .tbl_txt.tail .ck_box > span {position:absolute; left:0; top:50%; margin-top:-8px;}
/* 2021-03-30 LJY : [모니터링][WEB]링크 표시 화살표 상하 정렬 체크 */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
/* IE10+ */
.btn_arr {background-position-y:-2px;}
.link_arr.blue {background-position-y:-28px;}
.link_arr.wht,
.list_link .link_arr.wht {background-position-y:-178px;}
.link_arr.c333, .link_arr.txt_c333 {background-position-y:-118px;}
}
/* 2021-05-18 PSS : [WEB] 신정법_신용-자담_대출약관 동의 */
.txt_uline .emph {text-decoration:underline;}
.newlaw {margin:40px 0 0;}
.newlaw .h3_tit {font-size:22px; line-height:29px; color:#333;}
.newlaw .h4_tit {margin:40px 0 20px; font-size:17px; color:#333;}
.newlaw .h5_tit {margin:20px 0 20px; font-size:14px; color:#333;}
.newlaw .h6_tit {margin:20px 0 20px; font-size:14px; color:#333;}
.newlaw .rating {margin:16px 0 40px; padding:40px 0; border:1px solid rgba(0,0,0,.10); box-shadow: 0px 2px 12px 0px rgba(0,13,57,0.08); border-radius:4px; font-size:0; text-align:center;}
.newlaw a2 ^ PVw E " @+s[=k P O cP4 dden; display:inline-block; width:580px; }
.newlaw .rating ul > li {position:relative; width:20%; float:left; font-size:13px; line-height:25px; color:#333; text-align:center;}
.newlaw .rating ul > li span {display:block; margin:24px auto 13px auto; text-align:center;}
.newlaw .rating ul > li.on span {position:relative; width:71px; height:36px; margin:0 auto 26px auto; background:#333; line-height:36px; color:#fff; border-radius:4px; font-family:'HYBold';}
.newlaw .rating ul > li.on span:before {position:absolute; left:0; bottom:-5px; display:block; content:""; width:100%; height:6px; background:url(../../cmmn/images/common/bg_rating.png) no-repeat center;}
.newlaw .rating ul > li:before {position:absolute; left:0; bottom:0; display:block; content:""; width:calc(100% - 2px); height:10px;}
.newlaw .rating ul > li:first-child:before {border-radius:5px 0 0 5px;}
.newlaw .rating ul > li:last-child:before {border-radius:0 5px 5px 0;}
.newlaw .rating ul > li.stage1:before {background:#019dc2;}
.newlaw .rating ul > li.stage2:before {background:#52b148;}
.newlaw .rating ul > li.stage3:before {background:#edc11b;}
.newlaw .rating ul > li.stage4:before {background:#ef812d;}
.newlaw .rating ul > li.stage5:before {background:#e02e27;}
.newlaw .list_exp {margin-top:20px;}
.newlaw .list_exp > li {border-bottom:1px solid #f0f0f0;}
.newlaw .list_exp > li.single {padding:8px 5px;}
.newlaw .list_exp > li.single a2 ^ PVw E # @+s[=k P OcPL * 2021-12-27 LJY */
.newlaw .list_exp > li.emph,
.newlaw .list_exp > li.emph2 {margin-top:20px; padding:8px 0 5px; border-top:1px solid #ddd; border-bottom-color:#ddd; color:#666;}
.newlaw .list_exp > li.emph2 {font-size:16px; font-family:'HYBold';}
.newlaw .list_exp > li + li[class^='emph'] {margin-top:-1px;}
/* //2021-12-27 LJY */
.newlaw .list_exp > li.emph dl {border-bottom:1px solid #eee;}
.newlaw .list_exp > li.emph + li.emph {margin-top:20px; border-top:1px solid #ddd;}
.newlaw .list_exp > li:first-child {border-top:1px solid #ddd;}
.newlaw .list_exp > li dl {position:relative; padding-left:198px;}
.newlaw .list_exp > li dl .tit {position:absolute; left:0; top:8px;}
.newlaw .list_exp > li dl .tit.emph {font-size:16px; font-family:'HYBold';} /* 2021-12-27 LJY */
.newlaw .list_exp > li dl .txt {padding:8px 0 5px; line-height:20px;}
/* 2021-12-03 LJY */
.newlaw .list_exp > li dl .txt .emph,
.newlaw .list_exp > li dl .txt .emph2 {display:block; margin-bottom:6px; font-size:16px; font-family:'HYBold';}
.newlaw .list_exp > li dl .txt .emph2 {font-family:'HYRegular'}
.newlaw .list_exp > li dl .txt .emph2 .bold {font-family:'HYBold';}
/* //2021-12-03 LJY */
.newlaw .list_exp > li dl .txt .tail {display:block; margin-top:6px; padding-top:6px; color:#888; border-top:1px solid #eee;}
.newlaw .list_exp > li dl .txt .tail.txt_bold{color:#666}
.newlaw .list_exp > li dl .txt .tail .emph {color:#666;} ay3 < < PVw ^ E (@ jks[= Pc O P U a|3 < < PVw ^ E (@ jks[= Pc O҈P J a~3 < < PVw ^ E (@ jks[= Pc OP ?> a3 < < PVw ^ E (@ j~ks[= Pc OXP 3 aR4 < < PVw ^ E (@ j}ks[= Pc OP ( aA ^ PVw E $ @+s[=k P OtcPP4 ist_exp {margin-top:20px;}
.newlaw .popAccordion {margin:40px 0 37px; padding:0 30px 0; border:1px solid rgba(0,0,0,.10); box-shadow: 0px 2px 12px 0px rgba(0,13,57,0.08); border-radius:4px;}
.newlaw .popAccordion .tit {}
.newlaw .popAccordion .tit .btn {width:100%; background:#fff url(../../cmmn/images/membership/btn_fold.gif) no-repeat 100% 50%;; font-size:15px; line-height:57px; text-align:left;}
.newlaw .popAccordion .tit .btn.open {background-image: url(../../cmmn/images/membership/btn_unfold.gif);}
.newlaw .popAccordion .tit .btn {}
.newlaw .popAccordion .cont {}
.newlaw .popAccordion .cont .list_exp {padding:0 0 20px; border-bottom:none;}
.newlaw .popAccordion .cont .list_exp > li:first-child {border-top:none;}
.newlaw .list_info {margin-top:40px;}
.newlaw .list_info > li {position:relative; margin-top:6px; padding:0 0 0 15px; line-height:19px; color:#888;}
.newlaw .list_info > li:first-child {margin-top:0;}
.newlaw .list_info > li:before {position:absolute; left:0; top:0; display:block; content:"※"; }
.newlaw .gray_box {background:#f6f6f6; margin:9px 0 5px; padding:17px 20px 16px;}
.newlaw .gray_box .poll_hall {margin:0 0 12px; font-size:13px; color:#666; font-family:'HYBold';}
.newlaw .gray_box ul.list {}
.newlaw .gray_box ul.list > li {margin-top:5px; padding-left:10px; text-indent:-10px; line-height:20px;}
.newlaw .gray_box ul.list > li:first-child {margin-top:0;}
.newlaw .tx aA ^ PVw E % @+s[=k P P (cPM e; display:block; margin:21px 0 0; padding:0 0 0 12px; font-size:15px; color:#666;}
.newlaw .txt_info:before {position:absolute; left:0; top:3px; display:block; content:"*"; }
.newlaw .terms_txt {margin-top:20px;}
/* 2021-09-23 KEJ : 추가 */
.pc_block{display: block;}
.mo_block{display: none;}
.section.pdb0 + .auto_btm {margin-top:48px;}
/* 2021-10-21 LJY : [WEB]고객센터_상담문의_금소법 관련 심의필 영역 추가 */
.section_guard.foot_type2 {margin-bottom:-58px;}
/* 2021-10-29 PSS : [WEB][APP] 신용_중개대출_수정 및 PC 확대 적용 */
.lst_partner {padding:53px 0 40px; border-bottom:1px solid #f0f0f0; text-align:center;}
.lst_partner .our:after {content:'+'; display:block; width:26px; padding-top:2px; margin:20px auto 0; border:2px solid #f0f0f0; border-radius:50%; background:#fff; font-size:24px; color:#0593a6; line-height:24px;}
.lst_partner .lst {margin:0 -10px;}
.lst_partner .lst:after {content:''; display:block; clear:both;}
.lst_partner .lst > li {float:left; width:33.3%; height:53px; margin-top:20px; padding:0 10px; box-sizing:border-box;}
.pr_info_box {margin-top:56px; padding:27px 30px 25px; background:#f0f9fa; font-size:15px; color:#666; line-height:23px; text-align:center;}
.pr_info_box.ico_score {padding-top:127px; background:#f0f9fa url(../../cmmn/images/loancredit/ico_score.png) no-repeat 50% 30px;}
.pr_info_box > strong {display:block; padding aA ^ PVw E & @/ms[=k P PcP 19px; color:#333;}
.pr_info_box + .section_guard {padding-top:60px;}
/* 2021-12-27 KEJ : [WEB] 디중리스_로딩화면 및 상담신청화면 제작 */
.loading_wrapr .new_ld_img.type2{width: 112px; height: 112px; background:url(../../cmmn/images/common/loading_icon_1.gif) no-repeat; background-size: contain; border-radius: unset;}
.loading_wrapr .new_ld_img.type2 + .new_loading_txt{font-size: 17px; line-height: 17px; color: #333; font-weight: bold; color: #333;}a:C < < PVw ^ E (@ j|ks[= Pc P (P u ' a < < PVw ^ E (@ jyks[= Pc PP aN < < ^ PVw E (D @.*s[=k P PcP aO < < PVw ^ E (@ jxks[= Pc PP ar F F PVs ^ E 4I@ ks[>c PdS'3 u a} F F ^ PVsρ E 4H @.s[>k Pc @dS'4, a} ` ` PVs ^ E NI@ vks[>c PdS'4 @P 3 GET /pc/cmmn/css/main.css?t=153211 HTTP/1.1
Host: www.hyundaicapital.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
Referer: https://www.hyundaicapital.com/main/main/CPMNMN0101.hc?u=mV%2FJxA91tOQVwAGnJxU0amzV0mgQAVST3xgq&b=0
Cookie: JSESSIONID=A1iLN6e8U8yQzCLclcYvlaSiLHr03bUDoWVHw8P8aAM8oRiRpvfXaJ3P6QqPsZ1g.amV1c19hcGh4YXAvYXBoeGFwMTJfYnd3dzAy; WMONID=NE8mhWHeDN2;
Accept-Language: ko,en-US;q=0.9,en;q=0.8,ko-KR;q=0.7,ru;q=0.6
Accept: text/css,*/*;q=0.1
a ^ PVsρ E Ɏ @-s[>k Pc @dS)ZPP HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:14 GMT
ETag: "0-2f2ea-6167ffe7"
Last-Modified: Thu, 14 Oct 2021 10:01:11 GMT
Accept-Ranges: bytes
Content-Length: 193258
Content-Type: text/css
a < < PVs ^ E (I@ ks[>c PdS)Z @IP h a ^ PVsρ E ɏ @(*s[>k Pc @IdS)ZP螪 @charset "utf-8";
/* 키비주얼 */
/* 개인리스 */
.slider_newcar_lease .slider_b_c.keymsg_list1 ul li strong{font-family:"HYBold"}
/* CP_ILH_001 */
.slider_loan_house{/*margin-top:-3px;*/} /* zerochan 170529 */
.slider_loan_house .keymsg_info .msg_ty1{font-size:34px;line-height:1.3;}
.slider_loan_house .keymsg_info.list .tit{margin-bottom:1px;font-size:13px;}
.slider_loan_house .keymsg_info.list .txt{margin-top:0;font-family:"HYRegular"; font-size:24px;}
.slider_loan_house .keymsg_info.list .sub{margin-top:5px;font-size:15px;}
.slider_loan_house .keymsg_info.txt{margin-top:65px;}
.slider_loan_house .keymsg_info.txt .tit{margin-bottom:5px;font-family:"HYBold";font-size:17px;}
.slider_loan_house .keymsg_info.txt .txt{font-size:15px;}
.slider_loan_house .keymsg_btn{text-align:center;}
.slider_loan_house .keymsg_btn button,
.slider_loan_house .keymsg_btn a{float:none!important; min-width:280px;margin-left:auto; margin-right:auto;
}
/* CP_ILA_001 */
.slider_loan_car{/*margin-top:-3px;*/} /* zerochan 170529 */
.slider_loan_car .keymsg_info .msg_ty1{font-size:34px;line-height:1.3;}
.section_keymsg .slider_loan_car .keymsg_list1.credit ul li{padding-top:60px;}
.section_keymsg .slider_loan_car .keymsg_list1.credit ul .fst{background:url(../../cmmn/images/newcar/img_rent_lease02.png) no-repeat;background-position:center -10px;}
.section_keymsg .slider_loan_car .keymsg_list1.credit ul .snd{ a ^ PVsρ E ɐ @()s[>k Pc @dS)ZP n/images/newcar/@img_keymsg_icon02_aun15_03.png) no-repeat;background-position:center -10px;}
.section_keymsg .slider_loan_car .keymsg_list1.credit ul .lst{background:url(../../cmmn/images/newcar/@img_keymsg_auo01_icon03.png) no-repeat;background-position:center -10px;}
.slider_loan_car .keymsg_info.list .tit{margin-bottom:1px;font-size:13px;}
.slider_loan_car .keymsg_info.list .txt{margin-top:5px;font-family:"HYBold";font-size:13px;}
.slider_loan_car .keymsg_info.txt{margin-top:65px;}
.slider_loan_car .keymsg_info.txt .tit{margin-bottom:5px;font-family:"HYBold";font-size:17px;}
.slider_loan_car .keymsg_info.txt .txt{font-size:15px;}
.slider_loan_car .keymsg_btn{text-align:center;}
.slider_loan_car .keymsg_btn button, .slider_loan_car .keymsg_btn a{float:none!important; min-width:280px;margin-left:auto; margin-right:auto;}
.slider_loan_car .keymsg_btn button{width:auto;}
/* CP_AUO_002 */
.slider_oldcar_lease{/*margin-top:-30px;*/} /* zerochan 170529 */
.slider_oldcar_lease .msg_ty1{margin-top: 5px;margin-bottom: 38px;font-size: 19px;line-height: 1;}
.slider_oldcar_lease .keymsg_btn_one{margin-top:20px;}
/* 배너 영역 공통 */
#contents_top{animation:none !important;}
.slider_container .slider_box {height:409px;}
.section_keymsg{width:1180px; margin:0 auto;}
.loan_credit .section_keymsg{width:100%; margin:0 auto;}
.loan_car .section_keymsg{width:100%; margin:0 auto;}/* 2019-07-26 KSM */
a ^ PVsρ E ɑ @((s[>k Pc @dS)ZP}( width:615px; margin:0 auto; }
.keymsg_btn_one{width:295px; margin:0 auto;}
.keymsg_btn_one a{width:295px;}
.keymsg_btn button{margin-right:20px;}
.keymsg_btn button,
.keymsg_btn a{width:295px; display:block; float:left;}
#contents_top h1.tit{padding-left:20px;}
.loan_credit #contents_top h1.tit{padding-left:0px;}
.car #contents_top h1.tit{padding-left:0px;}
.section_keymsg .keymsg_list1 ul li img {}
.section_keymsg .keymsg_list1 ul li .tit {margin-bottom:10px; font-size:14px;}
.section_keymsg .keymsg_list1 ul li .txt {margin-top:5px;line-height:1.5;font-family:'HYbold';}
/*키메세지 폰트사이즈 정의*/
.section_keymsg .keymsg_info1 .msg_ty1{margin-top:5px;margin-bottom:38px;font-size:19px;line-height:1;}
.section_keymsg .keymsg_info1 .msg_ty2{margin-bottom:10px;line-height:1;}
.section_keymsg .keymsg_info1 .msg_ty3{font-size:24px;line-height:1;}
/* 상단 배너 슬라이딩 영역 */
.slider_container {position:relative; width:100%;height:421px; margin:0 auto;}
.slider_container .slider_box {position:relative;overflow:hidden;width:100%;}
.slider_container .slider_box > li {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.slider_container .slider_box > li p a {color:#fff;}/* 2018-05-29 JMJ */
/* 인디케이터 */
.slider_controller {height:12px; margin:0 auto;line-height:0; }
.slider_controller a {padding:2px;}
.slider_controller .sld_player {display:inlin a ^ PVsρ E ɒ @('s[>k Pc @edS)ZPH in-right:5px;}
.slider_controller ul.sld_paging li a{display:inline-block;}
.slider_controller ul.sld_paging {display:inline-block;z-index:10;height:0;line-height:0px;vertical-align:top}
.slider_controller ul.sld_paging li {display:inline-block;line-height:0;}
.slider_controller ul.sld_paging li a span {display:inline-block;overflow:hidden;width:8px;height:8px;margin:0 2px;padding:0;color:#333;font-size:13px;line-height:0;text-align:center;text-indent:-999999px;background:url(../../cmmn/images/common/btn_indicator.png) -53px 0 no-repeat;}
.slider_controller ul.sld_paging li.select a span{background:url(../../cmmn/images/common/btn_indicator.png) -35px 0 no-repeat;}
.slider_controller .sld_player .btn_img{display:inline-block;}
.slider_controller .sld_player .btn_img span{display:inline-block;overflow:hidden;width:8px;height:8px;line-height:0;text-indent:-999999px;vertical-align:middle;}
.slider_controller .sld_player .btnPlay span{background: url(../../cmmn/images/common/btn_indicator.png) 0 0 no-repeat;}
.slider_controller .sld_player .btnStop{display:none;}
.slider_controller .sld_player .btnStop span{background: url(../../cmmn/images/common/btn_indicator.png) -17px 0 no-repeat;}
.slider_controller .sld_player.play .btn_img.btnPlay {display:none;}
.slider_controller .sld_player.play .btn_img.btnStop {display:inline-block;}
/* 키 메세지 공통 */
.slider_b{min-width:1020px; margin:0px auto; h a ^ PVsρ E ɓ @(&s[>k Pc @dS)ZP _c{ overflow:hidden; height:291px;}
.slider_b_c_left{width:595px; float:left; margin-left:30px}
.slider_b_c .w_580 {width:580px;}/* 2018-01-11 KSM : Running Change */
.section_keymsg .keymsg_info1 {font-family:'HYRegular';font-size:34px;line-height:46px;font-weight:normal;}/*큰 글자*/
.slider_b_c .fl_r img{width:380px;}
/* 오퍼 배너 height영역 */
.aun_001{height:auto; min-height:80px;margin-top:-4px}
.aun_001 ul{margin-top:37px;}
.aun_013{height:auto; height:60px;}
.aun_013 ul{margin-top:40px;}
/*요소 공통(구매프로그램, 기타차량) */
.aun_001 li:first-child,
.aun_013 li:first-child{min-width:114px;border-left:none; padding-left:0px;}
.aun_001 .w_160 {width:160px;}/* 2018-01-11 KSM : Running Change */
.aun_001 li,
.aun_013 li{float:left; min-width:96px;min-height:80px; padding-left:16px; padding-right:21px; border-left:1px solid rgba(255,255,255, 0.12);text-align:left;}
.aun_001 li span,
.aun_001 li strong,
.aun_013 li span,
.aun_013 li strong{display:block; margin-bottom:7px; vertical-align:top;}
.aun_001 li strong.margin_b,
.aun_013 li strong.margin_b{margin-bottom:10px !important;}
.aun_001 li span,
.aun_013 li span{ line-height:15px;}
.aun_001 li strong,
.aun_013 li strong{font-family:'HYRegular';font-size:24px; line-height:24px; text-align:left;}
/* 키비쥬얼 공통 */
.section_keymsg .keymsg_list1 ul { width:100%; height:170px; margin:34px auto 0px a ^ PVsρ E ɔ @(%s[>k Pc @dS)ZPRt
.section_keymsg .keymsg_list1 ul li {float:left;padding:0;border-left:1px solid rgba(255,255,255, 0.12);color:#ffffff;font-size:12px;line-height:1;text-align:center;}
.section_keymsg .keymsg_list1 ul li:first-child {border-left:none !important;}
.section_keymsg .key_cont .keymsg_list1 ul li{height:auto;padding:0px 45px 0;}
.section_keymsg .key_cont .keymsg_list1 ul li .graph_icon{background-repeat:no-repeat;width:150px;height:30px; margin:0 auto 20px;} /* 2019-09-02 LJY : margin 수정 */
/* 2019-09-02 LJY 추가 */
.section_keymsg .key_cont .keymsg_list1 .col5 li {padding:0px 40px;}
.section_keymsg .keymsg_list1 .row3 li {min-height:126px;}
.section_keymsg .keymsg_list1 .row3 .tit {margin-bottom:8px;}
.section_keymsg .keymsg_list1 .row3 .txt_fs13 {line-height:20px;}
/* //2019-09-02 LJY 추가 */
/*구매프로그램 AUN_001*/
.section_keymsg .slider_newcar .key_cont .keymsg_list1 ul{width:750px;} /* 17.08.28 modify by SMH : width:750px; width:982px; */
.section_keymsg .slider_newcar .key_cont .keymsg_list1 ul li .graph_icon{background-image:url(../../cmmn/images/newcar/@ico_keymsg_icon01.png);}
.section_keymsg .key_cont .keymsg_list1 ul li.info1 .graph_icon{background-position:56px 0px; } /* 17.08.28 modify by SMH : 45px -12px */
.section_keymsg .key_cont .keymsg_list1 ul li.info2 .graph_icon{background-position:-73px 0px; } /* 17.08.28 modify by SMH : -80px -12px */
.section_keymsg .key_co a ^ PVsρ E ɕ @($s[>k Pc @ȁdS)ZPZ nfo3 .graph_icon{background-position:-194px 0px;} /* 17.08.28 modify by SMH : -205px -12px */
/*.section_keymsg .key_cont .keymsg_list1 ul li.info4 .graph_icon{background-position:-325px -12px;} */
.section_keymsg .key_cont .keymsg_list1 ul li.info4 .graph_icon{background-image:url(../../cmmn/images/newcar/ico_keymsg_icon01.png); background-position:-325px -12px;} /* 2018-01-11 KSM : Running Change */
/*이미지 크기 조정*/
.section_keymsg .slider_newcar .fl_r > img{width:380px}
/*신차론 AUN_009*/
.section_keymsg .keymsg_list1.type4 ul.col2{width:670px;} /* 17.08.28 modify by SMH : 441px, width:670px; */
.section_keymsg .keymsg_list1.type4 ul li {padding-left:140px; padding-right:45px; height:112px;}
/*기타브렌드 AUN_013*/
.section_keymsg .keymsg_list1.type3 ul.col2{width:500px;}
.section_keymsg .keymsg_list1.type3 ul li {padding-left:80px; padding-right:50px; height:136px;}
.section_keymsg .keymsg_list1.type3 ul li:last-child {padding-left:50px; padding-right:0px; height:136px;}
.section_keymsg .keymsg_list1.type3 ul li img{margin-bottom:1px;}
.section_keymsg .keymsg_list1.type3 ul li p{margin-bottom:3px;}
/* 개인리스 AUN_014 */
/*2017-05-18*/
.section_keymsg .slider_newcar_lease .all.txt_fs15{display:block;padding-left:22px!important;font-size:13px!important;line-height:1.3;}
.section_keymsg .slider_newcar_lease .key_cont .keymsg_list1 ul{width:830px;}
.section_keym a ^ PVsρ E ɖ @(#s[>k Pc @5dS)ZPx .key_cont .keymsg_list1 ul li{width:210px;height:54px;padding-top:65px;}
.section_keymsg .slider_newcar_lease .key_cont .keymsg_list1 ul li.info1{background:url(../../cmmn/images/newcar/img_rent_lease01.png) no-repeat 65% -13px; padding-left:80px;padding-right:13px;}
.section_keymsg .slider_newcar_lease .key_cont .keymsg_list1 ul li.info2{width:230px; padding-left:5px; padding-right:3px; background:url(../../cmmn/images/newcar/img_rent_lease02.png) no-repeat 50% -11px;}
.section_keymsg .slider_newcar_lease .key_cont .keymsg_list1 ul li.info3{background:url(../../cmmn/images/newcar/img_rent_lease03.png) no-repeat 56% -13px; padding-left:20px;padding-right:0px;}
/* 상용차리스 AUN_015 */
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul{width:830px;}
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li{width:210px;height:45px;padding-top:65px;}
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info1{background:url(../../cmmn/images/newcar/img_rent_lease03.png) no-repeat 65% -13px; padding-left:80px;padding-right:13px;}
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info2{background:url(../../cmmn/images/newcar/@img_keymsg_icon01_aun15_02.png) no-repeat 50% -13px; width:230px; padding-left:5px; padding-right:3px; }
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info3{background:url(../../cmmn/images/newcar/@img_k a ^ PVsρ E ɗ @("s[>k Pc @dS)ZP; g) no-repeat 56% -13px; padding-left:20px;padding-right:0px;}
/* 상용차리스 AUN_015 2번째 메세지 */
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info2_1{background:url(../../cmmn/images/newcar/@img_keymsg_icon02_aun15_01.png) no-repeat 63% -3px; padding-left:80px;padding-right:13px;}
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info2_2{background:url(../../cmmn/images/newcar/@img_keymsg_icon02_aun15_02.png) no-repeat 55% -3px; width:230px; padding-left:5px; padding-right:3px; }
.section_keymsg .slider_newcar_lease2 .key_cont .keymsg_list1 ul li.info2_3{background:url(../../cmmn/images/newcar/@img_keymsg_icon02_aun15_03.png) no-repeat 56% -4px; padding-left:20px;padding-right:0px;}
/* 자동차 리스 AUN_017 */
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul{width:800px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li{padding-top:65px; height:88px; }
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li p{font-size:13px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li p strong,
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li p span,
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li p em{display:block; line-height:20px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li p strong{font-family:'HYBold' !important;}
.sec a ^ PVsρ E ɘ @(!s[>k Pc @ٝdS)ZP ar_lease4 .key_cont .keymsg_list1 ul li p span{margin-top:6px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li.info1.aun17_icon01{background:url(../../cmmn/images/newcar/img_rent_key_aun17_icon01.png) no-repeat 64% -6px; padding-left:84px;padding-right:49px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li.info2.aun17_icon02{background:url(../../cmmn/images/newcar/img_rent_key_aun17_icon02.png) no-repeat 53% -8px; padding-left:50px;padding-right:50px;}
.section_keymsg .slider_newcar_lease4 .key_cont .keymsg_list1 ul li.info3.aun17_icon03{background:url(../../cmmn/images/newcar/img_rent_key_aun17_icon03.png) no-repeat 78% -8px; padding-left:55px;padding-right:0px;}
/* 장기렌터카 AUN_019 */
.section_keymsg .slider_newcar_rent .key_cont .keymsg_list1 ul{width:800px;}
.section_keymsg .slider_newcar_rent .key_cont .keymsg_list1 ul li{width:210px;height:70px;padding-top:70px;}
.section_keymsg .slider_newcar_rent .key_cont .keymsg_list1 ul li.aun19_icon01{background:url("../images/newcar/img_rent_key_aun19_01.png") no-repeat 70% -6px; padding-left:75px;padding-right:0px;}
.section_keymsg .slider_newcar_rent .key_cont .keymsg_list1 ul li.aun19_icon02{background:url("../images/newcar/img_rent_key_aun19_02.png") no-repeat 52% -8px; padding-left:15px;padding-right:15px;}
.section_keymsg .slider_newcar_rent .key_cont .keymsg_list1 ul li.aun19_icon03{background:url a ^ PVsρ E ə @( s[>k Pc @QdS)ZP9 ent_key_aun19_03.png") no-repeat 57% -7px; padding-left:23px;padding-right:0px;}
/* 자동차이용프로그램 AUN_020 */
.section_keymsg .slider_newcar_program .key_cont .keymsg_list1 ul li{background-image:url(../../cmmn/images/newcar/ico_keymsg_icon01.png);}
.slider_newcar_program .slider_container .slider_box {/*height:415px;*/} /* zerochan 170529 */
.keymsg_graph{position:relative; height:375px; width:520px; margin:0px auto; }
.keymsg_graph span,
.keymsg_graph strong{display:block; }
.keymsg_graph strong{padding-top:15px;}
.keymsg_graph a.link{margin-top:25px;}
.keymsg_graph_txt{position:absolute; width:100%; top:52%; left:50%; transform:translate(-50%, -52%); -ms-transform:translate(-50%, -52%); -webkit-transform:translate(-50%, -52%)}/* 2018-11-14 JMJ */ /* 2020-05-07 KEJ */
.keymsg_graph_txt .link_arr span {line-height:17px;}/* 2018-11-14 JMJ */
/* 다이렉트 중고차AUO_001 */
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul {width:730px;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul.col2{width:482px;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.type4 ul li {width:240px; padding:0;background:none;} /* 17.11.29 modify by SMH : car_dloan 중앙정렬 */
/*신용대출 ILC_001*/
.section_keymsg .keymsg_list1.credit ul{width:663px;}
/*2019-01-17 KTH : [캐피탈] 자동차담보대출 컨텐츠 추가 및 수정 a ^ PVsρ E ɚ @( s[>k Pc @dS)ZP eymsg_list1.credit ul.line_2 {width:441px;}
.section_keymsg .keymsg_list1.credit ul.ic_no_bg li {background:none !important; padding-top:0px;}
.slider_loan_car .keymsg_info.list .txt.f24 {font-size:24px; line-height:35px; font-family:"HYRegular";}
/*2019-01-17 KTH : [캐피탈] 자동차담보대출 컨텐츠 추가 및 수정 e*/
.section_keymsg .slider_loan_credit .keymsg_list1.credit ul{width:442px;}
.section_keymsg .slider_loan_credit .keymsg_list1.credit ul.col3 {width:663px;} /* 17.08.29 add HHJ */
.section_keymsg .keymsg_list1.credit ul li {padding-left:10px; padding-right:10px; width:200px;}
.section_keymsg .keymsg_list1.credit ul li p{}
/*상품옵션설명*/
.section_keymsg .key_cont .keymsg_list1 ul.col2 li{width:150px}/*신차론 키,*/
.section_keymsg .keymsg_list1.type2 ul li {height:140px;}
.section_keymsg .keymsg_list1.type5 ul {width:615px;}
.section_keymsg .keymsg_list1.type5 ul li {padding-left:30px; padding-right:30px; height:112px;}
.section_keymsg .keymsg_list1.type6 ul {width:650px;}
.section_keymsg .keymsg_list1.type6 ul li {padding-left:60px; padding-right:60px; height:112px;}
/*중고차리스 AUO_002*/
.section_keymsg .keymsg_list1.type5 ul {width:738px;} /* 2018-07-10 CDH : 모니터링 */
.section_keymsg .keymsg_list1.type5 ul li {padding-left:50px; padding-right:50px; height:112px;}
/* 제네시스 리스 */
.car.genesis_lease #contents_top {
background: a ^ PVsρ E ɛ @( s[>k Pc @dS)ZP #000 url(../../cmmn/images/newcar/genesis_bg.png) no-repeat 0 0 !important;*/
box-shadow:none !important;
animation:none !important;
-webkit-animation:none !important;
-moz-animation:none !important;
}
.Animationgenesis_cont{position:absolute;overflow:hidden;top:0;left:0; width:100%; height:100%; background:#000000;}/* 2018-05-15 KSM 수정 */
.Animationgenesis_cont > span {
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%; /* 2018-05-15 KSM 수정 */
background-image: url(../../cmmn/images/newcar/genesis_bg3.png) !important;
background-position:center top !important;
background-size: cover !important;
background-attachment: scroll !important;
transform:scale(1.1);
-webkit-animation: Animationgenesis 10s ease;
-moz-animation: Animationgenesis 10s ease;
animation: Animationgenesis 13s cubic-bezier(0.165, 0.84, 0.44, 1);
background-color:#000000 !important;
}
/* 두번째 슬라이드 디자인 부할 할 수 있음html 에서 주석 풀면됨
.slider_newcar_genesis .section_keymsg .keymsg_info1 {color:#cccccc;}
.slider_newcar_genesis .section_keymsg .keymsg_info2 {margin-top:50px;}
.slider_newcar_genesis .section_keymsg .keymsg_info3 {margin-top:5px;color:#929292}
*/
/* 신용대출 메인 */
#contents_top {box-shadow:none;}
#contents_top > .contents_top_inner {position:relative;box-sizing:border-box;/*width:1180px;heig a ^ PVsρ E ɜ @( s[>k Pc @mdS)ZPȀ ;text-align:center;}
#contents_top > .contents_top_inner .tit_page {width:1180px;margin-left:auto;margin-right:auto;}
.section_wrap2 .section{padding:58px 0;}/* 서브메인페이지만 간격 넓음 */
.section_wrap2 .section.pd60 {padding:60px 0;} /* 2020-12-04 LJY */
.section_wrap2 .section .sec_tit .btn.pos_r .link_arr {position:absolute;top:75px;right:0;}
.box_round{overflow:hidden;padding:30px 28px;border:1px solid #e6e7e9;border-radius:3px;box-shadow:0 0 5px 0 rgba(29,35,69,0.1);box-sizing:border-box;}
/* 중고차렌터카 CP_AUO_003 */
.oldcar_rent .section_keymsg .keymsg_benefit{margin-top:43px;}
.oldcar_rent .section_keymsg .keymsg_info3{margin-top:31px;}
.oldcar_rent .section_keymsg .keymsg_benefit ul.col4{width:930px;}
.oldcar_rent .keymsg_benefit ul li{height:auto;width:150px;padding:0 40px;}
.oldcar_rent .keymsg_benefit ul li .point{font-size:19px;line-height:1;}
.oldcar_rent .keymsg_benefit ul li .txt{padding-top:8px;font-size:13px;}
.oldcar_rent .keymsg_benefit ul li .img{padding-top:40px;}
/* 장기렌터카 CP_AUN_019 */
.section_info_prdt4{}
.section_info_prdt4>div:after{content:'';display:block;clear:both;width:100%;height:1px;}
.section_info_prdt4 .col2 .sec{float:left;width:380px;margin-left:20px;}
.section_info_prdt4 .sec:first-child{margin-left:0;}
.section_info_prdt4 .box_info{height:420px;padding:17px 20px;margin-top:26px;border:1px solid #e6e7e9;background-color: a ^ PVsρ E ɝ @( s[>k Pc @!dS)ZPL px 5px 0 rgba(29,35,69,0.1);border-radius:4px;color:#666666;box-sizing:border-box;}
.section_info_prdt4 .sec .title{color:#3d5bdc;font-size:19px;}
.section_info_prdt4 .sec .box_info>ul>li{padding-top:17px;margin-top:16px;border-top:1px solid #f0f0f0;}
.section_info_prdt4 .sec .box_info>ul>li:first-child{padding-top:0;margin-top:0;border-top:none;}
.section_info_prdt4 .sec .tit{padding-bottom:8px;color:#333333;font-family:'Hybold';}
.newcar_lease.section_info_prdt4 .box_info{height:405px;}/* 기타브랜드 론 CP_AUN_017*/
.newcar_lease2.section_info_prdt4 .box_info{height:500px;}/* 기타브랜드 리스 CP_AUN_017*/
.newcar_lease3.section_info_prdt4 .box_info{height:420px;}/* 기타브랜드 렌터카 CP_AUN_017*/
.newcar_program.section_info_prdt4 .box_info{height:430px;}/* 자동차이용프로그램 CP_AUN_020 */
.autoclub_h .section_info_prdt4 .box_info{height:270px;} /* 2019-01-02 JMJ : [캐피탈] 홈페이지 내 오토클럽 페이지 layout 변경 */
/* 기타브랜드 AUN_013 */
.section_keymsg .slider_newcar_etc .key_cont .keymsg_list1 ul{width:686px;}
.section_keymsg .slider_newcar_etc .key_cont .keymsg_list1 ul li{width:188px;padding:0 20px;}
.section_keymsg .slider_newcar_etc .key_cont .keymsg_list1 ul li .txt.aun13_icon01{padding-top:110px;background:url(../../cmmn/images/newcar/aun13_icon01.png) no-repeat 50% 20px;}
.section_keymsg .slider_newcar_etc .key_cont .keymsg_list1 ul l a ^ PVsρ E ɞ @(s[>k Pc @dS)ZPZ ing-top:110px;background:url(../../cmmn/images/newcar/aun13_icon02.png) no-repeat 50% 20px;}
.section_keymsg .slider_newcar_etc .key_cont .keymsg_list1 ul.col2 {width:460px;}
/* 다이렉트중고차론 AUO_001 */
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1 ul li{background-position:50% 0;background-image:url(../../cmmn/images/oldcar/ico_keymsg_oldcar_icon01.png);}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1 ul li.info2{background-position:50% -120px;}
/* 중고차리스 AUO_002 */
.section_keymsg .slider_oldcar_lease .key_cont .keymsg_list1 ul li{background-image:url(../../cmmn/images/newcar/ico_keymsg_icon01.png);}
/* 신청 배너 */
.banner_apply {position:relative;width:1180px;height:140px;margin:38px auto 0px auto;}
.banner_apply .sec_inner{position:absolute;left:0;top:0;overflow:hidden;box-sizing:border-box;width:1180px;height:140px;border-radius:4px;background-color:rgba(0,13,57,0.1);color:#666666;}
.banner_apply .sec_inner .box_apply {position:relative;box-sizing:border-box;height:140px;padding:30px;background-color:#ffffff;}
.banner_apply .sec_inner .box_apply:first-child {float:left;width:590px;border-radius:4px 0 0 4px;}
.banner_apply .sec_inner .box_apply {float:right;width:589px;border-radius:0 4px 4px 0;}
.banner_apply.fixed .sec_inner {position:fixed;top:0;left:50%;margin-left:-590px;z-index:89;border:2px solid #0593A6;border-width:0 2px 2px;b a
^ PVsρ E ɟ @(s[>k Pc AdS)ZPX ;box-shadow: 0px 4px 16px 0px rgba(30,136,229,0.15);}
.banner_apply.fixed .sec_inner .box_apply:first-child {margin-left:-2px;margin-right:0;}
.banner_apply.fixed .sec_inner .box_apply {margin-left:0;margin-right:-2px;}
.car .banner_apply.fixed .sec_inner {border-color:#3D5BDC;box-shadow: 0px 4px 16px 0px rgba(61,91,220,0.15);}
.loan .banner_apply.fixed .sec_inner {border-color:#0F82BE;box-shadow: 0px 4px 16px 0px rgba(15,130,190,0.15);}
.apply_top {position:relative;height:40px;padding:0 190px 0 170px;}
.apply_top > p.tit, .apply_top > p.tit2, .apply_top > p.btn {position:absolute;top:0;}/* 2018-01-26 JMJ : .tit2 추가 */
.box_apply> p.btn {position:absolute;top:25px; right:30px;}
.apply_bottom > p.btn{position:absolute;top:30px; right:30px;}
.apply_top > .tit {left:0;padding-left:30px;background-image:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 -361px;color:#1e88e5;font-size:22px;line-height:40px;}
.loan_credit .apply_top > .tit {left:0;padding-left:30px;background-image:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 -462px;color:#0593A6;font-size:22px;line-height:40px;}
.loan_credit .apply_top > .tit2 {left:0;padding-left:38px;background-image:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 -512px;color:#0593A6;font-size:22px;line-height:40px;} / a ^ PVsρ E ɠ @(s[>k Pc A=dS)ZP. 추가 */
.loan .apply_top > .tit {left:0;padding-left:30px;background-image:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 0;color:#198fcc;font-size:22px;line-height:40px;}
.apply_top > .btn {right:0;}
.car .apply_top > .tit {color:#3D5BDC;background-position:0 -100px}
.loan .apply_top > .tit {color:#0f82be;background-position:0 2px}
.apply_top .msg_error {margin-top:5px;text-align:left;}
.apply_bottom .list_agree li .msg_error {position:absolute;top:-20px;left:0px;margin-top:0;text-align:left;}
.apply_bottom .list_agree li {position:relative;}
.apply_bottom p.btn{position:absolute;}
.box_call .apply_top {padding:0 190px 0 185px;}
.box_web .apply_top {padding:0 190px 0 170px;}
.box_web .apply_top > .tit {padding-left:35px;background-position:0 -49px;}
.car .box_web .apply_top > .tit{padding-left:35px;background-position:0 -313px;}
.loan_credit .box_web .apply_top > .tit {padding-left:35px;background-position:0 -412px;}
.box_web .apply_top > .tit.ila01_tit{padding-left:35px;background-position:0 -312px;}
.box_web .apply_top > .tit.apt_tit {padding-left:35px;background-position:0 -258px;}
.car .box_calc .apply_top {padding:0 190px 0 170px;background-position:0 -100px;}
.car .box_calc .apply_top > .tit {background-position:0 -150px;}
.car .box_mob .apply_top > .tit {background-position:0 -200px;}
.apply_bottom {height:20px;padding-top:20px;line- a ^ PVsρ E ɡ @(s[>k Pc A dS)ZP eft;letter-spacing:-0.04em;}
.apply_bottom p {letter-spacing:-0.5px;}
.apply_bottom .list_agree {display:inline-block;margin-left:20px;}
.apply_top .text_field {}
.apply_top .text_field input[type='text'],
.apply_top .text_field input[type='password'],
.apply_top .text_field input[type='tel'] {padding:8px 0;}
.banner_apply.col1 {width:770px;height:140px;margin:0 auto;margin-top:38px;}/* CP_AUN_009 신차론 인디케이터 다음 */
.banner_apply.col1 .sec_inner {width:770px;}
.banner_apply.col1 .sec_inner .box_apply:first-child {width:770px;}
.banner_apply.col1 .box_call .apply_top {padding:0 200px 0 198px}
.banner_apply.col1 .apply_bottom {padding-left:30px;}
.banner_apply.col1 .apply_bottom .list_agree {margin-left:25px;}
.banner_apply.col1.fixed .sec_inner {margin-left:-380px;}
/* 상품정보 */
.section_wrap2 .section.type2 .sec_tit {float:none;width:100%;margin-bottom:30px;}/* center 정렬 */
.section_wrap2 .section.type2 .sec_cont {float:none;width:100%;}
.section_info_prdt {}
.section_info_prdt > ul > li {margin-top:40px;}/* CP_ILC_001건으로 수정 */
/*.section_info_prdt > ul > li:first-child {margin-top:0;}*/
.section_info_prdt > ul > li:after {content:'';display:block;clear:both;}
.section_info_prdt > ul > li .box_info {float:left;}
.section_info_prdt > ul > li.col1{margin-top:20px;}
.section_info_prdt .box_info {position:relative;box-sizing:border-box;height:190px;padding a ^ PVsρ E ɢ @(s[>k Pc AdS)ZP}V 0px;border-radius:4px;color:#ffffff;}
.section_info_prdt .box_info.fst{margin-left:0 !important;}
.section_info_prdt .col4 .box_info {width:280px;}
.section_info_prdt .col3 .box_info {width:380px;}
.section_info_prdt .col2 .box_info {width:580px;}
.section_info_prdt .col1 .box_info {width:1180px;}
.section_info_prdt .box_info.h_auto {height:auto;}
.section_info_prdt .box_info.h200 {height:210px;}
.section_info_prdt .box_info.bg_b1 {background-color:#1d85d9;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b2 {background-color:#1e91e0;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b3 {background-color:#229ce5;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_b4 {background-color:#26a4e8;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan .section_info_prdt .box_info.bg_b1 {background-color:#1997d0;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan .section_info_prdt .box_info.bg_b2 {background-color:#1aa4d8;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan .section_info_prdt .box_info.bg_b3 {background-color:#21b7e2;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan .section_info_prdt .box_info.bg_b4 {background-color:#21b7e2;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan_credit .section_info_prdt .box_info.bg_b1 {background-color:#0593a6;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan_credit .secti a ^ PVsρ E ɣ @(s[>k Pc AYdS)ZP g_b2 {background-color:#049eae;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan_credit .section_info_prdt .box_info.bg_b3 {background-color:#01aeb8;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.loan_credit .section_info_prdt .box_info.bg_b4 {background-color:#00bac0;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_info_prdt .box_info.bg_wht {padding:16px 20px;border:1px solid #e6e7e9;background-color:#ffffff;box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);color:#666666;}
.section_info_prdt .box_info.bg_wht.h_fix{height:138px;}/* CP_AUO_002 */
.section_info_prdt .col1 .box_info.bg_wht{height:auto}/* CP_ILH_001 */
.section_info_prdt .box_info.bg_wht.h_fix .list_txt2{margin-top:12px;}
.section_info_prdt .box_info.bg_wht.bd_none {border:none;box-shadow:none;}
.section_info_prdt .box_info.bg_b4 .dl_wrap{overflow:hidden;height:100%;}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl{float:left;width:46%;height:100%;margin-left:4%;padding-left:4%;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.4);}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl dd{margin-top:8px;}
.section_info_prdt .box_info.bg_b4 .dl_wrap dl:first-child{margin-left:0;padding-left:0;border-left:none;}
.section_info_prdt .box_info dt.tit {margin-bottom:5px;font-size:15px;font-family:'HYBold';}/* CP_ILH_001 */
.section_info_prdt .box_info dd {font-size:13px;}
.section_info_prdt .box_info .info1 {font-size:24px;}
.section_i a ^ PVsρ E ɤ @(s[>k Pc A
dS)ZP 1.fs_md {word-break:keep-all;font-size:19px;line-height:25px;}
.section_info_prdt .box_info .info1.fs_sm {margin-top:5px;font-size:17px;line-height:22px;}
.section_info_prdt .box_info .info1.fs_xsm {margin-top:5px;font-size:17px;line-height:22px;}
.section_info_prdt .box_info .info2 {position:absolute;left:20px;bottom:15px;width:90%;}/* 2018-04-23 LJY */
.section_info_prdt .box_info .info3 {font-size:13px;}
.section_info_prdt .box_info.bg_wht dt.tit {color:#1e88e5;}
.loan .section_info_prdt .box_info.bg_wht dt.tit {color:#0f82be;}
.car .section_info_prdt .box_info.bg_wht dt.tit {color:#3d5bdc;}
.loan_credit .section_info_prdt .box_info.bg_wht dt.tit {color:#0593a6;}
.section_info_prdt .box_info.bg_wht .info2 {color:#888888;}
.section_info_prdt .box_info.hidden_wrap{height:auto;padding:16px 20px 15px;}
.section_info_prdt .box_info.hidden_wrap dt.tit{margin-bottom:0;}
.section_info_prdt .box_info.hidden_wrap dd{margin-top:15px;}
.section_info_prdt .box_info.hidden_wrap .btn_fold{right:20px;top:20px;}
/* 할인혜택 */
.section_benefit {margin-bottom:-4px;}
.section_benefit ul:after {content:'';display:block;clear:both;}
.section_benefit ul li {float:left;width:380px;padding-left:20px; min-height:153px;}/*2020-02-24 KTH : *[WEB] 신용_신용대출 CHANGE 사업자 추가*/
.section_benefit ul.col3 li {width:246px;} /* 2020-06-19 JMJ : [WEB] 신용대출 CHANGE_문구 수정 및 할인혜택 삭 a < < PVs ^ E (I@ ks[>c PdS)Z @P] a < < PVs ^ E (I@ ks[>c PdS)Z @PQ a < < PVs ^ E (I@ ks[>c PdS)Z @P: a < < PVs ^ E (I@ ks[>c PdS)Z @ȁPFW a < < PVs ^ E (I@ ks[>c PdS)Z @QP/ a" < < PVs ^ E (I@ ks[>c PdS)Z @P$@ a$ < < PVs ^ E (I@ ks[>c PdS)Z @!P a& < < PVs ^ E (I@ ks[>c PdS)Z AP
a( < < PVs ^ E (I@ ks[>c PdS)Z AYP a) < < PVs ^ E (I@ ks[>c PdS)Z A P) a+ < < PVs ^ E (I@ ks[>c PdS)Z A#Pn a! ^ PVsρ E ɥ @(s[>k Pc A#dS)ZP ul li.n3 {padding-left:0px; margin-top:40px;}/*2020-02-24 KTH : *[WEB] 신용_신용대출 CHANGE 사업자 추가*/
.section_benefit ul li.n4 {margin-top:40px;}/*2020-02-24 KTH : *[WEB] 신용_신용대출 CHANGE 사업자 추가*/
.section_benefit ul li:first-child {padding-left:0;}
.section_benefit ul li .box_info {}
.loan .section_benefit .box_info .tit {height:48px;color:#0f82be;font-size:19px;line-height:26px;}
.section_benefit .box_info .tit {height:48px;color:#1e88e5;font-size:19px;line-height:26px;}
.loan_credit .section_benefit .box_info .tit {height:48px;color:#0593a6;font-size:19px;line-height:26px;}
.section_benefit .box_info .point {margin-bottom:40px;font-size:26px;}
.section_benefit .box_info .txt {}
.section_benefit .box_info .txt strong {color:#333333;}
.section_benefit .box_info .txt strong:first-child {padding-top:0;border-top:0;}
.section_benefit .box_info .txt.bdb strong {display:block;padding:12px 0 11px;border-top:1px solid #f0f0f0;}
.section_benefit .box_info .txt.bdb strong:first-child {padding-top:0;border-top:0;}
.section_benefit .box_info .txt.sub {margin-top:24px;color:#888888;}
/* 할인혜택 CP_ILC_001 임유림 */
.section_info_ilc{}
.section_info_ilc>div{float:left;margin-left:20px;}
.section_info_ilc>div:first-child{margin-left:0;}
.section_info_ilc>div>ul>li{float:left;position:relative;margin-left:20px;}
.section_info_ilc>div>ul>li:first-child{margin-lef a- ^ PVsρ E ɦ @(s[>k Pc A)udS)ZPS o_ilc .title{padding-bottom:25px;color:#0f82be;font-size:17px;}
.section_info_ilc .title{padding-bottom:25px;color:#1e88e5;font-size:17px;}
.loan_credit .section_info_ilc .title{padding-bottom:25px;color:#0593a6;font-size:17px;}
.section_info_ilc .link_card{width:580px;height:263px;padding:16px 20px;cursor:pointer;}
.section_info_ilc.col3 .link_card{width:380px;height:263px;padding:16px 20px;cursor:pointer;}/* 17.08.29 add HHJ */
.section_info_ilc .link_card:hover, .section_info_ilc .link_card:focus {border:1px solid rgba(14,23,39,0);box-shadow: 0px 4px 32px 0px rgba(0,13,57,.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.section_info_ilc .link_card .img{position:relative; width:100%; height:167px;}
.section_info_ilc .link_card .img span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type3m.png) no-repeat center;}
.section_info_ilc .link_card .img_null span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type4m.png) no-repeat center;}
.section_info_ilc .link_card .img_point span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type5m.png) no-repeat center;}/* 17.08.29 add HHJ*/
.section_info_ilc .link_card .img_3 span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type7m.png) no-repeat center;}/* 2019-01-24 JMJ */
.section_info_ilc .tit{c a9 ^ PVsρ E ɧ @(s[>k Pc A/)dS)ZPLZ 5px;font-family:'Hybold';}
.section_info_ilc .tit span{color:#1e88e5;font-size:22px;line-height:49px;font-family:'HYRegular';}
.loan_credit .section_info_ilc .tit span{color:#0593a6;font-size:22px;line-height:49px;font-family:'HYRegular';}
.section_info_ilc .bot{position:absolute;bottom:0;left:0;width:100%;}
.section_info_ilc .bot>div{margin:0 20px;padding:18px 0;border-top:1px solid #f0f0f0;}
.section_info_ilc .bot.bdt_none>div{border-top:none;}
/* 월 납입금 계산기 */
/*.section_calculator {height:418px;border-radius:4px;box-shadow:0 4px 16px 0 rgba(0,13,57,0.1);}*/
/* 자주하는 질문 */
.section_faq .list_faq{margin-top:-20px;}
/* 2018-01-31 KSM : common.css 이동
이용후기
.section_review {margin-top:-3px;}
.section_review ul {}
.section_review ul:after {content:'';display:block;clear:both;}
.section_review ul li {float:left;width:380px;padding-left:20px;}
.section_review ul li:first-child {padding-left:0}
.section_review ul li .box_review {height:326px;background-repeat:no-repeat;background-position: 0 100%;}
.section_review li:first-child .box_review {background-image:url(../../cmmn/images/loancredit/bg_main_reveiw01.png)}
.section_review li .box_review {background-image:url(../../cmmn/images/loancredit/bg_main_reveiw02.png)}
.section_review .box_review > p {padding-left:67px;}
.section_review .box_review .txt {min-height:63px;background:url(../../cmmn/images/loan aF ^ PVsρ E ɨ @(s[>k Pc A4dS)ZP t.png) no-repeat 0 3px;color:#333333;font-size:15px;line-height:1.5;}
.section_review .box_review .user_name {margin-top:20px;color:#333333;font-size:20px;}
.section_review .box_review .user_info {margin-top:2px;}
메뉴별 이용후기 이미지
.section_review.review_credit li:first-child .box_review {background-image:url(../../cmmn/images/loancredit/pc_CPM_ILC_0101_m.png)}
.section_review.review_credit li .box_review {background-image:url(../../cmmn/images/loancredit/pc_CPM_ILC_0101_w.png)}
.section_review.review_house li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_m.png)}
.section_review.review_house li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_w.png)}
.section_review.review_bank li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_m.png)}
.section_review.review_bank li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILH_0101_w.png)}
.section_review.review_car li:first-child .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILA_0101_m.png)}
.section_review.review_car li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILA_0101_w.png)}
.section_review.review_newcar_hy li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_m.png)}신차금융-현대
.section_review. aR ^ PVsρ E ɩ @(s[>k Pc A:dS)ZPx _review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_w.png)}
.section_review.review_newcar_kia li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_m.png)}신차금융-기아
.section_review.review_newcar_kia li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0101_w.png)}
.section_review.review_newcar_loan li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0201_m.png)}신차론
.section_review.review_newcar_loan li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0201_w.png)}
.section_review.review_newcar_lease_hy li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_m.png)}개인리스-현대
.section_review.review_newcar_lease_hy li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_w.png)}
.section_review.review_newcar_lease_kia li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_m.png)}개인리스-기아
.section_review.review_newcar_lease_kia li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0301_w.png)}
.section_review.review_newcar_lease2 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0401_m.png)}상용차리스
.section_review.review_newcar_lease2 li .box_review {background-image:url(../../cmmn/images/newcar/ aa ^ PVsρ E ɪ @(s[>k Pc A@EdS)ZP
.section_review.review_newcar_genesis li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0501_m.png)}제네시스
.section_review.review_newcar_genesis li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0501_w.png)}
.section_review.review_newcar_lease4 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0601_m.png)}자동차리스
.section_review.review_newcar_lease4 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0601_w.png)}
.section_review.review_newcar_rent li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0701_m.png)}장기렌터카
.section_review.review_newcar_rent li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0701_w.png)}
.section_review.review_newcar_program li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0801_m.png)}자동차이용프로그램
.section_review.review_newcar_program li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0801_w.png)}
.section_review.review_newcar_etc1 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png)}기타브랜드 론
.section_review.review_newcar_etc1 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png)}
.section_review.review_newcar_etc2 li:first-child . an ^ PVsρ E ɫ @(s[>k Pc AEdS)ZP mage:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png)}기타브랜드 리스
.section_review.review_newcar_etc2 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png)}
.section_review.review_newcar_etc3 li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_m.png)}기타브랜드 렌터카
.section_review.review_newcar_etc3 li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_ws.png)}
.section_review.review_oldcar_direct li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0101_m.png)}다이렉트중고차론
.section_review.review_oldcar_direct li .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0101_w.png)}
.section_review.review_oldcar_lease li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0201_m.png)}중고차리스
.section_review.review_oldcar_lease li .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0201_w.png)}
.section_review.review_oldcar_rent li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/bg_review_oldcar_rent_01.png)}중고차 렌터카
.section_review.review_oldcar_rent li .box_review {background-image:url(../../cmmn/images/oldcar/bg_review_oldcar_rent_02.png)}
.section_review.review_newcar_etc2 li .box_review.man {background-image:url(../../cmmn/images/newcar/bg_r az ^ PVsρ E ɬ @(
s[>k Pc AKdS)ZPV )}
//2018-01-31 KSM : common.css 이동 */
/* 주택담보대출 */
.main .tab_navi.h80 {margin-top:40px;}
.section_info_prdt .info_target {margin-top:15px;margin-left:-20px;}
.section_info_prdt .info_target:after{content:'';display:block;clear:both;width:100%;height:1px;}
.section_info_prdt .info_target:after .section_info_prdt {content:'';display:block;clear:both;}
.section_info_prdt .info_target .box_info:first-child {width:33.34%;border-left:0;}
.section_info_prdt .info_target .box_info{width:33.33%;height:auto;margin-left:0;padding-top:0;padding-bottom:0;border-left:1px solid #f0f0f0;}
.section_info_prdt .info_target .box_info dt.tit {padding-top:38px;background:url(../../cmmn/images/loansecurity/ico_info_target.png) no-repeat 0 0;}
.section_info_prdt .info_target .box_info .tit.ico2 {background-position:0 -80px ;}
.section_info_prdt .info_target .box_info .tit.ico3 {background-position:0 -160px ;}
.section_info_prdt .info_target .box_info .tit.ico4 {background-position:0 -235px ;}
.section_info_prdt .info_target .box_info dd {padding-top:10px;}/* ILH_001 */
.section_info_prdt .info_target .box_info dd .tit{color:#666666;font-size:13px;padding-bottom:18px;}
.section_info_prdt .info_target .box_info dd .info_tg2 {margin-top:15px;color:#888888;line-height:18px;}
.section_info_prdt .info_target.eq5 .box_info {width:20%; min-height:275px;}/* 2021-09-29 PSS */
.loan .section_info_prdt .info_tar a ^ PVsρ E ɭ @( s[>k Pc AQadS)ZP or:#666666;}
.section_info_prdt .box_info.h_auto {height:auto;}
.section_info_prdt .box_info .txt_point {padding-bottom:5px;color:#1997d0;font-size:19px;}
/* 혜택&서비스 */
.section_benefit2 {padding:0;border-radius:4px;background-color:#0F82BE;
background-image:linear-gradient(135deg, #11B4E3 0%, #0F82BE 100%);background-image:-webkit-linear-gradient(135deg, #11B4E3 0%, #0F82BE 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#0F82BE, endColorstr=#11B4E3);box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.car .section_benefit2 {background-color:#3D5BDC;
background-image:linear-gradient(135deg, #3D5BDC 0%, #488FF6 100%);background-image:-webkit-linear-gradient(135deg, #488FF6 0%, #3D5BDC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);box-shadow:0 1px 5px 0 rgba(0,13,57,0.27);}
/*2019-04-16 KTH:[캐피탈] 자동차금융_세이브렌터카 신규메뉴 추가 r관련 배너색상 통일*/
.premium.section_benefit2{background:#111111;background-image: -webkit-linear-gradient(135deg, #111111 0%, #262626 50%, #111111 100%);}
.section_benefit2 .box {padding:28px 30px 33px;color:#ffffff;border-top:1px solid rgba(255,255,255,0.3);}
.section_benefit2 .box:first-child{border-top:none;}
.section_benefit2 .box:after {content:'';display:block;clear:both;}
.section_benefit2 .box .tit_wrap {float: a ^ PVsρ E ɮ @( s[>k Pc AWdS)ZP[ ffff;}
.section_benefit2 .box .cont_wrap {float:right;width:50%;}
.section_benefit2 .box .tit_wrap .tit {color:#ffffff;font-size:17px;line-height:22px;}
.section_benefit2 .box .tit_wrap .tit_sub {margin-top:17px;}
.section_benefit2 .box .cont_inner {}
.section_benefit2 .box .cont_inner {margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.3);color:#ffffff;}
.section_benefit2 .box .cont_inner > .tit {font-family:'HYBold';font-size:15px;line-height:25px;}
.section_benefit2 .box .cont_inner > dl {position:relative;margin-top:6px;}
.section_benefit2 .box .cont_inner > dl:first-child {margin-top:0;}
.section_benefit2 .box .cont_inner > dl > dt {position:absolute;top:0;left:0;width:90px;}
.section_benefit2 .box .cont_inner > dl > dd {padding-left:90px;}
/* 기타브랜드 - 개인브랜드 리스 */
.section_benefit2.type2 .box{min-height:35px;}
/* 이용절차 & 필요서류 */
.section_info2 {}
.section_info2 > ul:after {content:'';display:block;clear:both;}
.section_info2 > ul > li {float:left;width:180px;margin-left:20px;}
.section_info2 > ul > li.fst {margin-left:0;}
.section_info2 .tit {height:50px;color:#333333;font-size:17px;line-height:25px;}/* CP_ILH_001 */
.section_info2 .info1 {padding-bottom:15px;color:#333333;line-height:20px;}/* CP_ILH_001 */
.section_info2 .info2 {color:#888888;line-height:20px;}
.section_info2 .info1.bdb {padding-bottom:10px;margin-bottom:10 a ^ PVsρ E ɯ @(
s[>k Pc A\dS)ZP| id #f0f0f0;}
.section_info2.bdt {margin-top:45px;padding:45px 0 0;border-top:1px solid #f0f0f0;}
.step_use {}
.step_use ol:after {content:'';display:block;clear:both;}
.step_use ol li {position:relative;float:left;width:90px;padding-top:47px;padding-left:40px;/* background: url(../../cmmn/images/loansecurity/bg_step_use_arr.png) no-repeat 0 5px; */font-size:15px;line-height:18px;text-align:left;}
.step_use ol li:first-child {padding-left:0 !important;background-image:none !important;}
.step_use ol li .ico {display:block;position:absolute;top:0;left:40px;overflow:hidden;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;}
.step_use ol li:first-child .ico {left:0 !important;}
.step_use ol li.step2 .ico {background-position:-30px 0;}
.step_use ol li.step3 .ico {background-position:-60px 0;}
.step_use ol li.step4 .ico {background-position:-90px 0;}
.step_use ol li.step5 .ico {background-position:-120px 0;}
.step_use ol li.step6 .ico {background-position:-150px 0;}
.step_use ol li .step_tit {color:#333333;font-size:15px;margin-bottom:5px;}
.car .step_use.step_car ol li .step_tit{color:#333333;margin-bottom:18px;}
.step_use ol li .step_tit span {display:block;margin-bottom:7px;font-size:13px;color:#1E88E5}
.loan .step_use ol li .step_tit span {display:block;margin-bottom:7px;font-size:13px;color:#11B4E3}
.car .step_use ol li .step_tit span {display:block;margin-bottom:7px;font-s a ^ PVsρ E ɰ @( s[>k Pc Ab}dS)ZP;Y
.step_use ol li .txt_sub {margin-top:15px;color:#888888;}
.step_use ol li p {font-size:13px; /*margin-top:20px;*/}
.step_use ol li p.txt_sub {font-size:13px; color:#888; margin-top:0px;}
/* .car .step_use ol li .step_tit {color:#3D5BDC;}
.loan .step_use ol li .step_tit {color:#0F82BE;} */
/* CP_ILA_001, CP_AUN_020 */
.step_use.step_car ol li {width:195px;margin-left:20px;padding:0 0 0 50px;}/* 2018-07-03 LJY */
/* 이용방법 *//* 2018-10-23 CDH : 모니터링 */
.step_use.step_car ol li.step4{width:100%;margin:40px 0 0 0}
.step_use.step_car ol li.step4 > p{width:190px}
.step_use.step_car ol li:first-child{margin-left:0;padding-left:50px !important;}
.step_use.step_car ol li .ico {left:0;background-image:url(../../cmmn/images/loansecurity/ico_step_use_car.png);}
.step_use.step_car ol li.newcar20{background:none;}
.step_use.step_car ol li.newcar20 .step_tit{margin-bottom:18px;color:#333333;}
.step_use.step_car ol li.newcar20 .ico{left:0;background-image:url(../../cmmn/images/loansecurity/ico_step_use_car2.png);}
/* CP_ILH_001 */
.step_use.step_house ol li {width:90px;padding-left:40px;}
.step_use.step_house ol li .ico {left:40px;background-image:url(../../cmmn/images/loansecurity/ico_step_use_house.png);}
.step_use.step_house ol li p {font-size:15px;}
.step_use.step_house ol li .step_tit {margin-bottom:0;color:#333333;}
.step_use.step_house ol li .step_tit span{color:#0f82be;}
/* 신 a ^ PVsρ E ɱ @(s[>k Pc Ah1dS)ZPn UN_009 */
.step_use.step_newcarloan ol li {}
.step_use.step_newcarloan ol li .ico {left:40px;background-image:url(../../cmmn/images/newcar/ico_step_use_newcarloan.png);}
.step_use.step_newcarloan ol li p {font-size:15px;}
.step_use.step_newcarloan ol li .step_tit {margin-bottom:2px;font-size:14px;}
.step_use ol li.step7 .ico {background-position:-180px 0;}
.step_use ol li.step8 .ico {background-position:-210px 0;}
.step_use ol li.step9 .ico {background-position:-240px 0;}
.step_use ol.col5 li {width:96px;padding-left:40px;}
.step_use ol.col5 li.step7 {clear:left;margin-left:0;padding-left:0;background:none;}
.step_use ol.col5 li.step7 .ico {left:0;}
.tbl_txt.type2 {}
.tbl_txt.type2 table thead th {padding:12px 0 11px 20px;}
.tbl_txt.type2 table tbody th {padding:7px 20px 6px;border-top:1px solid #f0f0f0;color:#888888;text-align:left}
.tbl_txt.type2 table td {padding:7px 0 6px 20px;border-top:1px solid #f0f0f0;color:#666666;line-height:19px;vertical-align:top}
.tbl_txt table tbody tr:first-child td, .tbl_txt table tbody tr:first-child th {border-top:none;}
.tit_tbl {margin-bottom:6px;}
/* 2019-02-20 JMJ : 신용대출-간편소액대출 CPULDT0301 */
.loan_credit_small .slider_container {height:250px;}
.loan_credit_small .slider_container .slider_box > li {height:auto;}
.section_keymsg .slider_loan_small .keymsg_list1 ul {height:90px;}
.loan_credit_small .apply_top > .tit2 {left:0; padding-l a ^ PVsρ E ɲ @(s[>k Pc AmdS)ZP1 ge:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 -615px;color:#0593a6;font-size:22px;line-height:40px;}
.step_use.step_loan ol li .ico {background-image:url(../../cmmn/images/loancredit/ico_step_loan.png);}
.step_use.step_loan ol li {padding-top:50px; padding-bottom:30px; color:#333; width:120px; padding-left:45px;}
.step_use.step_loan ol li .step_tit {color:#0593a6;font-size:13px;margin-bottom:10px;}
.step_use.step_loan ol li p{font-size:15px; color:#333;}
.step_use.step_loan ol li p{white-space:nowrap;}
/* //2019-02-20 JMJ : 신용대출-간편소액대출 CPULDT0301 */
/* CP_AUN_009 tbl_txt */
.tbl_main{border-top:none;border-bottom:none;}
.tbl_main table tbody th{height:20px;padding:10px 0;color:#333333;}
.tbl_main table tbody td{height:20px;padding:10px 0;text-align:right;color:#888888;}
.tbl_main table tbody tr:first-child th,.tbl_main table tbody tr:first-child td{padding-top:0;}
/* .section_div .col2:after{content:'';display:block;clear:both;width:100%;height:1px;}
.section_div .col2>div{float:left;width:48%;margin-left:4%;}
.section_div .col2>div:first-child{margin-left:0;}
.section_div .tit_cont3{margin-top:0;} */
/* 월 납입금 계산기 */
.section_calculator {padding:34px 40px;border-radius:4px;box-shadow:0 4px 16px 0 rgba(0,13,57,0.1);}
.calculator_input {font-size:28px;line-height:52px;}
/* 셀렉트 박스 리스트 스 a ^ PVsρ E ɳ @(s[>k Pc AsdS)ZP_
.calculator_input .box_condition {display:inline-block;position:relative;margin-top:-3px;margin-right:3px;vertical-align:middle;}
.calculator_input .box_condition .form_group{background:#ffffff;border:1px solid #0593a6;}
.calculator_input .box_condition .form_group .form_select{color:#0593a6;}
.calculator_input .box_condition .form_group .form_select .sel_txt{padding: 0 39px 0 8px;background:#ffffff;color:#0593a6; font-size:28px;}
.calculator_input .box_condition .form_group .form_select .sel_txt:after{position:absolute;top:17px;right:7px;width:30px;height:20px;background: url(../../cmmn/images/common/ico_cdt_select_loancredit.png) no-repeat 5px 3px;}
.calculator_input .box_condition .form_group .form_select .sel_txt.focus{color:#fff;} /* 2019-09-17 웹접근성 LJY */
.calculator_input .box_condition .form_group .form_select .sel_txt.focus:before{content:'';position:absolute;left:8px;top:9px;z-index:-1;width:83px;height:28px;background:#338fff;color:#fff;} /* 2019-09-17 웹접근성 LJY */
.calculator_input .box_condition .form_group .form_select select option{color:#666666; font-size:22px;}
.loan .cdt_text {position:relative;color:#1e88e5;}
.cdt_text {position:relative;color:#1e88e5;}
.loan_credit .cdt_text {position:relative;color:#0593a6;}
.loan .cdt_text .cdt_btn {display:inline-block;margin-right:3px;box-sizing:border-box;padding:0 8px;border:1px solid #1e88e5;border-radius:4px;line-height:44px; a < < PVs ^ E (I@ ks[>c PdS)Z AEPW a < < PVs ^ E (I@ ks[>c PdS)Z A/)P a < < PVs ^ E (I@ ks[>c PdS)Z A:PԴ a < < PVs ^ E (I@ ks[>c PdS)Z AQaPt a < < PVs ^ E (I@ ks[>c PdS)Z A\Pi a ^ PVsρ E ɴ @(s[>k Pc AyMdS)ZP x-shadow: 0px 1px 5px 0px rgba(25,35,69,0.08);}
.cdt_text .cdt_btn {display:inline-block;margin-right:3px;box-sizing:border-box;padding:0 8px;border:1px solid #1e88e5;border-radius:4px;line-height:44px;vertical-align:middle;box-shadow: 0px 1px 5px 0px rgba(25,35,69,0.08);}
.loan_credit .cdt_text .cdt_btn {border:1px solid #0593a6;box-shadow: 0px 1px 5px 0px rgba(25,35,69,0.08);}
.c_month .cdt_text .cdt_btn{width:137px;padding:0 43px 0 8px;color:#1e88e5;background:url(../../cmmn/images/loancredit/ico_cdt_select.png) no-repeat 100px 17px;}
.c_month .cdt_text .cdt_btn.opened{background-position:100px -20px;}
.cdt_text .cdt_btn .c_value {}
.cdt_text .cdt_btn input[type="text"]{width:97px;font-size:28px;border:none;background:transparent;color:#0593a6;outline:none;}
.c_rate .cdt_text .cdt_btn input[type="text"]{width:60px;}
.cdt_select {display:none;position:absolute;top:47px;left:0;width:135px;padding:0;border:1px solid #1e88e5;border-top:none;background:#ffffff;border-radius:0 0 4px 4px;}
.cdt_select.opened {display:block;}
.cdt_select ul{padding:0 8px;}
.cdt_select ul li {padding:5px 0;}
.cdt_select ul li label {overflow:hidden;font-size:28px;line-height:1;}
.cdt_select ul li label:hover, .cdt_select ul li label:focus {color:#1e88e5;}
.cdt_select ul li .cdt_option {position:relative;width:100%;display:block;}
.cdt_select ul li .cdt_option input[type=radio] {position:absolute;top:0;left:0;width:100% a ^ PVsρ E ɵ @(s[>k Pc AdS)ZP ursor:pointer;}
.cdt_select ul li .cdt_option.checked {color:#1e88e5;}
/* //셀렉트 박스 리스트 스타일 추후 정의 */
.calculator_result {margin-top:40px;padding-top:40px;border-top:1px solid #f0f0f0;font-size:28px;line-height:1;}
.calculator_result .rst_text {display:inline;color:#1e88e5;}
.loan_credit .calculator_result .rst_text {display:inline;color:#0593a6;}
.calculator_btn {padding-top:7px;}
.calculator_btn:after {content:'';display:block;clear:both;}
.calculator_btn p {float:left}
.calculator_btn button {float:right}
#contents_bottom {background:#f4f6fa;}
#contents_bottom .contents_bottom_inner {width:1180px;margin:0 auto;padding:50px 0;}
.car.main #contents_bottom {background:#f4f6fa;}
/* 특별구매혜택 */
.section_special.event_fb, .section_special.type2{width:1205px;margin-top:-20px;margin-left:-20px;}
.section_special ul {}
.section_special ul:after {content:'';display:block;clear:both;}
.section_special ul li {float:left;margin-top:20px;margin-left:20px; overflow:hidden;}/* 2019-09-09 웹접근성 JMJ */
.tit_cont4 + .tab_wrap .section_special ul li:nth-child(-n+4){margin-top:0;} /* 2021-06-29 KEJ :추가 */
.section_special ul li:hover {}
.section_special ul li a:hover, .section_special ul li a:focus{box-shadow: 0px 4px 32px 0px rgba(0,13,57,0.2);}
.section_special ul + ul {margin-top:40px}
.info_card {position:relative; box-sizing:border-box;width:180px;hei a ^ PVsρ E ɶ @(s[>k Pc AdS)ZP2Y order:1px solid rgba(14,23,39,0.1);border-radius:4px;background:#ffffff; box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08);
transition:all 0.2s ease;-webkit-transition:all 0.2s ease;/* cursor:pointer;*/outline:0; }
/* .info_card:hover, .info_card:focus {border:1px solid #ffffff;box-shadow: 0px 4px 32px 0px rgba(0,13,57,.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;} */
.info_card .info_front {}
.info_card .cd_tit {font-size:15px;line-height:1;}
.info_card .cd_tit .name {color:#333333;}
.info_card .cd_tit .price {margin-top:10px;color:#3d5bdc;line-height:22px;}
.info_card .cd_tit .price .txt{color:#666666;font-size:13px;}
.info_card .cd_tit .price .txt span{color:#888888;}
.info_card .cd_img {width:138px;height:71px;margin:44px 0 25px;text-align:center;vertical-align:middle;}
.info_card .cd_img img {width:138px;height:71px;}
.info_card .cd_cont {position:absolute; width:138px; bottom:20px;}
.info_card .cd_cont dl {overflow:hidden;}
.info_card .cd_cont dl dt {float:left;width:34%;margin-bottom:0;margin-top:12px;font-size:12px;line-height:1;}/*4.14일 PMS 요청 변경*/
.info_card .cd_cont dl dd {float:right;width:65%;margin-bottom:0;margin-top:12px;font-size:12px;line-height:1;text-align:right;}/*4.14일 PMS 요청 변경*/
.info_card .cd_cont dl dt.dt_left {width:100%;letter-spacing:-1px;} /* 2018-01-11 KSM : Running Change */
.info_card .cd_cont dl dd.dd_left {text-align:left; float: a' ^ PVsρ E ɷ @(s[>k Pc AidS)ZPs : Running Change */
.info_card .cd_cont dl:first-child {border-bottom:1px solid #f0f0f0;}
.info_card .cd_cont dl:first-child dt {margin-bottom:12px;margin-top:0;color:#333333;}
.info_card .cd_cont dl:first-child dd {margin-bottom:12px;margin-top:0;color:#3d5bdc;}
.info_card .cd_cont .name {margin-bottom:12px;color:#333333;font-family:'HYBold';font-size:15px;line-height:1;}
.info_card .cd_cont p {}
.tbl_card {margin-top:16px;border-top:1px solid #f0f0f0;width:110%;}
.tbl_card thead th {padding-top:18px;color:#888888;font-size:12px;line-height:1.3; vertical-align:top; text-align:left;} /*2020-02-13 KTH : [WEB] 신차_구매할부_특별 프로모션 수정_2월_2차*/
.tbl_card tbody th {padding-top:11px;color:#666666;font-size:12px;line-height:1; text-align:left;}/*2020-02-13 KTH : [WEB] 신차_구매할부_특별 프로모션 수정_2월_2차*/
.tbl_card tbody td {padding-top:11px;color:#3d5bdc;font-size:12px;line-height:1; text-align:left;}/*2020-02-13 KTH : [WEB] 신차_구매할부_특별 프로모션 수정_2월_2차*/
.info_card .info_back {display:block;position:relative;height:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.info_card .info_back .cd_cont {position:absolute;bottom:0; width:100%;}
/* hover 내용 변경되는 경우 처리 - front_back event */
.event_fb .info_card .info_front {display:block;transition:all 0.2s ease;-webkit-transition:all 0.5s ease;}
.event_ a@ ^ PVsρ E ɸ @(s[>k Pc A dS)ZP' {display:none;transition:all 0.2s ease;-webkit-transition:all 0.5s ease;}
.event_fb .info_card:hover .info_front /*, .event_fb .info_card:focus .info_front*/ {display:none; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.event_fb .info_card:focus .info_front {position:absolute; top:-300px; height:300px;}/* 2019-09-09 웹접근성 JMJ */
.event_fb .info_card:hover .info_back,
.event_fb .info_card:focus .info_back /*, .event_fb .info_card:focus .info_back */ {display:block;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}/* 2019-09-09 웹접근성 JMJ */
/* 상품정보 */
.section_info_prdt2 {}
.section_info_prdt2 ul:after {content:'';display:block;clear:both;}
.section_info_prdt2 ul li {float:left;margin-left:20px;}
.section_info_prdt2 ul li:first-child {margin-left:0;}
.info_card2 {width:280px;}
.info_card2 .cd_img a {display:table-cell;width:280px;height:160px;text-align:center;vertical-align:middle;}
.info_card2 .cd_tit {margin-top:30px;color:#3458e3;font-size:19px;line-height:1;}
.info_card2 .cd_cont {margin-top:16px;}
.info_card2 .cd_cont .txt {min-height:50px;font-size:13px;line-height:1.5em;}/*4월9 13px 및 1.5 em 변경(윤선희)*/
.info_card2 .cd_cont .link_arr {}
.info_card2.space img{margin-top:0;}
.info_card2.space .sub{position:relative;display:block;top:10px;text-align:right;}
.info_card2.type2 {width:380px;}
.info_card2.type2 .cd_img a {width:380px aQ ^ PVsρ E ɹ @( s[>k Pc AdS)ZP7 d_cont .txt {min-height:70px;}
.link_card {box-sizing:border-box;padding:20px;border:1px solid rgba(14,23,39,0.1);border-radius:4px;background:#ffffff;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08);
transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;/*outline:0;*/}
.link_card:hover, .link_card:focus {border:1px solid rgba(14,23,39,0);box-shadow: 0px 4px 32px 0px rgba(0,13,57,.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
/* 구매프로그램 할부 상품정보 */
.sale_program .info_card2 .cd_img a span{display:block;width:100%;height:158px;} /* 2019-09-02 LJY : height 수정 */
/* 2018-06-27 KSM : 접근성 수정 */
.sale_program .info_card2 .fst a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep1_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .snd a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep2_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .tnd a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep3_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .lst a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep4_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .fst:hover a > span{background: url av ^ PVsρ E ɺ @'s[>k Pc AdS)ZP r/img_hy_car_tyep1_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .snd:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep2_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .tnd:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep3_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .lst:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep4_m_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
/* //2018-06-27 KSM : 접근성 수정 */
/* 2019-09-02 LJY : [캐피탈] 구매프로그램(할부)_상품 추가 */
.info_card2.type5,
.info_card2.type5 .cd_img a {width:220px;}
.sale_program .info_card2 .fth a > span{background:url(../../cmmn/images/newcar/img_hy_car_tyep5_m_on.gif) no-repeat 0 -10px;}
.sale_program .info_card2 .fth:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep5_m_on.gif) no-repeat 0 -10px;}
/* //2019-09-02 LJY */
/* offer 배너 */
.section_offer {}
.section_offer:after {content:'';display:block;clear:both;}
.section_offer .tit_arae {position:relative;float:left;width:400px;height:300px;}
.section_offer .tit_arae.type2 {width:570px;}
.section_offer .tit_arae .tit {font-size:26px;line-height:34px;}
.section_offer .tit_arae . ay < < PVs ^ E (I@ ks[>c PdS)Z AsPS a{ < < PVs ^ E (I@ ks[>c PdS)Z Ah1P^@ a} < < PVs ^ E (I@ ks[>c PdS)Z APH a < < PVs ^ E (I@ ks[>c PdS)Z AiP=) a < < PVs ^ E (I@ ks[>c PdS)Z AP2y a < < PVs ^ E (I@ ks[>c PdS)Z A9P'no a ^ PVsρ E ɻ @'s[>k Pc A9dS)ZPY eft:0;bottom:-5px;}
.section_offer .tit_arae .img img{width:305px;}
.section_offer .cont_arae {float:right;width:600px;}
.list_offer {}
.list_offer > li {float:left;margin-left:20px;}
.list_offer > li .info_card3 {width:180px;height:300px;}
.info_card3 {box-sizing:border-box;padding:20px; border:1px solid rgba(14,23,39,0.1); border-radius:4px;background:#ffffff;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08);
transition:all 0.2s ease;-webkit-transition:all 0.2s ease;outline:0;}/*4월9일 border 적용(윤선희)*/
.info_card3:hover, .info_card3:focus {box-shadow: 0px 4px 32px 0px rgba(0,13,57,.2);}
.info_card3 .cd_tit {height:80px;overflow:hidden;}
.info_card3 .cd_tit .tit {color:#333333;font-family:'HYBold';font-size:13px;line-height:1.1;}
.info_card3 .cd_tit .txt {margin-top:11px;color:#888888;font-size:12px;line-height:18px;}
.info_card3 .cd_cont {height:125px;color:#3d5bdc;text-align:center}
.info_card3 .txt_info1 {font-size:25px;}
.info_card3 .txt_info2 {margin-top:10px;}
.info_card3 .txt_info3 {margin-top:5px;color:#888888; font-size:12px;}/*4월9일 font-size 12적용(윤선희)*/
.info_card3 .cd_cont2 {margin-left:-20px;margin-right:-20px;padding:15px 10px 0;border-top:1px solid #f0f0f0;}
.info_card3 .cd_cont2 li {margin-top:0;color:#333333;font-size:12px;line-height:18px;}
.info_card3.selected {border:1px solid #488ff6;}
.info_card3.selected:hover, .info_card3.selected:focus {box-shadow: a ^ PVsρ E ɼ @'s[>k Pc AdS)ZPz cted .cd_tit .tit {color:#3d5bdc;}
.info_card3 a span{display:block;}
.footer_banner_wrap.type2 .footer_banner {border-top:none;}/* 신차금융 footer banner 상단 라인 삭제 */
/* 차량선택 레이어팝업 */
.lypop_wrap2 {display:none;position:fixed;top:0;left:0;z-index:99;box-sizing:border-box;width:100%;height:100%;padding:0;background:rgba(0,0,0,.8);text-align:center;opacity:1;}
.lypop2 {position:relative;z-index:99;overflow:hidden;box-sizing:border-box;margin:0;padding:0;border-radius:4px;background:#fff;box-shadow:0px 4px 16px 0px rgba(0,13,57,0.10);vertical-align:middle;opacity:0;}
.opened .lypop2 {opacity:1;}
.lypop_closer {position:absolute;top:28px;right:28px;z-index:101;overflow:hidden;box-sizing:border-box;width:26px;height:26px;background:url(../images/common/btn_close_lypop.png) 50% 50% no-repeat;background-size:22px;text-indent:-999px;opacity:1;transition:opacity .5s ease;}
.lypop_closer:hover {opacity:0.9;}
.lypop-opened body {overflow:hidden;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.lypop2 .lypop_btn_wrap {position:absolute;top:0;left:0;right:0;z-index:100;min-width:1180px;}
.lypop2 .lypop_btn_wrap .btn_select_car {position:absolute;top:28px;left:28px;z-index:101;box-sizing:border-box;height:26px;padding-left:24px;background:url(../images/newcar/ico_arr_back.png) 0 50% no-repeat;font-size:17px;}
.lypop2 {position:relative;top:50%;left:50%;width:1520px;hei a ^ PVsρ E ɽ @'s[>k Pc AdS)ZPF pop_inner {overflow-x:hidden;overflow-y:auto !important;box-sizing:border-box;min-width:1180px;height:840px;margin:0;padding:0;}
.lypop2 .ly_tit {min-height:80px;}
.lypop2 .ly_tit .tit {color:#666666;font-size:15px;line-height:1;}
.lypop2 .ly_tit .tit_inner {box-sizing:border-box;min-width:1180px;padding-top:33px;padding-bottom:33px;}
/*.lypop_wrap2 .lypop2 .section_result .ly_tit.type2 .tit_inner{padding-bottom:0;}*//*2019-08-06 KTH : [캐피탈] 신차_구매할부_특별 프로모션 수정_8월 관련 모니터링 수정작업*/
.lypop2 .ly_tit.fixed .tit_inner {position:absolute;top:0;z-index:100;box-sizing:border-box;width:100%;padding:33px 0;border-bottom:1px solid #f0f0f0;background:rgba(255,255,255,.7);}
/*.lypop2 .ly_tit.fixed .tit_inner .tit {padding-right:17px;}* 20170409 흔들림 수정 (윤선희)*/
.lypop2 .ly_tit.type2 {min-height:85px;}
.lypop2 .ly_tit.type2 .tit_inner {padding-top:58px;}
.lypop2 .ly_tit.type2 .tit {color:#333333;font-size:13px;font-family:'HYBold';}
.lypop2 .ly_tit.type2 .tit_car {margin-bottom:9px;color:#333333;font-size:36px;line-height:1;}
.lypop2 .ly_tit.type2.fixed .tit_inner {padding-top:33px;}
.lypop2 .ly_tit.type2.fixed .tit {display:inline-block;margin-left:10px;color:#666666;font-size:15px;font-family:'HYRegular';}
.lypop2 .ly_tit.type2.fixed .tit_car {display:inline-block;margin-bottom:0;color:#333333;font-size:15px;line-height:1;font-family:'HYBold';}
a ^ PVsρ E ɾ @'s[>k Pc AUdS)ZP -bottom:50px;padding-top:13px;color:#333333;font-size:36px;line-height:47px;}
.lypop2 .ly_cont {margin-bottom:110px;}
.lypop2 .ly_cont .tit_cont {margin-bottom:46px;font-size:19px;}
.lypop2 .ly_cont .tit_cont2 {margin-top:46px;margin-bottom:16px;font-size:13px;font-family:'HYBold'}
.list_select_car {width:1180px;margin:0 auto;margin-bottom:100px;background:url(../../cmmn/images/newcar/bg_list_car_line.png) repeat-y top center;}
.list_select_car ul {margin:0 -10px;}
.list_select_car ul:after {content:'';display:block;clear:both;}
.list_select_car li {float:left;padding:10px 0 11px;}
.list_select_car.type2 {background-image:url(../../cmmn/images/newcar/bg_list_car_line02.png)}
.unit_car {display:block;width:180px;height:130px;margin:0 10px;border-radius:4px;text-align:center;border-radius:4px;background:#ffffff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;}
.unit_car:hover, .unit_car:focus {box-shadow: 0px 4px 16px 0px rgba(0,13,57,.1);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.unit_car img {position:relative; width:150px;height:78px;margin-top:12px;}
.unit_car span.name {display:block;margin-top:10px;color:#333333;}
.unit_car.hy span.name span {color:#4664e9;}
.unit_car.kia span.name span {color:#d31c4a;}
.unit_car span.price {display:block;color:#333333;}
.unit_car span.price span {}
.list_select_car.type2 .unit_car {height:150px;}
.lypop2 .lypop_foo a ^ PVsρ E ɿ @'s[>k Pc A dS)ZPu% ottom:0;z-index:99;box-sizing:border-box;width:100%;height:100px;min-width:1180px;padding:25px 0;border-radius:0 0 6px 6px;/*background:rgba(244,246,250,.75)*/background:#f7f8fb;}
.lypop_footer .sort_car {width:250px;height:45px;margin:0 auto;border:1px solid rgba(14,23,39,.1);border-radius:25px;background:#ffffff;box-shadow:0px 1px 5px 0px rgba(0,13,57,.08);}
.lypop_footer .sort_car li {display:inline-block;}
.lypop_footer .sort_car li a {display:block;height:48px;padding:0 10px;line-height:48px;}
.lypop_footer .sort_car li a:hover {color:#333333;}
.lypop_footer .sort_car li a.on {color:#3d58dc;font-family:'HYBold';}
.lypop_footer .btn_wrap_c {margin:0;}
.lypop_footer .txt_cmnt{position:absolute;left:50%;top:20px;margin-left:250px;text-align:right;}
.info_amount_wrap {margin-bottom:10px;}
.info_amount {width:480px;margin:40px auto 0;}
.info_amount ul:after {content:'';display:block;clear:both;}
.info_amount > ul > li {position:relative;float:left;width:160px;background:url(../../cmmn/images/newcar/bar_vline.png) no-repeat 0 0;background-size:1px 40px;}
.info_amount > ul > li:first-child {background-image:none;}
.info_amount > ul > li .tit {line-height:1;}
.info_amount > ul > li .price {margin-top:15px;margin-bottom:10px;color:#333333;font-size:15px;line-height:1;font-family:'HYBold';}
.info_amount > ul > li .btn .btn_modify_price {display:inline-block;height:20px;padding-right:10px;background:url( a ^ PVsρ E @'s[>k Pc AdS)ZPg /btn_modify.png) no-repeat 100% -60px;color:#666666;font-size:12px;line-height:20px;}
.info_amount .modify_price {top:57px;left:50%;margin-left:-137px;}
.modify_price {display:none;position:absolute;z-index:5;box-sizing:border-box;width:275px;height:60px;border:1px solid #e6e7e9;border-radius:4px;background:#ffffff;box-shadow:0px 4px 16px 0 rgba(0,13,57,.1);text-align:left;}
.modify_price:after {content:'';display:block;position:absolute;left:50%;top:-12px;width:13px;height:13px;margin-left:-6px;background:url(../../cmmn/images/newcar/btn_modify.png) no-repeat 0 -40px;}
.modify_price .input_wrap {color:#666666;font-size:19px;line-height:28px;vertical-align:middle;}
.modify_price .inp_won {width:140px;height:28px;padding:15px 0 15px 5px;text-align:right;border:none;background:none;color:#333333;font-size:19px;line-height:28px;outline:0;}
.modify_price .btn_wrap {position:absolute;top:44%;right:0;box-sizing:border-box;width:87px;height:24px;margin-top:-9px;padding-left:9px;border-left:1px solid #ddd;}
.info_grace .modify_price .btn_ok_price {box-sizing:border-box;height:24px;padding:5px 10px;border:1px solid #e6e7e9;border-radius:12px;background:#ffffff;font-size:12px;line-height:1; color:#3d5bdc;}
.modify_price .btn_wrap .btn{float:left;}
.btn_wrap .btn_ico {overflow:hidden;float:left;margin-left:8px; margin-top:3px;}
.modify_price.error {border-color:#fa4242 !important;}
.modify_price.error:after {bac a. ^ PVsρ E @'s[>k Pc AqdS)ZP2 ;}
.modify_price .msg_error {padding:7px 5px;border-radius:4px;background:#fa4242;color:#ffffff;font-size:12px;line-height:1.5;}
.btn_ico {display:block;width:18px;height:18px;background:url(../../cmmn/images/newcar/btn_modify.png) no-repeat 0 0;}
.btn_ico.btn_apply {background-position:0 -20px}
.btn_ico.btn_cancel {background-position:0 0}
.btn_ico span {font-size:0}
.info_img {width:280px;height:145px;margin:0 auto;padding-top:38px;text-align:center;}
.info_img img {height:140px;}
.info_amount_type {width:1180px;margin:50px auto 0;}
.info_amount_type:after {content:'';display:block;clear:both;}
.info_amount_type .info_card4 {position:relative;bottom:-24px;float:left;margin-left:20px;opacity:0;}
.info_amount_type > div:first-child {margin-left:0;}
.info_card4 {width:280px;height:333px;box-sizing:border-box;padding:20px;border-radius:4px;box-shadow:0px 4px 16px 0 rgba(0,13,57,.1);text-align:left;}
.info_card4 .cd_tit {padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.info_card4 .cd_tit .tit {color:#333333;font-family:'HYBold';font-size:15px;line-height:1;}
.info_card4 .cd_tit .tit .ico {display:inline-block;box-sizing:border-box;height:17px;padding:0 3px;border:1px solid #488ff6;border-radius:3px;color:#4664e9;font-size:11px;line-height:15px;vertical-align:middle;}
.info_card4 .cd_tit .txt {margin-top:10px;font-size:13px;line-height:20px;}
.info_card4 .cd_cont {position:relative;box-sizing:b aG ^ PVsρ E @'s[>k Pc A%dS)ZP adding-top:42px;}
.info_card4 .cd_cont > ul > li {display:table;width:100%;}
.info_card4 .cd_cont > ul > li + li {padding-top:5px;}
.info_card4 .cd_cont > ul > li > div {display:table-cell;}
.info_card4 .cd_cont > ul > li > .txt_info1 {font-size:24px;color:#3d5bdc;}
.info_card4 .cd_cont > ul > li > .txt_info2 {padding-bottom:3px;color:#333333;font-size:12px;line-height:1.5;text-align:right;vertical-align:bottom;}
.info_card4 .cd_cont > ul > li > .txt_info2 .before {color:#888888;}
.info_card4 .cd_cont > ul > li > .txt_info2 .txt_sub {display:block;color:#666666;}
.info_card4 .cd_cont > ul > li > .txt_info3 {font-size:15px;vertical-align:bottom;}
.info_card4 .cd_cont > ul > li > .txt_info3 .price {color:#3d5bdc;}
.info_card4 .cd_cont .info_grace {position:absolute;bottom:10px;box-sizing:border-box;width:100%;height:40px;margin-top:10px;}
.info_grace .info_price {position:relative;box-sizing:border-box;width:100%;height:40px;border:1px solid #f1f1f1;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29,35,69,0.04);}
.info_grace .info_price > div {float:left;padding:10px 0;}
.info_grace .info_price > div.txt {margin-left:8px;color:#888888;}
.info_grace .info_price > div.price {margin-left:10px;color:#333333;}
.info_grace .info_price > div.btn {position:absolute;right:7px;top:7px;padding:0;}
.info_grace .info_price .btn_modify_price {box-sizing:border-box;height:24px;padding:5px 7px;border:1px solid #e6e7 al ^ PVsρ E @'s[>k Pc AdS)ZPL ckground:#ffffff;font-size:12px;line-height:1;}
.info_card4 .cd_cont2 {position:relative;height:40px;}
.info_card4 .cd_cont2 .form_group.sel_type2 {position:absolute;bottom:0;}
.form_group.sel_type2 {display:block;width:100%;background-color:#ffffff;}
.form_group.sel_type2 .form_select {display:block;}
.form_group.sel_type2 .form_select .sel_txt {display:block;padding-left:10px;background-color:#ffffff;font-size:13px;line-height:38px;}
.form_group.sel_type2 .form_select select , .form_group.sel_type2 .form_select select option {font-size:13px;}
.info_card4 .modify_price {left:0;bottom:0;}
.modify_price.type2 {box-sizing:border-box;width:240px;height:40px;border:1px solid #3d5bdc;border-radius:4px;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29,35,69,0.04);text-align:left;}
.modify_price.type2:after {content:'';display:block;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;background:none;}
.modify_price.type2 .input_wrap {color:#666666;font-size:15px;line-height:28px;vertical-align:middle;}
.modify_price.type2 .input_wrap .tit {margin-left:8px;color:#888888;font-size:13px;}
.modify_price.type2 .inp_won {width:55px;height:28px;padding:5px 0 5px 5px;text-align:right;border:none;background:none;color:#333333;font-size:15px;line-height:28px;outline:0;}
.section_promotion {box-sizing:border-box;width:1180px;margin:0 auto;margin-top:40px;padding:20px 30px 20px;border:1px solid #ebeced;border a ^ PVsρ E @'s[>k Pc AԍdS)ZP诏 px 1px 4px 0 rgba(0,13,57,.1);}
.promotion_inner {display:table;width:100%;}
.promotion_inner > div {display:table-cell;}
.section_promotion .tit {color:#333333;font-size:22px;line-height:29px;text-align:left;}
.section_promotion .cont {color:#888888;font-size:15px;text-align:right;vertical-align:top}
.section_promotion .cont strong {color:#3d5bdc;}
.section_promotion .cont .sub {margin-top:5px;font-size:13px;}
.tit_cont3 {margin-top:47px;margin-bottom:30px;color:#333333;font-size:19px;line-height:1;}
.tit_cont3.bdt {margin-top:50px;padding-top:50px;border-top:1px solid #f0f0f0;}
/* 상용차리스 */
#newcar_program01 .info_card:hover,
#newcar_program01 .info_card:focus{box-shadow: 0px 4px 32px 0px rgba(0,13,57,0.2);}
.section_special.type2 .info_card .cd_img {margin:20px 0;}
.section_special.type2 .info_card .cd_cont .copy {height:45px;margin-bottom:0;border-bottom:1px solid #f0f0f0;color:#3d5bdc;font-size:12px;line-height:1.3;}
.section_special.type2 .info_card .cd_cont .copy p {display:table-cell;width:100%;height:35px;padding-bottom:10px;vertical-align:bottom;}
.section_special.type2 .info_card .cd_cont dl dt {margin-top:10px;}
.section_special.type2 .info_card .cd_cont dl dd {margin-top:10px;}
/* .section_keymsg .keymsg_info2 */
.section_info_prdt3 {position:relative;box-sizing:border-box;/*padding:30px 0;*/border:1px solid rgba(14,23,39,0.1);border-radius:4px;background:#ffffff;box-shad a ^ PVsρ E @'s[>k Pc AAdS)ZP3 (0,13,57,.08);
transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.section_info_prdt3:after {content:'';display:block;clear:both;}
.section_info_prdt3.type2{padding:20px 0;}
.box_info_prdt {float:left;width:50%;box-sizing:border-box;padding:20px 30px 30px 30px;border-right:1px solid #f0f0f0;text-align:center;}
.txt_vs + .box_info_prdt {margin-left:-1px;border-right:none;}
.txt_vs {position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;box-sizing:border-box;width:30px;height:30px;border:2px solid #f0f0f0;border-radius:15px;background:#ffffff;color:#888888;font-family:'HYBold';font-size:15px;line-height:26px;text-align:center;}
/*.box_info_prdt{margin-top:-10px;}*/
.box_info_prdt .tit {color:#333333;font-family:'HYBold';line-height:1;}
.box_info_prdt .tit span {font-family:'HYRegular';}
.box_info_prdt .tit_sub {color:#888888;margin-top:5px;}
.box_info_prdt .cont {height:125px;}
.box_info_prdt .cont .txt_main {padding-top:51px;font-size:22px;line-height:1.5}
.box_info_prdt .cont .txt_main strong {color:#888888;}
.box_info_prdt .cont .txt_main.txt_blue strong {color:#3D5BDC}
.box_info_prdt .cont .txt_sub {margin-top:10px;font-size:15px;color:#888888;}
.box_info_prdt .cont p{padding-top:5px;}
.box_info_prdt .cont2 {position:relative;top:12px;padding-top:25px;}
.box_info_prdt .cont2 .list_txt3 li {color:#888888;}
.box_info_prdt .cont2 .list_txt3 li strong {font-family:'HYbold' a ^ PVsρ E @'s[>k Pc AdS)ZP{ 2 ul.terms_dep2 li {position:relative; word-break:keep-all !important;}
.list_txt3.interval10 li {margin-top:10px;}
.info_advantage{}
.info_advantage ul:after {content:'';display:block;clear:both;}
.info_advantage li {float:left;width:158px;padding-left:20px;margin-left:20px;border-left:1px solid #f0f0f0;}
.info_advantage .col2 li{width:340px;}
.info_advantage li:first-child {margin-left:0;border-left:none;}
.info_advantage li .tit {color:#333333;font-family:'HYbold';line-height:1.3;}
.info_advantage li .txt {margin-top:19px;}
.info_advantage.newcar_etc_lease{}/* CP_AUN_013 기타브랜드 리스 */
.info_advantage.newcar_etc_lease li{padding-top:43px;background:url(../../cmmn/images/newcar/ico_genesis_benefit03.png) no-repeat 23px 3px;}
.info_advantage.newcar_etc_lease li.aun13_lease_icon01{padding-top:43px;background:url(../../cmmn/images/newcar/aun13_lease_icon01.png) no-repeat 23px -5px;}
.info_advantage.newcar_etc_lease li.aun13_lease_icon02{padding-top:43px;background:url(../../cmmn/images/newcar/aun13_lease_icon02.png) no-repeat 23px -1px;}
.info_advantage.newcar_etc_lease li:first-child{}
.info_advantage.newcar_etc_lease li .txt{margin-top:9px;}
/* 혜택&서비스 */
.section_benefit3 {padding:0;border-radius:4px;background-color:#0F82BE;
background-image:linear-gradient(135deg, #11B4E3 0%, #0F82BE 100%);background-image:-webkit-linear-gradient(135deg, #11B4E3 0%, #0F82BE 100%);
fil a ^ PVsρ E @'s[>k Pc AdS)ZP觌 orm.Microsoft.gradient(gradientType=1, startColorstr=#0F82BE, endColorstr=#11B4E3);box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.car .section_benefit3 {background-color:#3D5BDC;
background-image:linear-gradient(135deg, #488FF6 0%, #3D5BDC 100%);background-image:-webkit-linear-gradient(135deg, #488FF6 0%, #3D5BDC 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#3D5BDC, endColorstr=#488FF6);box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.section_benefit3 .box {padding:0;color:#ffffff;border-top:1px solid rgba(255,255,255,0.3);}
.section_benefit3 .box:after {content:'';display:block;clear:both;}
.section_benefit3 .box .box_inner {position:relative;float:left;box-sizing:border-box;width:100%;padding:27px 30px;padding-left:110px;/*border-right:1px solid rgba(255,255,255,0.3);*/}
.section_benefit3.part2 .box .box_inner {width:50%;border-left:1px solid #f0f0f0;}
.section_benefit3.part2 .box .box_inner.w100p{width:100%;}
.section_benefit3.part2 .box .box_inner:first-child{border-left:none;}
.section_benefit3.part2 .box.bdt{border-top:1px solid #f0f0f0;}
.section_benefit3.part2 .box.low .box_inner{padding-bottom:15px;}
/*.section_benefit3 .box .box_inner + .box_inner {margin-left:-1px;border-right:none;}*/
.section_benefit3 .box .box_inner .ico {position:absolute;top:30px;left:45px;width:30px;height:30px;}
.section_benefit3 .box .box_inner .tit {margin-bottom:5px;colo a ^ PVsρ E @'s[>k Pc A]dS)ZP ;line-height:1.3;}
/* CP_AUN_020 자동차이용프로그램 */
.section_benefit3.part2{border:1px solid #e6e7e9;box-shadow:0 1px 5px 0 rgba(29,35,69,0.1);background:#ffffff;}
.section_benefit3.part2 .box {color:#666666;/* background:url(../../cmmn/images/newcar/bg_bar_op30.png) repeat-y 50% 0; */}
.section_info_condition {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f0f0f0}
.section_info_condition:after {content:'';display:block;clear:both;}
.section_info_condition .info_tit {float:left;width:380px;}
.section_info_condition .info_tit .tit {color:#333333;font-size:17px;line-height:1;}
.section_info_condition .info_cont {float:right;width:780px;}
/* ***** 개인리스 ***** */
.info_box_wrap {}
.info_box_wrap:after {content:'';display:block;clear:both;}
.info_box_wrap > .box {float:left;width:180px;margin-left:20px;}
.info_box_wrap > .box:first-child {margin-left:0;}
.info_box_wrap > .box.type2 {width:380px;}
.info_box_wrap > .box.type3 {width:100%;}
.info_box_wrap .box .tit_cont3 {margin-top:0;}
.info_box_wrap .box .tit_cont3 span {display:block;line-height:1.3;}
.info_box_wrap .box .section_info_prdt3 {box-sizing:content-box;/*height:230px;*/}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt {padding:20px 30px 30px 30px;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt.w100p {float:none;width:100%;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .t a9 ^ PVsρ E @'s[>k Pc AdS)ZP* .info_box_wrap .box .section_info_prdt3 .box_info_prdt .tit {font-size:13px;line-height:1.3;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .tit span {}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .tit_sub {margin-top:0}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont {height:117px;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont .txt_main {padding-top:0;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont .txt_main strong {display:block}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont.type2 {height:60px;}
/* 혜택&서비스 */
.section_step {}
.step_row {padding:34px 0 36px;border-top:1px solid #f0f0f0;}
.section_step .step_row:first-child {padding-top:0;border-top:none;}
.section_step .tit_wrap {margin-bottom:20px;color:#333333;font-size:19px;}
.section_step .step_ico {}
.section_step .step_ico ol:after {content:'';display:block;clear:both;}
.section_step .step_ico li {position:relative;float:left;box-sizing:border-box;width:246px;padding-left:50px;margin:0 0 0 20px;text-align:left;}
.section_step .step_ico li:first-child {margin-left:0}
.section_step .step_ico li .ico {display:block;position:absolute;top:0;left:0;overflow:hidden;width:30px;height:30px;background:url(../../cmmn/images/newcar/ico_step_nclease.png) no-repeat 0 0;}
.section_step .step_ico li .step_order {margin-bottom:10px;color:#3d5bdc}
.section_step .step_ a> < < PVs ^ E (I@ ks[>c PdS)Z AP c a@ < < PVs ^ E (I@ ks[>c PdS)Z A PW aB < < PVs ^ E (I@ ks[>c PdS)Z AP @ aD < < PVs ^ E (I@ ks[>c PdS)Z AqPLX aG < < PVs ^ E (I@ ks[>c PdS)Z AAP 5 aI < < PVs ^ E (I@ ks[>c PdS)Z AP *A aX ^ PVsρ E @'s[>k Pc AdS)ZPF -bottom:15px;color:#333333;font-size:15px;line-height:1.3;}
.section_step .step_ico li .step_cont {padding-right:20px;}
.section_step .step_ico.step_nc_lease.order1 .step1 .ico {background-position:0 0}
.section_step .step_ico.step_nc_lease.order1 .step2 .ico {background-position:-30px 0}
.section_step .step_ico.step_nc_lease.order1 .step3 .ico {background-position:-60px 0}
.section_step .step_ico.step_nc_lease.order2 .step1 .ico {background-position:0 -30px}
.section_step .step_ico.step_nc_lease.order2 .step2 .ico {background-position:-30px -30px}
.section_step .step_ico.step_nc_lease.order3 .step1 .ico {background-position:0 -60px}
.section_step .step_ico.step_nc_lease.order3 .step2 .ico {background-position:-30px -60px}
.lypop2 .ly_cont .list_select_car + .txt_cmnt {width:1180px;margin:0 auto;margin-top:-40px;}
.info_amount2 {}
.info_amount2 .price {margin-top:37px;color:#3d5bdc;font-size:22px;line-height:1;}
.info_amount2 .txt {margin-top:19px;color:#888888;}
/* CP_AUN_020_02 */
.lypop2 .ly_cont .tit_cont {width:1180px;margin:0 auto;color:#333333;font-size:19px;line-height:1;text-align:left;}
.info_amount_detail {width:680px;margin:0 auto;margin-top:47px;text-align:left;}
.info_amount_detail .tit {color:#333333;font-size:19px;line-height:1;}
.info_amount_detail .tbl {margin-top:10px;}
.info_amount_detail .tbl table {}
.info_amount_detail .tbl table thead th {padding:17px 0;color:#888888;f az ^ PVsρ E @'s[>k Pc AydS)ZP' er-bottom:1px solid #f0f0f0; text-align:center;}
.info_amount_detail .tbl table thead th:first-child{color:#888888;font-family:'Hyregular';}
.info_amount_detail .tbl table tbody th, .info_amount_detail .tbl table tbody td {padding:17px 0;border-top:1px solid #f0f0f0; text-align:center;}
.info_amount_detail .tbl table tbody th {color:#888888;}
.info_amount_detail .tbl table tbody td {color:#333333;font-family:'HYbold';}
.lypop2 .info_amount_detail .tbl table tbody td {color:#333333;font-family:'HYRegular';}
.info_amount_detail .tbl table tbody td.ori {color:#666666;font-family:'HYRegular';}
.info_amount_detail .tbl table tbody tr:first-child th, .info_amount_detail .tbl table tbody tr:first-child td {border-top:none;}
.info_amount_detail .tbl table tr.point_color th,
.info_amount_detail .tbl table tr.point_color td,
.info_amount_detail .tbl table .point_color{color:#3d5bdc;}
.section_promotion.type2 {}/* 프로모션 리스트 타입 : 개인리스 */
.section_promotion.type2 {box-sizing:border-box;width:680px;margin:0 auto;margin-top:40px;padding:0;border:none;border-radius:4px;box-shadow:none;}
.section_promotion.type2 .promotion_list {box-sizing:border-box;width:680px;margin:0 auto;margin-top:40px;padding:30px 30px 20px;border-radius:4px;box-shadow: 0px 4px 16px 0px rgba(0,13,57,.10);}
.section_promotion.type2 .promotion_list .list li {text-align:left;}
/* 자동차리스 */
.car .section_info a ^ PVsρ E @'s[>k Pc B-dS)ZP ackground-color:#3d5bdc;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.car .section_info_prdt .box_info.bg_b2 {background-color:#4067e2;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.car .section_info_prdt .box_info.bg_b3 {background-color:#4684f1;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
.car .section_info_prdt .box_info.bg_b4 {background-color:#488ff6;box-shadow:0 1px 5px 0 rgba(25,143,204,0.4);}
/* .car .section_info_prdt .box_info.bg_wht dt.tit {color:#3D5BDC;} */
.section_info_prdt.type2 {}/* w780/w1000 */
.section_info_prdt.type2 > ul > li {margin-top:40px;}
.section_info_prdt.type2 > ul > li:first-child {margin-top:0;}
.section_info_prdt.type2 .box_info .info1.fs_md {font-size:22px;line-height:1.3;}
.loan .section_info_prdt.type2 .box_info .info1.fs_md {font-size:19px;line-height:1.3;}
.section_info_prdt.type2 .box_info .info1.fs_sm {font-size:19px;line-height:1.3;}
.section_info_prdt.type2 .col4 .box_info {width:350px;}
.section_info_prdt.type2 .col3 .box_info {width:246px;}
.section_info_prdt.type2 .col2 .box_info {width:380px;}
.section_info_prdt.type2 .col1 .box_info {width:780px;}
.section_info_prdt.type2 .box_info .info2 {margin-right:20px;}
.section_info_prdt .box_info.h150 {height:152px;}
.section_info_prdt .box_info.h180 {height:182px;}
.section_info_prdt .box_info.h_free {height:302px;}
.box_info dl.dp_t {display:table;width:100%}
.box_info dl.dp_t dt {display:table-cell a ^ PVsρ E @'s[>k Pc BdS)ZP} l.dp_t dd {display:table-cell;width:75%;}
.section_info_prdt.type2 .box_info .info2 ul li {color:#888888;}
.step_use.step_newcarlease4 ol li .ico {left:40px;background-image:url(../../cmmn/images/newcar/ico_step_newcarlease4.png);}
.step_use.step_newcarlease4 ol li {padding-top:58px;background:none;}
.step_use.step_newcarlease4 ol li .step_tit {font-size:13px;margin-bottom:10px;}
.step_use ol.col6 li {width:100px;padding-left:35px;}
.step_use ol.col6 li.step7 {clear:left;margin-left:0;padding-left:0;background:none;}
.step_use ol.col6 li.step7, .step_use ol.col6 li.step8, .step_use ol.col6 li.step9 {margin-top:20px;}
.step_use ol.col6 li.step7 .ico {left:0;}
.section_info3.bdt {margin-top:25px;padding:60px 0 0;border-top:1px solid #f0f0f0;}
.section_info3 .tit {margin-bottom:20px;color:#333333;font-size:19px;line-height:25px;}
.section_info3 > ul:after {content:'';display:block;clear:both;}
.section_info3 > ul > li {float:left;margin-left:20px;}
.section_info3 > ul > li:first-child {margin-left:0;}
.section_info3 > ul.col2 > li {width:380px;}
.section_info3 > ul.col3 > li {width:246px;}
.section_info3 .tbl_info {}
.tbl_info table {width:100%;table-layout:fixed;border-collapse:collapse;}
.tbl_info table thead th {padding:12px 0 11px 0;border-bottom:1px solid #f0f0f0;color:#888888;text-align:left;}
.tbl_info table td {padding:12px 0 11px 0;border-top:1px solid #f0f0f0;color:#666666;line-height:1. a ^ PVsρ E @'s[>k Pc B
dS)ZP
.tbl_info table td {color:#333333}
.tbl_info table td.sub {color:#888888;text-align:right;}
.tbl_info table td.sub2 {color:#666666;padding-left:40px;}
.tbl_info table tbody tr:first-child th, .tbl_info table tbody tr:first-child td {border-top:none;}
.tbl_info.bdb{border-bottom:1px solid #f0f0f0;}
#contents_bottom + .footer_banner_wrap.fb_newcar .footer_banner {border-top:none}
/* 자동차프로그램 */
.event_area{width:100%;}
.event_area:after {content:'';display:block;clear:both}
.event_area .event_box {width:380px;border-radius:4px;box-shadow:0 2px 25px 0 rgba(29,35,69,0.13);}
.event_area .event_box.type1 {float:left;}
.event_area .event_box.type2 {float:right;}
.event_area .event_box .con {position:relative;height:150px;padding:18px 0 0 20px;box-sizing:border-box;border:0px solid #000000;border-radius:4px 4px 0 0;}
.event_area .event_box .con .tit_s {padding-bottom:13px;color:#ffffff;font-size:13px;font-family:'HYBold'}
.event_area .event_box .con .tit {color:#FFFFFF;font-size:19px;line-height:1.3}
.event_area .event_box .btm {padding:15px 0 15px 20px;border:0px solid #000000;border-radius:0 0 4px 4px;}
.event_area.newcar_program .event_box.type1 .con {background:url(../../cmmn/images/newcar/img_newcar_program_event1.jpg) no-repeat 50% 50%;}
.event_area.newcar_program .event_box.type2 .con {background:url(../../cmmn/images/newcar/img_newcar_program_event2.jpg) no-repeat 50% 50%;}
.ste a$ ^ PVsρ E @'s[>k Pc BIdS)ZP m ol li {}
.step_use.step_newcar_program ol li .ico {left:0;background-image:url(../../cmmn/images/newcar/ico_step_use_step_newcarprogram.png);}
.step_use.step_newcar_program ol li p {font-size:13px;}
.step_use.step_newcar_program ol li .step_tit {margin-bottom:9px;font-size:13px;}
.step_use.step_newcar_program ol li .tit {margin-bottom:14px;color:#333333}
.step_use.step_newcar_program ol li .txt {color:#666666}
.step_use ol.col4 li {width:25%;background:none;padding-left:0;}
/* 기타브랜드 */
.info_card2.type3 {width:100%;margin-top:10px;}/* 가로타입 */
.info_card2.type3:after {content:'';display:block;clear:both;}
.info_card2.type3 .cd_img {float:left;width:50%;}
.info_card2.type3 .cd_img a {width:390px;height:200px;}
.info_card2.type3 .cd_tit {float:right;box-sizing:border-box;width:50%;margin-top:5px;padding-left:20px;}
.info_card2.type3 .cd_cont {float:right;box-sizing:border-box;width:50%;padding-left:20px;}
.info_card2.type3 .cd_cont .txt {font-size:13px;}
.step_use.step_newcar_etc1 ol li .ico {background-image:url(../../cmmn/images/newcar/ico_step_newcar_etc1.png);}
.step_use.step_newcar_etc1 ol li {padding-top:50px; padding-bottom:30px; color:#333;}
.step_use.step_newcar_etc1 ol li .step_tit {color:#3d5bdc;font-size:13px;margin-bottom:10px;}
.step_use.step_newcar_etc1 ol li p{font-size:15px; color:#333;}
.step_use.step_newcar_etc1 ol li p{white-space:nowrap;}
.list_benefit2 aJ ^ PVsρ E @'s[>k Pc BdS)ZP( ng-left:50px;}
.list_benefit2 dt {position:absolute;top:0;left:0}
.list_benefit2 dd + dd {margin-top:5px}
/* 중고차론다이렉트 */
.step_use2 {}
.step_use2 ol:after {content:'';display:block;clear:both;}
.step_use2 ol li {position:relative;float:left;width:25%;margin-left:20px;padding-top:47px;font-size:15px;line-height:18px;text-align:left;}
.step_use2 ol li:first-child {margin-left:0 !important;}
.step_use2 ol li .ico {display:block;position:absolute;top:0;left:0;overflow:hidden;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;}
.step_use2 ol li:first-child .ico {left:0 !important;}
.step_use2 ol li.step2 .ico {background-position:-30px 0;}
.step_use2 ol li.step3 .ico {background-position:-60px 0;}
.step_use2 ol li.step4 .ico {background-position:-90px 0;}
.step_use2 ol li.step5 .ico {background-position:-120px 0;}
.step_use2 ol li.step6 .ico {background-position:-150px 0;}
.step_use2 ol li .step_tit {color:#333333;}
.step_use2 ol li .step_tit span {display:block;margin-bottom:7px;color:#3D5BDC;font-size:13px;}
.step_use2 ol.col2 li {width:370px;}
.step_use2 ol.col3 li {width:246px;}
.step_use2 ol.col4 li {width:180px;}
.step_use2.step_oldcar_direct ol li .ico {background-image:url("../../cmmn/images/oldcar/ico_step_oldcar_direct.png");}
.step_use2.step_oldcar_lease ol li .ico {background-image:url(../../cmmn/images/oldcar/ico_step_oldcar_lease.png);}
.ste a < < PVs ^ E (I@ ~ks[>c PdS)Z AP a < < PVs ^ E (I@ }ks[>c PdS)Z AyP a < < PVs ^ E (I@ |ks[>c PdS)Z BP * a < < PVs ^ E (I@ {ks[>c PdS)Z BIP an < < PVs ^ E (I@ zks[>c PdS)Z B P o an ^ PVsρ E @'s[>k Pc B dS)ZP ol li .ico {background-image:url(../../cmmn/images/oldcar/ico_step_oldcar_rent.png);}
/* AUO_001 */
.info_card2.type4 {width:100%;margin-top:10px;}
.info_card2.type4:after {content:'';display:block;clear:both;}
.info_card2.type4 .cd_img {float:left;width:370px;}
.info_card2.type4 .cd_img .img_card {height:210px;padding:0;text-align:center;vertical-align:middle;}
.info_card2.type4 .cd_img .img_card a{display:block;width:330px;height:170px;padding:20px;}
.info_card2.type4 .cd_img .img_card a span{display:block;width:100%;height:100%;background:url(../../cmmn/images/newcar/img_loan_ncar_type1.gif) no-repeat center center;} /* 2020-10-12 웹접근성 JMJ : 이미지 변경 */
.img_card, .link_card {display:block;box-sizing:border-box;padding:20px;border:1px solid rgba(14,23,39,0.1);border-radius:4px;background:#ffffff;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08);
transition:all 0.2s ease;-webkit-transition:all 0.2s ease;/*outline:0;*/}
.img_card:hover, .img_card:focus {border:1px solid rgba(14,23,39,0);box-shadow: 0px 4px 32px 0px rgba(0,13,57,.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#oldcar_direct02 .img_card:hover, #oldcar_direct02 .img_card:focus {border:1px solid rgba(14,23,39,0.1);border-radius:4px;background:#ffffff;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.info_card2.type4 .cd_cont {float:right;width:370px;ma a ^ PVsρ E @'s[>k Pc B$edS)ZPM 2.type4 .dl_wrap{overflow:hidden;}
.info_card2.type4 .cd_cont dl{float:left;width:25%;}
.info_card2.type4 .cd_cont .title{color:#333333;font-size:15px;}
.info_card2.type4 .cd_cont .txt{min-height:0;padding-top:11px;}
.info_card2.type4 .cd_cont .tit {margin-top:41px;padding:41px 0 15px;border-top:1px solid #f0f0f0;color:#333333;font-size:15px;}
.info_card2.type4 dl dd {padding-top:1px;color:#333333;font-size:15px;}
.info_card2.type4 dl .total{color:#333333;}
/* 중고차리스 */
.info_card.type2 .cd_cont dl:first-child {border-top:1px solid #f0f0f0;border-bottom:none;}
.info_card.type2 .cd_cont dl:first-child dt {margin-bottom:0;margin-top:12px;color:#666666;}
.info_card.type2 .cd_cont dl:first-child dd {margin-bottom:0;margin-top:12px;color:#3d5bdc;}
.info_card.type2 .info_back .cd_cont {position:absolute;top:131px;width:100%;}
.info_card.type2 .info_back .cd_cont .info_box {}
.info_card.type2 .info_back .cd_cont .info_box + .info_box {padding-top:17px;margin-top:17px;border-top:1px solid #f0f0f0;}
.info_card.type2 .info_back .cd_cont p.price {color:#3d5bdc;font-size:15px;line-height:1.3;}
.info_card.type2 .info_back .cd_cont p.desc {margin-top:8px;color:#666666;font-size:12px;}
.info_service_box {padding:20px 0;border:1px solid #e6e7e9;border-radius:4px;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.1);}
.info_service_box > ul:after {content:'';display:block;clear:both;}
.info_service_box > ul > a ^ PVsρ E @'s[>k Pc B*dS)ZP^ ng:border-box;width:33.33%;border-left:1px solid #f0f0f0}
.info_service_box > ul > li:first-child {border-left:none !important;}
.info_service_box > ul.col1 > li {width:100%;}/* 2019-01-02 JMJ */
.info_service_box > ul.col2 > li {width:50%;}
.info_service_box > ul.col3 > li {width:33.33%;}
.info_service_box .info_box {position:relative;box-sizing:border-box;height:200px;padding:0 30px;}
.info_service_box .info_box .ico {width:110px;height:46px;margin-bottom:47px}
.info_service_box .info_box .tit {margin-bottom:13px;color:#333333;font-family:'HYBold';font-size:15px;line-height:1.3}
.info_service_box .info_box .cont_wrap {}
.info_service_box .info_box.h100 {height:100px;}
.info_service_box .info_box.h_auto {height:auto;}/* 2019-01-02 JMJ */
.info_service_box.premium {padding:30px 0;border:none;border-radius:4px;box-shadow: 0px 1px 5px 0px rgba(0,13,57,.1);
background-image:linear-gradient(135deg, #333333 0%, #111111 100%);background-image:-webkit-linear-gradient(135deg, #333333 0%, #111111 100%);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#111111, endColorstr=#333333);}
.info_service_box.premium > ul > li {border-left:1px solid rgba(255,255,255,0.1)}
.info_service_box.premium .info_box {height:245px;}
.info_service_box.premium .info_box .ico {width:110px;height:100px;}
.info_service_box.premium .info_box .tit {margin-bottom:10px;color:#ffffff;font-size:15px;li a ^ PVsρ E @'s[>k Pc B/dS)ZPE rvice_box.premium .info_box .list_txt2 > ul > li {position:relative; background:none; color:#cccccc;}
.info_service_box.premium .info_box .list_txt2 > ul > li:before {display:block; content:"·"; position:absolute; left:-2px; top:-1px;}
.bdt40 {margin-top:50px;/*padding-top:46px;*/padding-top:40px;border-top:1px solid #f0f0f0;}
.list_benefit > ul > li {position:relative;margin-top:11px;padding-top:16px;padding-left:45px;border-top:1px solid #f0f0f0}
.list_benefit > ul > li:first-child {border-top:none}
.list_benefit > ul > li .ico {position:absolute;top:20px;left:0;}
.list_benefit > ul > li .cont_wrap {color:#666666;}
.list_benefit > ul > li .cont_wrap .tit {margin:0 0 3px;color:#333333;font-size:15px;}
/* 오퍼카드 */
.offer_cont .rp_wrap{display:none;position:relative;/*overflow:hidden;*/width:1180px;padding-top:40px;margin:0px auto;}
.offer_cont .cur_product{position:relative;float:left;width:200px;height:290px;}
.offer_cont .cur_product p{padding-top:18px;margin-right:20px;font-size:17px;color:#333;line-height:140%;word-break:keep-all}
.offer_cont .cur_product img.photo{position:absolute;bottom:0;left:0px;width:180px;height:auto;}
.offer_cont .product_list .bn_area{display:none;position:absolute;left:-200px;bottom:88px;width:180px;height:auto;padding-top:20px;border-top:1px solid #f0f0f0;background:url(../../cmmn/images/main/bn_promo.png) no-repeat right bottom}
.offer_cont .product_list .b a ^ PVsρ E @'s[>k Pc B5dS)ZP( ne-block;padding-right:10px;margin-bottom:10px;color:#333333;font-family:'HYBold';background:url(../../cmmn/images/main/bn_promo.png) no-repeat right 4px}
.offer_cont .product_list .bn_area .txt{font-size:13px;color:#666666}
.rp_wrap.car .bn_area{display:block;}
.offer_cont .product_list{position:relative;float:right;}
.offer_cont .product_list ul li{position:relative;opacity:1;float:left; width:176px;margin:0 10px;border:2px solid transparent;border-radius:4px;background:#ffffff;box-shadow:0px 4px 16px 0px rgba(0,13,57,0.10);}
.offer_cont .product_list ul li:first-child{margin-left:0;}
.offer_cont .product_list ul li a{display:block;height:200px;padding:20px 20px 71px;}
.offer_cont .product_list ul li a span{display:block;}
/*.offer_cont .product_list ul li a .cate{position: relative; top: -1px; display: inline-block; margin-left: 10px; height: 15px; padding: 1px 2px 0; color: #3d5bdc; font-size: 11px; line-height: 1; background: #ffffff; border: 1px solid #488ff6; border-radius: 2px; text-align: center; box-sizing: border-box; vertical-align: middle;}*/
.offer_cont .product_list ul li a .tit{padding-left:4px;font-size:15px;font-family:'HYBold';color:#333333}
.offer_cont .product_list ul li a .txt{height:50px;padding:5px 0 0 4px;color:#888;line-height:150%;}
.offer_cont .product_list ul li a .info{display:table;width:100%;min-height:125px;text-align:center;}
.offer_cont .product_list ul li a .info .p a ^ PVsρ E @'s[>k Pc B;5dS)ZP rtical-align:middle;font-size:25px;color:#3D5BDC;margin:13px 0 11px}
.offer_cont .product_list ul li a .info .pay .month{font-size:13px;}
.offer_cont .product_list ul li a .info .mon{padding-bottom:3px;color:#3D5BDC;}
.offer_cont .product_list ul li a .benefit{position:absolute;bottom:0;width:100%;border-top:1px solid #f0f0f0;left:0px;padding:13px 20px 14px;box-sizing:border-box;}
.offer_cont .product_list ul li a .benefit span{position:relative;bottom:0px;float:none;width:100%;/*width: auto;*/;height:auto;padding-top:1px;margin:0px;box-shadow:0px 0px 0px 0px transparent;opacity:1;border:0px;border-radius:0px;color:#333333}
.offer_cont .product_list ul li a .benefit span{width:135px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.offer_cont .product_list div.desc{clear:left;padding-top:40px;color:#888888;font-size:12px}
.offer_cont .product_list div.desc p{margin-bottom:3px}
.offer_cont .product_list div.desc em{color:#666666}
.offer_cont button.btn_close{position:absolute;top:40px;right:0;width:22px;height:22px;background:transparent;}
.offer_cont .product_list ul li.on{border-color:#488FF6;box-shadow:0px 4px 32px 0px rgba(0,13,57,0.32);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.offer_cont .product_list ul li.on .tit{color:#3D5BDC;}
.offer_cont .product_list ul li:hover, .offer_cont .product_list ul li:focus, .offer_cont .product_list ul li:active{border-c a ^ PVsρ E @'s[>k Pc B@dS)ZP 0px 4px 32px 0px rgba(0,13,57,0.32);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.offer_cont .loan .product_list ul li a .info .pay{color:#11b4e3;font-size:17px;font-family:'Hybold';}
.offer_cont .loan .product_list ul li a .benefit{text-align:center;}
.offer_cont .loan .product_list ul li.on .tit{color:#11b4e3;}
.offer_cont .loan .product_list ul li:first-child a .info .pay br{display:none;}
.offer_cont .loan .product_list ul li:first-child a .info .pay br.w1180{display:block;}
.offer_cont .loan .product_list ul li.on{border-color:#11B4E3;box-shadow:0px 4px 32px 0px rgba(0,13,57,0.32);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.offer_cont .loan .product_list ul li.on a h3{color:#0F82BE;}
.offer_cont .loan .product_list ul li a .info h4{font-size:17px;line-height:150%;color:#0F82BE;margin-bottom:42px; font-family:'HYBold';}
.offer_cont .loan .product_list ul li a .pay_info p strong{color:#0F82BE;}
.offer_cont .loan .product_list ul li a ul.benefit{width:176px;left:19px;padding:11px 0px;}
.offer_cont .loan .product_list ul li a ul.benefit li{text-align:center;}
/* offer card */
.product_list ul li a .cate{/*position: relative; top: -1px;*/ display: inline-block; margin-left: 10px; height: 15px; padding: 1px 2px 0; color: #3d5bdc; font-size: 11px; line-height: 1; background: #ffffff; border: 1px solid #488ff6; border-radius: 2px; text-align: center; box-sizing: border a ^ PVsρ E @'s[>k Pc BFdS)ZP0 ddle;}
.main_result_product .product_list ul li a .cate{position:absolute;top:126px;left:50%;margin-left:-22px;}
/* Auto Club */
/*.autoclub_h{background:url(../../cmmn/images/common/bg_autoclub.png) repeat-x 0 601px}*/ /* 2019-01-02 JMJ */
.autoclub_h #contents_top .tit_page{width:1180px}
.autoclub_h #contents_top h1.tit{padding-left:0}
.auto_club{height:520px;}
.auto_club .tit_page{width:1180px}
.auto_club .keymsg_info .msg_ty1{font-size:34px;color:#fad743;line-height:1.3;}
.auto_club .keymsg_info .msg_ty2{font-size:17px;}
.auto_club .keymsg_info .symbol{padding:34px 0 34px;}
.auto_club .keymsg_btn button,.auto_club .keymsg_btn a{display:inline-block;float:none;min-width:280px; margin-top:40px;}
.autoclub_h .section_info_prdt .box_info.bg_wht dt.tit{color:#333333}
.autoclub_h .section_info_prdt .col3 .box_info{height:200px}
.autoclub_h .section_info_prdt .box_info.bg_b1{background-color:#3d5bdc;background-image:linear-gradient(180deg, #488ff7 0%, #3d5bdc 100%);background-image:-webkit-linear-gradient(180deg,#488ff7 0%,#3d5bdc 100%);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#488ff7,endColorstr=#3d5bdc);box-shadow:0 1px 5px 0 rgba(72,143,247,0.4)}
.autoclub_h .section_info_prdt .box_info.bg_b2{background-color:#0593a6;background-image:linear-gradient(180deg, #00bac0 0%, #0593a6 100%);background-image:-webkit-linear-gradient(180deg,#00bac0 0%,#0593a6 100%);filt a ^ PVsρ E @'s[>k Pc BLQdS)ZPI rm.Microsoft.gradient(gradientType=1,startColorstr=#00bac0,endColorstr=#0593a6);box-shadow:0 1px 5px 0 rgba(0,186,192,0.4)}
.autoclub_h .section_info_prdt .box_info.bg_b3{background-color:#0f82be;background-image:linear-gradient(135deg, #11b4e3 0%, #0f82be 100%);background-image:-webkit-linear-gradient(135deg,#11b4e3 0%,#0f82be 100%);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#11b4e3,endColorstr=#0f82be);box-shadow:0 1px 5px 0 rgba(17,180,227,0.4)}
.autoclub_h .section_info_prdt .box_info .info1{font-size:26px}
.autoclub_h .section_info_prdt .box_info .info2{left:20px;right:20px;font-size:15px}
.autoclub_h .box_info .txt_process{padding-top:17px;margin-top:20px;line-height:15px;border-top:1px solid #f0f0f0}
.autoclub_h .box_state {display:inline-block;height:12px;margin:3px 0 0 5px;padding:0 4px 2px;text-align:center;border:1px solid #1e88e5;border-radius:3px;color:#1e88e5;background-color:#FFFFFF;font-size:10px;line-height:14px;vertical-align:top}
.autoclub_h .box_state.gray{color:#888888;border-color:#DDDDDD}
.autoclub_h .section_app{height:350px;text-align:center;border:none}
.autoclub_h .section_app .sec_tit .icon{display:inline-block;width:80px;height:80px;margin:59px 0 23px;background:url(../../cmmn/images/common/img_autoclub.png) no-repeat 0 0}
.autoclub_h .section_app .sec_tit .title{font-size:26px;padding:0 0 14px}
.autoclub_h .section_app .sec_cont p{font-si a ^ PVsρ E @'s[>k Pc BRdS)ZP\ }
.autoclub_h .section_app .app_link a{display:inline-block;width:107px;height:36px;margin-left:7px;padding-left:33px;padding-top:11px;background:url(../../cmmn/images/membership/ico_mem_app.png) no-repeat 15px 10px;background-color:#ffffff;}
.autoclub_h .section_app .app_link a:first-child{margin-left:0}
.autoclub_h .section_app .app_link .ios{background-position:25px -18px;}
.autoclub_h .section_app .sec_cont p{font-size:15px;padding:0 0 25px}
.autoclub_h .info_card2.type4{margin-top:2px}
.autoclub_h .info_card2.type4 .cd_img .img_card{width:380px;height:360px;background-color:#1976d2;background-image:linear-gradient(180deg, #2aa0fd 50%, #1976d2 100%);background-image:-webkit-linear-gradient(180deg, #2aa0fd 0%, #1976d2 100%);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#2aa0fd, endColorstr=#1976d2);box-shadow:0 1px 5px 0 rgba(0,13,57,0.27);border:none}
.autoclub_h .info_card2.type4 .cd_img .img_card .icon{display:inline-block;margin-top:107px;width:80px;height:80px;background:url(../../cmmn/images/common/img_autoclub.png) no-repeat 0 -100px}
.autoclub_h .info_card2.type4 .cd_img .img_card .txt{padding:20px 0 0;font-size:15px;color:#fad743;line-height:23px}
.autoclub_h .info_card2.type4 .cd_cont{width:380px;margin-top:-5px}
.autoclub_h .info_card2.type4 .cd_cont .title{font-size:19px}
.autoclub_h .info_card2.type4 .cd_cont .txt{font-size:15px;padding-top:5px;line-hei a- ^ PVsρ E @'s[>k Pc BWdS)ZP踢 info_card2.type4 .cd_cont .txt_fs13{padding-top:0}
.autoclub_h .txt_alert{padding-top:11px;margin-top:27px;border-top:1px solid #f0f0f0}
.autoclub_h .txt_alert li{padding-left:9px; text-indent:-11px;}/* 2018-09-20 JMJ */
.autoclub_h .step_use ol li .step_tit{margin-top:0;line-height:13px}
.autoclub_h .step_use ol li .step_tit strong{display:block;padding-top:7px}
.autoclub_h .step_use .box_state{margin:-1px 0 0 5px}
.autoclub_h .step_use ol li{background:none} /* 17.09.07 add by SMH : 개발계누락으로 추가 */
.autoclub_h .step_use.step_car ol li .ico{top:-8px;width:32px;background-image:url(../../cmmn/images/common/img_autoclub.png)}
.autoclub_h .step_use ol li.step1 .ico{width:36px;background-position:0 -192px}
.autoclub_h .step_use ol li.step2 .ico{background-position: -40px -192px}
.autoclub_h .step_use ol li.step3 .ico{background-position: -80px -192px}
.autoclub_h .step_use ol li.step4 .ico{background-position: -120px -192px}
.autoclub_h .step_use ol li p{margin-top:10px;line-height:20px}
.autoclub_h .step_use ol li .link_arr{margin-top:9px;line-height:13px;background-position:right -2px}
/* 2019-01-02 JMJ */
.autoclub_h .section_benefit3 .step_use .ico{background-image:url(../../cmmn/images/common/img_autoclub.png); top:22px;}
.autoclub_h .section_benefit3 .step_use .ico_1{background-position: -40px -192px;}
.autoclub_h .section_benefit3 .step_use .ico_2{background-position: -80px a; ^ PVsρ E @'s[>k Pc B]mdS)ZPT 2 JMJ */
.auto_btm .list_faq{border:1px solid #eeeeee;padding:20px}
.auto_btm .list_faq > ul > li .question{padding:0px;background: url(../../cmmn/images/membership/btn_fold.gif) no-repeat 100% 0;}
.auto_btm .list_faq > ul > li > a h3:hover{color: #1e88e5; }
.auto_btm .list_faq > ul > li > a:hover{background-image: url(../../cmmn/images/membership/btn_fold_hover.gif);}
.auto_btm .list_faq > ul > li.on > a{background-image: url(../../cmmn/images/membership/btn_unfold.gif);}
/* 2019-01-02 JMJ : [캐피탈] 홈페이지 내 오토클럽 페이지 layout 변경 */
.autoclub_h .tbl_info table.type1 th {font-size:13px; color:#888; text-align:left; padding:0 10px 10px 10px; width:100%; vertical-align:top;}
.autoclub_h .tbl_info table.type1 td {text-align:left; padding:2px 10px; border-top:none;}
.autoclub_h .tbl_info table.type1 td.right {text-align:right;}
/* //2019-01-02 JMJ : [캐피탈] 홈페이지 내 오토클럽 페이지 layout 변경 */
@media all and(max-width:1180px){
.box_info_prdt .cont2 {position:relative; width:310px; top:12px;padding-top:25px; word-break:break-all;}
}
@media all and (max-width:1578px) {
.apply_bottom .list_agree {margin-left: 5px;}
.apply_bottom .list_agree li:first-child {width:286px;text-align: right;}
}
/* width : 1520 정의 */
@media all and (min-width:1579px) {
.section_special.event_fb, .section_special.type2 {width:1565px;margin-top:-40px;margin-left:-4 aF ^ PVsρ E @'s[>k Pc Bc!dS)ZP
{width:1520px;}
.main .section_wrap2 .section {width:1520px;padding:60px 0 60px;}
.main .section_wrap2 .section .sec_tit {font-size:26px;}
.main .section_wrap2 .section .sec_cont {float:right;width:1000px;}
.main .section_wrap2 .section .sec_tit .tit {font-size:26px;line-height:28px;}
/* full width */
.main .section_wrap2 .section.type2 .sec_tit {float:none;width:100%;margin-bottom:30px;}
.main .section_wrap2 .section.type2 .sec_cont {float:none;width:100%;}
.main #contents_top > .contents_top_inner .tit_page {width:1520px;}
.main .tit_page {width:1520px;}
.banner_apply {width:1520px;}
.banner_apply .sec_inner {width:1520px;}
.banner_apply .sec_inner .box_apply:first-child {width:760px;}
.banner_apply .sec_inner .box_apply {width:759px;}
.banner_apply.fixed .sec_inner {margin-left:-760px;}
.apply_bottom p {letter-spacing:0px;}
.apply_top {padding:0 200px 0 180px;}
.box_call .apply_top {padding:0 200px 0 198px}
.main .section_benefit ul li {float:left;width:220px;padding-left:40px;}/*2020-02-24 KTH : [WEB] 신용_신용대출 CHANGE 사업자 추가*/
.main .section_benefit ul.col3 li {width:305px;} /* 2020-06-19 JMJ : [WEB] 신용대출 CHANGE_문구 수정 및 할인혜택 삭제 */
.main .section_benefit ul li.n3 {margin-top:0px;}/*2020-02-24 KTH : [WEB] 신용_신용대출 CHANGE 사업자 추가*/
.main .section_benefit ul li.n4 {margin-top:0px;}/*2020-02-24 KTH : aS ^ PVsρ E @'s[>k Pc BhdS)ZPz CHANGE 사업자 추가*/
.main .section_benefit ul li:first-child {padding-left:0;}
.main .section_review ul li {width:480px;padding-left:40px;}
.main .section_review ul li:first-child {padding-left:0}
.section_info_prdt > ul > li {margin-top:40px;}
.section_info_prdt .box_info {height:200px;margin-left:40px;border-radius:4px;}
.section_info_prdt .box_info .info1{font-size:26px;}
.section_info_prdt .box_info .info1.fs_md {font-size:22px;line-height:1.3;}
.loan .section_info_prdt .box_info .info1.fs_md {font-size:19px;line-height:1.3;}
.section_info_prdt .box_info .info1.fs_sm {font-size:19px;line-height:1.3;}
.section_info_prdt .col4 .box_info {width:350px;}
.section_info_prdt .col3 .box_info {width:480px;}
.section_info_prdt .col2 .box_info {width:740px;}
.section_info_prdt .col1 .box_info {width:1520px;}
.section_info_prdt .info_target .box_info {width:33.33%;height:auto;margin-left:0;}
.section_info2 > ul > li {width:220px;margin-left:40px;}
.step_use.step_house ol li {width:110px;padding-left:60px;}
.step_use.step_house ol li .ico {left:60px;}
/* 장기렌터카 CP_AUN_019 */
.section_info_prdt4 .col2 .sec{width:480px;margin-left:40px;}
.section_info_prdt4 .col2 .sec:first-child{margin-left:0;}
.section_info_prdt4 .box_info{height:402px;}
/* .newcar_program.section_info_prdt4 .box_info{height:420px;}자동차이용프로그램 CP_AUN_020 */
/* 자동 a_ ^ PVsρ E @'s[>k Pc BndS)ZP */
.step_use.step_car ol li {width:170px;margin-left:40px;}
/* 이용방법 *//* 2018-10-23 CDH : 모니터링 */
.step_use.step_car ol li.step4{width:170px;margin:0 0 0 40px}
.step_use.step_car ol li.step4 > p{width:auto}
/* 신차금융 */
#contents_bottom .contents_bottom_inner {width:1520px;}
/* 특별구매혜택 */
.section_special ul li {margin-top:40px;margin-left:40px;}
.section_special ul + ul {margin-top:40px}
.info_card {width:220px;height:347px;padding:20px;}
.info_card .cd_tit {font-size:17px;}
.info_card .cd_tit .price {margin-top:10px;}
.info_card .cd_img {width:178px;height:92px;margin:47px 0;}
.info_card .cd_cont{width:178px;}
.info_card .cd_img img {width:178px;height:92px;}
.info_card .cd_cont dl dt {font-size:13px;}
.info_card .cd_cont dl dd {font-size:13px;}
.info_card .cd_cont .name {margin-bottom:12px;font-size:15px;}
.tbl_card{width:100%;}
.tbl_card thead th {/*padding-top:17px;*/}
.tbl_card tbody th {padding-top:13px;}
.tbl_card tbody td {padding-top:13px;}
.tit_cont4 + .tab_wrap .section_special ul li{margin-top:20px;} /* 2021-06-29 KEJ :추가 */
/* 상품정보 */
.section_info_prdt2 {}
.section_info_prdt2 ul li {margin-left:40px;}
.info_card2 {width:350px;}
.info_card2 .cd_img a {width:350px;height:200px;}
.info_card2 .cd_tit {margin-top:30px;font-size:19px;line-height:1;}
.info_card2 .cd_cont {margin-top:16px;}
.i al ^ PVsρ E @'s[>k Pc Bt=dS)ZP, {min-height:50px;font-size:13px;line-height:20px;}
.info_card2.space img{margin-top:23px;}
.info_card2.space .sub{top:2px;}
.info_card2.type2 {width:480px;}
.info_card2.type2 .cd_img a {width:480px;}
.info_card2.type2 .cd_cont .txt {min-height:70px;}
/* offer 배너 */
.section_offer {}
.section_offer .tit_arae {width:400px;height:340px;}
.section_offer .tit_arae .tit {font-size:26px;line-height:34px;}
.section_offer .cont_arae {width:780px;}
.list_offer {}
.list_offer > li {margin-left:40px;}
.list_offer > li .info_card3 {width:220px;height:340px;}
.info_card3 {padding:20px;}
.info_card3 .cd_tit {height:98px;}
.info_card3 .cd_tit .tit {font-size:15px;}
.info_card3 .cd_tit .txt {margin-top:6px;font-size:13px;line-height:20px;}
.info_card3 .cd_cont {height:150px;color:#3d5bdc;text-align:center}
.info_card3 .txt_info1 {font-size:25px;}
.info_card3 .txt_info2 {margin-top:5px;}
.info_card3 .txt_info3 {margin-top:5px;}
.info_card3 .cd_cont2 {margin-left:-20px;margin-right:-20px;padding:15px 20px 0;}
.info_card3 .cd_cont2 li {margin-top:0;font-size:13px;line-height:20px;}
/*2017-04-13 : 추가 ( 김 종 근)*/
.info_card3 .cd_tit .tit .ico {display:inline-block;box-sizing:border-box;height:17px;padding:0 3px;border:1px solid #488ff6;border-radius:3px;color:#4664e9;font-size:11px;line-height:15px;vertical-align:middle;}
/* 신차금융 */
.step_use ol.col5 li { ax ^ PVsρ E @'s[>k Pc BydS)ZPͬ :78px;}
.step_use ol.col5 li .ico {left:80px}
.step_use.step_newcarloan ol li .ico {left:80px;}
/* ***** 상용차리스 ***** */
.section_special.type2 .info_card .cd_img {margin:25px 0;}
.section_special.type2 .info_card .cd_cont .copy {height:30px;margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #f0f0f0;color:#3d5bdc;font-size:13px;line-height:1.5;}
.section_special.type2 .info_card .cd_cont dl dt {margin-top:12px;}
.section_special.type2 .info_card .cd_cont dl dd {margin-top:12px;}
.info_advantage li {width:213px;}
.info_advantage .col2 li{width:459px}
.section_info_condition {}
.section_info_condition .info_tit {width:520px;}
.section_info_condition .info_cont {width:1000px;}
/* ***** 개인리스 ***** */
.info_box_wrap > .box {width:220px;margin-left:40px;}
.info_box_wrap > .box.type2 {width:480px;}
.info_box_wrap .box .tit_cont3 span {display:inline;line-height:1;}
/*.info_box_wrap .box .section_info_prdt3 {height:200px}*/
.info_box_wrap .box .section_info_prdt3 .box_info_prdt {padding:20px 30px 30px 30px;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont .txt_main strong {display:block}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .tit_wrap {height:66px;}
.info_box_wrap .box.type2 .section_info_prdt3 .box_info_prdt .tit {font-size:13px;}/* CP_AUN_014 */
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .tit span {}
.i a ^ PVsρ E @'s[>k Pc BdS)ZP
on_info_prdt3 .box_info_prdt .tit_sub {margin-top:5px}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont {height:97px;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont .txt_main {padding-top:0;}
.info_box_wrap .box .section_info_prdt3 .box_info_prdt .cont .txt_main strong {display:block}
.section_step .step_ico li {width:306px;padding-left:50px;margin-left:40px;}
.section_wrap2 .section .sec_tit .btn.pos_r {position:relative;}
.section_wrap2 .section .sec_tit .btn.pos_r .link_arr {position:absolute;top:-10px;right:0;}
/* 자동차리스 */
.section_info_prdt.type2 .col4 .box_info {width:350px;}
.section_info_prdt.type2 .col3 .box_info {width:306px;}
.section_info_prdt.type2 .col2 .box_info {width:479px;}
.section_info_prdt.type2 .col1 .box_info {width:1000px;}
.step_use ol.col6 li {width:130px;padding-left:40px;}
.section_info3 > ul > li {margin-left:40px;}
.section_info3 > ul.col2 > li {width:480px;}
.section_info3 > ul.col3 > li {width:306px;}
/* 자동차프로그램 */
.event_area .event_box {width:480px;}
.section_info_prdt .box_info.h_free {height:259px;}
/* 기타브랜드 */
.info_card2.type3 .cd_img a {width:480px;height:200px;}
/* 다이렉트중고차론 */
.info_card2.type4 .cd_img {float:left;width:480px;}
.info_card2.type4 .cd_img span {}
.info_card2.type4 .cd_cont {width:480px;}
.step_use2 ol li {margin-left:40px;}
a ^ PVsρ E @'s[>k Pc BYdS)ZPK idth:480px;}
.step_use2 ol.col3 li {width:306px;}
.step_use2 ol.col4 li {width:220px;}
.info_card.type2 {height:320px;}
.info_card.type2 .cd_img {margin:33px 0;}
.info_card.type2 .info_back .cd_cont {top:149px;}
/* .info_card.type2 .info_back .cd_cont .info_box {height:100px;} */
.info_card.type2 .info_back .cd_cont .info_box + .info_box {padding-top:17px;margin-top:16px;}
.info_card.type2 .info_back .cd_cont p.price {font-size:17px;}
.info_card.type2 .info_back .cd_cont p.desc {font-size:13px;margin-top:8px;}
.info_service_box .info_box .ico {width:110px;height:46px;margin-bottom:57px;}
.info_service_box .info_box .cont_wrap {}
.list_benefit > ul > li {padding-left:65px;}
/* 신용대출 */
.section_info_ilc>div,
.section_info_ilc>div>ul>li{margin-left:40px;}
.section_info_ilc .link_card .img span{background:url(../../cmmn/images/loancredit/loan_graph_type3.png) no-repeat center;}
.section_info_ilc .link_card .img_null span{background:url(../../cmmn/images/loancredit/loan_graph_type4.png) no-repeat center;}
.section_info_ilc .link_card{width:740px;height:263px;}
.section_info_ilc.col3 .link_card{width:480px;height:263px;}/* 17.08.29 add HHJ */
.section_info_ilc .title{font-size:19px;}
/* search.css 내용. 추후 css 통합 시 확인해야 함 */
/* 170607 zerochan common.css 중복 주석 처리 */
/*
.header_search {display:none;position:absolute;top:0;lef a < < PVs ^ E (I@ yks[>c PdS)Z B*P a ^ PVsρ E @'s[>k Pc B
dS)ZP, d-color:#ffffff;z-index:99; }
*/
.sch_input_wrap {border-bottom:1px solid #f0f0f0}
/*.sch_input_wrap .sch_input {position:relative;width:1180px;min-width:1180px;margin:0 auto;padding:18px 76px 17px 0;box-sizing:border-box;background:url(../../cmmn/images/common/ico_search.png) no-repeat 1124px 31px;text-align:left}*/
.sch_input_wrap .sch_input input.hd_search {width:100%;height:45px;border:none;color:#1e88e5;font-size:19px;line-height:1.3;text-indent:0;}
.sch_input_wrap .sch_input input placeholder {color:#888888;}
.sch_input_wrap .sch_input .btn_search_close {position:absolute;top:26px;right:-5px;width:28px;height:28px;background:url(../../cmmn/images/common/btn_search_del.png) no-repeat 5px 5px;font-size:0;text-indent:-99999px;}
.sch_cont_wrap {position:relative;width: 1520px;min-width: 1520px;margin:-130px auto 0;text-align:left;box-sizing:border-box}
.sch_word {padding:10px 0}
.sch_word dl:after {content:'';display:block;clear:both}
.sch_word dl dt {display:inline-block;float:left;padding:5px 0;margin-right:22px;color:#333333;font-family:'HYBold';}
.sch_word dl dd {float:left;padding:5px 0;margin-right:20px;}
.sch_word button.btn_del {display:inline-block;width:12px;height:12px;background:url(../../cmmn/images/common/ico_del_word.png) no-repeat 0 0;font-size:0;line-height:20px;text-indent:-99999px;}
.keyword_cont {padding:30px 0 50px;}
.keyword_cont:after {content:'';display:block; a ^ PVsρ E @'s[>k Pc BdS)ZPN ont .con_fl {float:left;}
.keyword_cont .con_fr {float:right;}
.keyword_cont .key_result {margin-bottom:43px;}
.keyword_cont .key_result ul li {padding-top:5px;color:#333333;line-height:1.3;}
.keyword_cont .key_result ul li:first-child {padding-top:0}
.keyword_cont .key_menu .tit {padding-bottom:14px;color:#333333;font-size:15px;}
.keyword_cont .key_menu ul li {padding-top:5px;line-height:1.3;}
.keyword_cont .key_menu ul li:first-child {padding-top:0}
.keyword_cont .key_menu ul li a {padding-left:9px;padding-right:2px;background:url(../../cmmn/images/common/bul_arr.png) no-repeat 0 0}
.keyword_cont .key_menu ul li a:first-child {padding-left:0;background:none}
/*.banner_area {width:580px;}*/
.banner_area:after {content:'';display:block;clear:both}
/*.banner_area .banner_box {float:right;width:280px;border-radius:4px;box-shadow:0 2px 25px 0 rgba(29,35,69,0.13);}*/
/*.banner_area .banner_box.type1 {float:left;}*/
/*.banner_area .banner_box .con {position:relative;height:150px;padding:18px 0 0 20px;box-sizing:border-box;border:0px solid #000000;border-radius:4px 4px 0 0;}*/
.banner_area .banner_box.type1 .con {background-color:#1976D2;background-image:linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%);background-image:-webkit-linear-gradient(-135deg, #2A9FFD 0%, #1976D2 100%);}
.car.banner_area .banner_box.type1 .con{background-color:#3D5BDC;background-image:linear-gradient(-135deg, # a < < PVs ^ E (I@ xks[>c PdS)Z B5P ڵ a ^ PVsρ E @'s[>k Pc BudS)ZP ;background-image:-webkit-linear-gradient(-135deg, #488FF6 0%, #3D5BDC 100%);}
.loan.banner_area .banner_box.type1 .con {background-color:#0F82BE;background-image:linear-gradient(-135deg, #11B4E3 0%, #0F82BE 100%);background-image:-webkit-linear-gradient(-135deg, #11B4E3 0%, #0F82BE 100%);}
.banner_area .banner_box.type2 .con {background:url(../../cmmn/images/common/bg_search_banner.jpg) no-repeat 50% 50%}
.car.banner_area .banner_box.type2 .con {background:url(../../cmmn/images/common/bg_search_banner.jpg) no-repeat 50% 50%}
.loan.banner_area .banner_box.type2 .con {background:url(../../cmmn/images/common/bg_search_banner2.jpg) no-repeat 50% 50%}
.banner_area .banner_box .con .ico {position:absolute;right:20px;top:20px;width:100px;height:50px;background:url(../../cmmn/images/common/ico_search_banner.png) no-repeat 100% 0}
.car.banner_area .banner_box .con .ico{background:url(../../cmmn/images/common/ico_search_banner.png) no-repeat 100% 0}
.loan.banner_area .banner_box .con .ico{background:url(../../cmmn/images/common/ico_search_banner2.png) no-repeat 100% 0}
/*.banner_area .banner_box .con .tit {padding-bottom:5px;color:#FFFFFF;font-size:19px;line-height:1.3}*/
.banner_area .banner_box .con .txt {color:#FFFFFF;padding-right:20px;}
/*.banner_area .banner_box .link {padding:15px 0 15px 20px;border:0px solid #000000;border-radius:0 0 4px 4px;}*/
.banner_area .banner_box .link a {margin-right: a ^ PVsρ E @'s[>k Pc B)dS)ZPv position:relative;width:580px;margin:0 auto;padding:80px 0;text-align:center}
.total_search .form_group {position:absolute;left:0;top:80px;border:none;box-shadow: 0 5px 25px 0 rgba(28,35,69,0.10);}
.total_search .form_group:hover{box-shadow: 0 5px 40px 0 rgba(28,35,69,0.10);}
.total_search .form_group .form_text{width:580px;}
.total_search .form_group .form_text input {background-color:#FFFFFF;}
.total_search .result_txt {padding:110px 0 0;color:#333333;font-size:24px;line-height:1.3}
/* 연관검색어 */
.total_search .search_txt{display:none;width:100%;padding:0 20px 10px;font-size:13px;background:#ffffff;border-radius:0 0 4px 4px;box-sizing:border-box;text-align:left;}
.search_txt>div{padding-top:10px;border-top:1px solid #f0f0f0;}
.search_txt dl{position:relative;padding:10px 0;}
.search_txt dt{position:absolute;left:0;top:10px;color:#333333;font-family:'Hybold';}
.search_txt dd{padding-left:80px;}
.search_txt dd li{display:inline-block;margin-left:20px;}
.search_txt dd li:first-child{margin-left:0;}
/* CP_CUS_069 */
.notice_wrap{width:780px;margin:0 auto;}
.notice_wrap .total_search{padding:10px 0 30px;}
.notice_wrap .total_search .form_group{position:static;}
/* CP_CUS_070 */
.total_search.type2{padding:10px 0 30px;}
.tab_navi ul.col7 {margin-right:-2px}
.tab_navi ul.col7 li {width:14.4%;}
.tab_navi ul.col7 li:first-child {width:14%}
.tab_navi ul.col6 {marg a < < PVs ^ E (I@ wks[>c PdS)Z B@P X a < < PVs ^ E (I@ vks[>c PdS)Z BLQP a < < PVs ^ E (I@ uks[>c PdS)Z BWP w a < < PVs ^ E (I@ tks[>c PdS)Z Bc!P lA a < < PVs ^ E (I@ sks[>c PdS)Z BnP a a < < PVs ^ E (I@ qks[>c PdS)Z BYP K* a < < PVs ^ E (I@ rks[>c PdS)Z ByP V a < < PVs ^ E (I@ pks[>c PdS)Z BP @ a < < PVs ^ E (I@ oks[>c PdS)Z B)P 5tp a
^ PVsρ E @'s[>k Pc BdS)ZPSQ vi ul.col6 li {width:16.8%;}
.tab_navi ul.col6 li:first-child {width:16.3%}
.list_search {}
.list_search ul li {position:relative;padding:18px 0 17px;border-top:1px solid #f0f0f0;}
.list_search ul li:first-child {padding-top:0;border-top:none;}
.list_search.category ul li a {padding:0 10px 0 15px;background:url(../../cmmn/images/common/bul_arr.png) no-repeat 0 50%;font-size:15px;line-height:1.3}
.list_search.category ul li a:first-child {padding-left:0;background:none}
.list_search ul li .tit {padding-bottom:4px;color:#333333;font-size:15px;line-height:1.3}
.list_search ul li .txt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888888;}
.list_search ul li .date {position:absolute;right:0;top:21px;padding-left:10px;font-size:13px;}
.list_search ul li:first-child .date{top:3px;}
.list_search ul li a:hover .tit, .list_search ul li a:hover .txt {color:#1e88e5 !important}
.list_search ul li a:hover{text-decoration:none;}
.list_search.type2 ul li .tit{padding-right:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.banner_area.list_in {width:780px;margin-top:20px;}
.banner_area.list_in .banner_box {width:380px;}
.banner_area.list_up {width:780px;margin-bottom:38px;}
.banner_area.list_up .banner_box {width:380px;}
.list_faq.search ul li .question {padding:18px 50px 17px 0;}
.list_search a:hover .txt_c333, .list_search a:hover.c333{color:#1e88e5 !im a
^ PVsρ E @'s[>k Pc BdS)ZP a:hover .txt_c888, .list_search a:hover.c888{color:#1e88e5 !important}
.list_faq.search a:hover .txt_c333, .list_faq.search a:hover.c333 {color:#1e88e5 !important}
.list_faq.search a:hover .txt_c888, .list_faq.search a:hover.c888 {color:#1e88e5 !important}
.btm_box_link {margin-top:20px;padding:15px 20px;border:1px solid #f2f2f2;border-radius:3px;box-shadow:0 1px 10px 0 rgba(29,35,69,0.07);}
.btm_box_link:after {content:'';display:block;clear:both}
.search_error {padding:34px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.product_ad .tit {margin:37px 0 15px;color:#333333;font-size:17px;}
.product_ad li {position:relative;}
.product_ad li .ad_img {display:block;background-color:#f0f0f0}
.product_ad.type1 ul li {height:150px;padding-left:300px;}
.product_ad.type1 ul li:first-child {margin-bottom:40px;}
.product_ad.type1 ul li .ad_img {position:absolute;top:0;left:0;width:280px;height:150px;}
.product_ad.type1 ul li .ad_tit {margin-bottom:15px;font-size:19px;color:#333333;line-height:1.3}
.product_ad.type1 ul li .ad_copy {color:#888888;font-size:15px;line-height:1.5}
.product_ad.type1 ul li .list_link {position:absolute;bottom:0;left:300px;margin:0}
.product_ad.type2 ul {display:table;}
.product_ad.type2 ul li {display:table-cell;width:380px;padding-left:20px;}
.product_ad.type2 ul li:first-child {padding-left:0}
.product_ad.type2 ul li .product {display:block; a@
^ PVsρ E @'s[>k Pc BEdS)ZPv li .ad_img {width:380px;height:200px;background-color:#f0f0f0}
.product_ad.type2 ul li .ad_copy {min-height:52px;padding-bottom:14px;box-sizing:border-box;margin-top:20px;color:#333333;font-size:15px;line-height:1.3}
.product_ad.type2 ul li .date {color:#888888}
/* 2017-04-06, 윤문검수 이후 추가된 css */
/*.main_left_txt {width:686px; margin:0 auto; text-align:left;}*/
.offer_cont.block{height:664px;}
.offer_cont .cur_product{width:260px;height:320px}
.offer_cont .cur_product p{font-size:20px}
.offer_cont .cur_product img.photo{width:200px;}
.offer_cont .rp_wrap{width:1520px;}
.offer_cont .product_list ul li{width:216px;margin:0 20px;}
.offer_cont .product_list ul li a{height:230px;padding:20px 20px 71px;}
.offer_cont .product_list ul li a .info .pay{margin:15px 0 11px}
.offer_cont .loan .product_list ul li a .info{padding-top:5px}
.offer_cont .loan .product_list ul li:first-child a .info .pay br{display:block;}
.offer_cont .loan .product_list ul li:first-child a .info .pay br.w1180{display:none;}
.sch_input_wrap .sch_input {width: 1520px;min-width: 1520px;background-position:1464px 31px;}
/*.sch_cont_wrap{width: 1520px;min-width: 1520px;} 중복 으로 주석 처리 zerochan */
/*신차론 상품정보*/
.info_card2.type4 .cd_img .img_card a{display:block;width:440px;height:170px;padding:20px;}
.info_card2.type4 .cd_img .img_card a span{background:url(../../cmm aI
< < PVs ^ E (I@ nks[>c PdS)Z BP *i aZ
^ PVsρ E @'s[>k Pc BdS)ZP _ncar_type1_on.gif) no-repeat center center;} /* 2020-10-12 웹접근성 JMJ : 이미지 변경 */
/* 구매프로그램 할부 상품정보 */
.sale_program .info_card2 .cd_img a span{display:block;width:100%;height:158px;} /* 2019-09-02 LJY : height 수정 */
/* 2018-06-27 KSM : 접근성 수정 */
.sale_program .info_card2 .fst a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep1_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .snd a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep2_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .tnd a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep3_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .lst a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep4_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .fst:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep1_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .snd:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep2_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .tnd:hover a > span{background: url(../.. ar
^ PVsρ E @'s[>k Pc BdS)ZP hy_car_tyep3_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
.sale_program .info_card2 .lst:hover a> span{background: url(../../cmmn/images/newcar/img_hy_car_tyep4_on.gif) no-repeat;background-size:100% auto;background-position:0 -10px;}
/* //2018-06-27 KSM : 접근성 수정 */
.section_info_ilc .link_card .img span{background: url(../../cmmn/images/loancredit/loan_graph_type3.png) no-repeat center;}
.section_info_ilc .link_card .img_null span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type4.png) no-repeat center;}
.section_info_ilc .link_card .img_point span{display:block; height:167px; background:url(../../cmmn/images/loancredit/loan_graph_type5.png) no-repeat center;}/* 17.08.29 add HHJ*/
/* Auto Club */
.autoclub_h{background-position:0 604px}
.autoclub_h .step_use ol li .step_tit strong{display:inline}
.autoclub_h .info_card2.type4 .cd_img .img_card{width:480px}
.autoclub_h .info_card2.type4 .cd_cont{width:480px}
/* 2019-02-20 JMJ : 신용대출 - 간편소액대출 */
.step_use.step_loan ol.col5 li {width:156px;padding-left:55px;}
.step_use.step_loan ol.col5 li .ico {left:55px;}
/* //2019-02-20 JMJ : 신용대출 - 간편소액대출 */
/* 2019-09-02 LJY : [캐피탈] 구매프로그램(할부)_상품 추가 */
.info_card2.type5,
.info_card2.type5 .cd_img a {width:272px;}
.sale_program .inf a
< < PVs ^ E (I@ mks[>c PdS)Z BP ] a
^ PVsρ E @'s[>k Pc BadS)ZP ckground:url(../../cmmn/images/newcar/img_hy_car_tyep5_on.gif) no-repeat 0 -10px;}
.sale_program .info_card2 .fth:hover a > span{background: url(../../cmmn/images/newcar/img_hy_car_tyep5_on.gif) no-repeat 0 -10px;}
/* //2019-09-02 LJY */
}
.section_guard ul.txt_point li strong {font-family:'HYbold';color:#333333;}
.section_guard ul.txt_point li strong {margin-left: 5px;padding-left: 10px;background:url(../../cmmn/images/common/middot.png) left center no-repeat;}
/*개인리스 추천차종 마우스 오버시 섀도우이팩트 나오도록 또다시 변경*/
#newcar_lease_hy01 .section_special.type2 li a .info_card:hover,
#newcar_lease_hy01 .section_special.type2 li a .info_card:focus,
#newcar_lease_kia01 .section_special.type2 li a .info_card:hover,
#newcar_lease_kia01 .section_special.type2 li a .info_card:focus{box-shadow: 0px 4px 32px 0px rgba(0,13,57,0.2);}
/*2018-01-25 KTH 추가*/
.section_app{height:350px;text-align:center;border:none; background:#f4f6fa; /*margin: 0 calc(-50% + 569px);*/ position:absolute; left:0; width:100%;}
.section_app + .section {margin-top:350px; border-top:none;}
.section_app .sec_tit .icon{display:inline-block;width:80px;height:80px;margin:59px 0 23px;background:url(../../cmmn/images/common/img_autoclub.png) no-repeat 0 0}
.section_app .sec_tit .title{font-size:26px;padding:0 0 14px}
.section_app .sec_cont p{font-size:15px;padding:0 0 25px}
.section_ap a
^ PVsρ E @'s[>k Pc BdS)ZP line-block;width:107px;height:36px;margin-left:7px;padding-left:33px;padding-top:11px;background:url(../../cmmn/images/membership/ico_mem_app.png) no-repeat 15px 10px;background-color:#ffffff;}
.section_app .app_link a:first-child{margin-left:0}
.section_app .app_link .ios{background-position:25px -18px;}
/*2018-01-31 KTH 추가*/
.apply_bottom.line_2 {height:auto; line-height:20px; padding-top:7px;}
/*2018-04-19 KTH 추가*/
@media screen and (min-width:1579px) {
.section_info_prdt .box_info.bg_wht.new_hw {height:156px;}
}
@media screen and (max-width:1578px) {
.section_info_prdt .box_info.bg_wht.new_hw {height:215px;} /* 2018-05-29 KSM 수정 */
}
/* 2018-06-19 KSM : 디지털 신용대출 및 멀티오퍼 개발 */
.section_keymsg > .js_slider + .msg_note {position:absolute; top:410px; left:0; right:0; font-size:15px;}
/* 2018-09-27 KSM : 상단 배너 슬라이딩 영역 신규 타입 추가 */
.slider_b_d {}
.slider_b_d .key_tit {font-size:34px; line-height:46px; text-align:center;}
.slider_b_d .slider_b_d_inner {margin:50px 0 0 70px;}
.slider_b_d .car_img {float:left;}
.slider_b_d .offer_info_wrap {overflow:hidden; float:left; width:530px; margin-left:120px; padding-top:45px; text-align:left;} /* 2020-05-07 KEJ */
.offer_info_wrap .cost {margin-top:23px;}
.offer_info_wrap .cost .duration {display:inline-block;}
.offer_info_wrap .cost .amount {display:inline-block; margin-left a
^ PVsρ E @'s[>k Pc BdS)ZP .cost .amount strong {font-family:'HYBold'; font-size:24px;}
.offer_info_wrap .standard_txt {margin-top:19px; line-height:1.6;}
.offer_info_wrap .btn {margin-top:54px;}
/*2018-10-08 KTH 신규*/
.benefit_ag {box-sizing:border-box; padding:25px 45px 25px 30px; position:relative;} /* 2018-10-23 CDH : 모니터링 */
.benefit_ag .btn_fold {position:absolute; right:20px; top:28px; float:none; z-index:1;}
.benefit_ag .tt .tt_pt {color:#333; display:block; margin-top:15px;}
.benefit_ag .benefit_ag_info {margin-top:15px; box-sizing:border-box;}
/*2018-10-22 KTH : [캐피탈] 다중론_고객등록우대형 변경*/
.section_keymsg .keymsg_info1 .tt {display:block; margin-bottom:18px;}
.key_ic {margin:30px 0 60px 0;}
.ky_txt {font-size:15px; line-height:24px; padding-bottom:10px;}
.cp_txt {clear:both; margin-top:25px; font-size:13px; line-height:24px;} /* 2020-12-04 LJY : margin, font-size 수정 */
.gd_step {overflow:hidden; }
.gd_step:after {content:''; display:block; clear:both;}
.gd_step li {float:left; box-sizing:border-box; width:33.33%; float:left; padding:20px 0;}
.gd_step li .box {box-sizing:border-box; padding-left:45px; border-bottom:1px solid #f0f0f0; min-height:118px;}
.gd_step li .box.sc {border-bottom:none;}
.gd_step li .box.n1 {background:url(../../cmmn/images/oldcar/dtc_ic_1.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box.n2 a
< < PVs ^ E (J @ lks[>c PdS)Z BaP RY a
< < PVs ^ E (J@ kks[>c PdS)Z BP F a < < PVs ^ E (J@ jks[>c PdS)Z B}P AM a : : ^ PVsρ E ( @)es[>k Pc B}dS)ZPq mmn/images/oldcar/dtc_ic_2.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box.n3 {background:url(../../cmmn/images/oldcar/dtc_ic_3.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box.n4 {background:url(../../cmmn/images/oldcar/dtc_ic_4.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box.n5 {background:url(../../cmmn/images/oldcar/dtc_ic_5.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box.n6 {background:url(../../cmmn/images/oldcar/dtc_ic_6.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto;}
.gd_step li .box .st {font-size:13px; line-height:18px; color:#3d5bdc;}
.gd_step li .box .tt {font-size:15px; line-height:21px; color:#333;}
.gd_step li .box .txt {font-size:13px; line-height:18px; color:#666; margin-top:15px;}
/* 2018-10-25 KSM : 모니터링 에러a < < PVs ^ E (J@ iks[>c PdS)Z B}P #=. a" ^ PVsρ E " @+s[>k Pc B}dS)ZPbL No.122 */
.info_card2 .cd_img a.btn_lypop_open span > span.blind {width:0; height:0;}
/*2019-01-17 KTH : [캐피탈] 자동차담보대출 컨텐츠 추가 및 수정 */
.car_n_stepW {box-sizing:border-box;}
.car_n_ol {box-sizing:border-box; overflow:hidden; margin-left:-20px; padding-bottom:20px;}
.car_n_ol:after {clear:both; display:block; content:'';}
.car_n_ol li {float:left; width:25%; box-sizing:border-box; padding-lea$ ^ PVsρ E # @'s[>k Pc B1dS)ZP ft:30px; background:url(../../cmmn/images/loansecurity/bg_step_use_arr.png) no-repeat 0 5px;}
.car_n_ol li:first-child {padding-left:0; background:none;}
.car_n_ol li .box {box-sizing:border-box; margin-left:20px; padding-left:45px; position:relative; min-height:48px;}
.car_n_ol li .box .ic {position:absolute; left:0; top:0; width:29px; height:30px;}
.car_n_ol li.st1 .ic {background:url(../../cmmn/images/car/nc_ic1.png) no-repeat left top;}
.car_n_ol li.st2 .ic {background:url(../../cmmn/images/car/nc_ic2.png) no-repeat left top;}
.car_n_ol li.st3 .ic {background:url(../../cmmn/images/car/nc_ic3.png) no-repeat left top;}
.car_n_ol li.st4 .ic {background:url(../../cmmn/images/car/nc_ic4.png) no-repeat left top;}
.car_n_ol li .box .nm {font-size:13px; line-height:21px; color:#3d5bdc;}
.car_n_ol li .box .txt {font-size:15px; line-height:24px; color:#333;}
.car_n_stepW .st_txt {font-size:13px; line-height:21px; color:#666; letter-spacing:-1px;}
.section_calculator.car_sale .cdt_text {color:#3d5bdc;}
.section_calculator.car_sale .cdt_text .cdt_btn {border:1px solid #3d5bdc;}
.section_calculator.car_sale .cdt_text .cdt_btn input[type="text"] {color:#3d5bdc;}
.section_calculator.car_sale .calculator_input .box_condition .form_group {border:1px solid #3d5bdc;}
.section_calculator.car_sale .calculator_input .box_condition .form_group .form_select .sel_txt {color:#3d5bdc;}
.section_calculator.car_sale .cal a& ^ PVsρ E $ @'s[>k Pc BdS)ZP tion .form_group .form_select .sel_txt:after {background: url(../../cmmn/images/common/ico_cdt_select_loancredit_blu.png) no-repeat 5px 3px;}
.section_calculator.car_sale .calculator_result .rst_text {color:#3d5bdc;}
/* 2019-02-26 KSM : 주택대출_디지털 전세대출 신규메뉴 추가 */
.loan_house_digital .slider_container {height:250px;}
.loan_house_digital .slider_container .slider_box > li {height:auto;}
.section_keymsg .slider_house_digital .keymsg_list1 ul {height:90px;}
.slider_house_digital .keymsg_info .msg_ty1 {font-size:34px;line-height:1.3;}
.slider_house_digital .keymsg_info.list .tit {margin-bottom:1px;font-size:13px;}
.slider_house_digital .keymsg_info.list .txt {margin-top:0;font-family:"HYBold"; font-size:24px;}
.slider_house_digital .keymsg_info.list .txt + .tit {margin-bottom:0; line-height:1.6em;} /* 2019-11-01 LJY 추가 */
.slider_house_digital .keymsg_info.list .sub {margin-top:5px;font-size:15px;}
.slider_house_digital .keymsg_info.txt {margin-top:65px;}
.slider_house_digital .keymsg_info.txt .tit {margin-bottom:5px;font-family:"HYBold";font-size:17px;}
.slider_loan_house .keymsg_info.txt .txt {font-size:15px;}
.loan_house_digital .apply_top > .tit2 {left:0; padding-left:38px; background-image:url(../../cmmn/images/common/ico_apply_tit.png);background-repeat:no-repeat;background-position:0 -567px;color:#0f82be;font-size:22px;line-height:40px;}
.section_info_pr a( ^ PVsρ E % @'s[>k Pc BdS)ZPo, o.col2 {width:50%;}
.step_use.step_house_digital ol li .ico {background-image:url(../../cmmn/images/loansecurity/ico_step_use_houseD.png);}
.section_review.review_house_digital li:first-child .box_review {background-image:url(../../cmmn/images/oldcar/pc_CPM_AUO_0101_m.png);}
.section_review.review_house_digital li .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0901_w.png);}
.banner_apply .apply_top.vam {margin-top:20px;}
.banner_apply.fixed .apply_top.vam {margin-top:0;}
/* //2019-02-26 KSM : 주택대출_디지털 전세대출 신규메뉴 추가 */
/*2019-04-16 KTH:[캐피탈] 자동차금융_세이브렌터카 신규메뉴 추가*/
.apply_top.save_ic > .tit {background-image:url(../../cmmn/images/common/save_ic.png); background-repeat:no-repeat; background-position:0 center !important;}
/* 2019-04-29 JMJ : [캐피탈] 주택대출_U-보금자리론 신규메뉴 추가 */
.loan_house_u .slider_container {height:250px;}
.list_benefit.type2 > ul > li {border-top:none; padding-top:0; margin-top:8px;}
.step_use.step_house_u ol li {min-height:100px; width:157px; padding-left:50px;}
.step_use.step_house_u ol li .ico {left:50px; background-image:url(../../cmmn/images/loansecurity/ico_step_use_houseU.png)}
.step_use.step_house_u ol li.step1 .ico {background-position:0px 0;}
.step_use.step_house_u ol li.step2 .ico {background-position:-30px 0;}
.step_use.step_house_u ol l a+ ^ PVsρ E & @'s[>k Pc BMdS)ZP -position:-60px 0;}
.step_use.step_house_u ol li.step4 .ico {background-position:-90px 0;}
.step_use.step_house_u ol li.step5 {padding-left:0; background:none;}
.step_use.step_house_u ol li.step5 .ico { background-position:-120px 0; left:0;}
.step_use.step_house_u ol li.step6 .ico {background-position:-150px 0;}
.step_use.step_house_u ol li.step7 .ico {background-position:-180px 0;}
.section_review.review_house_u li:first-child .box_review {background-image:url(../../cmmn/images/newcar/pc_CPM_AUN_0201_m.png);}
.section_review.review_house_u li .box_review {background-image:url(../../cmmn/images/loansecurity/pc_CPM_ILA_0101_w.png);}
.section_info_prdt .col1 .box_info.bg_wht.type2 {margin-left:0;}
.section_info_prdt .col1 .box_info.bg_wht.type2 dl.ico1 {background:url(../../cmmn/images/loansecurity/ico_house_u_01.png) no-repeat 25px 4px; padding-left:90px;}
.section_info_prdt .col1 .box_info.bg_wht.type3 {width:100%; margin-left:0;}
.section_info_prdt .col1 .box_info.bg_wht.type3 dl.ico1 {background:url(../../cmmn/images/loansecurity/ico_house_u_02.png) no-repeat 2px 4px; padding-left:45px;}
.section_info_prdt .col1 .box_info.bg_wht.type3 dl.ico2 {background:url(../../cmmn/images/loansecurity/ico_house_u_03.png) no-repeat 2px 4px; padding-left:45px;}
.section_info_prdt .col1 .box_info.bg_wht.type3 dl dt.tit {color:#666;}
.banner_apply_num {width:770px; height:140px; margin:0 auto; border:1px solid #ff a- ^ PVsρ E ' @'s[>k Pc BdS)ZP x-shadow:0 1px 5px 0 rgba(29,35,69,0.1); color:#fff;}
.banner_apply_num.h_auto {height:auto;} /* 2019-11-01 LJY 추가 */
.banner_apply_num .sec_inner {padding:40px 0;}
.banner_apply_num .tit {background:url(../../cmmn/images/common/ico_tel.png) no-repeat 0 0; padding-left:35px; font-size:22px; background-position:0px -30px; line-height:1; display:inline-block;}
.banner_apply_num .txt {font-size:13px; line-height:1; margin-top:20px;}
@media all and (min-width:1579px){
.step_use.step_house_u ol li {width:210px; padding-left:53px;}
.step_use.step_house_u ol li .ico {left:53px;}
}
/* //2019-04-29 JMJ : [캐피탈] 주택대출_U-보금자리론 신규메뉴 추가 */
/*2019-06-17 KTH : [캐피탈] 디중론_상품특징 추가 및 컨텐츠 수정*/
.pr_special {box-sizing:border-box; padding:30px 0; box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08); border: 1px solid rgba(14,23,39,0.1); border-radius: 4px; background:#fff;}
.prs_ul {overflow:hidden;}
.prs_ul li {float:left; width:20%; box-sizing:border-box; border-left:1px solid #f1f1f1;}/* 2020-03-31 KTH */
.prs_ul li:first-child {border-left:none;}
.prs_ul li .box {box-sizing:border-box; padding:10px 30px 0; min-height:220px;} /* 2020-12-04 LJY : padding 수정 */
.prs_ul li .box .ic {padding-bottom:60px;}
.prs_ul li .box .ic img {max-width:100%;}
.prs_ul li .box .txt {font-size:15px; line-height:22px; color:#333; font-family:"HYBold"; let a0 < < PVs ^ E (J@ hks[>c PdS)Z BP 35 a1 < < PVs ^ E (J@ gks[>c PdS)Z BMP (*Y a3 < < PVs ^ E (J@ fks[>c PdS)Z BP av ^ PVsρ E . @'s[>k Pc BdS)ZPU _ul li .box .link_arr {color:#666; margin-top:15px; letter-spacing:-1px;}
.prs_ul.col6 li {width:16.66%} /* 2020-12-04 LJY */
.prs_ul:after {content:''; clear:both; display:block;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.oc_new ul {width:800px;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.oc_new ul li {width:33.33%; padding:80px 0 0 0; box-sizing:border-box;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.oc_new ul li.ocn_1 {background:url(../../cmmn/images/oldcar/oc_new_ic_1.png) no-repeat center top;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.oc_new ul li.ocn_2 {background:url(../../cmmn/images/oldcar/oc_new_ic_2.png) no-repeat center top;}
.section_keymsg .slider_oldcar_direct .key_cont .keymsg_list1.oc_new ul li.ocn_3 {background:url(../../cmmn/images/oldcar/oc_new_ic_3.png) no-repeat center top;}
.pr_nul {box-sizing:border-box; overflow:hidden; margin:0 0 -30px -40px;} /* 2020-12-04 LJY : margin-bottom 추가 */
.pr_nul li {float:left; width:33.33%; box-sizing:border-box; margin-bottom:30px;}
.pr_nul li .box {box-sizing:border-box; box-shadow: 0px 1px 5px 0px rgba(0,13,57,.08); border: 1px solid rgba(14,23,39,0.1); border-radius: 4px; background:#fff; padding:20px; margin-left:40px; min-height:132px;}
.pr_nul li .box .tt {font-size:15px; line-height:22px; color:#3d5bdc; font-family:"HYBold";}
.pr_nul li .box .txt {font-si a ^ PVsρ E / @'s[>k Pc BidS)ZPI x; color:#666; letter-spaicing:-1px; margin-top:20px;}
.pr_nul li .box .txt .sb {display:block; font-size:13px; line-height:21px; letter-spacing:-1px;}
@media screen and (max-width:1579px){
.pr_nul li .box {min-height:150px;}
}
/* 2020-12-04 LJY */
@media screen and (max-width:1578px){
.prs_ul.col6 li {width:20%;}
}
/* //2020-12-04 LJY */
.section.youtube.digital {text-align:left;}
.digin_ul {box-sizing:border-box; overflow:hidden;}
.digin_ul li {padding:25px 0; border-top:1px solid #f0f0f0;}
.digin_ul li:first-child {border-top:none; padding-top:0px;}
.digin_ul li:last-child {padding-bottom:0;} /* 2020-12-04 LJY */
.digin_ul li .box {padding-left:45px; box-sizing:border-box; }
.digin_ul li .box.n1 {background: url(../../cmmn/images/oldcar/dtc_ic_1.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}
.digin_ul li .box.n2 {background: url(../../cmmn/images/oldcar/dtc_ic_4.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}
.digin_ul li .box.n3 {background: url(../../cmmn/images/oldcar/dtc_ic_6.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}
.digin_ul li .box.n4 {background: url(../../cmmn/images/newcar/ico_benefit3_pro2_01.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}
.digin_ul li .box.n5 {background: url(../.. a ^ PVsρ E 0 @'s[>k Pc B dS)ZP贏 ic_7.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}/*2019-10-11 KTH : [캐피탈] 중고차리스 페이지 수정*/
.digin_ul li .box.n8 {background: url(../../cmmn/images/oldcar/dtc_ic_8.png) no-repeat left 3px; background-size: 30px auto; -webkit-background-size: 30px auto;}/* 2020-03-16 JMJ : [WEB] 중고차리스_플카 중고샵 서비스 삭제 및 내용 변경 */
.digin_ul li .box.n9 {background: url(../../cmmn/images/oldcar/dtc_ic_9.png) no-repeat left top; background-size: 30px auto; -webkit-background-size: 30px auto;}/* 2020-03-16 JMJ : [WEB] 중고차리스_플카 중고샵 서비스 삭제 및 내용 변경 */
.digin_ul li .box .st {color:#3d5bdc; font-size:13px; line-height:21px; font-family:"HYBold";}
.digin_ul li .box .tt {color:#333; font-size:15px; line-height:22px; font-family:"HYBold";}
.digin_ul li .box .txt {color:#666; font-size:13px; line-height:22px; margin-top:10px; letter-spacing:-1px;}
.digin_ul li .box .txt .c75 {color:#757575;}
.digin_ul:after {display:block; content:''; clear:both;}
.section_benefit2 .box.nd_bg {box-sizing:border-box;}
.section_benefit2 .box.nd_bg.n1 {background:url(../../cmmn/images/oldcar/be_ic_1.png) no-repeat 98% center; }
.section_benefit2 .box.nd_bg.n2 {background:url(../../cmmn/images/oldcar/be_ic_2.png) no-repeat 98% center;}
.section_benefit2 .box.nd_bg.n3 {background:url(../../cmm a ^ PVsρ E 1 @'s[>k Pc CdS)ZPb> png) no-repeat 97% bottom; }
@media screen and (max-width:1579px) {
.section_benefit2 .box.nd_bg {padding-right:150px;}
.section_benefit2 .box.nd_bg .cont_wrap .br {display:none;}
}
/*2019-10-11 KTH : [캐피탈] 중고차리스 페이지 수정*/
.section_keymsg .keymsg_list1.type6 ul {width:945px;}
.section_keymsg .keymsg_list1.type6 ul li {padding-left:50px; padding-right:50px; height:112px;}
.section_guard.n2 {margin-top:350px; border-top:none;}
/* 2019-11-01 LJY : [캐피탈] 홈데이 상담신청 신규페이지 */
.header.lms .inner {width:1180px; min-width:1180px; margin:0 auto; padding:20px 0 18px;}
.header.lms .logo .logo_hc {width:280px; background:url(../images/common/logo_hyundaicapital.png) no-repeat 0 -2px; text-indent:-9999px;}
.header.lms .logo.multi a {position:relative; display:inline-block; height:20px; margin-left:16px; vertical-align:middle;}
.header.lms .logo.multi a:before {content:''; position:absolute; left:-11px; top:2px; height:16px; border-left:1px solid #e6e6e6;}
.header.lms .logo.multi a:first-child {margin-left:0;}
.header.lms .logo.multi a:first-child:before {content:none;}
#container.homeday {padding-bottom:160px;}
#container.homeday #contents_top {padding-bottom:45px;}
.homeday .slider_container {height:auto;}
.homeday .slider_container .slider_box {height:289px;}
.homeday .slider_container .slider_box > .key_cont {opacity:1;}
.box_round.type2 {p a < < PVs ^ E (J@ eks[>c PdS)Z B P a0 ^ PVsρ E 2 @'s[>k Pc CdS)ZP[ ; box-shadow:0 4px 16px 0 rgba(0,13,57,0.1);}
.terms_wrap.type2 .terms_dep1 {margin:11px 0 0;}
.terms_wrap.type2 [class^="terms_txt"] {margin-top:6px; padding-left:10px;}
.terms_wrap.type2 .terms_txt2 {font-size:16px; font-family:'HYBold'; color:#666; text-decoration:underline;}
/*2020-02-11 KTH : [WEB] 중고차리스_키 메시지 영역 수정*/
.section_keymsg .keymsg_list1.type7 ul {width:895px;}
.section_keymsg .keymsg_list1.type7 ul li {padding-left:50px; padding-right:50px; height:140px;}
.slider_container.btn_no {height:291px;}
.slider_container.btn_no .slider_box {height:100%;}
.car .box_plus .apply_top > .tit {background-image:url(../../cmmn/images/common/ico_apply_plus.png); background-repeat:no-repeat; padding-left:35px; background-position:left center;}
/* 2020-03-16 JMJ : [WEB] 중고차리스_플카 중고샵 서비스 삭제 및 내용 변경 */
.section_keymsg .keymsg_list1.type8 ul {width:770px;}
.section_keymsg .keymsg_list1.type8 ul li {padding-left:28px; padding-right:28px; height:140px;}
/* 2020-05-14 LJY : [WEB] 구매할부_특별 프로모션 수정_5월 */
.keymsg_list2 {margin-top:32px;}
.keymsg_list2:after {content:''; display:block; clear:both;}
.keymsg_list2 .fl_l {width:50%; padding:0 30px; border-left:1px solid rgba(255,255,255,.12); box-sizing:border-box;} /* 2021-01-13 LJY : padding 추가 */
.keymsg_list2 .fl_l:first-child {border-left:none;}
.keymsg_l a < < PVs ^ E (J@ dks[>c PdS)Z CP B a߶ < < PVs ^ E (J @ cks[>c PdS)Z C9P a : : ^ PVsρ E ( @)_s[>k Pc C9dS)ZP :27px; font-size:22px; color:#fff;}
.keymsg_list2 .condition {margin-bottom:26px; text-align:center;}
.keymsg_list2 .condition.txt2 {margin:-2px 0 30px; font-size:28px; font-family:'HYBold'; line-height:36px;} /* 2021-01-13 LJY */
.keymsg_list2 .condition > li {display:inline-block; padding:0 42px; border-left:1px solid rgba(255,255,255,.12);}
.keymsg_list2 .condition > li:first-child {border-left:none;}
.keymsg_list2 .condition em {display:block; margin:-1px 0 -9px; font-size:24px; font-family:'HYBolda# < < PVs ^ E (J
@ bks[>c PdS)Z C9P v a% ^ PVsρ E + @'s[>k Pc C9dS)ZPq ';}
.keymsg_list2 .txt_fs15 {margin-bottom:34px; line-height:20px;}
.keymsg_list2 .all {display:inline-block;}
.tbl_promotion td .txt_blue {line-height:20px;}
.tbl_promotion .txt_fs15 li {line-height:23px;}
/* 2020-07-06 PSS : [WEB] 구매할부_특별 프로모션 수정_7월 */
.section_partner{height:250px; text-align: center; border: none;background: #f4f6fa;position: absolute;left: 0;width: 100%;}
.section_partner .sec_tit .icon{display:inline-block;width:80px;height:54px;margin:59px 0 23px;background:url(../../cmmn/images/common/img_partner.png) no-repeat 0 0}
.section_partner .sec_tit .title{font-size:26px;padding:0 0 14px}
.section_partner + #newcar_hy01,
.section_partner + #newcar_kia01 {margin-top:250px; border-top:none;}
/* 2020-09-08 PSS [WEB] 자동차금융_제네시스 금융 신규 메뉴 추가 */
.Animationgenesis_cont.prog > span {background-image: url(../../cmmn/images/newcar/genesis_bg4.png) !ima' ^ PVsρ E , @%s[>k Pc CdS)ZP& portant;}
.Animationgenesis_cont.prog.rent > span {background-image: url(../../cmmn/images/newcar/genesis_bg5.png) !important;}
.Animationgenesis_cont.subscripttion > span {background-image: url(../../cmmn/images/newcar/genesis_bg6.png) !important;}
.Animationgenesis_cont.installment > span {background-image: url(../../cmmn/images/newcar/genesis_bg7.png) !important;}
.slider_newcar_genesis_prog .slider_container {height:426px;}
.slider_newcar_genesis_prog .slider_container .slider_box {height:426px;}
.slider_newcar_genesis_prog .slider_b_c {height:auto;}
.slider_newcar_genesis_prog .info_list {margin:35px 0 0; text-align:center;}
.slider_newcar_genesis_prog .info_list ul {display:inline-block; font-size:0;}
.slider_newcar_genesis_prog .info_list ul > li {position:relative; float:left; width:251px; height:123px; padding:60px 0 0; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.12); font-size:13px;} /* 2021-03-23 KEJ */
.slider_newcar_genesis_prog .info_list ul > li:first-child {border-left:none;}
.slider_newcar_genesis_prog .info_list ul > li:before {position:absolute; left:50%; top:0; display:block; content:""; width:54px; height:54px; margin-left:-27px; background:url(../../cmmn/images/newcar/ico_info_list.png) no-repeat;}
.slider_newcar_genesis_prog .info_list ul > li > p {}
.slider_newcar_genesis_prog .info_list ul > li > p > strong {display:block; margin-bottom:7px; font-family:'HY a) ^ PVsρ E - @%s[>k Pc CdS)ZP
T genesis_prog .info_list ul > li.info1:before {background-position:-54px 0}
.slider_newcar_genesis_prog .info_list ul > li.info2:before {background-position:-162px 0}
.slider_newcar_genesis_prog .info_list ul > li.info3:before {background-position:0 0}
.slider_newcar_genesis_prog .info_list ul > li.info4:before {background-position:-108px 0}
.slider_newcar_genesis_prog .info_list ul > li.info5:before {background-position:-216px 0}
.slider_newcar_genesis_prog .info_list ul > li.info6:before {background-position:-270px 0}
.slider_newcar_genesis_prog .info_list ul > li.info7:before {background-position:-324px 0}
.slider_newcar_genesis_prog .info_list ul > li.info8:before {background-position:-540px 0} /* 2021-03-23 KEJ : 수정 */
.slider_newcar_genesis_prog .info_list ul > li.info9:before {background-position:-324px 0} /* 2021-03-23 KEJ : 수정 */
.slider_newcar_genesis_prog .info_list ul > li.info10:before {background-position:-486px 0}
.slider_newcar_genesis_prog .keymsg_btn_oen {margin-top:110px;}
.slider_newcar_genesis_prog .btn_wht {min-width:250px; height:60px; line-height:60px; padding:0; background:none; border:2px solid #fff; color:#fff !important;}
.newcar_genesis_prog .banner_apply.col1 {height:123px; margin-top:60px;}
.newcar_genesis_prog .banner_apply .sec_inner.guide {height:123px;}
.newcar_genesis_prog .banner_apply .sec_inner.guide .box_apply {height:123px; padding:21px 0 0;}
.newca a, ^ PVsρ E . @%s[>k Pc C UdS)ZPJ| pply .sec_inner.guide .box_apply .apply_top {padding:0;}
.newcar_genesis_prog .banner_apply .sec_inner.guide .box_apply .apply_top .tit {position:static; display:inline-block; text-align:center; background-position:0 -661px;}
.newcar_genesis_prog .banner_apply .sec_inner.guide .box_apply .apply_bottom {padding:11px 0 0; text-align:center;}
.newcar_genesis_prog + #contents .section_partner {height:278px}
.newcar_genesis_prog + #contents .section_partner .sec_tit .icon {margin:73px 0 36px}
.newcar_genesis_prog + #contents .section_partner .sec_tit .title {padding:0 0 16px;}
.newcar_genesis_prog + #contents .section_partner .sec_cont {font-size:15px;}
.newcar_genesis_prog + #contents .section_partner + .section {padding-top:336px;}
.newcar_genesis_prog + #contents .section_partner + .section .sec_cont .tit_cont3 {line-height:25px;}
/* .newcar_genesis_prog + #contents .section + .section_partner {height:245px;} */
.section_wrap2 .section .sec_cont .info_use {overflow:hidden; display:table; min-height:277px; padding:1px 0; border:1px solid rgba(14,23,39,.1); border-radius:4px; box-shadow: 0px 1px 5px 0px rgba(29,35,69,.1);}
.section_wrap2 .section .sec_cont .info_use .util {position:relative; display:table-cell; width:33.3%; height: 100%; padding:0 0 25px; border-left:1px solid #f0f0f0; box-sizing: border-box;}
.section_wrap2 .section .sec_cont .info_use .util:before {position:absolute; left:-15px; top a. ^ PVsρ E / @%s[>k Pc C% dS)ZPf: ontent:""; width:30px; height:30px; background:url(../../cmmn/images/newcar/bg_plus.png) no-repeat; background-position:-13px 0; }
.section_wrap2 .section .sec_cont .info_use .util:first-child {width:66.6%; border-left:none;}
.section_wrap2 .section .sec_cont .info_use .util:first-child:before {display:none;}
.section_wrap2 .section .sec_cont .info_use .util dt {margin-top:27px; font-size:13px; font-family:'HYbold'; color:#333; text-align:center;}
.section_wrap2 .section .sec_cont .info_use .util dd {margin-top:50px; text-align:center;}
.section_wrap2 .section .sec_cont .info_use .util dd .list {display:inline-block; width:100%; }
.section_wrap2 .section .sec_cont .info_use .util dd .list > li {float:left; width:100%; font-size:15px; color:#888;}
.section_wrap2 .section .sec_cont .info_use .util dd .list_txt2 {padding:48px 55px 0; text-align:left; }
.section_wrap2 .section .sec_cont .info_use .util:first-child dd .list > li {position:relative; width:50%; font-size:15px; color:#888;}
.section_wrap2 .section .sec_cont .info_use .util:first-child dd .list > li:first-child:before {background:none;}
.section_wrap2 .section .sec_cont .info_use .util:first-child dd .list > li:before {position:absolute; left:-6px; top:50%; display:block; content:""; width:13px; height:30px; margin-top:-15px; background:url(../../cmmn/images/newcar/bg_plus.png) no-repeat;}
.section_wrap2 .section .sec_cont .info_use .util dd . a0 < < PVs ^ E (J @ aks[>c PdS)Z CP } a2 < < PVs ^ E (J @ `ks[>c PdS)Z C% P rR a4 ^ PVsρ E 0 @%s[>k Pc C*dS)ZPx y:block; margin-bottom:6px; font-size:22px; color:#3d5bdc;}
.section_wrap2 .section .sec_cont .banner_genesis a {position:relative; display:block; padding:23px 0 0 30px; height:133px; margin-top:50px; background: linear-gradient(70deg, #111 0%, #333 100%); background: -webkit-linear-gradient(70deg, #111 0%, #333 100%); border:1px solid rgba(14,23,39,.1); box-sizing: border-box; box-shadow: 0px 1px 5px 0px rgba(0,13,57,.8); border-radius:4px; font-size:17px; color:#fff;}
.section_wrap2 .section .sec_cont .banner_genesis a:before {position:absolute; top:50%; right:30px; display:block; content:""; width:188px; height:83px; margin-top:-41px; background:url(../../cmmn/images/newcar/banner_genesis.png) no-repeat;}
.section_wrap2 .section .sec_cont .banner_genesis.subscription a:before {width:223px; height:82px; margin-top:-40px; background:url(../../cmmn/images/newcar/banner_genesis01.png) no-repeat;}/* 2021-01-05 JMJ */
.section_wrap2 .section .sec_cont .banner_genesis.installment a:before {width:198px; height:93px; margin-top:-46px; background:url(../../cmmn/images/newcar/banner_genesis02.png) no-repeat;}
.section_wrap2 .section .sec_cont .info_use .util .list_pool {padding:48px 50px 0 50px; text-align:left;}
.list_pool ul {}
.list_pool ul > li {display:inline-block; padding-left:15px; text-indent:-15px; color:#888;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .benefit_ag .pool_list {display:in a6 ^ PVsρ E 1 @%s[>k Pc C0qdS)ZPx :15px; text-indent:-15px; font-size:13px;}
.newcar_genesis_prog + #contents .tit_cont3 {line-height:25px;}
.newcar_genesis_prog + #contents .tit_cont3 .tail {display:block; margin-bottom:12px; font-size:15px; color:}
.newcar_genesis_prog + #contents .info_service_box.premium > ul {display:table; width:100%; }
.newcar_genesis_prog + #contents .info_service_box.premium > ul > li {display:table-cell;}
.newcar_genesis_prog + #contents .info_service_box.premium .info_box {height:auto;}
.newcar_genesis_prog + #contents .info_service_box.premium .info_box .list_txt2 .pool_list li{color:#ccc;}
.newcar_genesis_prog + #contents .section_benefit3.part2 {}
.newcar_genesis_prog + #contents .section_benefit3.part2 .benefit_ag {padding:26px 30px 25px; font-size:15px;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .benefit_ag.open .tt {font-family:'HYBold'; color:#3d5bdc;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service {}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap {}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li {}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li > .tit {display:block; margin-top:40px; font-size:19px; color:#333;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li:first-child > .tit {margin-top:20px;}
.newcar_gene a8 ^ PVsρ E 2 @%s[>k Pc C6%dS)ZPx ction_benefit3.part2 .add_service .list_wrap > li .cont {}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list {border-bottom:1px solid #f0f0f0;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li {position:relative; padding:20px 0 15px 70px; border-top:1px solid #f0f0f0;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li:first-child {border-top:none;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li:before {display:block; content:""; position:absolute; left:0; top:20px; width:30px; height:30px; background:url(../../cmmn/images/newcar/ico_add_service.png) no-repeat;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li dl:first-child {margin-top:0;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li dl {margin-top:10px;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li dl dt {margin-top:-4px; font-size:15px; color:#333;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li dl dt.sub_tit {font-size:13px; font-family:'HYBold';}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_ a> < < PVs ^ E (J
@ _ks[>c PdS)Z C0qP } a@ ^ PVsρ E 3 @%s[>k Pc C;dS)ZP li dl dd {font-size:13px; color:#666; line-height:20px;}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico01:before {background-position:0 0}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico02:before {background-position:-30px 0}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico03:before {background-position:-60px 0}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico04:before {background-position:0 -30px}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico05:before {background-position:-30px -30px}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico06:before {background-position:-60px -30px}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico07:before {background-position:0 -60px}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico08:before {background-position:-30px -60px}
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico09:before {background-position:-60px -60px}
.newcar_genesis_prog + #contents .section_b aB ^ PVsρ E 4 @%s[>k Pc CAdS)ZP ce .list_wrap > li .cont .list > li.ico10:before {background-position:0 -90px} /* 2021-06-29 KEJ : 수정 */
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li.ico11:before {background-position:-30px -90px} /* 2021-06-29 KEJ : 추가 */
.newcar_genesis_prog + #contents .section_benefit3.part2 .add_service .list_wrap > li .cont .list > li:last-child {padding-bottom:0;} /* 2021-06-29 KEJ : 수정 */
.newcar_genesis_prog + #contents .newcar_program.section_info_prdt4 .box_info {height:446px;}
.newcar_genesis_prog + #contents .newcar_program.section_info_prdt4.installment .box_info {height:289px;} /* 2021-03-23 KEJ */
.CPGNFE0101 .newcar_genesis_prog + #contents .newcar_program.section_info_prdt4 .box_info {height:401px;}
.newcar_genesis_prog + #contents .section_special.type2 .info_card .cd_img {position:absolute; bottom:93px;}
@media (min-width: 1579px){
.newcar_genesis_prog + #contents .section_special.type2 .info_card .cd_img {bottom:103px;}
}
.newcar_genesis_prog + #contents .section_special.type2 {width:auto;}
.info_service_box.premium .info_box .list_txt3 > ul > li {color:#ccc;}
.info_service_box.premium .info_box .tit .tail {display:inline-block; height:14px; line-height:14px; margin-left:10px; padding:0 5px; font-size:11px; border:1px solid #fff; border-radius:2px; vertical-align:text-bottom;}
.section_wrap2 .section.bg_genesis {padding aD ^ PVsρ E 5 @%s[>k Pc CGAdS)ZP@U l(../../cmmn/images/newcar/bg_section_genesis.png) no-repeat right top; background-size:222px;} /* 2021-03-23 KEJ */
.section_wrap2 .section.bg_genesis .tit_cont3 {margin-bottom:24px;}
.section_wrap2 .section .sec_cont .sec_line {position:relative; padding:46px 0 50px; border-top:1px solid #f0f0f0;}
.section_wrap2 .section .sec_cont .sec_line:after {display:block; content:""; clear:both;}
.section_wrap2 .section .sec_cont .sec_line.first {margin-top:46px; height:291px; box-sizing:border-box;}
.section_wrap2 .section .sec_cont .sec_line.first .fl_l {width:38%;}
.section_wrap2 .section .sec_cont .sec_line .img_area {position:absolute; right:0; bottom:0; }
.section_wrap2 .section .sec_cont .sec_line .tit_cont4 {margin-bottom:13px; font-size:19px; line-height:25px; color:#333;}
.section_wrap2 .section .sec_cont .sec_line .tit_cont5 {margin:25px 0; font-size:17px; line-height:26px; color:#3d5bdc;}
.section_wrap2 .section .sec_cont .sec_line .tit_cont5 .tail {font-size:13px; color:#888;}
.section_wrap2 .section .sec_cont .sec_line .txt {font-size:15px; line-height:23px;}
.info_service_box.premium.prog {margin:26px 0 0;}
.info_service_box.premium.prog .info_box .ico {margin-bottom:25px;}
.section_guard p.txt_point .pool_txt {display:block; margin-left:10px; padding-left:15px; text-indent:-15px;}
.pool_list {}
.pool_list > li {padding-left:15px; text-indent:-15px;}
.newcar_genesis_prog + #contents .car_ aG ^ PVsρ E 6 @%s[>k Pc CLdS)ZP] ition:static; height:auto; margin:26px 0 0; padding:25px 30px 30px; border: 1px solid #e6e7e9; background-color: #ffffff; box-shadow: 0 1px 5px 0 rgba(29,35,69,0.1); border-radius: 4px; box-sizing: border-box;}
.car_type .car_list .tit_cont5 {margin-top:0 !important;}
.car_type .car_list ul {overflow:hidden; padding:0 31px;} /* 2021-06-29 KEJ : 수정 */
.car_type .car_list ul > li {position:relative; float:left; text-align:center; box-sizing:border-box;} /* 2021-06-29 KEJ : 수정 */
.car_type .car_list ul > li:last-child{width:97px; padding-right:0;}/* 2021-06-29 KEJ : 추가 */
.car_type .car_list ul > li{padding-right:61px;}/* 2021-06-29 KEJ : 추가 */
.car_type .car_list ul > li.schedule {float:right;}
.car_type .car_list ul > li img {display:block; height:100%;} /* 2021-06-29 KEJ : 수정 */
.car_type .car_list ul > li div{height:76px; margin-bottom:22px;}
.car_type .car_list ul > li.schedule:before {position:absolute; left:-8%; top:50%; display:block; content:""; width:18%; padding-top:18%; margin-top:-15%; background:url(../../cmmn/images/newcar/bg_car_list.png) no-repeat; background-size:100%;}
.cycling {margin-top:30px;border-top:1px solid #ebebeb;} /* 2021-06-29 KEJ : 수정 */
.cycling .kind {overflow:hidden; }
.cycling .kind > li {position:relative;float:left; width:50%; text-align:center; box-sizing:border-box; font-size:0;}
.cycling .kind > li:before {position:absolute; left:0; aI ^ PVsρ E 7 @%s[>k Pc CRdS)ZP ntent:""; width:1px; height:90px; background:#ebebeb; }
.cycling .kind > li:first-child:before{display:none;}
.cycling .kind > li ul {display:inline-block; }
.cycling .kind > li ul > li {position:relative; float:left; height:90px; line-height:90px; font-size:22px; color:#333;}
.cycling .kind > li ul > li img {padding:0 20px;}
/*.sec_line .cycling .kind > li ul > li:before {position:absolute; left:0; top:50%; display:inline-block; content:""; width:30px; height:30px; margin-top:-15px; background:url(../../cmmn/images/newcar/bg_car_cycling.png) no-repeat; } */
.sec_line .graph_genesis {margin:26px 0 0; padding:60px 60px 55px; border: 1px solid #e6e7e9; background-color: #ffffff; box-shadow: 0 1px 5px 0 rgba(29,35,69,0.1); border-radius: 4px; color: #666666; box-sizing: border-box;}
.sec_line .graph_genesis .img_graph_area {text-align:center;}
.sec_line .graph_genesis .txt_list {overflow:hidden; margin-top:30px; padding-top:27px; border-top:1px solid #ebebeb;}
.sec_line .graph_genesis .txt_list > li {float:left; width:50%; padding-left:60px; box-sizing:border-box;}
.sec_line .graph_genesis .txt_list > li:first-child {padding-left:0;}
.sec_line .graph_genesis .txt_list > li .tit {font-size:15px; line-height:20px; color:#333;}
.sec_line .graph_genesis .txt_list > li .txt {font-size:13px !important; line-height:20px !important; margin-top:13px;}
.sec_line.convenient {padding-bottom:30px !important;}
aL < < PVs ^ E (J@ ^ks[>c PdS)Z C;P rԂ aM < < PVs ^ E (J@ ]ks[>c PdS)Z CGAP g% aO ^ PVsρ E 8 @%s[>k Pc CX]dS)ZP xt {font-size:15px; line-height:23px; color:#666;}
.sec_line.convenient ul {width:39%; margin-top:10px;}
.sec_line.convenient ul > li {position:relative; padding:23px 0 23px 70px; font-size:15px; line-height:25px; color:#333; border-top:1px solid #ebebeb;}
.sec_line.convenient ul > li .tail {font-size:13px; color:#888;}
.sec_line.convenient ul > li:first-child {border-top:none;}
.sec_line.convenient ul > li:before {position:absolute; left:0; top:50%; display:block; content:""; width:30px; height:30px; margin-top:-15px; background:url(../../cmmn/images/newcar/ico_genesis_easy.png) no-repeat;}
.sec_line.convenient ul > li.ico01:before {background-position:0 0}
.sec_line.convenient ul > li.ico02:before {background-position:-30px 0}
.sec_line.convenient ul > li.ico03:before {background-position:-60px 0}
.info_service_box.premium.installment > ul {}
.info_service_box.premium.installment > ul > li { }
.info_service_box.premium > ul.col4 > li {width:25%;}
.info_service_box.premium .info_box .first {min-height:38px; margin-bottom:41px; color:#ccc;}
.info_service_box.premium.installment .info_box .tit {margin-bottom:5px;}
.info_service_box.premium .info_box .number {margin-bottom:5px; font-size:24px; color:#fff;}
.info_service_box.premium .info_box .tail {color:#ccc;}
.CPGNFN0101 .car_type .tit_cont5 {margin: 25px 0; font-size:17px; line-height:26px; color:#333;}
.CPGNFN0101 .car_type .car_list .tit_c aQ ^ PVsρ E 9 @%s[>k Pc C^dS)ZP
PGNFN0101 .car_type .tit_cont5 .tail {font-size:13px; line-height:26px; color:#888;}
.pool_txt {padding-left:17px; font-size:13px; line-height:23px; color:#888; text-indent:-17px; }
.tit_cont4 {font-size:19px; line-height:25px; color:#333;}
.benefit_box {margin-top:26px; border: 1px solid rgba(14,23,39,.1); border-radius: 4px; box-shadow: 0px 1px 5px 0px rgba(29,35,69,.1);}
.benefit_box > ul {display:table; width:100%;}
.benefit_box > ul > li {position:relative; display:table-cell; width:50%; padding:25px 0 23px; border-left:1px solid #f0f0f0; box-sizing:border-box;}
.benefit_box > ul > li:first-child {border-left:none;}
.benefit_box > ul > li:first-child:after {display:none;}
.benefit_box > ul > li:after {position:absolute; left:-15px; top:50%; display:block; content:""; width:30px; height:30px; margin-top:-15px; background:url(../../cmmn/images/newcar/bg_arrow.png) no-repeat; }
.benefit_box > ul > li > dl {}
.benefit_box > ul > li > dl dt {margin:0 0 48px; text-align:center; font-family: 'HYbold'; line-height:23px; color:#333;}
.benefit_box > ul > li > dl dd {text-align:center;}
.benefit_box > ul > li > dl dd > ul {overflow:hidden;}
.benefit_box > ul > li > dl dd > ul > li {position:relative; float:left; width:50%;}
.benefit_box > ul > li > dl dd > ul > li:after {position:absolute; left:-6px; top:50%; display:block; content:""; width:13px; height:30px; margin-top:-15px; background:url(../../cmmn/ aS ^ PVsρ E : @%s[>k Pc CcdS)ZP g) no-repeat;}
.benefit_box > ul > li > dl dd > ul > li:first-child:after {display:none;}
.benefit_box > ul > li.before > dl ul > li{font-size:22px; line-height:33px; color:#333;}
.benefit_box > ul > li.after > dl ul > li {font-size:22px; line-height:33px; color:#3d5bdc;}
.benefit_box > ul > li.after > dl ul > li .tail {display:block; font-size:15px; color:#888;}
.section_guard .tit_sub {margin-bottom:4px; font-size:13px; line-height:19px; color:#333;}
.product_info {margin:-20px 0 30px -20px; }
.product_info:after {display:block; content:""; clear:both;}
.product_info .sec {float:left; width:380px; margin:20px 0 0 20px; padding:20px; border: 1px solid #e6e7e9; background-color: #ffffff; box-shadow: 0 1px 5px 0 rgba(29,35,69,0.1); border-radius: 4px; box-sizing: border-box;}
.product_info .sec .txt {font-family:'HYBold'; color:#333;}
.product_info .sec .txt .tail {display:block; margin-top:8px; font-family:'HYRegular'; color:#666;}
.product_info .sec .img_area {margin-top:16px; text-align:center;}
.section_info_prdt4.installment {padding-top:45px; border-top:1px solid #f0f0f0;}
.CPGNNW0101 .info_card2 .cd_cont .txt {min-height:auto;}
@media all and (min-width:1579px) {
.car_type .car_list ul > li.schedule:before {left:-34px;}
.sec_line.convenient ul {width:480px;}
.info_service_box.premium .info_box .first {min-height:auto;}
.product_info {margin:-40px 0 30px -40px;}
.produc aV < < PVs ^ E (J@ \ks[>c PdS)Z CRP \ aW < < PVs ^ E (J@ [ks[>c PdS)Z C^P Qk aY ^ PVsρ E ; @%~s[>k Pc CiydS)ZP ; margin:40px 0 0 40px;}
.CPGNNW0101 .info_card2 .cd_cont .txt {min-height:auto;}
}
/* 2020-12-04 LJY : [WEB] 중고차_디지털 중고차리스 신규 추가 */
.usedcar_lease .tit_page {margin-bottom:51px;}
.usedcar_lease .section_keymsg .keymsg_list1 ul {height:auto; margin-top:42px;}
.usedcar_lease .section_keymsg .keymsg_list1 li {margin-bottom:-5px;}
.usedcar_lease .section_keymsg .keymsg_list1 li .txt {margin-top:9px;}
.usedcar_lease .section_keymsg .keymsg_list1 li .txt .dp_b {margin-top:7px; line-height:20px;}
.usedcar_lease .section_keymsg .keymsg_list1 .col3 {width:802px;}
.usedcar_lease .section_keymsg .keymsg_list1 .col3 li {width:33.33%; box-sizing:border-box;}
.usedcar_lease .banner_apply {margin-top:39px;}
.digin_ul .box.n10 {background:url(../../cmmn/images/oldcar/dtc_ic_10.png) no-repeat 0 4px; background-size:30px auto; -webkit-background-size:30px auto;}
.digin_ul .box.n11 {background:url(../../cmmn/images/oldcar/dtc_ic_11.png) no-repeat 0 4px; background-size:30px auto; -webkit-background-size:30px auto;}
.digin_ul .box.n12 {background:url(../../cmmn/images/oldcar/dtc_ic_12.png) no-repeat 0 4px; background-size:30px auto; -webkit-background-size:30px auto;}
.digin_ul .box.n13 {background:url(../../cmmn/images/oldcar/dtc_ic_5.png) no-repeat 0 2px; background-size:30px auto; -webkit-background-size:30px auto;}
.digin_ul .box.n14 {background:url(../../cmmn/images/oldcar/dt a[ ^ PVsρ E < @%}s[>k Pc Co-dS)ZP\N 4px; background-size:30px auto; -webkit-background-size:30px auto;}
.digin_ul.type2 {margin-bottom:-3px;}
.digin_ul.type2 li {padding-top:26px;}
.digin_ul.type2 li:first-child {padding-top:0;}
.digin_ul.type2 .box {padding-left:50px;}
.digin_ul.type2 .box .st,
.digin_ul.type2 .box .tt {font-family:'HYRegular';}
.digin_ul.type2 .box.n3 {background-position-y:2px;}
.digin_ul.type2 .box.n9 {background-position-y:3px;}
/* //2020-12-04 LJY */
/* 2021-03-23 KEJ : [WEB] G-FINANCE_PC 화면 업데이트 */
.car #contents_top.newcar_genesis_prog{height:750px; box-sizing:border-box;} /* 2021-06-29 KEJ : 수정 */
.benefit_box > ul.genesis_box > li{padding:34px 0;}
.benefit_box > ul.genesis_box > li > dl dt{margin:0 0 30px; line-height:13px; font-weight:bold;}
.section_wrap2 .section.bg_genesis.intro{margin-top:30px; padding:30px 0 50px 0; border: none; }
.section_wrap2 .section.genesis_area{padding: 0 0 50px 0; border: none;}
.section.genesis_area .sec_cont{padding-top: 50px; border-top: 1px solid #ebebeb;}
.section.genesis_area .section.youtube{width:100%; padding:30px 0 0; border:none;}
.section.genesis_area .tit_youtube{margin-top:50px; text-align:center; font-size:19px; color:#333;}
.newcar_genesis_prog .contents_top_inner .tit_page{margin-bottom:44px;}
.section_wrap2 .data_area .box_data{float:left; width:30.4%; padding:30px 0; border:1px solid #e6e7e9; box-shadow:0 1px 5px 0 rgb(29 35 69 / 10%) a] ^ PVsρ E = @%|s[>k Pc CtdS)ZPߢ -sizing:border-box;}
.section_wrap2 .data_area:after{display:block; clear:both; content:'';}
.section_wrap2 .data_area .box_data:not(:last-child){margin-right:4%;}
.section_wrap2 .data_area .box_data dl{padding:0 30px;}
.section_wrap2 .data_area .box_data dl dt{font-size:17px; color:#333;}
.section_wrap2 .data_area .box_data dl dd{padding-top:15px; font-size:13px; color:#666; line-height:20px;}
.section_wrap2 .data_area .data_con{margin-top:30px; padding:30px 30px 0 30px; border-top:1px solid #f0f0f0;}
.section_wrap2 .data_area .img_lst img{padding:0 9.36%; width:100%; box-sizing:border-box;}
.section_wrap2 .data_area .txt_info{font-size:15px; color:#333; line-height:23px; text-align:center;}
.section_wrap2 .data_area .img_lst{padding:30px 0;}
.section_wrap2 .data_area .txt_block{display:none;}
.section_wrap2 .data_area .img_lst li{float:left; position:relative; width:44.22%; text-align:center;}
.section_wrap2 .data_area .img_lst li:last-child{margin-left:11.56%;}
.section_wrap2 .data_area .img_lst li:last-child:after{position:absolute; display:block; left:-27%; top :60%; content:''; width:28.04%; height:20.84%; background:url(../../cmmn/images/newcar/ico_vs.png) no-repeat; background-size:100%;}
.section_wrap2 .data_area .img_lst:after{display:block; clear:both; content:'';}
.section_wrap2 .data_area .pool_txt{padding-top:30px; border-top:1px solid #f0f0f0; line-height:20px; }
.section_wrap2 .d a` ^ PVsρ E > @%{s[>k Pc CzdS)ZP g-bottom:15px; color:#666;}
.section_wrap2 .data_area .box_data:last-child .txt_img{padding-bottom:38px;}
.section_wrap2 .data_area .txt_img span{font-size:15px; color:#333; line-height:23px;}
.section_wrap2 .data_area .txt_img span.txt_blue{font-weight:bold; letter-spacing:-0.02em;}
.data_area.installment + .pool_txt{margin:40px 0;}
.section_info_prdt4.charge{margin-bottom:50px;}
.section_info_prdt4.charge img{width:100%;}
.section_info_prdt4.charge .box_info{height:auto; padding:60px 74px;}
.section_info_prdt4.charge .sec:last-child{margin-top:26px;}
.benefit_box.installment > ul > li{padding:31px 0 29px; vertical-align:middle; text-align:center;}
.benefit_box.installment > ul > li:first-child{width:33.2%;}
.benefit_box.installment > ul > li:last-child{width:66.8%;}
.benefit_box.installment .tit{font-size:22px; line-height:33px; color:#333;}
.benefit_box.installment ul li.after ul li{position:relative; float:left; width:50%;}
.benefit_box.installment ul li.after > ul > li:after{display:block; clear:both; content:'';}
.benefit_box.installment > ul > li:last-child > ul > li:last-child:after {position:absolute; left:-6px; top:50%; display:block; content:""; width:13px; height:30px; margin-top:-15px; background:url(../../cmmn/images/newcar/bg_plus.png) no-repeat;}
.benefit_box.installment .tit_sub{padding-bottom:3px; font-size:15px; color:#888;}
.section_info_prdt4.installment .col2 .sec:last-child aa ^ PVsρ E ? @%zs[>k Pc CIdS)ZPG _cont .section_info_prdt4.installment{padding-top:0; border:none;}
.section_guard.box_style{padding-top:323px; border-top:0;}
.section_partner.genesis .link_arr{font-size:15px; color:#1e88e9; background-position: right -28px; }
.section_partner.genesis .icon{width:321px; height:30px; background:url(../../cmmn/images/common/ico_logo.png) no-repeat 0 0}
/* 리스렌트카 */
.tab_wrap.service .section_info{position: relative; padding:30px; border: 1px solid #e6e7e9; border-radius:4px; box-shadow: 0 1px 5px 0 rgb(29 35 69 / 10%); }
.tab_wrap.service .section_info + .section_benefit3{margin: 40px 0;}
.tab_wrap.service .section_info .list_txt ul li{font-size:15px; color:#333; line-height:23px;}
.tab_wrap.service .section_info .list_txt.half ul:after{content:'';display:block;clear:both;}
.tab_wrap.service .section_info .list_txt.half ul li{float: left; width: 48%}
.tab_wrap.service .section_info .list_txt + p{margin-top: 5px; font-size: 13px; color: #888;}
.tab_wrap.service .section_info .ico{position: absolute; padding: 0 5px; top: 29px; right:30px; font-size: 11px; font-weight:bold; border: 1px solid #3d5bdc; border-radius: 2px; color: #3d5bdc; }
.tab_wrap.service .section_benefit3{border: none; box-shadow: none;}
.tab_wrap.service .section_benefit3 .benefit_ag{border: 1px solid #e6e7e9; box-shadow: 0 1px 5px 0 rgb(29 35 69 / 10%);}
.tab_wrap.service .section_benefit3 .benefit_ag + p{display:none; margi ad ^ PVsρ E @ @%ys[>k Pc CdS)ZPpI .service .section_benefit3 .benefit_ag.open + p{display: block; margin-top: 20px; color:#888;}
.sec_cont .tab_wrap + .tit_cont4{padding-top:40px; }
.sec_cont .box_sec{margin-top: 26px; padding:31px 0 29px; border: 1px solid #e6e7e9; box-shadow: 0 1px 5px 0 rgb(29 35 69 / 10%); text-align: center;}
.sec_cont .box_sec p{font-size: 22px; color:#333;}
.tab_wrap.service .benefit_ag .pool_list, .tab_wrap.service .list_txt3.type2 ul li{color:#888; line-height:23px;}
.tab_wrap.genesis + .list_txt3 .add_list > ul > li:before{display:block; content:"·"; position:absolute; left:-2px; top:-1px;}
@media all and (max-width:1578px) {
.section_wrap2 .data_area .box_data{width:31.6%; padding:20px 0; }
.section_wrap2 .data_area .box_data:not(:last-child){margin-right:20px;}
.section_wrap2 .data_area .box_data dl{padding:0 20px;}
.section_wrap2 .data_area .box_data dl dd{letter-spacing:-0.04em; line-height:22px;}
.section_wrap2 .data_area .data_con{margin-top:20px; padding:20px 20px 0 20px; line-height:22px;}
.section_wrap2 .data_area .img_lst{padding:30px 0 20px 0;}
.section_wrap2 .data_area .txt_block{display:block;}
.section_wrap2 .data_area .txt_info{letter-spacing:-0.06em;}
.section_wrap2 .data_area .txt_img span{letter-spacing:-0.1em;}
.section_wrap2 .data_area .box_data:nth-child(2) .img_lst li:first-child .txt_img{padding-bottom:39px;}
.section_wrap2 .data_area .pool_txt{padding-top:20px; line af < < PVs ^ E (J@ Zks[>c PdS)Z CiyP F ah < < PVs ^ E (J@ Yks[>c PdS)Z CtP ; aj < < PVs ^ E (J@ Xks[>c PdS)Z CIP 0T ak ^ PVsρ E A @%xs[>k Pc CdS)ZP, rea.installment + .pool_txt{margin:20px 0 40px 0;}
.section_wrap2 .data_area .img_lst li:last-child:after{width:30px; height:30px; top:67%; left:-30%;}
.newcar_genesis_prog + #contents .newcar_program.section_info_prdt4.installment .box_info{height:306px;}
/* 2021-06-29 KEJ */
.car_type .car_list ul{padding:0 17px;}
.car_type .car_list ul > li{ letter-spacing:-0.026em;}
.car_type .car_list ul > li{padding-right:31px;}
.car_type .car_list ul > li:last-child{width:86px;}
.car_type .car_list ul > li div{height: 69px}
}
/* 2021-06-15 LJY : [WEB] 신차_할부형리스 신규 추가_상용차리스 삭제 */
/* 할부형리스 CPINLS0101 */
.slider_newcar_lease5 .slider_container {height:419px;}
.slider_newcar_lease5 .keymsg_list1 .info_list {display:inline-block; width:auto;}
.slider_newcar_lease5 .keymsg_list1 .info_list > li {background:url(../../cmmn/images/newcar/ico_keymsg01.png) no-repeat 50% 3px;}
.slider_newcar_lease5 .keymsg_list1 .info_list .info1 {padding:60px 35px 0;}
.slider_newcar_lease5 .keymsg_list1 .info_list .info2 {padding:60px 43px 0; background-image:url(../../cmmn/images/newcar/ico_keymsg02.png);}
.slider_newcar_lease5 .keymsg_list1 .info_list .info3 {padding:60px 52px 0; background-image:url(../../cmmn/images/newcar/ico_keymsg03.png);}
.slider_newcar_lease5 .keymsg_list1 .info_list .txt_fs13 {line-height:20px;}
.slider_newcar_lease5 .keymsg_list1 .info_list .dp_b am < < PVs ^ E (J@ Wks[>c PdS)Z CP % a ^ PVsρ E B @%ws[>k Pc CedS)ZP mg_info_box {padding:41px 45px 40px; border:1px solid rgba(14,23,39,.1); border-radius:4px; background:#fff; box-shadow:0 1px 5px rgba(29,35,69,.1); box-sizing:border-box;}
.img_info_box img {max-width:100%;}
.img_info_box .imgL {display:none;}
.img_info_box .tit_cont {padding-bottom:25px; line-height:26px;}
.img_info_box .tit {clear:both; padding-top:26px; font-size:22px; color:#333; line-height:32px; text-align:center;}
.img_info_box.col2:after {content:''; clear:both; display:block;}
.img_info_box.col2 .lt {float:left; width:50%;}
.img_info_box.col2 .rt {float:right; width:50%; text-align:right;}
.img_info_box.col2 .rt .tit_cont {padding-left:33px; text-align:left;}
@media all and (min-width:1579px){
.img_info_box.col2 .rt .tit_cont {padding-left:45px;}
.img_info_box img {display:none;}
.img_info_box .imgL {display:block;}
}
.tit_cont3.bd_type {margin:50px 0 0; padding:46px 0 25px; border-top:1px solid #ebebeb; line-height:26px;}
.info_service_box.ty2 {padding:30px 0; border-color:rgba(14,23,39,.1); box-shadow:0 1px 5px rgba(29,35,69,.1); font-size:15px; color:#333; line-height:24px;}
.info_service_box.ty2 .cont {display:block; padding-top:1px; font-size:13px; color:#666; line-height:20px;}
.info_service_box.ty2 > ul > li {position:relative; padding:0 30px 0 110px;}
.info_service_box.ty2 > ul > li:before {content:''; position:absolute; left:45px; top:5px; overflow:hidden; widt a T T ^ PVsρ E BC @)s[>k Pc CdS)ZPr kground:url(../../cmmn/images/newcar/ico_info_small.png) no-repeat 0 0;}
.info_service_box.ty2 .ico02:before {background-position:-30px 0;}
.info_service_box.ty2 .ico03:before {background-position:-60px 0;}
.info_service_box.ty2 .ico04:before {background-position:-90px 0;}
.info_service_box.ty2 .ico05:before {background-position:-120px 0;}
.info_service_box.ty2 .ico06:before {background-position:-150px 0;}
.info_service_box.ty2 .ico07:before {background-position:-180px 0;}
.section_info_prdt4 .box_info.h_auto {height:auto;}ao < < PVs ^ E (J@ Vks[>c PdS)Z CP y a < < PVs ^ E (J@ Uks[>c PdS)Z C3P wz a < < PVs ^ E (J@ Sks[>c PdS)Z C3P wy a < < ^ PVsρ E ( @)s[>k Pc C3dS)[Ps a < < PVs ^ E (J@ Rks[>c PdS)[ C4P wx a. F F PVs ^ E 4J@ Eks[>W P<] q ag F F ^ PVsρ E 46 @)+s[>k PW -З<^b a Q Q PVs ^ E ?J @ 9ks[>W P<^ -P GET /pc/cmmn/js/common.js?t=153211 HTTP/1.1
Host: www.hyundaicapital.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
Referer: https://www.hyundaicapital.com/main/main/CPMNMN0101.hc?u=mV%2FJxA91tOQVwAGnJxU0amzV0mgQAVST3xgq&b=0
Cookie: JSESSIONID=A1iLN6e8U8yQzCLclcYvlaSiLHr03bUDoWVHw8P8aAM8oRiRpvfXaJ3P6QqPsZ1g.amV1c19hcGh4YXAvYXBoeGFwMTJfYnd3dzAy; WMONID=NE8mhWHeDN2;
Accept-Language: ko,en-US;q=0.9,en;q=0.8,ko-KR;q=0.7,ru;q=0.6
Accept: */*
a (
^ PVsρ E ` @(As[>k PW -ї>uPr HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:15 GMT
ETag: "0-1839f-61cbf403"
Last-Modified: Wed, 29 Dec 2021 05:37:07 GMT
Accept-Ranges: bytes
Content-Length: 99231
Content-Type: text/javascript
as(
^ PVsρ E a @#Xs[>k PW .>uPL var console = window.console || {log:function(){}}; // IE console log에러 우회용
/* Browser Version 체크 : MSIE인 경우 version을 return, 타 브라우저인 경우 99 리턴 */
var usVersion = function() {
var usAgent = navigator.userAgent;
if(usAgent.indexOf("MSIE") == -1) {
if ( usAgent.indexOf('Trident/')>-1 && usAgent.indexOf('rv:11')>-1 ) {
return 11; // IE 11
} else {
return 99; // other browser
}
} else {// IE 6 ~ 10
return parseInt(usAgent.split(";")[1].split(" ")[2]);
}
}
var _browserVer = usVersion();
//IE8 이하 PNG 이미지 투명버그 처리
window.onload = function() {
var img = document.getElementsByTagName("img");
if ( _browserVer < 9 ) {
for(var i=0; ik PW 4Q>uP document.body.scrollHeight)
}
var scrollTop = function() {
return $(window).scrollTop();
}
//GNB
var initGNB = function(d1Num) {
var header = $(".header");
var homeLink = header.find(".logo>a");
var gnb = header.find("#gnb");
var gList = gnb.find(">ul");
var gItem = gList.find(">li");
var gLen = gItem.size();
var gPos = new Array();
var gWidth = new Array();
var gOver = new Array();
var gActive = null;
var util = $("#util>ul");
var uItem = util.find(">li")
var uPos = new Array();
var uWidth = new Array();
var uOver = new Array();
var uActive = null;
var bgGnb = $(".bg_gnb");
var gBar = bgGnb.find("span.navi_bar");
var bgHeight = []; // [315,190,90,190,265, 265,365,90,90,90];
var depth1Num = d1Num;
//var bgChk = bgGrd;
var bgChk = false;
var headerSearch = $('.header_search');
var btnSearch = header.find('.btn_search');
var inpSearch = headerSearch.find('#search');
var btnSearchClose = headerSearch.find('.btn_search_close');
//170607 - zerochan insert
btnSearch.click(function(){
//headerSearch.slideDown();
$('#header').addClass('openSearchBox');
inpSearch.focus();
$("#sch_word").show();
$("#search_recent").show();
$("#search_popular").show();
headerSearch.find(".keyword_cont").hide();
});
btnSearchClose.click(function(){
$('#header').removeClass('openSearchBox');
inpSearch.val('');
//headerSearch.sl a(
^ PVsρ E c @#Vs[>k PW :>uP0 ckground height array set
gList.css('overflow','hidden');
gList.find('.g_dep2').show();
gItem.each( function(eq) {
var _sub = $(this).children('a+ul');
var subHt = _sub.length>0 ? _sub.outerHeight() + 90 + 60 : 90;
bgHeight[eq] = subHt;
});
uItem.each( function(eq) {
var _sub = $(this).children('a+ul');
var subHt = _sub.length>0 ? _sub.outerHeight() + 90 + 60 : 90;
bgHeight[eq+gItem.length] = subHt;
});
gList.find('.g_dep2').hide();
gList.css('overflow','visible');
//bgckground 체크
function bgCheck(){
if($("body").hasClass("bg_gradient") == true) {
bgChk = true;
//$(".bg_gradient").prepend(""); 20170502 삭제
homeLink.addClass("wht");
gList.addClass("wht");
util.addClass("wht");
} else {
bgChk = false;
}
}
bgCheck();
//1뎁스메뉴 위치, 사용자메뉴 위치
//positionCheck();
setTimeout(function() {
gItem.each(function() {
gPos.push(parseInt($(this).offset().left-(($(window).width() - header.width())/2)));
gWidth.push($(this).width());
gOver.push(false);
});
uItem.each(function() {
uPos.push(parseInt($(this).offset().left-(($(window).width() - header.width())/2)));
uWidth.push($(this).width());
uOver.push(false);
});
},400);
$(window).on("resize", function() {
positionCheck();
});
//1depth 메뉴 위치 저장
function positionCheck(){
gP a(
^ PVsρ E d @#Us[>k PW ?>uP- s = new Array();
gItem.each(function() {
gPos.push(parseInt($(this).offset().left-(($(window).width() - header.width())/2)));
gWidth.push($(this).width());
gOver.push(false);
});
uItem.each(function() {
uPos.push(parseInt($(this).offset().left-(($(window).width() - header.width())/2)));
uWidth.push($(this).width());
uOver.push(false);
});
}
//마우스 오버시
gItem.find(">a").off("mouseenter.gnb focusin.gnb").on("mouseenter.gnb focusin.gnb",function() {
var gIdx = $(this).parent().index();
var widthGap = 0;
positionCheck();
if($(window).width() <= 1180){
widthGap = $('#header').width() - 1180;
gPos[gIdx] = $(this).offset().left - widthGap/2;
}
gActive = setTimeout(function() {
if(gOver[gIdx] == false) {
if(bgChk == true) {
homeLink.removeClass("wht");
gList.removeClass("wht",100,"jswing");
util.removeClass("wht",100,"jswing");
}
uItem.css({"opacity":1});
gItem.eq(depth1Num-1).find(">a").removeClass("on");
gItem.eq(gIdx).css({"opacity":1}).siblings().css({"opacity":0.4});
if(bgGnb.is(":hidden")) {
bgGnb.fadeIn(100,"jswing").css({
"height" : bgHeight[gIdx]+"px"
})
gBar.css({
"width" : gWidth[gIdx]+"px",
"left" : gPos[gIdx]
},200,"jswing")
} else {
bgGnb.show().stop().animate({
"height" : bgHeight[gIdx]+"px"
},4 a )
^ PVsρ E e @#Ts[>k PW Em>uP跳 gBar.stop().animate({
"width" : gWidth[gIdx]+"px",
"left" : gPos[gIdx]
},200,"jswing")
}
uItem.find(">a+ul").hide();
if(gItem.eq(gIdx).find(">a+ul").is(":hidden")) {
gItem.find(">a+ul").hide();
gItem.eq(gIdx).find(">a+ul").fadeIn(400,"jswing")
} else if(gItem.eq(gIdx).find(">a+ul").size() == 0) {
gItem.find(">a+ul").hide();
}
gOver[gIdx] = true;
}
},100)
});
gItem.find(">a").off("mouseleave.gnb focusout.gnb").on("mouseleave.gnb focusout.gnb",function() {
var gIdx = $(this).parent().index();
gOver[gIdx] = false;
clearTimeout(gActive);
})
//Util 마우스 오버시
uItem.find(">a").off("mouseenter.gnb focusin.gnb").on("mouseenter.gnb focusin.gnb",function() {
var uIdx = $(this).parent().index();
var widthGap = 0;
positionCheck();
if($(window).width() <= 1180){
widthGap = $('#header').width() - 1180;
uPos[uIdx] = $(this).offset().left - widthGap/2;
}
uActive = setTimeout(function() {
if(uOver[uIdx] == false) {
if(bgChk == true) {
homeLink.removeClass("wht");
gList.removeClass("wht",100,"jswing");
util.removeClass("wht",100,"jswing");
}
gItem.css({"opacity":1});
gItem.eq(depth1Num-1).find(">a").removeClass("on");
uItem.eq(uIdx).css({"opacity":1}).siblings().css({"opacity":0.4});
if(bgGnb.is(":hidden")) {
bgGnb.fadeIn(100, aR)
^ PVsρ E f @#Ss[>k PW K!>uP height" : bgHeight[parseInt(uIdx+gLen)]+"px"
})
gBar.css({
"width" : uWidth[uIdx]+"px",
"left" : uPos[uIdx]+"px"
},200,"jswing")
} else {
bgGnb.show().stop().animate({
"height" : bgHeight[parseInt(uIdx+gLen)]+"px"
},400,"easeOutQuart")
gBar.stop().animate({
"width" : uWidth[uIdx]+"px",
"left" : uPos[uIdx]+"px"
},200,"jswing")
}
gItem.find(">a+ul").hide();
if(uItem.eq(uIdx).find(">a+ul").is(":hidden")) {
uItem.find(">a+ul").hide()
uItem.eq(uIdx).find(">a+ul").fadeIn(400,"jswing");
} else if(uItem.eq(uIdx).find(">a+ul").size() == 0) {
uItem.find(">a+ul").hide();
}
uOver[uIdx] = true;
}
},100)
})
uItem.find(">a").off("mouseleave.gnb focusout.gnb").on("mouseleave.gnb focusout.gnb",function() {
var uIdx = $(this).parent().index();
uOver[uIdx] = false;
clearTimeout(uActive);
})
//마우스 아웃시
$("html,body").off('mouseleave.gnb').on("mouseleave.gnb",function() {
if(bgChk == true) {
homeLink.addClass("wht");
gList.addClass("wht");
util.addClass("wht");
}
gItem.removeAttr("style");
uItem.removeAttr("style");
gItem.find(">a+ul").hide();
uItem.find(">a+ul").hide();
bgGnb.fadeOut(300,"jswing");
for(g in gOver) {
gOver[g] = false;
}
for(u in uOver) {
uOver[u] = false;
}
menuActive(); / aU)
< < PVs ^ E (J @ Oks[>W P>u .P aW)
< < PVs ^ E (J @ Nks[>W P>u :PF az)
^ PVsρ E g @#Rs[>k PW P>uP軷
});
/*bgGnb.nextAll().on("mouseenter",function() { $("html,body").mouseleave() })
bgGnb.nextAll().find("*").on("focusin",function() { $("html,body").mouseleave() })*/
$("#container").on("mouseenter.gnb",function() { $("html,body").mouseleave(); })
$("#container").find("*").on("focusin.gnb",function() { $("html,body").mouseleave(); })
//1뎁스메뉴 활성화
var menuActive = function() {
if(depth1Num > 0) {
gItem.eq(depth1Num-1).find(">a").addClass("on");
}
}
menuActive();
};
//gnb
//서브페이지 컨텐츠 상세영역 이동
var moveContentsGroup = function(grp) {
if ( !grp ) { return false; }
var contentsGroup = grp.parent();
var cgNavi = grp;
var lnItem = cgNavi.find("li");
var lnOfsTop = cgNavi.offset().top;
var lnOfsHeight = cgNavi.outerHeight();
var cgCont = contentsGroup.find(".section_wrap2 .section");
var contOfsTop = new Array();
var contOfsHeight = new Array();
var contView = new Array();
//컨텐츠 스크롤
var scrollOffset = 0;
//네비 클릭 시 스크롤 이동
lnItem.find(">a").off('click.movecont').on("click.movecont",function() {
var contId = $(this).attr("href");
if($(this).hasClass("fst")){scrollOffset = lnOfsHeight;}
else{scrollOffset = -3;}
var chkFixedOffset = 0;
if(chkFixed()){chkFixedOffset = 100;}
$("html,body").stop().animate({
"scrollTop" : parseInt($(contId).offset().top-scrollOffset-chkF a)
^ PVsρ E h @#Qs[>k PW V>uP跁 wing",function() {
$(contId).attr('tabindex',0).css('outline',0).focus();
});
return false;
})
}
// form group interactions
var activateFormGroup = function(el) {
el = $(el);
var _el = el.get(0);
var sel = el.find('.form_select');
var txt = el.find('.form_text');
var tar = el.find('.form_textarea');
var plcItm = el.find('.form_text, .form_textarea');
_el.frmSelected = false;
// group focus
el.find('input, select, textarea, a, button').off('focusin.frm').on('focusin.frm', function(e) {
//el.addClass('on').attr("tabindex",0); //2021-12-03 웹접근성 LJY : 삭제
if ( e.target.tagName == 'SELECT' ) {
$(e.target).closest('.form_select').find('.sel_txt').addClass('focus');
}
//2020-04-27 LJY : [WEB][APP] 주담_대출약정_인지세 팝업 입력폼 수정
if ($(e.target).hasClass('focusin') && $(e.target).attr('placeholder')){
var e = $(e.target),
ph = e.attr('placeholder');
e.attr('placeholder','');
e.on('focusout',function(){
e.attr('placeholder',ph);
});
}
});
el.find('input, select, textarea, a, button').off('focusout.frm').on('focusout.frm', function(e) {
setTimeout( function() {
if ( el.find(':focus').length==0 ) {
el.removeClass('on');
el.find('.focus').removeClass('focus');
}
},10);
});
// input text
txt.each(function(k) { a)
^ PVsρ E i @#Ps[>k PW \=>uP8 ).css({'cursor':'text'})
});
// select
sel.each( function(eq) {
var selT = $(this).find('.sel_txt');
var setSelected = function(selTag) {
var selected = selTag.find('option:selected').addClass('on');
selT.html( selected.text() );
if ( selected.hasClass('placeholder') ) {
selT.addClass('placeholder');
} else {
selT.removeClass('placeholder');
}
};
setSelected( $(this).find('select') );
selT.html( $(this).find('option:selected').addClass('on').text() );
if ( $(this).prev('label, .form_lb').length>0) {
$(this).css('position','static');
if ( el.css('position') == 'static' ) {
el.css('position','relative');
}
}
$(this).find('select').off('change.select').on('change.select', function() {
$(this).find('option').removeClass('on');
setSelected( $(this) );
});
});
// IE9이하 버전을 위한 Placeholder 세팅 (placeholder는 text 또는 textarea만 적용)
if ( _browserVer < 10 ) {
plcItm.each( function() {
placeholderFix(this);
});
}
};
var initTextField = function(el) {
el = $(el);
var _el = el.get(0);
// text field focus
el.find('input, select, textarea, a, button').off('focusin.frm').on('focusin.frm', function(e) {
el.addClass('on');
});
el.find('input, select, textarea, a, button').off('focusout.frm').on('focusout.frm', function(e) {
setTimeout( function() {
if ( el.find(':fo a!*
< < PVs ^ E (J @ Mks[>W P>u EmP a#*
< < PVs ^ E (J @ Lks[>W P>u PP|t a%*
< < PVs ^ E (J!@ Kks[>W P>u \=Pq a)*
^ PVsρ E j @#Os[>k PW a>uPN el.removeClass('on');
}
},10);
});
// IE9이하 버전을 위한 Placeholder 세팅 (placeholder는 text 또는 textarea만 적용)
if ( _browserVer < 10 ) {
placeholderFix(_el);
}
};
//체크박스,체크버튼 인터렉션
var initCheckBox = function(ckBox) { //2019-09-17 웹접근성 LJY
//최초 로딩시 체크박스 체크
if( ckBox.find("input[type='checkbox']").is(":checked") == true ) {
ckBox.addClass("on");
if (ckBox.parents().hasClass("agr_terms")){ //2018-04-19 LJY
ckBox.removeClass("on").closest(".agr_terms").siblings(".msg_error").html("개인정보 수집·이용에 동의해주세요.");
}
}
//체크박스 포커스인
ckBox.find("input[type='checkbox']").off('focusin.chkbox').on("focusin.chkbox",function() {
$(this).closest('div, div.ck_box, label, label.ck_box').addClass("focus");
})
//체크박스 포커스아웃
ckBox.find("input[type='checkbox']").off('focusout.chkbox').on("focusout.chkbox",function() {
$(this).closest('div, div.ck_box, label, label.ck_box').removeClass("focus");
})
//체크박스 선택시
ckBox.find("input[type='checkbox']").off('click.chkbox').on("click.chkbox",function() {
if($(this).closest('div, div.ck_box, label, label.ck_box').hasClass("on") == false) {
$(this).closest('div, div.ck_box, label, label.ck_box').addClass("on");
} else if($(this).closest('div, div.ck_box, label, label.ck_box').hasClas aZ*
^ PVsρ E k @#Ns[>k PW g>uPc (this).closest('div, div.ck_box, label, label.ck_box').removeClass("on");
}
chkConfirm(ckBox); //2019-05-21 LJY
})
};
//라디오버튼셋 인터렉션
var initRadioButtonSet = function(rdButtonSet) {
//2017-05-13 label ==> div로 변경
//최초 로딩시 라디오버튼셋 체크
rdButtonSet.find("li").each(function(s) { //2019-09-17 웹접근성 LJY
if ($(this).find(">div>input[type='radio'], >label>input[type='radio']").is(":checked") == true) {
$(this).find(">div, >label").addClass("on");
}
});
//라디오버튼 포커스인 시
rdButtonSet.find("li>div>input[type='radio'], li>label>input[type='radio']").off("click focusout").on("click focusin",function() { //2019-09-17 웹접근성 LJY
$("ul.rd_button_set").removeClass("focus");
rdButtonSet.addClass("focus");
rdButtonSet.find("li>div, li>label").removeClass("on");
$(this).parent("div, label").addClass("on");
//라디오 버튼 탭
if($(this).data('targetId')){
$($(this).data('targetGroup')).removeClass('on');
$($(this).data('targetId')).addClass('on');
}
//공인인증서
if($(this).hasClass("hard")){
rdButtonSet.find(".disk").slideUp();
}else if($(this).hasClass("usb")){
rdButtonSet.find(".disk").slideDown();
}
/* 17.11.06 add by YYK */
//신용대출 CHANGE 신청 - 휴대폰인증, 공인인증서 탭
if($(this).closest('table').find('tr#tab-certificat as*
^ PVsρ E l @#Ms[>k PW mY>uP is = $(this),
tct_idx = tct_this.closest('li').index();
//console.log(tct_idx);
$('tr#tab-certificate-ty1 > td > div').hide();
$('tr#tab-certificate-ty1 > td > div').eq(tct_idx).show();
}
/* //17.11.06 add by YYK */
})
// 2020-09-24 웹접근성 KEJ : 추가
rdButtonSet.find('li').off("focusout").on("focusin",function(){
rdButtonSet.addClass("focus");
})
// //2020-09-24 웹접근성 KEJ : 추가
//라디오버튼 포커스아웃 시
rdButtonSet.find("li>div>input[type='radio']").off("focusin").on("focusout",function() {
setTimeout( function() {
if ( rdButtonSet.hasClass('focus') && rdButtonSet.find('input:focus').length==0 ) {
rdButtonSet.removeClass("focus");
}
},10);
});
//2019-09-17 웹접근성 LJY
rdButtonSet.find("li>div>input[type='radio'], li>label>input[type='radio']").on("focusout",function() {
if ( rdButtonSet.hasClass('focus') && rdButtonSet.find('input:focus').length==0 ) {
rdButtonSet.removeClass("focus");
}
});
};
var initRadioTable = function(){
$(document).on("focusin",".js_tbl_radio tbody td",function(){ //2019-11-27 웹접근성 CDH : 추가
var trRdBox = $(this).parent().find('.rd_box');
var trRdButton = trRdBox.find("input[type='radio']");
$("input[name='"+trRdButton.attr("name")+"']").each(function(){
$(this).parent().parent().removeClass("focus");
});
a*
^ PVsρ E m @#Ls[>k PW s
>uP{ s");
});
$(document).on("click",".js_tbl_radio tbody td",function(){
var trRdBox = $(this).parent().find('.rd_box');
var trRdButton = trRdBox.find("input[type='radio']");
$("input[name='"+trRdButton.attr("name")+"']").each(function(){
$(this).parent().parent().removeClass("focus");
$(this).parent().parent().removeClass("on");
$(this).parent().parent().parent().parent().removeClass("on");
$(this).prop('checked',false);
});
$(this).parent().addClass("on");
trRdBox.addClass("focus");
trRdBox.addClass("on");
trRdButton.prop('checked',true);
});
}
var initRadio = function(rdBox) {
//최초 로딩시 라디오 체크
rdBox.each(function(s) {
if ($(this).find(">span>input[type='radio']").is(":checked") == true) {
if($(this).find(">span>input[type='radio']").hasClass('rd_box2')){
$(this).addClass("focus");
$(this).addClass("on");
$(this).parent().parent().addClass("on");
}else if($(this).find(">span>input[type='radio']").hasClass('rd_box3')){
$(this).addClass("focus");
$(this).addClass("on");
$(this).parent().addClass("on");
}else{
$(this).addClass("focus");
$(this).addClass("on");
}
}
});
//라디오 포커스인 시
rdBox.find(">span>input[type='radio']").on("focusin",function() {
$("input[name='"+$(this).attr("name")+"']").each(function(){
$(this).removeClass("focus");
});
rdBox.addC a*
< < PVs ^ E (J"@ Jks[>W P>u gPe a*
^ PVsρ E n @#Ks[>k PW x>uPy parents(".check_box_wrap").children("div").addClass("on"); //2019-09-09 웹접근성 LJY
})
//라디오 포커스아웃 시
rdBox.find(">span>input[type='radio']").on("focusout",function() {
setTimeout( function() {
if ( rdBox.hasClass('focus') && rdBox.find('div:focus').length==0 ) {
rdBox.removeClass("focus");
}
},10);
rdBox.parents(".check_box_wrap").children("div").removeClass("on"); //2019-09-09 웹접근성 LJY
});
//라디오 클릭시
rdBox.find("input[type='radio']").on("click",function() {
if($(this).hasClass('rd_box2')){
$("input[name='"+$(this).attr("name")+"']").each(function(){
$(this).parent().parent().removeClass("focus");
$(this).parent().parent().removeClass("on");
$(this).parent().parent().parent().parent().removeClass("on");
});
rdBox.addClass("focus");
rdBox.addClass("on");
rdBox.parent().parent().addClass("on");
}else if($(this).hasClass('rd_box3')){
$("input[name='"+$(this).attr("name")+"']").each(function(){
$(this).parent().parent().removeClass("focus");
$(this).parent().parent().removeClass("on");
$(this).parent().parent().parent().removeClass("on");
});
rdBox.addClass("focus");
rdBox.addClass("on");
rdBox.parent().addClass("on");
}else{
$("input[name='"+$(this).attr("name")+"']").each(function(){
$(this).parent().parent().removeClass("focus");
a +
^ PVsρ E o @#Js[>k PW ~u>uPț arent().removeClass("on");
});
rdBox.addClass("focus");
rdBox.addClass("on");
}
}).on("keyup",function(e){ //2021-11-26 웹접근성 LJY : 이벤트 추가
if(e.keyCode==32){
if(rdBox.hasClass('focus')){
$(this).trigger('click');
rdBox.addClass('focus on');
}
}
});
};
var initTab = function(tab,target){
var tabNavi = tab;
var tabNaviCount = tab.find('ul>li').length;
var tabCont = tab.parent().find('.tab_cont');
var tabContArr = new Array();
//탭 Title 추가
/*2021-12-29 PSS : 웹접근성 tabNavi.each(function(){
//$(this).find("ul>li").eq(0).children().addClass("on");
// .tab_focus : tab cont 첫번째 엘리먼트
$(this).find("ul>li>a").each(function(i){
$(this).keydown(function(e){
if(e.which == 9 && e.shiftKey){
if(i == 0 && tabNavi.parent().parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').length){
if(tabNavi.parent().parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').hasClass('on')){
tabContOn = tabNavi.parent().parent().parent().prev().find('.cont.on');
tabContOn.find('a,select,input,button').filter(':visible:last').focus();
}else{
tabNavi.parent().parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').focus();
}
e.preventDefault();
a)+
^ PVsρ E p @#Is[>k PW )>uP S avi.find('ul>li>a').eq(i-1).hasClass('on')){
tabContOn = tabCont.find('.cont.on');
if(tabContOn.find('input,a,select,button').filter(':visible:last').length){
tabContOn.find('input,a,select,button').filter(':visible:last').focus();
}else{
tabNavi.find('ul>li>a').eq(i-1).focus();
}
e.preventDefault();
}else if(i != 0 && $(this).hasClass('on')){
tabNavi.find('ul>li>a').eq(i-1).focus();
e.preventDefault();
}else if(i == 0){
return true;
}else{
return true;
}
}else if(e.which == 9){
if($(this).hasClass('on')){
tabContOn = tabCont.find('.cont.on');
if(tabContOn.find('input,a,select,button').filter(':visible:first').length){
tabContOn.find('input,a,select,button').filter(':visible:first').focus();
}else if(tabContOn.find('input,a,select,button').filter(':visible:first').length == 0 && tabContOn.find('.nextTab').length){
tabContOn.find('.nextTab').focus();
}else if(tabContOn.find('input,a,select,button').filter(':visible:first').length == 0 && tabCont.parent().next().find('input,a,select,button').filter(':visible:first').length){
tabCont.parent().next().find('input,a,select,button').filter(':visible:first').focus();
}else if(tabContOn.find('input,a,select,button').filter(':visible:first').length == 0 && tabCont.closest('.section').find('.js_fold_targ aM+
^ PVsρ E q @#Hs[>k PW ݗ>uP abCont.closest('.section').find('.js_fold_target3').focus();
}else if(tabContOn.find('input,a,select,button').filter(':visible:first').length == 0){
tabCont.parent().parent().parent().next().find('input,a,select,button').filter(':visible:first').focus();
$(this).closest('.lypop').find('button').filter(':visible:first').focus(); //2020-10-12 웹접근성 PSS
}else{
$('#footer').find('a').eq(0).focus();
}
e.preventDefault();
}else{
if(i != tabNaviCount -1){
//next tab focus
tabNavi.find('ul>li>a').eq(i+1).focus();
e.preventDefault();
}else{
//focus out
if(tabCont.parent().next().find('input,a,select,button').filter(':enabled:visible:first').length){
tabCont.parent().next().find('input,a,select,button').filter(':enabled:visible:first').focus();
}else if(tabNavi.parent().parent().parent().next().find('input,a,select,button').filter(':visible:first').length){
tabNavi.parent().parent().parent().next().find('input,a,select,button').filter(':visible:first').focus();
}else if(i == tabNaviCount -1 && tabNavi.parent().parent().parent().next().find('input,a,select,button').filter(':enabled:visible:first').length){
tabNavi.parent().parent().parent().next().find('input,a,select,button').filter(':enabled:visible:first').focus();
}else if(i == tabNaviCount -1 && tabNav ah+
^ PVsρ E r @#Gs[>k PW >uPK ().find('input,a,select,button').filter(':enabled:visible:first').length){
tabNavi.parent().parent().next().find('input,a,select,button').filter(':enabled:visible:first').focus();
}else if(i == tabNaviCount -1 && tabNavi.closest('.section').find('.js_fold_target3').length){
tabNavi.closest('.section').find('.js_fold_target3').focus();
}else if($('#contents_bottom').find('input,a,select,button').filter(':first').length){
$('#contents_bottom').find('input,a,select,button').filter(':first').focus();
}else{
$('#footer').find('a').eq(0).focus();
}
e.preventDefault();
}
}
}else if(e.which == 13){
$(this).trigger('click');
}
});
});
});*/
tabCont.each(function(){
//$(this).children().eq(0).addClass("on");
tabContArr.push($(this));
$(this).find('.cont').each(function(i){
if($(this).index()+1 != tabNavi.find('ul>li').length){
//2021-12-29 PSS : 웹접근성 $(this).append('다음 탭 이동');
$(this).off('focus','.nextTab').on('focus','.nextTab',function(){
$(this).closest('.lypop, .tab_wrap').find(".tab_navi ul>li, .tab_navi2 ul>li, .tab_navi3 ul>li").eq($(this).data('index')).children().focus();//2021-12-03 웹접근성
//tabNavi.find("ul>li").eq($(this).data('index') aj+
< < PVs ^ E (J#@ Iks[>W P>u s
PZ] al+
< < PVs ^ E (J$@ Hks[>W P>u ~uPO an+
< < PVs ^ E (J%@ Gks[>W P>u PC a+
^ PVsρ E s @#Fs[>k PW E>uP` //2020-10-12 웹접근성 PSS : 선택자 및 클릭이벤트 추가, 스크롤 추가
if($(this).closest('.tab_wrap').hasClass('tab_wrap')){
$doc = $('html, body'),
$offsetTop = $('.tab_wrap').offset().top;
$doc.stop().animate({
scrollTop : $offsetTop - 250
},800);
}
// //2020-10-12 웹접근성 PSS : 선택자 및 클릭이벤트 추가, 스크롤 추가
});
}
if($(this).find('.tab_section_move').length){
$(this).find('.tab_section_move').each(function(i){
$(this).find('ul>li>a').each(function(ii){
if(tabCont.find('.cont').eq(i).hasClass('on') && ii == 0){
$(this).keydown(function(e){
if(e.which == 9 && e.shiftKey){
tabNavi.find('ul>li>a.on').focus();
e.preventDefault();
}
});
}
});
});
}else if($(this).find('.cate_select.type2').length){
$(this).find('.cate_select.type2').each(function(i){
$(this).find('ul>li>a').each(function(ii){
if(tabCont.find('.cont').eq(i).hasClass('on') && ii == 0){
$(this).keydown(function(e){
if(e.which == 9 && e.shiftKey){
tabNavi.find('ul>li>a.on').focus();
e.preventDefault();
}
});
}
});
});
}else{
$(this).find('in a+
^ PVsρ E t @#Es[>k PW >uP軹 lter(':first').keydown(function(e){
if(e.which == 9 && e.shiftKey){
tabNavi.find('ul>li>a.on').focus();
e.preventDefault();
}
});
}
});
});
if(target !== undefined){
var nIndex = target;
tabNavi.children().children().children().removeClass("on");
tabNavi.children().children().children().eq(nIndex).addClass("on");
tabContArr[0].children().removeClass("on");
tabContArr[0].children().eq(nIndex).addClass("on");
var chkFixedOffset = 0;
if(chkFixed()){chkFixedOffset = 120;}
$("html,body").stop().animate({
"scrollTop" : parseInt(tabNavi.offset().top - chkFixedOffset)
},400,"jswing",function() {
tabNavi.attr('tabindex',0).css('outline',0).focus();
});
}else{
tabNavi.find('>ul>li').on("click",function(e){
e.preventDefault();
var nIndex = $(this).index();
$(this).parent().children().children().removeClass("on");
$(this).children().addClass("on");
tabContArr[0].children().removeClass("on");
tabContArr[0].children().eq(nIndex).addClass("on");
});
}
$(document).off('keydown','.cate_select.type2>.btn prev.end').on('keydown','.cate_select.type2>.btn prev.end',function(e){
$(document).find('.tab_active >ul>li>a.on').focus();
e.preventDefault();
});
}
var placeholderFix = function(el) {
el = $(el);
var inp = el.find('input, textarea');
var plc = el.find('span.placeholder');
if ( !!inp.attr('pla a+
^ PVsρ E u @#Ds[>k PW >uPļ lc.length==0 ) {
inp.parent().append( "" + inp.attr("placeholder") + "" );
plc = el.find('span.placeholder');
}
if ( inp.val().length>0 ) {
plc.hide();
} else {
plc.show();
}
inp.off('keyup.placeholder change.placeholder').on('keyup.placeholder change.placeholder', function(e) {
if ( inp.val().length>0 ) {
plc.hide();
} else {
plc.show();
}
});
plc.off('click.placeholder').on('click.placeholder' ,function(e) {
e.preventDefault();
if ( !el.hasClass('disabled') ) {
inp.filter(':first').focus();
}
})
}
};
// endof : form
//레이어팝업
var lyPop = function(btn){
var $btn = btn;
var $document = $("html");
var zIndex = 99;
var lyPopOpenCount = 0;
$btn.off('click.laypop').on('click.laypop', function(){
var lyPopName = $(this).data('openLypop');
var _lay = $(lyPopName).get(0);
$document.addClass("lypop-opened");
_lay.lypopOpener = $(this);
//팝업 추가 호출
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){
zIndex = parseInt($(this).css("z-index"))+1;
}
});
$(_lay).css("z-index",zIndex);
$(_lay).fadeIn(200, function(){
$(this).addClass("opened").attr('tabindex',0).css('outline',0).focus();
var closer = $(this).find(".lypop_closer");
closer.off('click.laypop').on('click.laypop', function(){
$btn_close = $(this);
aW,
< < PVs ^ E (J&@ Fks[>W P>u EP8F aY,
< < PVs ^ E (J'@ Eks[>W P>u P, ad~
^ PVsρ E x @#As[>k PW a>uPZ ypop_wrap").fadeOut(function(){
closer.off('click.laypop');
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){
lyPopOpenCount++;
}
});
if(lyPopOpenCount == 0){ $document.removeClass("lypop-opened"); }
}).removeClass("opened");
$(_lay).find('.btn_tooltip').each(function(){
if($(this).hasClass('close')){ $(this).trigger('click'); }
});
$(_lay.lypopOpener).focus();
});
});
});
};
//레이어팝업 완료시
var layer_open = function(){
if(arguments.length == 1){
var tid = arguments[0];
}else{
//s : 2019-11-11 웹접근성 CDH 수정
//var el = arguments[0];
if(typeof event !=="undefined"){
var el=event.target;
}else{
var el = arguments[0];
}
//e : 2019-11-11 웹접근성 CDH 수정
var tid = arguments[1];
}
var $document = $("html");
var lyPopName = $(tid);
var zIndex = 99;
var lyPopOpenCount = 0;
$document.addClass("lypop-opened");
lyPopName.lypopOpener = el
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){
zIndex = parseInt($(this).css("z-index"))+1;
}
});
$(lyPopName).css("z-index",zIndex);
$(lyPopName).fadeIn(200, function(){
$(this).addClass("opened").attr('tabindex',0).css('outline',0).focus();
$(this).find('.lypop.type2').attr('tabindex',0); //2018-07-03 CDH : 웹접근성 추가
var closer = $(this).find(". ah~
^ PVsρ E y @#@s[>k PW >uPß r.off('click.laypop').on('click.laypop', function(){
$btn_close = $(this);
$btn_close.closest(".lypop_wrap").fadeOut(function(){
closer.off('click.laypop');
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){
lyPopOpenCount++;
}
});
if(lyPopOpenCount == 0){ $document.removeClass("lypop-opened"); }
}).removeClass("opened");
$(lyPopName).find('.btn_tooltip').each(function(){
if($(this).hasClass('close')){ $(this).trigger('click'); }
});
$(lyPopName.lypopOpener).focus();
});
//프린트 동작 관련 스크립트 ( 2017-04-06 : 개발요청으로 추가 )
var print = $(this).find(".btn_print");
print.off('click.laypop').on('click.laypop', function(ev){
var printLayer = $(ev.target).parent();
$.each(printLayer.children(), function(index, value){
if(index == 0){
$(value).attr("id", "hdc_print_area");
}
});
$(lyPopName).find("#hdc_print_area").printThis({
debug: false,
importCSS: true,
importStyle: true,
printContainer: true,
pageTitle: "",
removeInline: false
});
ev.preventDefault();
});
});
}
//레이어팝업 확인 및 닫기
var layer_close = function(){
if(arguments.length == 1){
var tid = arguments[0];
}else{
var el = arguments[0];
var tid = arguments[1];
}
var $document = $("html");
var lyPopName = $(tid) aj~
^ PVsρ E z @#?s[>k PW ɗ>uP 0;
lyPopName.fadeOut(function(){
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){
lyPopOpenCount++;
}
});
if(lyPopOpenCount == 0){ $document.removeClass("lypop-opened"); }
$(el).focus();
}).removeClass("opened");
}
//툴팁
var tooltip = function(){
// 툴팁 동적이벤트 수정
$(document).off("click").on("click",".btn_tooltip",function(){
var $btnTooltipAll = $(document).find(".btn_tooltip");
var $btnTooltip = $(this);
var $tooltipAll = $(document).find(".tooltip_box");
var $tooltip = $btnTooltip.next(".tooltip_box");
var tooltipName = $btnTooltip.data("tooltipName");
$tooltipAll.hide();
if ($btnTooltip.hasClass("open")== true){
$btnTooltipAll.removeClass("close");
$btnTooltipAll.addClass("open");
$btnTooltip.removeClass("open").addClass("close").find("span").html("툴팁닫기");
//$btnTooltip.parent().css('z-index','80'); 20170504 툴팁 메인 메뉴 인덱스 겹침
$tooltip.show();
} else {
$btnTooltip.removeClass("close").addClass("open").find("span").html("툴팁열기");
//$btnTooltip.parent().attr('style','');
$tooltip.hide();
}
});
}
var setStep = function() {
var currentStep = $(".step>ul");
var cStepActive = currentStep.find("li.active");
var cStepActiveCurrent = false;
var limitHeight = 242;
var dist = 0;
//IE 브라우저 체크를 위한
var usAgent = navigat al~
^ PVsρ E { @#>s[>k PW }>uP虸 rsion = function() {
if(usAgent.indexOf("MSIE") == -1) {
return 99
} else {
return parseInt(usAgent.split(";")[1].split(" ")[2])
}
}
//화면 로딩 후 :: 좌측 현재 스텝 활성화
setInterval(function() {
if(usVersion() >= 10) {
cStepActive.animate({"opacity":1});
if(dist >= 0 && dist < 2) {
cStepActive.removeClass("on",900)
dist++;
} else if(dist == 2) {
cStepActive.addClass("on",500);
dist = 0
}
}
},600)
if(usVersion() >= 10) {
cStepActive.addClass("on",500);
}
//화면 로딩 후 :: 화면 스크롤시
$(window).on("resize scroll",function() {
if(scrollTop() < limitHeight) {
currentStep.stop().animate({
"top" : "62px"
},800,"easeInOutExpo")
} else {
currentStep.stop().animate({
"top" : scrollTop()-208+"px"
},800,"easeInOutExpo")
}
})
}
var setFAQ = function(){
$(document).off("click",".question").on("click",".question",function(e){
e.preventDefault();
faqLi = $(this).parent().parent().parent().find('li');
answer = faqLi.find(".answer");
/* 2020-10-12 웹접근성 PSS : faq 초점이동 */
$doc = $('html, body'),
$fixed_banner = $('.banner_apply').outerHeight();
offsetTop = $(this).closest('.list_faq').offset().top;
$doc.stop().animate({
scrollTop : offsetTop - 250
},800);
/* //2020-10-12 웹접근성 PSS an~
^ PVsρ E | @#=s[>k PW 1>uP if($(this).parent().hasClass('on')){
//$(this).parent().removeClass('off');
$(this).parent().removeClass('on');
faqLi.removeClass('off');
$(this).find('span.blind').html('열기');
faqLi.find('.btn_tooltip').each(function(){
if($(this).hasClass('close')){
$(this).trigger('click');
}
});
$(this).parent().find(".answer").slideUp('fast');
} else {
faqLi.removeClass('on');
faqLi.addClass('off');
$(this).parent().addClass('on');
$(this).parent().removeClass('off');
$(this).find('span.blind').html('닫기');
answer.slideUp();
$(this).parent().find(".answer").slideDown('fast');
}
});
}
var initButtonSlide = function(slideWrap){
var slide = $(slideWrap).find('ul');
var slideButton = slide.find('li');
var slideButtonCount = slideButton.length;
var moveLeft = $(slideWrap).find('button.prev');
var moveRight = $(slideWrap).find('button.next');
var currentPage = 0;
var totalPage = Math.ceil(slideButtonCount/4);
var leftMargin = 20;
if(slideButtonCount == 2){
$('.cate_select').addClass('col2');
}else if(slideButtonCount == 3){
$('.cate_select').addClass('col3');
}else if(slideButtonCount == 4){
$('.cate_select').addClass('col4');
}else if(slideButtonCount > 4){
leftMargin = 11;
}
var slideButtonWidth = slideButton.eq(0).outerWidth();
var setWidth = leftMargin * slideButtonCount + slideButtonWidth * s ap~
< < PVs ^ E (J(@ Dks[>W P>u P! ar~
< < PVs ^ E (J)@ Cks[>W P>u }P/ at~
^ PVsρ E } @#k PW 嗍>uPI} .css('width', setWidth);
if(slideButtonCount <= 4){
moveLeft.addClass('end');
moveRight.addClass('end');
}else{
moveLeft.addClass('end');
moveRight.click(function(){
if(!$(this).hasClass('end')){
currentPage++;
leftPx = -(slideButtonWidth+leftMargin) * 4 * currentPage;
slideButton.animate({
"left": leftPx+"px"
},400,"easeOutQuart")
if(moveLeft.hasClass('end')){
moveLeft.removeClass('end');
}
if(currentPage == totalPage -1){
moveRight.addClass('end');
}
}
});
moveLeft.click(function(){
if(!$(this).hasClass('end')){
currentPage--;
leftPx = -(slideButtonWidth+leftMargin) * 4 * currentPage;
slideButton.animate({
"left": leftPx+"px"
},400,"easeOutQuart")
if(moveRight.hasClass('end')){
moveRight.removeClass('end');
}
if(currentPage == 0){
moveLeft.addClass('end');
}
}
});
}
}
function initButtonSlide2(slideWrap){
var slide = $(slideWrap).find('ul');
var slideButton = slide.find('li');
var slideButtonCount = slideButton.length;
var moveLeft = $(slideWrap).find('button.prev');
var moveRight = $(slideWrap).find('button.next');
var currentStep = 0;
var slideWidth = 0;
slideButton.each(function(i){
var thisWidth = $(this).outerWidth(true) + parseInt($(this).css('margin-left')); // 2020-09-08 PSS : 자주하는질문 depth2List_01 width av~
^ PVsρ E ~ @#;s[>k PW ș>uPb thisWidth;
if(slideWidth > 850 & currentStep == 0) currentStep = i;
});
slide.css('width', slideWidth);
currentEndStep = currentStep;
if(currentStep == 0){
moveLeft.addClass('end');
moveRight.addClass('end');
}else{
moveLeft.addClass('end');
moveRight.removeClass('end');
moveRight.off('click').on('click',function(){
if(!$(this).hasClass('end')){
leftPx = -850;
slideButton.animate({
"left": leftPx+"px"
},400,"easeOutQuart")
moveLeft.removeClass('end');
moveRight.addClass('end');
}
});
moveLeft.off('click').on('click',function(){
if(!$(this).hasClass('end')){
leftPx = 0;
slideButton.animate({
"left": leftPx+"px"
},400,"easeOutQuart")
moveRight.removeClass('end');
moveLeft.addClass('end');
}
});
}
slideButton.off('click').on('click',function(){
slideButton.removeClass('on');
$(this).addClass('on');
});
}
var initFoldTarget = function(btn){
var bAgree = $(btn.data('boxAgree'));
bAgree.hide();
btn.off("click").on("click",function(e){
if($(this).hasClass('disabled')) return false;
e.preventDefault();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span').html('열기');
bAgree.slideUp();
}else{
$(this).addClass('open');
$(this).find('span').html('접기');
bAgree.slideDown();
}
});
}
/* 17.07.27 add */ ax~
^ PVsρ E @#:s[>k PW M>uP,M function(btn){
var bAgree = $(btn.data('boxAgree'));
bAgree.hide();
btn.off("click").on("click",function(e){
if($(this).hasClass('disabled')) return false;
e.preventDefault();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span').html('상세 보기');//2019-05-08 KTH
bAgree.slideUp();
}else{
$(this).addClass('open');
$(this).find('span').html('상세 닫기');//2019-05-08 KTH
bAgree.slideDown();
}
});
}
/* //17.07.27 add */
var initFoldTarget2 = function(btn){
var targetId = $(btn.data('targetId'));
targetId.hide();
var selectTitle = $('.tit_select_wrap').find('h1.tit');
var selectList = $('.tit_select').find('ul>li');
btn.off("click").on("click",function(){
if($(this).hasClass('open')){
$(this).find('span').html('열기');
$(this).removeClass('open');
targetId.slideUp('fast');
}else{
$(this).find('span').html('접기');
$(this).addClass('open');
targetId.slideDown('fast');
}
});
selectList.off("click").on("click",function(e){
e.preventDefault();
selectTitle.html($(this).find('a').html());
btn.trigger('click');
});
}
var initFoldTarget3 = function(btn){
var bAgree = $(btn.data('targetId'));
btn.off("keydown").on("keydown",function(e){
if(e.keyCode == 9 && e.shiftKey){
btn.closest('.section').find('.mycar_price .tab_active>ul>li>a').filter(':visible:last').fo az~
^ PVsρ E @#9s[>k PW >uP Code == 9){
btn.closest('#formCar').next().focus();
}else if(e.keyCode == 13){
btn.trigger('click');
}
e.preventDefault();
});
btn.off("click").on("click",function(e){
e.preventDefault();
bAgree.slideDown();
$(".mycar_price").css({"opacity":"0","margin-top":"1200px","display":"none"});
$(this).hide();
});
}
// 2021-05-18 KEJ : 추가
var initFoldTarget5 = function(btn){
var bAgree = $(btn.data('boxAgree'));
bAgree.show();
btn.off("click").on("click",function(e){
if($(this).hasClass('disabled')) return false;
e.preventDefault();
if($(this).hasClass('default_open')){
$(this).removeClass('default_open');
$(this).find('span').html('상세 닫기');
bAgree.slideDown();
}else{
$(this).addClass('default_open');
$(this).find('span').html('상세 보기');
bAgree.slideUp();
}
});
}
// //2021-05-18 KEJ : 추가
var setFold = function(){
// js_fold 동적이벤트 추가
$(document).on('click','.js_fold',function(e){
var hWrap = $(this).parent();
var fContent = $(this).parent().find('.hidden_ct');
e.preventDefault();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span.blind').html('열기');
fContent.slideUp();
hWrap.removeClass('open');
}else{
$(this).addClass('open');
$(this).find('span.blind').html('접기');
fContent.slideDown();
hWrap.addClass(' a}~
^ PVsρ E @#8s[>k PW ٵ>uPa ar setFold2 = function(){
//myaccount 이벤트 추가 17.08.22 add by SMH
$(document).on('click','.js_fold_myac',function(e){
var hWrap = $(this).parent().find('.hidden_wrap');
var fContent = $(this).parent().parent().find('.hidden_ct');
e.preventDefault();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span.blind').html('열기');
fContent.slideUp();
hWrap.removeClass('open');
}else{
$(this).addClass('open');
$(this).find('span.blind').html('닫기'); // 2020-09-24 웹접근성 KEJ : '닫기'로 수정
fContent.slideDown();
hWrap.addClass('open');
}
});
}
// 2018-05-03 JMJ
var setFold3 = function(){
$(document).on('click','.js_fold_target4',function(e){
var hWrap = $(this).parent();
var fContent = $(this).parent().find('.hidden_ct');
e.preventDefault();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span').html('보기');
fContent.slideUp();
hWrap.removeClass('open');
}else{
$(this).addClass('open');
$(this).find('span').html('닫기');
fContent.slideDown();
hWrap.addClass('open');
}
});
}
// //2018-05-03 JMJ
var initMoveTabTarget = function(btn){
btn.click(function(e){
e.preventDefault();
initTab($('.tab_active'),$(this).data('tab'));
});
}
//js_fixed_banner fixed 체크
var chkFixed = function(){
if($('.js_fixed_banner').length){ a~
^ PVsρ E @#7s[>k PW i>uPM return false; }
}
var initCheckBoxFold = function(){
var cbFoldAll = $('.js_fold_ck_all');
cbFoldAll.each(function(){
var $this = $(this);
var cbFoldAllTarget = $($this.data('targetId'));
if(cbFoldAllTarget.length > 0){
var cbItems = $($this.data('targetId')).find('.js_fold_ck');
$this.off('click.cbFoldAll').on('click.cbFoldAll',function(){
if ( $this.is(':checked') ) {
setCheckAttr($this,true);
cbItems.each(function(){
var ckFoldTarget = $($(this).data('targetId'));
if(!$(this).is(':checked')){
setCheckAttr($(this),true);
ckFoldTarget.slideDown();
}
});
} else {
setCheckAttr($this,false);
cbItems.each(function(){
var ckFoldTarget = $($(this).data('targetId'));
if($(this).is(':checked')){
setCheckAttr($(this),false);
ckFoldTarget.slideUp();
}
});
}
});
cbItems.off('click.cbItems').on('click.cbItems',function(){
var cbItem = $(this);
var ckFoldTarget = $($(this).data('targetId'));
if ( cbItem.is(':checked') ) {
if ( cbFoldAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
setCheckAttr(cbItem,true);
ckFoldTarget.slideDown();
} else {
setCheckAttr($this,false);
setCheckAttr(cbItem,false);
ckFoldTarget.slideUp();
}
});
}
});
}
var setCheck a~
^ PVsρ E @#6s[>k PW >uP^
var cbAll = $('.js_ck_all'),
disOpt_wrap = $('.sub_ck_2'), // 2021-06-24 KEJ : 추가
disOpt_box = disOpt_wrap.find('.ck_box'), // 2021-06-24 KEJ : 추가
disOpt_item = disOpt_wrap.find('input'); // 2021-06-24 KEJ : 추가
//2021-06-24 KEJ : 추가
if(!$('.js_ck_subCh_2').is(':checked')){
disOpt_box.each(function(){
$(this).addClass('disabled');
disOpt_item.prop('checked',false);
disOpt_item.prop('disabled',true);
});
};
// //2021-06-24 KEJ : 추가
cbAll.each(function(){
var $this = $(this);
var cbAllTarget = $($this.data('targetId'));
if(cbAllTarget.length > 0){
var cbItems = cbAllTarget.find('.js_ck');
$this.off('click.cbAll').on('click.cbAll',function(){
/* 2021-06-24 KEJ : 추가 */
var lst_wrap = $(this).closest('.list_agree'),
disable_wrap = lst_wrap.find('.sub_ck_2'),
disable_item_2 = disable_wrap.find('.ck_box');
/* //2021-06-24 KEJ : 추가 */
if ( $this.is(':checked') ) {
/* 2021-06-24 KEJ : 추가 */
if(disable_item_2.hasClass('disabled')){
disable_item_2.removeClass('disabled');
disable_item_2.find('input').prop('disabled',false);
};
/* //2021-06-24 KEJ : 추가 */
setCheckAttr($this,true);
cbItems.each(function(){
if(!$(this).is(':checked')){
setCheckAttr($(this),true);
}
});
} else {
disable_item_2.a a~
^ PVsρ E ΄ @#5s[>k PW ї>uP藹 2021-06-24 KEJ : 추가
disable_item_2.find('input').prop('disabled',true); // 2021-06-24 KEJ : 추가
setCheckAttr($this,false);
cbItems.each(function(){
if($(this).is(':checked')){
setCheckAttr($(this),false);
}
});
}
});
cbItems.off('click.cbItems').on('click.cbItems',function(){
var cbItem = $(this);
if ( cbItem.is(':checked') ) {
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
setCheckAttr(cbItem,true);
} else {
setCheckAttr($this,false);
setCheckAttr(cbItem,false);
}
});
/* 17.07.27 check 추가 */
var cbSub = $('.js_ck_sub'),
cbSubCh = $('.js_ck_subCh'),
/* 17.11.27 add by YYk */
cbNewCh = $('.new_js_ck'),
cbNewBoxAgree = $('.new_box_agree input[type="checkbox"]'),
/* //17.11.27 add by YYk */
cbItems_all = cbAllTarget.find('.sub_ck'),
cbItems_sub = cbAllTarget.find('.box_agree .js_ck'),
cbItems_sub_sub = cbAllTarget.find('.group_ck_sub .js_ck'),
cbItems_unit = cbAllTarget.find('.js_ck_subCh_2'),/* 2021-06-24 KEJ : 추가 */
dislst_box = $('.group_ck_sub_2').closest('.group_ck'), //2021-06-24 KEJ : 추가
cbItems_unit_wrap = $('.sub_ck_2 input[type="checkbox"]'); //2021-06-24 KEJ : 추가
cbSub.off('click.cbSub').on('click.cbSub',function(){
var disable_all = a~
^ PVsρ E ΅ @#4s[>k PW >uP 6-24 KEJ : 추가
disable_itme = disable_all.find('.ck_box'); //2021-06-24 KEJ : 추가
if ( $(this).is(':checked') ) {
/* 2021-06-24 KEJ : 추가 */
if($(this).closest('.group_ck').find('.group_ck_sub_2').length){
disable_itme.removeClass('disabled');
disable_itme.find("input").prop("disabled",false);
}
/* //2021-06-24 KEJ : 추가 */
$(this).closest('.group_ck').find('.box_agree .js_ck').each(function() {
setCheckAttr($(this),true);
});
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
} else {
/* 2021-06-24 KEJ : 추가 */
if($(this).closest('.group_ck').find('.group_ck_sub_2').length){
disable_itme.addClass('disabled');
disable_itme.find("input").prop("disabled",true);
}
/* //2021-06-24 KEJ : 추가 */
$(this).closest('.group_ck').find('.box_agree .js_ck').each(function() {
setCheckAttr($(this),false);
});
}
});
cbItems_sub.off('click.cbItems_sub').on('click.cbItems_sub',function(){
//var cbItem = $(this);
var thisCk = $(this).closest('.box_agree'),
groupCk = $(this).closest('.group_ck'),
groupAll = groupCk.find('.js_ck_sub');
if ( $(this).is(':checked') ) {
if ( thisCk.find('input:checked').length == thisCk.find('.js_ck').length ) {
setCheckAttr(grou a~
< < PVs ^ E (J*@ Bks[>W P>u P
a~
< < PVs ^ E (J+@ Aks[>W P>u MP~t a~
< < PVs ^ E (J,@ @ks[>W P>u ٵPs a~
< < PVs ^ E (J-@ ?ks[>W P>u Ph a~
^ PVsρ E Ά @#3s[>k PW 9>uP if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
setCheckAttr($(this),true);
} else {
setCheckAttr(groupAll,false);
setCheckAttr($(this),false);
}
});
cbSubCh.off('click.cbSubCh').on('click.cbSubCh',function(){
if ( $(this).is(':checked') ) {
$(this).closest('.group_ck_sub').find('.box_agree .js_ck').each(function() {
setCheckAttr($(this),true);
});
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
} else {
$(this).closest('.group_ck_sub').find('.box_agree .js_ck').each(function() {
setCheckAttr($(this),false);
});
}
});
//17.11.27 add by YYk
cbNewCh.off('click.cbNewCh').on('click.cbNewCh',function(){
if ( $(this).is(':checked') ) {
$(this).closest('.new_group_ck_sub').find('.new_box_agree .js_ck').each(function() {
setCheckAttr($(this),true);
});
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
} else {
$(this).closest('.new_group_ck_sub').find('.new_box_agree .js_ck').each(function() {
setCheckAttr($(this),false);
});
}
});
/* 2021-06-24 KEJ : 추가 */
cbItems_unit.off('click.cbItems_unit').on('click.cbItems_unit',function(){
var $this = $(this),
a~
^ PVsρ E · @#2s[>k PW 헍>uP) rents().find('.group_ck_sub_2'),
sub_area = lst_wrap.find('.sub_ck_2'),
sub_items = sub_area.find('.ck_box');
if($(this).is(':checked')){
sub_items.each(function(){
$(this).removeClass("disabled");
$(this).find("input").prop("disabled",false)
});
}else{
sub_items.each(function(){
$(this).removeClass('on');
$(this).addClass("disabled");
$(this).find("input").prop("disabled",true);
$(this).find("input").removeAttr('checked');
});
}
});
cbItems_unit_wrap.off('click.cbItems_unit_wrap').on('click.cbItems_unit_wrap',function(){
var $this = $(this),
unit_area = $this.closest('.sub_ck_2'),
unit_item = unit_area.find('.ck_box'),
unit_len = unit_area.find('input[type="checkbox"]:checked').length,
new_unit_len = unit_area.find('input[type="checkbox"]').length,
unit_bundle = unit_area.parent().find('.js_ck_subCh_2');
if ( $(this).is(':checked') ) {
if ( unit_len == new_unit_len ) {
setCheckAttr(unit_bundle,true);
}
}
});
/* //2021-06-24 KEJ : 추가 */
// 2021-05-18 KEJ : 수정
cbNewBoxAgree.off('click.cbNewBoxAgree').on('click.cbNewBoxAgree',function(){
var $this = $(this),
new_ck = $this.closest('.new_box_agree'),
new_cked_len = new_ck.find('input[type="checkbox"]:checked').length,
new_ck_len = n a~
^ PVsρ E Έ @#1s[>k PW >uPC checkbox"]').length,
new_bundle = new_ck.parent().find('.new_js_ck');
if ( $(this).is(':checked') ) {
if ( new_cked_len == new_ck_len ) {
setCheckAttr(new_bundle,true);
}
} else {
if ( new_cked_len != new_ck_len ) {
setCheckAttr(new_bundle,false);
}
}
});
// //2021-05-18 KEJ : 수정
//17.11.27 add by YYk
cbItems_sub_sub.off('click.cbItems_sub_sub').on('click.cbItems_sub_sub',function(){
//var cbItem = $(this);
var thisCk = $(this).closest('.group_ck_sub').closest('.box_agree'),
groupCk = $(this).closest('.group_ck'),
groupAll = groupCk.find('.js_ck_sub'),
groupCkSub = $(this).closest('.group_ck_sub'),
groupCkSubAll = groupCkSub.find('.js_ck_subCh'),
subgroupCk = groupCkSub.find('.group_ck_sub_2'), // 2021-06-24 KEJ 추가
subgroupWrap = groupCkSub.find('.sub_ck_2'), // 2021-06-24 KEJ 추가
groupitem = subgroupWrap.find('.ck_box'); // 2021-06-24 KEJ 추가
if ( $(this).is(':checked') ) {
/* 2021-06-24 KEJ 추가 */
if($(this).hasClass('inp_new')){
groupitem.each(function(){
$(this).removeClass("disabled");
$(this).find("input").prop("disabled",false);
$(this).find("input").attr('checked','checked');
$(this).parent().find('.ck_box').addClass('on');
});
}
/* //2021-06-24 KEJ 추가 */
if ( gr a~
< < PVs ^ E (J.@ >ks[>W P>u P]] a~
< < PVs ^ E (J/@ =ks[>W P>u PR a~
< < PVs ^ E (J0@ W P>u UPGƣ a~
^ PVsρ E Ύ @#+s[>k PW U>uP e input:checked').length == groupCkSub.find('.box_agree input').length ) {
setCheckAttr(groupCkSubAll,true);
setCheckAttr(groupAll,false);
if ( thisCk.find('input:checked').length == thisCk.find('.js_ck').length ) {
setCheckAttr(groupAll,true);
}
}
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
setCheckAttr($(this),true);
} else {
/* 2021-06-24 KEJ 추가 */
if($(this).hasClass('inp_new')){
groupitem.each(function(){
$(this).addClass("disabled");
$(this).find("input").prop("disabled",true);
$(this).find("input").removeAttr('checked');
$(this).parent().find('.ck_box').removeClass('on');
});
}
/* //2021-06-24 KEJ 추가 */
setCheckAttr(groupAll,false);
setCheckAttr(groupCkSubAll,false);
setCheckAttr($(this),false);
}
});
/* //17.07.27 check 추가 */
}
});
}
/* 17.08.29 add HHJ */
var setCheckBoxAgree2 = function(){
var cbAll = $('.js_ck_all_loan');
cbAll.each(function(){
var $this = $(this);
var cbAllTarget = $($this.data('targetId'));
if(cbAllTarget.length > 0){
var cbItems = cbAllTarget.find('.js_ck');
$this.off('click.cbAll').on('click.cbAll',function(){
if ( $this.is(':checked') ) {
setCheckAttr($this,true);
cbItems.each(func a~
^ PVsρ E Ώ @#*s[>k PW
>uP諭 s).is(':checked')){
setCheckAttr($(this),true);
}
});
} else {
setCheckAttr($this,false);
cbItems.each(function(){
if($(this).is(':checked')){
setCheckAttr($(this),false);
}
});
}
});
cbItems.off('click.cbItems').on('click.cbItems',function(){
var cbItem = $(this);
if ( cbItem.is(':checked') ) {
if ( cbAllTarget.find('input:checked').length == cbItems.length ) {
setCheckAttr($this,true);
}
setCheckAttr(cbItem,true);
} else {
setCheckAttr($this,false);
setCheckAttr(cbItem,false);
}
});
}
});
}
/* //17.08.29 add HHJ */
function setCheckAttr(cb,check){
if(check){
cb.each(function(){
if($(this).parent().hasClass('ck_button')){
$(this).parent().addClass('on');
$(this).attr('checked','checked');
$(this).prop('checked',true);
}else{
$(this).parent().parent().addClass('on');
$(this).attr('checked','checked');
$(this).prop('checked',true);
}
});
}else{
cb.each(function(){
if($(this).parent().hasClass('ck_button')){
$(this).parent().removeClass('on');
$(this).removeAttr('checked');
$(this).prop('checked',false);
}else{
$(this).parent().parent().removeClass('on');
$(this).removeAttr('checked');
$(this).prop('checked',false);
}
});
}
}
/* 2019-05-21 LJY : [캐피탈] MY_임 a~
^ PVsρ E ΐ @#)s[>k PW >uP襌 상담 신규 메뉴 추가 */
var chkConfirm = function(ckBox){
if (ckBox.parents().hasClass("ck_confirm")){
if (ckBox.parent().hasClass("on")){
ckBox.parent().removeClass("on");
ckBox.siblings().find('.link_arr').text('필수 확인');
}
else {
ckBox.parent().addClass("on");
ckBox.siblings().find('.link_arr').text('확인 완료');
}
}
}
/* //2019-05-21 LJY */
var cicleLoading;
var cicleLoading2;
var cicleLoading3; /*2018-05-08 KTH 추가*/
// 데이터 로딩
var initLoadingStart = function(opt,speed) {
var loaderWrap = $("#common_loading");//신용대출로 인한 로딩 ID 변경
var loader = loaderWrap.find(".loading");
var dist = 0;
if(opt){
//화면 로딩 중 :: 신청서 로딩 화면
loader.find(".loading_bar").css("transform","rotate(0deg)");
loaderWrap.fadeIn(speed,"easeOutQuart");
cicleLoading = setInterval(function() {
loader.find(".loading_bar").css({
"transform" : "rotate("+(dist*4)+"deg)"
})
dist++;
},20);
}else{
loaderWrap.fadeOut(speed);
clearInterval(cicleLoading);
}
}
// 데이터 로딩2
var initLoadingStart2 = function(opt,speed) {
var loaderWrap = $("#credit_loading");
var loader = loaderWrap.find(".loading");
var dist = 0;
if(opt){
//화면 로딩 중 :: 신청서 로딩 화면
loader.find(".loading_bar").css("transform","rotate(0deg)");
loaderWrap.fadeIn(speed,"easeOutQuar a~
^ PVsρ E Α @#(s[>k PW q>uP>p setInterval(function() {
loader.find(".loading_bar").css({
"transform" : "rotate("+(dist*4)+"deg)"
})
dist++;
},20);
}else{
loaderWrap.fadeOut(speed);
clearInterval(cicleLoading2);
}
}
// 데이터 로딩3 /*2018-05-08 KTH 추가*/
var initLoadingStart3 = function(opt,speed) {
var loaderWrap = $(".Kbook_loading");
var loader = loaderWrap.find(".loading");
var dist = 0;
if(opt){
//화면 로딩 중 :: 신청서 로딩 화면
loader.find(".loading_bar").css("transform","rotate(0deg)");
loaderWrap.fadeIn(speed,"easeOutQuart");
cicleLoading3 = setInterval(function() {
loader.find(".loading_bar").css({
"transform" : "rotate("+(dist*4)+"deg)"
})
dist++;
},20);
}else{
loaderWrap.fadeOut(speed);
clearInterval(cicleLoading3);
}
}
//개인금융 :: 신용대출, 담보대출 신청 로딩
var initLoading = function() {
var header = $("header#header");
header.find("a").css({"position":"relative","zIndex":"-1"});
var contentTitleWrap = $(".tit_page");
contentTitleWrap.css({"z-index":"2"});
var contentTitle = contentTitleWrap.find('.tit');
var contentDesc = contentTitleWrap.find('.tit_sub');
var sectionIntro = $(".section_intro");
sectionIntro.css({"height":winHeight()+"px"});
var sectionWrap = $(".section_wrap");
sectionWrap.css({"display":"none"});
var section = sectionWrap.find(".section");
section.css({ a~
^ PVsρ E Β @#'s[>k PW %>uPz Index":"2","opacity":"0","top":"800px"});
var buttonWrap = sectionWrap.find(".btn_wrap_c");
buttonWrap.css({"position":"relative","zIndex":"2","opacity":"0"});
var textInfo = sectionWrap.find('.txt_info_bottom');
textInfo.css({"opacity":"0"});
var footer = $("footer#footer");
footer.css({"opacity":"0"});
var dist = 0;
//화면 로딩 전 :: 스크롤 설정
$("html,body").animate({"scrollTop" : 0});
$("html").css({"overflowY":"scroll"});
//화면 로딩 전 :: 신청서 작성 전 CSS 설정
if(sectionWrap.is(":hidden")) {
sectionIntro.find(".intro").show()
sectionIntro.find(".process_loading").show()
sectionWrap.css({
"marginTop" : winHeight()+"px"
})
contentTitle.css({
"opacity" : 1
})
contentDesc.css({
"opacity" : 0
})
}
//화면 로딩 중 :: 신청서 로딩 화면
var cicleLoading = setInterval(function() {
sectionIntro.find(".process_loading").css({
"transform" : "rotate("+(dist*4)+"deg)"
})
dist++;
},20)
setTimeout(function() {
sectionIntro.find(".intro strong.hello").animate({
"top": "0px",
"opacity": 1
},400,"easeOutCubic");
},200)
setTimeout(function() {
sectionIntro.find(".intro strong.comment").each(function(g) {
setTimeout(function() {
sectionIntro.find(".intro strong.comment").eq(g).animate({
"top": "0px",
"opacity": 1
},400,"easeOutCubic");
},((g+1)*125 a~
^ PVsρ E Γ @#&s[>k PW #ٗ>uPҕ 화면 로딩 후 :: 로딩 화면 사라지고 신청서 작성폼 출력
setTimeout(function() {
sectionWrap.show();
sectionIntro.find(".intro").fadeOut(350,"easeOutQuart");
sectionIntro.find(".process_loading").fadeOut(150,"easeOutQuart",function() {
clearInterval(cicleLoading);
sectionIntro.animate({
"height" : sectionWrap.outerHeight()+footer.outerHeight()+"px"
},550,"easeOutQuart");
contentTitle.animate({"opacity" : 1},400);
contentTitle.css({"zIndex":"2"});
contentDesc.css({"position":"relative","zIndex":"2"});
contentDesc.animate({"opacity" : 1},400);
sectionWrap.delay(100).animate({
"marginTop" : "0px"
},550,"easeOutQuart")
section.eq(0).delay(300).animate({
"top" : "0px",
"opacity" : 1
},550,"easeOutExpo")
buttonWrap.delay(1200).animate({
"opacity" : 1
});
textInfo.delay(1300).animate({
"opacity" : 1
});
header.delay(100).animate({
"opacity" : 0.3,
"z-index" : 5
},550,"easeOutQuart");
footer.delay(1500).animate({
"opacity" : 1
});
sectionIntro.remove();
$("html").removeAttr('style'); //2021-06-29 CDH : 추가
});
},2000)
//Header Fade In
function headerFadeIn() {
if(sectionWrap.is(":visible")) {
header.stop().animate({
"opacity" : 1
},200,"jswing")
}
}
//Header Fade Out
function headerFadeOut() {
if(sectionWrap.is(":visi a~
^ PVsρ E Δ @#%s[>k PW )>uP+# er.stop().animate({
"opacity" : 0.3
},400,"jswing")
*/
header.find("a").css({"position":"","zIndex":""})
}
}
header.on("mouseenter",function() {headerFadeIn() })
sectionIntro.on("mouseenter",function() {headerFadeOut() })
sectionWrap.on("mouseenter",function() {headerFadeOut() })
$("html,body").on("mouseleave",function() {headerFadeOut() })
}
// when content load or reload, ajax call, change dom...
var contentReady = function(el) {
if ( !el ) { el = document.body; }
el = $(el);
var _el = el.get(0);
// form group : text, textarea, select
el.find('.form_group').each( function() {
activateFormGroup(this);
});
el.find('.text_field').each( function() {
initTextField(this);
});
//ezmedia - 2017-08-01 수정
el.find(".ck_box, .ck_button, .clr_rd_box").each( function() {
initCheckBox( $(this) );
});
// checkbox (ck_box - checkbox, ck_button - check button)
el.find(".ck_box, .ck_button").each( function() {
initCheckBox( $(this) );
});
// radio button
$("ul.rd_button_set").each(function() {
initRadioButtonSet($(this));
});
// radio
el.find(".rd_box").each( function() {
initRadio($(this));
});
// disabled button - prevent click event
el.off('mousedown.disabled mouseup.disabled click.disabled', 'a.disabled,button.disabled').on('mousedown.disabled mouseup.disabled click.disabled', 'a.disabled,button.disabled', function a~
^ PVsρ E Ε @#$s[>k PW /A>uPh t();
return false;
});
// activate layer popup
el.find(".btn_lypop_open").each( function() {
lyPop($(this));
});
// tab
el.find(".tab_active").each(function(){
initTab($(this));
});
// move contents group activate
el.find(".tab_section_move").each( function() {
moveContentsGroup($(this));
});
// fold
//el.find(".js_fold").each(function(){
// initFold();
//});
// fold target
el.find(".js_fold_target").each(function(){
initFoldTarget($(this));
});
// fold target1 17.07.27 add
el.find(".js_fold_target1").each(function(){
initFoldTarget1($(this));
});
// fold target2
el.find(".js_fold_target2").each(function(){
initFoldTarget2($(this));
});
// fold target3
el.find(".js_fold_target3").each(function(){
initFoldTarget3($(this));
});
el.find(".js_fold_target1").each(function(){
initFoldTarget1($(this));
});
//2021-05-18 KEJ : 추가
// fold target4
el.find(".js_fold_target5").each(function(){
initFoldTarget5($(this));
});
// //2021-05-18 KEJ : 추가
el.find(".js_button_slide2").each(function(){
initButtonSlide2($(this));
});
// fixed menu
el.find(".js_fixed_banner").each(function(){
initFixedMenu();
});
// move tab target
el.find(".move_tab_target").each(function(){
initMoveTabTarget($(this));
});
// fold checkbox all & fold checkbox
el.find(".js_fold_ck_all").each(function(){
initCheckBo a~
^ PVsρ E Ζ @##s[>k PW 4>uPS oter();
};
var initFixedMenu = function(){
var consultApplication = $(".sec_inner");
var caOffsetTop = consultApplication.offset().top;
var caFixed = false;
$(window).on("load",function() {
if(navigator.appName == "Microsoft Internet Explorer") {
caOffsetTop = consultApplication.offset().top;
}
});
/* 상품 신청 Bar 스크롤시 화면 상단에 Floating */
$(window).on("load scroll resize",function() {
if(getWidth() > 1180){
if(scrollTop() > caOffsetTop+4 && caFixed == false) {
consultApplication.parent().addClass("fixed");
fixedSlide(consultApplication,'up');
} else if(scrollTop() <= caOffsetTop+4 && caFixed == true) {
consultApplication.parent().removeClass("fixed");
fixedSlide(consultApplication,'down');
}
}else{
consultApplication.parent().removeClass("fixed");
fixedSlide(consultApplication,'down');
}
})
function getWidth(){
return $(window).width();
}
function fixedSlide(obj,type){
if(type == 'down'){
obj.find(".apply_bottom").fadeIn(200,"easeOutQuart");
var tmpBtn = obj.find(".box_apply.box_call .apply_top .btn");
obj.find(".apply_bottom").append(tmpBtn);
tmpBtn.remove();
obj.animate({
"height" : "140px"
},200,"easeOutQuart")
caFixed = false;
}else{
obj.find(".apply_bottom").fadeOut(200,"easeOutQuart");
var tmpBtn = obj.find(".box_apply.box_call .apply_bottom .btn" a~
^ PVsρ E Η @#"s[>k PW :>uP} top").append(tmpBtn);
tmpBtn.remove();
obj.stop().animate({
"height" : "100px"
},200,"easeOutQuart");
caFixed = true;
}
}
consultApplication.on("focusin mouseenter",function(){
if($(this).parent().hasClass("fixed")){
fixedSlide($(this),'down');
}
});
consultApplication.on("mouseleave",function(){
if($(this).parent().hasClass("fixed")){
fixedSlide($(this),'up');
}
});
}
$(document).ready(function() {
contentReady();
if ($(".tooltip").length){tooltip();}
if ($(".step>ul").length){setStep();}
if ($(".list_faq").length){setFAQ();}
if ($(".js_fold").length){setFold();}
if ($(".js_fold_target4").length){setFold3();} // 2018-05-03 JMJ
if ($(".js_fold_myac").length){setFold2();} //17.08.22 add by SMH
if ($(".js_tbl_radio").length){initRadioTable();}
// checkbox all
if ($(".js_ck_all").length){setCheckBoxAgree();}
if ($(".js_ck_all_loan").length){setCheckBoxAgree2();}/* 17.08.29 add HHJ */
// GNB menu activate (check current 1depth by 'on' class);
if ( $('#gnb').length>0 ) {
$page = window.location.href;
if($page.match('loancredit')){
$page = '신용대출';
}else if($page.match('loansecurity')){
$page = '담보대출';
}else if($page.match('membership')){
$page = '멤버십·서비스';
}else if($page.match('newcar')){
$page = '신차금융';
}else if($page.match('oldcar')){
$page = '중고차금융 a~
^ PVsρ E Θ @#!s[>k PW @]>uPw '';
}
$('#gnb>ul>li>a').each(function(){
$menuTitle = $(this).html();
if($page == $menuTitle){ $(this).addClass('on');}
});
var currentMenu = $('#gnb>ul>li>a.on').parent('li').index()+1 || 0;
initGNB( currentMenu );
//2018-10-25 CDH : 소비자포털 활성화 예외처리
if(location.href.indexOf('CPCCCR0101') > 0) {
$page = '소비자포털';
$('#util>ul>li>a').each(function(){
$menuTitle = $(this).html();
if($page == $menuTitle){
if($(this).hasClass('g_dep1')){
$(this).addClass('on');
$(this).parent().siblings().find(">a").removeClass('on');
}
}
});
}
}
// tab with button issue
$(document).off('keydown','.prevTab').on('keydown','.prevTab',function(e){
if(e.which == 9 && e.shiftKey){
if($(this).prev().find('.tab_active>ul>li>a').filter(':visible:last').length && $(this).prev().find('.tab_active>ul>li>a').filter(':visible:last').hasClass('on')){
tabContOn = $(this).prev().find('.cont.on');
tabContOn.find('a,select,input,button').filter(':visible:last').focus();
}else if($(this).prev().find('.tab_active>ul>li>a').filter(':visible:last').length){
$(this).prev().find('.tab_active>ul>li>a').filter(':visible:last').focus();
}else if($(this).parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').length){
$(this).parent().prev().find('.tab_active>ul>li>a').filter(':visible:la a~
^ PVsρ E Ι @# s[>k PW F>uP if($(this).parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').length && $(this).parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').hasClass('on')){
tabContOn = $(this).parent().parent().prev().find('.cont.on');
tabContOn.find('a,select,input,button').filter(':visible:last').focus();
}else if($(this).parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').length){
$(this).parent().parent().prev().find('.tab_active>ul>li>a').filter(':visible:last').focus();
}
e.preventDefault();
}
});
$('.sec_cont').each(function(){
$(this).find('a,select,input,button').filter(':visible:first').keydown(function(e){
if(e.which == 9 && e.shiftKey){
if($(this).closest('.section').prev().find('.tab_active>ul>li>a').filter(':visible:last').length && $(this).closest('.section').prev().find('.tab_active>ul>li>a').filter(':visible:last').hasClass('on')){
tabContOn = $(this).closest('.section').prev().find('.cont.on');
tabContOn.find('a,select,input,button').filter(':visible:last').focus();
}else if($(this).closest('.section').prev().find('.tab_active>ul>li>a').filter(':visible:last').length){
$(this).closest('.section').prev().find('.tab_active>ul>li>a').filter(':visible:last').focus();
}else{
return true;
}
e.preventDefault();
}else{
return true;
}
});
});
a~
^ PVsρ E Κ @# s[>k PW Kŗ>uP5 인정보 동의(상세보기 연동) 기능 추가
$(".agr_terms").find("input[type='checkbox']").on("click",function(){
if($(this).closest(".ck_box").hasClass("on")){
$(this).closest(".agr_terms").siblings(".msg_error").hide();
var btn = $(this).parents(".agr_terms").find(".agr_view > a");
if(btn.hasClass("open")==false){
btn.click();
}
}else{
$(this).closest(".agr_terms").siblings(".msg_error").show();
}
});
//2018-06-19 LJY : 없음 체크 시 input 비활성화
$(".ck_none").on("click",function(){
var frmGrp = $(this).siblings(".form_group");
if ($(this).hasClass("on")){
frmGrp.addClass("disabled");
frmGrp.find("input").prop("disabled",true).val("");
} else{
frmGrp.removeClass("disabled");
frmGrp.find("input").prop("disabled",false);
}
});
//2018-12-27 LJY : 신용대출 대출불가 화면 제휴상품 더 보기
$(".btn_more_bank").on("click",function(){
$(this).parents("div").find(".bank_list").addClass("on");
$(this).parent("[class^='btn_wrap']").hide();
});
// 2019-05-29 JMJ : [APP][WEB] MY_본인인증 프로세스 변경
$(".tab_account ul li a").on("click",function(){
var identi_btn = $(this).attr("class");
if (identi_btn == "identity_display"){
$("#identity_btn").css({'display' : 'block'});
$("#next_btn").css({'display':'none'});
} else{
a~
^ PVsρ E Λ @# s[>k PW Qy>uP臻 css({'display' : 'none'});
$("#next_btn").css({'display':'block'});
}
});
});
function setFooter(){
/*2021-12-29 PSS : 웹접근성 $('#footer').find('a').filter(':visible:first').keydown(function(e){
if(e.which == 9 && e.shiftKey){
if($(document).find('.btn_wrap_c button,.btn_wrap_r2 button,.btn_wrap_r button').filter(':enabled:visible:last').parent().parent().parent().parent().parent().hasClass('cont')){
tabNavi = $(document).find('.tab_active').filter(':visible:last');
tabNavi.find('ul>li>a').filter(':visible:last').focus();
}else if($(document).find('.btn_wrap_c button,.btn_wrap_r2 button,.btn_wrap_r button').filter(':enabled:visible:last').length && !$(document).find('.btn_wrap_c button,.btn_wrap_r2 button,.btn_wrap_r button').filter(':enabled:visible:last').parent().parent().hasClass('cont')){
$(document).find('.btn_wrap_c button,.btn_wrap_r2 button,.btn_wrap_r button').filter(':enabled:visible:last').focus();
}else if($('.footer_banner').find('a,select,input,button').filter(':visible:last').length){
$('.footer_banner').find('a,select,input,button').filter(':visible:last').focus();
}else if($(document).find('.tab_active').filter(':visible:last').length){
tabNavi = $(document).find('.tab_active').filter(':visible:last');
if(tabNavi.find('ul>li>a').filter(':visible:last').hasClass('on')){
tabContOn = tabNavi.next().find( a~
^ PVsρ E Μ @# s[>k PW W->uP bContOn.find('a,select,input,button').filter(':visible:last').length){
tabContOn.find('a,select,input,button').filter(':visible:last').focus();
}else{
tabNavi.find('ul>li>a').filter(':visible:last').focus();
}
}else{
tabNavi.find('ul>li>a').filter(':visible:last').focus();
}
}else{
$('#container').find('a,input,select,button').filter(':visible:last').focus();
}
e.preventDefault();
}else{
return true;
}
});*/
$('.ft_link_wrap button').click(function(){
if($(this).parent().hasClass('open')){
$(this).parent().removeClass('open');
$(this).parent().find('div').slideUp();
if(!$(".ft_link").hasClass("open")){
$(".ft_link").attr("style","");
}
} else {
$(this).parent().parent().find('.ft_link').removeClass('open');
$(this).parent().parent().find('.ft_link div').slideUp();
$(this).parent().addClass('open');
$(this).parent().find('div').slideDown();
$(this).parent().parent().find('.ft_link').css('opacity','0.5');
$(this).parent().parent().find('.ft_link.open').css('opacity','1');
}
});
}
//슬라이딩 배너
function bannerSlider(option){
//function bannerSlider(itemID, speed, type, option ){
var $slidingBanner = $(option.target);
var slidingSpeed = 0;
var slidingType = option.type;
var currentIndex = 0;
var $bannerList = null;
var bannerImageWidth = 0;
var $pagingList = a~
^ PVsρ E Ν @# s[>k PW \ᗍ>uPa ge = null;
var $player = null;
var $btnNext = null;
var $btnPrev = null;
var $listWrap = null;
var timerID = -1;
var slidingOption = option;
var controllerShow = false;
var optionStartAutoPlay = false;
function init(){
$bannerList = $slidingBanner.find(".slider_container .slider_box > li");
bannerImageWidth = $bannerList.innerWidth();
bannerImageCount = $bannerList.length;
optionStartAutoPlay = slidingOption.autoplay;
if(bannerImageCount > 1){controllerShow = true;}
else{optionStartAutoPlay = false;}
currentIndex = slidingOption.index;
if(controllerShow) {
//set paging
initPaging(bannerImageCount);
$player = $slidingBanner.find(".sld_player");
$pagingList = $slidingBanner.find(".sld_paging li");
$btnNext = $slidingBanner.find(".btnNext");
$btnPrev = $slidingBanner.find(".btnPrev");
$btnStop = $slidingBanner.find(".btnStop");
$btnPlay = $slidingBanner.find(".btnPlay");
initEvent();
}
$listWrap = $slidingBanner.find(".slider_container li a");
$bannerList.css("opacity",0);
showImageAt(currentIndex);
if(optionStartAutoPlay){startAutoPlay();}
}
function initPaging(cnt){
var pagingHtml = '';
pagingHtml += '
';
$('.slider_container').append(pagingHtml);
}
function initEvent(){
$btnNext.click(function(){
nextImage();
});
$btnPrev.click(function(){
prevImage();
});
$pagingList.click(function(){
var index = $pagingList.index(this);
if(index != currentIndex){
var direction = (index>currentIndex) ? "next" : "prev";
showImageAt(index, direction);
}
stopAutoPlay();
});
$btnPlay.click(function(){
//console.log("play");
nextImage();
startAutoPlay();
});
$btnStop.click(function(){
//console.log("stop");
stopAutoPlay();
});
/*
$bannerList.mouseenter(function(){
stopAutoPlay();
});
*/
$bannerList.focusin(function(){
stopAutoPlay();
});
}
function nextImage(){
var index = currentIndex+1;
if(index >= $bannerList.length ){
index = 0;
}
showImageAt(index, "next");
}
function prevImage(){
var index = currentIndex-1;
if(index < 0){
index = $bannerList.length-1;
}
showImageAt(index, "prev");
}
function showImageAt(newIndex, direction){
//$bannerList.eq(index).css("opacity",1);
var oldIndex = currentIndex a~
< < PVs ^ E (J5@ 7ks[>W P>u @]P a~
^ PVsρ E Ο @#s[>k PW hI>uP$ annerList.eq(oldIndex);
var $newImage = $bannerList.eq(newIndex);
if(direction !="next" && direction !="prev"){ //최초 처리
normalEffect($oldImage, $newImage);
} else {
slideEffect($oldImage, $newImage, direction);
}
$bannerList.attr("tabindex","-1");
$newImage.attr("tabindex","0");
currentIndex = newIndex;
if(controllerShow){setPagingAt(newIndex);}
}
function normalEffect($oldImage, $newImage){
$oldImage.css({
left:0,
opacity:0,
zIndex:0
});
$newImage.css({
opacity:1,
zIndex:1
});
}
function slideEffect($oldImage, $newImage , direction ){
var newImageStartX = 0;
var oldImageEndX = 0;
if(direction == "next"){
newImageStartX = bannerImageWidth;
oldImageEndX = -bannerImageWidth;
}
if(direction == "prev") {
newImageStartX = -bannerImageWidth;
oldImageEndX = bannerImageWidth;
}
if(slidingType == "fade"){
newImageStartX = 0;
oldImageEndX = 0;
}
$newImage.css({
left:newImageStartX,
opacity:0,
zIndex:0
});
$oldImage.stop().animate({
left:oldImageEndX,
opacity:0,
zIndex:0
});
$newImage.stop().animate({
left:0,
opacity:1,
zIndex:1
},"swing");
}
function setPagingAt(index){
if($selectedPage){
$selectedPage.removeClass("select");
}
$selectedPage = $pagingList.eq(index);
$selectedPage.addClass("select") a~
^ PVsρ E Π @#s[>k PW m>uPb rtAutoPlay(){
if(option.speed == null){
slidingSpeed = 8000;
} else {
slidingSpeed = speed;
}
if(timerID == -1){
timerID = setInterval(function(){
nextImage();
},slidingSpeed);
}
if(bannerImageCount > 1){$player.addClass("play");}
}
function stopAutoPlay(){
if(timerID != -1){
clearInterval(timerID);
timerID = -1;
}
$player.removeClass("play");
}
init();
}
/* 신차금융 > 월납입금 계산 레이어팝업 */
var $lyPopCal;
//월 납입금 계산 레이어 오픈
function carMonthlyCalOpen(tid){
$lyPopCal = $(tid);
var zIndex = 95;
$("html").addClass("lypop-opened");
$lyPopCal.find(".btn_back").hide();
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){ zIndex = parseInt($(this).css("z-index"))+1; }
});
$lyPopCal.css("z-index",zIndex);
$lyPopCal.fadeIn(200, function(){
$lyPopCal.find(".section_select").show();
$lyPopCal.find(".section_result").hide();
$(this).addClass("opened").attr('tabindex',0).css('outline',0).focus();
});
carMonthlyCalSizeCheck();
modifyPriceEvent();
}
//월 납입금 계산 레이어 클로즈
function carMonthlyCalClose(opener,tid){
$lyPopCal = $(tid);
var $sectionResult = $lyPopCal.find(".section_result");
$sectionResult.find(".info_amount_type >.info_card4").removeAttr("style");
$sectionResult.find(".modify_price").each(function(){ $(this) a~
^ PVsρ E Ρ @#s[>k PW s>uP gger('click'); });
$lyPopCal.find(".section_result").hide();
$lyPopCal.find(".section_select").hide();
$("html").removeClass("lypop-opened");
$lyPopCal.removeClass('opened');
$lyPopCal.hide();
$(opener).focus();
}
//월 납입금 계산 결과레이어 오픈
function carMonthlyCalResultOpen(tid){
var $lyPop = $(tid);
var zIndex = 95;
var $lypop = $lyPop.find(".lypop2");
var $lypopWrap = $lypop.parent();
var scrW = $(window).width();
var scrH = $(window).height();
var lypopW = $lypop.width();
var lypopH = $lypop.outerHeight();
var $sectionResult = $lypop.find('.section_result');
$("html").addClass("lypop-opened");
$(".lypop_wrap").each(function(){
if($(this).hasClass("opened")){ zIndex = parseInt($(this).css("z-index"))+1; }
});
$lyPop.css("z-index",zIndex);
$lyPop.fadeIn(200, function(){
$sectionResult.show();
$(this).addClass("opened").attr('tabindex',0).css('outline',0).focus();
});
$sectionResult.find(".info_amount_type >.info_card4").removeAttr("style");
$sectionResult.find(".info_amount_type > .info_card4").each(function(i) {
$sectionResult.find(".info_amount_type >.info_card4").eq(i).delay(450+(i*200)).animate({
"opacity" : 1,
"bottom" : "0px"
},400,"easeOutQuart")
setTimeout(function() {
$sectionResult.find(".info_amount_type >.info_card4").css({"z-index" : 0})
},900+(i*200))
})
$lypopInner = $sectionResult.f a~
^ PVsρ E @#s[>k PW ye>uP蝇 lypopFooter = $sectionResult.find(".lypop_footer");
// 화면스크롤 최상단으로 조절
$lypopInner.scrollTop(0);
var lyTitle = $lypop.find('.ly_tit');
var lyFooterHeight = $lypopFooter.outerHeight();
var lyTitleHeight;
var setHeight;
sizeCheck();
//화면 리사이즈
$(window).on("resize", function() {
sizeCheck();
});
//화면 스크롤
$lypopInner.on("scroll",function() {
scrollCheck($(this));
});
function scrollCheck(inner){
var lyInner = inner;
var lyCont = lyInner.find('.ly_cont');
lypopH = $lypop.outerHeight();
if(lyInner.offset().top > lyCont.offset().top){
lyTitle.addClass('fixed');
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
lyInner.css({'height':'714px','max-height':setHeight});
height = 714;
}else{
lyTitle.removeClass('fixed');
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
lyInner.css({'height':'659px','max-height':setHeight});
height = 659;
}
if(setHeight >= lyInner.find('.ly_cont').outerHeight()){lyInner.css({'overflow':'hidden'});}
else{lyInner.css({'overflow':'auto'});}
}
function sizeCheck(){
scrW = $(window).width();
scrH = $(window).height();
lypopW = $lypop.width();
lypopH = $lypop.outerHeight();
//width
if( scrW > 1520 ){
$lypop.css({ "width":"", "left":"50%", a~
^ PVsρ E Σ @#s[>k PW >uP 2), "overflow-x":"hidden" });
} else if ( scrW > 1220 ) {
$lypop.css({ "width":scrW, "left":0, "margin-left":0, "overflow-x":"hidden" });
} else {
$lypop.css({ "width":scrW, "left":0, "margin-left":0, "overflow-x":"scroll" });
}
var lypopDH = 0;
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
if( scrH > lypopH ){
lypopDH = '900px';
$lypop.css({ "height":lypopDH, "margin-top":-(lypopH/2), "top":"50%" });
$lypopWrap.css("height","");
} else {
$lypop.css({ "height":scrH, "margin-top":0, "top":0 });
$lypopWrap.css("height",scrH);
}
scrollCheck($lypopInner);
}
}
//월 납입금 계산 레이어 사이즈 체크
function carMonthlyCalSizeCheck(){
var $lypop = $lyPopCal.find(".lypop2");
var $lypopWrap = $lypop.parent();
var scrW = $(window).width();
var scrH = $(window).height();
var lypopW = $lypop.width();
var lypopH = $lypop.outerHeight();
var $sectionSelect = $lypop.find('.section_select');
var $sectionResult = $lypop.find('.section_result');
if($('.btn_back').is(':hidden')){
$lypopInner = $sectionSelect.find(".lypop_inner");
$lypopFooter = $sectionSelect.find(".lypop_footer");
}else{
$lypopInner = $sectionResult.find(".lypop_inner");
$lypopFooter = $sectionSelect.find(".lypop_footer");
}
var lyTitle = $lypopInner.parent().find('.ly_tit');
var lyFooterHeight = a~
< < PVs ^ E (J7@ 5ks[>W P>u W-P w a~
< < PVs ^ E (J6@ 6ks[>W P>u KPu a~
< < PVs ^ E (J8@ 4ks[>W P>u bP k a~
< < PVs ^ E (J9@ 3ks[>W P>u mP `^ a~
< < PVs ^ E (J:@ 2ks[>W P>u yeP U a~
< < PVs ^ E (J;@ 1ks[>W P>u P I a~
^ PVsρ E Τ @#s[>k PW ͗>uP t();
var lyTitleHeight;
var setHeight;
sizeCheck();
//화면 리사이즈
$(window).on("resize", function() {
sizeCheck();
});
//화면 스크롤
//$('.lypop_inner').each(function(){
$lypopInner.on("scroll",function() {
scrollCheck($(this));
});
//});
function scrollCheck(inner){
var lyInner = inner;
//var lyTitle = inner.parent().find('.ly_tit');
var lyCont = lyInner.find('.ly_cont');
lypopH = $lypop.outerHeight();
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
if(lyInner.offset().top > lyCont.offset().top){
lyTitle.addClass('fixed');
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
lyInner.css({'height':'714px','max-height':setHeight});
height = 714;
}else{
lyTitle.removeClass('fixed');
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
lyInner.css({'height':'659px','max-height':setHeight});
height = 659;
}
if(setHeight >= lyInner.find('.ly_cont').outerHeight()){lyInner.css({'overflow':'hidden'});}
else{lyInner.css({'overflow':'auto'});}
}
function sizeCheck(){
scrW = $(window).width();
scrH = $(window).height();
lypopW = $lypop.width();
lypopH = $lypop.outerHeight();
//width
if( scrW > 1520 ){
$lypop.css({ "width":"", "left":"50%", "margin- a~
^ PVsρ E Υ @#s[>k PW >uPp flow-x":"hidden" });
} else if ( scrW > 1220 ) {
$lypop.css({ "width":scrW, "left":0, "margin-left":0, "overflow-x":"hidden" });
} else {
$lypop.css({ "width":scrW, "left":0, "margin-left":0, "overflow-x":"scroll" });
}
var lypopDH = 0;
lyTitleHeight = lyTitle.outerHeight();
setHeight = lypopH - lyTitleHeight - lyFooterHeight;
if( scrH > lypopH ){
if($('.btn_back').is(':hidden')){
lypopDH = '840px';
}else{
lypopDH = '900px';
}
$lypop.css({ "height":lypopDH, "margin-top":-(lypopH/2), "top":"50%" });
$lypopWrap.css("height","");
} else {
$lypop.css({ "height":scrH, "margin-top":0, "top":0 });
$lypopWrap.css("height",scrH);
}
scrollCheck($lypopInner);
}
}
//월 납입금 계산 - 결화 화면 이동
function carMonthlyCalSelect(){
var $sectionSelect = $lyPopCal.find(".section_select");
$sectionSelect.fadeOut(200);
$lyPopCal.find(".btn_back").fadeIn(400,"jswing");
var $sectionResult = $lyPopCal.find(".section_result");
$sectionResult.fadeIn(400,"jswing");
$sectionResult.find(".lypop_inner").scrollTop(0);
$lyPopCal.find(".lypop2").css({"height":"900px","margin-top":"-450px"});
$sectionResult.find(".info_amount_type >.info_card4").removeAttr("style");
$(".section_result").find(".info_amount_type > .info_card4").each(function(i) {
$(".section_result").find(".info_amount_type >.info_card4").eq(i).delay(450+(i* a~
^ PVsρ E Φ @#s[>k PW 5>uPN city" : 1,
"bottom" : "0px"
},400,"easeOutQuart")
setTimeout(function() {
$(".section_result").find(".info_amount_type >.info_card4").css({"z-index" : 0})
},900+(i*200))
})
carMonthlyCalSizeCheck();
}
//월 납입금 계산 - 차량 선택 화면 이동
function carMonthlyCalBack(){
$lyPopCal.find(".section_select").fadeIn(300,"jswing");
$(".btn_back").hide();
var $sectionResult = $lyPopCal.find(".section_result");
$sectionResult.hide();
$lyPopCal.find(".lypop2").css({"height":"840px","margin-top":"-420px"});
$sectionResult.find(".modify_price").each(function(){ $(this).find('.btn_cancel').trigger('click'); });
$sectionResult.find(".info_amount_type >.info_card4").removeAttr("style");
carMonthlyCalSizeCheck();
}
//월 납입금 계산 - 금액수정
function modifyPriceEvent(){
//금액수정 버튼
$(".btn_modify_price").off("click").on("click",function(){
$(".modify_price").each(function(){ $(this).hide(); });
var $tg = $(this).parent().parent().next();
$tg.show();
$tg.find("input.inp_won").focus();
});
//취소 버튼
$(".modify_price .btn_cancel").off("click").on("click",function(){
$(this).parents(".modify_price").hide();
$(this).parents(".modify_price").prev().find(".btn_modify_price").focus();
});
}
/* 자동차 월 납입금 계산기 관련 js */
/* 17.08.29 add HHJ */
$(function() {
var contInput = $('.txt_info_disc a~
^ PVsρ E Χ @#s[>k PW 闍>uP $('.txt_info_discount .rd_button_cir input'),
findInput = $('.rd_button_cir input')
radioInput.on('click', function() {
$(this).closest(contInput).find(findInput).parent().removeClass('on');
$(this).parent().addClass('on');
})
var inputSel = $('.rd_button_set.input_pay .input_self input'),
inputDr = $('.rd_button_set.input_pay input'),
inpuSelf = $('.form_group.add_unit input');
inputDr.on('click', function() {
inpuSelf.closest('.form_group.add_unit').css({'display' : 'none'});
inpuSelf.prop('disabled', true);
})
inputSel.on('click', function() {
inpuSelf.closest('.form_group.add_unit').css({'display' : 'block'});
inpuSelf.prop('disabled', false).focus();
})
//2018-01-24 CDH : 추가
pageID();
//2019-05-27 LJY : [캐피탈] 구매프로그램(할부)_메인 배너, 컨텐츠 수정
if ($("#wrap").hasClass("CPNCPP0101")){
$("#wrap").find(".cont:first [class^='tab']").attr("id","newcarTab");
}
//2019-11-27 웹접근성 LJY 추가
radioInput.on('focusin',function(){
$(this).parent().css('outline','solid 2px #a6c7ff');
}).on('focusout',function(){
$(this).parent().css('outline','0');
});
})
/* //17.08.29 add HHJ */
/* time 디스카운팅 js */
/* 17.11.22 add by YYK */
var _time_stop = "";
var loding_time = function(){
var setTime = 60; /* 2018-05-18 KSM */
var get_time = setInterval(s_time, 100 a~
^ PVsρ E Ψ @#s[>k PW >uP ){
var time_division = (setTime%60) > 9 ? "" : 0;
s_time1 = '0'+Math.floor(setTime/60)+' : '+time_division+(setTime%60);
$('#loading_time').html(s_time1);
setTime--;
if(setTime == -1){
setTime = 60; /* 2018-05-18 KSM */
}
if (_time_stop == "Y" ) {
clearInterval(get_time);
}
}
};
/* //17.11.22 add by YYK */
/* 2018-01-24 CDH : 파일명 클래스 적용*/
// 페이지별 Class 추가
var pageID= function(){
var tmp = location.pathname.split('/');
tmp = tmp[tmp.length - 1].split('.');
var pgIdClass = tmp[0];
$('#wrap').addClass(pgIdClass);
};
/* 2018-06-21 KSM */
//개인금융 :: 인터넷 대출불가 화면 제휴상품 이동
var initLoading2 = function() {
var sectionIntro = $(".section_intro");
sectionIntro.css({"height":winHeight()+"px"});
var dist = 0;
sectionIntro.find(".intro").show()
sectionIntro.find(".process_loading").show()
//화면 로딩 중 :: 신청서 로딩 화면
var cicleLoading = setInterval(function() {
sectionIntro.find(".process_loading").css({
"transform" : "rotate("+(dist*4)+"deg)"
})
dist++;
},20)
setTimeout(function() {
sectionIntro.find(".intro strong.hello").animate({
"top": "0px",
"opacity": 1
},400,"easeOutCubic");
},200)
setTimeout(function() {
sectionIntro.find(".intro strong.comment").each(function(g) {
setTimeout(function() {
sectionIntro.fin a~
^ PVsρ E Ω @#s[>k PW Q>uPH ").eq(g).animate({
"top": "0px",
"opacity": 1
},400,"easeOutCubic");
},((g+1)*125))
})
},400)
}
//parameter 추출 : 2018-07-26 CDH 추가
var UrlPram = function(){
this.getParameter = function( name )
{
var rtnval = '';
var nowAddress = unescape(location.href);
var parameters = (nowAddress.slice(nowAddress.indexOf('?')+1,nowAddress.length)).split('&');
for(var i = 0 ; i < parameters.length ; i++)
{
var varName = parameters[i].split('=')[0];
if(varName.toUpperCase() == name.toUpperCase())
{
rtnval = parameters[i].split('=')[1];
break;
}
}
return rtnval;
}
}
//동의징구 > 말풍선 : 2018.01.23 추가
//체크되는 조건에 따라 사용(선택항목이 체크 되지 않았을 경우, 노출조건은 개발에서 처리)
function termsTooltip(){
var $item = $('.addTooltipBox');
if(!$item.length) return;
$item.each(function(){
var $ttipBox = $(this).find('.termsTooltipbox');
$ttipBox.fadeIn('200').delay('1800').fadeOut('normal');
});
}
/*2019-08-07 KTH : [캐피탈] 신용_자담 이메일, 번호판 UI 개선*/
function viewTab(num){
$(".car_info_cont").hide();
$("#tab_cont"+num).show();
}
/*2019-08-13 KTH : [캐피탈] 신용_자담 이메일, 번호판 UI 개선_멀티심사*/
function mycarTab(num){
$(".my_car_cont").hide();
$("#mycartab"+num).show();
}
$(document).ready(funct a~
^ PVsρ E Ϊ @#s[>k PW >uP JMJ : [작업요청] 주택금융 WEB 유입 고객 접근성 개선
$('.check_box_wrap').each(function(){
var check_box_h = 0;
$('.check_box_h',this).each(function(){
if($(this).height() > check_box_h)
check_box_h = $(this).height();
});
$('.check_box_h',this).height(check_box_h);
});
/*2020-08-24 PSS : 라디오텝*/
$('.radio_tab .rd_button_set.tab_select label').on('click', function(){/*2021-12-03 웹접근성*/
var tab_index = $(this).closest('li').index(),
tab_con = $(this).closest('.radio_tab').find('.tab_cont .cont');
tab_con.removeClass('on')
tab_con.eq(tab_index).addClass('on');
});
// 2020-10-12 웹접근성 PSS : 레이어팝업 닫기 포커스
$('.lypop_closer').keydown(function(e){
if(e.which == 9 && e.shiftKey){
$(this).parent().find('.btn_print').focus();
e.preventDefault();
}else if(e.keyCode == 9){
$(this).closest('.lypop').focus();
e.preventDefault();
}
})
popAccordion(); //동의서 요약 : 항목자세히 보기 : 2021-07-05 CDH 추가
/*2021-10-25 PSS : [WEB][APP] 금소법_적합성 페이지 제작_신용 디지털 */
function input_etc_ck(){
$('.etc_display .rd_box input').on('click', function(){
if($(this).parents().hasClass('input_etc')){
console.log(1)
$(this).closest('.etc_display').find('.form a~
^ PVsρ E Ϋ @#?s[>k PW >uPI }else{
$(this).closest('.etc_display').find('.form_group').hide()
console.log(2)
}
});
}
input_etc_ck();
/* //2021-10-25 PSS : [WEB][APP] 금소법_적합성 페이지 제작_신용 디지털 */
/* 2021-12-03 웹접근성 */
var referrer = document.referrer;
var arraySplit = referrer.split("/");
var pathway = arraySplit[5]
//console.log(pathway)
if(pathway == 'CPCCCI0101.hc'){
$('#call_page').next().children().focus();
}
if(pathway == 'CPCCCI0201.hc'){
//console.log(11)
$('li[name=mail_page]').next().children().focus();
// 2021-12-29 PSS : 웹접근성 $('#no_result').append('
다음 탭 이동');
}
});
//동의서 요약 : 항목자세히 보기 : 2021-07-05 CDH 추가
var popAccordion = function(){
$(document).off("click",".popAccordion .btn").on("click",".popAccordion .btn",function(e){
e.preventDefault();
var fContent=$(this).parent().next();
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).find('span').html('보기');
fContent.slideUp();
}else{
$(this).addClass('open');
$(this).find('span').html('닫기');
fContent.slideDown();
}
});
}a~
< < PVs ^ E (J<@ 0ks[>W P>u 5P >G a~
< < PVs ^ E (J=@ /ks[>W P>u P 2 a
< < PVs ^ E (J>@ .ks[>W P>u P ' a
< < PVs ^ E (J?@ -ks[>W P>u
* alert(Capital.Common.String.MAX_LENGTH);
* var len = Capital.Common.String.getLength("STRING");
*
* ...
* 4. 기타
* Namespace.Register("Capital.Common.String"); 와 같은 namespace 등록은 Namespace 만 보고도 하위에 선언된
* Property, Method 의 용도를 파악할 수 있으나 정의 및 사용시 소스코드가 길어지는 단점이 있음.
* 아래와 같이 전체 Namespace 와 맵핑되는 축약형 Namespace를 등록하여 Property, Method 를 정의하고 사용할 수 있음.
* A. Namespace 등록
* Namespace.Register("Capital.Common.String"); // Full namespace 등록
* Namespace.Register("ccs"); a ^ PVw E @!s[=k Pן ;o2Pi pace 등록
*
* ccs = Capital.Common.String; // Full - Short namespace 맵핑
* B. 등록된 Namespace를 이용하여 Property, Method 정의
* Capital.Common.String.MIN_LENGTH = 10;
* ccs.MAX_LENGTH = 30;
*
* Capital.Common.String.getLength = function (argStr)
* {
* if(argStr && argStr != null)
* return argStr.length;
* else
* return 0;
* }
*
* ccs.getPadLeft = function (argStr, argLen, argPadChar)
* {
* ...
* }
* C. 정의된 Property, Method 사용
* ...
*
*/
var Namespace =
{
Register : function(_Name)
{
var chk = false;
var cob = "";
var spc = _Name.split(".");
for(var i = 0; iW P>u k PW <>vP ac < < PVs ^ E (JB@ *ks[>W P>v =P ac ^ PVw E @&s[=k P {mMP; HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:16 GMT
ETag: "0-ab7d-5d0221d4"
Last-Modified: Thu, 13 Jun 2019 10:13:40 GMT
Accept-Ranges: bytes
Content-Length: 43901
Content-Type: text/javascript
ac < < PVw ^ E (@ ks[= PM {8P a ac ^ PVw E @!s[=k P {8MPݯ //메인 화면 금융 검색
var mainFinanceSearch = function() {
var cBanner = $(".curtain_banner");
var cBannerBlinder = $(".curtain_banner_blinder");
var header = $("header#header");
var searchFinance = $("#main_top");
var sfFilter = searchFinance.find(".filter");
var visualCar = searchFinance.find("#visual_car");
var visualLoan = searchFinance.find("#visual_loan");
var visualHousing = searchFinance.find("#visual_housing");
var sfList = searchFinance.find(".default>ul");
var sfItem = sfList.find("li");
var sfCar = sfList.find("li.car");
var sfIndividual = sfList.find("li.individual");
var sfHousing = sfList.find("li.housing");
var resultProduct = $(".main_result_product");
setTimeout(function() {
resultProduct.css({"height" : Math.max(document.documentElement.offsetHeight,document.body.offsetHeight)-590 + "px"}) //2019-06-07 KTH 복구
},500)
var rpWrap = resultProduct.find(".rp_wrap");
var prName = "";
var choiceCarType = $(".car_type");
var capitalRelation = $(".main_cont_wrap");
var footer = $("footer#footer");
//선택값
var selectedBrand = '';
var selectedCar = '';
//IE 브라우저 체크를 위한...
var usAgent = navigator.userAgent;
var usVersion = function() {
if(usAgent.indexOf("MSIE") == -1) {
return 99
} else {
return parseInt(usAgent.split(";")[1].split(" ")[2])
}
}
cBannerBlinder.find(".btn_close").o ac ^ PVw E @!s[=k P {MP cBannerBlinder.slideUp();
resultProduct.attr("style","");
});
cBanner.find(".btn_close").on("click",function(){
cBanner.slideUp();
resultProduct.attr("style","");
});
//배경 기본설정
var sfCurrentPos = 43;
var sfMovePos = 43;
searchFinance.css({
"backgroundImage" : "linear-gradient(135deg, #1E88E5 0%, #2A9FFD "+sfCurrentPos+"%, #1E88E5 100%)"
})
visualCar.css({
"backgroundImage" : "linear-gradient(135deg, #3D5BDC 0%, #488FF6 "+sfCurrentPos+"%, #488FF6 100%)"
})
visualLoan.css({
"backgroundImage" : "linear-gradient(135deg, #00bac0 0%, #0593a6 "+sfCurrentPos+"%, #00bac0 100%)"
})
visualHousing.css({
"backgroundImage" : "linear-gradient(135deg, #11B4E3 0%, #11B4E3 "+sfCurrentPos+"%, #0F82BE 100%)"
})
//IE8 이하일때 선택지버튼 세팅
if(usAgent.indexOf("MSIE") > -1 && usVersion()< 9) {
sfList.find(".choice_product>.btn_cp_set").prepend("
")
sfList.find(".choice_product>.btn_cp_set").append("")
}
//선택지버튼 설정
sfList.find(".choice_product>*").on("mouseenter focusin",function() {
$(this).parent().addClass("on");
})
sfList.find(".choice_product").on("mouseleave focusout",function() {
$(this).removeClass("on");
})
sfList ac ^ PVw E @!s[=k P {MPШ btn_cp_set>button.btn_cp").on("click",function() {
var sfLen = $(this).parent().find("button.btn_cp").size();
if($(this).parents(".choice_product").hasClass("active") == false) {
$(this).parents(".choice_product").addClass("active");
$(this).parents(".choice_product").next(".choice_product").removeClass("active");
$(this).siblings().not("span.radius").animate({"opacity":0},100,"jswing");
$(this).siblings().not("span.radius").delay(15).hide(100*sfLen,"jswing");
$(this).parent().find("button.choice_view").delay(15).fadeIn();
sfList.find(".choice_product").find("button.btn_cp").removeAttr("tabindex")
$(this).parent().find("button.btn_cp").attr("tabindex","-1");
if($(this).parent().find(".txt_head").size() > 0) {
$(this).prepend("")
$(this).find("span.comment").delay(250*sfLen).show(125*sfLen)
}
}
})
//선택지로 돌아가기 버튼 클릭시 reset
sfList.find(".choice_product .btn_cp_set button.choice_view").on("click",function() {
var pid = $(this).parent().parent().attr("id");
if(pid == "carOldNew"){
sfCar.find("#carPay>.tit").html("중고차, 어떻게 이용하고 싶으세요?");//2019-01-21 KTH
financeGuideChange(sfCar.find("#carPay>.tit")) ac ^ PVw E @!s[=k P {TMPo 시
}else if(pid == "carPay"){
sfCar.find("#carPay>.tit").html("중고차, 어떻게 이용하고 싶으세요?");//2019-01-21 KTH
financeGuideChange(sfCar.find("#carPay>.tit")) //가이드 문구 변경 시
}else if(pid == "houseType"){
sfHousing.find("#houseType>.tit").html("어떤 집을 담보로 하시겠어요?");
financeGuideChange(sfHousing.find("#houseType>.tit")) //가이드 문구 변경 시
}
//2019-02-26 KSM - S
else if(pid == "houseloanType"){
sfHousing.find("#houseloanType>.tit").html("어떤 대출이 필요하신가요?");
financeGuideChange(sfHousing.find("#houseloanType>.tit")) //가이드 문구 변경 시
sfHousing.find("#houseloanType > .btn_cp_set").delay(400).fadeIn();//2019-05-21 KTH
sfHousing.find("#houseType>.tit").html("어떤 집을 담보로 하시겠어요?");//2019-05-21 KTH
}
//2019-02-26 KSM - E
/*2019-05-21 KTH s*/
else if(pid == "indiType"){
sfIndividual.find("#creditpay>.tit").html("어떤 금리혜택을 선호하세요?");
financeGuideChange(sfIndividual.find("# ac ^ PVw E @!s[=k P {MPM
드 문구 변경 시
}
/*2019-05-21 KTH e*/
var sfLen = $(this).parent().find("button.btn_cp").size();
$(this).hide();
$(this).parents(".choice_product").focus();
$(this).parents(".choice_product").find(".tit").show();
$(this).parents(".choice_product").find(".tit>span").css({"opacity":0})
if($(this).parents(".choice_product").hasClass("last") == false) {
financeGuideChange($(this).parents(".choice_product").find(".tit")) //가이드 문구 변경 시
}
$(this).siblings().removeAttr("tabindex")
$(this).siblings().show(100*sfLen,"jswing");
$(this).siblings().delay(15).animate({"opacity":1},100,"jswing");
$(this).parents(".choice_product").nextAll(".choice_product").fadeOut(250)
$(this).parents(".choice_product").nextAll(".choice_product").find("button.btn_cp,.txt_head").show();
$(this).parents(".choice_product").nextAll(".choice_product").find("button.btn_cp").css({"opacity":1});
$(this).parents(".choice_product").nextAll(".choice_product").find(".txt_head").css({"opacity":0.6});
$(this).parents(".choice_product").nextAll(".choice_product").find("button.choice_view").hide();
$(this).parents(".choice_product").removeClass("active");
// 04.21 추가
sfCar.find("#carPay>.btn_cp_set").show();
ac ^ PVw E @!s[=k P {мMP Pay>.btn_cp_set>button.btn_cp").text("금액선택");
//sfCar.find(".list_carpay").css("opacity","0");
sfCar.find(".list_carpay").css("display","none");
sfCar.find(".list_carpay button").removeClass('on');
if(sfList.find("span.comment").size() > 0) {
sfList.find("span.comment").remove();
}
if(resultProduct.is(":visible") == true) {
//2017-06-16 주석 resultProduct.fadeOut(200);
resultProduct.removeClass('block'); //2017-06-16 추가
//하단컨텐츠 및 푸터 Blur 제거
capitalRelation.removeClass('blur');
footer.removeClass('blur');
/*
capitalRelation.css({
"filter" : "blur(0px)",
"-webkit-filter" : "blur(0px)",
"transition" : "filter 0.05s ease",
"-webkit-transition" : "-webkit-filter 0.05s ease"
})
footer.css({
"filter" : "blur(0px)",
"-webkit-filter" : "blur(0px)",
"transition" : "filter 0.05s ease",
"-webkit-transition" : "-webkit-filter 0.05s ease"
})
*/
}
});
// 로그인 화면 포커스 추가
$(".wrap_login .join_list").on("mouseenter focusin",function() {
$(this).addClass("on");
})
$(".wrap_login .join_list").on("mouseleave focusout",function( ac < < PVw ^ E (@ ks[= PM {PV4 ac ^ PVw E @!s[=k P {pMP oveClass("on");
})
//자동차 금융. 마우스클릭시 개인 금융 초기화
sfCar.find("button").on("click",function() {
sfHousing.find(".choice_product").removeClass("active");
sfHousing.find(".choice_product").hide();
sfHousing.find(".choice_product").first().show();
sfHousing.find(".choice_product .tit").hide();
sfHousing.find(".choice_product").first().find(".tit").show();
sfHousing.find(".choice_product .tit span").css({"opacity":0})
sfHousing.find(".choice_product").first().find(".tit span").css({"opacity":1});
sfHousing.find(".choice_product .btn_cp_set .txt_head").show();
sfHousing.find(".choice_product .btn_cp_set .txt_head").css({"opacity":0.6});
sfHousing.find(".choice_product .btn_cp_set button").show();
sfHousing.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfHousing.find(".choice_product .btn_cp_set button.btn_cp span.comment").remove();
sfHousing.find(".choice_product .btn_cp_set button.choice_view").hide();
prName = ""
})
//자동차 금융. 신차,중고차 선택
sfCar.find("#carOldNew>.btn_cp_set>button.btn_cp").on("click",function() {
if($(this).val() == "new") {
if(sfCar.find("#carBrand").is(":hidden") == true) {
sfCar.find("#carBrand").fadeIn(0);
ad ^ PVw E @!s[=k P {$MP nd .btn_cp_set").css({"display":"none"});
sfCar.find("#carBrand .btn_cp_set").delay(400).fadeIn();
sfCar.find(".tit").hide();
sfCar.find(".tit>span").css({"opacity":0})
sfCar.find("#carBrand>.tit").show();
financeGuideChange(sfCar.find("#carBrand>.tit")) //가이드 문구 변경 시
}
} else if($(this).val() == "old") {
if(sfCar.find("#carPay").is(":hidden") == true) {
sfCar.find("#carPay").fadeIn(0);
sfCar.find("#carPay .btn_cp_set").css({"display":"none"});
sfCar.find("#carPay .btn_cp_set").delay(400).fadeIn();
sfCar.find(".tit").hide();
sfCar.find(".tit>span").css({"opacity":0})
sfCar.find("#carPay>.tit").show();
financeGuideChange(sfCar.find("#carPay>.tit")) //가이드 문구 변경 시
}
}
//sfHousing.find("#houseloanD").show(); //2019-02-26 KSM
//sfHousing.find("#houseloanU").show(); //2019-05-21 KTH
/* 2019-05-24 JMJ */
sfHousing.find("#houseType>.tit").html("어떤 집을 담보로 하시겠어요?");
//신용대출 버튼 초기화
sfIndividual.find(".choice_product").removeClass("active");
sfIndividual.find(".choice_product").hide();
sfIndividual.fin ad ^ PVw E @!s[=k P {MPm> st().show()
sfIndividual.find(".choice_product").first().find(".tit").show();
sfIndividual.find(".choice_product").first().find(".tit span").css({"opacity":1});
sfIndividual.find(".choice_product .btn_cp_set button").show();
sfIndividual.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfIndividual.find(".choice_product .btn_cp_set button.choice_view").hide();
/*//2019-05-24 JMJ */
})
/*2019-05-21 KTH s*/
//신용대출
sfIndividual.find("#indiType>.btn_cp_set>button.btn_cp").on("click",function() {
if($(this).val() == "credit") {
if(sfIndividual.find("#creditpay").is(":hidden") == true) {
sfIndividual.find("#creditpay").fadeIn(0);
sfIndividual.find("#creditpay .btn_cp_set").css({"display":"none"});
sfIndividual.find("#creditpay .btn_cp_set").delay(400).fadeIn();
sfIndividual.find(".tit").hide();
sfIndividual.find(".tit>span").css({"opacity":0})
sfIndividual.find("#creditpay>.tit").show();
financeGuideChange(sfIndividual.find("#creditpay>.tit")) //가이드 문구 변경 시
}
}
/* 2019-05-24 JMJ */
// 주택대출 버튼 초기화
sfHousing.find(".choice_product").removeClass("active");
sfHousing.find(".choice_product").hide();
ad ^ PVw E @!s[=k P {MP ice_product").first().show();
sfHousing.find(".choice_product .tit").hide();
sfHousing.find(".choice_product").first().find(".tit").show();
sfHousing.find(".choice_product .tit span").css({"opacity":0})
sfHousing.find(".choice_product").first().find(".tit span").css({"opacity":1});
sfHousing.find(".choice_product .btn_cp_set .txt_head").show();
sfHousing.find(".choice_product .btn_cp_set .txt_head").css({"opacity":0.6});
sfHousing.find(".choice_product .btn_cp_set button").show();
sfHousing.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfHousing.find(".choice_product .btn_cp_set button.btn_cp span.comment").remove();
sfHousing.find(".choice_product .btn_cp_set button.choice_view").hide();
sfHousing.find("#houseType>.tit").html("어떤 집을 담보로 하시겠어요?");
// 자동차금융 버튼 초기화
sfCar.find(".choice_product").removeClass("active");
sfCar.find(".choice_product").hide();
sfCar.find(".choice_product").first().show();
sfCar.find(".choice_product .tit").hide();
sfCar.find(".choice_product").first().find(".tit").show();
sfCar.find(".choice_product .tit span").css({"opacity":0})
sfCar.find(".choice_product").first().find(".tit span").css({"opacity":1});
ad ^ PVw E @!s[=k P {@MP6 _product .btn_cp_set .txt_head").show();
sfCar.find(".choice_product .btn_cp_set .txt_head").css({"opacity":0.6});
sfCar.find(".choice_product .btn_cp_set button").show();
sfCar.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfCar.find(".choice_product .btn_cp_set button.btn_cp span.comment").remove();
sfCar.find(".choice_product .btn_cp_set button.choice_view").hide();
/* 2019-05-24 JMJ */
})
/*2019-05-21 KTH e*/
//자동차 금융. 신차를 선택했을 경우 자동차 브랜드 선택
sfCar.find("#carBrand>.btn_cp_set>button.btn_cp").on("click",function() {
if(sfCar.find("#carType").is(":hidden") == true) {
sfCar.find("#carType").fadeIn(0);
sfCar.find("#carType .btn_cp_set").css({"display":"none"});
sfCar.find("#carType .btn_cp_set").delay(500).fadeIn();
sfCar.find(".tit").hide();
sfCar.find(".tit>span").css({"opacity":0})
sfCar.find("#carType>.tit").show();
//자동차 선택 팝업 초기화
choiceCarType.find("div.car_list .list_wrap ul>li>a").removeClass("on");
sfCar.find("#carType>.tit").html("차종을 선택해 주세요.");
financeGuideChange(sfCar.find("#carType>.tit")) //가이드 문구 변경 시
sfCar.find("#c a
d ^ PVw E @!s[=k P {MP n.btn_cartype").text("차종선택")
sfCar.find("#carType>.btn_cp_set>button.btn_cartype").attr("data-brand",$(this).val()) //자동차 선택 팝업을 위한 브랜드 설정
}
})
// 04.21 자동차 금융. 중고차를 선택했을 경우 금액선택버튼
sfCar.find("#carPay>.btn_cp_set>button.btn_cp").on("click",function() {
//sfCar.find(".list_carpay").animate({"opacity":1},400,"jswing");
sfCar.find(".list_carpay").css({"display":"block"},400,"jswing");
sfCar.find("#carPay>.btn_cp_set").hide();
});
// 04.21 자동차 금융. 중고차 금액선택버튼 선택했을 경우 금액대 선택
sfCar.find(".list_carpay>button.btn_list").on("click",function() {
if(sfCar.find("#carPay").hasClass("active")) {
if($(this).val() != "1") {
sfCar.find("#carPay>.btn_cp_set").show();
sfCar.find("#carPay>.btn_cp_set>button.btn_cp").text($(this).text());
//검색결과 팝업
prName = "car"
sfCar.find(".tit").hide();
sfCar.find(".tit>span").css({"opacity":0})
sfCar.find("#carPay>.tit").html(""+$(this).val()+"만원의 차량을 선택하셨네요.");
sfCar.find("#carPay>.tit").show();
financeGuideChange(sfCar.find("#carPay>.tit")) //가이드 문구 변경 a d ^ PVw E @!s[=k P {MP) tResultProduct('oldCar');
$(this).addClass('on');
$(this).siblings().removeClass('on');
sfCar.find("#carPay").removeClass("active")
//sfCar.find(".list_carpay").css("opacity","0");
sfCar.find(".list_carpay").css("display","none");
//개발팀 추가S
if($(this).val() == "1,000") {
$("#rp_Car_product_list").load("/cms/main/car/CPMNMN0101_W02.html",function(){ initResultProduct('oldCar'); $("#bn_area_oldcar").show();});
}else if($(this).val() == "2,000") {
$("#rp_Car_product_list").load("/cms/main/car/CPMNMN0101_W03.html",function(){ initResultProduct('oldCar'); $("#bn_area_oldcar").show();});
}else if($(this).val() == "3,000"){
$("#rp_Car_product_list").load("/cms/main/car/CPMNMN0101_W04.html",function(){ initResultProduct('oldCar'); $("#bn_area_oldcar").show();});
}
//개발팀 추가E
}
}
});
//자동차 금융. 신차를 선택했을 경우 차종선택을 클릭 시 자동차 선택 팝업 열기
sfCar.find("#carType>.btn_cp_set>button.btn_cartype").on("click",function() {
header.animate({"opacity":0.05},500)
$("#container.main").addClass("hide");
//searchFinance.find(">spa ad ^ PVw E @!s[=k P {\MP9< city":0.05},500)
//searchFinance.find(">span.sf_bar+ul").animate({"opacity":0.05},500)
searchFinance.find("ul").animate({"opacity":0.05},500)
choiceCarType.fadeIn(500)
choiceCarType.find(".list_car").hide();/* 추가 */
choiceCarType.find("#"+ $(this).attr("data-brand") +"CarList").attr("style","");
choiceCarType.find("#"+ $(this).attr("data-brand") +"CarList").show();
if(!cBanner.is(":hidden")){
var cbHeight = cBanner.height();
choiceCarType.find("#"+ $(this).attr("data-brand") +"CarList").css({
"left" : $(this).offset().left-15+"px",
"bottom" : (parseInt(choiceCarType.find("#"+ $(this).attr("data-brand") +"CarList").css("bottom")) - cbHeight)+"px"
})
}else{
choiceCarType.find("#"+ $(this).attr("data-brand") +"CarList").css({
"left" : $(this).offset().left-15+"px"
})
}
choiceCarType.find("button.btn_close").css({
"top" : $(this).offset().top-1+"px",
"left" : $(this).offset().left-19+"px"
})
$("html,body").animate({
"scrollTop" : choiceCarType.offset().top + "px"
},function() {
choiceCarType.focus();
})
})
//자동차 금융. 신차를 선택했을 경우 자동차 선택 팝업에서 자동차 선택하 ad ^ PVw E ! @!s[=k P |MP= 출
//개발팀 추가S
choiceCarType.on("click","div.list_car .list_wrap ul>li>button",function(){
//개발팀 추가E
//개발팀 수정choiceCarType.find("div.list_car .list_wrap ul>li>button").on("click",function() {
choiceCarType.find("div.list_car .list_wrap ul>li>button").removeClass("on");
$(this).addClass("on");
$(".btn_cartype").attr("data-carName",$(this).parent().parent().parent().find(".tit").html());
$("#carType>.tit").html(""+$(this).html()+" 선택하셨네요.");
financeGuideChange($("#carType>.tit")); //가이드 문구 변경 시
sfCar.find("#carType>.btn_cp_set>button.btn_cartype").text($(this).text())
//자동차 선택 팝업 닫기
choiceCarType.find("button.btn_close").click();
$("#rp_Car").hide();
//검색결과 팝업
prName = "car"
initResultProduct("newCar");
return false;
})
//IE8 이하일때 닫기버튼 세팅
if(usAgent.indexOf("MSIE") > -1 && usVersion()< 9) {
choiceCarType.find("button.btn_close").wrapInner("")
choiceCarType.find("button.btn_close").prepend("")
choiceCarType.find("button.btn_close").append ad < < PVw ^ E (@ ks[= PM {PJ ad < < PVw ^ E (@ ks[= PM {pP?z ad < < PVw ^ E (@ ks[= PM {P4 ad ^ PVw E " @!s[=k P | MP ght'>")
}
//자동차 금융. 신차를 선택해서 자동차 팝업을 열었을 경우 자동차 선택 팝업 닫기
choiceCarType.find("button.btn_close").on("mouseenter",function() {
$(this).addClass("on");
sfCar.addClass("on");
})
choiceCarType.find("button.btn_close").on("mouseleave",function() {
$(this).removeClass("on");
sfCar.addClass("on");
})
choiceCarType.find("button.btn_close").on("click",function() {
header.animate({"opacity":1},100)
$("#container.main").removeClass("hide");
//searchFinance.find(">span.sf_bar").animate({"opacity":0.3},500)
searchFinance.find("ul").animate({"opacity":1},500)
choiceCarType.fadeOut(500)
choiceCarType.find(".list_car").hide();
})
// 04.21 주택 금융. 마우스클릭시 자동차 금융 초기화
sfHousing.find("button").on("click",function() {
sfCar.find(".choice_product").removeClass("active");
sfCar.find(".choice_product").hide();
sfCar.find(".choice_product").first().show();
sfCar.find(".choice_product .tit").hide();
sfCar.find(".choice_product").first().find(".tit").show();
sfCar.find(".choice_product .tit span").css({"opacity":0})
sfCar.find(".choice_product").first().find(".tit span"). ad ^ PVw E # @!s[=k P |xMP sfCar.find(".choice_product .btn_cp_set .txt_head").show();
sfCar.find(".choice_product .btn_cp_set .txt_head").css({"opacity":0.6});
sfCar.find(".choice_product .btn_cp_set button").show();
sfCar.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfCar.find(".choice_product .btn_cp_set button.btn_cp span.comment").remove();
sfCar.find(".choice_product .btn_cp_set button.choice_view").hide();
/* 2019-05-24 JMJ */
// 신용대출 버튼 초기화
sfIndividual.find(".choice_product").removeClass("active");
sfIndividual.find(".choice_product").hide();
sfIndividual.find(".choice_product").first().show()
sfIndividual.find(".choice_product").first().find(".tit").show();
sfIndividual.find(".choice_product").first().find(".tit span").css({"opacity":1});
sfIndividual.find(".choice_product .btn_cp_set button").show();
sfIndividual.find(".choice_product .btn_cp_set button").css({"opacity":1});
sfIndividual.find(".choice_product .btn_cp_set button.choice_view").hide();
/*//2019-05-24 JMJ */
prName = ""
})
//2019-02-26 KSM - S
//주택금융. 주택담보대출 선택 시
sfHousing.find("#houseloanType>.btn_cp_set>button.btn_cp").on("click",function() {
if($(this).val() == "hou a d ^ PVw E $ @!s[=k P |,MP if(sfHousing.find("#houseType").is(":hidden") == true) {
sfHousing.find("#houseType").fadeIn(0);
sfHousing.find("#houseType .btn_cp_set").css({"display":"none"});
sfHousing.find("#houseType .btn_cp_set").delay(400).fadeIn();
sfHousing.find(".tit").hide();
sfHousing.find(".tit>span").css({"opacity":0})
sfHousing.find("#houseType>.tit").show();
financeGuideChange(sfHousing.find("#houseType>.tit")) //가이드 문구 변경 시
sfHousing.find("#houseloanD").hide();
//sfHousing.find("#houseloanU").hide(); //2019-04-29 JMJ
}
}
})
//2019-02-26 KSM - E
// 04.21 주택 금융. 아파트, 오피스텔 선택
sfHousing.find("#houseType>.btn_cp_set>button.btn_cp").on("click",function() {
if($(this).val() == "apt") {
prName = "housing";
//검색결과 팝업
sfHousing.find("#houseType>.tit").html(""+$(this).html()+" 담보대출을 선택하셨네요.");
financeGuideChange(sfHousing.find("#houseType>.tit")) //가이드 문구 변경 시
// 개발팀 수정initResultProduct("cptUsedY");
// 개발팀 추가S
$("#rp_cptSecurity_product_list").load("/cms/main/psnl/home/CPMNMN0102_W04.html",function( a d ^ PVw E % @!s[=k P |MP5 tUsedY"); });
// 개발팀 추가E
} else if($(this).val() == "etc") {
prName = "housing";
//검색결과 팝업
sfHousing.find("#houseType>.tit").html(""+$(this).html()+" 담보대출을
선택하셨네요.");
financeGuideChange(sfHousing.find("#houseType>.tit")) //가이드 문구 변경 시
// 개발팀 수정initResultProduct("cptUsedY");
// 개발팀 추가S
$("#rp_cptSecurity_product_list").load("/cms/main/psnl/home/CPMNMN0102_W05.html",function(){ initResultProduct("cptUsedY"); });
// 개발팀 추가E
}
})
//검색결과 팝업(자동차,주택 금융 공통)
function initResultProduct(targetProduct) {
var isNewCar = false;
//하단컨텐츠 및 푸터 Blur
capitalRelation.addClass('blur');
footer.addClass('blur');
/*
capitalRelation.css({
"filter" : "blur(10px)",
"-webkit-filter" : "blur(10px)",
"transition" : "filter 0.1s ease",
"-webkit-transition" : "-webkit-filter 0.1s ease"
})
footer.css({
"filter" : "blur(10px)",
"-webkit-filter" : "blur(10px)",
"transition" : "filter 0.1s ease",
"-webkit-transition" : "-webkit-filter 0.1s ease"
})
*/
//결과 상 a d ^ PVw E & @!s[=k P | MP if(prName == "car") {
sfCar.addClass("on")
sfHousing.animate({"opacity" : 0.3},500);
} else if(prName == "housing") {
sfHousing.addClass("on")
sfCar.animate({"opacity" : 0.3},500);
}
resultProduct.addClass("block");
if(!cBanner.is(":hidden")){
var cbHeight = cBanner.height();
resultProduct.attr("style","");
//resultProduct.css("top",resultProduct.offset().top + cbHeight);//2019-06-07 KTH
}
//결과 상품 Fade In
resultProduct.delay(25).fadeIn(500,function() {
$("html,body").animate({
"scrollTop" : resultProduct.offset().top + "px"
},800,function() {
resultProduct.focus()
})
})
rpWrap.hide();
if(targetProduct == "newCar"){
if($(".btn_cartype").attr("data-brand") == "hyundai"){ selectedBrand = "현대"; }
else if($(".btn_cartype").attr("data-brand") == "kia"){ selectedBrand = "기아"; }
else if($(".btn_cartype").attr("data-brand") == "etc"){ selectedBrand = $(".btn_cartype").attr("data-carName"); }
selectedCar = $(".btn_cartype").html();
$("#rp_Car>.cur_product").find("p").html(selectedBrand+" "+selectedCar+"
자동차금융 상품입니다."); /* 2018-01-11 KSM : Running Change */
a"d ^ PVw E ' @!s[=k P |&HMPu cartype").attr("data-brand") != "etc"){ //개발팀 추가
$("#rp_Car>.cur_product").find("img").attr("alt",selectedBrand+"-"+selectedCar);
$("#rp_Car>.cur_product").find("img").show();
}else{ //개발팀 추가
$("#rp_Car>.cur_product").find("img").hide(); //개발팀 추가
} //개발팀 추가
targetProduct = "Car";
isNewCar = true;
}else if(targetProduct == 'oldCar'){
$("#rp_Car>.cur_product").find("p").html("선택하신 금액에 맞는
중고차 상품입니다.");
$("#rp_Car>.cur_product").find("img").hide();
targetProduct = "Car";
}else if(targetProduct == "cptUsedY"){
$("#rp_cptSecurity>.cur_product").find("p").html("이용하실 담보에 따른
상품을 제안 드립니다.");
targetProduct = "cptSecurity";
}else if(targetProduct == "cptUsedN"){
$("#rp_cptSecurity>.cur_product").find("p").html("소득 유형에 따른 신용대출
상품을 제안 드립니다.");
targetProduct = "cptSecurity";
}
/*
else a%d < < PVw ^ E (@ ks[= PM {@P( a'd < < PVw ^ E (@ ks[= PM {P c a)d < < PVw ^ E (@ ks[= PM |P a+d < < PVw ^ E (@ ks[= PM |xP a,d < < PVw ^ E (@ ks[= PM |PK a.d < < PVw ^ E (@ ks[= PM |&HP akj ^ PVw E ( @!s[=k P |+MP SecurityAPT"){
$("#rp_cptSecurity>.cur_product").find("p").html("자금 용도에 따른 상품을
제안 드립니다.");
targetProduct = "cptSecurity";
}else if(targetProduct == "cptSecurityAPTETC"){
$("#rp_cptSecurity>.cur_product").find("p").html("자금 용도에 따른 상품을
제안 드립니다.");
targetProduct = "cptSecurity";
}else if(targetProduct == "cptSecurityCAR"){
$("#rp_cptSecurity>.cur_product").find("p").html("소득유형에 따른
자동차담보대출 상품을
제안 드립니다.");
targetProduct = "cptSecurity";
}
*/
if(!isNewCar){
initResultProductAnimate(targetProduct);
/*
$("#rp_"+targetProduct).delay(25).fadeIn(500);
$("#rp_"+targetProduct).find(".product_list>ul>li").each(function(i) {
$(this).removeAttr("style");
$("#rp_"+targetProduct).find(".product_list>ul>li").eq(i).delay(150+(i*200)).animate({
"opacity" : 1,
"bottom" : "0px"
},400,"easeOutQuart")
setTimeout(function() {
$("#rp_"+targetProduct).find(".product_list>ul>li").css({"z-index" : 0})
},700+(i*200))
})
//금융상품 검색결과 팝업에서 상품목록 마우스오버 시
$("#rp_" aj ^ PVw E ) @!s[=k P |1MP roduct_list>ul>li").on("mouseenter focusin",function() {
$("#rp_"+targetProduct).find(".product_list>ul>li").removeClass("on");
$(this).addClass("on");
})
$("#rp_"+targetProduct).find(".product_list>ul").on("mouseleave focusout",function() {
$("#rp_"+targetProduct).find(".product_list>ul>li").removeClass("on");
})
*/
}else{
// 퍼블리싱용 스크립트 입니다. 개발시 제거
initResultProductNewCar();
}
}
//팝업에서 닫기 버튼 클릭시 초기화
resultProduct.find("button.btn_close").on("click",function() {
//자동차*개인 상품 결과 Fade Out
resultProduct.fadeOut(200,function() {
resultProduct.removeClass('block');
$("html,body").animate({
"scrollTop" : searchFinance.offset().top
},function() {
//searchFinance.removeClass().focus();//2019-06-07 KTH
})
//console.log(".rp_"+prName)
$(".rp_wrap").hide();
sfItem.animate({"opacity" : 1},200).removeClass("on")
//이벤트 초기화
setTimeout(function() {
sfCar.find(".choice_product").find("button.choice_view").eq(0).click();
sfHousing.find(".choice_product").find("button.choice_v aj ^ PVw E * @!s[=k P |7dMPp //sfHousing.find("#houseloanD").show(); //2019-02-26 KSM
//sfHousing.find("#houseloanU").show(); //2019-05-21 KTH
},100)
//배경 초기화
sfFilter.show();
visualHousing.stop().fadeOut(500,function() {
sfFilter.delay(500).fadeOut(200);
});
visualLoan.stop().fadeOut(500,function() {
sfFilter.delay(500).fadeOut(200);
});
visualCar.stop().fadeOut(500,function() {
sfFilter.delay(500).fadeOut(200);
});
sfMovePos = 43;
bgPositionMove(); //배경 위치변경
});
//하단컨텐츠 및 푸터 Blur 제거
capitalRelation.removeClass('blur');
footer.removeClass('blur');
/*
capitalRelation.css({
"filter" : "blur(0px)",
"-webkit-filter" : "blur(0px)",
"transition" : "filter 0.05s ease",
"-webkit-transition" : "-webkit-filter 0.05s ease"
})
footer.css({
"filter" : "blur(0px)",
"-webkit-filter" : "blur(0px)",
"transition" : "filter 0.05s ease",
"-webkit-transition" : "-webkit-filter 0.05s ease"
})
*/
//자동차,주택 금융 검색 버튼 Fade Out
/*
sfCar.find("#carBrand").delay(250).fadeO aj ^ PVw E + @!s[=k P |=MP find("#carType").delay(250).fadeOut(250,function() {
sfCar.find("#carType>.tit").html("차종을 선택해 주세요.")
sfCar.find("#carType>.btn_cp_set>button.btn_cartype").text("차종선택")
});
sfCar.find("#carPay").delay(250).fadeOut(250);
choiceCarType.find("div.car_select_list .list_wrap ul>li>button").removeClass("on");
sfHousing.find("#capitalUsed").delay(250).fadeOut(250);
prName = ""
*/
})
//각 금융상품 마우스 오버 시
sfItem.on("mouseenter",function(e) {
if($(this).hasClass("car")) {
sfIndividual.stop().animate({"opacity" : 0.2},500);
sfHousing.stop().animate({"opacity" : 0.2},500);
sfCar.siblings().removeClass("on");
sfCar.stop().animate({"opacity" : 1},500);
sfCar.addClass("on")
visualCar.stop().fadeIn(500);
visualLoan.stop().fadeOut(500);
visualHousing.stop().fadeOut(500);
sfMovePos = 56;
bgPositionMove(); //배경 위치변경
}
if($(this).hasClass("individual")) {
sfCar.stop().animate({"opacity" : 0.2},500);
sfHousing.stop().animate({"opacity" : 0.2},500);
sfIndividual.siblings().removeClass("on");
sfIndividu aj < < PVw ^ E (@ ks[= PM |1P ak ^ PVw E , @!s[=k P |BMP= ity" : 1},500);
sfIndividual.addClass("on");
visualLoan.stop().fadeIn(500);
visualCar.fadeOut(500);
visualHousing.fadeOut(500);
sfMovePos = 43;
bgPositionMove(); //배경 위치변경
}
if($(this).hasClass("housing")) {
sfCar.stop().animate({"opacity" : 0.2},500);
sfIndividual.stop().animate({"opacity" : 0.2},500);
sfHousing.siblings().removeClass("on");
sfHousing.stop().animate({"opacity" : 1},500);
sfHousing.addClass("on");
visualCar.stop().fadeOut(500);
visualLoan.stop().fadeOut(500);
visualHousing.stop().fadeIn(500);
sfMovePos = 20;
bgPositionMove(); //배경 위치변경
}
})
sfItem.find("button").on("focusin",function() {
$(this).parents("li").mouseenter();
})
/* 04.21 신용대출 포커스 처리 */
sfItem.find("a").on("focusin",function() {
$(this).parents("li").mouseenter();
})
sfIndividual.find(".btn_cp").on("mouseenter focusin",function() {
$(this).parent().addClass("on");
})
sfIndividual.find(".btn_cp").on("mouseleave focusout",function() {
$(this).parent().removeClass("on");
})
//2019-01-21 KTH : a.k ^ PVw E - @!s[=k P |HMPg 커스 처리
sfCar.find(".btn_cp").on("mouseenter focusin",function() {
$(this).parent().addClass("on");
})
sfCar.find(".btn_cp").on("mouseleave focusout",function() {
$(this).parent().removeClass("on");
})
//금융상품 영역에서 마우스 아웃 시
sfList.on("mouseleave",function(e) {
sfFilter.show();
setTimeout(function() {
if(prName == "car" && choiceCarType.is(":hidden")) {
sfCar.stop().animate({"opacity" : 1},500);
sfCar.addClass("on")
sfIndividual.stop().animate({"opacity" : 0.3},500);
sfIndividual.removeClass("on");
sfHousing.stop().animate({"opacity" : 0.3},500);
sfHousing.removeClass("on");
visualCar.fadeIn(500);
visualLoan.fadeOut(500);
visualHousing.fadeOut(500);
sfMovePos = 56;
bgPositionMove(); //배경 위치변경
} else if(prName == "housing" && choiceCarType.is(":hidden")) {
sfCar.stop().animate({"opacity" : 0.3},500);
sfCar.removeClass("on");
sfIndividual.stop().animate({"opacity" : 0.3},500);
sfIndividual.removeClass("on");
sfHousing.stop().animate({"opacity" : 1},500);
sfHousing.addClass("on aUk ^ PVw E . @!s[=k P |N4MP visualCar.fadeOut(500);
visualLoan.fadeOut(500);
visualHousing.fadeIn(500);
sfMovePos = 20;
bgPositionMove(); //배경 위치변경
} else if(resultProduct.is(":hidden") && choiceCarType.is(":hidden")) {
sfCar.stop().animate({"opacity" : 1},500)
sfIndividual.stop().animate({"opacity" : 1},500);
sfHousing.stop().animate({"opacity" : 1},500);
sfItem.removeClass("on");
visualCar.fadeOut(500);
visualLoan.fadeOut(500);
visualHousing.fadeOut(500);
sfMovePos = 43;
bgPositionMove(); //배경 위치변경
}
sfFilter.delay(500).fadeOut(100);
},200)
e.stopPropagation();
})
//배경 위치변경
function bgPositionMove() {
setTimeout(
function slideBg() {
if(sfCurrentPos < sfMovePos) {
sfCurrentPos++;
bgPositionMove();
//console.log(currentBgPos)
} else if(sfCurrentPos > sfMovePos) {
sfCurrentPos--;
bgPositionMove();
//console.log(currentBgPos)
} else if(sfCurrentPos == sfMovePos) {
sfCurrentPos = sfMovePos;
}
aok ^ PVw E / @!s[=k P |SMP*% searchFinance.css({
"backgroundImage" : "linear-gradient(135deg, #1E88E5 0%, #2A9FFD "+sfCurrentPos+"%, #1E88E5 100%)"
})
*/
visualCar.css({
"backgroundImage" : "linear-gradient(135deg, #3D5BDC 0%, #488FF6 "+sfCurrentPos+"%, #488FF6 100%)"
})
visualLoan.css({
"backgroundImage" : "linear-gradient(135deg, #00bac0 0%, #0593a6 "+sfCurrentPos+"%, #00bac0 100%)"
})
visualHousing.css({
"backgroundImage" : "linear-gradient(135deg, #11B4E3 0%, #11B4E3 "+sfCurrentPos+"%, #0F82BE 100%)"
})
}
,10)
}
//가이드 문구 변경 시
function financeGuideChange(gTit) {
var gTit = gTit;
var gWord = gTit.find("span");
gWord.each(function(g) {
setTimeout(function() {
gWord.eq(g).animate({
"opacity" : 1
},400,"easeOutCubic");
},((g+1)*50))
})
};
}
var initResultProductAnimate = function(targetProduct){
$("#rp_"+targetProduct).delay(25).fadeIn(500);
$("#rp_"+targetProduct).find(".product_list>ul>li").each(function(i) {
$(this).removeAttr("style");
$(this).delay(100+(i*120)).animate({
"opacity" : 1,
"bottom" : "0px",
"z-index" : 1
},400," ak ^ PVw E 0 @!s[=k P |YMP
//금융상품 검색결과 팝업에서 상품목록 마우스오버 시
$("#rp_"+targetProduct).find(".product_list>ul>li").on("mouseenter focusin",function() {
$("#rp_"+targetProduct).find(".product_list>ul>li").removeClass("on");
$(this).addClass("on");
});
$("#rp_"+targetProduct).find(".product_list>ul").on("mouseleave focusout",function() {
$("#rp_"+targetProduct).find(".product_list>ul>li").removeClass("on");
});
setFocus($("#rp_"+targetProduct),'first');
}
function setFocus(el,order){
setTimeout(function(){
el.find('a,input,select,button').filter(':visible:'+order).focus();
},300);
}
//검색결과 팝업(자동차)
var initResultProductNewCar = function() {
$("#rp_Car").delay(25).fadeIn(500);
$("#rp_Car").find(".product_list>ul>li").each(function(i) {
$(this).removeAttr("style");
$("#rp_Car").find(".product_list>ul>li").eq(i).delay(150+(i*200)).animate({
"opacity" : 1,
"bottom" : "0px",
"z-index" : 1
},400,"easeOutQuart")
});
//금융상품 검색결과 팝업에서 상품목록 마우스오버 시
$("#rp_Car").find(".product_list>ul>li").on("mouseenter focusin",function() {
$("#rp_Car").find(".product_list>ul>li").removeClass("on");
$(this).addClass("on");
});
$("#rp_Car").find(".product_list>ul").on("mouseleave focusout",function() { ak ^ PVw E 1 @&s[=k P |_PMP ind(".product_list>ul>li").removeClass("on");
});
setFocus($("#rp_Car"),'first');
}a'l < < PVw ^ E (@ ks[= PM |=P4 a)l < < PVw ^ E (@ ks[= PM |HP a/l < < PVw ^ E (@ ks[= PM |SPz a1l < < PVw ^ E (@ ks[= PM |_PPt a_ < < PVw ^ E (@ jsks[=ן Po2 B[P g a8 < < PVw ^ E (@ ks[= PM |_P a < < PVw ^ E (@ jqks[=ן Po2 B[P f a < < ^ PVw E ( @%xs[=k Pן B[o2P a < < PVw ^ E (@ jpks[=ן Po2 B\P e a`~
< < PVw ^ E (@ ks[= PM |_P ab~
< < ^ PVw E (Z @$s[=k P |_MP; af~
< < PVw ^ E (@ ks[= PM |_P
a F F PVs ^ E 4JC@ ks[> P6 J a F F ^ PVsρ E 4# @>s[>k P 6Ā^ a K K PVs ^ E 9JD@ ks[> P6 P ݼ GET /js/hcs/cmmn.js?t=153211 HTTP/1.1
Host: www.hyundaicapital.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
Referer: https://www.hyundaicapital.com/main/main/CPMNMN0101.hc?u=mV%2FJxA91tOQVwAGnJxU0amzV0mgQAVST3xgq&b=0
Cookie: JSESSIONID=A1iLN6e8U8yQzCLclcYvlaSiLHr03bUDoWVHw8P8aAM8oRiRpvfXaJ3P6QqPsZ1g.amV1c19hcGh4YXAvYXBoeGFwMTJfYnd3dzAy; WMONID=NE8mhWHeDN2;
Accept-Language: ko,en-US;q=0.9,en;q=0.8,ko-KR;q=0.7,ru;q=0.6
Accept: */*
a < < ^ PVsρ E (ެ @s[>k P 8P8 aI ^ PVsρ E ߤ @s[>k P 8Pxu HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:17 GMT
ETag: "0-13fa8-6177b55a"
Last-Modified: Tue, 26 Oct 2021 07:59:22 GMT
Accept-Ranges: bytes
Content-Length: 81832
Content-Type: text/javascript
aY ^ PVsρ E ߥ @s[>k P Ɯ8PD var CommonUtil = new CommonUtil();
var StringUtil = new StringUtil();
var NumberUtil = new NumberUtil();
var AjaxUtil = new AjaxUtil();
var FormatUtil = new FormatUtil();
var DateUtil = new DateUtil();
var DataUtil = new DataUtil();
var ConURL = new ConURL();
var GoMainMenu = new GoMainMenu();
var CallMenuId = new CallMenuId();
/**
* 앱/브라우저 확인
*/
function CommonUtil(){
this.fn_IS_APP = function() {
var phoneOS = "";
var agent = navigator.userAgent;
if(agent){
if(agent.match(/iPhone/i) || agent.match(/iPod/i)){
// iOS mobile
phoneOS = "MI";
} else if(agent.match(/Android/i)){
// Android mobile
phoneOS = "MA";
} else if( agent.match(/BlackBerry/i) ||
agent.match(/Windows CE/i) || agent.match(/SAMSUNG/i) ||
agent.match(/LG/i) || agent.match(/MOT/i) ||
agent.match(/SonyEricsson/i)){
phoneOS = "M";
}else{
phoneOS = "X";
}
}
return phoneOS;
};
this.fn_IS_WEB = function(){
if(CommonUtil.fn_IS_APP().indexOf("M") > -1){
return false;
}else{
return true;
}
};
this.fn_APP_KIT_FLAG = function() {
var appleWebKit = false;
re af ^ PVsρ E ߦ @s[>k P z8PC ;
this.is_PC = function(){
var agent = navigator.userAgent;
if(agent){
if((agent.match(/Mobile/i))){
return false;
}else if((agent.match(/Android/i))){
return false;
}else{
return true;
}
}else{
return true;
}
};
this.convertTelecomType = function(type){
var returnValue = "";
switch(type){
case "SKT" : returnValue = "SKT"; break;
case "KTF" : returnValue = "KT"; break;
case "LGT" : returnValue = "LG"; break;
case "SKM" : returnValue = "SKM"; break;
case "KTM" : returnValue = "KTM"; break;
case "LGM" : returnValue = "LGM"; break;
case "" : returnValue = ""; break;
}
return returnValue;
};
this.getHtmlName = function(){
var docName = location.href;
var splitNm = docName.split('/');
return splitNm[splitNm.length -1];
};
this.CloseWin = function(){
parent.window.open('about:blank','_self').close();
};
this.MaskkAst = function (len){
var retVal = "";
for(var i=0;ik P .8P蹛 nction ConURL() {
this.Protocol = function() {
return location.protocol;
};
this.Host = function() {
return location.hostname;
};
this.Port = function() {
return location.port;
};
this.Path = function() {
return location.pathname;
};
this.getUrl = function() {
var url = this.Protocol()+'//'+this.Host()+(this.Port() != '' ? ':'+this.Port() : '');
return url;
};
this.getParam = function(frm) {
if(frm == ""){
return frm;
}else{
var str = $(frm).serialize();
return str;
}
};
// inPath : 화면오픈될 Path
// frm : 전송할 form 객채(Parameter 구성용)
this.getWebAppURL = function(inPath, frm) {
if(inPath.substr(0,1) != "/"){
inPath = "/"+inPath;
}
if(inPath.substr(0,4) != "/cus"){
inPath = "/cus"+inPath;
}
return this.getUrl() + inPath + (frm == '' ? "" : "?"+ this.getParam(frm));
};
};
/**
* 페이지에서 스크립트 사용
*
* (예) StringUtil.isNull(str);
*/
/**
* String 관련 Utility
*/
function StringUtil() {
// null 또는 공백인지 확인
this.isNull = function(vStr) {
return vStr == null || vStr == "";
};
/*
* null 또는 공백이면 대체문자, a~ ^ PVsρ E ߨ @s[>k P ✑8P U 리턴
*/
this.replaceNull = function(str, replaceStr) {
if (this.isNull(str)) {
return replaceStr;
}
return str;
};
/*
* null 또는 공백이면 화면레이아웃 유지를 위해 태그를 리턴
*/
this.nullToNbspTag = function(vStr) {
if (this.isNull(vStr)) {
return " ";
}
return vStr;
};
/*
* null 또는 공백이면 대체문자, 아니면 표시할 문자열 리턴
*/
this.replaceOrDisplayNull = function(str, displayStr, replaceStr) {
if (this.isNull(str)) {
return replaceStr;
}
return displayStr;
};
// 숫자형인지 확인
this.isNumber = function(vStr) {
return vStr != null && vStr.replace(/^[0-9]+$/g, "") == "";
};
this.isIDStr = function(vStr){
for (var i=0; ik P ږ8P4
tStr = tStr.substring(0, tStr.length - 1);
}
return tStr;
};
// 좌측 공백 제거
this.ltrim = function(vStr) {
if (vStr.length <= 0) {
return "";
}
if (vStr.replace(/[ ]/g, "") == "") {
return "";
}
var ws = " ";
var tStr = vStr;
while (this.startsWith(tStr, ws)) {
tStr = tStr.substring(1, tStr.length);
}
return tStr;
};
// 특정 문자열로 시작하는 문자열인지 확인
this.startsWith = function(vStr, pStr) {
if (vStr.length >= pStr.length && vStr.indexOf(pStr) == 0) {
return true;
} else {
return false;
}
};
// 특정 문자열로 끝나는 문자열인지 확인
this.endsWith = function(vStr, pStr) {
if (vStr.length >= pStr.length && vStr.indexOf(pStr) == (vStr.length - 1)) {
return true;
} else {
return false;
}
};
/*
* 문자열 치환 serchStr -> replaceStr
*/
this.replaceAll = function(str, searchStr, replaceStr) {
while (str.indexOf(searchStr) != -1) {
str = str.toString().replace(searchStr, replaceStr);
}
return str;
};
/*
* 문자열 길이 반환
*/
this.valueLength = function(val) {
a ^ PVsρ E ߪ @s[>k P J8P,
for (p = 0; p < val.length; p++) {
(val.charCodeAt(p) > 255) ? len += 2 : len++;
}
return len;
};
/*
* 최대길이 체크 eleName : element ID maxLeng : 최대길이
*/
this.check_Input_MaxLength = function(eleName, maxLeng) {
if (document.getElementById(eleName).value.length > maxLeng) {
return false;
}
return true;
};
/*
* 최소길이 체크 eleName : element ID minLeng : 최소길이
*/
this.check_Input_MinLength = function(eleName, minLeng) {
if (document.getElementById(eleName).value.length < minLeng) {
return false;
}
return true;
};
/*
* 최대 바이트 길이 체크 eleName : element ID maxLeng : 최대길이
*/
this.check_Input_MaxLength_Byte = function(eleName, maxLeng) {
if (this.valueLength(document.getElementById(eleName).value) > maxLeng) {
return false;
}
return true;
};
/*
* 최소 바이트 길이 체크 eleName : element ID minLeng : 최소길이
*/
this.check_Input_MinLength_Byte = function(eleName, minLeng) {
if (this.valueLength(document.getElementById(eleName).value) < minLeng) {
return false;
}
return true;
};
/*
* 전각문자를 반각문자로 변환
a ^ PVsρ E ߫ @s[>k P 8P yteChar = function(x_char) {
var x_2byteChar = new String;
var len = x_char.length;
for (var i = 0; i < len; i++) {
var c = x_char.charCodeAt(i);
if (c >= 65281 && c <= 65374 && c != 65340) {
x_2byteChar += String.fromCharCode(c - 65248);
} else if (c == 8217) {
x_2byteChar += String.fromCharCode(39);
} else if (c == 8221) {
x_2byteChar += String.fromCharCode(34);
} else if (c == 12288) {
x_2byteChar += String.fromCharCode(32);
} else if (c == 65507) {
x_2byteChar += String.fromCharCode(126);
} else if (c == 65509) {
x_2byteChar += String.fromCharCode(92);
} else {
x_2byteChar += x_char.charAt(i);
}
}
return x_2byteChar;
};
/*
* 반각문자를 전각문자로 변환
*/
this.convert_1ByteChar = function(x_char) {
var x_2byteChar = ""; // 컨버트된 문자
var len = x_char.length;
for (var i = 0; i < len; i++) {
var c = x_char.charCodeAt(i);
if ((33 <= c && c <= 47) || (58 <= c && c <= 64) || (91 <= c && c <= 96) || (123 <= c && c <= 126)) {
x_2byteChar += unescape("%u" + this.convert_DecToHex(c + 65248));
} else {
a ^ PVsρ E ߬ @
s[>k P 벜8Pk r += x_char.charAt(i);
}
}
return x_2byteChar;
};
/*
* 10진수를 16진수로 변환
*/
/* 10진수를 16진수로 */
this.convert_DecToHex = function(x_dec) {
var x_Hex = new Array();
var x_serial = 0;
while (x_dec > 15) {
var x_h = x_dec % 16; // 나머지
x_dec = parseInt(x_dec / 16); // 몫
x_Hex[x_serial++] = (x_h > 9 ? String.fromCharCode(x_h + 55) : x_h); // 16진수코드변환
}
// 마지막은 몫의 값을 가짐
x_Hex[x_serial++] = (x_dec > 9 ? String.fromCharCode(x_dec + 55) : x_dec); // 16진수코드변환
// 몫,나머지,나머지,.....
var retValue = "";
for (var i = x_Hex.length; i > 0; i--) {
retValue += x_Hex[i - 1];
}
return retValue;
};
/*
* 주민/사업자번호 유효성 체크
*/
this.check_Input_Rbrn = function(rbrn, type) {
var flag = true;
if (type == "B") {
flag = this.check_Input_Bsrn(rbrn);
} else if (type == "R") {
flag = this.check_Input_Rrno(rbrn);
} else {
var f1 = this.check_Input_Bsrn(rbrn);
var f2 = this.check_Input_Rrno(rbrn);
flag = (f1 || f2);
}
return flag;
};
/*
* 사업자등록번 a ^ PVsρ E ߭ @ s[>k P f8P2 */
this.check_Input_Bsrn = function(bsrn) {
if (bsrn.length != 10) {
return false;
}
var sumMod = 0;
sumMod += parseInt(bsrn.substring(0, 1));
sumMod += parseInt(bsrn.substring(1, 2)) * 3 % 10;
sumMod += parseInt(bsrn.substring(2, 3)) * 7 % 10;
sumMod += parseInt(bsrn.substring(3, 4)) * 1 % 10;
sumMod += parseInt(bsrn.substring(4, 5)) * 3 % 10;
sumMod += parseInt(bsrn.substring(5, 6)) * 7 % 10;
sumMod += parseInt(bsrn.substring(6, 7)) * 1 % 10;
sumMod += parseInt(bsrn.substring(7, 8)) * 3 % 10;
sumMod += Math.floor(parseInt(bsrn.substring(8, 9)) * 5 / 10);
sumMod += parseInt(bsrn.substring(8, 9)) * 5 % 10;
sumMod += parseInt(bsrn.substring(9, 10));
if (sumMod % 10 != 0) {
return false;
}
return true;
};
/*
* 주민등록번호 유효성 체크
*/
this.check_Input_Rrno = function(rrno) {
if (rrno.length != 13) {
return false;
} else {
var rrnoRegExp = new RegExp(/\d{6}[1-6]\d{6}$/);
if (!rrnoRegExp.test(rrno)) {
return false;
} else {
var chk = rrno.substring(6, 7);
var mul = [ 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5 ];
// 내국인
if (chk == "1 a ^ PVsρ E ߮ @ s[>k P 8PE = "3" || chk == "4") {
var arr = new Array(rrno.length);
var sum = 0;
for (var i = 0; i < rrno.length; i++) {
arr[i] = parseInt(rrno.charAt(i));
if (i == rrno.length - 1) {
break;
}
sum += (arr[i] * mul[i]);
}
if (arr[12] == (11 - (sum % 11)) % 10) {
return true;
} else {
return false;
}
// 외국인
} else if (chk == "5" || chk == "6") {
var arr = new Array(rrno.length);
var sum = 0;
var odd = 0;
for (var i = 0; i < rrno.length; i++) {
arr[i] = parseInt(rrno.charAt(i));
if (i == rrno.length - 1) {
break;
}
sum += (arr[i] * mul[i]);
}
odd = arr[7] * 10 + arr[8];
if (odd % 2 != 0) {
return false;
}
if (arr[11] != 6 && arr[11] != 7 && arr[11] != 8 && arr[11] != 9) {
return false;
a ^ PVsρ E ߯ @
s[>k P Μ8Pa
sum = 11 - (sum % 11);
if (sum >= 10) {
sum = sum - 10;
}
sum = sum + 2;
if (sum >= 10) {
sum = sum - 10;
}
if (sum != arr[12]) {
return false;
}
return true;
} else {
return false;
}
}
}
};
this.validEmailAddr = function(mailAddr){
var regEmail = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(!regEmail.test(mailAddr)) {
return false;
}
return true;
};
};
/**
* Number 관련 Utility
*/
function NumberUtil() {
/*
* 문자 -> 숫자
*/
this.stringToNumber = function(str, defaultNum) {
if (str == null || str == "") {
return defaultNum;
}
return Number(str);
};
/*
* 두 인자의 합
*/
this.plus2ArgsToNumber = function(arg1, arg2) {
return this.replaceNullToZero(arg1) + this.replaceNullToZero(arg2);
};
/*
* 빈값 또는 null이면 0, 아니면 숫자형로 리턴
*/
this.replaceNullToZero = function(str) {
a ^ PVsρ E ߰ @ s[>k P 8Pm || str == "") {
return 0;
}
return Number(str);
};
/*
* 소수점 표시
*
* param str param point : 소수점 자리수 (예) 20.12
* NumberUtil.strSeperateThenAddPoint("2012", 2)
*/
this.strSeperateThenAddPoint = function(str, pointNo) {
var ret = this.stringToNumber(str, 0);
var point = ".";
var zero = "";
var pIndex = parseInt(pointNo);
ret = ret + "";
if (ret == "0") {
for (var i = 0; i < pIndex; i++) {
zero += "0";
}
ret = ret + point + zero;
} else {
if (ret.length >= pIndex) {
var pre = ret.substring(0, ret.length - pIndex);
var post = ret.substring(ret.length - pIndex);
ret = pre + point + post;
}
}
return ret;
};
/*
* 소수점 표시(0포함)
*
* param str param point : 소수점 자리수 (예) 0.2
* NumberUtil.strSeperateThenAddPoint("02", 1)
*/
this.strSeperateThenZeroAddPoint = function(str, pointNo) {
var ret = str;
var point = ".";
var zero = "";
var pIndex = parseInt(pointNo);
ret = ret + "";
if (ret == "0") {
for (var i = 0; i < pIndex; i++) {
zero += "0";
a ^ PVsρ E ߱ @s[>k P 68PeV ret + point + zero;
} else {
if (ret.length >= pIndex) {
var pre = ret.substring(0, ret.length - pIndex);
var post = ret.substring(ret.length - pIndex);
ret = pre + point + post;
}
}
return ret;
};
};
/**
* AJAX 관련 Utility
*/
function CommonAlertCallback(){
fn_AppClose();
};
function AjaxUtil() {
/*
* 인자로받은 form 태그의 입력값을 쿼리스트링으로 반환 (&key=value)
*/
this.makeQueryString = function(frm) {
return $(frm).serialize();
};
/*
* Ajax 통신관련
*/
this.callAjax = function(url, method, param, callbackFunc, resDataType, progress) {
CommonUtil.CloseWin();
this.callAjax(url, method, param, callbackFunc, resDataType, progress, true);
};
this.callAjax = function(url, method, param, callbackFunc, resDataType, progress, bAsync) {
CommonUtil.CloseWin();
this.callAjax(url, method, param, callbackFunc, resDataType, progress, bAsync, null);
};
/*
* Ajax 통신관련
*/
this.callAjax = function(url, method, param, callbackFunc, resDataType, progress, bAsync, errcallbackFunc) {
if (progress == true) {
initLoadingStart(true, 0);
}
$.ajax({
url : a ^ PVsρ E ߲ @s[>k P
꜑8Pm method,
data : param,
dataType : resDataType,
async : bAsync,
contentType : "application/x-www-form-urlencoded; charset=UTF-8",
success : function(json) {
if (progress == true) {
initLoadingStart(false, 0);
}
/* console.log("================================");
console.log(json);
console.log("================================");*/
if (json.rspnCd != null) {
if (json.rspnCd != "000") {
if (progress == false) { // 프로그래스 상태가 false로 들어온 경우, 프로그래스 바가 실행중일 때, 프로그래스 바를 중지시킨다.(sey)
initLoadingStart(false, 0);
}
// 오류별 각 케이스 정의
if(json.rspnCd == "011"){ // LOGIN TIMEOUT
alert(json.helpMsg);
location.href="/mbr/lgon/CPMBLG0101.hc";
/* if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
err a ^ PVsρ E ߳ @s[>k P 8P2 son.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("ly_cmmn");
} */
} else if(json.rspnCd == "013"){ // 업무 시간 제한 에러
if(CommonUtil.fn_IS_WEB()){
a ^ PVsρ E ߴ @s[>k P R8P $("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("ly_cmmn");
a ^ PVsρ E ߵ @s[>k P 8P } else if(json.rspnCd == "999"){
if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
a, ^ PVsρ E ߶ @s[>k P $8Pj ly_cmmn");
} else {
openLayer("ly_cmmn");
}
} else if (json.rspnCd == "HDCHSTINFGP0") { // 처리계 시스템 점검 에러
if(CommonUtil.fn_IS_WEB()) layer_open("#ly_ksiopgp");
else openLayer("ly_ksiopgp");
} else if(json.rspnCd == "HCPCOMSECU0000" || json.rspnCd == "HCPCOMSECU0001"){ // 키보드보안/마우스입력기 보안세션 만료 에러
if(CommonUtil.fn_IS_WEB()){
layer_open("#ly_keypad");
} else {
openLayer("ly_keypad");
}
}else{
if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
a8 ^ PVsρ E ߷ @s[>k P *n8PF} gCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("ly_cmmn");
}
}
if(errcallbackFunc != null){
setTimeout(function() {
errcallbackFunc();
}, 300);
}
return false;
} else {
setTimeout(function() {
callbackFunc(json);
}, 300);
}
} aD ^ PVsρ E ߸ @s[>k P 0"8P5Y setTimeout(function() {
callbackFunc(json);
}, 300);
// if(CommonUtil.fn_IS_WEB()){
// $("#ly_cmmn_button").html("닫기");
// layer_open("#ly_cmmn");
// }else {
// openLayer("ly_cmmn");
// }
//alert("서버와 통신 중 오류가 발생되었습니다. \n 잠시후 다시 시도해 주십시오.");
//console.log("서버와 통신 중 오류가 발생되었습니다. \n 잠시후 다시 시도해 주십시오.");
}
},
error : function(xhr, status, ex) {
/* 통신에러 Alert 처리 및 Progress 중지 */
if (progress == true) {
initLoadingStart(false, 0);
}
var rtnCode = xhr.status+"";
var msg = "";
msg = MessageUtil.http_result_msg(rtnCode, ex);
if(rtnCode != "0"){
alert(msg, "CommonAlertCallback");
}
if(errcallbackFunc != null){
setTimeout(function() {
errcallbackFunc();
}, 300);
aR ^ PVsρ E ߹ @ s[>k P 5֜8P<
}
});
};
/*
* Ajax 통신관련
*/
this.dl2Ajax = function(url, method, param, callbackFunc, resDataType, progress, bAsync, errcallbackFunc) {
if (progress == true) {
initDloan2LoadingStart(true, 0);
}
$.ajax({
url : url,
type : method,
data : param,
dataType : resDataType,
async : bAsync,
contentType : "application/x-www-form-urlencoded; charset=UTF-8",
success : function(json) {
if (progress == true) {
initDloan2LoadingStart(false, 0);
}
/* console.log("================================");
console.log(json);
console.log("================================");*/
if (json.rspnCd != null) {
if (json.rspnCd != "000") {
if (progress == false) { // 프로그래스 상태가 false로 들어온 경우, 프로그래스 바가 실행중일 때, 프로그래스 바를 중지시킨다.(sey)
initDloan2LoadingStart(false, 0);
}
// 오류별 각 케이스 정의
if(json.rspnCd == "011"){ // LOGIN a < < PVs ^ E (JE@ 'ks[> P8 P T a < < PVs ^ E (JG@ %ks[> P8 ږP̚ a < < PVs ^ E (JF@ &ks[> P8 .P a < < PVs ^ E (JK@ !ks[> P8 6P& a < < PVs ^ E (JL@ ks[> P8 P a < < PVs ^ E (JH@ $ks[> P8 P= a < < PVs ^ E (JI@ #ks[> P8 fPԵ a < < PVs ^ E (JJ@ "ks[> P8 Pɪ at < < PVs ^ E (JM@ ks[> P8 PV av < < PVs ^ E (JN@ ks[> P8 *nP| ax < < PVs ^ E (JO@ ks[> P8 5Pq aw ^ PVsρ E @s[>k P ;8P alert(json.helpMsg);
location.href="/mbr/lgon/CPMBLG0101.hc";
/* if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
a ^ PVsρ E @s[>k P A>8P> }
layer_open("#ly_cmmn");
} else {
openLayer("ly_cmmn");
} */
} else if(json.rspnCd == "013"){ // 업무 시간 제한 에러
if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
a ^ PVsρ E @s[>k P F8P')
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("#ly_cmmn");
}
} else if(json.rspnCd == "999"){
if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnCd+"
";
errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
a ^ PVsρ E @s[>k P L8Pj gActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("#ly_cmmn");
}
} else if (json.rspnCd == "HDCHSTINFGP0") { // 처리계 시스템 점검 에러
if(CommonUtil.fn_IS_WEB()) layer_open("#ly_ksiopgp");
else sheetView("#ly_ksiopgp");
} else if(json.rspnCd == "HCPCOMSECU0000" || json.rspnCd == "HCPCOMSECU0001"){ // 키보드보안/마우스입력기 보안세션 만료 에러
if(CommonUtil.fn_IS_WEB()){
layer_open("#ly_keypad");
} else {
openLayer("#ly_keypad");
}
}else{
if(CommonUtil.fn_IS_WEB()){
if($("#dev_error_msg").length){
var errorHtml = "rspnCd : "+json.rspnC a ^ PVsρ E @s[>k P RZ8P errorHtml += "rspnMsg : "+json.rspnMsg+"
";
errorHtml += "errCd : "+json.errCd+"
";
errorHtml += "errMsg : "+json.errMsg+"
";
errorHtml += "rsltCode : "+json.rsltCode+"
";
errorHtml += "rsltMsgCd : "+json.rsltMsgCd+"
";
errorHtml += "fstGuid : "+json.fstGuid+"
";
errorHtml += "nowGuid : "+json.nowGuid+"
";
errorHtml += "msgCd : "+json.msgCd+"
";
errorHtml += "msgCn : "+json.msgCn+"
";
errorHtml += "msgActnCn : "+json.msgActnCn+"
";
errorHtml += "helpMsg : "+json.helpMsg+"
";
$("#dev_error_msg").html(errorHtml);
$("#dev_error_msg").show();
}
layer_open("#ly_cmmn");
} else {
openLayer("#ly_cmmn");
}
}
if(errcallbackFunc != null){
s a ^ PVsρ E @s[>k P X8P( errcallbackFunc();
}, 300);
}
return false;
} else {
setTimeout(function() {
callbackFunc(json);
}, 300);
}
} else {
setTimeout(function() {
callbackFunc(json);
}, 300);
// if(CommonUtil.fn_IS_WEB()){
// $("#ly_cmmn_button").html("닫기");
// layer_open("#ly_cmmn");
// }else {
// openLayer("ly_cmmn");
// }
//alert("서버와 통신 중 오류가 발생되었습니다. \n 잠시후 다시 시도해 주십시오.");
//console.log("서버와 통신 중 오류가 발생되었습니다. \n 잠시후 다시 시도해 주십시오.");
}
},
error : function(xhr, status, ex) {
/* 통신에러 Alert 처리 및 Progress 중지 */
if (progress == true) {
initDloan2LoadingStart(false, 0);
}
var rtnCode = xhr.status+"";
a < < PVs ^ E (JP@ ks[> P8 A>Pf? a ^ PVsρ E @s[>k P ]8P msg = MessageUtil.http_result_msg(rtnCode, ex);
if(rtnCode != "0"){
alert(msg, "CommonAlertCallback");
}
if(errcallbackFunc != null){
setTimeout(function() {
errcallbackFunc();
}, 300);
}
}
});
};
/*
* Ajax 통신관련
*/
this.callPop = function(url, param, callbackFunc) {
$.ajax({
url : url,
type : "POST",
data : param,
dataType : "html",
async : true,
contentType : "application/x-www-form-urlencoded; charset=EUC-KR",
success : callbackFunc,
error : function(xhr, status) {
/* 통신에러 Alert 처리 및 Progress 중지 */
fn_WebView_Progress_Hide(true);
alert("일시적인 오류로 서비스 이용이 불가 합니다.\n다시 시도하시기 바랍니다.", "알림");
}
});
};
};
/**
* Format 관련 Utility
*/
function FormatUtil() {
/*
* ,(콤마) 표시 추가
*/
this.addComma = function(str, idx) {
if (str == null || str == "") {
return "";
}
if ("string" != typeof (str_l)) {
a% ^ PVsρ E @s[>k P cv8P (str);
}
var str_l = str.toString().replace(/\D/g, "");
var len = str_l.length;
var tmp = "";
var tmp2 = "";
var i = 0;
while (str_l.charAt(i) == '0') {
i++;
}
str_l = str_l.substring(i, len);
len = str_l.length;
if (str_l == null || str_l == "" || len == 0) {
return 0;
} else if (len < idx) {
return str_l;
} else {
var sit = len % idx;
if (sit > 0) {
tmp = tmp + str_l.substring(0, sit) + ',';
len = len - sit;
}
while (len > idx) {
tmp = tmp + str_l.substring(sit, sit + idx) + ',';
len = len - idx;
sit = sit + idx;
}
tmp = tmp + str_l.substring(sit, sit + idx) + tmp2;
str_l = tmp;
}
return str_l;
};
/*
* ,(콤마) 표시 추가 (소숫점 포함)
*/
this.addCommaF = function(str, idx) {
if (str == null || str == "") {
return "";
}
if ("string" != typeof (str_l)) {
str = String(str);
}
var str_l = str.split(".");
if (str_l.length == 1) {
return this.addComma(str_l, idx);
} else {
return this.addComma(str_l[0], i a> ^ PVsρ E @s[>k P i*8P҇ }
};
/*
* %(퍼센트) 표시 추가
*/
this.addPersent = function(str, idx) {
if (str == null || str == "") {
return "";
}
if ("string" != typeof (str_l)) {
str = String(str);
}
var str_l = str.toString().replace(/\D/g, "");
var len = str_l.length;
var tmp = "";
var tmp2 = "";
var i = 0;
while (str_l.charAt(i) == '0') {
i++;
}
str_l = str_l.substring(i, len);
len = str_l.length;
if (str_l == null || str_l == "" || len == 0) {
return 0;
} else if (len < idx) {
return str_l;
} else {
var sit = len % idx;
if (sit > 0) {
tmp = tmp + str_l.substring(0, sit) + '.';
len = len - sit;
}
while (len > idx) {
tmp = tmp + str_l.substring(sit, sit + idx) + '.';
len = len - idx;
sit = sit + idx;
}
tmp = tmp + str_l.substring(sit, sit + idx) + tmp2;
str_l = tmp;
}
return str_l;
};
/*
* 앞자리 0 없애기
*/
this.subZero = function(str) {
var subStr = "";
str = $.trim(str);
// pd_sd_price = f.pd_sd_price.value.replace(/[^0-9 aW ^ PVsρ E @s[>k P nޜ8Pl_ _sale_val = f.pd_sale_val.value.replace(/[^0-9]/g, "");
if (str == undefined || str == null || str == "" || str.length == 0) {
return "0";
}
str = str.toString();
if (str.substring(0, 1) == "-") {
subStr = "-";
str = str.substring(1);
}
for (var k = 0; k < str.length; k++) {
if (str.substring(k, k + 1) != "0") {
subStr = subStr + str.substring(k);
break;
}
}
if (subStr.length == 0) {
subStr = "0";
}
if (subStr.substring(0, 1) == ".") {
subStr = "0" + subStr;
}
return subStr;
};
/*
* 앞에 0 붙이기
*/
this.addZeros = function(str, digits) {
var zero = '';
str = str.toString();
if (str.length < digits) {
for (var i = 0; i < digits - str.length; i++) {
zero += '0';
}
}
return zero + str;
};
/*
* 대출번호 포맷 ###-####-#-#######
*/
this.loanNo = function(str) {
if (str == null || str == '') {
return "";
}
return str.substring(0, 3) + "-" + str.substring(3, 7) + "-" + str.substring(7, 8) + "-" + str.substring(8);
};
/*
* 견적번호 포맷 #-########-######
ao ^ PVsρ E @s[>k P t8P. = function(str) {
if (str == null || str == '') {
return "";
}
return str.substring(0, 1) + "-" + str.substring(1, 9) + "-" + str.substring(9);
};
/*
* 가상계좌번호 포맷(은행코드에 따른변경)
*/
this.virAccNo = function(str, bankCd) {
if (str == null || str == '') {
return "";
}
// ###-#####-######
if ("26" == bankCd) {
return str.substring(0, 3) + "-" + str.substring(3, 8) + "-" + str.substring(8);
// ###-######-#####
} else if ("25" == bankCd) {
return str.substring(0, 3) + "-" + str.substring(3, 9) + "-" + str.substring(9);
// ######-##-######
} else {
return str.substring(0, 6) + "-" + str.substring(6, 8) + "-" + str.substring(8);
}
};
/*
* 사용자명 포맷
*/
this.userName = function(userName) {
if (userName == null || "" == userName.trim()) {
return "";
}
if (userName.length <= 3) {
return userName.substring(0, 1) + "*" + userName.substring(2);
}
return userName.substring(0, 1) + "**" + userName.substring(3);
};
/*
* "*"표시로 마스킹 처리 @param val 마스킹처리할 문자열 @param viewLength 보여줄 스트링 갯수(앞자리기준)
* @retu a ^ PVsρ E @s[>k P zF8Pe
*/
this.masking = function(val, viewLength) {
var result_l = "";
if (val == null || val == "") {
return result_l;
} else if (val.length > viewLength) {
// 마스킹 처리할 뒷자리 추출
var temp_l = val.substring(viewLength);
// 보여줄 스트링을 따로 뺌
result_l = val.substring(0, viewLength);
// 보여줄 스트링에 마스킹할 자릿수만큼 더함
for (var idx = 0; idx < temp_l.length; idx++) {
result_l += "*";
}
} else {
result_l = val;
}
return result_l;
};
/*
* 천단위 표시
*/
this.dispWon = function(str) {
var chun = "";
if (typeof str == "number") {
chun = str.toString();
} else {
chun = str;
}
chun = this.removeComma(chun.trim());
while ((/(-?[0-9]+)([0-9]{3})/).test(chun)) {
chun = chun.replace((/(-?[0-9]+)([0-9]{3})/), "$1,$2");
}
return chun;
};
/*
* 만단위 표시
*/
this.dispMWon = function(str) {
var chun = "";
if (typeof str == "number") {
chun = str.toString();
} else {
chun = str;
}
chun = this.removeComma(chun.trim());
a ^ PVsρ E @s[>k P 8P 0001).toString();
while ((/(-?[0-9]+)([0-9]{3})/).test(chun)) {
chun = chun.replace((/(-?[0-9]+)([0-9]{3})/), "$1,$2");
}
return chun;
};
/*
* 천만단위 표시
*/
this.dispTWon = function(str) {
var chun = "";
if (typeof str == "number") {
chun = str.toString();
} else {
chun = str;
}
chun = this.removeComma(chun.trim());
chun = (chun * 0.00001).toString();
/*
while ((/(-?[0-9]+)([0-9]{3})/).test(chun)) {
chun = chun.replace((/(-?[0-9]+)([0-9]{3})/), "$1,$2");
}
*/
if (chun.indexOf('.') != -1) {
chun = chun.substring(0, chun.indexOf('.'));
}
return chun;
};
/*
* 백만단위 표시
*/
this.dispBMWon = function(str) {
var chun = "";
if (typeof str == "number") {
chun = str.toString();
} else {
chun = str;
}
chun = this.removeComma(chun.trim());
chun = (chun * 0.000001).toString();
while ((/(-?[0-9]+)([0-9]{3})/).test(chun)) {
chun = chun.replace((/(-?[0-9]+)([0-9]{3})/), "$1,$2");
}
return chun;
};
/*
* 숫자, 소수점, 콤마만 입력가능 type : num - 숫자만 / point - 숫자, 소수점만 / com a ^ PVsρ E @s[>k P 8P */
this.check_Num_Input = function(type) {
var obj_ev = event.srcElement;
if (obj_ev.value.split(".").length > 2) {
alert("숫자만 입력 가능합니다.");
obj_ev.value = "";
return false;
}
var num_pattern = /([^0-9])/;
if (type == 'point') {
num_pattern = /([^0-9.])/;
} else if (type == 'comma') {
num_pattern = /([^0-9,.])/;
}
num_pattern = obj_ev.value.match(num_pattern);
if (num_pattern != null) {
alert("숫자만 입력 가능합니다.");
obj_ev.value = "";
return false;
}
return true;
};
/*
* 입력타입 체크 후 원화 천단위로 표시 (예) onkeyup="FormatUtil.check_Disp_Won(this.value)"
*/
this.check_Disp_Won = function(str) {
var obj_chun = event.srcElement;
if (this.check_Num_Input("comma") == true) {
obj_chun.value = this.dispWon(str);
}
};
this.disp_Date_Format = function(str) {
var obj_date = event.srcElement;
if (this.check_Num_Input("point")) {
obj_date.value = this.dispDate(str);
}
};
/*
* 날짜포맷으로 표시 (2012/08/01)
*/
this.dispDate = function(str,formatStr) {
if (str == null || str == '') {
a ^ PVsρ E @s[>k P b8P }
if (formatStr == null || formatStr == '') {
formatStr = "/";
}
var fDate = str.toString().replace(/[^0-9]/g, "");
if (fDate.length == 8) {
return fDate.substr(0, 4) + formatStr + fDate.substr(4, 2) + formatStr + fDate.substr(6, 2);
} else if (fDate.length == 6) {
return fDate.substr(0, 4) + formatStr + fDate.substr(4, 2);
} else {
return fDate;
}
};
/*
* 시각포맷으로 표시 (23:01:15)
*/
this.dispTime = function(str) {
if (str == null || str == '') {
return "";
}
var fTime = str.toString().replace(/[^0-9]/g, "");
if (fTime.length == 6) {
return fTime.substr(0, 2) + ":" + fTime.substr(2, 2) + ":" + fTime.substr(4, 2);
} else if (fTime.length == 4) {
return fTime.substr(0, 2) + ":" + fTime.substr(2, 2);
} else {
return fTime;
}
};
/*
* ,(콤마) 표시 삭제
*/
this.removeComma = function(strIn) {
var str = this.subZero(strIn);
var str_l = "";
for (var i = 0; i < str.length; i++) {
if (str.charAt(str.length - i - 1) != ",") {
str_l = str.charAt(str.length - i - 1) + str_l;
}
}
return str_l;
};
/*
* 앞자리 a ^ PVsρ E @s[>k P 8P 표시
*/
this.subZero2Won = function(str) {
return this.dispWon(this.subZero(str));
};
/*
* 앞자리 0 없앤후, 만단위 표시
*/
this.subZeroMWon = function(str) {
return this.dispMWon(this.subZero(str));
};
/*
* 앞자리 0 없앤후, 백만단위 표시
*/
this.subZeroBMWon = function(str) {
return this.dispBMWon(this.subZero(str));
};
/*
* 앞자리 0 없앤후, 콤마삭제 표시
*/
this.subZeroDel = function(str) {
return this.removeComma(this.subZero(str));
};
/*
* 일반전화, 휴대전화, 팩스 등 전화번호 포맷팅
*
* @param telNo 원본 문자열 @return 포맷팅된 문자열
*/
this.formatTelNo = function(str) {
if (str == null || str == "") {
return "";
}
if ("string" != typeof (str)) {
str = String(str);
}
/*
* 전화번호를 구성하는 숫자,*,# 외에는 제거
*/
var telNo_l = str.toString().replace(/[^0-9]/g, "");
var returnTelNo = telNo_l;
if (telNo_l.length >= 11) {
returnTelNo = telNo_l.substring(0, 3) + "-" + telNo_l.substring(3, 7) + "-" + telNo_l.substring(7);
return returnTelNo;
} else if (telNo_l.length == 10) {
/*
a < < PVs ^ E (JQ@ ks[> P8 LPZ a < < PVs ^ E (JR@ ks[> P8 XPO a < < PVs ^ E (JS@ ks[> P8 cvP|D( a < < PVs ^ E (JU@ ks[> P8 zFPf-n a < < PVs ^ E (JT@ ks[> P8 nPq8 a ^ PVsρ E @s[>k P ʜ8Pz 역번호로 시작할 경우에만 국번이 두 자리
*/
if (telNo_l.substring(0, 2) == "02") {
returnTelNo = telNo_l.substring(0, 2) + "-" + telNo_l.substring(2, 6) + "-" + telNo_l.substring(6);
return returnTelNo;
} else {
returnTelNo = telNo_l.substring(0, 3) + "-" + telNo_l.substring(3, 6) + "-" + telNo_l.substring(6);
return returnTelNo;
}
} else if (telNo_l.length == 9) {
/*
* 서울 지역번호로 시작할 경우에만 국번이 두 자리
*/
if (telNo_l.substring(0, 2) == "02") {
returnTelNo = telNo_l.substring(0, 2) + "-" + telNo_l.substring(2, 5) + "-" + telNo_l.substring(5);
return returnTelNo;
} else {
returnTelNo = telNo_l.substring(0, 3) + "-" + telNo_l.substring(3, 5) + "-" + telNo_l.substring(5);
return returnTelNo;
}
} else if (telNo_l.length == 8) {
returnTelNo = telNo_l.substring(0, 4) + "-" + telNo_l.substring(4);
return returnTelNo;
} else if (telNo_l.length == 7) {
returnTelNo = telNo_l.substring(0, 3) + "-" + telNo_l.substring(3);
return returnTelNo;
} else {
return returnTelNo;
}
};
/*
a ^ PVsρ E @s[>k P ~8PcU 팅
*
* @param 우편번호 원본 문자열 @return 포맷팅된 문자열
*/
this.formatPost = function(str) {
if (str == null || str == "") {
return "";
}
if ("string" != typeof (str)) {
str = String(str);
}
var postNo_l = str.toString().replace(/[^0-9]/g, "");
if (postNo_l.length == 6) {
return postNo_l.substring(0, 3) + "-" + postNo_l.substring(3);
} else {
return postNo_l;
}
};
/*
* 뒤에 공백넣기
*/
this.addBackSpace = function(str, digits) {
var space = '';
str = str.toString();
if (str.length < digits) {
for (var i = 0; i < digits - str.length; i++) {
space += ' ';
}
}
return str + space;
};
/*
* 9~12자리 전화번호 잘라서 "0000-0000-0000"형태로 전달
*/
this.dataSetting = function(tmpNum) {
var telNum = tmpNum.substring(0, tmpNum.length-4);
var returnNum = "";
if(5 == telNum.length){
var first = tmpNum.substring(0, 2); // 휴대폰지역번호
var middle = tmpNum.substring(2, 5); // 휴대폰국번호
var last = tmpNum.substring(5, 9); // 휴대폰고유번호
a ^ PVsρ E @s[>k P 28PU elNum.length){
if(telNum.substring(0,2) == '02') {
var first = tmpNum.substring(0, 2); // 휴대폰지역번호
var middle = tmpNum.substring(2, 6); // 휴대폰국번호
var last = tmpNum.substring(6, 10); // 휴대폰고유번호
}else {
var first = tmpNum.substring(0, 3); // 휴대폰지역번호
var middle = tmpNum.substring(3, 6); // 휴대폰국번호
var last = tmpNum.substring(6, 10); // 휴대폰고유번호
}
}else if(7 == telNum.length){
var first = tmpNum.substring(0, 3); // 휴대폰지역번호
var middle = tmpNum.substring(3, 7); // 휴대폰국번호
var last = tmpNum.substring(7, 11); // 휴대폰고유번호
}else if(8 == telNum.length){
var first = tmpNum.substring(0, 4); // 휴대폰지역번호
var middle = tmpNum.substring(4, 8); // 휴대폰국번호
var last = tmpNum.substring(8, 12); // 휴대폰고유번호
}
returnNum = first+"-"+middle+"-"+last;
return returnNum;
}
};
/**
* 날짜 관련
*/
function DateUtil() {
/*
a+ ^ PVsρ E @s[>k P 朑8P*
date2
*/
this.compareDate = function(date1, date2, formatChar) {
var aDate1 = {};
var aDate2 = {};
if (formatChar == '') {
aDate1[0] = date1.substring(0, 4);
aDate1[1] = date1.substring(4, 6);
aDate1[2] = date1.substring(6, 8);
aDate2[0] = date2.substring(0, 4);
aDate2[1] = date2.substring(4, 6);
aDate2[2] = date2.substring(6, 8);
} else {
aDate1 = date1.split(formatChar);
aDate2 = date2.split(formatChar);
}
var date1 = new Date(aDate1[0], aDate1[1], aDate1[2]);
var date2 = new Date(aDate2[0], aDate2[1], aDate2[2]);
var days = Math.ceil((date1 - date2) / 24 / 60 / 60 / 1000);
return days;
};
/*
* 오늘 날짜 리턴값 : 2011.03.30
*/
this.toDay = function(delimiter) {
var d = new Date();
return (FormatUtil.addZeros(d.getFullYear(), 4) + delimiter + FormatUtil.addZeros(d.getMonth() + 1, 2) + delimiter + FormatUtil.addZeros(d.getDate(), 2));
};
/*
* 오늘 날짜 리턴값 : 2011년 03월 30일
*/
this.toDayH = function() {
var d = new Date();
return (FormatUtil.addZeros(d.getFullYear(), 4) + "년 " + FormatUtil.addZeros(d.getMonth() + 1, 2) + "월 " + FormatUtil.addZeros(d.getDate(), 2)) + "일";
};
/*
* a8 ^ PVsρ E @s[>k P 8P4 턴값 : 2011.03.30
*/
this.addDay = function(delimiter, day) {
var d = new Date();
var curDate = d.getDate();
var inputDate = day;
if (typeof (inputDate) == "string" || /[0-9]/g.test(inputDate) == true) {
inputDate = Number(inputDate);
} else {
inputDate = 0;
}
d.setDate(curDate + inputDate);
return (FormatUtil.addZeros(d.getFullYear(), 4) + delimiter + FormatUtil.addZeros(d.getMonth() + 1, 2) + delimiter + FormatUtil.addZeros(d.getDate(), 2));
};
/*
* 날짜 더하기(월) 리턴값 : 2011.03.30
*/
this.addMonth = function(delimiter, month) {
var d = new Date();
var curMonth = d.getMonth() + 1;
var curDate = d.getDate();
var inputMonth = month;
if (typeof (inputMonth) == "string" || /[0-9]/g.test(inputMonth) == true) {
inputMonth = Number(inputMonth);
} else {
inputMonth = 0;
}
d.setMonth((curMonth + inputMonth), curDate);
return (FormatUtil.addZeros(d.getFullYear(), 4) + delimiter + FormatUtil.addZeros(d.getMonth(), 2) + delimiter + FormatUtil.addZeros(d.getDate(), 2));
};
/*
* 날짜 더하기(연도) 리턴값 : 2011.03.30
*/
this.addYear = function(delimiter, year) {
var d = new Date();
var curYear = d.getFul a < < PVs ^ E (JV@ ks[> P8 P[" a < < PVs ^ E (JW@ ks[> P8 PP a < < PVs ^ E (JX@ ks[> P8 ~PE W a < < PVs ^ E (JY@ ks[> P8 P: a < < PVs ^ E (JZ@ ks[> P8 NP/ ak ^ PVsρ E @s[>k P N8PI rMonth = d.getMonth() + 1;
var curDate = d.getDate();
var inputYear = year;
if (typeof (inputYear) == "string" || /[0-9]/g.test(inputYear) == true) {
inputYear = Number(inputYear);
} else {
inputYear = 0;
}
d.setFullYear((curYear + inputYear), curMonth, curDate);
return (FormatUtil.addZeros(d.getFullYear(), 4) + delimiter + FormatUtil.addZeros(d.getMonth(), 2) + delimiter + FormatUtil.addZeros(d.getDate(), 2));
};
/*
* 해당 월 마지막 날짜 리턴값 : Day
*/
this.getLastDay = function(year, month) {
return new Date(year, month, 0).getDate();
};
/*
* 요일 리턴값 : 1:일요일 ~ 7:토요일
*/
this.getWeek = function(year, month, day) {
return new Date(year + "/" + month + "/" + day).getDay() + 1;
};
/*
* 특정 년월이 몇주인지 확인 DateUtil.getWeekCount(2012, 8);
*/
this.getWeekCount = function(year, month) {
var weekCount = 0;
var lastDate = this.getLastDay(year, month);
for (var day = 1; day <= lastDate; day++) {
/* 매월 1일은 요일과 무관하게 1주차 */
if (day == 1) {
weekCount++;
continue;
}
/* 매월 1일 이후에는 일요일마다 1주씩 증가 */
a ^ PVsρ E @s[>k P 8Pؕ onth, day) == 1) {
weekCount++;
}
}
return weekCount;
};
/*
* 특정 일이 몇주차인지 확인 DateUtil.getWeekCount(2012, 8);
*/
this.getWeekDay = function(year, month, xday) {
var weekCount = 0;
var lastDate = this.getLastDay(year, month);
for (var day = 1; day <= lastDate; day++) {
/* 매월 1일은 요일과 무관하게 1주차 */
if (day == 1) {
weekCount++;
if (xday == day) {
break;
} else {
continue;
}
}
/* 매월 1일 이후에는 일요일마다 1주씩 증가 */
if (this.getWeek(year, month, day) == 1) {
weekCount++;
}
if (xday == day) {
break;
}
}
return weekCount;
};
};
/**
* Input 태그 관련
*/
var InputUtil = {
/*
* 결과조회후 결과값에 대한 radio 선택처리
*
* obj : Radio Object jsonObj : (ex) {a:1, b:2}
*
* 사용예 : InputUtil.radio($("#uwContentArea").find(":radio"), uwCstg);
*/
radio : function(obj, jsonObj) {
var $radio = $(obj);
$radio.each(function(i) {
var $input = $(this), name = $input.attr("name" a> < < PVs ^ E (J[@ ks[> P8 P$? a ^ PVsρ E @s[>k P 8PJ : "";
InputUtil.jsonKey(jsonObj, name, 'radio');
});
},
/*
* name : Elements Name value : Elements Value
*/
radioCheck : function(name, value) {
if (value != "" && value != "undefined") {
$(document.getElementsByName(name)).each(function(i) {
if ($(this).val() == value) {
$(this).attr("checked", "checked");
}
});
}
},
/*
* 결과조회후 결과값에 대한 option 선택처리
*
* obj : Selct Object jsonObj : (ex) {a:1, b:2}
*
* 사용예 : InputUtil.select($("#uwContentArea").find("select"), uwCstg);
*/
select : function(obj, jsonObj) {
var $select = $(obj);
$select.each(function() {
var name = $(this).attr("name") ? $(this).attr("name") : "";
InputUtil.jsonKey(jsonObj, name, 'select');
});
},
optionCheck : function(name, value) {
if (value != "" && value != "undefined") {
$(document.getElementsByName(name)).find("option").each(function(i) {
if ($(this).val() == value) {
$(this).attr("selected", "selected");
}
});
}
},
checkbox : function(obj, jsonObj) {
var $checkbox = $(obj);
$checkbox.each(function() {
a ^ PVsρ E @s[>k P j8P ).attr("name") ? $(this).attr("name") : "";
InputUtil.jsonKey(jsonObj, name, 'checkbox');
});
},
/*
* value가 Y/N인 경우
*/
checkboxCheck : function(name, value) {
if (value != "" && value != "undefined") {
$(document.getElementsByName(name)).each(function(i) {
if ("Y" == value) {
$(this).attr("checked", "checked");
}
});
}
},
/*
* jsonObj : (ex) data.uwCstg_Result.single format is {a:1, b:2} name :
* Elements Name
*/
jsonKey : function(jsonObj, name, type) {
var $map = jsonObj;
$.each($map, function(key, value) {
if (name == key) {
if (type == "radio") {
InputUtil.radioCheck(name, value);
} else if (type == "select") {
InputUtil.optionCheck(name, value);
} else if (type == "checkbox") {
InputUtil.checkboxCheck(name, value);
}
return;
}
});
},
/*
* textarea 등 입력된 문자열의 ' \n '에 대해 ' ^ '로 변환하고 Intoh와 마찬가지로 마지막에 구분자 ' ~ '를
* 추가
*/
textLineToChar : function(objValue) {
var textValue = "";
if (objValue == null || a ^ PVsρ E @s[>k P 8P return textValue;
}
if (objValue.length <= 0) {
return "";
}
textValue = StringUtil.replaceAll(objValue, "\n", "^");
textValue += "~";
return textValue;
},
/*
* 결과조회후 결과값에 대한 textarea 특수문자 처리
*/
textSpecReplace : function(objValue) {
var textValue = "";
if (objValue == null || objValue == "") {
return textValue;
}
if (objValue.length <= 0) {
return "";
}
/*
* if (objValue.replace(/[ ]/g, "") == "") { return ""; }
*/
textValue = objValue.replace("~", "");
textValue = StringUtil.replaceAll(textValue, "^", "\n");
textValue = StringUtil.replaceAll(textValue, "<", "<");
textValue = StringUtil.replaceAll(textValue, ">", ">");
return textValue;
},
/*
* 선택값이 빈값이면 연결되는 Option Value 지우기 chnObj : 변경되는 select Element htmlStr :
* chnObj에 적용할 html String
*/
makeClearOption : function(chnObj, htmlStr) {
$(chnObj).find('option').each(function() {
$(this).remove();
});
$(chnObj).append(htmlStr);
}
};
function DataUtil() {
// data-column 속성을 같는 태그에 JSON값을 넣어주는 함수
th aB ^ PVsρ E @s[>k P Ҝ8P ion(obj, json) {
var tuple = json;
obj.find("[data-column]").each(function() {
name = $(this).attr("data-column");
// 데이터가 있을경우
if ($(this).prop("tagName") == "INPUT") {
// INPUT태그일경우
if (tuple == null) {
// data-column 초기화
$(this).val("");
} else if (tuple[name] == null) {
// 데이터가 없을경우
$(this).val("");
} else {
// 데이터가 있을경우
$(this).val(tuple[name]);
}
} else {
// 그외의 태그일경우
if (tuple == null) {
// data-column 초기화
$(this).html("");
} else if (tuple[name] == null) {
// 데이터가 없을경우
$(this).html("");
} else {
// 데이터가 있을경우
$(this).html(tuple[name]);
}
}
});
};
}
function GoMainMenu(){
this.goBackRef = function(){
var BackUrl = document.referrer;
if(BackUrl.match(/LC/i)){
location.href="/co/CO000000.do";
}else{
document.location.href a] ^ PVsρ E @s[>k P Ն8P轾 };
this.goBackMenu = function(sUrl){
location.href=sUrl;
};
this.goMainMenu = function(){
fn_Confirm("확인", "화면을 전환하시면\n현재 적용내용이 삭제되고\n메인화면으로 이동합니다.", "GoMainMenu.goMainConfOk", "확인", "취소");
};
this.goMainConfOk = function(){
location.href="/co/CO000000.do";
};
this.closePopupView = function(){
fn_Confirm("확인", "현재 작업을 취소하시겠습니까?", "GoMainMenu.closePopupViewOk", "확인", "취소");
};
this.closePopupViewOk = function(){
fn_ClosePopData("","");
};
this.closeAddrPopupView = function(){
fn_Confirm("알림", "입력된 주소가 저장되지 않습니다. \n주소 검색을 그만하시겠습니까?", "GoMainMenu.closePopupViewOk", "그만하기", "계속하기");
};
this.goMain = function(){
location.href="/co/CO000000.do";
};
this.goLogOut = function(){
location.href="/co/CO100000.do";
};
// 2016.09.05 lsm 추가
this.goLogin = function(){
location.href="/co/CO140000.do";
};
}
function reSetLoginTime(){
//로그인 초시계 초기화처리
if(typeof $("#tickRefresh") != "undefined"){
console.log("tickRefresh undefined");
$("#tickRefresh").trigger("click");
}
} a ^ PVsρ E @s[>k P :8Pj 우저 확인
*/
function CallMenuId(){
this.callMenu = function(mAGbn, MenuURL) {
if(mAGbn == "A"){//앱 메뉴
// 개발 및 로컬테스트를 위해
// 임시로 막음
if(!CommonUtil.fn_IS_WEB()){
//현재 네이티브인 경우
post_url(MenuURL,"");
}else{//현재 네이티브가 아닌경우
if(CommonUtil.fn_IS_APP() == "MI"){
//iOS인 경우
//post_url("/co/CO200000.do","");
post_url("/co/CO150000.do",{MenuId:MenuURL});
} else if(CommonUtil.fn_IS_APP() == "MA"){
//Android인 경우
//post_url("/co/CO200000.do","");
post_url("/co/CO150000.do",{MenuId:MenuURL});
}else{
alert("안드로이드/iOS만 지원가능한 앱입니다.");
return false;
}
}
}else{// M 모바일웹 메뉴
location.href=MenuURL;
}
};
this.callDirectApp = function(func){
if(!CommonUtil.fn_IS_WEB()){
//현재 네이티브인 경우
eval(func + "()");
}else{//현재 네이티브가 아닌경우
if(CommonUtil.fn_IS_APP() == "MI"){
//iOS인 경우
//post_url("/co/CO200000.do","");
a ^ PVsρ E @s[>k P 8P ("/co/CO150000.do","");
} else if(CommonUtil.fn_IS_APP() == "MA"){
//Android인 경우
//post_url("/co/CO200000.do","");
post_url("/co/CO150000.do","");
}else{
alert("안드로이드/iOS만 지원가능한 앱입니다.");
return false;
}
}
};
}
/**
* 스크립트상에서 Post방식으로 URL을 호출한다.
*/
function post_url(path, params) {
method = "POST";
var form = document.createElement("form");
form.setAttribute("method", method);
form.setAttribute("action", path);
form.setAttribute("name", "dummyForm");
form.setAttribute("accept-charset", "UTF-8");
if(params != ""){
//히든으로 값을 주입시킨다.
for(var key in params) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", params[key]);
form.appendChild(hiddenField);
}
}
document.body.appendChild(form);
form.submit();
}
//빈값인지 리턴한다.
function isEmpty(pValue){
if( (pValue == "") || (pValue == null) ){
return true;
}
return false;
}
//길이 체크2
function getByteLength(s){
a ^ PVsρ E @s[>k P 梜8P ( s == null ) return 0;
for(var i=0;i').attr('id', idStr);
var $div = $('').attr('tabindex', 0).appendTo($con);
var $p = $('').append($('').text('로딩중').css('z-index', '10000')).appendTo($con);
if (Boolean(memo)) {
$p.addClass('loadingMsg').append('처리 중 입니다.잠시만 기다려 주세요.');
}
$('body').unbind('keydown.preloading').bind('keydown.preloading', function(e) {
if (e.keyCode == 9) {
e.preventDefault();
e.stopPropagation();
}
}).append($con);
$div.focus( a ^ PVsρ E @s[>k P V8Po = $div.css('filter').toLowerCase();
var alpha = (filter.indexOf('opacity=') > -1) ? Number(filter.replace(/.*opacity=(\d+).*/g, '$1')) : Math.round($div.css('opacity') * 100);
$div.css('opacity', 0).animate({opacity : alpha / 100}, 150);
} else {
if (--$.preloading.runCount < 0) $.preloading.runCount = 0;
if ($.preloading.currentFocus == null || $.preloading.runCount) return;
var $pl = $('#' + idStr);
$('body').unbind('keydown.preloading');
$pl.find('p:first').remove();
$pl.attr('id', null).find('div:first').stop().animate({
opacity : 0
},
{
duration : 150,
complete : function() {
$pl.remove();
}
});
$.preloading.currentFocus.focus();
$.preloading.currentFocus = null;
}
}
function clearPreloading() {
$.preloading.runCount = 1;
preloading(false);
}
function onlyNumber(event){
if((event.keyCode >=48 && event.keyCode <= 57) // 자판 0~9
|| (event.keyCode >=96 && event.keyCode <= 105) // keypad 0~9
|| (event.keyCode == 8) // back space
|| (event.keyCode == 9) // tab
|| (event.keyCode == 46) // delete
|| (event.keyCode >=37 && event.keyCode <= 40) // 방향키
){
return true;
}else{
event.returnValue = false;
}
}
function maxLengthC a < < PVs ^ E (J\@ ks[> P8 P a ^ PVsρ E @s[>k P
8P ring.value.length > string.maxLength){
string.value = string.value.slice(0, string.maxLength);
}
}
//쿠키 생성
function setCookie(cKey, cValue){
var now = new Date();
now.setDate(now.getDate()+1);
document.cookie = cKey+'='+cValue+';path=/;expires='+now.toGMTString();
}
//쿠키 호출
function getCookie(cKey){
var cookies = document.cookie;
var cValue = null;
if(-1 < cookies.indexOf(cKey+'=')){ //쿠키가 있을 경우
cookies = cookies.split("; ");
for(var i=0; i -1 || agent.indexOf('edge/') > -1){
browser = 'ie';
if(name === 'Microsoft Internet Explorer'){
// IE old versi a ^ PVsρ E @s[>k P 8P
agent = /msie ([0-9]{1,}[\.0-9]{0,})/.exec(agent);
browser += parseInt(agent[1]);
}else{
// IE 11+
if(agent.indexOf('trident') > -1){
browser += 11;
}else if(agent.indexOf('edge/') > -1){
browser = 'edge';
}
}
}else if(agent.indexOf('safari') > -1){
// Chrome or Safari
if(agent.indexOf('opr') > -1){
// Opera
browser = 'opera';
}else if(agent.indexOf('chrome') > -1){
// Chrome
browser = 'chrome';
}else{
// Safari
browser = 'safari';
}
}else if(agent.indexOf('firefox') > -1){
// Firefox
browser = 'firefox';
}
return browser;
}
function redirectHTTPtoHTTPS(){
if(window.location.hostname != "localhost" && window.location.hostname != "127.0.0.1"){
if(window.location.protocol != "https:"){
window.location = "https:"+window.location.href.substring(window.location.protocol.length, window.location.href.length);
window.location.reload();
}
}
}
//redirectHTTPtoHTTPS();
$(function(){
/** 프린터 처리
$(this).find(".btn_print").unbind("click").bind("click",function(ev){
console.log($("#hdc_print_area").length);
if(!$("#hdc_print_area").leng aD ^ PVsρ E @s[>k P r8P intLayer = $(ev.target).parent();
$.each(printLayer.children(), function(index, value){
if(index == 0){
$(value).attr("id", "hdc_print_area");
}
});
$("#hdc_print_area").printThis({
debug: false,
importCSS: true,
importStyle: true,
printContainer: true,
pageTitle: "",
removeInline: false
});
ev.preventDefault();
}
}); */
/**
$("#gnb").on("click", function(e){
if(e.target.tagName.toLowerCase() == 'a'){
if(e.target.href.toLowerCase() != 'javascript:;'){
setCookie("HDC_MENU", "HDC_MENU");
initLoadingStart(true, 0);
}
}
});
$("#util").on("click", function(e){
if(e.target.tagName.toLowerCase() == 'a'){
if(e.target.href.toLowerCase() != 'javascript:;'){
setCookie("HDC_MENU", "HDC_MENU");
initLoadingStart(true, 0);
}
}
});
*/
$("#switchSideMenu").html( $('meta[name="Title"]').attr("content") );//sr151483
});
/**
$(document).ready(function(){
var hdcMenuCookieVal = getCookie("HDC_MENU");
if(hdcMenuCookieVal == 'HDC_ aN ^ PVsρ E p @>s[>k P &8P ie("HDC_MENU", "");
initLoadingStart(false, 0);
}
});
*/a < < PVs ^ E (J]@ ks[> P8 ՆP҅ a < < PVs ^ E (J^@ ks[> P8 P( a < < PVs ^ E (J_@
ks[> P8 VP a < < PVs ^ E (J`@ ks[> P8 P n a < < PVs ^ E (Ja@ ks[> P8 &P ac F F PVs ^ E 4Jb@ ks[>ݓ P = ac F F ^ PVsρ E 4Q @s[>k Pݓ pB ac N N PVs ^ E ݓ P pBP x GET /js/hcs/hc-util.js?t=153211 HTTP/1.1
Host: www.hyundaicapital.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
Referer: https://www.hyundaicapital.com/main/main/CPMNMN0101.hc?u=mV%2FJxA91tOQVwAGnJxU0amzV0mgQAVST3xgq&b=0
Cookie: JSESSIONID=A1iLN6e8U8yQzCLclcYvlaSiLHr03bUDoWVHw8P8aAM8oRiRpvfXaJ3P6QqPsZ1g.amV1c19hcGh4YXAvYXBoeGFwMTJfYnd3dzAy; WMONID=NE8mhWHeDN2;
Accept-Language: ko,en-US;q=0.9,en;q=0.8,ko-KR;q=0.7,ru;q=0.6
Accept: */*
ac < < ^ PVsρ E (a @ s[>k Pݓ pBP à ^ PVsρ E @s[>k Pݓ pBP@ HTTP/1.1 200 OK
Date: Wed, 26 Jan 2022 06:32:17 GMT
ETag: "0-2aa7b-595ce3be"
Last-Modified: Wed, 05 Jul 2017 13:03:58 GMT
Accept-Ranges: bytes
Content-Length: 174715
Content-Type: text/javascript
a ^ PVsρ E @s[>k Pݓ pCPL //----------------------- Common(cm) 영역 시작 -------------------------------
/**
*
* 2013.08.06 As-Is에서 옮겨온 Common.js
*
* /common/js/common.js
* 공통적으로 사용되는 Property, Function 을 정의한 JavaScript
*
*/
/**
* 전페이지에 공통적으로 사용될 JavaScript Include 처리
* 모든 페이지에 공통적으로 적용해야 할 js 파일은 /common/js/common.js 최상단에 정의하고,
* 페이지(html, jsp)에서는 /common/js/common.js 파일만을 인클루하도록 한다.
*
* 개별적으로 사용되는 js 파일은 사용되는 페이지에서만 인클루드하여 사용한다.
/ Local, 개발계, 운영계에서 다르게 관리되어야 하는 환경 변수, Method 관련 js 인클루드
document.write('');
// 화면 제어 관련 js 인클루드(퍼블리셔 관리)
document.write('');
// 폼 컨트롤 관련 디자인 요소 제어(퍼블리셔 관리)
document.write('');
// 모션 컨트롤 제어 - 자동차 이미지 롤링, 이벤트 롤링(퍼블리셔 관리)
document.write('');
// 통합검색 관련(와이즈넛)
document.write('');
document.write('');
*/
/**
* /common/js/common.js Namespace 등록
*/
Namespace.Register("cm"); // Short namespace 등록
/**
*
* 첫번째 인자가 Empty/Null 이거나 undefined 일 경우 두번째 인자값을 반환
* 두번째 인자값이 생략될 경우 EMPTY String("") 반환
*
*
* @param {String} str 유효성을 검사할 String
* @param {String} val 설정할 기본값(생략시 Empty String("") 으로 설정)
*/
cm.getValidValue = function (str, val)
{
if( (val == null) || (val == "null") || (typeof(val) == 'undefined') )
val = "";
if( (str == "") || (str == null) || (str == "null") || (typeof(str) == 'undefined') )
return val;
else
return str.toString().trim();
}
/**
*
* 오른쪽으로 Padding 하는 함수
*
* @param {string} input input value converted to string.
* @param {number} size desired length of output.
* @param {string} ch single character to prefix to s.
*/
cm.padRight = function (input, size, ch)
{
var i;
var rslt = "";
if(strings == null || strings == "" || strings == undefined || strings == "undefined") return "";
if(target_len <= 0) return strings;
if(pad_char.length != 1) return strings;
var len = strings.length;
if(len >= target_len) return strings;
rslt += st a ^ PVsρ E @s[>k Pݓ pNP get_len-len;i++) {
rslt += pad_char;
}
return rslt;
}
/**
*
* desc : 왼쪽으로 Padding 하는 함수
*
* @param {string} input: input value converted to string.
* @param {number} size: desired length of output.
* @param {string} ch: single character to prefix to s.
*/
cm.padLeft = function (input, size, ch)
{
var s = (input + "").trim();
while (s.length < size) {
s = ch + s;
}
return s;
}
/**
*
* desc : 인자로 전달된 값이 정수 형태의 숫자인지 판별하여 true/false 반환
*
* @type function
* @access public
* @param str 검사할 String
* @author 서상식
*/
cm.isNumber = function (str)
{
var pattern = /^[0-9]+$/;
return (pattern.test(str)) ? true : false;
}
/**
*
* desc : 인자로 전달된 값이 실수 형태의 숫자인지 판별하여 true/false 반환
*
* @type function
* @access public
* @param str 검사할 String
* @author 서상식
*/
cm.isNumeric = function (str)
{
return (!isNaN(str)) ? true : false;
}
/**
*
* desc : 인자로 제공되는 클래스명과 윈도우ID로 해당 id를 가진 페이지에서 인자로 제공된 클래스명을 가진 모든 요소를 배열로 반환한다.
*
* @type function
* @access public
* @param _class 클래스명
* @param el_id 윈도우 ID
* @return Array
* @author 김 a3 ^ PVsρ E @s[>k Pݓ pTPh yClass = function (_class, el_id)
{
var browser = navigator.appName;
var getkey = navigator.appVersion;
var parent, els, returnArr = new Array(), i = 0;
parent = (el_id) ? document.getElementById(el_id) : document;
els = parent.getElementsByTagName('*');
if ((browser.substring(0, 9)=="Microsoft") && (getkey.substring(22, 23)=="5"))
els = parent.all;
for (i; i < els.length; i++)
{
if ((els[i].className == _class) || (els[i].className.indexOf(" "+_class) != -1 ))
returnArr[returnArr.length] = els[i];
}
return returnArr;
}
/**
*
* desc : 인자로 제공되는 url로 opener 윈도우의 주소를 이동시킨다.
*
* @type function
* @access public
* @param url 이동시킬 페이지 주소
* @author 김형진
*/
cm.setOpenerUrl = function (url)
{
opener.location=url;
}
/**
*
* desc : 제공된 인자들을 속성으로 팝업을 띄운다.
*
* @param {String} url 팝업 페이지 주소
* @param {String} wName 윈도우명
* @param {Integer} width 가로사이즈
* @param {Integer} height 세로사이즈
* @param {Integer} top 상단여백
* @param {Integer} left 좌측 여백
* @param {boolean} center 화면 중앙 정렬 여부(true/false)
* @param {String} scroll Scrollbar 사용여부(no[default] / yes)
*/
cm.openPop = function (url,wName,width,height,top,left,cent aK ^ PVsρ E @s[>k Pݓ pZ`P croll == "") || (scroll == null) || (scroll == "null") || (typeof(scroll) == 'undefined') || (scroll == 'no') )
scroll ="yes";
var arg = "width=" + width + ", height=" + height +", scrollbars="+scroll; // 특정 브라우져 버전에서 속성 지정시 툴바 및 주소창이 보이는 관계로 삭제+", status=no, resizable=no, direction=no,location=no,menubar=no,toolbar=no,titlebar=no,fullscreen=no";
if(!center)
arg += ",left="+left+",top="+top;
else
{
var winl = (screen.width - width) / 2;
var wint = (screen.height - height) / 2;
arg += ",left="+winl;
arg += ",top="+wint;
}
var win = window.open(url, wName, arg);
if (win != null) win.focus();
}
/**
*
* desc : 인자로 제공된 객체의 display 속성 변경.
*
* @type function
* @access public
* @param e 객체
* @param val 설정할 Display 속성값(생략시 toggle 모드로 작동)
* @author 서상식
*/
cm.setDisplay = function (e, val)
{
if( (val == null) || (val == "null") || (typeof(val) == 'undefined') )
{
if (e.style.display == "none")
val = "";
else
val = "none";
}
e.style.display = val;
}
/**
*
* desc : 인자로 제공된 이미지 객체의 가로 세로 최대 크기 변경.
*
* @type function
* @access public
* @param target_img 이미 ad ^ PVsρ E @s[>k Pݓ p`P趺 axWidth 최대 가로 크기
* @param maxHeight 최대 세로 크기
* @author 김형진
*/
cm.adjustImageWidth = function (target_img, maxWidth, maxHeight)
{
var newHeight, newWidth;
var newImg;
newImg = new Image();
newImg.src = target_img.src;
imgw = newImg.width;
imgh = newImg.height;
if (imgw > maxWidth)
{
newWidth = maxWidth;
newHeight = imgh;
newWidth = Math.min(newWidth, Math.round((imgw*newHeight)/imgh));
newHeight = Math.min(Math.round((imgh*newWidth)/imgw), newHeight);
}
else
{
newWidth = imgw;
newHeight = imgh;
}
target_img.onload = null;
target_img.src = newImg.src;
target_img.width = newWidth;
target_img.height = newHeight;
if(!isNaN(maxHeight))
adjustImageHeight(target_img, maxHeight)
}
/**
*
* desc : 인자로 제공된 이미지 객체의 세로 최대 크기 변경.
*
* @type function
* @access public
* @param target_img 이미지 객체
* @param maxWidth 최대 가로 크기
* @author 김형진
*/
cm.adjustImageHeight = function (target_img, maxHeight)
{
var newHeight, newWidth;
var newImg;
newImg = new Image();
newImg.src = target_img.src;
imgh = newImg.height;
if (imgh > maxHeight)
newHeight = maxHeight;
target_img.height = newHeight;
}
/**
*
* desc : 인자로 제공된 파일 a| ^ PVsρ E @s[>k Pݓ peP> 명 추출
*
* @type function
* @access public
* @param fileName 파일 전체 경로
* @return String 파일명
* @author 김형진
*/
cm.getFileName = function (fileName)
{
strFileName = fileName.substr(fileName.lastIndexOf("\\")+1);
return strFileName;
}
/**
*
* desc : 인자로 제공된 파일명의 확장자 검증. 파일 확장자가 검증 확장자에 있으면 true, 없으면 false.
*
* @type function
* @access public
* @param fileName 파일 전체 경로
* @param acExt 검증할 확장자
* @return boolean
* @author 김형진
*/
cm.checkExt = function (fileName, acExt) {
strFileName = cm.getFileName(fileName);
strExtName = strFileName.substr(strFileName.lastIndexOf(".") + 1).toLowerCase();
if(strExtName.indexOf(acExt) < 0)
return false;
return true;
}
cm.xmlHttp = null;
/**
*
* desc : 인자로 제공된 url의 내용을 읽어오는 함수
*
* @param [String] url 내용을 읽어올 주소
* @return responseText
*/
cm.getHttpRequest = function (url)
{
var xmlhttp = cm.createXMLHttpRequest();
xmlhttp.open('GET', url, false);
xmlhttp.onreadystatechange = function()
{
if(xmlhttp.readyState==4 && xmlhttp.status == 200 && xmlhttp.statusText=='OK')
responseText = xmlhttp.responseText;
}
xmlhttp.send('');
return responseText = xmlhttp. a ^ PVsρ E @s[>k Pݓ pk|P#4 teXMLHttpRequest = function ()
{
var xmlHttp;
if (window.ActiveXObject) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // IE6
}
catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE4, IE5
} catch (e2) {}
}
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
cm.ajaxGet = function (form, handler) {
cm.xmlHttp = cm.createXMLHttpRequest();
if(handler) // 별도 핸들러가 있으면 지정
cm.xmlHttp.onreadystatechange = handler;
else
cm.xmlHttp.onreadystatechange = handleStateChange;
cm.xmlHttp.open("GET", form.action + cm.getParam(form), true);
cm.xmlHttp.send(null);
return false;
}
cm.ajaxPost = function(form, handler){
cm.xmlHttp = cm.createXMLHttpRequest();
if (handler) // 별도 핸들러가 있으면 지정
cm.xmlHttp.onreadystatechange = handler;
else
cm.xmlHttp.onreadystatechange = handleStateChange;
cm.xmlHttp.open("POST", form.action + cm.getParam(form), true);
cm.xmlHttp.send(null);
return false;
}
// @return 주어진