@charset "utf-8";

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Normal'), local('NotoSans-Normal'),
    url(/mobiapp/css/fonts/notor.eot),
    url(/mobiapp/css/fonts/notor.eot?#iefix) format('embedded-opentype'),
    url(/mobiapp/css/fonts/notor.woff) format('woff'),
    url(/mobiapp/css/fonts/notor.otf) format('opentype');
}


@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/mobiapp/css/fonts/notob.eot),
    url(/mobiapp/css/fonts/notob.eot?#iefix) format('embedded-opentype'),
    url(/mobiapp/css/fonts/notob.woff) format('woff'),
    url(/mobiapp/css/fonts/notob.otf) format('opentype');
}

/** 차량번호,차대번호 입력 **/
body{ font-family:'Noto Sans Korean',Dotum,"돋움",Gulim,"굴림",Helvetica Neue,Helvetica,Arial,Verdana,Tahoma,sans-serif;}
.overflow_hidden{overflow:hidden}
.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)}





.agree_field{margin:0 20px;text-align:right}
.agree_field a{display:inline-block;font-size:16px}
.ui-checkbox{display:inline-block;min-height:20px;padding:2px 24px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/mobiapp/images/car/common/ico_check_off.png) right 4px no-repeat;background-size:16px 16px;font-size:12px;color:#736a5c;}
.ui-checkbox.type01{margin:0 20px;    background: url(/mobiapp/images/car/common/ico_check_off.png) right 4px no-repeat;padding: 2px 24px 0 0px;background-size: 16px 16px;}
.c_type_red{color:#ff4949}


.ui-checkbox.on{background-image:url(/mobiapp/images/car/common/ico_check_on.png);}
header{height: 46px;box-sizing: border-box;padding-top: 10px;background-color:#fff;text-align: center}
header h1 img{height:28px}
.visual_wrap{position: relative;background-size:100%}
.visual_wrap:after{content:'';position: absolute;z-index:1;left:0;right:0;bottom:0;height:40px;background-color:#fff;z-index:1}
.visual_wrap .ttl{position: absolute;left:0;right:0;top:20%;color:#fff;text-align:center;font-size: 24px;line-height: 32px;}
.visual_wrap .ttl em{font-weight:700;color:#fdb913}
.visual_wrap .txt{position: absolute;left:20px;right: 20px;color: #fff;text-align: left;font-size: 14px;font-weight: normal;line-height: 1.4;top: 55%;
    border:1px solid #AAAAAA;border-radius: 4px;overflow:hidden;padding:10px
}
.visual_wrap .txt span{font-size:12px;color:#ccc}
.visual_wrap .txt em{font-weight:700}
.visual_wrap .txt:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#d3d3d3;opacity:.3;}
.visual_wrap .ico_tmap{
        position:absolute;
        left:50%;
        margin-left:-25px;
        bottom: 10px;
        overflow:hidden;
        border-radius:40px;
        width: 60px;
        height: 60px;
        background:url(/mobiapp/images/car/ct/bg_box_ttl_tmap.png) center -10px no-repeat #fff;
        background-size: 80px;
        border:1px solid #d2d2d2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
		-webkit-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
        z-index:2;
}

@media (max-width:320px){
	.visual_wrap .ico_tmap{
		width:50px;
		height:50px;
		margin-left:-40px;
		 background:url(/mobiapp/images/car/ct/bg_box_ttl_tmap.png) center -5px no-repeat #fff;
		background-size: 60px;
		
	}
	.visual_wrap:after{height:35px}
}

.btn_box{padding:13px 10px; margin-top:20px; margin-bottom:20px;border-top: 1px solid #ccc;}
.btn_box{padding:13px 10px; margin-top:20px; margin-bottom:20px;border-top: 1px solid #ccc;}
.btn_box .btn_slim{
    display: block;
    height: 48px;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fdb913;
    text-align: center;
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    -webkit-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
}

.h2_nt_ttl { position: relative; margin:20px 15px 10px; font-weight: 700; color:#333; padding-left: 18px; letter-spacing: -.5px;font-size:16px;line-height:20px;}
.h2_nt_ttl:before {content: ""; position: absolute; left:0; top:2px; width: 12px; height: 20px; background: url('/mobiapp/images/prdte/ico_bl_h2.png') no-repeat left top; background-size: 12px;}
.h2_nt_ttl.first {margin-top:10px;}
.h3_nt_ttl {margin-bottom:10px; font-size:12px; color: #736a5c}
.h2_no_ttl {margin-bottom:15px;font-size:15px;color:#333;letter-spacing: -.5px;font-weight:700;}
.h2_no_ttl > em {color:#f3810f;font-weight:700;}

.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;}

.deco_line{width:100%;height:1px}
.call_layer{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10}
.call_layer .dimm{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:.3}
.call_layer .dimm_cont{top:50%;left:50%;margin-left:-150px;position:absolute;background-color:#fff;width:280px;;border-radius:8px;padding:10px;text-align:left;
-webkit-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 2px 8px 2px rgba(0,0,0,0.2);
}
/* .call_layer .dimm_cont{top:50%;margin-top:-30px;left:50%;margin-left:-70px;position:absolute;background-color:#fff;width:140px;border:2px solid #fdb813;border-radius:8px;padding:10px;text-align:center} */
/* .call_layer .dimm_cont a{display:block} */



.layer_close{ position: absolute;right: 10px;top: 10px;display: block;width: 20px;height: 20px;
    	      background: url(/mobiapp/images/car/common/btn_close.png) no-repeat 0 0;
    		  background-size: 20px; 
    		 }

.msg_txt{margin-bottom:25px;}
.msg_txt em{font-weight:700;color:#000}

.btn_direct_call {margin-top:10px;overflow:hidden; border-radius: 8px;position: relative; display: block; background: #ffcc66; color:#000; padding: 12px 10px; font-size: 13px !important; line-height: 22px;text-align:center}
.btn_direct_call 
.btn_direct_call strong {font-size:14px; font-weight: 700; padding-left:5px;color:#fff;} 
.btn_direct_call ul {margin-top:8px;}
.btn_direct_call li {font-size:12px; padding-left:5px;}

.btn_direct_call em {
      display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/mobiapp/images/prdte/ico_call_center.png) no-repeat;
    background-size: 100%;
    vertical-align: -6px;
    margin-right: 4px;
}


.carnum_wrap{padding:10px 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.ui_carnum_input{font-size:30px!important;color:#302968}
.carnum_wrap .form_carnum span input.ui_carnum_input::-webkit-input-placeholder{padding-top:6px;font-size:18px!important}
.carnum_wrap.extend{padding:20px 0px 10px;border-bottom:none}

.carnum_wrap .carnum_ex{;text-align:center;margin-top:5px;font-size:13px;}

.carnum_popup h2{font-size:14px;font-weight:700}
.carnum_popup p{font-size:12px}

.carnum_keypad_layer{display:none;position:fixed;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:#302968;margin-right:5%;vertical-align:top}
.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 > 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}