@import url(/static/css/common/SpoqaHanSans-kr.css);
* { letter-spacing: 0px; }
h1, h2, button, input, textarea, select, div, span { font-family: 'Spoqa Han Sans', 'sans-serif' !important; }
button { cursor: pointer; }

.dpb { display: block !important; }
.dpib { display: inline-block !important; }
.dpi { display: inline !important; }

.fs0 { font-size: 0px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }

small.desc { font-size: 0.75em !important; }

.fc-black { color: #292929 !important; }
.fc-grey { color: #909090 !important; }
.fc-blue { color: #0071CD !important; }
.fc-red { color: #EB0029 !important; }
.fc-brown { color: #C66300 !important; }
.fc-green { color: #1B9B00 !important; }
.fc-white { color: #FFFFFF !important; }

.fwb { font-weight: 900 !important; }

.tal { text-align: left !important; }
.text-left { text-align: left !important; }
.tac { text-align: center !important; }
.text-center { text-align: center !important; }
.tar { text-align: right !important; }
.text-right { text-align: right !important; }

.bc-not { background-color: transparent !important; }
.bc-black { background-color: #292929 !important; }
.bc-grey { background-color: #909090 !important; }
.bc-blue { background-color: #0071CD !important; }
.bc-red { background-color: #EB0029 !important; }
.bc-brown { background-color: #C66300 !important; }
.bc-green { background-color: #1B9B00 !important; }
.bc-white { background-color: #FFFFFF !important; }

.bdc-not { border-color: transparent !important; }
.bdc-black { border-color: #292929 !important; }
.bdc-grey { border-color: #909090 !important; }
.bdc-blue { border-color: #0071CD !important; }
.bdc-red { border-color: #EB0029 !important; }
.bdc-brown { border-color: #C66300 !important; }
.bdc-green { border-color: #1B9B00 !important; }
.bdc-white { border-color: #FFFFFF !important; }

.lh16 { line-height: 16px !important; }
.lh18 { line-height: 18px !important; }
.lh22 { line-height: 22px !important; }
.lh24 { line-height: 24px !important; }
.lh26 { line-height: 26px !important; }
.lh30 { line-height: 30px !important; }
.lh36 { line-height: 36px !important; }

.lh1x { line-height: 1em !important; }
.lh12x { line-height: 1.2em !important; }
.lh15x { line-height: 1.5em !important; }
.lh2x { line-height: 2em !important; }

.w100 { width: 100% !important; }
.w90 { width: 90% !important; }
.w80 { width: 80% !important; }
.w75 { width: 75% !important; }
.w70 { width: 70% !important; }
.w65 { width: 65% !important; }
.w60 { width: 60% !important; }
.w55 { width: 55% !important; }
.w50 { width: 50% !important; }
.w45 { width: 45% !important; }
.w40 { width: 40% !important; }
.w35 { width: 35% !important; }
.w33 { width: 33.333% !important; }
.w30 { width: 30% !important; }
.w25 { width: 25% !important; }
.w20 { width: 20% !important; }
.w15 { width: 15% !important; }
.w10 { width: 10% !important; }

.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd20 { padding: 20px !important; }
.pd30 { padding: 30px !important; }
.pd40 { padding: 40px !important; }
.pd50 { padding: 50px !important; }
.pd60 { padding: 60px !important; }
.pd70 { padding: 70px !important; }
.pd80 { padding: 80px !important; }

.pt20 { padding-top: 20px !important; }
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }

.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }
.pl10 { padding-left: 10px !important; }

.pr5 { padding-right: 5px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }
.pr10 { padding-right: 10px !important; }

.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }

.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph30 { padding-left: 30px !important; padding-right: 30px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.m10 { margin: 10px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }

.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }

.ml10p { margin-left: 10% !important; }
.ml20p { margin-left: 20% !important; }

.mr10p { margin-right: 10% !important; }
.mr20p { margin-right: 20% !important; }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.b-none { border: 0 none !important; }
.bt-none { border-top: 0 none !important; }
.br-none { border-right: 0 none !important; }
.bb-none { border-bottom: 0 none !important; }
.bl-none { border-left: 0 none !important; }

.b-t { border-top: 1px solid #E6E4DD !important; }
.b-r { border-right: 1px solid #E6E4DD !important; }
.b-b { border-bottom: 1px solid #E6E4DD !important; }
.b-l { border-left: 1px solid #E6E4DD !important; }

.float-right { float: right !important; }
.float-left { float: left !important; }

.hidden { display: none !important; }

.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle !important; }
.va-b { vertical-align: bottom !important; }

.d-ib { display: inline-block !important; }
.d-b { display: block !important; }
.d-n { display: none !important; }

.ls-m1 { letter-spacing: -1px !important; }
.ls-0 { letter-spacing: 0px !important; }

.form-group input,
.form-group textarea {
	width: 100%;
	border: 1px solid #E6E4DD;
	padding: 5px;
	font-size: 14px;
}

input[type=text].modify_field {
	width: 100% !important;
	height: 30px !important;
	border: 1px solid #C9C8C4 !important;
	padding: 3px !important;
	outline: none !important;
	margin-bottom: 3px !important;
}

.modify_field .form_input .input_select {
	height: 30px !important;
	background-position: right 5px center !important;
}

.modify_field .form_input .input_select select {
	padding-left: 5px !important;	
}

/* BUTTON */
.btn {
	width: 220px;
	height: 56px;
	border: 0 none;
	font-size: 16px;
	cursor: pointer;
}

.btn.btn-block {
	width: 100%;
}

.btn.btn-default {
	border-radius: 28px;
	background-color: #292929;
	color: #fff;
}

.btn.btn-white {
	border-radius: 28px;
	border: 1px solid #292929;
	background-color: #fff;
	color: #292929;
}

.btn.btn-default2 {
	width: 190px;
	border-radius: 28px;
	background-color: #292929;
	color: #fff;
	text-align: left;
	padding-left: 30px;
	background-position: right 25px center;
	background-image: url(/static/img/front_v3/icon-btnarrow-w.png);
	background-repeat: no-repeat;
}

.btn.btn-cancel {
	background-color: #E6E4DD;
	color: #eb0029;
}

.btn.btn-search {
	width: 230px;
	height: 50px;
	border: 1px solid #c9c8c4;
	background-color: #fff;
	color: #292929;
}

.btn.btn-small {
	width: auto;
	padding: 0 7px;
	height: 30px;
	border: 1px solid #c9c8c4;
	border-radius: 15px;
	background-color: #fff;
	color: #292929;
	font-size: 12px;
}


/* INPUT FORM */
.input_wrapper {
	width: 100%;
	background-color: #F8F7F4;
	margin-top: 22px;
}

.input_wrapper:first-child {
	margin-top: 0;
}

.input_wrapper.text {
	border-bottom: 1px solid #E6E4DD;
	padding-bottom: 11px;
}

.input_wrapper.text input {
	width: 100%;
	height: 36px;
	font-size: 24px;
	color: #999;
	border: 0 none;
	outline: none;
	background-color: #F8F7F4;
}

.input_wrapper.text input::placeholder {
	color: #c9c8c4;
}

/* 2022-02-19 추가 */
.input_wrapper.text select {
	width: 100%;
	height: 36px;
	font-size: 14px;
	color: #999;
	border: 0 none;
	outline: none;
	background-color: #F8F7F4;
}

.input_wrapper.checkbox {
	margin-top: 30px;
}

.input_wrapper.checkbox input[type="checkbox"] {
	display: none;
}

.input_wrapper.checkbox input[type="checkbox"] + label {
	display: inline;
	width: 100%;
	height: 25px;
	background-image: url(/static/img/front_v3/btn-check-sel_2.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	font-size: 16px;
	line-height: 25px;
	padding-left: 37px;
	color: #292929;
}

.input_wrapper.checkbox input[type="checkbox"]:checked + label {
	background-image: url(/static/img/front_v3/btn-check-sel.png);
	background-size: 22px 17px;
	background-position: left 1px center;
}

/* 법정검사 태그 */
.check-tag-list {}
.check-tag {
	display: inline-block !important;
	width: 66px !important;
	height: 20px !important;
	text-align: center !important;
	line-height: 20px !important;
	border-radius: 10px !important;
	border: 1px solid #999999;
	color: #fff !important;
	font-weight: 300 !important;
	font-size: 10px !important;
	padding: 0 !important;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0;
	margin-left: 5px;
}
.check-tag-list .check-tag:first-of-type {
	margin-left: 0;
}
/* 검사지연 */
.check-tag-4 { color: #999999 !important; border-color: #999999 !important; }
/* 부재중 */
.check-tag-5 { color: #999999 !important; border-color: #999999 !important; }
/* 장기부재 */
.check-tag-6 { background-color: #999999 !important; border-color: #999999 !important; }
/* 검사초과 */
.check-tag-7 { color: #292929 !important; border-color: #292929 !important; }
/* 차령초과 */
.check-tag-8 { color: #292929 !important; border-color: #292929 !important; }
/* 검사문의 */
.check-tag-9 { background-color: #fd7e14 !important; border-color: #fd7e14 !important; }

/* 뱃지 */
.badge {
	display: inline-block !important;
	width: 68px !important;
	height: 24px !important;
	text-align: center !important;
	line-height: 24px !important;
	border-radius: 12px !important;
	color: #fff !important;
	font-weight: 300 !important;
	font-size: 12px !important;
	padding: 0 !important;
}
/* 결제대기 */
.badge-0 { background-color: #999999 !important; }
/* 예약접수 */
.badge-1 { background-color: #1b9b00 !important; }
/* 배정완료 */
.badge-2 { background-color: #0071cd !important; }
/* 탁송완료 */
.badge-3 { background-color: #292929 !important; }
/* 2022-10-29 법정검사 - 재검사 */
.badge-4 { background-color: #292929 !important; }
.badge-6 { background-color: #fd7e14 !important; }
/* 2023-08-17 전기차충전 - 접수불가 */
.badge-8 { background-color: #fd7e14 !important; }
/* 예약취소 */
.badge-9 { background-color: #eb0029 !important; }
/**
 * 2023-01-12
 * 렌트용 추가
 */
/* 접수요청 */
.badge-rent.badge-0 { background-color: #cccccc !important; }
/* 배차예약 */
.badge-rent.badge-1 { background-color: #1b9b00 !important; }
/* 배차완료 */
.badge-rent.badge-2 { background-color: #337ab7 !important; }
/* 입고완료 */
.badge-rent.badge-3 { background-color: #f0ad4e !important; }
/* 수리완료 */
.badge-rent.badge-4 { background-color: #b78134 !important; }
/* 출고완료 */
.badge-rent.badge-5 { background-color: #5bc0de !important; }
/* 회차완료 */
.badge-rent.badge-99 { background-color: #26B99A !important; }
/* 렌트종료 */
.badge-rent.badge-100 { background-color: #4B5F71 !important; }
/* 예약취소 */
.badge-rent.badge-9 { background-color: #eb0029 !important; }

.badge.text-primary,
.badge.text-success,
.badge.text-muted,
.badge.text-danger { color: #fff !important; }

.badge.badge-auto { width: auto !important; padding: 0 7px !important; }

/* Loading */
.loading_layer {
	z-index: 1001;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.loading_layer img.loading {
  	position: absolute;
  	bottom: 50px;
  	left: 50%;
  	transform: translateX(-50%);
}

.loading_layer .ment {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 38px;
}

/* Modal */
.modal_wrapper {
	z-index: 9;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal_wrapper .modal {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 800px;
  	height: 700px;
  	transform: translate(-50%, -50%);
  	background-color: #F8F7F4;
}

.modal_wrapper.small .modal {
	width: 500px;
	height: 400px;
}

.modal_wrapper .modal .modal_title {
	margin-top: 30px;
	padding: 0 30px;
	font-size: 16px;
	line-height: 24px;
	color: #909090;
}

.modal_wrapper .modal .modal_content {
	margin-top: 40px;
	padding: 0 30px;
	height: 540px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #292929;
	line-height: 20px;
}

.modal_wrapper.small .modal .modal_content {
	height: 240px;
}

.modal_wrapper .modal .modal_content > div {
	width: 100%;
	height: 100%;
	white-space: pre-wrap;
	overflow-y: auto;
}

.modal_wrapper .modal .modal_content > div > table {
	width: 100%;
}

.modal_wrapper .modal .modal_content > div > table th,
.modal_wrapper .modal .modal_content > div > table td {
	padding: 3px 5px;
	border: 1px solid #ddd;
	font-size: 0.9em;
}

.modal_wrapper .modal .modal_content > div > table th {
	vertical-align: middle;
	background-color: #eee;
}

.modal_wrapper .modal .modal_content > div > table td small {
	font-size: 0.8em;
}

.modal_wrapper .modal .modal_button button {
	width: 100%;
	height: 60px;
	border: 0 none;
	outline: none;
	cursor: pointer;
	background-color: #292929;
	color: #fff;
	font-size: 16px;
}

/* Modal 모바일 반응형 */
@media (max-width: 768px) {
	.modal_wrapper .modal {
	  width: 90%;
	  max-width: 400px;
	  height: auto;
	  max-height: 80vh;
	  padding: 20px;
	  box-sizing: border-box;
	  display: flex;
	  flex-direction: column;
	}
  
	.modal_wrapper .modal .modal_title {
	  margin-top: 20px;
	  padding: 0 10px;
	  font-size: 14px;
	  line-height: 20px;
	}
  
	.modal_wrapper .modal .modal_content {
	  flex: 1;
	  margin-top: 20px;
	  padding: 0 10px;
	  font-size: 13px;
	  overflow-y: auto;
	}
  
	.modal_wrapper .modal .modal_button {
	  margin-top: auto;
	  background-color: #f8f7f4;
	  padding-top: 10px;
	}
  
	.modal_wrapper .modal .modal_button button {
	  width: 100%;
	  height: 50px;
	  border: none;
	  outline: none;
	  cursor: pointer;
	  background-color: #292929;
	  color: #fff;
	  font-size: 14px;
	}

	.modal_wrapper .modal .modal_content > div > table th,
	.modal_wrapper .modal .modal_content > div > table td {
		font-size: 11px;
		line-height: 1.5;
	}
  }

/* Confirm Modal */
.confirm_layer {
	z-index: 9;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.confirm_layer .confirm {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 350px;
  	transform: translate(-50%, -50%);
  	background-color: #F8F7F4;
}

.confirm_layer .confirm .confirm_title {
	margin-top: 30px;
	padding: 0 30px;
	font-size: 16px;
	line-height: 24px;
	color: #909090;
}

.confirm_layer .confirm .confirm_content {
	margin-top: 40px;
	padding: 0 30px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #292929;
	line-height: 20px;
}

.confirm_layer .confirm .confirm_button {
	text-align: right;
}

.confirm_layer .confirm .confirm_button button {
	width: 80px;
	height: 60px;
	border: 0 none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
	color: #292929;
	font-size: 16px;
}



/* Confirm Modal */
.noti_layer,
.confirm_quick_layer,
.confirm_noti_layer {
	z-index: 9;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.noti_layer .noti,
.confirm_quick_layer .noti,
.confirm_noti_layer .noti {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 500px;
  	transform: translate(-50%, -50%);
  	background-color: #F8F7F4;
}

.noti_layer .noti .noti_title,
.confirm_quick_layer .noti .noti_title,
.confirm_noti_layer .noti .noti_title {
	margin-top: 30px;
	padding: 0 30px;
	font-size: 16px;
	line-height: 24px;
	color: #EB0029;
}

.noti_layer .noti .noti_content,
.confirm_quick_layer .noti .noti_content,
.confirm_noti_layer .noti .noti_content {
	margin-top: 40px;
	padding: 0 30px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #292929;
	line-height: 30px;
}

.noti_layer .noti .noti_content strong,
.confirm_quick_layer .noti .noti_content strong,
.confirm_noti_layer .noti .noti_content strong {
	font-size: 16px;
	font-weight: bold;
}

.noti_layer .noti .noti_button,
.confirm_quick_layer .noti .noti_button,
.confirm_noti_layer .noti .noti_button {
	text-align: right;
}

.noti_layer .noti .noti_button button,
.confirm_quick_layer .noti .noti_button button,
.confirm_noti_layer .noti .noti_button button {
	width: 80px;
	height: 60px;
	border: 0 none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
	color: #292929;
	font-size: 16px;
}

.info_layer {
	z-index: 9;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  	overflow-y: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.info_layer .info_wrapper {
  	position: absolute;
  	top: 50px;
  	left: 50%;
  	min-width: 1100px;
  	transform: translate(-50%, 0);
  	background-color: #F8F7F4;
}

.info_wrapper .info_step_wrapper {
	width: 100%;
	height: 67px;
	font-size: 0;
	padding: 24px 28px 19px 30px;
	border-bottom: 1px solid #E6E4DD;
}

.info_wrapper .info_step_wrapper .info_step,
.info_wrapper .info_step_wrapper .info_transno,
.info_wrapper .info_step_wrapper .info_ready_status,
.info_wrapper .info_step_wrapper .info_address {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}

.info_wrapper .info_step_wrapper .info_step {
	font-size: 0;
}

.info_wrapper .info_step_wrapper .info_step > li.step {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}

.info_wrapper .info_step_wrapper .info_step > li.step:last-child {
	margin-right: 0;
}

.info_wrapper .info_step_wrapper .info_step > li.step span {
	display: inline-block;
	vertical-align: top;
}

.info_wrapper .info_step_wrapper .info_step > li.step span.num {
	font-size: 12px;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
	margin-right: 10px;
}

.info_wrapper .info_step_wrapper .info_step > li.step.step0 span.num { background-color: #999; }
.info_wrapper .info_step_wrapper .info_step > li.step.step1 span.num { background-color: #1b9b00; }
.info_wrapper .info_step_wrapper .info_step > li.step.step2 span.num { background-color: #0071cd; }
.info_wrapper .info_step_wrapper .info_step > li.step.step3 span.num { background-color: #292929; }
.info_wrapper .info_step_wrapper .info_step > li.step.step6 span.num { background-color: #fd7e14; }
.info_wrapper .info_step_wrapper .info_step > li.step.step9 span.num { background-color: #EB0029; }

/* 2023-01-12 렌트 추가 */
/* 접수요청 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step0 span.num { background-color: #cccccc !important; }
/* 배차예약 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step1 span.num { background-color: #1b9b00 !important; }
/* 배차완료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step2 span.num { background-color: #337ab7 !important; }
/* 입고완료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step3 span.num { background-color: #f0ad4e !important; }
/* 수리완료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step4 span.num { background-color: #b78134 !important; }
/* 출고완료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step5 span.num { background-color: #5bc0de !important; }
/* 회차완료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step99 span.num { background-color: #26B99A !important; }
/* 렌트종료 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step100 span.num { background-color: #4B5F71 !important; }
/* 예약취소 */
.info_wrapper .info_step_wrapper .info_step.rent_step > li.step.step9 span.num { background-color: #eb0029 !important; }

.info_wrapper .info_step_wrapper .info_step > li.step span.text {
	display: none;
	font-size: 14px;
	color: #292929;
}

.info_wrapper .info_step_wrapper .info_step > li.step.on span.text {
	display: inline-block;
	margin-right: 10px;
}

.info_wrapper .info_step_wrapper .info_address {
	margin-left: 20px;
	font-size: 0;
}

.info_wrapper .info_step_wrapper .info_address .address li {
	display: inline-block;
	vertical-align: top;
	padding-left: 14px;
	font-size: 14px;
	color: #909090;
	line-height: 24px;
	position: relative;
}

.info_wrapper .info_step_wrapper .info_address .address li:last-child {
	margin-left: 20px;
}

.info_wrapper .info_step_wrapper .info_address .address li:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
}

.info_wrapper .info_step_wrapper .info_address .address li.start:before { background-color: #0071cd; }
.info_wrapper .info_step_wrapper .info_address .address li.end:before { background-color: #eb0029; }

.info_wrapper .info_step_wrapper .info_ready_status {
	font-size: 0;
	padding-left: 30px;
}

.info_wrapper .info_step_wrapper .info_ready_status div,
.info_wrapper .info_step_wrapper .info_ready_status span {
	font-size: 20px;
	color: #eb0029;
}

.info_wrapper .info_step_wrapper .info_ready_status span {
	margin-left: 10px;
}

.info_wrapper .info_step_wrapper .info_transno {
	float: right;
	text-align: right;
	font-size: 20px;
	color: #909090;
}

.info_wrapper .util_wrapper {
	font-size: 0;
	padding: 10px 20px;
}

.info_wrapper .util_wrapper .regist,
.info_wrapper .util_wrapper .util {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	line-height: 20px;
}

.info_wrapper .util_wrapper .regist {
	font-size: 12px;
	color: #909090;
	text-align: right;
}

.info_wrapper .util_wrapper .regist .name {
	margin-left: 10px;
	color: #292929;
}

.info_wrapper .util_wrapper .util {
	font-size: 0;
}

.info_wrapper .util_wrapper .util li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.info_wrapper .util_wrapper .util li:last-child {
	margin-right: 0;
}

.info_wrapper .util_wrapper .util li > a {
	font-size: 14px;
	color: #292929;
}

.info_wrapper .driver_status_wrapper {
	/*background-color: #E6E4DD;*/
	/*position: absolute;*/
	background-color: #fff;
	font-size: 0;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
	overflow-x: auto;
	padding: 10px;
	border-bottom: 1px solid #E6E4DD;
	/*box-shadow: 0 4px 2px -2px #C9C8C4;*/
}

.info_wrapper .driver_status_wrapper > li {
	font-size: 11px;
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
	padding: 0px 10px;
	text-align: center;
}

.info_wrapper .driver_status_wrapper > li.on {
	padding-top: 8px;
	font-size: 13px;
	text-decoration: underline;
	background-color: #fff;
    background-image: url(/static/img/front_v3/icon-moving.png);
    background-repeat: no-repeat;
    background-position: center top 2px;
}

.info_wrapper .driver_status_wrapper > li.on > .addon {
	display: block;
}

.info_wrapper .driver_status_wrapper > li > .addon {
	display: none;
}

.info_wrapper .driver_status_wrapper > li > a {
	display: block;
	width: 100%;
	height: 100%;
}

.info_wrapper .driver_status_wrapper > li.on > a {
	color: #292929;
}

.info_wrapper .info_content_wrapper {
	font-size: 0;
}

.info_wrapper .info_content_wrapper > .info_content,
.info_wrapper .info_content_wrapper > .info_chat {
	display: inline-block;
	vertical-align: top;
}

.info_wrapper .info_content_wrapper > .info_content {
	width: 65%;
	border-right: 1px solid #E6E4DD;
}

.info_wrapper .info_content_wrapper > .info_chat {
	width: 35%;
}

.info_wrapper .info_summary_wrapper {
	font-size: 0;
	background-color: #E6E4DD;
}

.info_wrapper .info_summary_wrapper .info_summary,
.info_wrapper .info_summary_wrapper .info_driver {
	display: inline-block;
	vertical-align: top;
}

.info_wrapper .info_summary {
	width: 50%;
	padding: 10px 20px;
}

.info_wrapper .info_driver {
	width: 50%;
	padding: 10px 20px;
}

.info_wrapper .info_summary li,
.info_wrapper .info_driver li {
	margin-bottom: 10px;
	font-size: 0;
	line-height: 24px;
}

.info_wrapper .info_summary li.nm,
.info_wrapper .info_driver li.nm {
	margin-bottom: 0px;
}

.info_wrapper .info_summary li:last-child {
	margin-bottom: 0;
}

.info_wrapper .info_summary li > .title,
.info_wrapper .info_driver li > .title,
.info_wrapper .info_summary li > .desc,
.info_wrapper .info_driver li > .desc {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}

.info_wrapper .info_summary li > .title,
.info_wrapper .info_driver li > .title {
	width: 100px;
	color: #909090;
	font-size: 14px;
}

.info_wrapper .info_summary li > .desc,
.info_wrapper .info_driver li > .desc {
	width: calc(100% - 100px);
	color: #292929;
	font-size: 16px;
}

.info_wrapper .info_summary li > .desc small,
.info_wrapper .info_driver li > .desc small {
	display: block;
	margin-top: 3px;
	font-size: 11px;
}

.info_wrapper li > .desc .phone,
.info_wrapper .info_summary li > .desc .phone {
	font-size: 14px;
	margin-left: 10px;
}

.info_wrapper li > .desc .phone.nm,
.info_wrapper .info_summary li > .desc .phone.nm {
	margin-left: 0px;
}

.info_wrapper .info_driver li > .desc.devide,
.info_wrapper .info_summary li > .desc.devide {
	font-size: 0;
}

.info_wrapper .info_driver li > .desc.devide .desc_devide,
.info_wrapper .info_summary li > .desc.devide .desc_devide {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 14px;
}

.info_wrapper input.popup_input {
	vertical-align: top;
	width: 100%;
	height: 30px;
	border: 1px solid #C9C8C4;
	outline: none;
	padding: 5px;
}

.info_wrapper .info_driver li > .desc.devide .desc_devide input.popup_input {
	font-size: 14px;
}

.info_wrapper .input_select {
    display: inline-block;
    width: 100%;
    height: 30px;
    border: 1px solid #C9C8C4;
    background-color: #fff;
    background-image: url(/static/img/front_v3/btn-fold-close.png);
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 14px 7px;
}

.info_wrapper .input_select select {
	vertical-align: top;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.info_wrapper .info_area {
	padding: 12px 30px;
}

.info_wrapper .info_area .info_tab {
	font-size: 0;
	border-bottom: 1px solid #E6E4DD;
	padding-bottom: 9px;
}

.info_wrapper .info_area .info_tab > li {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}

.info_wrapper .info_area .info_tab > li > a {
	display: block;
	line-height: 30px;
	font-size: 18px;
	color: #909090;
}

.info_wrapper .info_area .info_tab > li > a:hover,
.info_wrapper .info_area .info_tab > li.on > a {
	color: #292929;
}

.info_wrapper .info_area .info_tab_content {
	font-size: 0;
	padding-top: 30px;
	padding-bottom: 40px;
}

.info_wrapper .info_area .info_tab_content .tab_content {
	width: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content li {
	/*width: 100%;*/
	display: inline-block;
	width: 50%;
	font-size: 0;
	margin-bottom: 15px;
}

.info_wrapper .info_area .info_tab_content .tab_content li.nm {
	margin-bottom: 5px;
}

.info_wrapper .info_area .info_tab_content .tab_content li.full {
	width: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content li.devide {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #E6E4DD;
}

.info_wrapper .info_area .info_tab_content .tab_content li:last-child {
	margin-bottom: 0;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.title,
.info_wrapper .info_area .info_tab_content .tab_content li > div.desc {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 24px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.title {
	color: #909090;
	width: 100px;
	padding-left: 5px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc {
	color: #292929;
	width: calc(100% - 100px);
	padding-right: 5px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc > div.desc_detail {
	width: 100%;
	background-color: #F5F4EF;
	padding: 10px 12px;
	font-size: 0;
	margin-top: 10px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc > div.desc_detail > span,
.info_wrapper .info_area .info_tab_content .tab_content li > div.desc > div.desc_detail > small {
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc > div.desc_detail > span {
	font-size: 14px;
	color: #292929;
	width: 70%;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc > div.desc_detail > small {
	font-size: 12px;
	color: #909090;
	text-align: right;
	width: 30%;
}

.info_wrapper .info_area .info_tab_content .tab_content .driver_info li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.info_wrapper .info_area .info_tab_content .tab_content li .popup_input {
	width: 100%;
	height: 30px;
	border: 1px solid #E6E4DD;
	outline: none;
	border-radius: 5px;
	padding: 0 10px;
}

.info_wrapper .driver-order-status {
	cursor: pointer;
	display: inline-block;
	width: 100%;
    /*margin-top: 7px;*/
    padding-left: 30px;
    padding-right: 10px;
    font-size: 14px;
    background-color: #fff;
    background-image: url(/static/img/front_v3/icon-moving.png);
    background-repeat: no-repeat;
    background-position: left 5px center;
}

.info_wrapper .info_area .info_tab_content .tab_content .driver_status {
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
	font-size: 0;
	overflow-x: auto;
}

.info_wrapper .info_area .info_tab_content .tab_content .driver_status > li {
	display: inline-block;
	width: 100px;
	height: 70px;
	margin-right: 20px;
	padding: 10px;
	border: 1px solid #E6E4DD;
	border-radius: 5px;
}

.info_wrapper .info_area .info_tab_content .tab_content .driver_status > li > span {
	display: block;
	line-height: 35px;
}

.info_wrapper .info_area .info_tab_content .tab_content .driver_status > li > .status_title {
	font-size: 10px;
}

.info_wrapper .info_area .info_tab_content .tab_content .last_update {
	font-size: 14px;
	color: #909090;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper {
	font-size: 0;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li {
	display: inline-block;
	vertical-align: top;
	width: 65px;
	height: 85px;
	margin-right: 3px;
	border: 1px solid #E6E4DD;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li:last-child {
	margin-right: 0;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li span {
	display: block;
	width: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li span.image {
	height: 65px;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li span.image img {
	width: 100%;
	height: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content li > div.desc ul.photo_wrapper li span.text {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #909090;
	text-align: center;
}

.info_wrapper .info_area .info_tab_content .tab_content.photo > li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-bottom: 0;
}

.info_wrapper .info_area .info_tab_content .tab_content.photo li > div.title,
.info_wrapper .info_area .info_tab_content .tab_content.photo li > div.desc {
	display: block;
	font-size: 14px;
	line-height: 20px;
}

.info_wrapper .info_area .info_tab_content .tab_content.photo li > div.title {
	color: #909090;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.info_wrapper .info_area .info_tab_content .tab_content.photo li > div.desc {
	color: #292929;
	width: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list {
	display: block;
	font-size: 0;
	/*margin-top: 10px;*/
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_comment {
	margin-bottom: 10px;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list > li {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	border: 1px solid #E6E4DD;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list > li > span.image {
	display: block;
	width: 60px;
	height: 60px;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list > li > span.image > img {
	width: 100%;
	height: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list > img {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .photo_list > li > span.desc {
	text-align: center;
	font-size: 10px;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .end_etc_photo_list .etc_item {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	background-color: transparent;
	border: 1px solid #c9c8c4;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #292929;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .end_etc_photo_list .etc_item span.img img {
	width: 100%;
	height: 100%;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .end_etc_photo_list .etc_item span {
	display: block;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .end_etc_photo_list .etc_item span.img {
	height: 60px;
}

.info_wrapper .info_area .info_tab_content .tab_content .desc .end_etc_photo_list .etc_item span.text {
	background-color: #fff;
	min-height: 20px;
	line-height: 20px;
	font-size: 10px;
}

.info_wrapper .button_area {
	width: 100%;
	font-size: 0;
}

.info_wrapper .button_area button {
	display: inline-block;
	width: 100%;
	height: 60px;
	color: #fff;
	border: 0 none;
	outline: none;
	background-color: #292929;
	font-size: 16px;
}

.info_wrapper .button_area button.half {
	width: 50%;
}

.info_wrapper .button_area button.white {
	background-color: #fff;
	color: #292929;
	border: 1px solid #C9C8C4;
}

.info_wrapper .button_area button.red {
	background-color: #eb0029;
	color: #fff;
	border: 1px solid #eb0029;
}

.sticky {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
  	transform: translate(-50%, 0);
	padding: 10px 30px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #292929;
	color: #fff;
	font-size: 16px;
}

/* Tooltip */
[data-tooltip]:before {
	position: absolute;
	z-index: 9;
	content:  attr(data-tooltip);
	opacity: 0;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	left: -1px;
	bottom: 0;
	color: #909090;
	padding: 10px;
	background-color: #F8F7F4;
	width: 209px;
	min-height: fit-content;
}

[data-tooltip]:hover:before {
	opacity: 1;
}

/* Chat */
.chat_wrapper {
	width: 100%;
	height: 100%;
	padding: 20px;
	padding-top: 0;
}

.chat_wrapper .chat_type {
	font-size: 0;
	width: 100%;
}

.chat_wrapper .chat_type > li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.chat_wrapper .chat_type > li.on {
	background-color: #292929;
}

.chat_wrapper .chat_type > li > a {
	display: block;
	width: 100%;
	line-height: 40px;
	color: #292929;
	text-align: center;
	font-size: 14px;
}

.chat_wrapper .chat_type > li.on > a {
	color: #fff;
}

.chat_wrapper .chat_title {
	font-size: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6E4DD;
}

.chat_wrapper .chat_title > div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.chat_wrapper .chat_title > div:nth-child(2n+0) {
	text-align: right;
}

.chat_wrapper .chat_title > div > span {
	display: inline-block;
	line-height: 24px;
}

.chat_wrapper .chat_title > div > span.company { font-size: 16px; color: #292929; }
.chat_wrapper .chat_title > div > span.user { margin-left: 10px; font-size: 14px; color: #909090; }

.chat_wrapper .chat_list {
	width: 100%;
	height: 450px;
	overflow-y: auto;
	padding: 10px;
}

.chat_wrapper .chat_list li {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.chat_wrapper .chat_list li:first-child {
	margin-top: 0;
}
.chat_wrapper .chat_list li .message,
.chat_wrapper .chat_list li .date {
	display: inline-block;
	line-height: 20px;
}

.chat_wrapper .chat_list li .message { font-size: 14px; padding: 10px; }
.chat_wrapper .chat_list li .date { width: 100%; margin-top: 3px; font-size: 12px; color: #909090; }

.chat_wrapper .chat_list li.you .message { 
	background-color: #292929; 
	color: #fff; 
	border-top-right-radius: 8px; 
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
}
.chat_wrapper .chat_list li.me .message { border-bottom: 1px solid #E6E4DD; float: right; }
.chat_wrapper .chat_list li.me .date { float: right; text-align: right; }

.chat_wrapper .chat_list li.you .action {
	display: inline-block;
	margin-left: 10px;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 12px;
	color: #fff;
}

.chat_wrapper .chat_list li.you .action.ing { background-color: #909090; cursor: pointer; }
.chat_wrapper .chat_list li.you .action.complete { background-color: #0071cd; }

/**
 * 2022-09-08
 * action, confirm 추가
 */
.chat_wrapper .chat_list li.action .message,
.chat_wrapper .chat_list li.confirm .message { 
	border: 1px solid #0071CD; 
	background-color: #fff; 
	color: #0071CD; 
	border-top-right-radius: 8px; 
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
}
.chat_wrapper .chat_list li.action .message .badge,
.chat_wrapper .chat_list li.confirm .message .badge {
	display: inline-block;
	width: auto !important;
	padding: 0 5px !important;
	background-color: #292929;
	color: #fff;
}
.chat_wrapper .chat_list li.action button,
.chat_wrapper .chat_list li.confirm button {
	border: 0 none;
	display: inline-block;
	margin-left: 10px;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 12px;
	color: #fff;	
}
.chat_wrapper .chat_list li.action button.btnConfirm,
.chat_wrapper .chat_list li.confirm button.btnConfirm { background-color: #0071cd; }
.chat_wrapper .chat_list li.action button.btnReject,
.chat_wrapper .chat_list li.confirm button.btnReject { background-color: #909090; }


.chat_wrapper .chat_bottom {
	width: 100%;
	font-size: 0;
	padding-top: 20px;
	border-top: 1px solid #E6E4DD;
}

.chat_wrapper .chat_bottom > .chat_text,
.chat_wrapper .chat_bottom > .chat_button {
	display: inline-block;
	vertical-align: top;
}

.chat_wrapper .chat_bottom > .chat_text { width: 70%; }
.chat_wrapper .chat_bottom > .chat_button { width: 30%; padding: 0 10px; text-align: center; }

.chat_wrapper .chat_bottom > .chat_text {
	padding: 15px 15px 14px 15px;
	border-bottom: 1px solid #C9C8C4;
}

.chat_wrapper .chat_bottom > .chat_text input {
	background-color: transparent;
	width: 100%;
	border: 0 none;
	outline: none;
	font-size: 14px;
}

.chat_wrapper .chat_bottom > .chat_button button { width: 100%; height: 50px; }

.photo_zone {
	font-size: 0;
	position: relative;
	width: 280px;
	height: 500px;
	margin: 0 auto;
	padding: 70px;
}

.photo_zone .car {
	width: 100%;
	height: 100%;
	background-image: url(/static/img/driver/car.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.photo_zone .photo_area {
	position: absolute;
	width: 60px;
	vertical-align: middle;
	background-color: transparent;
	border: 1px solid #c9c8c4;
	text-align: center;
	font-size: 12px;
	color: #292929;
}

.photo_zone .photo_area span.img img {
	width: 100%;
	height: 100%;
}

.photo_zone .photo_area span {
	display: block;
}

.photo_zone .photo_area span.img {
	height: 60px;
}

.photo_zone .photo_area span.text {
	background-color: #fff;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

.photo_zone .photo_area.photo1 { top: 20px; left: 30px; }
.photo_zone .photo_area.photo2 { top: 0; left: 110px; }
.photo_zone .photo_area.photo3 { top: 20px; right: 30px; }
.photo_zone .photo_area.photo4 { top: 120px; left: 0; }
.photo_zone .photo_area.photo5 { top: 180px; left: 76px; }
.photo_zone .photo_area.photo6 { top: 120px; right: 0; }
.photo_zone .photo_area.photo7 { top: 210px; left: 0; }
.photo_zone .photo_area.photo8 { top: 180px; right: 76px; }
.photo_zone .photo_area.photo9 { top: 210px; right: 0; }
.photo_zone .photo_area.photo10 { bottom: 120px; left: 0; }
.photo_zone .photo_area.photo11 { bottom: 120px; right: 0; }
.photo_zone .photo_area.photo12 { bottom: 20px; left: 30px; }
.photo_zone .photo_area.photo13 { bottom: 0; left: 110px; }
.photo_zone .photo_area.photo14 { bottom: 20px; right: 30px; }

.photo_zone .photo_input {
	display: none;
}



.photo_zone2 {
	font-size: 0;
	position: relative;
	width: 280px;
	height: 500px;
	margin: 0 auto;
}

.photo_zone2 .photo_area {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	vertical-align: middle;
	background-color: transparent;
	border: 1px solid #c9c8c4;
	text-align: center;
	font-size: 12px;
	color: #292929;
	margin: 5px;
}

.photo_zone2 .photo_area span.img img {
	width: 100%;
	height: 100%;
}

.photo_zone2 .photo_area span {
	display: block;
}

.photo_zone2 .photo_area span.img {
	height: 60px;
}

.photo_zone2 .photo_area span.text {
	background-color: #fff;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

.closeButton {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	opacity: 0.8;
	border: 0 none;
	background-color: transparent;
}
.closeButton:before, .closeButton:after {
	position: absolute;
	top: 0;
	left: 15px;
	content: ' ';
	height: 30px;
	width: 2px;
	background-color: #000;
}
.closeButton:before {
	transform: rotate(45deg);
}
.closeButton:after {
	transform: rotate(-45deg);
}


/**
 * 기사 운행 로그
 */
.modal_driver_log_wrapper {
	display: none;
	z-index: 8;
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.modal_driver_log {
	z-index: 9;
	position: absolute; 
	top: 0; 
	left: 0;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #999;
}

.modal_driver_log > table th,
.modal_driver_log > table td {
	font-size: 12px;
	padding: 5px 7px;
	line-height: 1.5em;
}

.content_list_wrapper .form .form_section .section .form_input_wrapper .form_input_summary.volvo {
	padding: 10px;
}

.content_list_wrapper .form .form_section .section .form_input_wrapper .form_input_summary.volvo .volvo_list li span {
	font-size: 11px;
}

.content_list_wrapper .form .form_section .section .form_input_wrapper .form_input_summary.volvo ul.volvo_list li span:last-child {
	padding-left: 5px;
}