@charset "utf-8";


html {height:100%;font-size:100%;}
body {margin:0; height:100%; font-family:돋움, Dotum, Arial, sans-serif; font-size:14px; color:#464646; line-height: 1.25em;  -webkit-text-size-adjust: none;/*아이폰 글자크기 자동조정 방지 overflow:scroll; overflow-x:hidden;*/}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption,img {margin:0 auto;padding:0;}
p{line-height:130%;}
img, fieldset {border: none;}
table {border-collapse:collapse;border:0 none;}
table td {line-height:130%;}
table caption, legend, hr {display:none;border:0 none;}
.u_skip {display:none;}
a:link {color:#666; text-decoration: none;}
a:visited {color:#666; text-decoration: none;}
a:hover {color:#666; text-decoration: none;}
a:active {color:#666; text-decoration: none;}
ul, ol, li {list-style: none;}


input{height: 24px; margin-bottom: 5px;}
select{height: 24px; margin-bottom: 5px;}

input[type=text]:focus{border: 2px solid #4C95D3;}
input[type=password]:focus{border: 2px solid #4C95D3;}
input[type=radio]{vertical-align: middle;}

#wrapp{width:100%; height: 100%;}
#header{/* width:100%; */ height:55px; background: url('../../images/mobile/m_header_bg_img.gif') repeat-x; position: relative; text-align: center;line-height: 55px;}
#content{width:100%;}
#footer{width:100%; height:142px;background-image: url('../../images/mobile/footer_img.png'); background-size: 100%,100%; }

#header a {display: block; height: 68px; position: absolute;}
#header .left  {width: 83px; left: 5px; top: 5px;  background:url('../../images/mobile/pre_btn.png') no-repeat;  background-size:80%; text-indent: -99999px;  }
#header .right {width: 71px; right: 0; top: 5px; background:url('../../images/mobile/home_btn.png') no-repeat;background-size:100%; text-indent: -99999px;}

#content .search_box{width: 94%; margin: 0 auto;height: 78px; background-image: url('../../images/mobile/bikerprHis_img_search_bg.gif'); background-size: 100%; position: relative;top: 13px; padding: 5px 0 5px 0;}

.search_box2 { width:100%;}
.search_box2 input {width:70%;}
.His_div{position: relative; width: 100%; top: 71px;height: 180px; float: right;}
.table_rirHis {width: 93%; border: 1px solid;}
.table_rirHis th{border: 1px solid; height: 20px; background-color: #E6E9F2;}
.table_rirHis td{border: 1px solid; height: 20px;}

.title_text{ font-size:16px; color:#1163AC;}
.div_box{width: 100%; border: 1px solid;margin-top: 10px; }
.div_box2{width: 100%; background-color: #F1F1F1; }


.lf{float: left;}
.rf{float: right;}

.el_center{margin: 0 auto; font-weight: bold;}
.btn_area{padding:8px 0 8px 0; width: 100%;text-align: center;}

.position_tm-4{position: relative;top:-4px;}

.wd5{width: 5%;}
.wd10{width: 10%;}
.wd11{width: 11%;}
.wd12{width: 12%;}
.wd13{width: 13%;}
.wd20{width: 20%;}
.wd25{width: 25%;}
.wd26{width: 26%;}
.wd27{width: 27%;}
.wd30{width: 30%;}
.wd35{width: 35%;}
.wd39{width: 39%;}
.wd40{width: 40%;}
.wd45{width: 45%;}
.wd50{width: 50%;}
.wd53{width: 53%;}
.wd56{width: 56%;}
.wd60{width: 60%;}
.wd70{width: 70%;}
.wd80{width: 80%;}
.wd90{width: 90%;}
.wd100{width: 100%;}
.hgt10{height: 10%;}
.hgt20{height: 20%;}

.ml17{margin-left: 17px;}
.mt10{margin-top: 10px;}

.bold{font-weight: bold;}
.fontcolor_12_black{ font-size:12px; color:#464646;}
.fontcolor_13_black{ font-size:13px; color:#464646;}
.fontcolor_16_black{ font-size:16px; color:#464646;}
.fontcolor_14_blue{ font-size:14px; color:#1163AC;}
.fontcolor_16_blue{ font-size:16px; color:#1163AC;}
.fontcolor_13_orange{ font-size:14px; color:#FF4D00;}
.fontcolor_14_orange{ font-size:14px; color:#FF4D00;}
.fontcolor_16_orange{ font-size:16px; color:#FF4D00;}

#login{width:100%; height:100%; background-image: url('../../images/mobile/login_bg_img.png'); background-size: 100%,100%;   }
.login_div{position: relative; left:40px; top:50px;"}
.login_span{position: relative; left:40px; top:45px; color: #FFFFFF;}
.login_logo{position: relative;top: 30px;left:30px; }

.repairshet_div{position: relative; width: 100%; top: 30px;height: 120px;}
.table_repairshet{width: 93%; border: 1px solid;}
.table_repairshet th{border: 1px solid; height: 20px; background-color: #E6E9F2; text-align: right; }
.table_repairshet td{border: 1px solid; width:100%; height: 20px;text-align: left; }
.table_repairshet input{width:75%; border: 1px solid #A8A8A8; height: 20px;}
.table_repairshet select{width: 80.3%; border: 1px solid #A8A8A8; height: 24px;}

.insCalculate_div{position: relative; width: 93%; top: 30px;}
.insCalculate{width: 100%; border: 1px solid;}
.insCalculate th{border: 1px solid; height: 20px; background-color: #E6E9F2; text-align: right; padding-right: 8px;}
.insCalculate td{border: 1px solid; width:100%; height: 20px;text-align: left; padding: 4px 7px 0 7px;}
.insCalculate input{width:89%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate input[type=checkbox]{width: 15px; height:15px; border: 1px solid #A8A8A8;vertical-align: middle; }
.insCalculate select{width: 95%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate td.jumin input{width:42%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate td.tel input{width:23%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate td.tel select{width:28%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate td.cal select{width:66.4%; border: 1px solid #A8A8A8; height: 24px; margin-left: 7px;}

.insCalculate2 {width: 100%; border: 1px solid;}
.insCalculate2 th{border: 1px solid; height: 20px; background-color: #E6E9F2; text-align: right; padding-right: 8px;}
.insCalculate2 td{border: 1px solid; width:100%; height: 20px;text-align: left; padding: 4px 7px 4px 7px;}
.insCalculate2 input{width:89%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate2 input[type=checkbox]{width: 15px; height:15px; border: 1px solid #A8A8A8;vertical-align: middle; }
.insCalculate2 select{width: 95%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate2 td.jumin input{width:42%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate2 td.tel input{width:23%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate2 td.tel select{width:28%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate2 td.cal select{width:66.4%; border: 1px solid #A8A8A8; height: 24px; margin-left: 7px;}

.insCalculate3 {width: 100%; border: 1px solid;}
.insCalculate3 th{border: 1px solid; height: 20px; font-size:13px; text-align:center; background-color: #E6E9F2;}
.insCalculate3 td{border: 1px solid; height: 20px;text-align: right; padding: 4px 7px 4px 7px;}
.insCalculate3 input{width:89%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate3 input[type=checkbox]{width: 15px; height:15px; border: 1px solid #A8A8A8;vertical-align: middle; }
.insCalculate3 select{width: 95%; border: 1px solid #A8A8A8; height: 24px;}

.insCalculate4 {width: 100%; border: 1px solid;}
.insCalculate4 th{border: 1px solid; height: 20px; background-color: #E6E9F2; text-align: right;/*  padding-right: 8px; */}
.insCalculate4 td{border: 1px solid; width:100%; height: 20px;text-align: left; padding: 4px 7px 4px 7px;}
.insCalculate4 input{width:93%;border: 1px solid #A8A8A8; height: 20px;}
.insCalculate4 input[type=checkbox]{width: 15px; height:15px; border: 1px solid #A8A8A8;vertical-align: middle; }
.insCalculate4 select{width: 95%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate4 td.jumin input{width:42%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate4 td.tel input{width:23%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate4 td.tel select{width:28%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate4 td.cal select{width:66.4%; border: 1px solid #A8A8A8; height: 24px; margin-left: 7px;}
.insCalculate4 td.addr input{width:23%; border: 1px solid #A8A8A8; height: 20px;}
.insCalculate4 td.addr select{width:28%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate4 td.addr input.addr_pre{width:93%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate4 td.addr input.addr_dtl{width:93%; border: 1px solid #A8A8A8; height: 24px;}
.insCalculate4 td.email input{width:40%; border: 1px solid #A8A8A8; height: 24px;}

.addr_find_table {width: 100%; border: 1px solid;}
.addr_find_table th{border: 1px solid; height: 20px; background-color: #E6E9F2; text-align: center; padding-right: 8px;}
.addr_find_table td{border: 1px solid; height: 20px;text-align: center; padding: 4px 7px 4px 7px;}

.banner{width: 100%;}
.banner ul{width:100%}
.banner ul li{float: left; width:32%;}
.banner ul li{float: left; width:32%;}

.ui-datepicker-calendar tr td.date-holiday a.ui-state-default{color: red; font-weight: bold;}
.ui-datepicker-calendar tr td.date-saturday a.ui-state-default{color: blue; font-weight: bold;}
.ui-datepicker-calendar tr td.date-sunday a.ui-state-default{color: red; font-weight: bold;}

/* pageing */
.paginationS {position:relative; width:100%; height:22px;  padding:8px 0 0 0; margin-bottom: 20px;} 
.paginationS .pageing {text-align:center; font-size:12px; font-weight:bold;}
.paginationS .pageing img {display:inline-block; margin-top:7px;}
.paginationS .pageing .numbering {display:inline-block; padding:0 11px 0 11px;}
.paginationS .pageing .numbering strong {display:inline-block; height:11px; color:#fff; border:1px solid #000; padding:9px 6px 0 5px; background:#000;} 
.paginationS .pageing .numbering a {display:inline-block; height:11px; color:#555; border:1px solid #e5e5e5; padding:9px 6px 0 5px;}
.paginationS .pageing .numbering a:hover,
.paginationS .pageing .numbering a:active,
.paginationS .pageing .numbering a:focus {text-decoration:none;}
.paginationS  p.btn_right {position:absolute; top:17px; right:0;}