*{
	margin:0;
	padding:0;
	font-size:12px;
	font-family: 'pretendard';
    box-sizing: border-box;
    outline: none;;
}
html,body{
	height:100%;
	width:100%;
	overflow:auto;
}
body{
	background-color:#fff;
	overflow-y: scroll;
}
body.index,
body.signin{
	box-shadow:inset 0 0 100em #333;
}
footer{
    padding:5rem;
}

a{
	text-decoration: none;
    color:#000;
}
a.active{
    color:#f00;
    font-weight: 600;
}

ul,ol{
	list-style: none;
}

.hide{
	display:none!important;
}
button{
  border:0 !important;
}
[name="btn_Delete"]{
  background:#f00;
  color:#fff;
}

.tabs{
	padding-top:1rem;
	background-color:#000;
	color:#fff;
	margin-bottom:2rem;
  position:fixed;
  z-index:8;
  top:0;
  left:0;
  width:100%;
}
.tabs-inner{
  width:1580px;
  display:flex;
  justify-content:space-between;
  text-align:center;
  margin:0 auto;
  position:relative;
}
.tabs-title{
	margin:0 auto;
	text-align: center;
	font-size:2rem;
	text-transform: uppercase;
	color:#999;
}
.tabs-title h2{
    font-size:2rem;
    font-weight:600;
    color:#fff;
    margin-bottom:0.5rem;
}

ul.gnb{
	display:flex;
	align-items: center;
  margin-bottom:-15px;
}
ul.gnb > li.gnb-item{
	border:1px solid #333;
	margin-right:-1px;
	border-bottom:0;
	border-radius: 0.5rem 0.5rem 0 0;
	cursor:pointer;
	font-size:1.1rem;
}
ul.gnb > li.gnb-item.hidden{
  display:none;
}
ul.gnb > li.gnb-item.active{
	background-color:#fff;
	color:#000;
	font-weight:600;
}
ul.gnb > li.gnb-item.hide{
    display:none!important;
}
ul.gnb > li.gnb-item a{
	color:#fff;
	font-size:1.1rem;
    padding:0.75rem 2rem;
    display:inline-block;
}
ul.gnb > li.gnb-item.active a{
	color:#000;
	font-size:1.1rem;
	font-weight:600;
}
button{
	display:block;
	width:auto;
	background:#666;
	color:#fff;
	font-weight:700;
	border:0;
	padding:1rem;
	margin:0 auto;
	cursor:pointer;
	width:100%;
    background: linear-gradient(0deg, #363636 50%, #6a6a6a 50%);
    color:#fff;
    border:1px solid #000;
	/* background: linear-gradient(0deg, #fdcd3b 50%, #ffed4b 50%); */
	/* color:#000; */
	/* border:1px solid #000; */
}
button.small{
	width:auto;
}
button.hide,
button.small.hide{
	display:none!important;
}
button.btn_Sms{
    background: linear-gradient(0deg, #fdcd3b 50%, #ffed4b 50%);
    color:#000;
    border:1px solid #000;
}
button#btn_Open_Info,
button.btn_Submit_link,
button.btn_List_Detail{
    background: linear-gradient(0deg, #fdcd3b 50%, #ffed4b 50%);
    color:#000;
    display:none;
}
div.list_Common_Search button.btn_List_Detail{
  display:inline-block !important;
}

button.btn_List_Delete{
    background: linear-gradient(0deg, #9a0000 50%, #ff0000 50%);
    color: #fff;
}
button.btn_List_Modify{
    background: linear-gradient(0deg, #0064a4 50%, #009cff 50%);
    color: #fff;
}
button.btn_List_Acount{
  background: linear-gradient(0deg, #000000 50%, #5f5f5f 50%);
  color: #fff;
}
.member_info{
  display:flex;
  align-items: center;
  margin-bottom:.6rem;
}
.member_info > button{
  margin:0 .3rem !important;
  width:7rem;
  height:30px;
  /* position:absolute;
  right:0; */
  padding:0.35rem 0.9rem;
  border-radius: 0.6rem;
  /* margin:0; */
  background:#666;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.member_info > button > span{
  margin-right:.6rem;
}
button#btn_excel_all{
  width:auto;
  background-color:#008500;
}

button.status_Cololr_2{
    background: linear-gradient(0deg, #9a0000 50%, #ff0000 50%);
    color: #fff;
}

.btn_add{
    color:#f00;
    cursor:pointer;
}

.button-grp{
	border-top:1px dashed #ccc;
	margin:1rem 0;
	margin-bottom:0;
	padding:1rem;
	padding-bottom:0;
	display:flex;
	align-items: center;
    justify-content: center;
}
.button-grp > button{
    margin:0 1rem;
}

textarea[name="txt_Custom"]{
    width:100%;
    height:10rem;
    font-size:1.1rem;
    padding:1rem;
}

.container{
	width:1580px;
	margin:0 auto;
  padding-top:80px;
}
.container > h2{
  position:relative;
  padding:1rem 0;
  margin-bottom:1rem !important;
  border-bottom:1px solid #000;
}
.container > h2 > button{
  position:absolute;
  top:0;
  right:0;
  width:auto;
}
.container > h2 > button > i{
  margin-right:1rem;
}

body.index .container,
body.signin .container{
	height:100%;
}

.center{
	text-align: center !important;
}
.middle{
    vertical-align: middle !important;
}
.clear{
    width:100%;
}

table{
	display:table;
	margin:0 auto;
	border-collapse: collapse;
	width:100%;
	font-size:2rem;
}
caption{
	font-size:1.1rem;
	padding:0.5rem 0;
  position:relative;
  min-height:4rem;

}
caption > button{
	width:auto;
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right:0;
}
caption > button#btn_open_Schedule{
  right:auto;
  left:0;
  background:#ac0000;
}

th{
	border:1px solid #000;
	font-size:1.1rem;
	padding:0.5rem 1rem;
	background:#000;
	color:#fff;
}
td{
	border:1px solid #ccc;
	font-size:1.1rem;
	padding:0.5rem;
}
td.center{
	text-align: center;
}
td:first-child{
	/* border-left:0; */
}
td:last-child{
	/* border-right:0; */
}

td button{
	padding:.25rem;
    margin-bottom:.5rem;
}

td .form-group{
    margin-bottom:0rem;
}
td .form-group.no-margin{
    margin-bottom:0;
}

td .form-group button{
    margin-bottom:0;
}

td .form-group.model-list select{
    margin-top:.6em;
    width:100%;
}


td .form-group.lease-rent{
    display:flex;
    align-items: center;
    flex-direction: column;
    margin-top:.6em;
    padding:.6em;
}
td .form-group.lease-rent label{
  display:flex;
  margin:0;
  margin-bottom:.3em;
  align-items: center;
  width:100%;
}
td .form-group.lease-rent label span{
  display:inline-block;
}
td .form-group.lease-rent label span:first-child{
  width:6em;
}
td .form-group.lease-rent input[type="text"]{
  text-align: right;
  padding:.3em;
  border:1px solid #ccc;
}

td p{
    margin-bottom:.5rem;
}

tbody tr:hover{
	background-color:#eee;
}

tfoot th, tfoot td{
    border:0;
}

#list-Table.list_Car tbody th,
#list-Table.list_Car tbody td{border:0;}
#list-Table.list_Car tbody td{
    padding:0.6em;
    border-bottom:1px solid #ccc;
}
#list-Table.list_Car.vt tbody > tr > td{
  /* vertical-align: top; */
}
#list-Table.list_Car.vt.hide_line tbody > tr > td{
  border-bottom:1px dashed #ccc;
}


#list-Table.list_Car tbody > .no-underline > td{
  border-bottom:0;
  padding:1.2em 0.6em;
  cursor:pointer;
}

#list-Table.list_Car.setup tbody td{
  text-align: left;
}


ul.list_column{
  display:flex;
  flex-wrap: wrap;
}
ul.list_column li{
  display:flex;
  align-items: center;
  margin-right:3em;
  margin-bottom:1em;
  text-align: left;
  padding-bottom:.3em;
  padding-top:.3em;
  border-bottom:1px dashed #eee;
  border-top:1px dashed #eee;
}
ul.list_column li:hover{
  border-bottom:1px dashed #333;
  border-top:1px dashed #333;
}
ul.list_column li > span{
  /* display:inline-block; */
}

#list-Table.list_Car.car_Customer tbody td{
    border-bottom:1px solid #eee;
}
#list-Table.list_Car.car_Customer tbody td.td_Contract_Customer{
    border-bottom:1px solid #ccc;
}
.span_name{
  display:flex;
  align-items: center;
  font-weight:bold;
  min-width:160px;
}
.span_name > span > i{
  color:#999;
}
.span_name > span:first-child{
  margin-right:1em;
}
.span_model{
  display:inline-block;
  width:7em;
  font-weight:200;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.div_Contract_Customer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:1rem;
}
.div_Contract_Customer > dl{
    width:50%;
    min-height:50px;
    display: flex;
    align-items: center;
    padding:1rem 0;
    border-bottom:1px dashed #ccc;
}
.div_Contract_Customer > dl.dp-3{
  width:calc(100% / 3);
}


.div_Contract_Customer > dl.full{
    width:100%;
}
.div_Contract_Customer > dl > dt,
.div_Contract_Customer > dl > dd{
    font-size:14px;
}
.div_Contract_Customer > dl > dt{
    min-width:100px;
    font-weight: 600;
    text-align: justify;
    margin-right:2rem;
}
.div_Contract_Customer > dl > dd{
    min-width:calc(100% - 100px);
    display:flex;
    align-items: center;;
    min-width:80%;
}
.div_Contract_Customer > dl > dd [type="text"],
.div_Contract_Customer > dl > dd [type="date"]{
    min-height:26px;
    border:1px solid #ddd;
    width:auto;
    padding:.3rem;
    text-align: center;
}
.div_Contract_Customer > dl > dd textarea{
    width:100%;
    height:10rem;
    padding:1rem;
    border:1px solid #ddd;
    resize: none;
}

.div_Contract_Customer label{
    display:flex;
    align-items: center;
    font-size:14px;
    margin-right:1rem;
}
.div_Contract_Customer label > span{
    margin-left:0.5rem;

}
.div_Contract_Customer select{
    padding:.3rem;
}

#list-Table.list_Car tbody td:first-child{
  font-weight:800;
    /* padding-left:0; */
}
#list-Table.list_Car tbody td:last-child{
    padding-right:0;
}
#list-Table.list_Car tbody td.price_Car{
    text-align: right;
    font-weight:600;
    font-size:1.2rem;
    line-height:1.5;
}


section.section_Rows{
    display:flex;
    flex-direction: row;
    overflow:hidden;
}
section.section_Rows img{
    width:180px;height:auto;
    margin:.1rem;
}
p.title_Model{
    font-size:1.2rem;
    font-weight:600;
    margin-bottom:.5rem;

}
p.title_Model > label{
    font-size:1.2rem;
    font-weight:600;
    display:flex;
    align-items: center;
}
p.title_Model > label > [type="checkbox"]{
    margin-right:.5rem;
    color:#f00;
    accent-color: red;
    background: #fbfbfb;
}
p.title_Model > label > span{
    font-size:1.2rem;
    font-weight:600;
}
p.info_Model{
    font-size:1.2rem;
}
p.info_Model.color-blue span{
    color:#00f;
    font-weight:600;
}
p.info_Model.color-red span{
    color:#f00;
    font-weight:600;
}
p.info_Model span{
    font-size:1.2rem;
    color:#999;
}
p.info_Model > span{
    padding-right:0.2rem;
    margin-right:0.1rem;
    border-right:2px solid #ececec;
    font-size:0.9em;
}
p.info_Model > span > span{
}
p.info_Model > span:last-child{
    border:0;
}
p.info_Model span b{
  font-size:1.2rem;
  font-weight:600;
  color:#f00;
}

#home, #signin{
	display:flex;
	justify-content: center;
	align-items: center;
}

/* #home */
#home h1{
	text-transform: uppercase;
	text-align: center;
	font-size:10rem;
	font-weight:800;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color:#000;
	/* text-shadow: 2px 2px 3px #000; */
	/*
	background: url(https://raw.githubusercontent.com/s1mpson/-/master/codepen/black-lives-matter/victim-collage.png);
	background-position: center center;
	-webkit-background-clip: text;
	color: rgba(0,0,0,0.1);
	*/
	/*
	-webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
	*/
	animation: zoomout infinite ease 5s forwards;
}
#home h1::first-letter{
	font-weight:800;
}

#home h1 p{
	text-transform: uppercase;
	font-weight:400;
	font-size:6rem;
}

/* #Sign */
#signin dl *{
	font-size:2rem;
}
#signin dl dt,
#signin dl dd{
	padding:0.5rem 1rem;
}
#signin dl dt{
	font-weight:600;
	margin-bottom:2rem;
}
#signin label{
	display:flex;
	align-items: center;
	font-size:14px;
}
#signin label > span{
	display:inline-block;
	width:40%;
	text-align: right;
	margin-right:1em;
}
#signin [type="text"],
#signin [type="password"]{
	padding:0.5rem;
    text-align: center;
}

/* Form */
.form.form-register{
	border:3px solid #000;
	padding:1rem;
  overflow:hidden;
  height:0;
  opacity: 0;
}
.form.form-register.no-padd{
  border:0;
  padding:0;
}
.form.form-register > dl{
	display:flex;flex-direction:row;align-items: center;
	width:100%;
}
.form.form-register > dl > dt{width:11%;font-weight:600;}
.form.form-register > dl > dd{width:calc(100% - 11%);}
.form.form-register > dl > dt > i{margin-right:0.25rem;}
.form.form-register > dl > dt, .form.form-register dl > dd{padding:.5rem;}
.form.form-register > dl > dd > label{display:flex;flex-direction: row;margin-right:1rem;align-items: center;}
.form.form-register > dl > dd > label span, .form.form-register dl > dd > label input{margin:0 0.25rem;}

.grp_Element > label{display:flex;flex-direction: row;margin-right:1rem;align-items: center;}
.grp_Element > label span, .form.form-register dl > dd > label input{margin:0 0.25rem;}

.form.form-register input[type="number"],
.form.form-register input[type="date"],
.form.form-register input[type="text"],
.form.form-register input[type="password"]{
    padding:.25rem;
    text-align: center;
}


.form.form-register input[name="mb_msg"]{
    width:100%;
}



.form.form-register.model > dl{
  border-bottom:1px dashed #999;
	min-height:45px;
}


.form.form-register.model fieldset{
  border:2px solid #000;
  padding:0 1em;
  margin-top:1em;
  display:flex;
  flex-wrap: wrap;
}
.form.form-register.model fieldset legend{
  padding:.5em 1em;
  background-color: #000;
  color:#fff;
  font-weight: 800;
}
.form.form-register.model fieldset > dl{
  display:flex;flex-direction:row;align-items: center;
  border-bottom: 1px dashed #999;
	width:100%;
  min-height: 45px;
}
.form.form-register.model fieldset > dl.half{
  width:50%;
}
.form.form-register.model fieldset > dl.half.x3{
  width:33.3333%;
}
.form.form-register.model fieldset > dl.half.x3 dt{

}
.form.form-register.model fieldset > dl:last-child{
  border:0;
}

.form.form-register.model fieldset > dl > dt{width:10rem;font-weight:600;}
.form.form-register.model fieldset > dl > dd{width:calc(100% - 10rem);}
.form.form-register.model fieldset > dl > dt > i{margin-right:0.25rem;}
.form.form-register.model fieldset > dl > dt,
.form.form-register.model fieldset > dl > dd{padding:.5rem;}
.form.form-register.model fieldset > dl > dd > label{display:flex;flex-direction: row;margin-right:1rem;align-items: center;}
.form.form-register.model fieldset > dl > dd > label span,
.form.form-register.model fieldset dl > dd > label input{margin:0 0.25rem;}

.form.form-register.model fieldset > dl > dd.form-group.map_Accident{
  position:relative;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident{
  position:absolute;
  top:1rem;
  right:0;
  width:400px;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  padding:1rem;
  font-size:.1rem;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident > dl{
  margin-bottom:.6rem;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident > dl:last-child{
  margin:0;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident > dl > dt{
  margin-bottom:.3rem;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident > dl > dd{
  padding:0;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident input,
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident textarea{
  text-align: left;
  width:100%;
  padding:.3rem;
}
.form.form-register.model fieldset > dl > dd.form-group.map_Accident div.info_Accident textarea{
  height:15rem;
}

.form.form-register.model fieldset dl > dt input[name="price_package"]{
  width:80%;
  margin:.3rem 0;
}

.form-group{
    display:flex;flex-direction: row;
    align-items: center;
}
.form-group label{
    display:flex;
}
td  div.form-group{
    display:flex;
    justify-content: center;
    align-items: center;
}
td.center{
  text-align: center;
}

 .form-group  label{margin-right:1rem;}
 .form-group  label span{margin:0 0.25rem;}
 .form-group > button{margin-right:0.25rem;}
 .form-group > button:last-child{margin-right:0;}

 input[type="text"],
 input[type="password"]{
    padding:.25rem;
    text-align: center;
}
td input[type="text"],
td input[type="password"]{
    width:100%;
    border:0;
}

.elm-color{
	display:flex;
	flex-wrap: wrap;
}
.color_Chip{
	background-color:#000;
	color:#ccc;
    /* -webkit-text-stroke: 1px #fff; */
    text-shadow: 1px 1px 2px #333;
	float:left;
	padding:.25rem .5rem;
	margin:.25rem .5rem;
	cursor:pointer;
	border:1px solid #fff;
    width:6rem;
    text-align: center;
    border-radius: 3px;;
}
.color_Chip_0{ background-color:#000000; color:#fff; }
.color_Chip_1{ background-color:#ffffff; color:#000;border:1px solid #ccc; }
.color_Chip_2{ background-color:#616161; color:#fff; }
.color_Chip_3{ background-color:#e5e5e5; color:#000; border:1px solid #ccc; }
.color_Chip_4{ background-color:#bcbcbc; color:#000; }
.color_Chip_5{ background-color:#f8f8e2; color:#000;border:1px solid #ccc;  }
.color_Chip_6{ background-color:#a6b2b0; color:#fff; }
.color_Chip_7{ background-color:#cfd8e7; color:#000; }
.color_Chip_8{ background-color:#808275; color:#fff; }
.color_Chip_9{ background-color:#8e8574; color:#fff; }
.color_Chip_10{ background-color:#685a35; color:#fff; }
.color_Chip_11{ background-color:#837538; color:#fff; }
.color_Chip_12{ background-color:#124280; color:#fff; }
.color_Chip_13{ background-color:#75919c; color:#fff; }
.color_Chip_14{ background-color:#1d444b; color:#fff; }
.color_Chip_15{ background-color:#00cc00; color:#fff; }
.color_Chip_16{ background-color:#9ab95c; color:#fff; }
.color_Chip_17{ background-color:#1f7d7c; color:#fff; }
.color_Chip_18{ background-color:#cc001e; color:#fff; }
.color_Chip_19{ background-color:#ff7a00; color:#fff; }
.color_Chip_20{ background-color:#7d255b; color:#fff; }
.color_Chip_21{ background-color:#640080; color:#fff; }
.color_Chip_22{ background-color:#ffc3d8; color:#000; border:1px solid #ccc; }
.color_Chip_23{ background-color:#fff846; color:#000; border:1px solid #ccc; }
.color_Chip_200{background: linear-gradient(90deg, #474747 50%, #000000 50%); color: #fff; }
.color_Chip_201{background: linear-gradient(90deg, #c0c0c0 50%, #464741 50%); color: #fff; border:1px solid #ccc;}
.color_Chip_202{background: linear-gradient(90deg, #ffffff 50%, #464741 50%); color: #fff; border:1px solid #ccc;}
.color_Chip_203{background: linear-gradient(90deg, #f8f8e2  50%, #464741 50%); color: #fff; border:1px solid #ccc;}
.color_Chip_204{background: linear-gradient(90deg, #685a35 50%, #464741 50%);color: #fff; border:1px solid #ccc;}
.color_Chip_205{background: linear-gradient(90deg, #837538 50%, #464741 50%);color: #fff; border:1px solid #ccc;}

/* # List */
#table-list > h2{
	font-size:2rem;
	margin-bottom:2rem;
}

#condition_opts{
	position:absolute;
	transform-origin: top center;
	left:0;
	top:0;
	width:100px;
	background-color:#fff;
	border:2px solid #000;
	padding:0.25rem;
}
#condition_opts button{
	margin-bottom:0.25rem;
}
#condition_opts button:last-child{
	margin:0;
}

/* Paging */
.ul-paging{
	display:flex;
	justify-content: center;
}
.ul-paging > li{
	padding:1rem;
}
.ul-paging > li a{
    font-size:1.2rem;
}

/* Llist Form 선택항목 고객 전송 */
.list_Sms_h2{
    margin:1rem 0;
    font-size:1.2rem;
}
.list_Sms_Submit{
    border:1px solid #ccc;
    background-color:#eee;
    border-radius: 5px;
    padding:1rem;
    display:flex;
    align-items: center;
}
.list_Sms_Submit > h2{
    width:100%;
    display:flex;
}
.list_Sms_Submit label{
    display:flex;
    align-items: center;
    margin-right:1rem;
}
.list_Sms_Submit label span{
    display:inline-block;
    min-width: 3rem;
    margin-right:.5rem;
    text-align: right;
}
.list_Sms_Submit label [type="checkbox"]{
    color:#f00;
}
.list_Sms_Submit textarea,
.list_Sms_Submit [type="text"]{
    border:1px solid #ccc;
    border-radius: 5px;
    text-align: left;
    padding:1rem;
    width:auto;
    text-align: center;
}
.list_Sms_Submit textarea{
    width:40rem;
    text-align: left;
    height:5rem;
}
.list_Sms_Submit #btn_Sel_Submit{
    height:5rem;
    margin:0;
    padding:1rem;
    border-radius: 5px;
}


/* Thumb */
.registered_thumb{
    display:flex;
    align-items: center;
    margin:4px 0;
    flex-wrap: wrap;
    min-width:100px;
}
.registered_thumb figure{
  padding:2px;
	border:1px solid #ccc;
  margin-right:4px;
}
.registered_thumb  img{
    width:100px;
	height:auto;
}
.registered_thumb figure button{
    padding:.3rem;
}

.registered_thumb.rows{
    flex-direction: column;
    align-items: start;
}
.rows_item{
  display:flex;
}
.rows_item textarea{
  width:40em;
  padding:0.5em;
  resize: none;
}


#list_Docu_A1 img.thumb,
#list_Docu_B1 img.thumb,
#list_History img.thumb,
#list_Images_Rep img.thumb,
#list_Images_Etc img.thumb,
#list_Images_Test img.thumb,
#list_Images img.thumb{
	width:100px;
	height:auto;
	padding:2px;
	border:1px solid #ccc;
}

.img_Thumb{
	cursor:zoom-in;
}

#img_Thumb_Overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.85);
	z-index:9999;
	justify-content:center;
	align-items:center;
	cursor:zoom-out;
}
#img_Thumb_Overlay.show{
	display:flex;
}
#img_Thumb_Overlay img{
	max-width:90vw;
	max-height:90vh;
	object-fit:contain;
	box-shadow:0 0 30px rgba(0,0,0,0.5);
	border:4px solid #fff;
	border-radius:4px;
}

/* form_Sms */
.form_Sms{
    position:absolute;
    left:0;
    top:0;
    min-height:25px;
    background-color: #ffed4b;
    padding:1rem;
    box-shadow:0 0 5px 1px #555;
    transform-origin: top center;
}
.form_Sms h2{margin-bottom:1rem;font-size:1.5rem;}
.form_Sms h2 span,
.form_Sms h2 i{
    font-size:1.5rem;
}
.form_Sms label{
    display:flex;
    align-items: center;
    margin-bottom:1rem;
}
.form_Sms label span{margin-right:1rem;font-weight:600;}
.form_Sms label [type="text"]{padding:0.5rem;background-color:#fdcd3b;border:0;}
/* .form_Sms::after{
    content: "";
    position:absolute;
    bottom:-20px;
    left:0;
    width:0;height:0;
    border-color:#a0c7ff transparent transparent transparent;
    border-width:10px;
    border-style:solid;
} */
#btn_Close_Sms{
    position:absolute;
    right:1rem;
    top:1rem;
    cursor:pointer;
}
button#btn_Submit_Sms{
    width:100%;
	float:none;
    margin:0 auto;
    padding:.5rem;
}

/* section map accident */
.form-group.map_Accident{
    flex-direction: column;
    align-items: flex-start;
    padding:2rem 0!important;
}
.sel_accident{
    display:flex;
    align-items: center;
    margin-left:2.3rem;
}
.item_sel_accident{
    display:flex;
    align-items: center;
    margin-right:7.5rem;
    cursor:pointer;
	padding:.6rem;
	border-radius: .6rem;;
	font-size:1.2rem;
	border:2px solid #fff;
}
.item_sel_accident.active{
	/* background-color:#000; */
	border:2px solid #000;
}

.item_sel_accident  span.accident_item{
    display:inline-block;
    background-image:url("/image/performance_sprite.png");
    background-repeat:no-repeat;
    background-size: auto;
    width:20px;
    height:20px;
    margin-right:.5rem;
}
.item_sel_accident  span.accident_item.item_0{background-position:0 0;}
.item_sel_accident  span.accident_item.item_1{background-position:-20px 0;}
.item_sel_accident  span.accident_item.item_2{background-position:-80px 0;}
.item_sel_accident  span.accident_item.item_3{background-position:-40px 0;}
.item_sel_accident  span.accident_item.item_4{background-position:-60px 0;}
.item_sel_accident  span.accident_item.item_5{background-position:-100px 0;}
div.map_Accident{
    display:flex;
    flex-direction: row;
}
section.map_Accident{
    width:300px;
    height:300px;
    background-image:url("/image/img_inspection_left.gif");
    background-repeat: no-repeat;
    background-position: center;
	position:relative;

}
section.map_Accident.right{
    background-image:url("/image/img_inspection_right.gif");
}
.pos_accident{
	position:absolute;
	width:20px;height:20px;
	background-image:url("/image/performance_sprite.png");
	background-repeat:no-repeat;
}
.pos_accident.item_0{background-position:0 0;}
.pos_accident.item_1{background-position:-20px 0;}
.pos_accident.item_2{background-position:-80px 0;}
.pos_accident.item_3{background-position:-40px 0;}
.pos_accident.item_4{background-position:-60px 0;}
.pos_accident.item_5{background-position:-100px 0;}

/* 옵션 */
.item_Option{display:flex;align-items: baseline;}
.item_Option label{display:flex;align-items: center;}
.item_Option label > span{margin-right:.5rem;}

/* 패키지  옵션 */
.item_Option.item_Package dt:nth-child(2) span{
	display:flex;
	align-items: center;
}
.item_Option.item_Explain dt:nth-child(2) span i,
.item_Option.item_Package dt:nth-child(2) span i{
	margin-left:0.5rem;
}

#list_Explain,#list_Explain,
#list_Package,#list_Option{
	flex-direction: column;
    align-items: flex-start;
}
dt i.btn_add{
	float:right;
}
.form.form-register > dl > dt.pos-top{
	padding-top:15px;
	align-self: self-start;
}
input.text-100{
	text-align: left!important;
	width:50rem;
}
div.item_Option,
label.option_Package{margin:0 0 2px;}

/* Select */
.group_Select{display:flex;flex-direction: row;}
.group_Select > dl{
	margin-right:1rem;
	position:relative;
	z-index:2;
}
.group_Select > dl > dt,
.group_Select > dl > dd{
	text-align: center;
	min-width:200px;
	overflow:hidden;
	border:1px solid #000;
    height:0;
}



#sel_lineup  > dt,
#sel_lineup  > dd{
	min-width:300px;
}

.group_Select > dl > dt{
	padding:0.5rem 1rem;
	cursor:pointer;
	height:26px;
	font-weight:700;
}
.group_Select > dl > dd{
	padding: 0!important;
	position:absolute;
	top:25px;
	background-color:#eee;
	max-height:25rem;
	overflow:auto;
}
.group_Select > dl > dd > ul{
	padding:0.5rem 1rem;
}
.group_Select > dl > dd > ul > li{
	padding:.3rem;
	cursor:pointer;
	text-align: left;
}
.group_Select > dl > dd > ul > li:hover{
	background-color:#666;
	color:#fff;
}

/* Color Set */
.cs-sample{
	background: linear-gradient(90deg, #fdcd3b 50%, #ffed4b 50%);
}
.cs-black{
	background: linear-gradient(90deg, #fdcd3b 50%, #ffed4b 50%);
}

/* set Status */
dl.g_Status{
    width:227px;
    position:relative;
    margin-top:0.5rem;
    display:None;
}
dl.g_Status > dt > button{
    margin:0;
}
dl.g_Status > dd.list_Status{
    width:227px;
    position:absolute;
    z-index:2;
    background-color:#ccc;
    overflow:hidden;
}
dl.g_Status > dd.list_Status ul{
    overflow:hidden;
}
dl.g_Status > dd.list_Status ul > li{
    padding:0.75rem .5rem;
    cursor:pointer;
    font-size:1.1rem;
    border-bottom:1px solid #000;
}
dl.g_Status > dd.list_Status ul > li:hover{
    background-color:#999;
    color:#fff;
    font-weight:600;
}

.overlay{
    position:fixed;
    z-index:9;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    /* display:flex; */
    display:none;
    align-items: center;
    justify-content: center;
    opacity:0;
    font-size:2rem;
}
.overlay_Content{
    width:480px;
    height:90%;
    display:none;
    opacity:0;
    position:relative;

    overflow: hidden;
}
#contents_Detail{
    display:flex;
    flex-direction: column;
}
#iframe_Detail{
    width:100%;
    height:100%;
    border-radius: 1rem;
    border:0;
}
.overlay_footer{
    padding:1rem;
    text-align: center;
}
.close_Overlay{
    position:absolute;
    top:2rem;
    right:2rem;
    font-size:3rem;
    cursor:pointer;
    color:#fff;
}

dl#user_Info{
    position:absolute;
    right:2px;
    top:2px;
    z-index:2;

}
dl#user_Info dd ul li{
    padding:1rem;
    color:#000;
    border:1px solid #000;
}
span.car_Status{
  display:block;
  font-weight:600;
  font-size:1.5rem;
  margin:1rem;
}
.form.search{
  border: 3px solid #000;
  padding: 2rem;
  padding-bottom: 4rem;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form.search div.line{
    border-top:1px solid #ddd;
    margin-bottom:0.5rem;
}
.form.search > dl{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.form.search > dl.full{
  width:100%;
}
.form.search > dl > dt{
    margin-right:1rem;
    font-weight:600;
    min-width:5rem;
}
.form.search > dl > dd{
  display:flex;
  align-items: center;
}
.form.search > dl > dd > label{
  display:flex;
  align-items: center;
  flex-direction: row;
  margin-right:1em;
}
.form.search > dl > dd > label > input[type="checkbox"]{
  margin-right:0.3em;
}
.form.search > dl > dd > label.ad_etc{
  font-weight:800;
  color:#FFF;
  background:#000;
  border-radius: .4rem;
  padding:.3rem .6rem;
}
.form.search > dl > dd > label.ad_etc [type="checkbox"]{
  margin-right:0;
}


.form.search > dl > dd > *{
    margin-right:0.5rem;
}
.form.search button{
    width:auto;
}
.form.search.setup label > span{
  margin-right:.3em;
}

.form.search.position{
  padding:2rem;
}
.form.search.position > dl{
  display:flex;
  flex-direction: column;
  margin-bottom:0;
}
.form.search.position > dl dt{
  text-align: center;
  width:100%;
  font-size:1.3rem;
  margin-bottom:0.6em;
  padding-bottom:.3em;
  margin-bottom:.3em;
}
.form.search.position > dl dd{
  margin-bottom:0.6em;
  width:100%;
}
.form.search.position > dl > dd > ul > li{
  margin-bottom:0.3em;
  padding:.2em;
}
.form.search.position > dl > dd > ul > li.area_1{
  background:#f4c6c6;
}
.form.search.position > dl > dd > ul > li.area_5{
  background:#80a5c1;
}

.form.search.position > dl .btn_group{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
}

.form.search.position > dl .btn_group.form-register{
  background:#000;
  border:1px solid #000;
  padding:.3em;
}
.form.search.position > dl .btn_group.form-register button{
  width:100%;
}


.form.search.position > dl .btn_group > span,
.form.search.position > dl .btn_group > select,
.form.search.position > dl .btn_group > input[type="text"],
.form.search.position > dl .btn_group > button{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  padding:0.3em;
  min-height:26px;
}
.form.search.position > dl .btn_group > span{
  width:6em;
}
.form.search.position > dl .btn_group > button#btn_reg_position{
  /* width:5em; */
}
.form.search.position > dl .btn_group > select{
  margin-right:.3em;
}
.form.search.position > dl .btn_group > input[type="text"]{
  margin-right:.3em;
  width:10em;
}
.form.search.position > dl .btn_group > button{
}
.form.search.position > dl .btn_group.list button{
  margin-right:.3em;
}
.form.search.position > dl .btn_group.list button.btn_mod_position,
.form.search.position > dl .btn_group.list button.btn_del_position{
  width:5em;
}

dl.range label{}
dl.range label span{
  margin-left:.3rem;
}
dl.range label .price[type='text']{
  text-align: right;
}


#btn_reg_position{
  background: #0064a4;
}
.btn_mod_position{
  background: #7f8100;
}
.btn_del_position{
  background: #f00;
}
[name="count_reg_position"], [name="count_position"]{
  width:4em !important;
}

#list-Table-Container{
  margin-top:4em;
  position:relative;
}
#list-Table-Container h2{
  text-align: left;
  font-weight: 800;
  font-size: 1.6rem;
  padding: .5rem 0 1.6rem;
  color:#0064a4;
  border-bottom:1px solid #e1e1e1;
}
#list-Table-Container h2 i{
  font-size: 1.4rem;
  color: #0064a4;
}
#list-Table-Position{
  padding:1em 0;
}




button#btn_Search{
    position:absolute;
    width:100px;
    height:40px;
    left:calc(50% - 50px);
    bottom:1px;
}

.grp_Element{
    display:flex;
    align-items: center;

}
td .grp_Element{
  justify-content: center;
  margin:0.3rem 0;
  padding:0.6rem 0;
}
td .grp_Element:first-child{
  border-bottom:1px solid #cecece;
}
td .grp_Element_2{
  justify-content:start;
}
td .grp_Element_2 > label{
  display:flex;
  align-items: center;
}
td .grp_Element_2 > label > span{
  display:inline-block;
  width:9rem;
}
td .grp_Element_2 > label > input[type="text"]{
  border:1px solid #eee;
  margin-right:.6rem;
}
td .grp_Element_2 > label > input[name="ext_company_number"]{
  width:16rem;
}
td .grp_Element_2 > label > input[name="ext_bank_name"]{
  width:8rem;
}
td .grp_Element_2 > label > input[name="ext_bank_number"]{
  width:16rem;
}

ext_company_number

.search_Form{
    background-color:#000;
    color:#fff;
    padding:1rem;
    margin-bottom:1px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.search_Form > dl{display:flex;align-items: center;}
.search_Form > dl > dt,
.search_Form > dl > dd{
    font-size:14px;
    font-weight:800;
}
.search_Form > dl > dt{
    margin-right:1rem;
    color:#fff;
}
.search_Form > dl > dd{
    color:#ccc;
}
.search_Form > dl > dd > label{
    margin-left:3rem;
}
.search_Form > dl > dd > label > span{margin-right:1rem;}
.search_Form > button{
    margin-right:0;
    width:auto;
    color:#000;
    background: linear-gradient(0deg, #fdcd3b 50%, #ffed4b 50%);
}
.search_Form > button#btn_Search_Customer{
  margin:1rem auto;
}

.goods-Ready{
    width:100%;
    display:block;
    text-align: center;
}


.car_Status_0{ color:#adadad; }
.car_Status_1{ color:#a16060; }
.car_Status_2{ color:#f00; }

.status_Data{
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0;
    margin-bottom:1rem;
}
.status_Data > span{
    font-weight:800;
    text-align: center;
    color:#8f772f;
    font-size:1.1rem;
}
.status_Data > span:first-child{
    margin-right:1rem;
}

.table_Status th,
.table_Status td{
  padding:0.3em 1em;
  border:1px solid #999;
}
.table_Status th,
.table_Status td.th{
  text-align: center;
  background-color: #eee;
  color:#333;
}
.table_Status td textarea{
  width:100%;
  padding:0.5em;
}
.grp_radio{
  display:flex;
  align-items:center;
}
.grp_radio > span{
  margin-right:1em;
}
.grp_radio label{
  display:flex;
  align-items:center;
  cursor:pointer;
}
.grp_radio label [type=text]{
  border:1px solid #ccc;
}
.info-Hidden{
  width:100%;
  display:None;
}

.group_Radio{
  display:flex;
  flex-direction: row;
}
p.group_Radio{
}
p.group_Radio > label{
  display:flex;
  margin-left:1em;
}
p.group_Radio > label > input{
  margin-right:0.3em;
}

.group_Schedule{
  display:flex;
  flex-direction: row;
  padding:0;
}

td .group_Schedule{
  justify-content: center;
  align-items: center;
  margin-top:5rem;
}

.group_Schedule > label{
  border:1px solid #000;
  border-radius: 5px;
  padding:.3em;
  background-color:#eee;
  cursor:pointer;
}

label.item_Schedule{
    display: flex;
    flex-direction: row;
    margin-right: 4px;
    align-items: center;
    padding: .3em 0.6em;
    font-weight: 400;
    color: #000;
    position: relative;
    min-width: 100px;
    justify-content: center;
}
.group_Schedule > label:first-child{
  /* min-width:60px; */
}

.group_Schedule > label.etc_etc{
  min-width:60px;
}


/* 10,13번째는 제외 */
label.item_Schedule.key_10,
label.item_Schedule.key_13{
  display:none;
}


label.item_Schedule > input{
  margin-right:0.5em;
}

label.item_Schedule > input.chk_Schedule{
  display:none;
}

label.item_Schedule > input.chk_Schedule.schedule_50{
  display:inline-block;
}

label.item_Schedule.add_info{
  background-color:#cfcfcf;
  color:#000;
  font-weight:bold;
}

.item_Schedule_drag {
  cursor: grab;
}

.item_Schedule_drag:active {
  cursor: grabbing;
}

.item_Schedule.dragging {
  opacity: 0.5;
  border: 1px dashed #000;
}

.btn_Start_Schdule{
  position:relative
}
.btn_etc_etc,
.btn_etc_2st,
.btn_etc_fix,
.btn_Start_Schdule{
  margin:0;
  margin-right: 6px;
  align-items: center;
  padding: .3em 1.6em;
  font-weight: 800;
  color: #fff;
  min-width: auto;
  width:auto;
  min-height:24px;
  border-radius:5px;
  background:rgb(172, 0, 0);
  border:1px solid #000 !important;
  /* background: linear-gradient(0deg, #9a0000 50%, #ff0000 50%); */
}
.btn_Start_Schdule.active{
  color:#000;
  background:rgb(255, 217, 0);
}
.btn_Start_Schdule.disabled{
  background:rgb(116, 116, 116);
}
.btn_etc_etc,
.btn_etc_2st,
.btn_etc_fix{
  background-color: #cfcfcf;
  color: #000;
  font-weight: bold;
  margin-right:4px;
}
.scd_checker{
  position:absolute;
  left:0;
  bottom:36px;
  width:100%;
  height:100%;
  color:#000;
}
.scd_checker > span{
  display:block;
  font-size: 11px;
  letter-spacing: -1px;
  line-height: 1.35;
}
.scd_checker_name{
  color:#009cff
}
.scd_checker_date{
  color:#f00;
}

span.schedule_sign{
  display:inline-block;
  width:100%;
  height:3px;
  /* background-color:#fff; */
  position:absolute;
  left:0;
  top:-10px;
  font-weight:800;
}
span.schedule_sign.isData{
  /* background-color:#009cff; */
}
span.schedule_sign.sign_35 .schedule_reg_date{
  display:block;
}

span.schedule_title{
  position:absolute;
  left:0;
  bottom:0;
  display:inline-block;
  width:100%;
  text-align: center;
  color:#009cff;
  font-size:11px;
  letter-spacing: -1px;
  line-height:1.35;
}
span.schedule_reg_date{
  display:inline-block;
  /* width:100%; */
  color:#f00;
  font-size:11px;
  letter-spacing: -1px;
}
span.schedule_reg_date > span{
  display:inline-block;
  width:100%;
  font-weight:800;
}
span.schedule_reg_date > span.dis{
  color:#ccc;
}
span.schedule_reg_date .out_8{
  color:#f00;
}
span.schedule_reg_date .out_8 > span{
  color:#f00 !important;
}

/* 외부 업체 입력 폼 */
.form_external{
  display:none;
}
.form_external table{
  margin:auto;
}
.form_external table caption{
  text-align: left;
}
.form_external table caption label span{
  display:inline-block;
  min-width:6em;
  margin-right:1em;
}
.form_external table td{
  padding:.3em 0 !important;
  border:0 !important;
}
.end_line{
  width:100%;
  border-bottom:1px dashed #757575;
  padding-bottom:1rem;
  align-items: flex-start !important;
}
.end_line > dt{
  display:flex;
  align-items: center;
  justify-content: space-between;
}
dd.etc_work_list > ul > li{
  display:flex;
  flex-direction: row;
  align-items: center;
  margin-bottom:.3rem;
}
dd.etc_work_list > ul > li:last-child{
  margin-bottom:0;
}
input[name="work_won"]{
  width:10rem !important;
}
button.btn_add_work{
  width:2rem;
  height:2rem;
  background:none;
  color:#ff0000;
  margin:0;
}
td.grp_value dl{
  display:flex;
  align-items: center;
  margin-bottom:.3em;
  width:32%;
  margin-bottom:1em;
  min-height:22px;
}
td.grp_value dl.full{
  width:100%;
}
td.grp_value dl dt{
  min-width:8em;
  margin-right:0.6em;
}
td.grp_value dl dd{
  width:100%;
}

td.grp_value dl dd .div_vat{
  display:flex;
}
td.grp_value dl dd .div_vat label{
  display:flex;
}
td.grp_value dl dd .div_vat label > *{
  width:min-content;
  min-width:3rem;
}

td.grp_value dl dd label{
  display:flex;
  align-items: center;
}
dd.checkbox_dd{
  display:flex;
  flex-direction: row;
}
dd.checkbox_dd > label{
  margin-right:1em;
}
dd.checkbox_dd > label:last-child{
  margin:0;
}
dd.checkbox_dd > label > span{
  margin-right:0.3em;
}
dd.checkbox_dd input[type="checkbox"]{
  margin:0 .3em
}

td.grp_value dl dd input[type="text"]{
  border:1px solid #ccc;
  border-color: rgb(118, 118, 118);
  text-align: right;
  margin-right:0.3em;
}
td.grp_value dl dd input[type="text"].str{
  text-align: left;
}
td.grp_value dl dd textarea{
  min-height:5em;
  width:100%;
  border:1px solid #ccc;
  padding:0.3em;
}
td.grp_value dl.ext_type_15{
  width:50%;
}
td.grp_value dl.ext_type_15 dd{
  display:flex;
}
td.grp_value dl.ext_type_15 dd > label{
  margin-right:1em;
}
td.grp-account > dl.ext.hidden{
  display:none;
}

td.grp_value dl.consignment{
  width:fit-content;
  display:flex;
  align-items: center;
}
td.grp_value dl.consignment dd{
  display:flex;
  /* justify-content: space-between; */
  align-items: center;
  margin-right:.6rem;
}
td.grp_value dl.consignment dd label{
  display:flex;
  justify-content: space-between;
}
td.grp_value dl.consignment dd input[type="text"]{
  width:10rem !important;
  height:2rem;
}
td.grp_value dl.consignment dd button{
  width:10rem !important;
  height:2rem;
  margin:0;
}
td.grp_value dl.consignment dd select{
  height:2rem;
  margin-right:.3rem;
}
td.grp_value dl.consignment dd label > input[type="radio"]{
  margin-right:0.3em;
}
td.grp_value dl.consignment dd label > span{
  display:inline-block;
  min-width:2em;
  margin-right:0.6em;
}
td.grp_value dl.consignment dd.list_consignment{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
}
div.list-consign{
  width:100%;
  margin:.3rem 0;
  cursor:pointer;
}
div.list-consign > span{
  color:#009cff;
}
div.list-consign.text-red > span{
  color:#ff6c00;
}


.form_external .grp_btn{
  position:relative;
  height:20px;
}
.form_external .grp_btn > button{
  position:absolute;
  width:auto !important;
  padding:.3em 1em;
  margin:0;
}
.btn_seq_receive{
  left:0;
}
.btn_ext_update{
  left:calc(50% -  50px);
}
.btn_seq_send{
  right:0;
}


@keyframes zoomout {
  0% { background-size: 15%; }
  50% { background-size: 80%; }
	100% { background-size: 15%; }
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}


/* 전화번호 검색 */
.form_Common_Search{
    display:flex;
    align-items: center;
    font-weight:800;
    margin-bottom:.6rem;
    padding:.3rem;
    background:#666;
    border-radius: 16px;
}
.form_Common_Search > label{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.form_Common_Search > button,
.form_Common_Search > label > input,
.form_Common_Search > label > span{
    display:inline-block;
    height:auto;
    font-size:16px;
    font-weight:800;
    padding:0.3rem;
    margin:0 .3rem;
    text-align: center;
}
#btn_common_car_number{
  background:#000;
  border-radius: 12px;
}
.form_Common_Search > label > span{
    width:auto;
}
.form_Common_Search > label > input{
    width:180px;
}
.form_Common_Search > button{
    width:100px;
    height:30px;
}
[name="sch_common_car_number"]:focus{
    border:2px solid #f00;
}

.doc_grade{
  float:left;
  display:flex;
  align-items: baseline;
  margin-bottom:.5em;
}
.doc_number{
  float:right;
  display:flex;
  align-items: baseline;
  margin-bottom:.5em;
}
[name="doc_grade"]{
  width:auto;
  padding:0.2em 0.3em;
}

.doc_number > span,
.doc_number > input{display:inline-block;width:auto !important;}
.doc_number > span{
  margin-right:1em;
}
.doc_number > input{
  max-width:6em;
  border:1px solid #000 !important;
}

figure > .btn_grp{
  display:flex;
  align-items: center;
  justify-content: center;
}
figure > .btn_grp li{
  width:100%;
  padding:0 1px;
}
figure > .btn_grp > li > button{
  border:1px solid #000 !important;
}
.btn_Chg_image{
  display: block;
  width: auto;
  color: #000;
  font-weight: 700;
  margin: 0 auto;
  cursor: pointer;
  width: 100%;
  background: linear-gradient(0deg, #fdcd3b 50%, #ffed4b 50%);
  padding:.3rem;
  border: 1px solid #000;
  text-align: center;
}
.btn_Chg_image > [type="file"]{
  display:none;
}

/* 매입 정보 */
.info_get{
  display:flex;
  align-items: center;
}
.info_get > label{
  margin-right:0 !important;
}
.info_get > span{
  font-weight:800;
  font-size: 1.2rem;
  margin:0 1em;
  line-height:1;
  color:#f00;
}
.info_get > div.info_get_total{
  display:flex;
  align-items: center;
  font-weight:800;
}
.info_get > div.info_get_total > span{
  margin-right:.3em;
}
#info_get_total{
  color:#f00;
}

/* 위치 */
#list-Table.list_Car.position{
  margin-top:2em;
}
#list-Table.list_Car.position tbody td{
  text-align: center;
  vertical-align: top;
}
#list-Table.list_Car.position caption{
  text-align:left;
  font-weight:800;
  font-size:1.6rem;
  padding:.5rem 0 .8rem;
  color:#0088c7;
}
#list-Table.list_Car.position caption > i{
  font-size:1.4rem;
  color:#0064a4;
}

.pos-radio-group{
  display:flex;
  width:fit-content;
  border:1px solid #ccc;
  border-radius: 5px;
  padding:1em;
  margin:0 auto;
  background:#000;
  color:#fff;
  position:absolute;
  right:0;top:0;
}
#posi-area{
  right:200px;
  background:#0078d4;
  border:1px solid #0078d4;
}

.pos-radio-group > label{
  display:flex;
  margin-right:1em;
}
.pos-radio-group > label > input[type="radio"]{
  margin-right:.3em;
}
[name="txt_position"]{
  text-align: left !important;
}

dl.L1_list{
  margin-bottom:2em;
}
dl.L1_list > dt{
  text-align: left;
  color:#f00;
  margin-bottom:2em;
  border-bottom:1px solid #999;
}
dl.L1_list > dt > span{
  display:inline-block;
  background-color:#efefef;
  color:#000;
  padding:.6em 1.2em;
  font-size:1.1em;
  border-radius: 5px 5px 0 0;
  font-weight:800;

}
dl.L1_list > dd{
  margin-left:2em;
  margin-bottom:1em;
}
dl.L2_list{
  margin-bottom:1em;
}
dl.L2_list{
  width:100%;
  display:flex;
}
dl.L2_list > dt{
  margin-right:1em;
  padding:.6em 0;
  width:10em;
  text-align: center;
  color: #0064a4;
  font-weight:800;
}
dl.L2_list > dd{
  width:calc(100% - 6em);
}
ul.L3_list{
  /* display:flex;
  flex-wrap: wrap; */
}
ul.L3_list > li{
  background-color:#fdffe2;
  padding:.2em .6em;
  border-radius:20px;
  /* border:1px solid #ccc;
  padding:.3em;
  min-width:10em;
  margin-left:1em;
  margin-bottom:1em; */
}

#print_Excel{
  border:1px solid #84bf58;
  border-radius: 5px;
  padding:1em;
  position: relative;
  margin-bottom:0.5em;
}
.print_Excel_Item{
  position:relative;
  /* display:flex;
  align-items: center;
  justify-content: space-around; */
}

.print_Excel_Item label{
  display:flex;
  margin-right:0.6em;
}
.print_Excel_Item label > span,
.print_Excel_Item label > input{
  margin-right:.3em;
}

.print_Excel_inner{
  margin:0.3em 0;
  padding:0.3em;
  font-size:1em;
}
.print_Excel_inner dl{
  display:flex;
  align-items: center;
}
.print_Excel_inner dl dt{
  margin-right:1em;
  font-weight:800;
  min-width:6em;
}
.print_Excel_inner dl dd{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  width:90em;
}
.print_Excel_inner label{
  display:flex;
  align-items: center;
}
.print_Excel_inner dl dd .div{
  display: block;
  clear:both;
}

/* #btn_print_Excel{
  position:absolute;
  right:1em;
  top:calc(50% - (40px/2) );
  width:auto;
  margin:0;
  background: linear-gradient(0deg, #3a5c21 50%, #669244 50%);
  border:1px solid #000 !important;
} */

#list_Excel_Item{
  width:100%;
}
.excel_history_item_list{
  margin-bottom:.6em;
  padding-left:1em;
}
.excel_history_item_list > *{
  display:inline-block;
  width:auto;
  margin-right:.6em;
}
.excel_history_item_list > span{
  border:1px solid #ccc;
  padding:0 .3em;
}
.excel_history_item_Apply{
  width:auto; height:16px;
  padding:0 .3em;
  background: linear-gradient(0deg, #3a5c21 50%, #669244 50%);
}
.excel_history_item_del{
  width:16px;height:16px;
  padding:0;
}

#excel_history_item_all{
  width:auto; height:16px;
  margin:0;
  padding:0 .3em;
  background: linear-gradient(0deg, #3a5c21 50%, #669244 50%);
}
input[name="excel_name"]{
  font-weight:bold;
  color:#ff6c00;
}
a.btn_paging{
  border:1px solid  #ccc;
  padding:.3em .6em;
}
li.btn_paging{
  padding:1em .1em !important
}
.cash_price{
  display: inline-flex;
  justify-content: right;
  align-items: center;
  margin:.3em 0;
}
[name="cash_price"]{
  width:5em !important;
  text-align: right !important;
  border:1px solid #ccc !important;
  margin:0 .3em
}

fieldset{
  border:1px solid #ccc;
  border-radius: 5px;
  padding:0.3em;
  margin-bottom:0.3em;
  text-align: left;
  font-size:11px !important;
}
fieldset > legend{
  margin:0 auto;
  border:1px solid #ccc;
  border-radius: 5px;
  padding:.3em 0.6em;
}
fieldset label,
fieldset label span{
  font-size:11px !important;
}
fieldset label span:last-child{
  /* float:right; */
}

#list-Table-standby caption,
#list-Table-AD caption{
  text-align:left;
  font-weight:800;
  padding:.5rem 0 .8rem;
  min-height:auto;

}
#list-Table-AD caption > span,
#list-Table-standby caption > span{
  font-size:1.1rem;
  color:#ff0000;
  animation: blink 0.5s step-start infinite;
}
@keyframes blink{
  50%{opacity:0;}
}


#list-Table-AD caption > i,
#list-Table-standby caption > i{
  font-size:1.4rem;
  color:#0064a4;
}
#list-Table-AD th,
#list-Table-AD td,
#list-Table-standby th,
#list-Table-standby td{
  text-align: center;
}
#table-list-accounting tbody a,
#list-Table-AD tbody a,
#list-Table-standby tbody a{
  color:#f60;
  font-weight:800;
  text-decoration: underline;
  text-underline-offset: 3px;
}


#table-list-member td{
  border:0;
}
.underline{
  border-bottom:2px solid #414141 !important;
}
.underline-2{
  border-bottom:1px solid #ccc !important;
}
.allow_admin_menu{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color:#0078d4;
}
.allow_admin_menu > label{
  display:flex;
  align-items: center;
  margin-right:1.2rem;
}
.allow_admin_menu > label.checked span{
  font-weight:800;
}
.allow_admin_menu > label > input[type="checkbox"]{
  margin-right:.3rem;
}
.allow_admin_menu > label > span{
  font-weight:400;
}
.mb_name_re{
  color:#0064a4;
  font-weight:800;
}
.btn_all_allow{
  margin:0;
  padding:0.1rem 0.3rem;
  width:auto;
  background:none;
  background-color:#0078d4;
  color:#fff !important;
}


#table-list-accounting > tbody > tr > td{
  vertical-align: top;
  border-bottom:1px solid #000;
}


.accounting td.cd_Number{
  font-weight:800;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle !important;
}
.accounting td.cd_Number > a{
  width:100%;
  text-align: center;
  display:inline-block;
}
.accounting td.cd_Number span{
    font-weight:400;
    color:#666;
}
.status_seq_str{
  color:#ccc;
}
.status_seq_str.ing_0{
  /* color:#ff6c00; */
}
.status_seq_str.ing_1{
  color:#0078d4;
}
.status_seq_str.ing_2{
  color:#0064a4;
}

td.ext_work{
  /* padding:1rem; */
}
td dl.ext{
  margin-bottom:.6rem;
}
td dl.ext > dt{
  font-weight:800;
  padding:.3rem .6rem;
  background-color: rgba(90, 90, 90, 0.3);
  color:#000;
}
td dl.ext.in > dt{
  background-color: rgb(36,164, 255, 0.3);
}
td dl.ext.out > dt{
  background-color: rgb(255, 108, 0, 0.3);
}
td dl.ext.payment > dt{
  background-color: rgb(255, 108, 0, 0.3);
}
td dl.ext > dt > span{
  float:right;
}
td dl.ext > dd{
  /* padding:.3rem 0; */
}
td dl.ext:last-child{
  border-bottom:0;
}
dl.ext_add{
  display:flex;
  align-items: center;
  justify-content: space-between;
}
dl.quest{
  display:flex;
  align-items: center;
  justify-content: space-between;
  /* padding:0 .6rem; */
  margin:.3rem 0;
}
dl.quest.iam{
  color:#0064a4;
  font-weight: 800;

}
dl.quest.other{
  color:#f00;
  font-weight: 800;
}
dl.quest > dt{
  /* min-width:6rem; */
  min-width:0;
}
.ext_work dl.quest.won{
  margin-top:.6rem;
}
td.grp-account input.complete_accunting{
  border:1px solid #000;
}
td.grp-account button.complete_fin_accunting{
  width:100%;
  background:#f00;
  padding:1rem;
  font-size:1.2rem;
}
td.grp-account button.complete_fin_accunting.lock{
  background-color:#000;
  opacity: .3;
}

/* 정산 완료 후 readonly 표시 */
[readonly]{
  background-color:#f6f6f6;
  color:#666;
  border-color:#ccc;
  cursor:not-allowed;
}

/* readonly 포커스 효과 제거 */
td.grp-account input.complete_accunting[readonly]:focus{
  box-shadow:none;
}
td.grp-account > dl.ext{
  display:flex;
  align-items: center;
  margin-bottom:0;
}
td.grp-account dl.ext.totally{
  display:flex;
  align-items: center;
  margin-bottom:.3rem;
  justify-content: space-between;
}
td.grp-account  dl.ext.totally > dd{
  font-weight:800;
  text-align: right;
}
dd.fee > input[type="text"]{
  margin-right:.3rem;
  border:1px solid #ccc;
  text-align: right;
  width:calc(100% - 2rem);
}
td.grp-account dl.ext > dt{
  width:8rem;
  margin:0;
}
td.grp-account > dl.ext > dd{
  display:flex;
  align-items: center;
  justify-content: right;
  width:100%;
}
td.grp-account button{
  margin:0;
  width:70%;
  margin-right:0.1rem;
}
td.grp-account button:last-child{
  margin-right:0;
}

td.grp-account button{
  background: linear-gradient(0deg, #0064a4 50%, #009cff 50%);
  color: #fff;
  border-radius: 4px;
}
td.grp-account button.btn-payment{
  background: linear-gradient(0deg, #9a0000 50%, #ff0000 50%);
  color: #fff;
}
td.grp-account button.complete{
  background: rgb(0, 0, 0, 0.1) !important;
  color:#fff;
}
td.grp-account button.btn-accounting-memo{
  background: rgb(0, 0, 0, 0.5) !important;
  /* width:10rem; */
  color:#fff;
}
button.memo{
  position:relative;
}
button.memo.complete::before{
  color:#000;
  background:#000;
}
button.memo::before{
  /* font-family:FontAwesome;
  content:"\f111";
  font-size:6px;
  color:#fff; */
  content:"";
  display:block;
  position:absolute;
  width:4px;
  height:4px;
  background:#fff;
  top:2px;
  right:2px;
  animation: blink-effect .5s step-end infinite;
  opacity: 0.8;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 6px;

  /* position:absolute;
  bottom:0;
  left:0; */
}
td.grp-account button.complete > span{
  color:#000;
  font-size:0.9rem;
}
td.grp-account label{
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin:0 auto;
  margin-right:.6rem;
  width:100%;
}
td.grp-account label [type="text"]{
  margin-right:.3rem;
  text-align:right;
  width:100%;
}
.divider{
  height:1px;
  border-top:1px dashed #000;
  margin:.6rem 0;
}
dl.totally b{
  margin-right:.6rem;
  font-weight: 800;
}
td dl.totally.finally{
  /* background:rgb(0, 0, 0); */
  color:#000;
  font-size:1.1rem;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:.3rem;
}
td dl.totally.finally dt{
  background:#fff;
  color:#000;
  font-size:1.1rem;
}
td dl.totally.finally b{
  font-size:1.1rem;
}
table.table_account th,
table.ext_work_info th{
  background:#515151;
}
.table_account td,
table.ext_work_info td{
  vertical-align: top;
  line-height: 1.25;
  font-weight:400;
  padding:.3rem;
  font-size:1.1rem;

}
table.ext_work_info td > b{
  color:#0064a4;
  font-size:1.1rem;
}
table.ext_work_info td > span{
  color:#999;
}
table.ext_work_info td{
  border-bottom:1px solid #000;
}

.work_list{
  font-weight:400;
  border-top : 1px solid #ccc;
  margin-top:.3rem;
  padding-top:.3rem;
  display:none;
  transition: all 1s ease-in-out;
}
.work_list.show{
  display:block;
}
td.ext_work_info_td{
  position:relative;
}
td.ext_work_info_td > button{
  position:absolute;
  width:auto;
  font-size:0.8rem;
  top:1.2rem;
  right:.6rem;
  border-radius: 0.6rem;
  padding:0.3rem 0.6rem;
}
td.ext_work_info_td > button.accounting_memo{
  top:2.4rem;
}
.click_item:hover{
  background-color: #fff;
  color:#000;
}
label.external_type.type_45{
  color:#000;
  font-weight:600;
  background:#d1ebff;
  padding:.3rem;
}
label.etc_etc,
label.etc_2st,
label.etc_work{
  display:inline-block;
  background-color: rgb(36,164, 255, 0.3);
  color:#000;
  padding:0;
  margin-right:4px;
  position:relative;
  display: flex;
  flex-direction: row;
  margin-right: 4px;
  align-items: center;
  font-weight: 400;
  color: #000;
  position: relative;
  min-width: 100px;
  justify-content: center;
}

label.etc_etc .schedule_sign.isData,
label.etc_2st .schedule_sign.isData,
label.etc_work .schedule_sign.isData{
  display:inline-block;
}
label.etc_etc .schedule_reg_date,
label.etc_2st .schedule_reg_date,
label.etc_work .schedule_reg_date{
  width:100%;
}
label.etc_etc .schedule_reg_date > span,
label.etc_2st .schedule_reg_date > span,
label.etc_work .schedule_reg_date > span{
  display:flex;
  width:100%;
  justify-content: space-between;
}

label.etc_etc .schedule_reg_date > span > span:first-child,
label.etc_2st .schedule_reg_date > span > span:first-child,
label.etc_work .schedule_reg_date > span > span:first-child{
  font-weight:800;
  color:#000;
}
label.etc_etc .schedule_reg_date > span > span:last-child,
label.etc_2st .schedule_reg_date > span > span:last-child,
label.etc_work .schedule_reg_date > span > span:last-child{
  color:#009cff;
}
button.btn_etc_etc,
button.btn_etc_2st,
button.btn_etc_fix{
 border:0 !important;
 margin:0;
 min-height:22px !important;
 width:100%;
}
.table_account tbody > tr > td{
  vertical-align: top;
}
p.complete_Account{
  font-weight:800;
  margin:1rem 0;
  line-height: 1.6;
}
.List_Position_car{
  display:flex;
  border-bottom:2px solid #000;
  padding-bottom:3rem;
}

.List_Position_car > dt{
  margin-right:3rem;
  padding-top:42px;
}
.form.form-register.model fieldset > dl.table_car_status{
  display:none;
}
#btn_show_car_status{
  width:50%;
  margin:1rem auto;
}

#overlay_Memo{
  background:rgb(0, 0, 0, 0.5);
  opacity: 1;
}
.memo_Container{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  padding:0.6rem;
  width:20rem;
  border-radius: 4px;
  background:rgba(0, 0, 0, 0.7);
  color:#fff;
  cursor:move;
}
#memo_Container{
  display:none;
}
.memo_Container > *{
  width:100%;
  margin-bottom:.6rem;
}
.memo_Container > h2{
  padding:.3rem 0;
  font-weight:800;
}
.memo_Container > p{
  text-align: center;
}
.memo_Container > textarea{
  height:6rem;
  padding:.6rem;
  background-color: #333;
  color:#fff;
  resize: none;
}
.memo_Container .btn_grp{
  display:flex;
  justify-content: space-between;
}
.memo_Container .btn_grp > button{
  padding:.6rem;
  background: #000;
  color:#fff;
  border-radius: 4px;
  margin:0 .1rem;
}
.dragging{
  opacity: 0.5;
  transition: opacity 0.2s;
}

.add_totally{
  display:flex;
  flex-direction: column;
  margin-top:1rem;
}
.add_totally > dt{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  font-weight:800;
  margin-bottom:.3rem;
  padding-left:1rem;
}
.add_totally > dt > span{
  margin:0;
  margin-right:0rem;
}
.add_totally > dt > button{
  margin:0;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius: 100%;
  font-weight:800;
  background:none;
  color:#f00;
  line-height: 1;
  margin-left:0.5rem !important;
  margin-bottom:.3rem;
}
.add_totally > dd > dl{
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
  justify-content: space-between;
}
.add_totally > dd > dl > dt,
.add_totally > dd > dl > dd{
  margin:0; padding:0;
  font-weight:800;
}
.add_totally > dd > dl > dt{
  width: 80px;
  margin: 0;
  padding:0;
  font-weight: 800;
  color: #000;
  margin-right:2px;
}
.add_totally > dd input[type="text"]{
  width:100%;
  height:100%;
  padding: .3rem .6rem;
}
.add_totally > dd > dl > dt > input[type="text"]{
  padding: .4rem .6rem;
  background-color: rgb(255, 108, 0, 0.3);
  font-weight:800;
}
.add_totally > dd > dl > dd > input[type="text"]{
  width:100.56px;
  margin-right: .3rem;
  border: 1px solid #ccc;
  text-align: right;
}
.add_totally > dd.add_totally_in > dl > dt > input[type="text"]{
  background-color: rgb(36, 164, 255, 0.3);
}
.tr_acc_list.hide{
  display:none;
}
.tr_acc_list.diff > td{
  background-color: rgba(255, 0, 0, 0.1);
}


#form_member_info{
  position:absolute;
  top:40px;
  right:0;
  background:#666;
  padding:1rem;
  width:400px;
  min-height:100px;
  border-radius: 10px;
  display:none;
}
#btn_close_member_info{
  position: absolute;
  top: 6px;
  right: 6px;
  background: #000;
  width: 2rem;
  height: 2rem;
  line-height: 1;
  padding: 0;
  border-radius: 100%;
  z-index:2;
}
#form_member_info > h2{
  text-align: left;
  margin-bottom:1rem;
  font-weight:800;
  position:relative;
  font-size:1.2rem;
  border-bottom:1px solid #fff;
  padding:1rem 0;
}
#form_member_info > h2 > i{
  font-size:1.3rem;
  margin-right:0.6rem;
}

#form_member_info > .info_grp{
  display:flex;
  flex-direction: column;
}
#form_member_info > .info_grp > dl{
  display:flex;
  flex-direction: row;
  align-items: center;
  margin-bottom:.3rem;
  width:100%;
}
#form_member_info > .info_grp > dl > dt{
  width: 100px;
  margin: 0;
  padding:0;
  font-weight: 800;
  margin-right:2px;
  margin-right:.6rem;
  text-align: left;
}
#form_member_info > .info_grp > dl > dd{
  margin:0; padding:0;
  font-weight:800;
  width:100%;
  text-align: left;;
}
#form_member_info > .info_grp > dl > dd > input{
  width:100%;
  border:0;
  border-radius: 4px;
}
#form_member_info > .info_grp > dl > dd.password_input{
  display:flex;
  flex-direction: row;
}
#form_member_info > .info_grp > dl > dd.password_input > input{
  width:100%;
  height:2rem;
  margin-right:.6rem;

}
#form_member_info > .info_grp > dl > dd.password_input > input:last-child{
  margin-right:0;
}
#form_member_info textarea{
  width:100%;
  border:0;
  padding:1rem;
  border-radius: 4px;
}
#btn_save_member_info{
  background:#000;
  color:#fff;
  padding:.6rem;
  border-radius: 4px;
}
#btn_save_member_info > *{
  margin:0 .3rem;
}

table.list_car_type_2 tr.no-underline > td{
  padding:.6rem 0.3rem !important;
}

table.list_car_type_2 td.title_Model{
  position:relative;
  font-size:1.4rem;
  font-weight:600;
  left:0;
}
table.list_car_type_2 div.title_Model{
  position:relative;
  left:0;
}
table.list_car_type_2 div.title_Model > label{
  font-size:1.2rem;
  font-weight:600;
  cursor:pointer;
  display:flex;
  align-items: center;
}
table.list_car_type_2 div.title_Model > label > input{
  margin-right:.3rem;
}
table.list_car_type_2 div.title_Model > label > span{
  font-size:1.2rem;
  font-weight:600;
}
table.list_car_type_2 .grp_type_info{
  width: auto;
  transform-origin: center;
  position:relative;
}
table.list_car_type_2 td  div.grp_type_info2{
  display:flex;
  flex-direction: column;
}
table.list_car_type_2 td  div.grp_type_info2 > div{
  display:flex;
  flex-direction: row;
  justify-content: center;
}
table.list_car_type_2 td  div.grp_type_info2  span.is_Img{
  margin:.1rem;
  width:50%;
  text-align: center;
  padding:.3rem;

}
table.list_car_type_2 .is_Img{
  position:relative;
  background:#ababab;
  margin-right:.3rem;
  color:#fff;
}
table.list_car_type_2 .is_Img .date{
  position:absolute;
  width:100%;
  left:0;
  top:-18px;
  display:inline-block;
  color:#000;
  text-align: center;
}
table.list_car_type_2 .is_Img.blk{
  background:#000;
  color:#fff;
}
table.list_car_type_2 .is_Img.hyundai{
  background:rgb(16 130 190);
  color:#fff;
}
table.list_car_type_2 .is_Img.lotte{
  background:rgb(226 7 20);
  color:#fff;
  color:#fff;
}
table.list_car_type_2 .is_Img.autoclass{
  background:rgb(23 27 95);
  color:#fff;
}



table.list_car_type_2 .click_item{
  border:0;
  color:#fff;
}
table.list_car_type_2 .click_item:nth-child(1){
  background:rgb(133, 190, 255);
}
table.list_car_type_2 .click_item:nth-child(2){
  background:rgb(77, 160, 255);
}
table.list_car_type_2 .click_item:nth-child(3){
  background:rgb(32, 136, 255);
}
table.list_car_type_2 .click_item:nth-child(4){
  background:rgb(0, 119, 255);
}

/* table.list_car_type_2 .click_item.download_A1,
table.list_car_type_2 .click_item.download_B1{
  background:rgb(50, 111, 182);
} */

table.list_car_type_2 .grp_type_info .click_item{
  transition: all 0.3s ease;
}
table.list_car_type_2 .grp_type_info .click_item:hover{
  background:rgb(33, 137, 255);
}
table.list_car_type_2 .grp_is_Img{
  top:45px;
  left:20px;
  background:none;
  color:#000;
  width:auto;
  /* transform: scale(.8);
  transform-origin: top left; */
}
table.list_car_type_2 .grp_is_Img > span{
  color:#000;
  border:1px solid #000;
  padding:.6rem;
}
table.list_car_type_2 .title_Model2{
  margin:.6rem 0;
}
table.list_car_type_2 .title_Model2 span{
  font-size:1.1rem;
  color:#999;
}
table.list_car_type_2 .title_Model2 > span{
  margin-right:1rem;
  font-weight:800;
}
table.list_car_type_2 .title_Model2 > span > span{
  font-weight:400;
}

table.list_car_type_2 p.info_Model > span{
  font-size:1.2rem;
}
table.list_car_type_2 .cash_price{
  margin:0;
}

table.list_car_type_2 label{
  display:inline-flex;
  align-items: center;
  float:none;
}
table.list_car_type_2 .group_Schedule > button,
table.list_car_type_2 .group_Schedule > label{
  margin:.6rem .15rem !important;
}

table.list_car_type_2 .underline.active_4 > td,
table.list_car_type_2 .tr-item-list.active_4 > td{
  background:#e7f2ff;
}

dl.list_car_paint{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom:.3rem;
}
dl.list_car_paint dd.form-group{
  display:flex;
  align-items: center;
}
div.cnf_car_paint{
  display:flex;
  flex-direction: row;
  margin-left:1rem;
}
div.cnf_car_paint h3{
  display:flex;
  flex-direction: row;
  align-items: center;
}
div.cnf_car_paint h3 button{
  width:auto;
  background:none;
  border:none;
  cursor:pointer;
  color:#f00;
}
div.cnf_car_paint .list_paint{
  display:flex;
  align-items: center;
}
#list_paint{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  width:100rem;
}
.item_paint{
  margin:.3rem;
}
.item_paint,
.item_paint label{
  display: flex;
  align-items: center;
}
.item_paint label{
  margin-left:.3rem;
}
input[name="car_Paint_Loc"],
input[name="car_Paint_mm"]{
  background:#ececec;
  border:1px solid #ccc;;
}
input[name="car_Paint_mm"]{
  background:#fff;
}


dl.capital_before{
  display:flex;
  align-items: center;
  padding:.3rem .6rem;
  border:0;
  border-radius: 5px;
  background-color:#73a54d;
  color:#fff;
}
dl.capital_before > dt{
  font-weight:800;
}

#print_excel_form{
  display:none;
  position:fixed;
  z-index:99;
  width:1580px;
  left:calc(50% - 1580px/2) ;
  top:57px;
  border-radius: 0 0 8px 8px;
  padding:2rem;
  background-color:#000;
  color:#fff;
}
#print_excel_form.active{
  display:block;
}
#print_excel_form .excel_form > dl{
  margin:2rem 0;
  padding-bottom:2rem;
  border-bottom:1px solid #4f4f4f;
  width:calc(100% / 6);
  float:left;
  min-height:7rem;
}
#print_excel_form .excel_form > dl.full{
  width:100%;
  float:none;
  clear:both;
}

#print_excel_form .excel_form > dl > dt{
  margin-bottom:.6rem;
  padding-bottom:.6rem;
  font-weight:800;
  display:flex;
  align-items: center;

}
#print_excel_form .excel_form > dl > dt label{
  margin-left:.6rem;
}
#print_excel_form .excel_form > dl > dt label input{
  margin-right:.3rem;
}
#print_excel_form .excel_form ul.excel_items{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap: wrap;
}
#print_excel_form .excel_form ul.excel_items > li{
  width:10rem;
  margin:.3rem;
}
#print_excel_form label{
  display:flex;
  cursor:pointer;
  align-items: center;
}
#print_excel_form .excel_form ul.excel_items label > input[type="checkbox"]{
  margin-right:.3rem;
}
button#btn_print_excel{
  margin: 0 auto;
  width:auto;
  height: 30px;
  padding: 0.35rem 0.9rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #008500;
}
button#btn_print_excel > span{
  margin-right:.6rem;
}
#print_excel_form .excel_form label{
  display:flex;
  align-items: center;
  border:1px solid #454545;
  border-radius: 8px;
  padding:.3rem;
}
#print_excel_form .excel_form label.check-all{
  border:1px solid #fff;
}
#print_excel_form .excel_form label.checkbox{
  border:0;
}
#print_excel_form .excel_form label.checkbox > span{
  margin-left:.3rem;
}
.grp_type_info.grp_type_info2 .item_goods_9{
  color:#f00;
  font-weight:800;
  background:#fff;
  border:1px solid #f00;
}
.item_goods_9{
  color:#f00;
  font-weight:800;
}

#txt_count_ad{
  color:#f00;
}