@charset "utf-8";
body.overflow_hidden{overflow:hidden}
*[tabindex]{-webkit-appearance:none;outline:0}
input:focus,.form_carnum input, a.one_btn_focus{outline:0}

/* common */
.clfix{*zoom:1}
.clfix:before,.clfix:after{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.hide_txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.dimm{position:fixed;min-height:100%;right:0;left:0;top:0;bottom:0;opacity:0.7;background:#000;z-index:95;}
.mt8{margin-top:8px !important;}
.mb16{margin-bottom:16px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt30{margin-top:30px !important;}
.no_pd{padding:0 !important;}

.ta_c{text-align:center !important}

.def_pad{padding:0 12px}
/* skipnav */
.skipnav a{display:block;font-size:0;line-height:0;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;}
.skipnav a:active,.skipnav a:focus,.skipnav a:hover{font-size:12px;font-weight:700;position:absolute;z-index:50;top:0;left:0;width:100%;margin:0;padding:15px 0;text-align:center;color:#fff;background:#2b6cb0;}

/* form */
/* table */

/* layout */
#wrap{}

#header{}
#header .header_content{position:relative;height:35px;padding-top:15px;background:#645b4c;text-align:center;}
#header .header_content.type02{height:64px;padding-top:14px}
#header .header_content.type02 .h2_tit{font-size:16px}
#header .header_content .btn_back{display:block;position:absolute;left:10px;top:17px;width:21px;height:16px;background:url(/mobiapp/images/car/bm/btn_arrow.png) no-repeat; background-size:21px 16px;}
#header .header_content .h2_tit{font-size:16px;font-weight:700;color:#ffffff;}

#container{}
#container #content{padding-bottom:40px;}
/* header */
/* util */
.bu_list_type01 li{padding-left:10px;text-indent:-10px;font-size:11px;color:#666666;}
.validate_disable{opacity:0.3!important}
.min_width100{width:100%}

ol.num_list{list-style-type:decimal;list-style-position:inside;}
ol.num_list li{margin-top:5px;padding-left:17px;text-indent:-17px;color:#545045;font-size:12px;}
ol.num_list li:first-child{margin-top:0;}
/* gnb */
/* container */
/* snb */
/* content */

/** 약관동의 **/
.agree_txt{padding:28px 12px 16px;background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.agree_txt h2{font-size:18px;color:#000000;font-weight:700;line-height:1.4;}
.agree_txt h3{font-size:16px;color:#000000;font-weight:700;line-height:1.4;}
.agree_txt p{margin-top:10px;font-size:12px;line-height:1.5;}
.agree_txt > .btn_box{padding:0;margin-top:10px;}
.agree_txt + .btn_box{margin-top:16px;}
.agree_txt + .btn_box .two_btn{width:49%;}
.agree_txt + .btn_box + .agree_box{clear:both;}
.agree_box{margin:12px;border:1px solid #d9d8d4;background-color:#ffffff;}
.agree_box .tit_wrap{padding:16px 12px;border-bottom:1px solid #d9d8d4;background-color:#faf9f7;}
.agree_box .tit_wrap.type02{padding-top:20px;padding-bottom:20px;}
.agree_box .tit_wrap h4{padding-left:24px;text-indent:-24px;color:#000000;font-weight:700;line-height:1.4;}
.agree_box .tit_wrap.type02 h4{padding-left:0;text-indent:0;}
.agree_box .tit_wrap.type02 h4 br.linefeed{display:none;}
.agree_box .tit_wrap .btn_box{margin-top:10px;padding:0;}

/* .ui-checkbox */
.ui-checkbox li{display:inline-block;margin-left:20px;}
.ui-checkbox li:first-child{margin-left:0;}
.ui-checkbox a.ui-btn{display:inline-block;min-height:16px;padding:2px 0 0 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/mobiapp/images/car/common/ico_check_off.png) left top no-repeat;background-size:16px 16px;font-size:12px;color:#736a5c;}
.ui-checkbox li.on a.ui-btn{background-image:url(/mobiapp/images/car/common/ico_check_on.png);}
.ui-checkbox.two_col{margin:-10px 0;}
.ui-checkbox.two_col li{float:left;width:50%;margin-left:0;padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ui-checkbox.two_col li.full{width:100%;}

.ui-checkbox.vertical li{display: block;margin-left:0}
.required_asta{position:relative;display:inline-block;padding-right:10px;margin-top:12px;margin-bottom:8px}


.btn_box .three_btn{display:block;width:32.5%;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1%;padding-top:20px;border-radius:5px;background:#545045;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .three_btn:first-child{float:left;margin-left:0;}
.btn_box .three_btn:nth-child(2){float:left;}
.btn_box .three_btn:last-child{float:right;width:33%;}

.agree_box .agree_list dt{padding:16px 12px 0;border-top:1px solid #d9d8d4;font-size:12px;}
.agree_box .agree_list dt{position: relative;}
.agree_box .btn_agree_detail{position: absolute;top:11px;right:10px;font-size:11px;color:#333;border-radius: 2px;background-color:#d9d8d4;padding:6px 8px;display: inline-block;box-sizing:border-box;height:24px}

.agree_box.type_consl .agree_list dt{padding:20px 20px 0}
.agree_box.type_consl .agree_list dd{padding:10px 20px 16px}
.agree_box.type_consl .open_box h5 a{padding:12px 20px}
.agree_box .agree_list dt:first-of-type{border-top:0;}
.agree_box .agree_list dd{padding:10px 12px 16px;font-size:12px;color:#736a5c;}
.agree_box .open_box{margin-top:4px;border-top:1px solid #d9d8d4;}
.agree_box .open_box h5 a{display:block;padding:12px;font-size:14px;background:url(/mobiapp/images/car/common/ico_down_arrow02.png) right center no-repeat;background-size:27px 9px;color:#545045;}
.agree_box .open_box h5 a.on{background-image:url(/mobiapp/images/car/common/ico_up_arrow02.png);}
.agree_box .open_box li.on a{background-image:url(/mobiapp/images/car/common/ico_up_arrow02.png);}
.agree_box .open_box p{padding:13px 12px;border-top:1px solid #d9d8d4;background-color:#faf9f7;font-size:12px;color:#736a5c;line-height:1.5;}

.agree_box02{background-color:#ffffff;border-top:1px solid #d9d8d4;}
.agree_box02.line{border-bottom:1px solid #d9d8d4;}
.agree_box02 .btn_box{position:absolute;right:12px;top:20px;width:65px;padding:0;}
.agree_box02 .agree_list dt{position:relative;padding:16px 85px 0 12px;font-size:14px;color:#000000;font-weight:700;}
.agree_box02 .agree_list dt br.linefeed{display:block;}
.agree_box02 .agree_list dd{padding:10px 12px 16px;font-size:12px;color:#736a5c;}

.agree_box .inner_box{margin-top:20px;border:1px solid #d9d8d4;border-radius:4px;}
.agree_box .inner_box h5{display:block;padding:12px;border-radius:4px 4px 0 0;background-color:#f5f4f0;font-size:14px;color:#545045;}
.agree_box .inner_box .inner_cont{padding:16px 12px;}

.agree_cont{position:relative;padding:0 20px 30px;border-bottom:1px solid #d9d8d4;line-height:1.45;overflow-y:auto;height:0px;-webkit-overflow-scrolling:touch;}
.agree_cont.type02{height:279px;}
.agree_cont h2{margin-top:26px;margin-bottom:8px;font-size:14px;color:#000000;font-weight:700;}
.agree_cont h2:first-child{margin-top:0;}
.agree_cont h3,
.agree_cont h4{margin-top:14px;font-size:12px;font-weight:700;}
.agree_cont h5{margin-top:12px;padding-left:9px;background:url(/mobiapp/images/car/common/bu_arrow02.png) left 2px no-repeat;background-size:5px 8px;font-size:12px;color:#545045;}
.agree_cont p{margin-top:8px;font-size:12px;color:#545045;}
.agree_cont .txt_box{margin-top:10px;}
.agree_cont .txt_box p{margin-top:0;}
.agree_cont ul{margin-top:8px;}
.agree_cont ul li{margin-top:3px;padding-left:9px;background:url(/mobiapp/images/car/common/bu_dash01.png) 1px 7px no-repeat;background-size:4px 1px;font-size:12px;color:#736a5c;}
.agree_cont ul li:first-child{margin-top:0;}
.agree_cont ul + p{margin-top:16px;font-size:12px;color:#736a5c;}

/* 운전자정보 약관 */
.agree_btn_box{*zoom:1;}
.agree_btn_box:before,.agree_btn_box:after{display:table;line-height:0;content:""}
.agree_btn_box:after{clear:both}
.agree_btn_box a{float:left;width:49%;}
.agree_btn_box a:last-child{float:right;}

/** 계약정보조회-약관동의 **/
.agree_wrap02{background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.agree_wrap02 h3{padding:14px 12px 12px;border-bottom:1px solid #d9d8d4;font-size:14px;color:#000000;font-weight:700;line-height:1.4;}

.agree_wrap02 .agree_list{font-size:12px;}
.agree_wrap02 .agree_list > li{padding:14px 12px 16px 12px;border-top:1px solid #d9d8d4;}
.agree_wrap02 .agree_list > li:first-child{border-top:0;}
.agree_wrap02 .agree_list .ui-radio{float:left;}
.agree_wrap02 .agree_list .btn_box{float:right;padding:4px 0 0;}
.agree_wrap02.mt12{border-top:1px solid #d9d8d4;}
.agree_wrap02 .label_txt{min-height:32px;font-size:12px;padding-bottom:6px;color:#000000;line-height:1.45;}
.agree_wrap02 > .label_txt{padding:14px 12px 0;}
.agree_wrap02 > .ui-checkbox,
.agree_wrap02 > .ui-radio{padding:0 12px 16px;}
.agree_wrap02.tit_btn{position:relative;}
.agree_wrap02.tit_btn h3{padding-right:98px;}
.agree_wrap02.tit_btn > .btn_box{float:right;}

.agree_wrap02.btn_alone{height:50px}
.agree_wrap02.btn_alone h3{float:left;border:none}
.agree_wrap02.btn_alone .btn_box{float:right;margin-top:7px}



/* 블랙박스 */
.blackbox .box_arrow{padding:0 0 10px;background:#ffffff url(/mobiapp/images/car/bm/ico_down_arrow.gif) 47px bottom no-repeat;background-size:21px 10px;}
.blackbox .box_arrow .box_color_y{padding:30px 22px;background:#fcaf17 url(/mobiapp/images/car/bm/bg_blackbox01.png) 90% 37px no-repeat;background-size:87px 62px;}
.blackbox .box_arrow .box_color_y h3{font-size:20px;color:#000;font-weight:700;margin-bottom:10px;}

.blackbox .ico_box01{padding:47px 0 47px 114px;background:url(/mobiapp/images/car/bm/ico_black01.png) 32px 39px no-repeat;;background-size:53px 49px;}
.blackbox .ico_box01 strong{color:#000;font-weight:700;}

/* 차량번호,차대번호 입력 */

.carnum_wrap{padding:20px 20px 30px;border-bottom:1px solid #dddddd;}
.carnum_wrap .btn_box{padding:0;margin-top:10px;}
.carnum_wrap .form_carnum{background:url(/mobiapp/images/car/bm/bg_numbox_l.gif) left top no-repeat;background-size:700px 60px;}
.carnum_wrap .form_carnum span{display:block;height:42px;padding:9px 21px 9px;background:url(/mobiapp/images/car/bm/bg_numbox_r.gif) right top no-repeat;background-size:21px 60px;}
.carnum_wrap .form_carnum span input{border:none;height:42px;width:100%;text-align:center;}
.carnum_wrap .form_carnum span input.ui_carnum_input{font-size:30px;color:#000BD5}

.car_photo_wrap h3{margin:16px 0 6px 10px;font-size:16px;}
.car_photo_wrap .box_bg{background:#f5f5f5;padding:10px;}
.car_photo_wrap .border_box{float:left;width:44%;padding:10px;border:1px solid #e5e5e5;box-sizing:border-box;background:#ffffff;}
.car_photo_wrap .border_box .semple_box{position:relative;}
.car_photo_wrap .border_box .sample_box{position:relative;}
.car_photo_wrap .border_box .tip_txt{display:block;margin-top:6px;font-size:11px;text-align:center;}
.car_photo_wrap .border_box .btn_plus,
.car_photo_wrap .box_photo_after .photo_after .btn_plus{display:block;position:absolute;right:0px;bottom:0px;width:20px;height:20px;background:url(/mobiapp/images/car/bm/btn_plus.png) no-repeat;background-size:20px 20px;}

.car_photo_wrap .box_photo_after{float:right;position:relative;width:53%;}
.car_photo_wrap .box_photo_after input{opacity:0;width:50px;}
.car_photo_wrap .box_photo_after .photo_up{position:absolute;left:0;top:0;width:100%;height:135px;padding-top:22px;border:1px dashed #b6b6b6;box-sizing:border-box;text-align:center;font-size:11px;background:#ffffff;z-index:10;}
.car_photo_wrap .box_photo_after .photo_up span{display:block;margin:3px 0 10px;color:#666666;}
.car_photo_wrap .box_photo_after .photo_after{position:absolute;left:-1px;top:0;width:100%;text-align:center;height:135px;border-left:1px solid #ffffff;background:#ffffff;z-index:10;}
.car_photo_wrap .box_photo_after .photo_after img{height:135px;width:auto;}
.car_photo_wrap .box_photo_after .photo_after .btn_view_photo{display:block;position:relative;outline:none;}
.car_photo_wrap .box_photo_after .photo_after .btn_photo_del{display:block;position:absolute;right:0;top:0;width:30px;height:30px;background:url(/mobiapp/images/car/bm/btn_del.png) right top no-repeat;background-size:20px 20px;}

/* 마일리지 */
.mileage{padding-bottom:18px;}
.mileage .box_arrow{padding:0 0 10px;background:#ffffff url(/mobiapp/images/car/bm/ico_down_arrow.gif) 47px bottom no-repeat;background-size:21px 10px;}
.mileage .box_arrow .box_color_y{padding:30px 22px;background:#fcaf17 url(/mobiapp/images/car/bm/bg_mileage01.png) 90% 30px no-repeat;background-size:93px 73px;}
.mileage .box_arrow .box_color_y h3{margin-bottom:10px;font-size:20px;color:#000;font-weight:700;}

.mileage .em_txt{padding:28px 13px 10px;text-align:center;font-size:14px;font-weight:700;}
.mileage .em_txt strong{color:#fe4f06;font-weight:700;}
.mileage .em_txt br.linefeed{display:block;}

.mileage .ico_box01,
.mileage .ico_box02{margin:0 25px;padding:26px 0 26px 70px;}
.mileage .ico_box01{background:url(/mobiapp/images/car/bm/ico_mileage01.png) 7px 49% no-repeat;background-size:49px 49px;}
.mileage .ico_box02{margin-bottom:20px;border-top:1px solid #e9e8e8;background:url(/mobiapp/images/car/bm/ico_mileage02.png) 7px 49% no-repeat;background-size:49px 49px;}
.mileage .ico_box01 strong,
.mileage .ico_box02 strong{color:#000;font-weight:700;}

.mileage .btn_box + .btn_box{margin-top:8px !important;}
.mileage .btn_box .one_btn{font-size:14px;}

.fake_input{display:block;position:relative;height:38px;border:1px solid #b6b6b6;padding-right:35px;background:#ffffff;}
.fake_input em{position:absolute;right:12px;top:10px;color:#666666}
.fake_input input{height:38px;width:100%;padding:0 15px;border:none;text-align:right;box-sizing:border-box}
.fake_input input::-webkit-input-placeholder{text-align:left;}
/* 마일리지,블랙박스 사진등록완료 */
.mileage .ico_box03,
.blackbox .ico_box03{padding:157px 0 60px;background:url(/mobiapp/images/car/bm/bg_blackbox02.png) 50% 69px no-repeat;background-size:98px 67px;text-align:center;font-size:16px;}

.ui-open .layer_pop{min-height:100%}
.layer_head{position:fixed;left:0;top:0;width:100%;padding:18px 40px 0;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fcaf17;text-align:center;z-index:10112;}
.layer_head.type02{padding-top:14px;height:60px;}
.layer_head.type02 h1{font-size:15px;}
.layer_head h1{font-size:16px;color:#000000;font-weight:700;}
.layer_cont{position:relative;padding:80px 0px 16px}
.layer_cont.type02{padding-top:50px;}
.layer_pop.type02 .layer_cont{padding-top:90px;}
.layer_cont h2{margin-bottom:8px;color:#000000;}
.layer_pop .btn_box{padding:0;-webkit-transform: translateZ(0);}


.layer_pop{display:none;width:100%;min-height:100%;background:#ffffff;z-index:10112;}
.ui-open .layer_pop{min-height:100%}
.layer_head{position:fixed;left:0;top:0;width:100%;padding:18px 40px 0;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fcaf17;text-align:center;z-index:10112;}
.layer_head.type02{padding-top:14px;height:60px;}
.layer_head.type02 h1{font-size:15px;}
.layer_head h1{font-size:16px;color:#000000;font-weight:700;}
.layer_cont{position:relative;padding:80px 0px 16px}
.layer_pop.type02 .layer_cont{padding-top:90px;}
.layer_cont h2{margin-bottom:8px;color:#000000;}
.layer_pop .btn_box{padding:0 20px 30px;-webkit-transform: translateZ(0);}
.layer_pop .btn_box.type01{margin-top:20px;}

.counsel_wrap .tit_wrap{padding:103px 0 14px;text-align:center;background:url(/mobiapp/images/car/common/bg_img01.png) center 8px no-repeat;background-size:105px 86px;}
.counsel_wrap .tit_wrap.type02{background:url(/mobiapp/images/car/common/bg_img02.png) center top no-repeat;background-size:109px 94px;}
.counsel_wrap .tit_wrap.type03{background:url(/mobiapp/images/car/common/bg_img03.png) center 5px no-repeat;background-size:101px 90px;}

.counsel_wrap .tit_wrap h2{font-size:20px;font-weight:700;}
.counsel_wrap .tit_wrap h2 br.linefeed{display:block;}
.counsel_wrap .tit_wrap h2.type02{font-size:18px;margin-bottom:0;}
.counsel_wrap .tit_wrap h2.type03{font-size:20px;line-height:1.2em;margin-bottom:0;}
.counsel_wrap .tit_wrap p{font-size:12px;color:#736a5c;}

.counsel_box .call_box{padding:14px 19px;border-radius:8px 8px 8px 8px;border:1px solid #d9d8d4;}
/* .counsel_wrap.android .tit_wrap{margin-top:20px;padding:0;background-position:10px 0;background-size:80px 66px} */
.counsel_wrap.android .tit_wrap{}
.counsel_wrap.android .tit_wrap h2{margin-top:10px;text-align:left;margin-bottom:16px;font-size:14px;font-weight:normal;line-height:1.5}
.counsel_wrap.android .tit_wrap h2 em{font-size:16px;font-weight:700}
.counsel_wrap.android .tit_wrap .txt_tit{margin-bottom:10px;padding-left:16px;background:url(/mobiapp/images/car/common/ico_exclamation.png) left 3px no-repeat;background-size:14px 14px;color:#000000;font-weight:700;text-align:left}
.counsel_wrap.android .tit_wrap .txt_tit span{}
.counsel_wrap.android .tit_wrap strong{font-weight:700;color:#333}
.counsel_wrap.android .tit_wrap p{margin-bottom:10px;font-size:14px;color:#736a5c;text-align:left}
.layer_close{position:fixed;display:block;right:0;top:0;width:50px;height:50px;background:url(/mobiapp/images/car/common/btn_pop_close.png) 50% 50% no-repeat;background-size:13px 13px;z-index:10115;-webkit-transform: translateZ(0);}

/** 고객센터 **/
.call_box{position:relative;padding:14px 70px 14px 20px;border-radius:4px;background-color:#ffffff;}
.call_box p{font-size:11px;color:#545045;}
.call_box p:first-of-type{margin-bottom:10px;}
.call_box strong{font-size:14px;font-weight:700;}
.call_box a.call{position:absolute;right:20px;top:50%;margin-top:-24px;width:48px;height:48px;background:url(/mobiapp/images/car/common/btn_call.png) left top no-repeat;background-size:48px 48px;}

/* location */
/* footer */
/* popup */
/* layer popup */
.layer_pop{display:none;position:absolute;z-index:100;left:0;top:0;width:100%;box-sizing:border-box;}
.layer_pop .layer_head{padding-top:18px;height:32px;background:#fcaf17;text-align:center;}
.layer_pop .layer_head h1{font-size:16px;color:#000000;}
.layer_pop .layer_cont{position:relative;padding:80px 0px 16px}
.layer_cont.type02{padding-top:50px;}

.layer_pop .layer_close{position:absolute;display:block;right:23px;top:13px;width:27px;height:27px;background:url(/mobiapp/images/car/bm/btn_pop_close.png) 50% 50% no-repeat;background-size:13px 13px;}

.layer_photo .layer_cont .layer_semple_photo{margin-bottom:10px;text-align:center;}
.layer_photo .layer_cont .layer_sample_photo{margin-bottom:10px;text-align:center;}


.layer_photo .layer_cont .layer_sample_photo{margin-bottom:10px;text-align:center;}

/* 2차  */
html,body{height:100%;}
.bm_type02{min-height:100%;}
.bm_type02.bg{background-color:#f5f3f0;}

.mt40{margin-top:40px !important;}
.mt25{margin-top:25px !important;}

br.linefeed{display:none;}

/* list */
ul.bu_circle_list{margin:0 20px;}
ul.bu_circle_list li{margin-top:8px;padding-left:8px;font-size:12px;line-height:15px;background:url(/mobiapp/images/car/bm02/bm02_bu_dot01.png) left 5px no-repeat;background-size:4px 4px;color:#545045;}
ul.bu_circle_list li:first-child{margin-top:0;}
ul.bu_circle_list li strong{color:#e46d2c;}


/* input */
.km_input_wrap{ margin: 0 19px 4px;border-top: 1px solid #d9d8d4;padding-top: 13px;}
.km_input_wrap *{letter-spacing: -1px}

.km_input_wrap dt{float:left;width:38%;font-size:11px;}
.km_input_wrap dd{float:right;width:57%;height:26px}


.add_km{position:relative;height:26px;;border: 1px solid #d9d8d4;border-radius: 4px;}
.add_km div{padding-right:26px}
.ui_km_input{display: block;width:100%;height: 26px;font-size:13px;letter-spacing:0;text-align:right;margin-right:20px;font-weight: 700;;background:transparent;border:none;padding-right:5px}
.ui_km_input:focus{outline:none;border:1px solid #fdb913!important;box-shadow: 0 0 2px #fdb913, 0 0 2px #fdb913}
.add_km label{position:absolute;right:5px;top:7px;font-size:11px}


/* 텝 */



.two_tab_type2{height:40px;padding:0 10px 22px;}
.two_tab_type2 li{float:left;width:50%;height:40px;}
.two_tab_type2 li a{display:block;height:28px;padding-top:11px;border:1px solid #dddddd;border-radius:4px 4px 0 0;background:#f5f5f5;font-size:14px;color:#666666;text-align:center;}
.two_tab_type2 li:last-child a{border-left:0;}
.two_tab_type2 li.on a{background:#ffffff;border-bottom:0;color:#000000;font-weight:700;}

/** 우편번호 검색 **/
.zipcode_search_wrap{padding:30px 20px 14px;}
.zipcode_search_wrap .zipcode_search{position:relative;padding-right:78px;height:36px;}
.zipcode_search_wrap .zipcode_search .btn_box{position:absolute;right:0;top:0;width:70px;padding:0;}
.zipcode_search_wrap .zipcode_search .input_style01{width:100%;}
.zipcode_search_wrap .txt{margin-top:8px;font-size:11px;}


/* tab */
.two_tab_type{background-color:#736a5c;}
.two_tab_type li{float:left;width:50%;height:60px;border-left:1px solid #645b4c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.two_tab_type li a{display:block;height:100%;padding:23px 0 0;letter-spacing:-0.75px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#d9d8d4;text-align:center;}
.two_tab_type li.on a{background-color:#645b4c;color:#ffffff;font-weight:700;border-bottom:3px solid #fcaf17}
.two_tab_type.type02 li{height:60px;}
.two_tab_type.type02 li a{padding-top:22px;}
.two_tab_type .ico_card_credit{display:inline-block;width:19px;height:14px;margin:-1px 8px 0 0;background:url(/mobiapp/images/car/common/ico_card_credit_off.png) left center no-repeat;background-size:19px 14px;vertical-align:-2px;}
.two_tab_type .ico_card_app{display:inline-block;width:19px;height:14px;margin:-1px 8px 0 0;background:url(/mobiapp/images/car/common/ico_card_app_off.png) left center no-repeat;background-size:19px 14px;vertical-align:-2px;}
.two_tab_type li.on .ico_card_credit{background-image:url(/mobiapp/images/car/common/ico_card_credit_on.png);}
.two_tab_type li.on .ico_card_app{background-image:url(/mobiapp/images/car/common/ico_card_app_on.png);}

/* btn */
.mileage .btn_box + .btn_box,
.blackbox .btn_box + .btn_box{margin-top:12px !important;}
.btn_box{position:relative;padding:0 12px;}
.btn_box .one_btn{display:block;height:34px;padding-top:14px;border-radius:8px;background:#645b4c;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .one_btn.ok{height:29px;padding-top:11px;background-color:#d9d8d4;color:#000000;font-size:14px;font-weight:400;}
.btn_box .one_btn02{display:block;height:27px;padding-top:13px;border-radius:5px;background:#d9d8d4;text-align:center;font-size:12px;color:#000000;}

.btn_box .two_btn{display:block;width:49%;height:32px;padding-top:13px;border-radius:8px;background:#645b4c;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .two_btn:first-child{float:left;}
.btn_box .two_btn:last-child{float:right;}
.btn_box .ico_c_arrow{position:relative;top:2px;display:inline-block;width:16px;height:16px;margin-left:10px;background:url(/mobiapp/images/car/bm02/bm02_ico_c_arrow.png) no-repeat; background-size:16px 16px;}

.btn_box .yellow{background:#fdb913;color:#000000;}
.btn_box .slim{height:34px;padding-top:14px;font-size:14px;}


#header .header_content{position:relative;padding:19px 40px 0;height:56px;box-sizing:border-box;background:#fcaf17;text-align:center;}
#header .header_content .btn_back{display:block;position:absolute;left:12px;top:50%;width:47px;height:21.5px;margin-top:-11px;background:url(/mobiapp/images/car/common/ico_prev3.png) left 50% no-repeat; background-size:90%;}

#header .header_content .h2_tit{font-size:18px;font-weight:700;color:#000000;}

.layer_reservation_capy02{margin-top:-15px;padding:103px 20px 18px;box-sizing:border-box;text-align:center;background:url(/mobiapp/images/car/common/bg_img02.png) center top no-repeat;background-size:109px 94px;}
.layer_reservation_capy02 strong{display:block;font-size:20px;font-weight:700;color:#000000;}

.bm_tit{padding:30px 10px 160px;text-align:center;color:#000000;}
.mileage .bm_tit{background:url(/mobiapp/images/car/bm02/bm02_img_mileage.png) center bottom no-repeat;background-size:131px 128px;}
.blackbox .bm_tit{background:url(/mobiapp/images/car/bm02/bm02_img_blackbox.png) center bottom no-repeat;background-size:131px 128px;}
.children .bm_tit{background:url(/mobiapp/images/car/bm02/bm02_img_children.gif) center bottom no-repeat;background-size:166px 128px;}
.pt .bm_tit{background:url(/mobiapp/images/car/bm02/bm02_img_pt.png) center bottom no-repeat;background-size:228px 138px;}
.dr .bm_tit{background:url(/mobiapp/images/car/bm02/bm02_img_lkas.png) center bottom no-repeat;background-size:228px 138px;}
.bm_tit h3{font-size:24px;font-weight:700;margin-bottom:8px;}
.bm_tit p{font-size:16px;}
.bm_tit p em{color:#e46d2c;}
.bm_tit + .bu_circle_list{margin-top:35px;}

.carnum_wrap{padding:20px 20px;background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.carnum_wrap .form_carnum{background:url(/mobiapp/images/car/step02/bg_numbox_l.gif) left top no-repeat;background-size:700px 68px;}
.carnum_wrap .form_carnum span{display:block;height:42px;padding:13px 36px 13px;background:url(/mobiapp/images/car/step02/bg_numbox_r.gif) right top no-repeat;background-size:36px 68px;color:#736a5c;}
.carnum_wrap .form_carnum span input{border:none;height:42px;width:100%;border:1px solid #d9d8d4;border-radius:4px;text-align:center;font-weight:700}
.carnum_wrap .form_carnum span input:focus{outline:none;border:1px solid #fdb913!important;box-shadow: 0 0 2px #fdb913, 0 0 2px #fdb913}
.carnum_wrap .form_carnum span input.ui_carnum_input{font-size:30px!important;color:#000BD5}

.carnum_wrap .form_carnum span input.ui_carnum_input:placeholder-shown{font-size:14px!important}

.carnum_wrap .form_carnum span input.ui_carnum_input::-webkit-input-placeholder{font-size:14px!important;}

.carnum_wrap.extend{padding:20px 0px 10px;border-bottom:none}
.carnum_wrap .btn_box{padding:0}

.photo_up_wrap{padding:20px 12px;background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.photo_up_wrap .car_photo_wrap{margin-top:12px;border-radius:8px;border:1px solid #d9d8d4;}
.photo_up_wrap .car_photo_wrap:first-child{margin-top:0;}
.car_photo_wrap h3{margin:0;padding:13px 0 12px 10px;border-radius:8px 8px 0 0;background-color:#f5f4f0;font-size:14px;letter-spacing: -1px}
.car_photo_wrap .box_bg{padding:20px 19px 18px;border-radius:0 0 8px 8px;background-color:#ffffff;}
.car_photo_wrap .border_box{padding:0;border:0;width:38%;}
.car_photo_wrap .border_box .semple_box a{display:block;}
.car_photo_wrap .border_box .semple_box img{width:100%;height:100px;}
.car_photo_wrap .border_box .sample_box a{display:block;}
.car_photo_wrap .border_box .sample_box img{width:100%;height:100px;}
.car_photo_wrap .box_photo_after{width:57%;}
.car_photo_wrap .photo_up02{width:100%;height:100px;border:1px dashed #ccc9c6;box-sizing:border-box;background:transparent url(/mobiapp/images/car/bm02/bm02_ico_camera.png) center center no-repeat;background-size:30px 30px;text-align:center;z-index:10;}
.car_photo_wrap .photo_up02 .photo_file{width:100%;height:100%;}
.car_photo_wrap .tip_txt{display:block;margin-top:10px;font-size:11px;text-align:center;}
.car_photo_wrap .tip_txt strong,
.car_photo_wrap .tip_txt span{display:block;}
.car_photo_wrap .box_photo_after .tip_txt{color:#545045;}
.car_photo_wrap .photo_txt span{display:block;margin:3px 0 10px;color:#666666;}
.car_photo_wrap .box_photo_after .photo_after{height:100px;}
.car_photo_wrap .box_photo_after .photo_after .btn_view_photo,
.car_photo_wrap .box_photo_after .photo_after .btn_view_photo img{width:100%;height:100px;}
.car_photo_wrap .border_box .btn_plus,
.car_photo_wrap .box_photo_after .btn_plus{display:block;position:absolute;right:0px;bottom:0px;width:20px;height:20px;background:url(/mobiapp/images/car/bm02/bm02_btn_full.gif) no-repeat;background-size:20px 20px;}
.car_photo_wrap .box_photo_after .btn_photo_del{display:block;position:absolute;right:0;top:0;width:30px;height:30px;background:url(/mobiapp/images/car/bm02/bm02_btn_del.gif) right top no-repeat;background-size:20px 20px;}
.car_photo_wrap .mileage_form{position:relative;padding:0 100px 0 0;}
.car_photo_wrap .mileage_form .input_wrap{position:relative;height:38px;padding:0 32px 0 0;border:1px solid #d9d8d4;border-radius:5px;}
.car_photo_wrap .mileage_form .input_wrap input{width:100%;height:38px;border:0;background-color:transparent;text-align:right;}
.car_photo_wrap .mileage_form .input_wrap span{position:absolute;right:9px;top:10px;}
.car_photo_wrap .mileage_form .btn_box{position:absolute;right:0;top:0;padding:0;}
.car_photo_wrap .mileage_form .btn_box .one_btn02{padding-left:10px;padding-right:10px;}
.mileage_graph{height:75px;}
.mileage_graph .bar{margin-top:20px;}
.mileage_graph .bar .mile{position:relative;float:left;text-align:center;background:url(/mobiapp/images/car/bm02/bm02_bg_graph_bar.png) left 60px no-repeat;background-size:1px 5px;}
.mileage_graph .bar .mile.type01{width:33.4%;}
.mileage_graph .bar .mile.type02{width:33.3%;}
.mileage_graph .bar .mile.type03{width:33.3%;background:url(/mobiapp/images/car/bm02/bm02_bg_graph_bar.png) left 60px no-repeat, url(/mobiapp/images/car/bm02/bm02_bg_graph_bar.png) right 60px no-repeat;background-size:1px 5px,1px 5px;}
.mileage_graph .bar .mile *{display:block;}
.mileage_graph .bar .mile .bg{padding-top:63px;font-size:11px;color:#545045;}
.mileage_graph .bar .mile.type01 .bg{background:url(/mobiapp/images/car/bm02/bm02_bg_graph01.png) left 40px repeat-x;background-size:5px 15px;}
.mileage_graph .bar .mile.type02 .bg{background:url(/mobiapp/images/car/bm02/bm02_bg_graph02.png) left 40px repeat-x;background-size:5px 15px;}
.mileage_graph .bar .mile.type03 .bg{background:url(/mobiapp/images/car/bm02/bm02_bg_graph03.png) left 40px repeat-x;background-size:5px 15px;}
.mileage_graph .bar .ico{position:absolute;left:50%;top:0;margin-left:-17px;width:35px;height:37px;background:url(/mobiapp/images/car/bm02/bm02_ico_car.png) center bottom no-repeat;background-size:35px 18px;}
.mileage_graph .bar .ico strong{display:inline-block;width:18px;height:18px;margin-right:2px;}
.mileage_graph .bar .mile.type01 .ico strong{background:url(/mobiapp/images/car/bm02/bm02_ico_mileage01.png) center center no-repeat;background-size:18px 18px;}
.mileage_graph .bar .mile.type02 .ico strong{background:url(/mobiapp/images/car/bm02/bm02_ico_mileage02.png) center center no-repeat;background-size:18px 18px;}
.mileage_graph .bar .mile.type03 .ico strong{background:url(/mobiapp/images/car/bm02/bm02_ico_mileage03.png) center center no-repeat;background-size:18px 18px;}
.car_mileage_txt{margin:20px -19px 0;padding:20px 22px 0;border-top:1px solid #d9d8d4;font-size:12px;color:#545045;line-height:1.5;}
.car_mileage_txt strong{color:#720f00;}

/* layer popup */
.layer_pop02{display:none;position:absolute;z-index:100;left:0;top:0;width:100%;padding:0 20px;box-sizing:border-box;}
.layer_pop02 .layer_head{position:static;;padding:18px 20px 10px;border-radius:8px 8px 0 0;background:#ffffff;}
.layer_pop02 .layer_head h1{font-size:16px;color:#010101;font-weight:700;}
.layer_pop02 .layer_cont{padding:0 15px 20px;background:#ffffff;}
.layer_pop02 .layer_close{position:static;display:block;width:auto;height:auto;padding:16px 0 17px;border-radius:0 0 8px 8px;background:#f5f4f0;border-top:1px solid #d9d8d4;text-align:center;}
.layer_pop02 .layer_close > span{display:inline-block;padding-left:20px;background:url(/mobiapp/images/car/bm02/bm02_btn_pop_close.png) left center no-repeat;background-size:12px 12px;font-size:14px;font-weight:700;}
.layer_pop02 .bu_list_type01 li{color:#736a5c;font-size:12px;line-height:1.45;}
.layer_pop02.layer_photo .layer_semple_photo{margin-bottom:0;}
.layer_pop02.layer_photo .layer_semple_photo + .bu_list_type01{margin-top:10px;}

.layer_pop02.layer_photo .layer_sample_photo{margin-bottom:0;}
.layer_pop02.layer_photo .layer_sample_photo + .bu_list_type01{margin-top:10px;}


/* 마일리지,블랙박스 사진등록완료 */
.mileage .ico_box03,
.blackbox .ico_box03{padding:123px 0 40px;background:url(/mobiapp/images/car/bm02/bm02_bg_img02.png) 50% 20px no-repeat;background-size:109px 93px;text-align:center;font-size:20px;color:#000000;font-weight:700;}

/** 로딩바 **/
/*
.loading_box{position:absolute;left:50%;top:50%;width:207px;height:150px;margin-left:-103px;margin-top:-75px;padding-top:92px;text-align:center;box-sizing:border-box;background:url(/mobiapp/images/car/common/bg_loading.png) no-repeat;background-size:100% 100%; z-index:13000;}
.loading_box img{width:27px;height:27px;}
*/ 


.ui-checkbox.txt_big .ui-btn{font-size: 14px;color: #000;line-height: 14px}

.loading_wrap{
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;
	opacity:0;	
	}

.block-ui-visible .loading_wrap{opacity:1}

/*2016 12 28 추가*/

/* loading-animation */
.loading_back3 {
  position:absolute;
  width: 197px;
  height: 164px;
  left:50%;
  top:50%;
  margin:-82px 0 0 -98.5px;
  z-index:100001;
  background:url('/mobiapp/images/car/main/renew/loading4.png') no-repeat 0 0;
  background-size:197px 164px   
}



.loading_back3 div {
  position:absolute;
  left:56px;	
  width:84px;
  height: 84px;  
  background:url('/mobiapp/images/car/main/renew/loading3_animate.png') no-repeat 0 0;
  background-size:84px;
  animation: spin 1.2s linear infinite;
  -webkit-animation: spin 1.2s linear infinite;
  -moz-animation: spin 1.2s linear infinite;
  -o-animation: spin 1.2s linear infinite;

}

.btn_wrap{position:relative;height:30px;text-align:right;margin-top:20px}
.btn_wrap .btn_add{display:inline-block;padding:5px 20px 6px 15px;background-color:#fdb913;border-radius:4px;font-weight:700;font-size:14px}
.btn_wrap .btn_add.gray{font-weight:normal; background-color:#ccc;margin-right:5px}
.btn_wrap .btn_add span{font-size:16px;font-weight:normal;vertical-align:-1px}


.car_photo_wrap{position:relative}
.car_photo_wrap.first h3{height:36px;line-height:36px}
.ptrans_btn_guide{padding:4px 10px;background-color:#ccc;position:absolute;right:10px;top:10px;border-radius:4px;font-size:13px!important;text-align:center}

/* btn */
.btn_box{position:relative;padding:0 12px;}
.btn_box > a{position:relative}

.btn_box .one_btn02{display:block;height:48px;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background:#645b4c;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .one_btn03{display:block;height:90px;font-size:16px!important;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background:#645b4c;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .two_btn{display:block;width:49%;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:20px;border-radius:5px;background:#545045;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .two_btn02{display:block;width:49%;height:48px;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background:#645b4c;text-align:center;font-size:16px !important;color:#ffffff;font-weight:700;}
.btn_box .two_btn:first-child,
.btn_box .two_btn02:first-child{float:left;}
.btn_box .two_btn:last-child,
.btn_box .two_btn02:last-child{float:right;}

.btn_box .two_btn02.dualline{padding-top:4px}
.btn_box .two_btn03.dualline{padding-top:10px}


.btn_box .two_btn02.triple{display: block;height: 69px!important}
.btn_box .two_btn02.triple_right{display: block;height: 69px!important;padding-top:23px!important}

.btn_box .two_btn03{display:inline-block;float:left;;width:48%;height:48px;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background:#645b4c;text-align:center;font-size:13px !important;color:#ffffff;font-weight:700;}
.btn_box .two_btn03:first-child{margin-right:4%}

.btn_box.btn_hope_box{padding:10px 0 10px !important}
.btn_box.btn_hope_box .two_btn02.dualline{font-weight:normal!important;height:auto!important;font-size:12px!important;padding-top:4px;padding-bottom:3px} 

.btn.single{display:inline-block;color:#333;padding:7px 14px 5px;background-color:#d9d8d4;border-radius:4px}

@media (max-width:372px){
	.btn_box .two_btn02.w320{padding-top:4px}
	.btn_box .two_btn02.w320 span{display:block}

	.btn_box .two_btn02.triple{display:block;height:69px!important;font-size:14px!important;padding-top:8px}
	.btn_box .two_btn02.triple_right{display: block;height: 69px!important;padding-top:15px!important}
	
	.btn_box.btn_hope_box .two_btn02.dualline{font-weight:normal!important;height:auto!important;font-size:12px!important;padding-top:4px;padding-bottom:3px}
}

.btn_box .three_btn{display:block;width:32.5%;height:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:1%;padding-top:20px;border-radius:5px;background:#545045;text-align:center;font-size:16px;color:#ffffff;font-weight:700;}
.btn_box .three_btn:first-child{float:left;margin-left:0;}
.btn_box .three_btn:nth-child(2){float:left;}
.btn_box .three_btn:last-child{float:right;width:33%;}

.btn_box .yellow{background:#fdb913;font-size:18px;color:#000000;}
.btn_box .gary{background:#d9d8d4;font-size:18px;color:#000000;}
.btn_box .gray{background:#d9d8d4;font-size:18px;color:#000000;}
.btn_box .brown{background:#736a5c;font-size:18px;color:#ffffff;}
.btn_box .orange{background:#e46d2c;color:#ffffff;}
.btn_box .lightblue_slim{background:#1C5FAD;color:#ffffff;height:32px;padding:10px 10px 0;font-size:11px !important;font-weight:400;margin-top:0px}

.btn_box .large{padding-top:18px;height:52px;}
.btn_box .slim{height:30px;padding-top:11px;font-size:14px;}
.btn_box .slim02{height:26px;padding-top:11px;font-size:12px !important;font-weight:400;}
.btn_box .slim03{height:32px;padding:10px 10px 0;font-size:11px !important;font-weight:400;}
.btn_box .slim04{height:36px;padding-top:11px;font-size:11px !important;font-weight:400;}
.btn_box .slim05{}
.btn_box .slim06{height:auto!important;}
.btn_box .slim07{height: 48px;
    font-size: 12px !important;
    font-weight: normal;
    padding-top: 11px;    
    letter-spacing: -1px;
    }

.btn_box .normal{font-weight:400;}

.btn_box .one_btn.next_step{margin:0 auto;
background-color:#f8b500;
color:#333
}

.btn_box .next_step .ico_c_arrow{position:relative;top:2px;display:inline-block;width:16px;height:16px;margin-left:10px;background:url(/mobiapp/images/car/common/ico_c_arrow.png) no-repeat; background-size:16px 16px;}

a.btn_tip_small{display:inline-block;margin-left:5px;width:16px;height:16px;padding:2px;background:url(/mobiapp/images/car/common/btn_tip02_1.png) center center no-repeat;background-size:17px 18px;}
.ico_word{display:inline-block;width:14px;height:16px;vertical-align:-2px;background:url(/mobiapp/images/car/common/ico_word02.png) no-repeat;background-size:14px 16px;}



.btn_box .normal{font-weight:400;}

.h2_wrap.all_agree .btn_box{position:absolute; right:0; top:12px}
/*공통 - 본인인증(신용카드)*/
.input_style01.card{width:100%;text-align:center;}

/*공통 - 본인인증(휴대폰인증)*/
.select_contents .agree_wrap02 .label_txt{min-height: 20px;padding-bottom:0}
.select_contents label{font-size:14px}
.h2_wrap.all_agree{position: relative;}
.h2_wrap.all_agree .bu_tit_h2{padding-right:85px}
.h2_wrap.payinfotext {font-size: 12px;padding: 7px 12px 5px 12px;}
.h2_wrap.payinfotext_2	{font-size: 12px;padding:0px!important;  }

@media (min-width:376px){/*아이폰6 plus*/
	.h2_wrap.payinfotext {font-size: 12px;padding: 7px 12px 5px 12px!important;  }
	.h2_wrap.payinfotext_2	{font-size: 12px;padding:0px!important;  }
	.h2_wrap.payinfotext h2 {min-height:20px;}
}


@media (min-width:376px){/*아이폰6 plus*/
	.h2_wrap.all_agree .bu_tit_h2{padding-right:95px}
}

.h2_wrap.all_agree .btn_box{position:absolute; right:0; top:12px}
/*공통 - 본인인증(신용카드)*/
.input_style01.card{width:100%;text-align:center;}

/*공통 - 계약완료*/
.confirm_wrap{padding:0 10px;}
.confirm_wrap img{width:100%}

/*공통 - 결제_일반(신용카드)*/
.form_wrap .card_installment{width:48%;}
.payment_info_wrap{padding:0 12px 16px 12px;background:#fff;border-bottom:1px solid #d9d8d4;}
.payment_info_wrap .cost_box{background: #545045; line-height: 60px;border-radius:4px}
.payment_info_wrap .cost_box span{font-weight: bold;font-size: 16px}
.payment_info_wrap .cost_box .tit{float:left; color:#fff;margin-left:12px;}
.payment_info_wrap .cost_box .cost{float:right; color:#fdb913;margin-right:12px;}

.insure_result_list.type04{padding:0;margin-top:16px;}
.insure_result_list.type04 dt{background-color: #f5f4f0;color:#000;border-bottom:1px solid;border-color:#d9d8d4;padding:16px 12px;}
.insure_result_list.type04 dd{border-color:#d9d8d4;}
.sign_check_wrap{margin-top:12px;border-top:1px solid #d9d8d4;padding:16px 12px;background: #fff}
.sign_check_wrap .ui-btn strong{color:#000}
.insure_result_list.type04 dd td{font-size:12px}

.open_box1{border-top:1px solid #d9d8d4;border-bottom:1px solid #d9d8d4;}
.open_box1 h5 a{display:block;padding:12px;font-size:14px;background:url(/mobiapp/images/car/common/ico_down_arrow02.png) right center no-repeat;background-size:27px 9px;color:#545045;border-bottom:1px solid #d9d8d4;background-color: #fff}
.open_box1 h5 a.on{background-image:url(/mobiapp/images/car/common/ico_up_arrow02.png);}
.open_box1 li.on > a{background-image:url(/mobiapp/images/car/common/ico_up_arrow02.png);}
.open_box1 p{padding:20px 32px;border-top:1px solid #d9d8d4;background-color:#faf9f7;font-size:12px;color:#736a5c;line-height:1.5;}

.app_install{padding:30px 30px;}
.app_install h3{text-align:center;font-weight:700;}
.app_install ol.cert_step{padding:10px 0px}
.app_install .cert_step li{float:left;width:31%;padding-left:2%;background:url(/mobiapp/images/car/common/ico_r_arrow02.png) left 14px no-repeat;background-size:10px 17px;font-size:12px;text-align:center;}
.app_install .cert_step li.step01{width:34%;padding-left:0;background-image:none;}
.app_install .cert_step span{display:block;padding-top:70px;}
.app_install .cert_step .step01 span{background:url(/mobiapp/images/car/step01/ico_pubcert02.png) center top no-repeat;background-size:59px 58px;}
.app_install .cert_step .step02 span{background:url(/mobiapp/images/prdt/a_ico_app.png) center top no-repeat;background-size:59px 58px;}
.app_install .cert_step .step03 span{background:url(/mobiapp/images/car/step01/ico_pubcert03.png) center top no-repeat;background-size:59px 58px;}
.app_install ol.cert_step + p.bu_exclamation{margin-left:20px;margin-right:20px;}
.app_install .btn_box{padding:0 0px;}

.naver_pay_wrap{margin-top:12px}
.naver_pay_wrap p{background: #ff0048;color:#fff;line-height: 216px;text-align: center}


/*고객정보 약관동의*/
.agree_wrap02.type_small .agree_list > li{padding-top:5px;padding-bottom:10px}
.agree_cont.new_type h4{padding-left:16px;text-indent:-16px;}
.agree_cont.new_type .type_num{padding-left: 0px}
.agree_cont.new_type .type_num li{padding-left:16px;text-indent:-16px;background: none;margin-bottom:5px}
.agree_cont.new_type .type_num1{padding-left: 10px}
.agree_cont.new_type .type_num1 li{padding-left:16px;text-indent:-16px;background: none;margin-bottom:5px}
.agree_cont.new_type .type_num2{padding-left: 20px}
.agree_cont.new_type .type_num2 li{padding-left:16px;text-indent:-16px;background: none;margin-bottom:5px}



/* label form style */
.form_wrap{padding:16px 12px;background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.form_wrap li{position:relative;padding:4px 0 4px 70px;}
.form_wrap li:first-child{padding-top:0;}
.form_wrap li:last-child{padding-bottom:0;}
.form_wrap li *{vertical-align:middle;}
.form_wrap label{position:absolute;left:0;top:13px;width:70px;}
.form_wrap li:first-child label{top:10px;}
.form_wrap .input_style01{width:100%;}

.card_num .input_style01{width:22% !important;text-align:center;}
.card_num span{display:inline-block;width:4%;text-align:center;font-size:12px;color:#d9d5d2;}
.form_wrap .card_date{width:48%;}
.form_wrap .card_password_box {float:left}
.form_wrap .card_password_box label{position:relative;top:inherit;width:22%;font-size:11px;padding-left:4%}
.form_wrap .card_password_box input{width:22%;margin-left:4%}

.form_wrap .input_wrap{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_wrap .input_wrap .btn_box{padding:0;}
.form_wrap .input_wrap.hp_cert01{padding-right:116px;}
.form_wrap .input_wrap.hp_cert01 .btn_box{position:absolute;right:0;top:0;width:108px;}
.form_wrap .input_wrap.hp_cert02{padding-right:140px;}
.form_wrap .input_wrap.hp_cert02 .btn_box{position:absolute;right:0;top:0;width:75px;}
.form_wrap .input_wrap.hp_cert02 .remain_time{position:absolute;right:75px;top:9px;width:55px;}
.form_wrap .input_wrap.hp_cert02 .remain_time *{vertical-align:middle;}
.form_wrap .input_wrap.hp_cert02 .remain_time em{display:inline-block;width:14px;height:14px;margin-right:6px;background:url(/mobiapp/images/car/common/ico_clock.png) left top no-repeat;background-size:14px 14px;vertical-align:text-bottom;}
.form_wrap .input_wrap.hp_cert02 .remain_time input{width:30px;border:0;font-size:12px;color:#f3810f;background-color:#ffffff;}

.form_list > dt{padding:15px 20px 0;border-top:1px solid #d9d8d4;color:#000000;}
.form_list > dt:first-child{border-top:0;}
.form_list > dt .txt{font-size:12px;}
.form_list > dd{padding:10px 20px 16px;}
.form_list > dd .ui-radio a.ui-btn{position:relative;top:-5px;padding:6px 0 5px 24px;margin-bottom:-5px;background-position:left 6px;}
.form_list > dd .ui-radio.type02 a.ui-btn{top:0px;padding:13px 5px 0 32px;margin-bottom:0px;background-position:12px center;}


.form_list > dd .ui-radio.type02.extend li{display:block;float:left;position:relative;width:30%;margin-left:2%}
.form_list > dd .ui-radio.type02.extend li:first-child{margin-left:0}
.form_list > dd .ui-radio.type02.extend li:first-child,
.form_list > dd .ui-radio.type02.extend li:nth-child(2){width:30%}
.form_list > dd .ui-radio.type02.extend li:nth-child(3){width:36%;}
.form_list > dd .ui-radio.type02.extend li:nth-child(3) a.ui-btn{letter-spacing:-1px;padding-left:0}
.form_list > dd .ui-radio.type02.extend a.ui-btn{top:0px;padding:6px 5px 0 5px;height:40px;margin-bottom:0px;background-position:3px center;background-size:16px 16px;background:none;text-align:center}
.form_list > dd .ui-radio.type02.extend a.btn_tip_small{position:absolute;right:4px;top:10px}
.form_list > dd .ui-radio.type02.extend li.oneline a.ui-btn{padding-top:14px}

.form_list > dd .ui-radio.type02.extend02 li{width:24%;float:left;margin-right:1.33%}
.form_list > dd .ui-radio.type02.extend02 li:nth-child(4){margin-right:0}
.form_list > dd .ui-radio.type02.extend02 li a.ui-btn{top:0px;height:44px;padding:8px 6px 8px 6px;margin-bottom:0px;background:none;text-align:center}
.form_list > dd .ui-radio.type02.extend02 li:nth-child(4) a.ui-btn{padding-top:15px;}

.form_list > dd .ui-radio.type02.extend03 li:first-child{margin-left:0%}
.form_list > dd .ui-radio.type02.extend03 li{display:block;float:left;position:relative;width:32%;margin-left:2%}
.form_list > dd .ui-radio.type02.extend03 li a.ui-btn{height:44px;padding-top:15px;padding-left:26px;background-position:8px center}
.form_list > dd .ui-radio.type02.extend03 li:nth-child(3) a.ui-btn{padding:8px 5px 0px 26px}
.form_list > dd .ui-radio.type02.extend03 a.btn_tip_small{position:absolute;right:0;top:10px}



.form_list.line{border-bottom:1px solid #d9d8d4;}
.form_list.line02{border-top:1px solid #d9d8d4;}
.ui-radio + .car_inner_box02{margin-top:11px;}

.form_list.type02{margin:0;padding:0;background-color:#faf9f7;}
.form_list.type02 > dt,
.form_list.type02 > dd{padding-left:32px;padding-right:32px;}
.form_list.type02 > dd{padding-bottom:0;}
.form_list.type02 .car_inner_box02{margin-left:-12px;margin-right:-12px;background-color:#ffffff;}

.form_list.type03{margin:6px -20px -16px -20px;background-color:#faf9f7;}
.form_list.type03 > dd{padding:16px 20px;}
.form_list.type03 > dd ul{margin-top:-3px;}
.form_list.type03 > dd li{padding:0 0 0 12px;}
.form_list.type03 .btn_box{padding-left:0;padding-right:0;}
.form_list.type03 .btn_box .two_btn{width:49.5%;}

.form_list.type03.extend dd{padding-bottom:0}

.form_list.type04 dt{position:relative;padding-left:38px;font-size:14px}
.form_list.type04 dt span{position:absolute;left:20px;top:15px;font-weight:700}

ul.form_list_radio{border-top:1px solid #d9d8d4;}
ul.form_list_radio li{margin:0 !important;padding:16px 15px 14px 20px;border-bottom:1px solid #d9d8d4;}
ul.form_list_radio li a.ui-btn{padding-top:0;}
ul.form_list_radio li a.ui-btn strong{font-size:14px;color:#000000;}
ul.form_list_radio li a.ui-btn p{margin-top:5px;font-size:12px;color:#736a5c;}

.form_selected{margin:6px -20px -16px -20px;padding:14px 32px 11px 32px;background-color:#faf9f7;font-size:12px;}


.counsel_wrap{padding:0 20px;}
.counsel_wrap.type02{padding:20px 12px 0;}

@media (min-width:376px){/*아이폰6 plus*/
	.h2_wrap{height:auto !important; padding: 18px 0 10px 14px !important; }
}

/* 본인인증 방식 통합  + 카카오페이 인증 */

.cm_cert_box{background-color: #fff;padding:18px 12px 16px; }

/* 기본 3/6 */
.cm_cert_box ul{display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:-3.5%}
.cm_cert_box ul li{width:31%;margin:3.5% 0 0 3.5%;box-sizing:border-box;background-color:#fff;border:1px solid #d9d8d4;border-radius:8px;}
.cm_cert_box ul li.on { border:1px solid #fdb913;background-color:#fdb913; }
.cm_cert_box ul li:first-child{margin-left: 0}
.cm_cert_box ul li:nth-child(4){margin-left: 0}
.cm_cert_box a{display:block;text-align: center;}
.cm_cert_box .on a .text{color:#010101}

.cm_cert_box li a:before{content:'';position:absolute;left:8px;top:8px;display:block;width:16px;height:16px;background:url(/mobiapp/images/comn/ico_m_cert.png) no-repeat 0 0;background-size:480px}
.cm_cert_box li.on  a:before{background-position: 0px  -48px;}
.cm_cert_box a {position: relative;display:block;padding-top:100%;color:#736a5c;text-align:center;}
.cm_cert_box a .text{ position: absolute;left:0;top:68% ;width:100%;;font-size:15px}
.cm_cert_box .on a .text{color:#010101}
.cm_cert_box li a i {display:block;position:absolute;top:19%;left:50%;margin-left:-24px;width:48px;height:48px;background:url(/mobiapp/images/comn/ico_m_cert.png) no-repeat 0 0;background-size:480px}

/* 제휴일때 (앱 띄우는 로직 X) */
.cm_cert_box.display_2 ul li{ width: 48.5%;margin: 3.5% 0 0 3%  }
.cm_cert_box.display_2 ul li:first-child{ margin-left:0 }
.cm_cert_box.display_2 a{ padding-top:51% }
.cm_cert_box.display_2 i{ top:11% }

/* 4개 일때 */
.cm_cert_box.display_4 ul li{ width: 24.25%;margin: 3.5% 0 0 1%  }
.cm_cert_box.display_4 ul li:first-child{ margin-left:0  }
.cm_cert_box.display_4 a{ padding-top:100% }
.cm_cert_box.display_4 i{ top:11% }
.cm_cert_box.display_4 a .text{ font-size:14px;letter-spacing: -1px}
.cm_cert_box.display_4  li a:before{left:4px;top:4px}

/* 5개 일때 */
.cm_cert_box.display_5 ul li:nth-child(4){ width: 48.5%;margin-left:0 }
.cm_cert_box.display_5 ul li:nth-child(5){ width: 48.5%;margin-left:3%   }
.cm_cert_box.display_5 ul li:nth-child(4) a{ padding-top:51% }
.cm_cert_box.display_5 ul li:nth-child(5) a{ padding-top:51% }

.cm_cert_box.display_5 i{ top:17% }
.cm_cert_box.display_5 ul li.sspass:nth-child(4) i,
.cm_cert_box.display_5 ul li.sspass:nth-child(5) i {top:1%}

.cm_cert_box.display_5 ul li.sspass:nth-child(4) .text,
.cm_cert_box.display_5 ul li.sspass:nth-child(5) .text {top:52%;line-height:1.2}

/* 핸드폰 */
.cm_cert_box .cellphone         i{background-position: -48px  -0px}
.cm_cert_box .cellphone.on      i{background-position: -48px  -48px}
/* 공인인증서 */
.cm_cert_box .pub         i{background-position: -96px  -0px} 
.cm_cert_box .pub.on      i{background-position: -96px  -48px}
/* 신용카드 */
.cm_cert_box .card         i{background-position: -144px  -0px} 
.cm_cert_box .card.on      i{background-position: -144px  -48px}
/*삼성페스 */
.cm_cert_box .sspass         i{background-position: -192px  -0px;top:12%} 
.cm_cert_box .sspass .text         {top:57%} 
.cm_cert_box .sspass.on      i{background-position: -192px  -48px}

/*파이도 */
.cm_cert_box .fido         i{background-position: -240px  -0px} 
.cm_cert_box .fido.on      i{background-position: -240px  -48px}
/*카카오페이*/
.cm_cert_box .kakaopay         i{background-position: -288px  -0px} 
.cm_cert_box .kakaopay.on      i{background-position: -288px  -48px}

/*세이프토큰*/
.cm_cert_box .safetoken         i{background-position: -336px  4px} 
.cm_cert_box .safetoken.on      i{background-position: -336px  -44px}

.h2_wrap.top_bd{border-top:1px solid #d9d8d4!important;}
.h2_wrap .tip_kakaopaycert{padding-left:22px;font-size:11px;text-decoration: underline;color:#777}

.kakakopaycert_box dt,.kakakopaycert_box dd{float:left;vertical-align: middle;line-height: 36px}
.kakakopaycert_box dt{width:25%}
.kakakopaycert_box dd{width:75%;height:36px}
@media(min-width:376px){
    .h2_wrap .tip_kakaopaycert{padding-left: 25px;}
    .kakakopaycert_box dt,.kakakopaycert_box dd{float:left;vertical-align: middle;line-height: 44px}
    .kakakopaycert_box dd{height:44px}
}

@media(min-width:768px ) and (max-width:1023px){
	.cm_cert_box.display_4 a{padding-top:50%}
}

@media(min-width:1024px ){
	.cm_cert_box.display_4 a{padding-top:45%}
}


/** 공인인증서 안내 **/
.public_cert{margin:16px 12px 0;padding:30px 0 20px;border:1px solid #d9d8d4;border-radius:7px;background-color:#ffffff;}
.public_cert h3{text-align:center;font-weight:700;}
.public_cert ol.cert_step{padding:30px 12px 10px;}
.public_cert .cert_step li{float:left;width:31%;padding-left:2%;background:url(/mobiapp/images/car/common/ico_r_arrow02.png) left 14px no-repeat;background-size:10px 17px;font-size:12px;text-align:center;}
.public_cert .cert_step li.step01{width:34%;padding-left:0;background-image:none;}
.public_cert .cert_step span{display:block;padding-top:70px;}
.public_cert .cert_step .step01 span{background:url(/mobiapp/images/car/step01/ico_pubcert01.png) center top no-repeat;background-size:59px 58px;}
.public_cert .cert_step .step02 span{background:url(/mobiapp/images/car/step01/ico_pubcert02.png) center top no-repeat;background-size:59px 58px;}
.public_cert .cert_step .step03 span{background:url(/mobiapp/images/car/step01/ico_pubcert03.png) center top no-repeat;background-size:59px 58px;}
.public_cert ol.cert_step + p.bu_exclamation{margin-left:20px;margin-right:20px;}
.public_cert .btn_box{padding:0 19px;}

.public_cert.extend{padding:0!important;margin:0!important;border:none;border-radius:0}
.public_cert.type01{padding:0;border:none;border-radius:0;background:none}
.public_cert.type02{position:relative;padding:0;border:none;border-radius:0;background:none}
.public_cert.type02 .btn_box{position:absolute;right:0;top:0;width:113px;height:45px;padding:0}
.public_cert.type02 .btn_box .slim02{height:45px;padding-left:25px;padding-top:10px;font-size:11px!important;text-align:left;background:#d9d8d4 url(/mobiapp/images/car/step02/ico_cert_arrow.gif) no-repeat right center;background-size:25px 12px;box-sizing:border-box}

.public_cert.type_menu{margin:16px 0 0;padding:0;border:none;border-radius:none;background-color:#ffffff;}
.public_cert.type_menu .cert_step{padding:16px 0 0;}

.extra_bottom_line{ border-bottom: 1px solid #d9d8d4;padding-bottom:20px}

@media(max-width:320px){
	.public_cert.type02 .btn_box{position:absolute;right:0;top:0;bottom:0;width:80px;padding:0;}
	.public_cert.type02 .btn_box .slim02{padding-left:15px;background-position:66px center}
}


/* 공인인증서선택 */
.pubcert_list{background-color:#ffffff;border-top:1px solid #d9d8d4;}
.pubcert_list li{border-bottom:1px solid #d9d8d4;}
.pubcert_list a{display:block; padding:16px 50px 15px 20px; background:url(/mobiapp/images/car/common/ico_right02_off.png) right center no-repeat; background-size:32px 20px;}
.pubcert_list dl{position:relative;padding-left:61px;}
.pubcert_list dt{position:absolute;left:0;top:7px;width:49px;height:57px;}
.pubcert_list dt img{width:100%;}
.pubcert_list dd.cert_name{padding-bottom:3px;font-size:14px;color:#000000;}
.pubcert_list dd.cert_num{padding-bottom:3px;font-size:12px;color:#010101;}
.pubcert_list dd.cert_txt{padding-bottom:2px;font-size:12px;color:#545045;}
.pubcert_list li.nodata{padding:42px 0;text-align:center; font-size:16px;}

/* 공인인증서 가져오기 */
.pubcert_copy{padding:0 20px 16px;background-color:#ffffff;}
.pubcert_copy p{font-size:14px;color:#000000;font-weight:700;}
.pubcert_copy ol{margin-top:14px;}
.pubcert_copy li{padding:0 0 6px 14px;text-indent:-14px;font-size:12px;line-height:1.5;}
.pubcert_copy li:last-child{padding-bottom:0;}
.cert_num_form{position:relative;padding:16px 20px 16px 115px;background-color:#f5f4f0;}
.cert_num_form label{position:absolute;left:20px;top:26px;}
.cert_num_form .input_style01{width:100%;}
.cert_ing{margin:0 20px;padding:16px 20px;border-radius:7px;border:1px solid #d9d8d4;background-color:#ffffff;}
.cert_ing p{margin-bottom:16px;font-size:14px;color:#000000;}
.loading_wrap .remain_time *{vertical-align:middle;}
.loading_wrap .remain_time em{display:inline-block;height:14px;margin-right:6px;padding-right:25px;background:url(/mobiapp/images/car/common/ico_clock.png) right top no-repeat;background-size:14px 14px;line-height:1.1;color:#736a5c;font-size:14px;}
.loading_wrap .remain_time input{width:30px;border:0;font-size:12px;color:#f3810f;background-color:#ffffff;}
.loading_wrap .loading_bar{display:block;width:100%;height:15px;margin-top:10px;border-radius:2px;background-color:#d9d8d4;overflow:hidden;}
.loading_wrap .loading_bar strong{display:block;height:100%;background-color:#f3810f;}

/* 보안키패드,법률비용지원특약추가안내,계약자확인사항길라잡이,공인인증서선택 */
.pop_cont_type01 > p:first-of-type{padding:0 20px 10px;color:#000000;}
.pop_cont_type01 > p.line:first-of-type{padding-bottom:14px;border-bottom:1px solid #d9d8d4;}
.pop_cont_type01 > p:first-of-type + .txt_box{margin-left:20px;margin-right:20px;}
.pop_cont_type01 .pw_form,
.pop_cont_type01 .cont_txt,
.pop_cont_type01 .result_txt{padding:16px 20px;background-color:#f5f4f0;}
.pop_cont_type01 .result_txt{font-size:12px;color:#720f00;}
.pop_cont_type01 .result_txt.nodata{font-size:16px;color:#545045;text-align:center;}
.pop_cont_type01 .pw_form .input_style01{width:100%;}
.pop_cont_type01 .cont_txt .bu_circle_list li{margin-top:7px;}
.pop_cont_type01 .cont_txt .bu_circle_list li p{margin-top:5px;}
.pop_cont_type01 .cont_txt .bu_circle_list li:first-child{margin-top:0;}
.pop_cont_type01 .cont_txt02{padding:15px 20px;border-bottom:1px solid #d9d8d4;}
.pop_cont_type01 .cont_scroll{overflow:scroll;overflow-x:hidden;height:285px;-webkit-overflow-scrolling:touch;}
.pop_cont_type01 .cont_txt02 h2{margin-bottom:8px;padding-top:8px;font-size:12px; font-weight:700; color:#000000;}
.pop_cont_type01 .cont_txt02 h2:first-of-type{padding-top:0;}
.pop_cont_type01 .cont_txt02 h3{margin-bottom:8px;padding-left:8px;font-size:11px;background:url(/mobiapp/images/car/common/bu_dot01.png) left 4px no-repeat;background-size:4px 4px;}
.pop_cont_type01 .cont_txt02 p{margin-bottom:8px;padding-left:8px;font-size:11px;}
.pop_cont_type01 .cont_txt02 p:last-of-type{margin-bottom:0;}


.ui_checkbox_alone{display:block;background-color:#333;width:16px;height:16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(/mobiapp/images/car/common/ico_check_off.png) left top no-repeat;background-size: 16px 16px;}
.ui_checkbox_alone.on{background-image: url(/mobiapp/images/car/common/ico_check_on.png);}

.ui-checkbox02 li{display:inline-block;margin-left:20px;}
.ui-checkbox02 li:first-child{margin-left:0;}
.ui-checkbox02 span.ui-btn{display:inline-block;min-height:20px;padding:0 0 0 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/mobiapp/images/car/common/ico_check_off.png) left top no-repeat;background-size:16px 16px;font-size:12px;color:#736a5c;line-height:1.6;}
.ui-checkbox02 span.ui-btn *{vertical-align:middle;}
.ui-checkbox02 li.on span.ui-btn{background-image:url(/mobiapp/images/car/common/ico_check_on.png);}

@keyframes spin {
 0% {
    transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-webkit-keyframes spin {
 0% {
    -webkit-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    -webkit-transform: rotate(359deg);
    border-right-color: #fff;
  }
}


@keyframes spin {
 0% {
    transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-webkit-keyframes spin {
 0% {
    -webkit-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    -webkit-transform: rotate(359deg);
    border-right-color: #fff;
  }
}



@-moz-keyframes spin {
 0% {
    -moz-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -moz-transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    -moz-transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-o-keyframes spin {
 0% {
    -o-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -o-transform: rotate(180deg);
    border-right-color: #fff;
  }
  100% {
    -o-transform: rotate(359deg);
    border-right-color: #fff;
  }
}


/* 그 밖의 공통 스타일을 주석표기 후 작성 */
@media (max-width:320px){
	/* 마일리지,블랙박스 */
	.blackbox .box_arrow .box_color_y h3{font-size:18px;}
	.mileage .box_arrow .box_color_y h3{font-size:18px;}
	.mileage .ico_box01,
	.mileage .ico_box02{padding-top:23px;padding-bottom:23px;}
	
	/* 사진등록 */
	.car_photo_wrap .border_box,
	.car_photo_wrap .box_photo_after .photo_up,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after img{height:124px;}
	.car_photo_wrap .box_photo_after .photo_up{padding-top:16px;}
	
	/* 2차 마일리지,블랙박스 */
	.bm_tit p br.linefeed{display:block;}
	.mileage .bu_circle_list br.linefeed,
	.blackbox .bu_circle_list br.linefeed{display:none;}
	.car_photo_wrap .tip_txt br.linefeed{display:block;}
	.car_photo_wrap .box_photo_after .tip_txt strong{letter-spacing:-1px;}
	.car_photo_wrap .border_box,
	.car_photo_wrap .border_box .semple_box img,
	.car_photo_wrap .border_box .sample_box img,
	.car_photo_wrap .photo_up02,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo img{height:85px;}
}
@media (min-width:321px) and (max-width:360px){
	/* 2차 마일리지 */
	.mileage .bu_circle_list br.linefeed{display:none;}
	}
@media (min-width:361px) and (max-width:375px){
	/* 마일리지,블랙박스 */
	.mileage .btn_box .two_btn{font-size:15px;}
	
	/* 사진등록 */
	.car_photo_wrap .border_box,
	.car_photo_wrap .box_photo_after .photo_up,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after img{height:129px;}	
	
	/* 2차 마일리지,블랙박스 */
	.mileage .bu_circle_list br.linefeed,
	.blackbox .bu_circle_list br.linefeed{display:none;}
	.car_photo_wrap .border_box,
	.car_photo_wrap .border_box .semple_box img,
	.car_photo_wrap .border_box .sample_box img,
	.car_photo_wrap .photo_up02,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo img{height:95px;}
}
@media (min-width:376px){
	/* 마일리지,블랙박스 */
	.mileage .btn_box .two_btn{font-size:15px;}
	
	/* 사진등록 */
	.car_photo_wrap .border_box,
	.car_photo_wrap .box_photo_after .photo_up,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after img{height:150px;}
	.car_photo_wrap .border_box .semple_box a img{width:100%;height:120px;}
	.car_photo_wrap .border_box .sample_box a img{width:100%;height:120px;}
	
	/* 2차 마일리지,블랙박스 */
	.car_photo_wrap .border_box,
	.car_photo_wrap .border_box .semple_box img,
	.car_photo_wrap .border_box .sample_box img,
	.car_photo_wrap .photo_up02,
	.car_photo_wrap .box_photo_after .photo_after,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo,
	.car_photo_wrap .box_photo_after .photo_after .btn_view_photo img{height:120px;}
}


.carnum_wrap .form_carnum span input::-webkit-input-placeholder{text-align:center}
.carnum_wrap .form_carnum span input.ui_carnum_input::-webkit-input-placeholder{}

.carnum_keypad_layer{display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000;background-color:#404a51;}
.carnum_keypad_layer #carnum_keypad_dimm{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:200;background-color:#transparent;}
.carnum_keypad_layer .carnum_wrap .form_carnum span{padding:13px 14px 13px 14px}
.carnum_keypad_layer .carnum_wrap .form_carnum span input{width:69%;font-size:24px;color:#000BD5;margin-right:5%;vertical-align:top}
.carnum_keypad_layer .carnum_wrap .form_carnum span input{outline:none;border:1px solid #fdb913!important;box-shadow: 0 0 2px #fdb913, 0 0 2px #fdb913}
.carnum_keypad_layer .form_carnum .btn_confirm{display:inline-block;width:25%;height:44px;text-align:center;box-sizing:border-box;padding:12px 12px;background-color:#fdb913;border-radius:4px;font-weight:700;color:#000;font-size:18px}

.carnum_keypad_layer .area_carnum_btn{position:relative}
.carnum_keypad_layer .layer_assist{display:none;position:absolute;top:44px;left:0px;width:100%;height:68px;}
.carnum_keypad_layer .layer_assist .bg{height:100%;background-color:#fdb913;/*border-radius:4px;margin:0 6px*/}
.carnum_keypad_layer .area_carnum_btn{padding:10px 0;background-color:#404a51}
.carnum_keypad_layer .carnum_wrap{padding:10px 20px}
.carnum_keypad_layer ul{}
.carnum_keypad_layer ul > li{float:left;}
.carnum_keypad_layer .location_sel{position:relative;padding:4px;border-radius:4px}
.carnum_keypad_layer .fold .location_sel{background-color:#fdb913}
.carnum_keypad_layer .location_sel > li     {width:20%;margin:0}
.carnum_keypad_layer .location_sel > li.last{position:absolute;right:0px;top:2px}
.carnum_keypad_layer .location_sel > li    a{padding-top:14px}
.carnum_keypad_layer .num_sel > li{width:33%}
.carnum_keypad_layer .num_sel > li:nth-child(3n){width:34%}


.carnum_keypad_layer .location_sel > li a,
.carnum_keypad_layer      .num_sel > li a{height:56px}

.carnum_keypad_layer .num_sel_wrap > a{display:block;text-align:center;box-sizing:border-box;padding:12px 4px;border-radius:4px}

.carnum_keypad_layer .num_sel_wrap .btn_clear,
.carnum_keypad_layer .num_sel_wrap .btn_delete{background-color:#726c69;color:#fff;border:2px solid #404a51;font-weight:700}
.carnum_keypad_layer .num_sel_wrap .btn_clear{padding-top:15px;font-size:18px;/* background:url(/mobiapp/images/car/common/bg_trash.png) 50% center  no-repeat */ background-color:#726c69 ;background-size:28px 17px }
.carnum_keypad_layer .num_sel_wrap .btn_delete{background:url(/mobiapp/images/car/common/bg_delico.png) 45% center  no-repeat #423F3D ;background-size:40px 25px }

.carnum_keypad_layer .firstchar_sel > li{width:14%}
.carnum_keypad_layer .firstchar_sel > li:first-child,
.carnum_keypad_layer .firstchar_sel > li:nth-child(8),
.carnum_keypad_layer .firstchar_sel > li:nth-child(7n){width:15%}
.carnum_keypad_layer .charcomplete_sel > li{width:20%}
.carnum_keypad_layer .location_sel_wrap{overflow:hidden;position:relative;margin:0 6px 4px;height:232px;}
.carnum_keypad_layer .location_sel_wrap_inner{}
.carnum_keypad_layer .fold{width:auto!important}



.carnum_keypad_layer ul > li a{color:#404A51}
.carnum_keypad_layer ul > li a,
.carnum_keypad_layer .btn_extend{display:block;padding:8px 4px 8px 4px;text-align:center;border:2px solid #404a51;background-color:#ddd;border-radius:4px;box-sizing:border-box;font-size:20px}
.carnum_keypad_layer .btn_extend{position:absolute;left:4px;top:172px;z-index:100;width:25%;height:56px;padding-top:15px;font-weight:bold}

.carnum_keypad_layer .on > li a{border-color:#fdb913!important;font-weight:700;color:#000;background-color:#fff}

.carnum_keypad_layer .fold .btn_extend.first{display:none}
.carnum_keypad_layer .fold .btn_extend.last{display:block;bottom:4px;left:initial;top:initial;right:4px;border-color:#fdb913;background-color:#726c69;color:#fff}

.carnum_keypad_layer .btn_extend.first{display:block;background:url(/mobiapp/images/car/common/btn_location.png) no-repeat 50% 50% #ddd; background-size:25%}
.carnum_keypad_layer .btn_extend.last{display:none;background:url(/mobiapp/images/car/common/btn_location_back.png) no-repeat 50% 50% #ddd; background-size:25%}

.carnum_keypad_layer .location_sel > li:nth-child(4n) a{}
.carnum_keypad_layer .charcomplete_sel{}
.carnum_keypad_layer .charcomplete_sel > li a {border-bottom:none}
.carnum_keypad_layer .charcomplete_sel > li:nth-child(5n){border-right:none}

.carnum_keypad_layer .util_area .btn_confirm{width:50%;font-weight:700;color:#000;background-color:#fdb913;}
.carnum_keypad_layer ul{-webkit-perspective:1200;-moz-perspective:1200;perspective:1200;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.carnum_keypad_layer ul.on{background-color:#fdb913}
.carnum_keypad_layer .num_sel,
.carnum_keypad_layer .firstchar_sel,
.carnum_keypad_layer .charcomplete_sel,
.carnum_keypad_layer .util_area{padding:4px 10px;position:relative;z-index:20}
.carnum_keypad_layer .num_sel_wrap{position:absolute;left:23%;right:5px;top:2px;padding:8px 4px }
.carnum_keypad_layer .num_sel{ border-radius:5px;padding:4px;z-index:10}


.carnum_keypad_layer .location_sel li a{font-size:22px}
.carnum_keypad_layer .fold  .location_sel li a{color:#000;font-weight:bold;border-color:#fdb913!important;background-color:#fff}
.carnum_keypad_layer .fold  .location_sel btn_extend last{border-color:#fdb913!important}

.carnum_keypad_layer      .num_sel li a{font-size:30px}


/* loading-animation */


@-webkit-keyframes fs {
  0% {
    -webkit-transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes fs {
  0% {
	transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}


@-webkit-keyframes op {
  0% {
    opacity:0;
  }
  
  50% {
    opacity:1;
  }
  

  100% {
      opacity:0;
  }
}
@keyframes op {
  0% {
    opacity:0;
  }
  
  50% {
    opacity:1;
  }
  

  100% {
      opacity:0;
  }
}

/* loading-animation */
.loading_box2{position:absolute;left:50%;top:50%;width:128px;height:109px;margin:-54px 0 0 -64px;
background:url(/mobiapp/images/car/common/loading.png) no-repeat;background-size:128px 109px}  /* 384 328 */
.loading_back2 {
  position:absolute;
  width: 58px;
  height: 54px;
  left:50%;
  top:50%;
  margin:-52px 0 0 -30px;
  z-index:100;
}

.loading_back2 p {
  position: absolute;  
  width: 22px;
  overflow: hidden;
 
}

.loading_back2 div {
  width:100%;	
  height: 100%;
  border-right: 4px solid #fcaf17;
  border-bottom: 4px solid transparent;
	border-radius: 100%;
  animation: spin 1.2s linear infinite;
  -webkit-animation: spin 1.2s linear infinite; 
  -moz-animation: spin 1.2s linear infinite;
  -o-animation: spin 1.2s linear infinite;
  
}


.counsel_box{position:relative;-webkit-transform:translate3d(0,0,0)}
.counsel_box.type02{margin-top:-20px;padding:0 20px 50px 20px}
.counsel_box.type02 > em{display:block;font-size:12px;padding-bottom:10px}

.counsel_box .call_box{padding:14px 19px;border-radius:8px 8px 0 0;border:1px solid #d9d8d4;}
.counsel_box .call_box.type02{border-radius:8px;}
.counsel_box .call_box.type02 em{font-size:12px} 

.ui-radio li{display:inline-block;margin-left:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ui-radio li:first-child{margin-left:0;}
.ui-radio a.ui-btn{display:inline-block;min-height:16px;padding:1px 0 0 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/mobiapp/images/car/common/ico_radio_off.png) left top no-repeat;background-size:16px 16px;font-size:12px;color:#736a5c;}
.ui-radio li.on a.ui-btn{background-image:url(/mobiapp/images/car/common/ico_radio_on.png);}

.ui-radio.type02{margin-bottom:-4px;}
.ui-radio.type02 li{width:49.3%;margin:0 0 4px 0;border:1px solid #d9d8d4;border-radius:4px;}
.ui-radio.type02 li.left{float:left;}
.ui-radio.type02 li.right{float:right;}
.ui-radio.type02 li.full{clear:both;width:100%;float:none;}
.ui-radio.type02 li *{vertical-align:middle;}
.ui-radio.type02 a.ui-btn{width:100%;min-height:40px;padding:13px 5px 0 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-position:12px center;}
.ui-radio.type02 li.inline_b a.ui-btn{width:auto;}
.ui-radio.type02 li.on{border:1px solid #f8b500;background-color:#f8b500;}
.ui-radio.type02 li.on a.ui-btn{background-image:url(/mobiapp/images/car/common/ico_radio_on02.png);color:#000000;font-weight:700;}

.ui-radio.type02.extend{margin-top:20px}
.ui-radio.type02.extend li{}
.ui-radio.type02.extend li.second{margin-left:1.4%}
.ui-radio.type02.extend .second a{;padding-top:18px}
.ui-radio.type02.extend a.ui-btn{height:50px}
.ui-radio.type02.extend a.ui-btn span{display:block;font-size:12px}


p.bu_exclamation{padding-left:16px;background:url(/mobiapp/images/car/common/ico_exclamation.png) left top no-repeat;background-size:12px 12px;color:#545045;font-size:11px;}
p.bu_exclamation.extend{margin-top:30px;margin-bottom:10px}
p.bu_exclamation.type01{margin-top:16px;padding-left:16px;background:url(/mobiapp/images/car/common/ico_exclamation.png) left top no-repeat;background-size:14px 14px;color:#000000;font-size:14px;font-weight:700}
p.bu_exclamation.type02{margin:20px 12px 8px}

.relative_wrap{position:relative}


.fileUpload_system{position:relative}
.fileUpload_system .title{height:40px;padding:13px 0 0 16px;color:#000000;background:#f5f4f0;border-bottom: none;}
.fileUpload_system input{position:absolute;left:3000px;top:0;width:1px;height:1px;visibility:hidden}
.fileUpload_system label{display:block;;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;border: 1px dashed #ccc9c6;box-sizing:border-box}


.fileUpload_system .left{position:relative}
.fileUpload_system .right{position: relative;padding-left:12px;}
.fileUpload_system .upload{position: absolute;top:0;left:12px;bottom:0; right:0;background: url(/mobiapp/images/car/step01/ico_camera.png) 50% 50% no-repeat;background-size: 30px 30px;overflow:hidden}
.fileUpload_system .photo_info_txt td{vertical-align:top;text-align:center; padding-top: 12px;font-size: 12px;}
.fileUpload_system .photo_info_txt span{display:block;color:#736a5c;}
.fileUpload_system .img_thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff}


.fileUpload_system .tip_txt{display:block;margin-top:10px;font-size:11px;text-align:center;}
.fileUpload_system .btn_plus{display:block;position:absolute;right:0px;bottom:0px;width:23px;height:23px;background:url(/mobiapp/images/car/common/btn_full.gif) no-repeat;background-size:100%}

.fileUpload_system .btn_photo_del{display: block;position: absolute;right: 0;top: 0;width: 23px;height: 23px;background: url(/mobiapp/images/car/common/btn_del.gif) no-repeat;background-size: 23px 23px;}
.fileUpload_system .ptrans_tit{height:40px!important;line-height:35px}

.insure_result_list.line{border-bottom:1px solid #d9d8d4;}
.insure_result_list.type02{padding:16px 12px;background-color:#ffffff;}
.insure_result_list dt{margin-top:12px;padding:10px 19px 11px;border:1px solid #736a5c;border-bottom:0;border-radius:4px 4px 0 0;background-color:#736a5c;color:#ffffff;font-weight:700;}
.insure_result_list.type02 dt{margin-top:12px;padding-top:14px;padding-bottom:15px;}
.insure_result_list dt:first-of-type{margin-top:0;}
.insure_result_list dd{border:1px solid #736a5c;border-top:0;border-radius:0 0 4px 4px;}
.insure_result_list .guarantee_list{margin-top:0;font-size:12px;-webkit-transform:translate3d(0,0,0)}

/** 청약내용,법률비용지원특약 추가 안내 **/
.tbl_box04.type02{border-radius:4px;border:1px solid #d9d8d4;}
.tbl_type04{width:100%;border-radius:0 0 4px 4px;border-collapse:separate;}
.tbl_box04.type02 .tbl_type04{border-radius:4px;}
.tbl_type04 th{background-color:#faf9f7;border-top:1px solid #d9d8d4;padding:11px 0 9px 12px;font-size:12px;color:#545045;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl_type04 td{border-top:1px solid #d9d8d4;padding:11px 12px 9px 12px;font-size:12px;color:#000000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl_type04 tr:first-child th,
.tbl_type04 tr:first-child td{border-top:0;}
.tbl_type04 tr:last-child th{border-radius:0 0 0 4px;}
.tbl_type04 tr:last-child td{border-radius:0 0 4px 0;}
.tbl_box04.type02 th, .tbl_box04.type02 td{padding-left:12px;}
.tbl_box04.type02 .tbl_type04 tr:first-child th{border-radius:4px 0 0 0;}
.tbl_box04.type02 .tbl_type04 tr:first-child td{border-radius:0 4px 0 0;}



/** 계약자/피보험자 정보 **/
.tbl_box05{position:relative;background-color:#fff;}
.tbl_type05{width:100%;}
.tbl_type05 th{border-bottom:1px solid #d9d8d4;padding:8px 0 8px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl_type05 th.va_t{padding-top:18px}
.tbl_type05 th.va_t.type01{padding-top:12px}
.tbl_type05 td{border-bottom:1px solid #d9d8d4;padding:8px 12px 8px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl_type05 tr.type02 th, .tbl_type05 tr.type02 td{height:41px;}
.tbl_type05 th label{display:inline-block;}
.tbl_type05 th *{vertical-align:middle;}
.tbl_type05 th label + a.btn_tip_small{margin-left:7px;}
.tbl_type05 td .input_style01{width:100%;}
.tbl_type05 td ul.ui-radio + p, .tbl_type05 td ul.ui-radio + .tel_wrap{margin-top:10px;}
.tbl_type05 .address_form p{margin-top:8px;}
.tbl_type05 .address_form .zipcode_wrap{position:relative;margin-top:0;padding-right:108px;}
.tbl_type05 .zipcode_wrap .btn_box{position:absolute;right:0;top:0;padding:0;width:100px;}
.tbl_type05 .zipcode_wrap .input_style01{text-align:center;}
.tbl_type05 td p.txt{font-size:12px;}
.tbl_type05 td em{color:#000000;}
.tbl_box05 .required{color:#fdb913;font-size:18px;font-weight:700}
.tbl_box05 .required.tit{position:absolute;right:12px;top:-28px}
.tbl_box05 .required em{color:#545045;font-size:12px;vertical-align:text-top;}

.pay_cont{margin-top:12px;}
.pay_cont .pay_info{background-color:#ffffff;}
.pay_cont .pay_info.mt12{border-top:1px solid #d9d8d4;}
.pay_cont .pay_info .btn_guide_wrap{padding-bottom:2px;}
.pay_cont .h3_wrap h3{padding:16px 12px 0;font-size:16px;color:#000000;font-weight:700;}
.pay_cont  .point_msg{margin-top:8px;margin-left:-8px;padding-left:8px;background:url(/mobiapp/images/car/common/bu_star01.png) left 5px no-repeat;background-size:5px 4px;font-size:11px !important;line-height:15px;}

.pay_cont .tbl_box05{margin-top:2px;}
.pay_cont_wrap{border-top:1px solid #d9d8d4;}

.bottom_notice_list{font-size:11px;margin:14px 20px 4px 27px}
.bottom_notice_list li{text-indent:-10px}
.fw700{font-weight:700}
.c_type_orange{color:#f3810f !important;}
.c_type_orange2{color:#ee4f00 !important;}
select.sel_type01{-webkit-appearance:none;}
.btn_box .gray{background:#d9d8d4;color:#000000;box-sizing:border-box}


.h2_wrap.all_agree .btn_box{position:absolute; right:0; top:12px}
/*공통 - 본인인증(신용카드)*/
.input_style01.card{width:100%;text-align:center;}

@media(min-width:376px){
	.pay_signature.type02{font-size:14px}

}
.sel_type01{padding-right:26px;background:url(/mobiapp/images/car/common/ico_down_arrow01.png) right center no-repeat;background-size:24px 9px;}
.pay_signature.type02 em{color:#000000;}

.account_num{position:relative;padding-right:92px;}
.account_num .btn_box{position:absolute;right:0;top:0;width:80px;padding-left:0;padding-right:0;}


.input_style01{border:1px solid #d9d8d4;height:36px;padding:0 8px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input_style01:focus{outline:none;border:1px solid #fdb913!important;box-shadow: 0 0 2px #fdb913, 0 0 2px #fdb913}


.contract_own_notice{margin-top:6px;font-size:12px}
.contract_own_notice span{font-weight:700;color:#1C5FAD}
.contract_own_notice br{display:none}


.total_insure02{/* margin:0 12px;border-radius:4px; */background-color:#645b4c;}
.total_insure02 dt{float:left;width:70%;padding:14px 0 12px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px 0 0 4px;color:#ffffff;font-size:14px;font-weight:700;text-align:left;}
.total_insure02 dd{float:right;width:30%;padding:14px 10px 12px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 4px 4px 0;text-align:right;}
.total_insure02 dd strong{color:#fdb913;font-size:14px;font-weight:700;}

.account_wrap{margin:12px 0;padding:0 12px;font-size:13px}
.account_wrap .ui-radio{margin-top:10px;text-align:right}

.h2_wrap{padding:14px 12px 10px 12px;border-bottom:1px solid #d9d8d4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f5f3f0;}
.h2_wrap h2{padding-left:22px;background:url(/mobiapp/images/car/common/bu_arrow01.png) left 0px no-repeat;background-size:14px 14px;}

/** 본인인증방식,자동차종류 선택 **/
.cert_wrap{padding:18px 12px 16px;background-color:#ffffff;}
.cert_wrap h3.h3_cert{margin-bottom:10px;}
.cert_wrap li{float:left;width:31%;padding:0 0 0 3.5%;}
.cert_wrap .type02 li{width:48%;padding:0 0 0 4%;}
.cert_wrap .type03 li{width:23.1%;padding:0 0 0 2.33%;}
.cert_wrap li:first-child{padding-left:0;}
.cert_wrap li *{vertical-align:top;}
.cert_wrap li a{display:block;width:100%;height:auto;}
.cert_wrap .notice_payment_point > span{display:block;border:1px solid #333;box-sizing:border-box;border-radius:4px} 
.cert_wrap em{display:block;padding-top:10px;font-size:12px}
.cert_cont{border-top:1px solid #d9d8d4;}
.cert_cont02{padding:4px 0 20px;background-color:#ffffff;border-bottom:1px solid #d9d8d4;}
.cert_cont02 p{text-align:center;}
.cert_cont02 .btn_box{margin-top:10px;}
.callto_wrap{padding:30px 12px 16px;background-color:#ffffff;}

.pay_signature{padding:14px 12px 16px;background-color:#ffffff;border-top:1px solid #d9d8d4;border-bottom:1px solid #d9d8d4;}
.pay_signature .h3_wrap h3{padding:10px 0 8px;}
.pay_signature span a{font-size:12px;color:#736a5c;line-height:1.5;}
.pay_signature span a em{color:#000000;}
.pay_signature .btn_box{padding-left:0;padding-right:0;}
.pay_signature.type02{font-size:12px;/* line-height:1.5; */color:#736a5c;}
.pay_signature.type02.extend{border-top:none}
.pay_signature.type02 .pay_signature_box{display:block;text-align:right}
.pay_signature.type02 .pay_signature_box span{font-size:14px;font-weight:700}
.pay_signature.type02 .ui-checkbox02 span.ui-btn{background-position:left center}

.ocr_result_wrap{padding:10px 20px 5px;text-align:right}
.ocr_result{font-size:11px;padding:8px 10px;display:inline-block;background: #645b4c;color:#fff;border-radius:4px}
.ocr_result em{padding-left:10px;color:#f8b500;font-weight:700;font-size:13px}

.cont_box .tip_box{margin:0 -20px;font-size:11px;}
.tip_box{padding:14px 20px;background:#f5f4f0;}
.tip_box02{padding:16px 40px 14px;background:#f5f4f0;}
.tip_box02 h2{font-size:12px;}
.tip_box02 h2 + p{font-size:11px;}
.tip_box02 .single{font-size:11px;}


.accont_layer_wrap{position:relative;border-radius:8px;margin:0 10px;border: 1px solid #645b4c;box-sizing:border-box}

.accont_layer_wrap .total_insure02{background:none}
.accont_layer_wrap .total_insure02 dt, .accont_layer_wrap .total_insure02 dd{border-radius:0}
.accont_layer_wrap .total_insure02 dt{background:#645b4c;display:block;width:100%;float:none;padding:14px 0 12px 10px;border-radius:8px 8px 0 0;color:#ffffff;font-size:16px;font-weight:700;text-align:left;}
.accont_layer_wrap .total_insure02 dd{width:100%;float:none;padding:10px 10px 8px 0;text-align:right;color:#333;background-color:#f5f4f0;border-bottom:1px solid #d9d8d4}
.accont_layer_wrap .total_insure02 dd strong{color:#f3810f ;font-size:14px;font-weight:700;}
.accont_layer_wrap .total_insure02 dd p{padding:5px 10px 2px;text-align: left;color:#62615f;font-size:11px}
.accont_layer_wrap .bu_exclamation{margin-top:5px!important}
.accont_layer_wrap .btn_close{position:absolute;right:0;top:0;display:block;width: 40px;height: 40px;background: url(/mobiapp/images/car/common/btn_close_menu.png) 50% 50% no-repeat;background-size:16px}

.ui-cell-inp{position: relative; display: block;padding-left:88px;z-index:2;}
.ui-cell-inp:after{content:'';position:absolute;left: 0px;top: 0px;right: 0px;bottom:0px; z-index: 0;height: 36px;background-color:#fff;border: 1px solid #d9d8d4;border-radius:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.ui-cell-inp.ui-focused:after{ border:1px solid #fdb913!important;box-shadow: 0 0 2px #fdb913, 0 0 2px #fdb913 }

.ui-cell-inp .ui-cell-firstfield{position:absolute;left:0;top:0;display:inline-block;width:88px;box-sizing:border-box}
.ui-cell-inp .ui-cell-firstfield:after {content:'';position:absolute;right:0px;top:10px;bottom:10px; z-index: 1;width:1px;;background-color:#d9d8d4}
.ui-cell-inp .ui-cell-open, 
.ui-cell-inp .ui-cell-second { box-sizing:border-box }

.ui-cell-inp .ui-cell-first,
.ui-cell-inp .ui-cell-second { position:relative;z-index:1;-webkit-appearance: none;appearance: none;border:none; background:transparent}
.ui-cell-inp .ui-cell-select{ position: absolute;left: -6px; top: -2px;z-index: 2;width: 100px;/* border: 1px solid #fdb913;box-sizing: border-box;border-radius: 5px; */overflow: hidden;	
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);	
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
	opacity:0;
	height:0;

}

.ui-cell-inp .ui-cell-firstfield.on .ui-cell-select{height:auto;opacity:1}
.ui-cell-inp .ui-cell-select .ui-cell-btn {display:block;width:100%; height:40px;line-height:40px;font-size:15px;text-align:center;background:#fff}
.ui-cell-inp .ui-cell-select .ui-cell-btn.on {display:block;font-weight:700;background-color:#fdb913} 
.ui-cell-inp .ui-cell-first{width:100%;border:none;height: 36px; text-align: center;  padding:0 26px 0 24px;box-sizing:border-box;-webkit-appearance: none;appearance: none; }
.ui-cell-inp .ui-cell-open{ display:block;position:absolute; left:0; top:0;z-index: 1;width:88px;height: 36px;}
.ui-cell-inp .ui-cell-open:after{ position: absolute;display: block;right:10px;top:50%;margin-top:-5px;width:20px;height:10px;content:''; background: url(/mobiapp/images/car/common/ico_down_arrow08.png) no-repeat right top; background-size:20px 30px}
.ui-cell-inp .ui-cell-second{position:relative;width:100%;height:36px; padding: 0 8px 0 16px; outline:none}




@keyframes spin {
 0% {
    transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-webkit-keyframes spin {
 0% {
    -webkit-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    -webkit-transform: rotate(359deg);
    border-right-color: #fff;
  }
}


@keyframes spin {
 0% {
    transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-webkit-keyframes spin {
 0% {
    -webkit-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    -webkit-transform: rotate(359deg);
    border-right-color: #fff;
  }
}



@-moz-keyframes spin {
 0% {
    -moz-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -moz-transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    -moz-transform: rotate(359deg);
    border-right-color: #fff;
  }
}
@-o-keyframes spin {
 0% {
    -o-transform: rotate(0deg);
    border-right-color: #fff;
  }
  50% {
    -o-transform: rotate(180deg);
    border-right-color: #fff;
  } 
  100% {
    -o-transform: rotate(359deg);
    border-right-color: #fff;
  }
}

/* 배서 사진등록 화면 개편 */
#wrap.new-style.photo-regi #container{padding:0}
.new-style.photo-regi #header .header_content{background:#fff}
.bm_type02 #header .header_content{border-bottom:1px solid #d9d8d4;background:#fff}
.bm_type02 .btn_box .one_btn{color:#000;font-weight:400;background:#ffbc00}