@charset "utf-8";
body.scroll-disable {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
  touch-action: none;
}

/* #wrap.in-fixed-btns {padding-bottom:52px;} */
#wrap.in-filter-btn #footer {
  padding-bottom: 72px;
}

.page-dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#container {
  margin: 0 auto;
  max-width: 980px;
  min-width: 359px;
}

.arrow-down {
  margin: 20px 0 10px;
  text-align: center;
}
.arrow-down strong i {
  color: #1d7abe;
  font-size: 3.5rem;
}

.inner {
  margin: 0 auto;
  width: 94%;
}
.member-form {
  padding-top: 30px;
}
.join-header {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 8px;
  border-bottom: 1px solid #ddd;
}
.join-header .page-title {
  font-size: 2rem;
  font-weight: 800;
}
.join-header .step {
  position: relative;
  top: 4px;
  font-size: 1.3rem;
}
.form-box .row-title {
  display: block;
  position: relative;
  margin-bottom: 8px;
  font-size: 1.5rem;
  font-weight: 600;
}
.form-box .row-title em {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  font-style: normal;
}
.form-box .row-title.required em {
  padding-right: 12px;
}
.form-box .row-title.required em:after {
  display: block;
  content: '*';
  position: absolute;
  right: 0;
  top: -2px;
  color: #d00;
  font-size: 1.5rem;
  font-weight: 800;
}
.form-box .row-title.required em i {
  font-size: 1.2rem;
  font-style: normal;
}
.form-box .row-title .btn-help {
  display: inline-block;
  margin-left: 5px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  background: #444;
  border: 1px solid #444;
  border-radius: 50em;
}
.form-box .box {
  padding: 15px 5px;
}
.form-box .row {
  position: relative;
  margin-top: 10px;
}
.form-box .row + .row {
  margin-top: 15px;
}
.form-box .row input[type='text'],
.form-box .row input[type='password'],
.form-box .row input[type='tel'],
.form-box .row input[type='date'],
.form-box .row input[type='time'],
.form-box .row input[type='email'],
.form-box .row select {
  padding: 0 10px;
  width: 100%;
  height: 40px;
  letter-spacing: 0;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.form-box .row textarea {
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
  resize: none;
  box-sizing: border-box;
}
.form-box .row input[readonly] {
  background: #eee;
}
.form-box .row .result-box {
  display: none;
}
.form-box .in-box {
  display: flex;
  justify-content: space-between;
}
.form-box .sub-row-title {
  display: block;
  margin-top: 10px;
  font-size: 1.45rem;
}
.form-box .in-box .txt {
  line-height: 40px;
  font-size: 1.2rem;
}
.form-box .btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.form-box .guide-txt {
  margin-top: 8px;
  line-height: 1.4;
  font-size: 1.3rem;
}
.form-box .info {
  margin-top: 10px;
  padding: 18px 12px;
  line-height: 1.3;
  font-size: 1.6rem;
  background: #efefef;
}
.form-box .info strong {
  margin-left: 3px;
}
.form-box .info {
  margin-top: 5px;
  padding: 12px;
  background: #efefef;
}
.form-box .info dl + dl {
  margin-top: 4px;
}
.form-box .info dl dt,
.form-box .info dl dd {
  display: inline-block;
  font-size: 1.5rem;
}
.form-box .info dl dt {
  color: #666;
}
.form-box .info dl dd {
  margin-left: 3px;
  color: #222;
}
.form-box .btns {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.form-box .btns .btn {
  flex-grow: 1;
}
.form-box .btns .btn i {
  margin-right: 3px;
  color: #fff;
  font-size: 1.4rem;
}

.member-p .find-result {
  padding: 10px 0 40px;
  font-size: 1.8rem;
  text-align: center;
}
.member-p .find-result strong {
  font-size: 2rem;
}

/* .picture-slider {position:sticky; top:0; z-index:100;} */
.picture-slider {
  border: 1px solid #ccc;
}
.picture-slider ul li a,
.picture-slider ul li a img {
  display: block;
  width: 100%;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 56px;
  margin-top: -28px;
  z-index: 10;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
}
.swiper-button-prev {
  background-image: url('/resources/images/btn_slider_prev.png');
  left: 0;
  right: auto;
}
.swiper-button-next {
  background-image: url('/resources/images/btn_slider_next.png');
  right: 0;
  left: auto;
}
.attatch-box {
  border: 1px solid #ddd;
  background: #fff;
}
.attatch-box .before {
  display: block;
  position: relative;
  padding: 50px 0;
}
.attatch-box .before input[type='file'] {
  position: absolute;
  left: -9999px;
  top: 0;
}
.attatch-box .before p {
  text-align: center;
}
.attatch-box .before p i {
  display: inline-block;
  margin-bottom: 12px;
  color: #777;
  font-size: 4rem;
}
.attatch-box .before p span {
  line-height: 1.4;
  color: #555;
  font-size: 1.5rem;
  font-weight: 400;
}
.attatch-pictures ul {
  display: flex;
  flex-wrap: wrap;
}
.attatch-pictures ul li {
  position: relative;
  margin-bottom: 5px;
  margin-left: 2%;
  width: 32%;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.attatch-pictures ul li:nth-child(3n + 1) {
  margin-left: 0;
}
.attatch-pictures ul li label {
  display: block;
  position: relative;
  padding-top: 56.25%;
  width: 100%;
}
.attatch-pictures.after ul li p,
.attatch-pictures.after ul li p i {
  color: #555;
  text-align: center;
}
.attatch-pictures.after ul li p {
  position: absolute;
  top: 0;
  padding-top: 40%;
  width: 100%;
  height: 40%;
}
.attatch-pictures.after ul li i {
  left: 50%;
  top: 10%;
  transform: translate(-50%, 0);
  font-size: 2.8rem;
}
.attatch-pictures.after ul li p span {
  font-size: 1.4rem;
  font-weight: 400;
}
.attatch-pictures ul li:nth-child(5) .dim,
.attatch-pictures ul li:nth-child(6) .dim {
  background: rgba(0, 0, 0, 0);
}
.attatch-pictures ul li:after {
  display: block;
  content: 'sample';
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 100;
  color: #fff;
  font-size: 2rem;
  text-align: right;
}
.attatch-pictures ul li input[type='file'] {
  position: absolute;
  left: -9999px;
  top: 0;
}
.attatch-pictures ul li .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.attatch-pictures ul li i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 3rem;
  opacity: 0.6;
}
.attatch-pictures ul li label.active .dim {
  display: none;
}
.attatch-pictures ul li label.active i {
  opacity: 0.4;
}
.attatch-pictures ul li .btn-delete {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 800;
  background: #d00;
}
.attatch-pictures ul li .btn-delete:before,
.attatch-pictures ul li .btn-delete:after {
  display: block;
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -1px;
  width: 18px;
  height: 2px;
  background: #fff;
}
.attatch-pictures ul li .btn-delete:before {
  transform: rotate(-45deg);
}
.attatch-pictures ul li .btn-delete:after {
  transform: rotate(45deg);
}
.attatch-pictures.after ul li:after {
  display: none;
}

.default-tbl {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #666;
}
.default-tbl th,
.default-tbl td {
  padding: 8px 6px;
  line-height: 1.3;
  font-size: 1.3rem;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #ddd;
}
.default-tbl th {
  color: #666;
  font-weight: 400;
  background: #fafafa;
}
.default-tbl dl.total {
  margin-bottom: 5px;
}
.default-tbl dl.total dt,
.default-tbl dl.total dd {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
}
.default-tbl dl.total dd {
  font-size: 1.4rem;
}
.default-tbl dl + dl {
  margin-top: 2px;
  text-align: right;
}
.default-tbl dl dt,
.default-tbl dl dd {
  display: inline-block;
  font-size: 1.2rem;
}
.default-tbl dl dt {
  color: #777;
}
.default-tbl dl dd {
  margin-top: 2px;
  color: #444;
  text-align: right;
}

.default-detail {
  padding: 20px 3%;
}
.default-detail .bedges {margin-bottom:8px;}
.default-detail .bedges span {display:inline-block; padding:0 7px; height:20px; line-height:20px; font-size:1.3rem;}
.default-detail .bedges .b-buyback {color:#fff; background:#d00;}
.default-detail:not(.bg) {
  background: #fff;
}
.default-detail dl.etc-info {
  display: flex;
  padding: 0 4px;
  height: 24px;
  line-height: 24px;
  color: #222;
  font-size: 1.3rem;
  background: #f1f1f1;
}
.default-detail dl.etc-info dt,
.default-detail dl.etc-info dd {
  font-size: 1.4rem;
}
.default-detail dl.etc-info dt {
  margin-right: 6px;
  color: #666;
}
.default-detail dl.etc-info dd {
  color: #111;
  font-size: 1.4rem;
  font-weight: 600;
}
.inner-box {
  margin-top: 8px;
  padding: 5px 10px 10px;
  background: #fff;
  border: 1px solid #ccc;
}
.inner-box:first-child {
  margin-top: 0;
}
.inner-box-title {
  display: inline-block;
  padding: 8px 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  background: #555;
}
.default-detail .car-grade {
  margin: 0 0 3px;
  line-height: 1.3;
  background: #fff;
}
.car-model span {
  font-size: 2.2rem;
  font-weight: 600;
}
.default-detail .car-grade span {
  font-size: 1.7rem;
}
.default-detail .etc-infos {
  display: flex;
}
.default-detail .etc-infos span,
.default-detail .etc-infos strong {
  display: inline-block;
  margin-right: 8px;
  padding: 4px 8px;
  font-size: 1.35rem;
  background: #f1f1f1;
}
.default-info .details {
  display: flex;
  flex-flow: row wrap;
}
.default-info .details dl {
  padding: 10px 4px 6px;
  width: 50%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.default-info .details dl.full {
  width: 100%;
  border-right: 0;
}
.default-info .details dl dt {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 1.4;
  font-size: 1.5rem;
  color: #333;
  font-weight: 600;
  text-decoration: underline;
}
.default-info .details dl dd {
  display: block;
  margin-top: 2px;
  line-height: 1.4;
  font-size: 1.6rem;
}
.default-info .details dl dd p {
  line-height: 1.5;
  font-size: 1.5rem;
}
.default-info .details dl dd a {
  color: #1167b2;
  font-size: 1.6rem;
  text-decoration: underline;
}
.default-detail .car-model .badge {
  position: relative;
  top: -2px;
  margin-right: 4px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.realtime-visitor-view {
  display: none;
  position: fixed;
  top: 48px;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 35px;
  background: #2e6da4;
  line-height: 35px;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.realtime-visitor-view span {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  position: relative;
}
.realtime-visitor-view strong {
  color: #fff;
  font-size: 16px;
}

.default-list,
.board-list,
.notice-detail {
  padding: 15px 0;
}

.board-detail .row-top {
  padding: 25px 4px 15px;
  border-bottom: 2px solid #444;
}
.board-detail .date {
  color: #666;
  font-size: 1.4rem;
}
.board-detail .subject {
  margin-top: 10px;
  line-height: 1.35;
  color: #111;
  font-size: 1.9rem;
  font-weight: 600;
}
.board-detail .row-bottom .cont {
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
}
.board-detail .row-bottom .cont p,
.board-detail .row-bottom .cont div {
  line-height: 1.4;
  font-size: 1.5rem;
}
.board-list #datatable_table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #ddd;
}
.board-list .list {
  border-top: 1px solid #999;
}
.board-list .list li,
.board-list .list .link {
  border-bottom: 1px solid #ddd;
}
.board-list .list li a,
.board-list .list .link {
  display: block;
  padding: 12px 4px;
}
.board-list .list .date {
  color: #666;
  font-size: 1.4rem;
  margin-top: 6px;
  display:block;
}
.board-list .list .subject {
  /*margin-top: 6px;*/
  line-height: 1.4;
  color: #222;
  font-size: 1.7rem;
  font-weight: 600;
}
.board-list .list .subject .new {
	margin-left:5px; 
	letter-spacing:-1px; 
	color:#2944cc; 
	font-size:1.2rem;
	font-weight:600;
}

.list-header {
  display: flex;
  justify-content: space-between;
  padding: 0 4px;
}
.list-header .info {
  line-height: 38px;
  font-size: 1.5rem;
}
.list-header .info span {
  font-size: 1.5rem;
}

.default-list-table table {
  width: 100%;
  table-layout: fixed;
}
.default-list-table table th,
.default-list-table table td {
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}
.default-list-table table th {
  height: 30px;
  font-size: 1.3rem;
  font-weight: 400;
  background: #f2f2f2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.default-list-table table td {
  padding: 8px 4px;
  font-size: 1.25rem;
  border-bottom: 1px solid #ddd;
}

/* .default-list .list-header {display:block; padding-bottom:10px;}
.default-list .list-header .info {font-size:1.6rem; font-weight:600; text-align:center;}
.default-list .list {border-top:1px solid #ddd;}*/
.default-list .list li {
  padding: 10px 3%;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.default-list .list li + li {
  margin-top: 10px;
}
.default-list .bedges {position:absolute; left:0; top:0; padding:4px;}
.default-list .bedges span {display:inline-block; font-size:1.3rem;}
.default-list .bedges .b-buyback {padding:0 8px; height:18px; line-height:18px; color:#fff; background:#d00;}
.default-list .list-header {
  display: block;
  padding-bottom: 10px;
}
.default-list .list-header .info {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}
.default-list .list {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #ddd;
}
.default-list .list td {
  padding: 10px 3%;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.default-list .list tr + tr td {
  padding-top: 10px;
}
.default-list .list .row-top {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.default-list .list .row-top.no-flex {
  display: block;
  justify-content: space-between;
  position: relative;
}
.default-list .list .row-top .picture {
  display: block;
  position: relative;
  width: 38%;
}
.default-list .list .row-top.no-flex .picture {
  display: block;
  position: relative;
  width: 100%;
}
.default-list .list .row-top .picture img {
  display: block;
  width: 100%;
}
.default-list .list .row-top .picture .message {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.default-list .list .row-top .picture .message span {
  color: #fff;
  font-size: 1.4rem;
}
.default-list .list .row-top .picture .message.bg-black {
  background: rgba(0, 0, 0, 0.65);
}
.default-list .list .row-top .picture .message.bg-red {
  background: rgba(255, 0, 0, 0.65);
}
.default-list .list .row-top .picture .message.bg-blue {
  background: rgba(10, 41, 127, 0.65);
}
.default-list .list .row-top .picture .message.bg-gray {
  background: rgba(0, 0, 0, 0.55);
}
.default-list .list .row-top .info {
  position:relative;
  width: 59%;
}
.default-list .list .row-top .info .car-model {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.default-list .list .row-top .info .car-model span {
  font-size: 1.5rem;
}
.default-list .list .cafe .row-top .info .box {
	position:absolute;
	bottom:0;
}
.default-list .list .row-top .info .box {
  margin-top: 12px;
}
.default-list .list .row-top .info .box + .box {
  margin-top: 7px;
}
.default-list .list .row-top .info .box span {
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
}
.default-list .list .row-top .info .box span.strong {
	display:inline-block;
	font-weight:600;
	background:rgba(239,59,36,0.1);
}
.default-list .list .row-top .info .box span.news-summary {
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	font-size: 1.3rem;
	text-align: left;
	
}
.default-list .list .row-top .info .box span span {
	display:inline-block;
}
.default-list .list .row-top .info .box span + span {
  margin-left: 14px;
}
.default-list .list .row-top .info .box span:after {
  position: absolute;
  content: '';
  left: -9px;
  top: 1px;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.default-list .list .row-top .info .box span:first-child:after {
  display: none;
}
.default-list .list .row-top .info .box .my-bidding-info {
  display: inline-block;
  /*margin-top:8px;*/
  padding: 5px 8px;
  background: #f1f1f1;
}
.default-list .list .row-top .info .box .my-bidding-info dt,
.default-list .list .row-top .info .box .my-bidding-info dd {
  display: inline-block;
  color: #222;
}
.default-list .list .row-top .info .box .my-bidding-info dt {
  font-size: 1.3rem;
}
.default-list .list .row-top .info .box .my-bidding-info dd {
  margin-left: 3px;
  font-size: 1.5rem;
  font-weight: 600;
}
.default-list .list .row-top .btn-favorite {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 12px;
}
.default-list .list .row-top .btn-favorite:active {
  bottom: -1px;
  color: #2e6da4;
}
.default-list .list .row-top .btn-favorite i {
  color: #888;
  font-size: 2.2rem;
}
.default-list .list .row-top .btn-favorite.active i {
  color: #d00;
}
.default-list .list .row-bottom {
  margin-top: 8px;
}
.default-list .list .row-bottom .btns {
  display: flex;
  justify-content: space-between;
}
.default-list .list .row-bottom .btns a {
  display: block;
  flex-grow: 1;
  margin: 0;
  text-align: center;
  border: 0;
}
.default-list .list .my-bidding-price {
	/*flex-direction:column;*/
}
.default-list .list .txtBiddingStatus {
	display: inline-block;
	position:relative; 
	font-size: 1.3rem;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding: 4px 8px;
}
.default-list .list .txtBiddingStatus:after {
	display:block;
	content:"";
	position:absolute;
	left:8px;
	top:-3px;
	width:6px;
	height:6px;
	transform:rotate(135deg);
	background:#fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.default-list.special-bidding .list td {padding:0 3% 10px;}
.special-bidding .auction-term {display:flex; margin-bottom:10px; padding:8px 5px; border-bottom:1px solid #ddd; background:#e9e9e9;}
.special-bidding .auction-term dl {display:flex;}
.special-bidding .auction-term dl dt,
.special-bidding .auction-term dl dd {font-size:1.4rem;}
.special-bidding .auction-term dl.second {margin-left:3px;}
.special-bidding .auction-term dl dt {font-weight:600;}
.special-bidding .auction-term dl dd {position:relative; top:1px; margin-left:3px; font-size:1.3rem;}
.btn-favorite-list-toggle,
.btn-page-search {
  position: fixed;
  z-index: 100;
  padding: 0 20px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  border-radius: 50em;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  opacity: 0.95;
}
.btn-favorite-list-toggle span,
.btn-favorite-list-toggle span i,
.btn-page-search span,
.btn-page-search span i {
  color: #fff;
  font-size: 1.4rem;
}
.btn-favorite-list-toggle span i,
.btn-page-search span i {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.btn-favorite-list-toggle {
  left: 10px;
  bottom: 10px;
  background: #006bff;
}
.btn-favorite-list-toggle.active {
  background: #233066;
}
.btn-page-search {
  right: 10px;
  bottom: 10px;
  background: #363635;
}

.badges {
  position: absolute;
  left: 2px;
  top: 2px;
}
.badge {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}
.badge.red {
  color: #fff;
  background: #d00;
}
.badge.black {color:#fff; background:#000;}
.badge.blue {color:#fff; background:#1779ba;}
.badge.green {color:#fff; background:#279f25;}
.badge.purple {color:#fff; background:#6c34a9;}

.repair-part .inspect .car-part-summary {
  margin: 15px 0;
  text-align: center;
}
.repair-part .inspect .car-part-summary span {
  display: inline-block;
  position: relative;
  margin: 3px 2px;
  padding: 0 8px 0 26px;
  line-height: 22px;
  font-size: 1.2rem;
  font-weight: 600;
}
.repair-part .inspect .car-part-summary span:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  line-height: 19px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border-width: 2px;
  border-style: solid;
}
.repair-part .inspect .swiper-pagination-fraction,
.repair-part .inspect .swiper-pagination-custom,
.repair-part
  .inspect
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  right: 20px;
  text-align: right;
}
.repair-part .inspect .check-guide .swiper-pagination-fraction,
.repair-part .inspect .check-guide .swiper-pagination-custom,
.repair-part
  .inspect
  .check-guide
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  text-align: center;
}
.repair-part .inspect .check-guide .swiper-pagination-fraction,
.repair-part .inspect .check-guide .swiper-pagination-custom,
.repair-part
  .inspect
  .check-guide
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  bottom: auto;
  top: 16px;
}
.repair-part .inspect .guide .check-guide .swiper-pagination-fraction,
.repair-part .inspect .guide .check-guide .swiper-pagination-custom,
.repair-part
  .inspect
  .guide
  .check-guide
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  top: auto;
  bottom: 10px;
}
.repair-part .inspect .swiper-pagination-bullet {
  background: #555;
}
.repair-part .inspect .part {
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: left;
}
.repair-part .inspect .car-part {
  position: relative;
}
.repair-part .inspect .car-part img {
  display: block;
  width: 100%;
}
.repair-part .inspect .car-part .zone-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.repair-part .inspect .view01,
.repair-part .inspect .view02,
.repair-part .inspect .view03,
.repair-part .inspect .view04 {
  padding: 20px 0 30px;
}
.repair-part .inspect .view01 .part,
.repair-part .inspect .view02 .part,
.repair-part .inspect .view03 .part,
.repair-part .inspect .view04 .part {
  position: absolute;
  left: 0;
  top: 0;
}
.repair-part .inspect .div {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
}
.repair-part .inspect .div strong {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 1.4rem;
}
.repair-part .inspect .view01 .car-part .zone-list.my {
  left: -25.5%;
}
.repair-part .inspect .view01 .car-part .zone-list.atc {
  left: auto;
  right: -23.7%;
}
.repair-part .inspect .view02 .car-part .zone-list.my {
  left: -26.3%;
}
.repair-part .inspect .view02 .car-part .zone-list.atc {
  left: auto;
  right: -22.8%;
}
.repair-part .inspect .view03 .car-part .zone-list.my {
  left: -25.8%;
}
.repair-part .inspect .view03 .car-part .zone-list.atc {
  left: auto;
  right: -22.3%;
}
.repair-part .inspect .view04 .car-part .zone-list.my {
  left: -25%;
}
.repair-part .inspect .view04 .car-part .zone-list.atc {
  left: auto;
  right: -24.5%;
}
.repair-part .inspect .car-part .zone-list .zone {
  position: absolute;
  left: 0;
  top: 0;
  width: 5%;
  height: 5%;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50em;
}
.repair-part .inspect .car-part.guide .zone-list .zone {
  background: rgba(18, 51, 158, 0.6);
}
.repair-part .inspect .car-part .zone-list .zone.z01 {
  left: 46.5%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z02 {
  left: 46.6%;
  top: 5.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z03 {
  left: 35.2%;
  top: 10%;
}
.repair-part .inspect .car-part .zone-list .zone.z04 {
  left: 43.4%;
  top: 7.3%;
}
.repair-part .inspect .car-part .zone-list .zone.z05 {
  left: 40.2%;
  top: 20.7%;
}
.repair-part .inspect .car-part .zone-list .zone.z06 {
  left: 35.2%;
  top: 15%;
}
.repair-part .inspect .car-part .zone-list .zone.z07 {
  left: 47.5%;
  top: 24.9%;
}
.repair-part .inspect .car-part .zone-list .zone.z08 {
  left: 46.5%;
  top: 16%;
}
.repair-part .inspect .car-part .zone-list .zone.z09 {
  left: 37.5%;
  top: 41.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z10 {
  left: 45.7%;
  top: 38.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z11 {
  left: 28.2%;
  top: 36.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z12 {
  left: 44.5%;
  top: 33.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z13 {
  left: 47%;
  top: 56.5%;
}
.repair-part .inspect .car-part .zone-list .zone.z14 {
  left: 47%;
  top: 50.5%;
}
.repair-part .inspect .car-part .zone-list .zone.z15 {
  left: 39.7%;
  top: 71.1%;
}
.repair-part .inspect .car-part .zone-list .zone.z16 {
  left: 34.5%;
  top: 65.5%;
}
.repair-part .inspect .car-part .zone-list .zone.z17 {
  left: 46.5%;
  top: 75.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z18 {
  left: 46.6%;
  top: 85.4%;
}
.repair-part .inspect .car-part .zone-list .zone.z19 {
  left: 33.5%;
  top: 88.7%;
}
.repair-part .inspect .car-part .zone-list .zone.z20 {
  left: 47%;
  top: 95.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z21 {
  left: 58.5%;
  top: 9.5%;
}
.repair-part .inspect .car-part .zone-list .zone.z22 {
  left: 46.8%;
  top: 8.5%;
}
.repair-part .inspect .car-part .zone-list .zone.z23 {
  left: 42.6%;
  top: 25.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z24 {
  left: 51.3%;
  top: 20.7%;
}
.repair-part .inspect .car-part .zone-list .zone.z25 {
  left: 56.7%;
  top: 14.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z26 {
  left: 64.6%;
  top: 36%;
}
.repair-part .inspect .car-part .zone-list .zone.z27 {
  left: 45.1%;
  top: 38.4%;
}
.repair-part .inspect .car-part .zone-list .zone.z28 {
  left: 54.9%;
  top: 43%;
}
.repair-part .inspect .car-part .zone-list .zone.z29 {
  left: 45.9%;
  top: 55.3%;
}
.repair-part .inspect .car-part .zone-list .zone.z30 {
  left: 51.5%;
  top: 71.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z31 {
  left: 56.4%;
  top: 64.3%;
}
.repair-part .inspect .car-part .zone-list .zone.z32 {
  left: 59%;
  top: 87.4%;
}
.repair-part .inspect .car-part .zone-list .zone.z33 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z34 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z35 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z36 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z37 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z38 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z39 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z40 {
  left: 0%;
  top: 0%;
}
.repair-part .inspect .car-part .zone-list .zone.z41 {
  left: 56.3%;
  top: 34.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z42 {
  left: 55.1%;
  top: 49.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z43 {
  left: 56.1%;
  top: 68.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z44 {
  left: 46.5%;
  top: 59.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z45 {
  left: 48.2%;
  top: 78.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z46 {
  left: 35%;
  top: 38.2%;
}
.repair-part .inspect .car-part .zone-list .zone.z47 {
  left: 37.8%;
  top: 50.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z48 {
  left: 35.8%;
  top: 69.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z49 {
  left: 44.1%;
  top: 78.6%;
}
.repair-part .inspect .car-part .zone-list .zone.z50 {
  left: 52.5%;
  top: 6.1%;
}
.repair-part .inspect .car-part .zone-list .zone.z51 {
  left: 41.5%;
  top: 11.7%;
}
.repair-part .inspect .car-part .zone-list .zone.z52 {
  left: 34.1%;
  top: 19.7%;
}
.repair-part .inspect .car-part .zone-list .zone.z53 {
  left: 34.5%;
  top: 28.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z54 {
  left: 39.6%;
  top: 22%;
}
.repair-part .inspect .car-part .zone-list .zone.z55 {
  left: 51.7%;
  top: 22%;
}
.repair-part .inspect .car-part .zone-list .zone.z56 {
  left: 57.6%;
  top: 19.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z57 {
  left: 57.6%;
  top: 28.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z62 {
  left: 34.7%;
  top: 74.8%;
}
.repair-part .inspect .car-part .zone-list .zone.z63 {
  left: 40.2%;
  top: 76%;
}
.repair-part .inspect .car-part .zone-list .zone.z64 {
  left: 46.3%;
  top: 76.3%;
}
.repair-part .inspect .car-part .zone-list .zone.z65 {
  left: 52.5%;
  top: 76.4%;
}
.repair-part .inspect .car-part .zone-list .zone.z66 {
  left: 58.2%;
  top: 74%;
}
.repair-part .inspect .car-part .zone-list .zone.z67 {
  left: 46.1%;
  top: 84.3%;
}
.repair-part .inspect .car-part .zone-list .zone .bedge {
  display: block;
  width: 2.5%;
  height: 2.5%;
}
.repair-part .inspect .car-part .zone-list .zone .bedge:after {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 145%;
  font-size: 2.1vw;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border-width: 2px;
  border-style: solid;
}
.repair-part .inspect .car-part .zone-list .zone .bedge:nth-child(1):after {
  top: -33%;
}
.repair-part .inspect .car-part .zone-list .zone .bedge:nth-child(2):after {
  top: 33%;
}
.repair-part .inspect .type01:after {
  content: 'A' !important;
  color: #e63939;
  border-color: #e63939;
}
.repair-part .inspect .type02:after {
  content: 'C' !important;
  color: #00367c;
  border-color: #00367c;
}
.repair-part .inspect .type03:after {
  content: 'F' !important;
  color: #0a8e6b;
  border-color: #0a8e6b;
}
.repair-part .inspect .type04:after {
  content: 'M' !important;
  color: #f99200;
  border-color: #f99200;
}
.repair-part .inspect .type05:after {
  content: 'P' !important;
  color: #32396f;
  border-color: #32396f;
}
.repair-part .inspect .type06:after {
  content: 'PP' !important;
  color: #fe3890;
  border-color: #fe3890;
}
.repair-part .inspect .type07:after {
  content: 'Q' !important; 
  color: #00870d;
  border-color: #00870d;
}
.repair-part .inspect .type08:after {
  content: 'W' !important;
  color: #1ba2c9;
  border-color: #1ba2c9;
}
.repair-part .inspect .type09:after {
  content: 'X' !important;
  color: #9e1bc9;
  border-color: #9e1bc9;
}
.repair-part .inspect .type10:after {
  content: 'XX' !important;
  color: #000;
  border-color: #000;
}
.repair-part .inspect .popup-layer .dim {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.repair-part .inspect .popup-layer .btn-close {
  position: fixed;
  left: -40px;
  top: 15px;
  z-index: 1100;
  width: 30px;
  height: 30px;
  transition: left 0.5s;
}
.repair-part .inspect .popup-layer .btn-close:before,
.repair-part .inspect .popup-layer .btn-close:after {
  display: block;
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #fff;
}
.repair-part .inspect .popup-layer .btn-close:before {
  transform: rotate(45deg);
}
.repair-part .inspect .popup-layer .btn-close:after {
  transform: rotate(-45deg);
}
.repair-part .inspect .popup-layer .box {
  position: fixed;
  right: -85%;
  top: 0;
  width: 85%;
  z-index: 1100;
  height: 100%;
  background: #fff;
  transition: right 0.5s;
}
.repair-part .inspect .popup-layer .box .in-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.repair-part .inspect .popup-layer .box .zone {
  display: block;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  font-size: 1.8rem;
  border-bottom: 1px solid #444;
}
.repair-part .inspect .popup-layer .box .zone span {
  font-size: 1.8rem;
}
.repair-part .inspect .popup-layer .box .status-list li {
  position: relative;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}
.repair-part .inspect .popup-layer .box .status-list li:after {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border-width: 2px;
  border-style: solid;
}
.repair-part .inspect .popup-layer .box .status-list li label {
  display: block;
  position: relative;
  padding: 0 15px 0 40px;
}
.repair-part
  .inspect
  .popup-layer
  .box
  .status-list
  li
  label
  input[type='checkbox'] {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
}
.repair-part .inspect .popup-layer .box .status-list li label span {
  display: inline-block;
  padding-left: 25px;
  font-size: 1.4rem;
}
.repair-part .inspect .popup-layer .box .btns {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.repair-part .inspect .popup-layer .box .btns button {
  display: block;
  width: 49%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
}
.repair-part .inspect .popup-layer .box .btn-complete {
  background: #2944cc;
}
.repair-part .inspect .popup-layer.active .dim {
  display: block;
}
.repair-part .inspect .popup-layer.active .btn-close {
  left: 15px;
}
.repair-part .inspect .popup-layer.active .box {
  right: 0;
}
.repair-part .inspect .popup-layer .btn-box {
  padding: 0 10px;
}
.repair-part .inspect .check-guide {
  margin-top: 10px;
  padding: 0 10px 10px;
  height: calc(100% - 195px);
  overflow: auto;
}
.repair-part .inspect .guide .check-guide {
  height: calc(100% - 60px);
}
.repair-part .inspect .check-guide .summary p {
  padding: 10px;
  line-height: 1.3;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  background: #efefef;
}
.repair-part .inspect .check-guide .pictures {
  padding-top: 15px;
}
.repair-part .inspect .guide .check-guide .pictures {
  padding-bottom: 35px;
}
.repair-part .inspect .check-guide .pictures img {
  width: 100%;
}
.repair-part .txt-view {
  padding: 15px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}
.repair-part .txt-view .repair-group {
  margin-top: 30px;
}
.repair-part .txt-view .repair-group:first-child {
  margin-top: 0;
}
.repair-part .txt-view .title {
  display: block;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
}
.repair-part .txt-view ul {
  margin: 10px 0 0;
}
.repair-part .txt-view li {
  padding: 0 8px;
  line-height: 1.4;
  font-size: 1.5rem;
}
.repair-part .txt-view .no-data {
  padding: 20px 0;
  color: #777;
  font-size: 1.5rem;
  text-align: center;
}


/* page title */
.header .title-row .page-title {line-height:32px; letter-spacing:-2px; color:#111; font-size:2.4rem; font-weight:600; padding: 42px 0 32px 16px;}
.faq-list {padding:0 15px;}
.faq-list .common-list-header select {top:0; width:100%; height:50px;}
.faq-list .list {margin-top:30px; border-top:2px solid #000;}
.faq-list .list li {border-bottom:1px solid #ddd;}
.faq-list .list li .question {display:block; padding:15px 35px 15px 5px; background:url('/resources/images/ico_arrow_down.png') no-repeat right 10px center; background-size:12px 7px;}
.faq-list .list li.active .question {background:url('/resources/images/ico_arrow_up.png') no-repeat right 10px center; background-size:12px 7px;}
.faq-list .list li .question .category {color:#666; font-size:1.2rem;}
.faq-list .list li .question .subject {margin-top:6px; line-height:18px; color:#111; font-size:1.6rem; font-weight:600;}
.faq-list .list li .answer {display:none; padding:22px 15px; background: #F6F6F6;}
.faq-list .list li .answer p {line-height:18px; color:#111; font-size:1.6rem;}
.faq-list .list li .answer span{font-size: 14px;}
.notice-type {position:absolute; bottom:-11px; padding:0 16px; font-size:0; z-index:1;}
.notice-type span {display:inline-block; margin-right:3px; padding:0 12px; height:20px; line-height:18px; color:#fff; font-size:1.3rem; text-align:center; border-radius:50em; background:#2944cc;}
.notice-list-p {padding:0 15px;}
.notice-type {position:absolute; bottom:-11px; padding:0 16px; font-size:0; z-index:1;}
.notice-type span {display:inline-block; margin-right:3px; padding:0 12px; height:20px; line-height:18px; color:#fff; font-size:1.3rem; text-align:center; border-radius:50em;}
.notice-type span.blue {background:#2944cc;}
.notice-type span.yellow {background:#fa0;}
.common-list-header {display:flex; justify-content:space-between; margin-bottom:8px;}
.common-list-header .cnt {line-height:36px; letter-spacing:-1px; color:#000; font-size:16px}
.common-list-header select {position:relative; top:-3px; padding:0 12px; width:45%; height:38px; border:1px solid #ddd; border-radius:8px; /*box-shadow:0 4px 6px rgba(0,0,0,.1);*/}
.common-list-btns {position:relative; padding:20px}
.btn-more-view {display:block; margin:0 auto; width:180px; height:40px; line-height:3; color:#111; font-size:1.4rem; font-weight:600; text-align:center; border:1px solid #666666; border-radius:50px; position:relative}
.btn-more-view:hover {background:#fff;}
.btn-more-view.down {background:url('/resources/images/ico_arrow_down.png') no-repeat; background-size:12px; background-position: 120px 18px;}
/*출품알림관리*/
.entry-list {padding:0;}
.faentryq-list .common-list-header select {top:0; width:100%; height:50px;}
.entry-list .list {margin-top:15px; border-top:2px solid #000;}
.entry-list .list li {border-bottom:1px solid #ddd; padding:14px 0}
.entry-list .list li .question .subject .prod-entry{color:#111; font-size:1.6rem; font-weight:600;}
.entry-list .list li .question .subject .now-entry{display:block; padding:15px 27px 15px 5px; background:url('/resources/images/ico_triangle_arrow_down.svg') no-repeat right 10px center; background-size:12px 7px;}
.entry-list .list li.active .question .subject .now-entry {background:url('/resources/images/ico_triangle_arrow_up.svg') no-repeat right 10px center; background-size:12px 7px;}
.entry-list .list li .question .category {color:#666; font-size:1.3rem;}
.entry-list .list li .question .category .chkbox{margin-right:10px;}
.entry-list .list li .question .subject {color:#111; height:30px; font-size:1.6rem; font-weight:600; line-height: 1; margin-left:20px; display: flex;justify-content: space-between; align-items: center;}
.entry-list .list li .question .subject .now-entry{color:#1F5AA1; font-weight: 400; font-size:1.5rem; }
.entry-list .list li .question .subject .now-entry > em{font-style: normal; color:#1F5AA1;font-weight: 600;  font-size:1.6rem;}
.entry-list .list li .answer {display:none; padding:22px 15px; margin-top: 5px; border-top:1px solid #ddd; background: #F6F6F6; word-break: keep-all; white-space: noewrap;}
.entry-list .list li .answer p {line-height:18px; color:#111; font-size:1.6rem;}
.btnArea{width:100%; display: flex; justify-content: space-between;}
.btnArea .btnAll-wrap{ display: flex; justify-content: space-between;}
.btnArea button{display:inline-block;background-color:#DDDDDD; border:none; outline:none; color:#fff; margin-left:10px;padding:10px 20px;font-size:13px; font-weight:600;border-radius:3px; cursor:auto;}
.btnArea button+button{margin-left:20px;}
.entry-list .desc {color:#999999; font-size: 13px; padding-top: 15px;}
.entry-alarm{ padding:5%; width:90% !important}
.entry-alarm td{box-shadow:none !important; padding:15px 1% !important; font-size:15px !important; border-bottom:1px solid #ddd !important; line-height:1.3;}
.entry-alarm .child{background:#f9f9f9 !important;  padding:2px 12px 7px 12px !important;}
.entry-alarm .no-footer{border-bottom:none !important}
.entry-alarm li{box-shadow:none !important;}
.entry-alarm .auction_objs{ font-size:15px !important; line-height:1.3;}
.entry-alarm li .btn-light-g1{height:20px; line-height:20px; font-weight:700;background:#e1e1e1 !important;}
.checkT{width:2%;}
.checkT p{width:15px; margin:12.5px auto; height:15px;}
.checkT p input{display:block; width:100%; height:100%; border:1px solid #cbcbcb; background-color:#fff;}


.check-list {
  padding: 20px 3%;
}
.check-list .form-box + .form-box {
  margin-top: 30px;
}
.check-list .form-box .title {
  padding-bottom: 8px;
  font-size: 1.6rem;
  border-bottom: 1px solid #999;
}
.check-list .form-box .item-title {
  margin-bottom: 8px;
  color: #333;
  font-size: 1.45rem;
  font-weight: 600;
}
.check-list .form-box .item {
  margin-top: 20px;
}
.check-list .form-box .item .item-title {
  font-weight: 400;
}
.check-list .form-box .item:first-child {
  margin-top: 0;
}
.check-list .form-box .row {
  margin-top: 0;
}
.check-list .form-box .row .info-tbl {
  table-layout: fixed;
  width: 100%;
}
.check-list .form-box .row .info-tbl th {
  border-bottom: 1px solid #ddd;
}
.check-list .form-box .row .info-tbl th,
.check-list .form-box .row .info-tbl td {
  height: 28px;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
}
.check-list .form-box .row .txt {
  display: inline-block;
  width: 28px;
  height: 36px;
  line-height: 36px;
  font-size: 1.4rem;
  text-align: center;
}
.check-list .form-box .row .default {
  padding-left: 12px;
  line-height: 36px;
  font-size: 1.3rem;
}
.check-list .form-box .row select {
  padding: 0 10px;
  height: 36px;
  color: #666;
  border: 1px solid #ddd;
}
.check-list .form-box .row input[type='tel'],
.check-list .form-box .row input[type='number'],
.check-list .form-box .row input[type='text'] {
  padding: 0 10px;
  height: 36px;
  color: #555;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.check-list .form-box .row input[type='date'] {
  padding: 0 2px;
  height: 36px;
  color: #555;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.check-list .form-box .row textarea {
  padding: 10px;
  width: 100%;
  height: 80px;
  border: 1px solid #ddd;
  resize: none;
  box-sizing: border-box;
}
.check-list .form-box .set {
  margin-top: 16px;
}
.check-list .form-box .item .set {
  margin-top: 8px;
}
.check-list .form-box .set:first-child {
  margin-top: 0;
}
.check-list .form-box .set .item {
  width: 49%;
}
.check-list .form-box .set .item:first-child {
  float: left;
}
.check-list .form-box .set .item:nth-child(2n) {
  float: right;
  margin-top: 0;
}
.check-list .form-box .checkboxs {
  flex-wrap: wrap;
  padding: 5px 12px 0;
}
.check-list .form-box .checkboxs label {
  display: inline-block;
  position: relative;
  margin: 0 12px 0 6px;
  height: 22px;
  line-height: 22px;
  font-size: 1.3rem;
  font-weight: 400;
}
.check-list .form-box .checkboxs input[type='checkbox'] {
  position: relative;
  top: 3px;
}
.check-list .form-box .checkboxs input[type='checkbox']:disabled + span {
  color: #b9b9b9;
}
.check-list .form-box .radio-buttons {
  padding: 0 12px;
  font-size: 1.2rem;
}
.check-list .form-box .radio-buttons label {
  display: inline-block;
  position: relative;
  margin: 0 12px 0 6px;
  height: 22px;
  line-height: 22px;
  font-size: 1.3rem;
  font-weight: 400;
}
.check-list .form-box .radio-buttons input[type='radio'] {
  position: relative;
  top: 2px;
}
.check-list .form-box .radio-buttons input[type='radio']:disabled + span {
  color: #b9b9b9;
}
.check-list .form-box .radio-buttons span {
  margin-left: 3px;
}
.caution-list li {
  position: relative;
  padding-left: 12px;
  line-height: 1.5;
  font-size: 1.35rem;
}
.caution-list li:after {
  display: block;
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}
.caution-list li + li {
  margin-top: 6px;
}
.caution-list .depth {
  margin-top: 10px;
}
.caution-list .depth li {
  color: #666;
}
.caution-list .depth li + li {
  margin-top: 3px;
}
.caution-list .depth2 {
  margin-top: 8px;
  margin-bottom: 6px;
}
.caution-list .depth2 li {
  color: #666;
}

.radius_border {border:1px solid #919191;border-radius:5px;}
.custom_typecontrol {position:absolute;top:10px;left:10px;overflow:hidden;width:128px;height:30px;margin:0;padding:0;z-index:2;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span#btnRoadmap,
.custom_typecontrol span#btnSkyview {display:block;width:64px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .svbtn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .svbtn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .svbtn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}
.custom_zoomcontrol {position:absolute;top:50px;left:10px;width:36px;height:80px;overflow:hidden;z-index:2;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
.location {padding-bottom: 20px;}
.location .map-area .box {height: 300px;}
.location .cont {padding-top: 20px;}
.location .cont dl + dl {margin-top: 20px;}
.location .cont dl dt,
.location .cont dl dd {display: block;}
.location .cont dl dt {display: inline-block;font-size: 1.7rem;font-weight: 600;text-decoration: underline;}
.location .cont dl dd p,
.location .cont dl dd p span {line-height: 1.4;font-size: 1.3rem;}
.location .cont dl dd p span {display: block;margin: 10px 0 4px;font-size: 1.4rem;font-weight: 600;}
.location .cont .address,
.location .cont .address i,
.location .cont .tel,
.location .cont .tel i {line-height: 1.5;font-size: 1.4rem;}

/* 메인 */
.main {
  padding-bottom: 20px;
  background: #e9e9e9;
}
.main .count-down {padding:30px 16px 16px; background:#fff;}
.main .count-down .btn-link {color:#333; font-weight:600; background:#f6f6f6;}
.main .count-down .btn-link:hover {text-decoration:underline; background:#f1f1f1;}
.main .count-down .time-view {margin-top:30px;}
.main .count-down .title {line-height:1.2; letter-spacing:-3px; font-size:3.3rem; font-weight:600;}
.main .count-down .guide {margin-top:10px; letter-spacing:-2px; font-size:1.8rem; font-weight:600;}
.main .count-down .btn-link {margin-top:40px;}
.main .count-down .label {position:relative; margin:0 auto; width:338px; height:25px;}
.main .count-down .label span {display:block; position:absolute; font-size:1.4rem; font-weight:600;}
.main .count-down .label .h {left:52px; top:15px;}
.main .count-down .label .m {left:166px; top:15px;}
.main .count-down .label .s {left:272px; top:15px;}
.main .count-down .btn-link {display:block; margin-top:25px; width:100%; height:55px; line-height:55px; color:#666; font-size:1.6rem; text-align:center; background:#f6f6f6; border-radius:5px;}
.main .dashboard-box {
  position: relative;
  padding: 20px 0;
  height: 300px;
  background: url('/resources/mo/images/bg_dashboard_box.jpg') no-repeat center;
  background-size: cover;
}
.main .dashboard-box .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.main .dashboard {
  position: absolute;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
  width: 94%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
}
.main .dashboard .title {
  padding: 18px;
  color: #fff;
  font-size: 2rem;
  border-bottom: 1px solid #0371c7;
  background: #0371c7;
}
.main .dashboard .title strong {
  color: #fff;
  font-size: 2rem;
}
.main .dashboard .title span {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 1.45rem;
}
.main .dashboard .type-cnt {
  display: flex;
  flex-wrap: wrap;
}
.main .dashboard .type-cnt a {
  display: block;
  padding: 15px;
  width: 50%;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.main .dashboard .type-cnt a:nth-child(2n) {
  border-left: 1px solid #ddd;
}
.main .dashboard .type-cnt a:nth-child(3),
.main .dashboard .type-cnt a:nth-child(4) {
  border-bottom: 1px solid #ddd;
}
.main .dashboard .type-cnt dl dt,
.main .dashboard .type-cnt dl dd {
  display: block;
}
.main .dashboard .type-cnt dl dt {
  font-size: 1.5rem;
}
.main .dashboard .type-cnt dl dd {
  margin-top: 12px;
  letter-spacing: -1px;
  font-size: 1.6rem;
}
.main .dashboard .type-cnt dl dd strong {
  font-size: 2.2rem;
}
.main .group {
  padding: 20px 0;
}
.main .group-title {
  margin-bottom: 10px;
  padding: 0 3%;
  color: #000;
  font-size: 1.8rem;
}
.main .group-sub-title {
  margin-bottom: 10px;
  margin: 0 3% 6px;
  padding:0 8px;
  height:26px; 
  line-height:28px;
  color: #fff;
  font-size: 1.5rem;
  font-weight:400;
  background:#152886;
}
.main .badges {
  left: 12px;
  top: 12px;
}
.card-list {
  padding: 0 3%;
}
.card-list li {
  border: 1px solid #eee;
}
.card-list li.complete .thumbnail:before {
  display: block;
  content: '낙찰';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  transform: translateX(-50%);
}
.card-list li.complete .thumbnail:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.card-list li a {
  display: block;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.card-list li .thumbnail {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.card-list li .thumbnail,
.card-list li .thumbnail img {
  display: block;
  width: 100%;
}
.card-list li .thumbnail img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.card-list li .buyback {position: absolute; left: 0; top: 0; width: 100%; height: 160px; background: rgba(255, 76, 76, 0.6);}
.card-list li .buyback strong {position:absolute; left:0; top:50%; margin-top:-11px; width:100%; color:#fff; font-size:2.2rem; font-weight:400; text-align:center;}
.card-list li .info-box {
  padding: 10px 10px 5px;
}
.card-list li .info-box .car-model {
  margin-bottom: 6px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-list li .info-box .car-model span {
  font-size: 1.8rem;
}
.card-list li .info-box dl {
  display: flex;
  line-height: 1.4;
}
.card-list li .info-box dl dt,
.card-list li .info-box dl dd {
  font-size: 1.4rem;
}
.card-list li .info-box dl dt {
  color: #666;
}
.card-list li .info-box dl dd {
  margin-left: 4px;
  font-weight: 600;
}
.news-list {
  padding: 0 3%;
}
.news-list ul li + li {
  border-top: 1px solid #ddd;
}
.news-list ul li a {
  display: block;
  padding: 10px;
  background: #fff;
}
.news-list ul li .subject {
  margin: 0 0 8px;
  line-height: 26px;
  letter-spacing: -1px;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list ul li .summary {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  color: #555;
  font-size: 1.5rem;
}

.policy {
  padding: 20px 3%;
}
.policy .high-title {
  display: block;
  margin: 20px 0;
  font-size: 2.1rem;
  text-align: center;
}
.policy .title {
  display: block;
  margin: 20px 0 10px;
  line-height: 1.4;
  color: #000;
  font-size: 1.8rem;
}
.policy .sub-title {
  display: block;
  margin: 12px 8px 10px;
  color: #444;
  font-size: 1.5rem;
}
.policy .default {
  padding-left: 12px;
  line-height: 1.4;
  color: #555;
  font-size: 1.4rem;
}
.policy .default a {
  color: #555;
  font-size: 1.4rem;
  text-decoration: underline;
}
.policy .default.full {
  padding-left: 0;
}
.policy .depth {
  margin: 5px 18px;
}
.policy .two-depth {
  margin: 5px 30px;
}
.policy .depth a:hover {
  text-decoration: underline;
}
.policy table {
  margin: 10px auto 20px;
  width: 96%;
}
.policy table th,
.policy table td {
  padding: 10px;
  line-height: 1.35;
  color: #555;
  font-size: 1.3rem;
  border: 1px solid #ddd;
}
.policy table th {
  color: #fff;
  background: #444;
}
.attatch-pictures {
  border-bottom: 1px solid #ddd;
}
.attatch-pictures input[type='file'] {
  padding: 4px 0;
  font-size: 14px;
}
.exhibit-p {
  padding: 20px 3%;
}
.search-p .form-box {
  padding: 20px 3%;
}
.search-p .form-box .row {
  display: flex;
  flex-wrap: wrap;
  padding: 6px;
  background: #f4f4f4;
  border: 1px solid #ddd;
}
.search-p .form-box .row-title {
  display: block;
  margin-bottom: 6px;
  font-size: 1.6rem;
}
.search-p .form-box .row select {
  width: 100%;
}
.search-p .form-box .row select + select {
  margin-top: 4px;
}
.search-p .form-box .row input[type='text'],
.search-p .form-box .row input[type='tel'] {
  width: 100%;
  padding: 0 12px;
  height: 38px;
  font-size: 1.4rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.search-p .form-box .row .txt-term {
  line-height: 38px;
  font-size: 1.5rem;
}
.search-p .form-box .row .radios label {
  margin-right: 20px;
}
.search-p .form-box .row .radios input[type='radio'],
.search-p .form-box .row .radios span {
  vertical-align: middle;
}
.search-p .form-box .row .radios input[type='radio'] {
  zoom: 1.3;
}
.search-p .form-box .row .radios span {
  margin-left: 2px;
  font-size: 1.25rem;
  font-weight: 400;
}

.member-p .inner {
  margin: 0 auto;
  padding-top: 30px;
  width: 90%;
  max-width: 600px;
  min-width: 340px;
}
.member-p.join .inner {
  padding-top: 0;
}
.member-p .row-title {
  display: block;
  position: relative;
  margin-bottom: 6px;
  font-size: 1.6rem;
  font-weight: 600;
}
.member-p .row-title em {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: normal;
}
.member-p .find {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.member-p .find a {
  display: block;
  position: relative;
  width: 50%;
  height: 30px;
  line-height: 28px;
  color: #555;
  font-size: 1.5rem;
  text-align: center;
}
.member-p .find a:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 16px;
  background: #999;
}
.member-p .find a:first-child:after {
  display: none;
}
.member-p label + label {
  display: block;
  margin-top: 16px;
}
.form-box label input[type='text'],
.form-box label input[type='password'],
.form-box label input[type='email'],
.form-box label input[type='number'] {
  display: block;
  width: 100%;
}
.form-box label input[type='password'] {
  font-family: sans-serif;
}
.form-box input[type='text'],
.form-box input[type='password'],
.form-box input[type='email'],
.form-box input[type='number'] {
  padding: 0 10px;
  height: 40px;
  letter-spacing: 0;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.form-box .text {
  line-height: 40px;
  font-size: 1.5rem;
}
.member-p .join-box p {
  font-size: 1.6rem;
}
.member-p .join-box .btn-join {
  display: inline-block;
  margin-top: 10px;
  color: #222;
  font-size: 1.75rem;
  font-weight: 600;
  border-bottom: 1px solid #222;
}
.member-p .join-box .btn-join span {
  position: relative;
  top: 1px;
  font-size: 1.4rem;
  font-family: serif;
}
.member-p .bi {
  text-align: center;
}
.member-p .bi a,
.member-p .bi a span {
  line-height: 35px;
  color: #2e6da4;
  font-size: 3.4rem;
}
.member-p .bi a span {
  font-weight: 400;
}
.member-p .guide {
  margin: 10px 0;
  line-height: 1.4;
  color: #666;
  font-size: 1.3rem;
}
.form-box .radios {
  display: flex;
  flex-grow: 1;
}
.form-box .radios label {
  position: relative;
  flex-grow: 1;
}
.form-box .radios label + label {
  margin-top: 0;
}
.form-box .radios label input[type='radio'] {
  zoom: 1.4;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.form-box .radios label span {
  margin-left: 1px;
  line-height: 36px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
}
.form-box .checkboxs {
  display: flex;
  flex-grow: 1;
}
.form-box .checkboxs label {
  position: relative;
  margin-right: 14px;
}
.form-box .checkboxs label input[type='checkbox'] {
  position: absolute;
  left: -9999px;
  top: 0;
}
.form-box .checkboxs label input[type='checkbox'] + span {
  display: block;
  padding-left: 26px;
  line-height: 36px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  background: url('/resources/mo/images/bg_checkbox_off.png') no-repeat left 7px;
  background-size: 20px;
}
.form-box .checkboxs label input[type='checkbox']:checked + span {
  color: #012d5e;
  background: url('/resources/mo/images/bg_checkbox_on.png') no-repeat left 7px;
  background-size: 20px;
}
.introduce-p .box {padding:50px 18px 44px; }
.introduce-p .box .box-title {color:#000; font-size:22px; font-weight:800; text-align:center;}
.introduce-p .member-info {background:#f5f5f5;}
.introduce-p .member-info .vs {display:flex; justify-content:space-between; margin-top:26px;}
.introduce-p .member-info .vs > li {position:relative; padding:33px 12px; width:49%; background:#fff; border-radius:20px; box-sizing:border-box;}
.introduce-p .member-info .vs > li:after {display:block; content:""; position:absolute; right:15px; top:15px; width:50px; height:50px; background-size:cover; background-repeat:no-repeat;}
.introduce-p .member-info .vs > li .name {display:block; margin-bottom:15px; color:#2944cc; font-size:1.5rem; font-weight:800;}
.introduce-p .member-info .vs > li.r-member:after {background-image:url('/resources/mo/images/introduce-p/ico_blue_car.png');}
.introduce-p .member-info .vs > li.a-member:after {background-image:url('/resources/mo/images/introduce-p/ico_black_car.png');}
.introduce-p .member-info .vs > li.a-member .name {color:#a67503;}
.introduce-p .member-info .vs > li li {color:#000; font-size:1.4rem;}
.introduce-p .member-info .vs > li li + li {margin-top:10px;}
.introduce-p .member-info .vs > li .etc {margin-top:20px; line-height:1.3; font-size:1.1rem;}


.introduce-p .member-process {background: linear-gradient(to bottom, #162968 0%,#162968 15%, #eff0f2 15%,#eff0f2 100%);}
.introduce-p .member-process .box-title{padding-bottom: 40px;}
.introduce-p .member-process .member-l{background-color: #fff; border-radius: 16px; padding:51px 30px;margin-bottom:30px; box-shadow : 3px 3px 3px 3px rgba(0, 0, 0, 0.02);}
.introduce-p .member-process .member-l ul{ padding: 0 0 20px 0;}
.introduce-p .member-process .member-l ul:last-child{padding-bottom: 0}
.introduce-p .member-process .member-l ul:last-child{border-bottom: none;}
.introduce-p .member-process .member-l li{line-height: 1.25;}
.introduce-p .member-process .member-l li:first-child{color:#2258D7;font-size: 18px; font-weight: 700; padding-bottom: 10px;}
.introduce-p .member-process .member-l li:last-child{color:#101010; font-size: 16px;}
.introduce-p .member-process .member-r{width:100%; height:auto;border-radius:4%;box-shadow : 3px 3px 3px 3px rgba(0, 0, 0, 0.02);background-color:#eff0f2;overflow:hidden;}
.introduce-p .member-process .member-r img {max-width: 100%;}
.introduce-p .member-process .box-title {color:#fff;}
@media(max-width:368px){
  .introduce-p .member-process .member-l li{font-size: 15px !important;}
}
.introduce-p .member-process .member-wrap2{display:flex; align-items: center;}
.introduce-p .member-process .member-l-step{width:74px; text-align: center;font-size: 16px; font-weight: 700; line-height: 1.2; color:#fff; background-color: #2258D7; border-radius: 16px; padding:25px 14px;}
.introduce-p .member-process .member-l-step ul{ padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);align-items: center;}
.introduce-p .member-process .member-l-step ul:last-child{border-bottom: none;}
.introduce-p .member-process .member-l-step li{line-height: 1.25;}
.introduce-p .member-process .member-l-step li:first-child{color:#2258D7; font-size: 18px; font-weight: 600;}
.introduce-p .member-process .member-l-step li:last-child{color:#101010; font-size: 16px;}
.introduce-p .member-process .member-r-step{margin-left: 5px; background:#fff; border-radius: 16px; padding:25px 25px; min-width: 100px; width:80%;}
.introduce-p .member-process .member-r-step div{font-size: 15px; font-weight: 700; line-height: 1.2;}
.introduce-p .member-process .member-r-step-notice li{font-size: 13px; font-weight: 400; color: #777777; padding-bottom: 4px; position: relative; padding-left:10px; line-height: 1.2;}
.introduce-p .member-process .member-r-step-notice li::after{content: "*"; position: absolute; top:0; left:0; transform:translateX(-50%, -50%);  width:30px; height:30px; display: block;}
.introduce-p .member-process .member-r-step-notice{margin-left: 5px; padding:18px 0; min-width: 100px;}
@media(max-width:368px){
  .introduce-p .member-process .member-r-step div{word-break: keep-all;}
  .introduce-p .member-process .member-r-step-notice li{word-break: keep-all;}
}
.introduce-p .member-info .join-process .ol {position:relative; margin:34px 0 20px; line-height:1.4; color:#000; font-size:1.5rem; font-weight:800; text-align:center;}
.introduce-p .member-info .join-process .ol .ico {display:inline-block; position:relative; left:-6px; width:11px; height:9px; background:url('/resources/mo/images/introduce/ico_blue_check.png') no-repeat center; background-size:cover;}
.introduce-p .member-info .join-process .info {line-height:1.4; color:#000; font-size:1.2rem;}
.introduce-p .auction-process {background:#2944cc;}
.introduce-p .auction-process .box-title {color:#fff;}
.introduce-p .auction-process ol {margin-top:45px;}
.introduce-p .auction-process ol li {position:relative; padding-left:94px; min-height:55px;}
.introduce-p .auction-process ol li .icon {position:absolute; left:0; top:0; width:64px; height:55px; background:url('/resources/mo/images/introduce/bg_process_icon.png') no-repeat center; background-size:cover;}
.introduce-p .auction-process ol li .icon:after {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-size:cover; background-repeat:no-repeat;}
.introduce-p .auction-process ol li:nth-child(1) .icon:after {width:33px; height:35px; background-image:url('/resources/mo/images/introduce/ico_process01.png');}
.introduce-p .auction-process ol li:nth-child(2) .icon:after {width:30px; height:30px; background-image:url('/resources/mo/images/introduce/ico_process02.png');}
.introduce-p .auction-process ol li:nth-child(3) .icon:after {width:31px; height:29px; background-image:url('/resources/mo/images/introduce/ico_process03.png');}
.introduce-p .auction-process ol li:nth-child(4) .icon:after {width:24px; height:29px; background-image:url('/resources/mo/images/introduce/ico_process04.png');}
.introduce-p .auction-process ol li:nth-child(5) .icon:after {width:29px; height:24px; background-image:url('/resources/mo/images/introduce/ico_process05.png');}
.introduce-p .auction-process ol li:nth-child(6) .icon:after {width:30px; height:35px; background-image:url('/resources/mo/images/introduce/ico_process06.png');}
.introduce-p .auction-process ol li + li {margin-top:35px;}
.introduce-p .auction-process ol li dt,
.introduce-p .auction-process ol li dd {display:block;}
.introduce-p .auction-process ol li dt {color:#fff; font-size:1.6rem; font-weight:800;}
.introduce-p .auction-process ol li dd {margin-top:5px;}
.introduce-p .auction-process ol li dd p {line-height:1.4; color:#fff; font-size:1.3rem;}
.introduce-p .auction-process ol li dd .etc {margin-top:3px; font-size:1.1rem;}
.introduce-p .p-process .in-box {margin-top:20px; padding:30px; border-radius:10px;}
.introduce-p .p-process .in-box.top {background:#f6f7ff;}
.introduce-p .p-process .in-box.bottom {background:#f8f8f8;}
.introduce-p .p-process ul > li .title {position:relative; margin-bottom:10px; line-height:1.3; font-size:1.5rem; font-weight:800;}
.introduce-p .p-process ul > li .title:after {display:block; content:""; position:absolute; left:-16px; top:4px; width:11px; height:9px; background:url('/resources/mo/images/introduce/ico_blue_check.png') no-repeat center; background-size:cover;}
.introduce-p .p-process ul > li li {line-height:1.4; padding-left:10px; text-indent:-9px; font-size:1.3rem;}
.introduce-p .p-process ul > li li + li {margin-top:5px;}
.introduce-p .p-process ul > li .contact {margin-top:10px; line-height:1.4; font-size:1.3rem;}

@media(max-width:368px){
  .introduce-p .p-process ul > li .title{font-size: 14px;word-break: keep-all;}
  .introduce-p .p-process ul > li li{word-break: keep-all;}
  .introduce-p .auction-process ol li dd p{word-break: keep-all;}
  .introduce-p .member-process .member-l-step{padding:33px 14px}
}
.error-p {
  padding: 150px 0 40px;
  background: url('/resources/images/ico_cry.png') no-repeat center top 60px;
}
.error-p .f-xxxlarge {
  letter-spacing: -2px;
}
.error-p .f-large {
  line-height: 1.4;
}

.accident-history-p {
  padding: 20px 0;
}

.accident-history-p .car-info-box{
  width:100%;
  background:#f6f6f6;
  padding:24px 20px;
  box-sizing:border-box;
}

.accident-history-p .car-number {
  text-align: center;
}

.accident-history-p .car-number strong {
  color: #131313;
  font-size: 2rem;
  font-weight:700;
}

.accident-history-p .car-model{
  margin-top: 8px;
}

.accident-history-p .car-model span {
  font-size: 1.8rem;
  color:#666;
  font-weight:400;
}

.accident-history-p .accidnet-search-date{
  text-align: right;
  margin-top:8px;
  
}

.accident-history-p .accidnet-search-date span{
  font-size:1.2rem;
  color:#666;
}

.accident-history-p .group{
  margin:24px 0;
}

.accident-history-p .group .group-header {
  display: flex;
  justify-content: space-between;
}
.accident-history-p .group .group-header .title {
  font-size: 1.8rem;
  font-weight:500;
  display:flex;
  align-items: center;
  gap:0 8px;
}

.accident-history-p .group .group-header .title .tooltip-btn{
  width:2.4rem;
  height:2.4rem;
  border-radius: 2.4rem;
  border:1px solid #ddd;
  display:flex;
  align-items: center;
  justify-content: center;
  background:#fff;
}

.accident-history-p .group .group-header .update {
  position: relative;
  top: 3px;
  color: #999;
  font-size: 1.2rem;
}
.accident-history-p .group .group-header .accident-arrow{
  transform: rotate(180deg);
  transition: .4s;
}

.accident-history-p .group .group-header .accident-arrow.active{
  transform: rotate(0deg);
}

.accident-history-p .group .caution-list li {
  font-size: 1.2rem;
  padding-left:1rem;
  color:#666;
}

.accident-history-p .group .caution-list li span{
  font-size: 1.2rem;
  color:#131313;
}

.accident-history-p .group .caution-list li::before{
  content:"";
  display:block;
  width:4px;
  height:4px;
  border-radius: 4px;
  background:#999;
  position: absolute;
  left:0;
  top:6px;
}

.accident-history-p .group .caution-list li::after{
  content:"";
}

.accident-history-p .group .txt-info {
  line-height: 1.3;
  font-size: 1.3rem;
}
.accident-history-p .default-tbl {
  margin-top:20px;
  border-top:0px;
}

.accident-history-p .default-tbl tr th{
  background:#f9f9f9;
  font-size:1.2rem;
  color:#131313;
}

.accident-history-p .default-tbl tr td{
  color:#515151;
  font-size:1.2rem;
}

.accident-history-p .default-tbl tr th,
.accident-history-p .default-tbl tr td{
  height:4.8rem;
  padding:1.6rem 0.8rem;
  box-sizing:border-box;
}

.accident-history-p .center-tbl tr th,
.accident-history-p .center-tbl tr td{
  text-align: center;
}

.accident-history-p .default-tbl .acc-date {
  color: #515151;
  font-size: 1.2rem;
  background: #fff;
  text-align: center;
}

.accident-history-p .acc-list .default-tbl{
  margin-top:-1px;
}

.accident-history-p .acc-list li {
  /*margin-top: 3px;*/
}
.accident-history-p .acc-list li .default-tbl {
  border-top: 0;
}
.accident-history-p .finish {
  padding: 10px 0;
}
.accident-history-p .finish p,
.accident-history-p .finish p a {
  line-height: 1.3;
  font-size: 1.4rem;
}
.accident-history-p .finish p a {
  color: #222;
  text-decoration: underline;
}
.accident-history-p .finish p.date {
  color: #999;
}
.accident-history-p .keyword-detail {
  margin-top: 6px;
  padding: 12px 10px;
  border: 1px solid #ddd;
  background: #fafafa;
  margin-top: 20px;
}
.accident-history-p .keyword-detail strong {
  font-size: 1.4rem;
}
.accident-history-p .keyword-detail dl dt,
.accident-history-p .keyword-detail dl dd {
  line-height: 1.3;
  font-size: 1.3rem;
  font-weight: 400;
}
.accident-history-p .keyword-detail dl dt {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 600;
}
.accident-history-p .keyword-detail dl dd {
  margin-top: 5px;
  padding-left: 8px;
  color: #555;
}

.accident-history-p .default-tbl dl dd{
  text-align: left;
}

.accident-history-p .default-tbl dl + dl{
  text-align: left;
}

.accident-history-p .default-tbl dl.total dt, 
.accident-history-p .default-tbl dl.total dd{
  font-weight: 400;
  font-size:1.2rem;
  color:#515151;
}

.accident-history-p .default-tbl dl.total dt.focus,
.accident-history-p .default-tbl dl.total dd.focus{
  color:#579aff;
}

.accident-history-p .insurance-form{
  width:100%;
  margin:20px 0 16px 0;
}

.accident-history-p .insurance-form .txt-info{
  font-size:1.4rem;
  color:#666;
}

.accident-history-p .insurance-form .txt-info span{
  font-size:1.4rem;
  color:#131313;
}

.accident-history-p .insurance-form .txt-info + table{
  margin-top:16px;
}

.accident-history-p .insurance-form .insurance-tbl{
  border:1px solid #ddd;
  width:100%;
  text-align: center;
  vertical-align: middle;
}

.accident-history-p .insurance-form .insurance-tbl tr th{
  height:4.8rem;
  background:#f9f9f9;
  border:1px solid #ddd;
  font-size:1.2rem;
  color:#131313;
  vertical-align: middle;
  font-weight:500;
}

.accident-history-p .insurance-form .insurance-tbl tr td{
  height:4.8rem;
  border:1px solid #ddd;
  font-size:1.2rem;
  color:#515151;
  vertical-align: middle;
}

.qna-p {
  padding: 20px 3%;
}
.qna-p textarea {
  width: 100%;
  height: 200px;
}
.file-upload input[type='file'] {
  position: absolute;
  left: -9999px;
}
.file-upload .btn-file-upload {
  display: block;
  position: relative;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.file-upload .btn-file-upload span {
  color: #444;
  font-size: 15px;
}
.file-upload .btn-file-upload i {
  margin-right: 4px;
  color: #666;
  font-size: 18px;
}
.file-upload .btn-file-upload.active {
  background: #dadada;
}
.file-upload .btn-file-upload.active span,
.file-upload .btn-file-upload.active i {
  color: #999;
}

.choice-box {
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
}
.choice-box label {
  display: block;
  position: relative;
  border-left: 1px solid #ddd;
}
.choice-box label:first-child {
  border-left: 0;
}
.choice-box label input[type='radio'] {
  position: absolute;
  left: -9999px;
  top: 0;
}
.choice-box label span {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #444;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  background: #fff;
}
.choice-box label input[type='radio']:checked + span {
  position: relative;
  color: #444;
  font-weight: 600;
  line-height: 40px;
}
.choice-box label input[type='radio']:checked + span:after {
  display: block;
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 100;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 3px solid #666;
}
.choice-box label input[type='radio']:disabled + span {
  color: #999;
  background: #ebebeb;
}
.choice-box label input[type='radio']:disabled:checked + span {
  background: #fff;
}

.categorys ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  color: #fff;
  font-size: 1.45rem;
  background: #ccc;
}
.categorys ul li.type01.active a {
  background: #2e6da4;
}
.categorys ul li.type02.active a {
  background: #5cb85c;
}
.categorys ul li.type03.active a {
  background: #5bc0de;
}
.categorys ul li.type04.active a {
  background: #f0ad4e;
}
.categorys ul li.type05.active a {
  background: #894fd9;
}
.car-part {
  position: relative;
}
.car-part img {
  display: block;
  width: 100%;
}
.car-part .zone-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.car-part .zone-list .zone {
  position: absolute;
  left: 0;
  top: 0;
  width: 5%;
  height: 5%;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50em;
}
.car-part .zone-list .zone.z01 {
  left: 48.1%;
  top: 1%;
}
.car-part .zone-list .zone.z02 {
  left: 48.4%;
  top: 6.8%;
}
.car-part .zone-list .zone.z03 {
  left: 37.6%;
  top: 11%;
}
.car-part .zone-list .zone.z04 {
  left: 21.8%;
  top: 9.3%;
}
.car-part .zone-list .zone.z05 {
  left: 19.2%;
  top: 21.7%;
}
.car-part .zone-list .zone.z06 {
  left: 14.5%;
  top: 16.5%;
}
.car-part .zone-list .zone.z07 {
  left: 25.5%;
  top: 25.5%;
}
.car-part .zone-list .zone.z08 {
  left: 48.5%;
  top: 16.6%;
}
.car-part .zone-list .zone.z09 {
  left: 16.5%;
  top: 41.3%;
}
.car-part .zone-list .zone.z10 {
  left: 24.5%;
  top: 38.4%;
}
.car-part .zone-list .zone.z11 {
  left: 31.3%;
  top: 35.6%;
}
.car-part .zone-list .zone.z12 {
  left: 46.5%;
  top: 33.2%;
}
.car-part .zone-list .zone.z13 {
  left: 25.3%;
  top: 55.2%;
}
.car-part .zone-list .zone.z14 {
  left: 48.7%;
  top: 48.9%;
}
.car-part .zone-list .zone.z15 {
  left: 18.7%;
  top: 69.1%;
}
.car-part .zone-list .zone.z16 {
  left: 14%;
  top: 63.8%;
}
.car-part .zone-list .zone.z17 {
  left: 48.5%;
  top: 72.2%;
}
.car-part .zone-list .zone.z18 {
  left: 48.4%;
  top: 81.7%;
}
.car-part .zone-list .zone.z19 {
  left: 36.2%;
  top: 84.7%;
}
.car-part .zone-list .zone.z20 {
  left: 49%;
  top: 91.2%;
}
.car-part .zone-list .zone.z21 {
  left: 59.2%;
  top: 10.5%;
}
.car-part .zone-list .zone.z22 {
  left: 70.4%;
  top: 9.5%;
}
.car-part .zone-list .zone.z23 {
  left: 67%;
  top: 26%;
}
.car-part .zone-list .zone.z24 {
  left: 75.1%;
  top: 21.4%;
}
.car-part .zone-list .zone.z25 {
  left: 80%;
  top: 15.4%;
}
.car-part .zone-list .zone.z26 {
  left: 65%;
  top: 35.6%;
}
.car-part .zone-list .zone.z27 {
  left: 69%;
  top: 38%;
}
.car-part .zone-list .zone.z28 {
  left: 78.2%;
  top: 42.3%;
}
.car-part .zone-list .zone.z29 {
  left: 69.7%;
  top: 53.9%;
}
.car-part .zone-list .zone.z30 {
  left: 75%;
  top: 68.6%;
}
.car-part .zone-list .zone.z31 {
  left: 79.4%;
  top: 62.3%;
}
.car-part .zone-list .zone.z32 {
  left: 60%;
  top: 83.5%;
}
.car-part .zone-list .zone.z33 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z34 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z35 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z36 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z37 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z38 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z39 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z40 {
  left: 0%;
  top: 0%;
}
.car-part .zone-list .zone.z41 {
  left: 34.1%;
  top: 35.1%;
}
.car-part .zone-list .zone.z42 {
  left: 33.1%;
  top: 48.8%;
}
.car-part .zone-list .zone.z43 {
  left: 34.1%;
  top: 66.8%;
}
.car-part .zone-list .zone.z44 {
  left: 48.5%;
  top: 57.8%;
}
.car-part .zone-list .zone.z45 {
  left: 26.5%;
  top: 75.5%;
}
.car-part .zone-list .zone.z46 {
  left: 59.5%;
  top: 37.9%;
}
.car-part .zone-list .zone.z47 {
  left: 62.2%;
  top: 49.6%;
}
.car-part .zone-list .zone.z48 {
  left: 60.5%;
  top: 67.2%;
}
.car-part .zone-list .zone.z49 {
  left: 68.1%;
  top: 75.6%;
}
.car-part .zone-list .zone.z50 {
  left: 52%;
  top: 8.3%;
}
.car-part .zone-list .zone.z51 {
  left: 41.5%;
  top: 13.7%;
}
.car-part .zone-list .zone.z52 {
  left: 34.7%;
  top: 21.5%;
}
.car-part .zone-list .zone.z53 {
  left: 35%;
  top: 30%;
}
.car-part .zone-list .zone.z54 {
  left: 39.8%;
  top: 23.5%;
}
.car-part .zone-list .zone.z55 {
  left: 51.4%;
  top: 23.5%;
}
.car-part .zone-list .zone.z56 {
  left: 56.8%;
  top: 21.5%;
}
.car-part .zone-list .zone.z57 {
  left: 57%;
  top: 29.6%;
}
.car-part .zone-list .zone.z58 {
  left: 46%;
  top: 35%;
}
.car-part .zone-list .zone.z59 {
  left: 46%;
  top: 40.7%;
}
.car-part .zone-list .zone.z60 {
  left: 46.4%;
  top: 52.8%;
}
.car-part .zone-list .zone.z61 {
  left: 46.8%;
  top: 67.4%;
}
.car-part .zone-list .zone.z62 {
  left: 35.4%;
  top: 73%;
}
.car-part .zone-list .zone.z63 {
  left: 40.5%;
  top: 74.2%;
}
.car-part .zone-list .zone.z64 {
  left: 46.2%;
  top: 74.5%;
}
.car-part .zone-list .zone.z65 {
  left: 52.1%;
  top: 74.4%;
}
.car-part .zone-list .zone.z66 {
  left: 57.5%;
  top: 72.5%;
}
.car-part .zone-list .zone.z67 {
  left: 46%;
  top: 82%;
}
.car-part .zone-list .zone .bedge {
  display: block;
  width: 2.5%;
  height: 2.5%;
}
.car-part .zone-list .zone .bedge:after {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 140%;
  font-size: 2vw;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border-width: 2px;
  border-style: solid;
}
.car-part .zone-list .zone .bedge:nth-child(1):after {
  top: -33%;
}
.car-part .zone-list .zone .bedge:nth-child(2):after {
  top: 33%;
}
.car-part-summary {
  margin: 15px 0;
}
.car-part-summary span {
  display: inline-block;
  position: relative;
  margin: 3px;
  padding: 0 8px 0 26px;
  line-height: 22px;
  font-size: 1.2rem;
  font-weight: 600;
}
.car-part-summary span:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border: 2px solid #000;
}
.car-part-box .type01:after {
  content: 'A' !important;
  color: #e63939 !important;
  border-color: #e63939 !important;
}
.car-part-box .type02:after {
  content: 'C' !important;
  color: #00367c !important;
  border-color: #00367c !important;
}
.car-part-box .type03:after {
  content: 'F' !important;
  color: #0a8e6b !important;
  border-color: #4c4c4c !important;
}
.car-part-box .type04:after {
  content: 'M' !important;
  color: #f99200 !important;
  border-color: #f99200 !important;
}
.car-part-box .type05:after {
  content: 'P' !important;
  color: #32396f !important;
  border-color: #32396f !important;
}
.car-part-box .type06:after {
  content: 'PP' !important;
  color: #fe3890 !important;
  border-color: #fe3890 !important;
}
.car-part-box .type07:after {
  content: 'Q' !important;
  color: #00870d !important;
  border-color: #00870d !important;
}
.car-part-box .type08:after {
  content: 'W' !important;
  color: #1ba2c9 !important;
  border-color: #1ba2c9 !important;
}
.car-part-box .type09:after {
  content: 'X' !important;
  color: #9e1bc9 !important;
  border-color: #9e1bc9 !important;
}
.car-part-box .type10:after {
  content: 'XX' !important;
  color: #000 !important;
  border-color: #000 !important;
}
.popup-layer .dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.popup-layer .btn-close {
  position: fixed;
  left: -40px;
  top: 15px;
  width: 30px;
  height: 30px;
  transition: left 0.5s;
}
.popup-layer .btn-close:before,
.popup-layer .btn-close:after {
  display: block;
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  background: #fff;
}
.popup-layer .btn-close:before {
  transform: rotate(45deg);
}
.popup-layer .btn-close:after {
  transform: rotate(-45deg);
}
.popup-layer .box {
  position: fixed;
  right: -70%;
  top: 0;
  z-index: 1100;
  width: 70%;
  height: 100%;
  background: #fff;
  transition: right 0.5s;
}
.popup-layer .box .zone {
  display: block;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  font-size: 1.8rem;
  border-bottom: 1px solid #444;
}
.popup-layer .box .status-list li {
  position: relative;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}
.popup-layer .box .status-list li:after {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  font-size: 2vw;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50em;
  background: #fff;
  border-width: 2px;
  border-style: solid;
}
.popup-layer .box .status-list li label {
  display: block;
  position: relative;
  padding: 0 15px 0 40px;
}
.popup-layer .box .status-list li label input[type='checkbox'] {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
}
.popup-layer .box .status-list li label span {
  display: inline-block;
  padding-left: 25px;
  font-size: 1.4rem;
}
.popup-layer .box .btn-complete {
  display: block;
  margin: 15px auto;
  width: 90%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  background: #2944cc;
}
.popup-layer.active .dim {
  display: block;
}
.popup-layer.active .btn-close {
  left: 15px;
}
.popup-layer.active .box {
  right: 0;
}
.btn-more-list {
  display: block;
  margin: 20px auto;
  width: 94%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  background: #666;
}
.btn-more-list span {
  font-size: 1.8rem;
}

.hr {
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  border: 0;
}

.page-btns {
  display: flex;
  width: 94%;
}
.page-btns.sp-between {
  justify-content: space-between;
}
.page-btns.two.sp-between a {
  width: 49%;
}
.page-btns .btn {
  display: block;
  position: relative;
  height: 52px;
  line-height: 50px;
  font-size: 1.6rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.page-btns .btn:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 60%;
  width: 100%;
  height: 25px;
}
.page-btns .btn i {
  position: relative;
  top: 2px;
  color: #fff;
  font-size: 1.5rem;
}
.page-btns.full {
  width: 100%;
}
.page-btns.full .btn {
  width: 100%;
}
.page-btns.two .btn {
  width: 50%;
}
.page-btns.three .btn {
  width: 33.33%;
}
.page-btns.three .btn:first-child {
  width: 33.34%;
}
.page-fixed-btns {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
}

.btn-default {
  display: inline-block;
  position: relative;
  top: 0;
  margin: 0 2px;
  padding: 0 12px;
  height: 38px;
  line-height: 36px;
  font-size: 1.4rem;
  color: #444;
  vertical-align: middle;
  border: 1px solid #444;
  box-sizing: border-box;
}
.btn-default .arrow {
  font-family: serif;
}
.btn-default.btn-full {
  width: 100%;
  text-align: center;
}
.btn-default:hover {
  text-decoration: underline;
}
.btn-default:active {
  top: 1px;
}
.btn-default.btn-m {
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  font-size: 1.6rem;
}
.btn-default.btn-l {
  height: 50px;
  line-height: 48px;
  padding: 0 22px;
  font-size: 1.9rem;
  font-weight: 600;
}
.btn-default.btn-xl {
  height: 55px;
  line-height: 53px;
  padding: 0 32px;
  font-size: 2.2rem;
  font-weight: 600;
}
.btn-default.btn-default {
  border: 1px solid #999;
}
.btn-default.btn-sky {
  color: #fff;
  background: #00affa;
}
.btn-default.btn-white {
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
}
.btn-default i {
  color: #fff;
  font-size: 1.3rem;
}
.btn-gray {
  color: #fff;
  border-color: #5c5c5c;
  background: #777;
}
.btn-light-gray {
  color: #fff;
  border-color: #5c5c5c;
  background: #9e9e9e;
}
.btn-black {
  color: #fff;
  border-color: #444;
  background: #333;
}
.btn-blue {
  color: #fff;
  border-color: #2e6da4;
  background: #2e6da4;
}
.btn-blue02 {
  color: #fff;
  border-color: #2944CC;
  background: #2944CC;
}
.btn-deep-green {
  color: #fff;
  border-color: rgb(65, 134, 65);
  background: #2e792e;
}
.btn-green {
  color: #fff;
  border-color: #4cae4c;
  background: #5cb85c;
}
.btn-kakao {
  color: #3b1212;
  border-color: #dac50d;
  background: #fae100;
}
.btn-reborn {
  color: #000;
  border-color: #55a7c7;
  background: #6dcff6;
}
.btn-sky {
  color: #fff;
  border-color: #46b8da;
  background: #5bc0de;
}
.btn-yellow {
  color: #fff;
  border-color: #eea236;
  background: #f0ad4e;
}
.btn-red {
  color: #fff;
  border-color: #d43f3a;
  background: #d9534f;
}
.btn-disabled {
  color: #c9c9c9;
  border-color: #d1d1d1;
  background: #f2f2f2;
  cursor: default;
}
.btn-disabled:hover {
  text-decoration: none;
}
.btn-disabled:active {
  top: 0;
}
.btn-radius {
  border-radius: 5px;
}
.btn.white {
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
}
.btn.gray {
  color: #fff;
  border-color: #5c5c5c;
  background: #777;
}
.btn.black {
  color: #fff;
  border-color: #444;
  background: #333;
}
.btn.blue {
  color: #fff;
  border-color: #16202c;
  background: #1f5aa1;
}
.btn.deep-green {
  color: #fff;
  border-color: rgb(65, 134, 65);
  background: #2e792e;
}
.btn.green {
  color: #fff;
  border-color: #4cae4c;
  background: #5cb85c;
}
.btn.kakao {
  color: #3b1212;
  border-color: #dac50d;
  background: #fae100;
}
.btn.reborn {
  color: #000;
  border-color: #55a7c7;
  background: #6dcff6;
}
.btn.sky {
  color: #fff;
  border-color: #46b8da;
  background: #5bc0de;
}
.btn.yellow {
  color: #fff;
  border-color: #eea236;
  background: #f0ad4e;
}
.btn.red {
  color: #fff;
  border-color: #d43f3a;
  background: #d9534f;
}
.btn.disabled {
  color: #c9c9c9;
  border-color: #d1d1d1;
  background: #f2f2f2;
  cursor: default;
}
.btn.disabled:hover {
  text-decoration: none;
}
.btn.disabled:active {
  top: 0;
}
.btn.black:after {
  background: rgba(255, 255, 255, 0.1);
}
.alarm-plus span{font-size:13px !important;}
.btn-light-gray span{font-size:13px !important;}
.loading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.loading-dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.loading-box {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 200px;
  text-align: center;
  background: #fff;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.loading-box .circles {
  padding-top: 10px;
}
.loading-box .circles i {
  animation: scaleBounce 0.3s alternate infinite;
  display: inline-block;
  margin: 0 4px;
  width: 10px;
  height: 10px;
  background: #2e6da4;
  border-radius: 50em;
}
.loading-box .circles i:nth-child(2) {
  animation-delay: 0.1s;
}
.loading-box .circles i:nth-child(3) {
  animation-delay: 0.2s;
}
.loading-box p {
  margin-top: 26px;
  font-size: 1.6rem;
}
@keyframes scaleBounce {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1.3);
  }
}

.hide-box {
  display: none;
}

.tab-menu {
  margin: 20px 0;
  padding: 0 6px;
}
.tab-menu ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: 1px solid #ccc;
}
.tab-menu li {
  position: relative;
  flex-grow: 1;
  border-left: 1px solid #ddd;
}
.tab-menu li:first-child {
  border-left: 0;
}
.tab-menu li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  background: #fff;
}
.tab-menu li a span {
  font-size: 1.5rem;
}
.tab-menu li.active a {
  color: #006bff;
  font-weight: 600;
}
.tab-menu li.active a:hover {
  position: relative;
  color: #444;
  font-weight: 600;
  line-height: 40px;
}
.tab-menu li.active a:after {
  display: block;
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 100;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 3px solid #006bff;
}

/* 레이어팝업 */
.layer-pop-content {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  
}
.layer-pop-content .dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.layer-pop-content .layer-box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-49.9%, -49.9%);
  padding: 0 20px 20px;
  width: 94%;
  max-height: 85%;
  background: #fff;
  box-sizing: border-box;
  overflow: scroll;
}
.layer-pop-content .layer-box.entry-pop{
  max-height: 100%;
}
.layer-pop-content .layer-box .layer-head {
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #ddd;
}
.layer-pop-content .layer-box .layer-head .title {
  font-size: 2rem;
  font-weight: 400;
}
.layer-pop-content .layer-box .btn-gnb.close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: url(/resources/mo/images/new_main/ico_gnb_close.png) no-repeat center / 100% auto;
}
.layer-pop-content .btn-layer-close {
  position: absolute;
  top: 5px;
  right: 12px;
  overflow: hidden;
  width: 45px;
  height: 0;
  padding-top: 45px;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.layer-pop-content .btn-layer-close:before,
.layer-pop-content .btn-layer-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 1px;
  margin: -2px 0 0 -14px;
  background: #000;
}
.layer-pop-content .btn-layer-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.layer-pop-content .btn-layer-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.layer-pop-content .layer-btns {
  display: flex;
  justify-content: space-between;
}
.layer-pop-content .layer-btns .btn {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 44px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.layer-pop-content .layer-box .default {
  line-height: 1.4;
  font-size: 1.6rem;
}
.layer-pop-content .layer-box .default .small {
  color: #666;
  font-size: 1.4rem;
}
.layer-pop-content .layer-cont {
  padding: 20px 0; 
}
.layer-pop-content .layer-cont .car-model span {
  font-size: 1.8rem;
}
.layer-pop-content .layer-cont .comment {
  line-height: 1.4;
  font-size: 1.42rem;
}
.layer-form-box .row {
  display: flex;
  justify-content: center;
}
.layer-form-box .row .r-title {
  display: inline-block;
  width: 100px;
  line-height: 33px;
  font-size: 1.4rem;
  font-weight: 400;
}
.layer-form-box .row input[type='text'],
.layer-form-box .row input[type='tel'],
.layer-form-box .row input[type='email'],
.layer-form-box .row input[type='password'] {
  padding: 0 10px;
  height: 33px;
  font-size: 1.5rem;
  border: 1px solid #ccc;
}
.layer-form-box .row input[readonly],
.layer-form-box .row input:disabled {
  background: #e1e1e1;
}
.layer-form-box .row .txt {
  margin-left: 4px;
  line-height: 33px;
  color: #777;
  font-size: 1.32rem;
}

.layer-pop-content.bidding .guide {
  font-size: 1.35rem;
}
.layer-pop-content.bidding .bidding-type {
  position: relative;
  margin: 10px 0 0;
  border-top: 1px solid #ddd;
}
.layer-pop-content.bidding .bidding-type a {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-left: 12px;
  height: 80px;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6 url('/resources/images/btn_slider_next.png') no-repeat right 14px
    center;
  background-size: 8px;
}
/* .layer-pop-content.bidding .bidding-type a:after {display:block; content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%); font-family:serif; color:#444;} */
.layer-pop-content.bidding .bidding-type a strong {
  display: block;
  color: #444;
  font-size: 1.8rem;
  font-weight: 400;
  text-decoration: underline;
}
.layer-pop-content.bidding .bidding-type ul {
  margin-top: 20px;
}
.layer-pop-content.bidding .bidding-type ul li {
  position: relative;
  padding: 0 12px;
  line-height: 1.4;
  font-size: 1.3rem;
}
.layer-pop-content.bidding .bidding-type ul li:after {
  display: block;
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}
.layer-pop-content.bidding .bidding-type ul li + li {
  margin-top: 6px;
}
.layer-pop-content .agree {
  display: flex;
}
.layer-pop-content .agree input[type='checkbox'] {
  position: relative;
  top: 0;
  zoom: 1.2;
}
.layer-pop-content .agree p {
  margin-left: 5px;
  font-size: 1.4rem;
  font-weight: 400;
}

.layer-pop-content.notice .layer-cont .title {
  padding-bottom: 10px;
  line-height: 1.4;
  font-size: 1.65rem;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
}
.layer-pop-content.notice .layer-cont .cont {
  padding: 15px 0;
  max-height: 435px;
  overflow-y: scroll;
}
.layer-pop-content.notice .layer-cont .cont div,
.layer-pop-content.notice .layer-cont .cont p {
  line-height: 1.3;
  font-size: 1.5rem;
}
.layer-pop-content.notice .agree {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.layer-pop-content.search-p .layer-box {
  left: 0;
  top: 0;
  transform: translate(0, 0);
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.layer-pop-content.search-p .layer-box .form-box {
  padding-bottom: 40px;
  height: calc(100% - 104px);
  overflow-y: auto;
}




/*출품알림등록팝업*/
.entry-notification-form-box{overflow-x: scroll;}
.entry-notification-form-box .title {padding-bottom:13px;color:#444; font-size:20px !important; font-weight:600; border-bottom:1px solid #000;}
.entry-notification-form-box .title span{ font-size:20px;}
.entry-notification-form-box .row {margin-top:20px;}
.entry-notification-form-box .row:first-child {margin-top:0;}
.entry-notification-form-box .box {width:100%;  }
.entry-notification-form-box .box .form-title {display:block; margin-bottom:4px; font-size:16px;}
.entry-notification-form-box .box .form-title em {font-style:normal;}
.entry-notification-form-box .box .form-title.required span {position:relative; padding-right:10px;}
.entry-notification-form-box .box .form-title.required span:after {display:block; content:"*"; position:absolute; right:0; top:0; color:#000;}
.entry-notification-form-box .box select{padding:0 10px; width:100%; height:40px; color:#555; margin-bottom:20px}

.entry-notification-form-box .box-type2 {width:100%; }
.entry-notification-form-box .box-type2 > em{padding:0 0.5%;}
.entry-notification-form-box .box-type2 .form-title {display:block; margin-bottom:11px; font-size:16px;}
.entry-notification-form-box .box-type2 .form-title em {font-style:normal;}
.entry-notification-form-box .box-type2 .form-title.required span {position:relative; padding-right:10px;}
.entry-notification-form-box .box-type2 .form-title.required span:after {display:block; content:"*"; position:absolute; right:0; top:0; color:#000;}
.entry-notification-form-box .box-type2 select{padding:0 10px; width:47.495%; height:40px; color:#555; margin-bottom:20px}

@media(max-width:360px){
	.entry-notification-form-box .box-type2 select{width:46.5%;}
}
.entry-notification-form-box .box-type3 {width:100%;}
.entry-notification-form-box .box-type3 > em{padding:0 1%;}
.entry-notification-form-box .box-type3 .form-title {display:block; margin-bottom:11px; font-size:16px;}
.entry-notification-form-box .box-type3 .form-title em {font-style:normal;}
.entry-notification-form-box .box-type3 .form-title.required span {position:relative; padding-right:10px;}
.entry-notification-form-box .box-type3 .form-title.required span:after {display:block; content:"*"; position:absolute; right:0; top:0; color:#000;}
.entry-notification-form-box .box-type3 select{padding:0 10px; width:100%; height:40px; color:#555; margin-bottom:20px}

.entry-notification-form-box .btn-login {display:block; margin-top:10px; width:100%; height:50px; line-height:50px; text-align:center;}
.entry-notification-form-box .attatch-file {padding-bottom:20px; border-bottom:1px solid #ddd;}
.entry-notification-form-box .row .attatch-file .form-title {margin-bottom:16px;}
.entry-notification-form-box .row .guide {margin:8px 0; color:#666; font-size:15px;}
.entry-notification-form-box .attatch-file .btn i {position:relative; top:1px; margin-right:5px; color:#fff; font-size:16px;}
.entry-notification-form-box .attatch-file .no-file {margin-top:10px; font-size:16px;}
.entry-notification-form-box .attatch-file .upload {position:relative;}
.entry-notification-form-box .attatch-file .upload input[type="file"] {position:absolute; left:-9999px; top:0;}
.entry-notification-form-box .attatch-file .upload span {cursor:pointer;}
.entry-notification-form-box .attatch-file .default-upload {display:inline-block; padding:6px; vertical-align:middle; border:1px solid #ddd; background:#fff;}
.entry-notification-form-box .hr {margin:20px 0; height:1px; background:#ddd;}
.entry-notification-form-box .caution {margin-top:14px; padding:20px 14px; background:#efefef;}
.entry-notification-form-box .caution li {position:relative; padding-left:20px; line-height:1.4;}
.entry-notification-form-box .caution li + li {margin-top:5px;}
.entry-notification-form-box .caution li:after {display:block; content:"※"; position:absolute; left:0; top:0;}
.entry-notification-form-box .hide-box {display:none;}
.entry-notification-form-box .btns {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.entry-notification-form-box.active .row .guide.certification {display:none;}
.entry-notification-notice{padding-bottom:10px;}
.entry-notification-notice ul li{position:relative; padding-left:10px; color:#666666; padding-bottom:6px;}
.entry-notification-notice ul li:before{content: "·"; position: absolute; top:0; left:0; transform:translateX(-50%, -50%);display: inline-block;}



.exhibit-types-l .cont {
  padding: 20px 0;
}
.exhibit-types-l .cont dl + dl {
  margin-top: 20px;
}
.exhibit-types-l .cont dl dt {
  font-size: 1.7rem;
  font-weight: 600;
}
.exhibit-types-l .cont dl dd {
  margin-top: 10px;
}
.exhibit-types-l .cont dl dd ul li {
  position: relative;
  padding-left: 14px;
  line-height: 1.5;
  font-size: 1.4rem;
}
.exhibit-types-l .cont dl dd ul li:after {
  display: block;
  content: '-';
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1.1rem;
}
.exhibit-caution-l .cont {
  padding: 20px 0;
}
.exhibit-caution-l .cont p {
  line-height: 1.5;
  font-size: 1.5rem;
}
.exhibit-caution-l .cont .agree p {
  line-height: 1.4;
  font-size: 1.4rem;
}
.policy-box {
  padding: 10px;
  height: 300px;
  overflow-y: scroll;
  background: #f6f6f6;
  border: 1px solid #ddd;
}
.policy-box p {
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
  font-size: 1.4rem;
}
.policy-box .bidding-caution li {
  padding-left: 12px;
  text-indent: -12px;
  line-height: 1.4;
  color: #555;
  font-size: 1.3rem;
}
.policy-box .bidding-caution li + li {
  margin-top: 6px;
}

.bidding-caution table{width:100%; margin-top:10px; margin-bottom:10px; border-top:1px solid #111;}
.bidding-caution table tr th{border:1px solid #ddd; font-size:12px; font-weight:700; height:30px;vertical-align: middle; width:50%; background:#eee;}
.bidding-caution table tr td{border:1px solid #ddd; font-size:12px; height:30px; vertical-align: middle; text-align: center; background:#f9f9f9;}


/* font color */
.f-black {
  color: #000 !important;
}
.f-gray {
  color: #444 !important;
}
.f-blue {
  color: #14446d !important;
}
.f-green {
  color: #0f880f !important;
}
.f-sky {
  color: #1697be !important;
}
.f-reborn {
  color: #6dcff6 !important;
}
.f-yellow {
  color: #c07b1a !important;
}
.f-red {
  color: #d00 !important;
}

/* font size */
.f-small {
  font-size: 1.1rem !important;
}
.f-medium {
  font-size: 1.3rem !important;
}
.f-large {
  font-size: 1.5rem !important;
}
.f-xlarge {
  font-size: 1.8rem !important;
}
.f-xxlarge {
  font-size: 2rem !important;
}
.f-xxxlarge {
  font-size: 2.2rem !important;
}

/* font weight */
.f-bold {
  font-weight: 600 !important;
}

/* text align */
.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center !important;
}
.a-right {
  text-align: right !important;
}

/* margin */
.mg-top0 {
  margin-top: 0px !important;
}
.mg-top5 {
  margin-top: 5px !important;
}
.mg-top10 {
  margin-top: 10px !important;
}
.mg-top15 {
  margin-top: 15px !important;
}
.mg-top20 {
  margin-top: 20px !important;
}
.mg-top25 {
  margin-top: 25px !important;
}
.mg-top30 {
  margin-top: 30px !important;
}
.mg-top35 {
  margin-top: 35px !important;
}
.mg-top40 {
  margin-top: 40px !important;
}
.mg-top45 {
  margin-top: 45px !important;
}
.mg-top50 {
  margin-top: 50px !important;
}
.mg-bottom0 {
  margin-bottom: 0 !important;
}
.mg-bottom5 {
  margin-bottom: 5px !important;
}
.mg-bottom10 {
  margin-bottom: 10px !important;
}
.mg-bottom15 {
  margin-bottom: 15px !important;
}
.mg-bottom20 {
  margin-bottom: 20px !important;
}
.mg-bottom25 {
  margin-bottom: 25px !important;
}
.mg-bottom30 {
  margin-bottom: 30px !important;
}
.mg-bottom35 {
  margin-bottom: 35px !important;
}
.mg-bottom40 {
  margin-bottom: 40px !important;
}
.mg-bottom45 {
  margin-bottom: 45px !important;
}
.mg-bottom50 {
  margin-bottom: 50px !important;
}

/* padding */
.pd-top0 {
  padding-top: 0 !important;
}
.pd-top5 {
  padding-top: 5px !important;
}
.pd-top10 {
  padding-top: 10px !important;
}
.pd-top15 {
  padding-top: 15px !important;
}
.pd-top20 {
  padding-top: 20px !important;
}
.pd-top25 {
  padding-top: 25px !important;
}
.pd-top30 {
  padding-top: 30px !important;
}
.pd-top35 {
  padding-top: 35px !important;
}
.pd-top40 {
  padding-top: 40px !important;
}
.pd-top45 {
  padding-top: 45px !important;
}
.pd-top50 {
  padding-top: 50px !important;
}
.pd-bottom0 {
  padding-bottom: 0 !important;
}
.pd-bottom5 {
  padding-bottom: 5px !important;
}
.pd-bottom10 {
  padding-bottom: 10px !important;
}
.pd-bottom15 {
  padding-bottom: 15px !important;
}
.pd-bottom20 {
  padding-bottom: 20px !important;
}
.pd-bottom25 {
  padding-bottom: 25px !important;
}
.pd-bottom30 {
  padding-bottom: 30px !important;
}
.pd-bottom35 {
  padding-bottom: 35px !important;
}
.pd-bottom40 {
  padding-bottom: 40px !important;
}
.pd-bottom45 {
  padding-bottom: 45px !important;
}
.pd-bottom50 {
  padding-bottom: 50px !important;
}

/* margin, padding reset */
.pd-top0 {
  padding-top: 0 !important;
}
.pd-left0 {
  padding-left: 0 !important;
}
.pd-right0 {
  padding-right: 0 !important;
}
.pd-bottom0 {
  padding-bottom: 0 !important;
}
.mg-top0 {
  margin-top: 0 !important;
}
.mg-left0 {
  margin-left: 0 !important;
}
.mg-right0 {
  margin-right: 0 !important;
}
.mg-bottom0 {
  margin-bottom: 0 !important;
}

.full-width {
  width: 100% !important;
}

#ui-datepicker-div {
  display: none;
}
.ui-datepicker th span {
  font-size: 1.3rem;
}
.ui-datepicker td span {
  font-size: 1.3rem;
}

/*datatable 페이징*/
.dataTables_wrapper .dataTables_paginate {
  margin-top: 20px !important;
  font-size: 0;
  text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .ellipsis {
  display: inline-block;
  margin: 0;
  width: 45px;
  height: 30px;
  line-height: 30px;
  color: #444;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #ddd;
  border-left: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-left: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff;
  background: #283544;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  text-decoration: underline;
}

.no-data {
  padding: 120px 0 40px;
  text-align: center;
  background: url('/resources/images/no_data.png') no-repeat center top 20px;
  background-size: 70px;
}
.no-data p {
  font-size: 1.55rem;
  font-weight: 600;
}
.no-data li {
  font-size: 1.55rem;
  font-weight: 600;
}
/***** 
    responsive 
                */
/*****
     1280 < w 
                */
@media screen and (max-width: 1280px) {
  .card-list li .thumbnail {
    height: 220px;
  }
}
/*****
     1024 > w 
                */
@media screen and (max-width: 1040px) {
}
/*****
     880 > w 
                */
@media screen and (max-width: 880px) {
}
/*****
     768 > w 
                */
@media screen and (max-width: 768px) {
  .card-list li .thumbnail {
    height: 180px;
  }
}
/*****
     480 > w 
                */
@media screen and (max-width: 480px) {
  .card-list li .thumbnail {
    height: 160px;
  }
}
/*****
     400 > w 
                */
@media screen and (max-width: 400px) {
  .card-list li .thumbnail {
    height: 150px;
  }
}


/* 프로그래스바 */
.progress-bar{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); padding:60% 10% 0; z-index:99999; box-sizing:border-box;}
.progress-bar .txt{text-align:center; color:#fff; padding-bottom:10px; font-size:22px;}
.progress-bar .myProgress{width: 100%; background-color: #ddd; border-radius:20px; overflow:hidden}
.progress-bar #myBar{width: 0%; height: 30px; background-color: #176de5; text-align: center; line-height: 30px; color: white;}

/* 특별관 */
.special-bidding-introduce {position:relative; margin:20px auto 10px; padding:20px 16px; width:96%; border:5px solid #999; box-sizing:border-box;}
.special-bidding-introduce:after {display:block; content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:#fff url('/resources/images/bg_special_bidding.png') no-repeat right bottom; background-size:70%; opacity:.5;}
.special-bidding-introduce > .title {color:#2944cc; font-size:2.2rem;}
.special-bidding-introduce .benefit-list {margin-top:22px;}
.special-bidding-introduce .benefit-list li .title {font-size:1.6rem;}
.special-bidding-introduce .benefit-list li p {margin-top:8px; line-height:1.4; font-size:1.3rem;}
.special-bidding-introduce .benefit-list li p.txt-caution {margin-top:0; color:#d00;}
.special-bidding-introduce .benefit-list li + li {margin-top:14px;}

/* 정회원 신청 */
.request-r-member {padding:30px 10px;}
.request-r-member .txt-info {line-height:1.5; font-size:1.5rem;}
.request-r-member .btn-request {margin-top:30px; width:100%;}

/* 하나캐피탈 전용관 */
.hanac-introduce img {display:block; width:100%;}
/*list-type*/
.list-type-tab{/*display: flex; justify-content: space-between;*/ margin-bottom: 32px !important;}
.list-type-tab.tabs {position:relative;width:60px;height: 30px;-webkit-box-sizing:border-box; box-sizing:border-box;margin:0;padding: 0;margin-top:5px; display: flex;}
.list-type-tab.tabs div {text-align:center;cursor: pointer;width:31px;padding: 0;line-height: 30px;height:30px;border-left:0;border-bottom:0;
	-webkit-box-sizing:border-box; box-sizing:border-box;}
.list-type-tab.tabs div:first-child {background: url("/resources/images/list/icon-card-view-off.svg") no-repeat;}
.list-type-tab.tabs div:last-child {background: url("/resources/images/list/icon-list-view-off.svg") no-repeat;}
.list-type-tab.tabs div.active:first-child {background-color:#7d7d7d;color:#fff;background: url("/resources/images/list/icon-card-view-on.svg") no-repeat;}
.list-type-tab.tabs div.active:last-child {background: url("/resources/images/list/icon-list-view-on.svg") no-repeat;}
.tab_container {position:relative;width:100%;-webkit-box-sizing:border-box; box-sizing:border-box;}

/*옵션정보*/
.store-option .option-list {position:relative; border:1px solid #ccc; margin-top:8px;}
.store-option .option-list ul {display:-webkit-box; display:flex; flex-wrap:wrap; padding:0 15px 20px;}
.store-option .option-list ul > * {position:relative; overflow:hidden; width:33.33%; height:98px;}
.store-option .option-list .ico {display:block; position:absolute; left:55%; top:40%; margin:-20px 0 0 -25px; min-width:38px; height:40px; background:url('/resources/images/ico_car_opt.png') no-repeat 0 0; background-size:38px auto;}
.store-option .option-list .ico1 {background-position:50% 4px;}
.store-option .option-list .ico2 {background-position:50% -39px;}
.store-option .option-list .ico3 {background-position:50% -80px;}
.store-option .option-list .ico4 {background-position:50% -118px;}
.store-option .option-list .ico5 {background-position:50% -156px;}
.store-option .option-list .ico6 {background-position:50% -190px;}
.store-option .option-list .ico7 {background-position:50% -230px;}
.store-option .option-list .ico8 {background-position:50% -270px;}
.store-option .option-list .ico9 {background-position:50% -310px;}
.store-option .option-list .ico10 {background-position:50% -348px;}
.store-option .option-list .ico11 {background-position:50% -386px;}
.store-option .option-list .ico12 {background-position:50% -422px;}
.store-option .option-list .ico13 {background-position:50% -462px;}
.store-option .option-list .ico14 {background-position:50% -500px;}
.store-option .option-list .ico15 {background-position:50% -538px;}
.store-option .option-list .ico16 {background-position:50% -578px;}
.store-option .option-list .ico17 {background-position:50% -616px;}
.store-option .option-list .ico18 {background-position:50% -656px;}
.store-option .option-list .ico19 {background-position:50% -696px;}
.store-option .option-list .ico20 {background-position:50% -734px;}
.store-option .option-list .ico21 {background-position:50% -772px;}
.store-option .option-list .ico22 {background-position:50% -808px;}
.store-option .option-list .ico23 {background-position:50% -846px;}
.store-option .option-list .ico24 {background-position:50% -886px;}
.store-option .option-list .ico25 {background-position:50% -924px;}
.store-option .option-list .ico26 {background-position:50% -962px;}
.store-option .option-list .ico27 {background-position:50% -1001px;}
.store-option .option-list .ico28 {background-position:50% -1041px;}
.store-option .option-list .ico29 {background-position:50% -1078px;}
.store-option .option-list .ico30 {background-position:50% -1118px;}
.store-option .option-list .ico31 {background-position:50% -1158px;}
.store-option .option-list .ico32 {background-position:50% -1196px;}
.store-option .option-list .ico33 {background-position:50% -1232px;}
.store-option .option-list .ico34 {background-position:50% -1272px;}



.store-option .option-list span {position:absolute; bottom:0; left:0; width:100%; height:26px; text-align:center; line-height:1.2; font-size:1.1rem; color:#666; font-weight:400;}


/*23.04.25 상용차 전개도 화물 추가*/
.repair-part .inspect .cargo-part {
  position: relative;
}
.repair-part .inspect .cargo-part img {
  display: block;
  width: 100%;
}
.repair-part .inspect .cargo-part .zone-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.repair-part .inspect .cargo-part .zone-list .zone{position:absolute; left:0; top:0; z-index:10; width:5%; height:5%; border-radius:50em; background:rgba(230, 230, 230, 0.9); cursor:pointer;display:flex;align-items: center;justify-content: center;font-weight:600;}

/* cargo top */
.repair-part .inspect .cargo-part .zone-list .zone.g101{left:47.5%;top:0%;}
.repair-part .inspect .cargo-part .zone-list .zone.g103{left:36%;top:4%;}
.repair-part .inspect .cargo-part .zone-list .zone.g121{left:59%;top:4%;}
.repair-part .inspect .cargo-part .zone-list .zone.g108{left:47.5%;top:5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g112{left:47.5%;top:11%;}
.repair-part .inspect .cargo-part .zone-list .zone.g144{left:47.5%;top:23%;}
.repair-part .inspect .cargo-part .zone-list .zone.g168{left:47.5%;top:59%;}
.repair-part .inspect .cargo-part .zone-list .zone.g119{left:37.8%;top:89.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g132{left:57.1%;top:89.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g120{left:47.5%;top:92.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g175{left:47.5%;top:85.2%;}

/* cargo left */
.repair-part .inspect .cargo-part .zone-list .zone.g107{left:42%;top:11%;}
.repair-part .inspect .cargo-part .zone-list .zone.g111{left:61.2%;top:15%;}
.repair-part .inspect .cargo-part .zone-list .zone.g110{left:48.5%;top:19%;}
.repair-part .inspect .cargo-part .zone-list .zone.g113{left:51%;top:28%;}
.repair-part .inspect .cargo-part .zone-list .zone.g169{left:40.7%;top:16.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g141{left:60%;top:17.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g142{left:57.8%;top:24%;}
.repair-part .inspect .cargo-part .zone-list .zone.g143{left:58.2%;top:30%;}
.repair-part .inspect .cargo-part .zone-list .zone.g145{left:51%;top:34%;}
.repair-part .inspect .cargo-part .zone-list .zone.g171{left:57%;top:64%;}
.repair-part .inspect .cargo-part .zone-list .zone.g173{left:45.3%;top:64%;}

/* cargo right */
.repair-part .inspect .cargo-part .zone-list .zone.g123{left:53%;top:10.5%;}
.repair-part .inspect .cargo-part .zone-list .zone.g126{left:33.5%;top:15%;}
.repair-part .inspect .cargo-part .zone-list .zone.g127{left:46.5%;top:19%;}
.repair-part .inspect .cargo-part .zone-list .zone.g129{left:43.8%;top:27%;}
.repair-part .inspect .cargo-part .zone-list .zone.g170{left:54.2%;top:16.4%;}
.repair-part .inspect .cargo-part .zone-list .zone.g146{left:35%;top:17.7%;}
.repair-part .inspect .cargo-part .zone-list .zone.g147{left:37.5%;top:23%;}
.repair-part .inspect .cargo-part .zone-list .zone.g148{left:37%;top:29%;}
.repair-part .inspect .cargo-part .zone-list .zone.g149{left:44.5%;top:34%;}
.repair-part .inspect .cargo-part .zone-list .zone.g172{left:38.5%;top:63%;}
.repair-part .inspect .cargo-part .zone-list .zone.g174{left:49.5%;top:63%;}

/* cargo bottom */
.repair-part .inspect .cargo-part .zone-list .zone.g150{left:47.5%;top:12%;}
.repair-part .inspect .cargo-part .zone-list .zone.g153{left:38%;top:16.7%;}
.repair-part .inspect .cargo-part .zone-list .zone.g157{left:57%;top:16.7%;}
.repair-part .inspect .cargo-part .zone-list .zone.g160{left:47.5%;top:16.9%;}
.repair-part .inspect .cargo-part .zone-list .zone.g176{left:47.5%;top:28%;}
.repair-part .inspect .cargo-part .zone-list .zone.g177{left:47.5%;top:35.8%;}
.repair-part .inspect .cargo-part .zone-list .zone.g178{left:47.5%;top:63%;}

/* cafe detail */
.cafe-detail-wrap { background-color: #f7f7f7; }
.cafe-detail-wrap .row { position: relative; background-color: #fff; }
.cafe-detail-wrap .row ~ .row { margin-top: 10px; padding: 20px; }
.cafe-detail-wrap .row .inner { width: 100%; padding: 20px; box-sizing: border-box; }
.cafe-detail-wrap .video { position: relative; }
.cafe-detail-wrap .video:before { content: ''; display: block; width: 100%; padding-top: 55.2%; }
.cafe-detail-wrap .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cafe-detail-wrap .video-info { position: relative; padding: 20px 60px 20px 20px; }
.cafe-detail-wrap .video-info strong { display: block; margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #000; word-break: keep-all; }
.cafe-detail-wrap .video-info p { display: inline-block; font-size: 12px; line-height: 16px; color: #333; }
.cafe-detail-wrap .video-info p ~ p { margin-left: 10px; }
.cafe-detail-wrap .video-info p span { display: inline-block; vertical-align: bottom; margin-right: 4px; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }

.cafe-detail-wrap .btn-toggle { position: absolute; right: 20px; top: 50%; width: 40px; height: 40px; margin-top: -20px; }
.cafe-detail-wrap .btn-toggle:before { content: ''; display: block; width: 100%; height: 100%; transition: all .25s; background: url(/resources/images/ico_arrow_up.png) no-repeat center/12px auto; transform: rotate(180deg); }
.cafe-detail-wrap .btn-toggle.active:before { transform: rotate(0); }

.cafe-detail-wrap .channel { display: table-row; line-height: 0; }
.cafe-detail-wrap .channel .cover { display: table-cell; vertical-align: middle; width: 40px; height: 40px; border-radius: 100%; overflow: hidden; }
.cafe-detail-wrap .channel .cover img { width: 100%; }
.cafe-detail-wrap .channel .txt { display: table-cell; vertical-align: middle; padding-left: 10px; }
.cafe-detail-wrap .channel .txt .name { display: block; font-size: 14px; line-height: 16px; color: #000; }
.cafe-detail-wrap .channel .txt .video-cnt { display: block; padding-left: 12px; margin-top: 4px; background: url(/resources/images/ico_video_cnt.png) no-repeat left center/6px auto; font-size: 12px; line-height: 14px; color: #333; }

.cafe-detail-wrap .summary { margin-top: 20px; }
.cafe-detail-wrap .summary pre { font-size: 14px; font-weight: 400; line-height: 18px; color: #333; white-space: break-spaces; }

.cafe-detail-wrap .row.list { padding: 20px 0; }
.cafe-detail-wrap .swipe-list ~ .swipe-list { margin-top: 20px; } 
.cafe-detail-wrap .swipe-list .tit { margin-bottom: 10px; padding: 0 20px; font-size: 18px; font-weight: 500; line-height: 1.4; color: #000; }
.cafe-detail-wrap .swipe-list .tit span { font-size: inherit; font-weight: inherit; line-height: inherit; color: #0e76f8; }
.cafe-detail-wrap .swipe-list .list .swiper-container { padding: 0 20px; }
.cafe-detail-wrap .swipe-list .list .swiper-slide { width: 85%; }
.cafe-detail-wrap .swipe-list .list .swiper-slide .thumbnail img { width: 100%; }
.cafe-detail-wrap .swipe-list .list .swiper-slide .info { margin-top: 8px; }
.cafe-detail-wrap .swipe-list .list .swiper-slide .model { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 40px; font-size: 14px; font-weight: 500; line-height: 1.4; color: #000; letter-spacing: -.5px; text-overflow: ellipsis; word-wrap: break-word; word-break: keep-all; overflow: hidden; }
.cafe-detail-wrap .swipe-list .list .swiper-slide .baloon { margin-top: 4px; }
.cafe-detail-wrap .swipe-list .list .swiper-slide .baloon p { font-size: 12px; line-height: 1.2; }

/* 23.07.11 메인 나의 입찰 내역 추가 */
.my_auction_list{width:100%;padding:20px 16px;box-sizing:border-box;background:#fff;}
.my_auction_list .my_auction_title{font-size:1.8rem;color:#000;font-weight:bold;margin-bottom:10px;}
.my_auction_list .my_auction_title span{font-size:1.6rem;color:#666;font-weight:400;}

.my_auction_list .default-list .list{border-top:0px;}
.my_auction_list .default-list .list .row-top{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.my_auction_list .default-list .list .row-top:first-child{margin-top:0px;}

.my_auction_list .default-list .list .txtBiddingStatus.auction_status01{color:#176de5;}
.my_auction_list .default-list .list .txtBiddingStatus.auction_status02{color:#d33a35;}
.my_auction_list .default-list .list .txtBiddingStatus.auction_status03{color:#d33a35;}
.my_auction_list .default-list .list .txtBiddingStatus.auction_status04{color:#000000;}

.my_auction_list .auction_view_more {display:block; margin-top:10px; width:100%; height:55px; line-height:55px; color:#666; font-size:1.6rem; text-align:center; background:#f6f6f6; border-radius:5px; font-weight:600;}

.my_auction_list .default-list .list .row-top .picture .message.bg-blue{position: relative;}
.my_auction_list .default-list .list .row-top .info .car-model{width:calc( 100% - 40px );}
.my_auction_list .default-list .list .row-top .btn-favorite{padding:0px;top:0;bottom:auto;right:5px;}

/*23.07.11 공지사항 공지 추가*/
.board-list .list .subject .fixation{font-size:1.2rem;font-weight:700;background:#F3F5FF;color:#2944CC;padding:3px 10px;box-sizing:border-box;border-radius: 15px;margin-right:5px;position: relative; top:-2px;}

/*23.07.13 차옥션 소개*/
.introduce_new{width:100%;padding:40px 20px;box-sizing:border-box;}
.introduce_new .intro_title{font-size:2.4rem;font-weight:700;letter-spacing: -0.5px;color:#111;}
.introduce_new .intro_sub_title{font-size:2.0rem;font-weight:700;letter-spacing: -0.5px;color:#111;}
.introduce_new .intro_sub_title span{font-size:2.0rem;font-weight:700;letter-spacing: -0.5px;color:#2944CC;}

.introduce_new .intro_visual{width:100%;margin-top:30px;padding-bottom:10px;border-bottom:2px solid #333;box-sizing:border-box;}
.introduce_new .intro_visual .intro_visual_txt{font-size:1.6rem;letter-spacing: -0.2px;line-height:1.6;color:#111;}
.introduce_new .intro_visual .intro_visual_txt span{font-weight:700;font-size:1.6rem;}
.introduce_new .intro_visual .intro_visual_img{width:100%;text-align: center;margin-top:30px;}
.introduce_new .intro_visual .intro_visual_img img{margin-left:-20px;max-width:100%;}

.introduce_new .intro_top_con{margin-top:60px;width:100%;}
.introduce_new .intro_top_con .intro_top_step_form{margin-top:30px;width:100%;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con{width:calc( 50% - 2.5px );padding:20px;box-sizing:border-box;border-radius: 10px;background:#457AE2;margin-top:5px;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con:nth-child(2n){background:#344DC5;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con:nth-child(1){margin-top:0px;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con:nth-child(2){margin-top:0px;}

.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con .intro_top_step_num{font-size:2.2rem;font-weight:800;color:#fff;}
.introduce_new .intro_top_con .intro_top_step_form .intro_top_step_box .intro_top_step_con .intro_top_step_txt{font-size:1.6rem;font-weight:600;color:#fff;margin-top:10px;line-height:1.3;word-break:keep-all;}

.introduce_new .intro_top_con .intro_sub_title{margin-top:80px;}
.introduce_new .intro_top_con .intro_toplist_form{margin-top:30px;padding-bottom:60px;box-sizing:border-box;border-bottom:1px solid #ddd;}

.intro_chk_list_box{width:100%;}
.intro_chk_list_box .intro_chk_list_con{font-size:1.8rem;letter-spacing: -0.5px;word-break: keep-all;color:#333;line-height:1.3;position: relative;padding-left:33px;box-sizing:border-box;margin-top:20px;}
.intro_chk_list_box .intro_chk_list_con span{font-size:1.8rem;letter-spacing: -0.5px;word-break: keep-all;color:#333;font-weight:700;line-height:1.3;}
.intro_chk_list_box .intro_chk_list_con::before{content:"";display:block;width:25px;height:25px;border-radius: 25px; background:#2944CC url(/resources/mo/images/new_intro/list_check_dot.png) no-repeat center center ; position: absolute;left:0;top:-1px;}
.intro_chk_list_box .intro_chk_list_con:first-child{margin-top:0px;}

.introduce_new .intro_form{width:100%;margin-top:80px;}
.introduce_new .intro_form .intro_box{margin-top:80px;}
.introduce_new .intro_form .intro_box:nth-child(2){margin-top:30px;}

.introduce_new .intro_form .intro_box .intro_member_step{width:100%;margin-top:20px;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box{width:100%;display:flex;flex-wrap: wrap;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con{width:100%;display:flex;padding:20px;box-sizing:border-box;border-radius:10px;background:#F6F6F6;margin-top:10px;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con:first-child{margin-top:0px;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con .member_step_num{width:32px;font-size:2.8rem;color:#333;font-weight:800;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con .member_step_sum{width:calc( 100% - 32px );}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con .member_step_sum .member_step_title{font-size:1.8rem;font-weight:700;color:#333;letter-spacing: -0.5px;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con .member_step_sum .member_step_txt{font-size:1.6rem;color:#333;letter-spacing: -0.5px;margin-top:10px;line-height:1.4;}
.introduce_new .intro_form .intro_box .intro_member_step .member_step_box .member_step_con .member_step_sum .member_step_txt span{font-weight:700;font-size:1.6rem;color:#333;letter-spacing: -0.5px;}

.introduce_new .intro_form .intro_box .intro_member_service{width:100%;margin-top:30px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box{width:100%;display:flex;flex-wrap: wrap;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con{width:100%;display:flex;padding:20px;border-radius: 10px;box-sizing:border-box;background:#f6f6f6;margin-top:10px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con:first-child{margin-top:0px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_ico{width:32px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum{width:calc( 100% - 32px );}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .member_service_title{font-size:1.8rem;font-weight:700;color:#333;letter-spacing: -0.5px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .memver_service_txt{font-size:1.6rem;color:#333;letter-spacing: -0.5px;margin-top:10px;line-height:1.3;word-break: keep-all;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .member_service_list{width:100%;margin-top:10px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .member_service_list li{font-size:1.4rem;letter-spacing: -0.2px;color:#333;margin-top:5px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .member_service_list li:first-child{margin-top:0px;}
.introduce_new .intro_form .intro_box .intro_member_service .member_service_box .member_service_con .member_service_sum .point_view_btn{display:flex;width:200px;height:40px;align-items: center;justify-content: center;border-radius:5px ;background:#333333;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing: -0.5px;margin-top:20px;}

.introduce_new .intro_form .intro_box .member_tbl_form{width:100%;margin-top:20px;}
.introduce_new .intro_form .intro_box .member_tbl_form table{width:100%;border-top:2px solid #333;}
.introduce_new .intro_form .intro_box .member_tbl_form table tr th{text-align: center;vertical-align: middle;height:70px;}
.introduce_new .intro_form .intro_box .member_tbl_form table tr td{text-align: center;vertical-align: middle;border-bottom:1px solid #ddd;}

.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr th{background:#F6F6F6;width:33.33%;border-right:1px solid #ddd;box-sizing:border-box;font-size:1.6rem;font-weight:700;letter-spacing: -0.5px;color:#333;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr th:last-child{border-right:0px;}

.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr td{padding: 0 4px;border-right:1px solid #ddd;height:70px;font-size:1.4rem;letter-spacing: -0.2px;color:#333;font-weight:500;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr td:last-child{border-right:0px;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr td span{font-size:1.3rem;letter-spacing: -0.5px;color:#333;font-weight:700;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_tbl tr td:first-child{font-weight:700;}

.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl{margin-top:40px;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr th{background:#F4F6FB;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr th span{font-size:1.6rem;font-weight:700;color:#2944CC;letter-spacing: -0.5px;padding-left:31px;box-sizing:border-box;position: relative;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr th span::before{content:"";width:22px;height:28px;background:url(/resources/mo/images/new_intro/auction_vip_ico.png) no-repeat center center;position: absolute;left:0;top:-7px;}

.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr td{height:100px;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr td .member_vip_txt{font-size:1.6rem;letter-spacing: -0.2px;color:#333;line-height:1.3;}
.introduce_new .intro_form .intro_box .member_tbl_form .member_vip_tbl tr td .member_vip_object{display: flex;align-items: center;justify-content: center;width:100%;height:60px;margin:20px auto 0 auto;background:url(/resources/mo/images/new_intro/auction_vip_img.png) no-repeat center/auto 100%;text-align: center;color:#111;font-size:1.4rem;font-weight:700;line-height:1.4;letter-spacing: -.5px;}

.introduce_new .intro_form .intro_box .intro_join{width:100%;margin-top:30px;}
.introduce_new .intro_form .intro_box .intro_join .intro_join_form{width:100%;display:flex;justify-content: center;}
.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box{display:flex;flex-wrap: wrap;margin:0 auto;}
.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con{width:100px;height:100px;border-radius: 100px;margin-bottom:25px;display:flex;align-items: center;justify-content: center;border:1px solid #333333;background:#fff;position: relative;flex-direction: column;line-height:1.3;font-size:1.6rem;font-weight:700;letter-spacing: -0.2px;color:#111;margin-right:20px;box-sizing:border-box;}
.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con span{font-size:1.4rem;font-weight:700;letter-spacing: -0.2px;color:#111;}

.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:last-child{margin-right:0px;color:#fff;background:#2944CC;border:1px solid #2944CC;}

.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con::before{content:"";display:block;width:18px;height:9px;background:url(/resources/mo/images/new_intro/join_setp_arrow.png) no-repeat right center;position:absolute;right:-18px;top:42px;}
.introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:last-child::before{display:none;}


@media screen and (max-width:619px){
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box{width:460px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4){margin-right:0px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::before{content:"";display:block;width:365%;height:12px;position: absolute;right:50%;top:auto;bottom:-13px;border-right:1px solid #333;border-bottom:1px solid #333;background:none;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(5)::after{content:"";width:16px;height:14px; display:block;position: absolute;left:43%;top:auto;top:-15px;background:url(/resources/mo/images/new_intro/intro_step_dowm_black.png) no-repeat center center;}
}


@media screen and (max-width:499px){
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box{width:340px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3){margin-right:0px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3)::before{content:"";display:block;width:243%;height:12px;position: absolute;right:50%;top:auto;bottom:-13px;border-right:1px solid #333;border-bottom:1px solid #333;background:none;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4){margin-right:20px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::before{content:"";display:block;width:18px;height:9px;background:url(/resources/mo/images/new_intro/join_setp_arrow.png) no-repeat right center;position:absolute;right:-18px;top:42px;border:0px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::after{content:"";width:16px;height:14px; display:block;position: absolute;left:43%;top:auto;top:-15px;background:url(/resources/mo/images/new_intro/intro_step_dowm_black.png) no-repeat center center;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(5)::after{display:none;}

}

@media screen and (max-width:380px) {
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3)::before{width:238%;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con{margin-right:17px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con::before{right:-16px;width:16px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4){margin-right:17px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::before{right:-16px;width:16px;}

}

@media screen and (max-width: 373px) {
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box{width:220px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3){margin-right:17px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3)::before{content:"";display:block;width:18px;height:9px;background:url(/resources/mo/images/new_intro/join_setp_arrow.png) no-repeat right center;position:absolute;right:-18px;top:42px;border:0px;}

  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(2){margin-right:0px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(2)::before{content:"";display:block;width:117%;height:12px;position: absolute;right:50%;top:auto;bottom:-13px;border-right:1px solid #333;border-bottom:1px solid #333;background:none;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4){margin-right:0px;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::before{content:"";display:block;width:117%;height:12px;position: absolute;right:50%;top:auto;bottom:-13px;border-right:1px solid #333;border-bottom:1px solid #333;background:none;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(3)::after{content:"";width:16px;height:14px; display:block;position: absolute;left:43%;top:auto;top:-15px;background:url(/resources/mo/images/new_intro/intro_step_dowm_black.png) no-repeat center center;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(5)::after{content:"";width:16px;height:14px; display:block;position: absolute;left:43%;top:auto;top:-15px;background:url(/resources/mo/images/new_intro/intro_step_dowm_black.png) no-repeat center center;}
  .introduce_new .intro_form .intro_box .intro_join .intro_join_form .intro_join_box .intro_join_con:nth-child(4)::after{display:none;}
}

.introduce_new .intro_form .intro_box .join_list_box{margin-top:15px;}

.intro_dot_list_box{width:100%;}
.intro_dot_list_box .intro_dot_list{width:100%;padding-left:10px;box-sizing:border-box;position: relative;font-size:1.6rem;color:#666;letter-spacing: -0.2px;line-height:1.4;word-break: keep-all;margin-top:15px;}
.intro_dot_list_box .intro_dot_list:first-child{margin-top:0px;}
.intro_dot_list_box .intro_dot_list::before{content:"";display:block;width:4px;height:4px;border-radius: 4px;background:#BBBBBB;position: absolute;left:0;top:8px;}

.introduce_new .intro_form .intro_auction_step{margin-top:20px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form{width:100%;padding:40px 20px;box-sizing:border-box;background:#F6F6F6;border-radius: 10px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box{display:flex;flex-wrap: wrap;width:100%;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con{width:100%;display:flex;align-items: center;margin-top:50px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con:first-child{margin-top:0px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_ico{width:80px;height:80px;display:flex;flex-direction: column;align-items: center;justify-content: center;position:relative;border-radius: 20px;background:#fff;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_ico .auction_step_num{width:30px;height:30px;border-radius: 30px; background:#2944CC;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing: -0.2px;position: absolute;top:-15px;left:50%;transform: translate( -50%, -0% );display:flex;align-items: center;justify-content: center;box-shadow: 0px 3px 6px rgba(0,0,0,0.15);}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_ico::after{content:"";display:block;width:16px;height:16px;background:url(/resources/mo/images/new_intro/intro_step_down.png) no-repeat center center;position: absolute;left:50%;bottom:-25px;transform: translate( -50%, -0% );}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con:last-child .auction_step_ico::after{display:none;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_ico .step_ico_txt{font-size:1rem;color:#36435E;font-weight:700;letter-spacing: -0.2px;margin-top:3px;}

.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_sum{width:calc( 100% - 100px );margin-left:20px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_sum .auction_step_title{width:100%;display:flex;align-items: center;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_sum .auction_step_title .step_title_txt{font-size:1.8rem;font-weight:700;letter-spacing: -0.5px;color:#111;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_sum .auction_step_title .step_title_dage{display:flex;align-items: center;justify-content: center;width:61px;height:30px;border-radius: 30px;background:#2944CC;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing: -0.2px;margin-right:5px;}
.introduce_new .intro_form .intro_auction_step .intro_auction_step_form .intro_auction_step_box .intro_auction_step_con .auction_step_sum .auction_step_txt{font-size:1.4rem;letter-spacing: -0.2px;color:#666;margin-top:10px;}

.introduce_new .intro_form .intro_auction_step .auction_step_sub_txt{color:#999;font-size:1.4rem;letter-spacing: -0.2px;margin-top:20px;}

.introduce_new .intro_form .intro_summery_form{margin-top:20px;}
.introduce_new .intro_form .intro_summery_form .intro_summery_box{border-bottom:1px solid #ddd;padding:25px 0px 25px 10px;box-sizing:border-box;}
.introduce_new .intro_form .intro_summery_form .intro_summery_box:first-child{border-top:1px solid #ddd;}

.introduce_new .intro_form .intro_summery_form .intro_summery_box .intro_summery_txt{font-size:1.4rem;letter-spacing: -0.2px;color:#666;margin-top:30px;}


.intro_chk_list_box .intro_chk_list_con .intro_dot_list_box{margin-top:15px;}

/* 23.07.20 차옥션 차량성능 화물 텝 추가 */
.car-kind-choice{width:100%;display:flex;border-radius: 10px; background:#fff;padding:2px;box-sizing:border-box;border:1px solid #ddd;margin:0px auto 20px auto;}
.car-kind-choice .car-choice-btn{width:50%;display:flex;height:50px;align-items: center; justify-content: center;font-size:16px;}
.car-kind-choice .car-choice-btn.active{background:#333;border-radius: 10px;color:#fff;}


/*cargo*/
.cargo-part {position:relative;}
.cargo-part img {display:block; width:100%;}
.cargo-part .zone-list {position:absolute; left:0; top:0; width:100%; height:100%;}
.cargo-part .zone-list .zone {position:absolute; left:0; top:0; width:5%; height:5%; background:rgba(230,230,230,0.9); border-radius:50em;cursor:pointer;display:flex;align-items: center;justify-content: center;font-weight:bold;}
.cargo-part .zone-list .zone.warning {background:rgba(255,0,0,.35); }

/*01~10*/ 
.cargo-part .zone-list .zone.g101 {left:47.5%; top:-1.2%;} 
.cargo-part .zone-list .zone.g103 {left:37.2%; top:3%;} 
.cargo-part .zone-list .zone.g121 {left:58.4%; top:3%;} 
.cargo-part .zone-list .zone.g108 {left:47.5%; top:4%;} 
.cargo-part .zone-list .zone.g112 {left:47.5%; top:10%;} 
.cargo-part .zone-list .zone.g144 {left:47.5%; top:23%;} 
.cargo-part .zone-list .zone.g168 {left:47.5%; top:57%;} 
.cargo-part .zone-list .zone.g119 {left:37.7%; top:89.8%;} 
.cargo-part .zone-list .zone.g132 {left:57.4%; top:89.8%;} 
.cargo-part .zone-list .zone.g120 {left:47.5%; top:93.3%;} 

/*11 ~ 32*/
.cargo-part .zone-list .zone.g107 {left:18.5%; top:8%;} 
.cargo-part .zone-list .zone.g123 {left:77%; top:8%;} 
.cargo-part .zone-list .zone.g111 {left:30.6%; top:15.5%;} 
.cargo-part .zone-list .zone.g126 {left:64.5%; top:15.5%;} 
.cargo-part .zone-list .zone.g110 {left:24.7%; top:17%;} 
.cargo-part .zone-list .zone.g127 {left:70.1%; top:17%;}
.cargo-part .zone-list .zone.g113 {left:28.1%; top:26.8%;} 
.cargo-part .zone-list .zone.g129 {left:67.1%; top:26.8%;} 
.cargo-part .zone-list .zone.g169 {left:16.5%; top:14%;} 
.cargo-part .zone-list .zone.g170 {left:78.5%; top:14%;} 
.cargo-part .zone-list .zone.g141 {left:38.1%; top:18%;} 
.cargo-part .zone-list .zone.g146 {left:57.1%; top:18%;} 
.cargo-part .zone-list .zone.g142 {left:35.1%; top:24%;} 
.cargo-part .zone-list .zone.g147 {left:60%; top:24%;} 
.cargo-part .zone-list .zone.g143 {left:35.5%; top:31.2%;} 
.cargo-part .zone-list .zone.g148 {left:59.8%; top:31.2%;} 
.cargo-part .zone-list .zone.g145 {left:28%; top:33.4%;} 
.cargo-part .zone-list .zone.g149 {left:67.1%; top:33.4%;} 
.cargo-part .zone-list .zone.g171 {left:33.1%; top:65%;} 
.cargo-part .zone-list .zone.g172 {left:62.1%; top:65%;} 
.cargo-part .zone-list .zone.g173 {left:21.6%; top:65%;} 
.cargo-part .zone-list .zone.g174 {left:73.3%; top:65%;}

/*33 ~ 41*/
.cargo-part .zone-list .zone.g175 {left:47.5%; top:86%;} 
.cargo-part .zone-list .zone.g150 {left:47.5%; top:9.6%;} 
.cargo-part .zone-list .zone.g153 {left:37.4%; top:14.4%;} 
.cargo-part .zone-list .zone.g157 {left:57.9%; top:14.4%;} 
.cargo-part .zone-list .zone.g160 {left:47.5%; top:14.4%;} 
.cargo-part .zone-list .zone.g38 {left:47.5%; top:14.4%;} 
.cargo-part .zone-list .zone.g176 {left:47.5%; top:26.5%;} 
.cargo-part .zone-list .zone.g177 {left:47.5%; top:34.9%;} 
.cargo-part .zone-list .zone.g178 {left:47.5%; top:64%;} 


.cargo-part .zone-list .zone .bedge {display:block; width:2.5%; height:2.5%;}
.cargo-part .zone-list .zone .bedge:after {display:flex; align-items:center; justify-content:space-around; content:""; position:absolute; left:0; top:0; width:100%; height:100%; line-height:140%; font-size:2vw; font-weight:600; text-align:center; box-sizing:border-box; border-radius:50em; background:#fff; border:2px solid #000;}
.cargo-part .zone-list .zone .bedge:nth-child(1):after {top:-33%;}
.cargo-part .zone-list .zone .bedge:nth-child(2):after {top:33%;}


/* mo lp bage, float bn */
.lp-bage{height:25px;padding:0 10px;box-sizing:border-box;border-radius: 3px;display:flex;align-items: center;width: max-content;margin-top:12px;}
.lp-bage .bage-logo{margin-right:2px;}
.lp-bage .bage-txt{font-size:11px;font-weight:600;}

/* 메리츠 캐피탈 */
.lp-bage.meritz{background:rgba(239,59,36,0.1);}
.lp-bage.meritz .bage-logo img{height:12px;}
.lp-bage.meritz .bage-txt{font-size:14px;font-weight:600;color:#DE230C;}

.picture-box{position: relative;}

/* vip 플로팅 */
.float-bn{width:25%;height:100px;border-radius: 100px;position: absolute;z-index: 100;top:20px;right:20px;box-shadow:0px 3px 3px rgba(0,0,0,0.16);/*animation:float_move 1s infinite;*/}
.float-bn .float_con{width:100%;height:100%;position: relative;}
.float-bn .float_con .float-img{width:100%;height:100%;background-size:contain;}
.float-bn .float_con .float-close{width:25%;cursor:pointer;position: absolute;right:0;top:0;}
.float-bn .float_con .float-close img{width:100%;}

/* 메리츠 플로팅 배너 */
.float-bn.meritz .float_con .float-img{width:100%;}
.float-bn.meritz .float_con .float-img img{width:100%;}
@keyframes float_move {
	0%{
		top:20px;
	}
	50%{
		top:25px;
	}
	100%{
		top:20px;
	} 
}


/* 24.02.16 메인 배너 영역 추가 */
.main_bn_form{width:100%;margin-bottom:24px;}
.main_bn_form .main_bn_box{width:100%;}
.main_bn_form .main_bn_box .main_bn_con{width:100%;}
.main_bn_form .main_bn_box .main_bn_con a{width:100%;}
.main_bn_form .main_bn_box .main_bn_con a img{width:100%;display:block;}


/* 24.02.16 차량 조회 레이어 팝업 */
.layer-pop-content.alert-layer-pop{width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;}
.layer-pop-content.alert-layer-pop .layer-box.round{ border-radius: 10px;background:#fff;position:absolute;top:50%;left:50%;transform: translate( -50% , -50% ); overflow: hidden; }
.layer-pop-content .layer-box .new_pop_head{display:flex;align-items: center;justify-content: space-between;padding:20px 25px 0px 25px;box-sizing:border-box;}
.layer-pop-content .layer-box .new_pop_head .tit{font-size:18px;font-weight:600;color:#333;letter-spacing: -0.2px;}
.layer-pop-content .layer-box .new_pop_head .pop_close_btn{cursor:pointer;}
.layer-pop-content .layer-box .new_pop_box{padding:27px 0px 15px 0px;box-sizing:border-box;}

.layer-pop-content .layer-box.alert_ty{padding:40px;width:clac( 100% - 40px );max-width:335px;}
.layer-pop-content .layer-box.alert_ty .new_pop_head{position:relative;}
.layer-pop-content .layer-box.alert_ty .new_pop_head .pop_close_btn{position:absolute;top:-25px;right:-30px;}

.layer-pop-content .layer-box.alert_ty .alert_pop_box{width:100%;text-align: center;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_tit{font-size:2rem; font-weight:600; color:#333; letter-spacing: -0.2px;line-height:1.3;word-break: keep-all;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_tit span{font-size:2rem; font-weight:600; color:#333; letter-spacing: -0.2px;line-height:1.3;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_txt{margin-top:20px;width:100%;text-align: center; font-size:1.6rem; font-weight:400; color:#888; letter-spacing: -0.2px; line-height:1.3; word-break: keep-all; }
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_txt .font_b{font-size:1.6rem; font-weight:700; color:#333;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_btn_box{margin-top:20px;display:flex;align-items: center;width:100%;justify-content: center;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_btn_box button{width:110px;height:50px; box-sizing:border-box; border-radius: 5px; font-size:1.6rem; font-weight:600; letter-spacing: -0.2px; margin-right:5px;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_btn_box button:last-child{margin-right:0px;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_btn_box button.line_btn{border:1px solid #2944cc;color:#2944cc;}
.layer-pop-content .layer-box.alert_ty .alert_pop_box .alert_btn_box button.blue_btn{background:#2944cc;color:#fff;}

/* 24.02.16 차량 조회 */
.car_info_search_form{width:100%;padding:30px 0 0 0;position:relative;border:0px;box-sizing:border-box;height:calc( 100vh - 48px ); overflow: hidden; }
.car_info_search_form .car_search_box{width:100%;display:flex;align-items: center;margin-top:20px;position: relative;padding:0 20px;box-sizing:border-box;}
.car_info_search_form .car_search_box .car_search_inpt{width:calc( 100% - 90px ); height:50px;border-radius: 5px; border:1px solid #ddd;box-sizing:border-box; padding:0 15px; font-size: 1.8rem; font-weight:600; color:#333; letter-spacing: -0.2px; } 
.car_info_search_form .car_search_box .car_search_inpt::placeholder{color:#999;font-weight:400;}
.car_info_search_form .car_search_box .car_search_btn{width:85px;height:50px;border-radius: 5px;background:#c5c5c5;color:#fff;font-size:1.8rem;font-weight:500;letter-spacing: -0,2px;margin-left:5px;}
.car_info_search_form .car_search_box .car_search_btn.active{background:#2944cc;}

.car_info_search_form .search_list_form{ display:none; position:absolute;width:100%; height:calc( 100vh - 180px ); left:0;top:174px;box-sizing:border-box;background:rgba(0,0,0,0.4);z-index: 1;}
.car_info_search_form .search_list_form .car_search_list{background:#fff;padding:30px 20px 0px 20px;border-bottom:1px solid #eee;margin-top:-1px;box-sizing:border-box; height:calc( 100% - 39px );}
.car_info_search_form .search_list_form .car_search_list .tit{font-size:1.4rem; color:#999; letter-spacing: -0.2px;}
.car_info_search_form .search_list_form .car_search_list .search_list_box{width:100%;display:flex; flex-direction: column; margin-top:15px;height:calc( 100% - 40px ); overflow-y: auto;padding-bottom:30px;box-sizing:border-box;}
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con{width:100%;display:flex;align-items: center;height:max-content;}
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .search_car_num{font-size:1.6rem; color:#666; letter-spacing: -0.2px;width:80px;cursor:pointer;}
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .search_count{width:32px;height:16px;border-radius: 3px; background:rgba(41, 68, 204, 0.1); font-size:12px; color:#2944cc; display:flex; align-items: center; justify-content: center; margin-right:8px; }
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .search_delete{width:22px;height:22px;border-radius: 22px;border:1px solid #ddd;box-sizing:border-box;cursor:pointer;margin-left:7px;display:flex;align-items: center; justify-content: center;} 
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .search_delete img{width:8px;}

.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .grade_on{font-size:1.2rem; letter-spacing: -0.2px; color:#2944cc; font-weight:400; width:56px;height:23px;background:#f0f2ff;border-radius: 5px; display:flex; align-items: center; justify-content: center;margin-right:5px;}
.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con .insurance_on{font-size:1.2rem; letter-spacing: -0.2px; color:#333; font-weight:400; width:56px;height:23px;background:#f6f6f6;border-radius: 5px; display:flex; align-items: center; justify-content: center;margin-right:5px;}


.car_info_search_form .search_list_form .car_search_list .search_list_box .search_list_con:nth-child(n+2){margin-top:20px;}
.car_info_search_form .search_list_form .car_search_list_close{width:100%;display:flex;align-items: center; justify-content: flex-end; padding:0 20px; box-sizing:border-box; height:40px; background:#fff; cursor:pointer; font-size:1.4rem; color:#999; letter-spacing: -0.2px; }

.car_info_search_form .car_search_tab_box{padding:0 20px;box-sizing:border-box;width:100%;}
.car_info_search_form .car_search_tab{width:100%; display:flex; align-items: center; border-bottom:1px solid #eee; box-sizing:border-box; }
.car_info_search_form .car_search_tab .search_tab{margin-right:25px;font-size:1.8rem;color:#888;cursor: pointer;padding-bottom:12px;}
.car_info_search_form .car_search_tab .search_tab.active{font-weight:700; color:#2944cc;position: relative;}
.car_info_search_form .car_search_tab .search_tab.active::before{content:"";width:100%;height:2px;background:#2944cc;position: absolute;left:0;bottom:0;}

.car_info_search_form .car_info_box{margin-top:35px;width:100%;box-sizing:border-box;}
.car_info_search_form .car_info_box .car_info_none{width:100%;display:flex; flex-direction: column; align-items: center; justify-content: center; padding:40px 20px 0 20px;box-sizing:border-box; }
.car_info_search_form .car_info_box .car_info_none img{width:69px;}
.car_info_search_form .car_info_box .car_info_none .car_info_none_txt{font-size:1.6rem;font-weight:400;color:#999;margin-top:20px;}

.car_info_search_form .car_info_box .car_info_none .car_search_info_box{margin-top:30px;width:100%;border-radius: 5px;background:#f9f9f9; padding:20px 25px;box-sizing:border-box;}
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .tit{font-size:14px;font-weight:600;color:#333;letter-spacing: -0.5px;}
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .car_search_info_list{margin-top:14px;}
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .car_search_info_list .car_search_info_con{margin-top:10px;display:flex;}
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .car_search_info_list .car_search_info_con:first-child{margin-top:0px;}
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .car_search_info_list .car_search_info_con .num{width:19px;height:19px;border-radius: 19px; background:#e5e8ec; font-size:1.2rem; font-weight:600; color:#666; margin-right:8px; display:flex; align-items: center; justify-content: center; }
.car_info_search_form .car_info_box .car_info_none .car_search_info_box .car_search_info_list .car_search_info_con .txt{font-size:1.4rem;color:#666;letter-spacing: -0.5px;word-break: keep-all;margin-top:3px;}

.car_info_search_form .car_info_box .car_info_con{ display:none; height:100%; overflow-y: auto; box-sizing:border-box; padding-bottom:50px;}
.car_info_search_form .car_info_box .car_info_con.insuranceCheck {padding-bottom:0px;}

.car_info_search_form .car_info_box .car_info_con .comment_txt{margin-top:20px;text-align: center; color:#666; font-size:14px; letter-spacing: -0.5px; word-break: keep-all; }



/* 세부모델 선택 */
.car_info_search_form .car_info_box .car_info_con.carModelChk .car_info_section{padding:0 20px;box-sizing:border-box;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .tit-b{font-size:16px; font-weight:500; color:#000;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form{width:100%;}
.car_info_search_form .car_info_box .car_info_con .car_info_section.other_section{margin-top:60px;}

.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box{display: flex; align-items: center; margin-top:20px;  }
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box label{display:flex;align-items: center;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box input[type="radio"]{display:none;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box .chk_box{width:22px;height:22px;border-radius: 5px; border:1px solid #ddd; background:#fff;display:flex; align-items: center; justify-content: center; box-sizing:border-box;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box input[type="radio"]:checked + .chk_box{background:#2944cc;border:1px solid #2944cc;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box input[type="radio"]:checked + .chk_box::after{content:"";width:10px;height:10px;background:url(/resources/images/new_main/chk_ico.png) no-repeat center; background-size: 100% auto;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_model_form .car_model_box span{font-size:16px; color:#666; letter-spacing: -0.2px; margin-left:10px; font-weight: 400; }

.car_info_search_form .car_info_box .car_info_con .car_info_section .info_next_btn{width:100%;display:flex;align-items: center; justify-content: center; background:#666; border-radius: 5px; color:#fff; font-size:16px; font-weight: 600; letter-spacing: -0.2px; margin-top:30px; height:45px; font-family: 'SUIT'; }


/* 차량등급조회 */
.car_info_search_form .car_info_box .car_info_con .car_info_section{width:100%;margin-top:15px;}
.car_info_search_form .car_info_box .car_info_con .car_info_section:first-child{margin-top: 0px;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl{width:100%;border-top:2px solid #666;margin-top:20px;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl tr th{background:#f8f9fb; font-size:1.2rem; font-weight:500; color:#333; border-bottom:1px solid #ccc; height:43px; vertical-align: middle; text-align: left;padding:0 20px;box-sizing:border-box; }
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl tr td{background:#fff; font-size:1.2rem; font-weight:500; color:#333; border-bottom:1px solid #ccc; height:43px; vertical-align: middle; text-align: left;padding:0 20px;box-sizing:border-box; }
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.pd7 tr th{background:#f8f9fb; font-size:1.2rem; font-weight:500; color:#333; border-bottom:1px solid #ccc; height:43px; vertical-align: middle; text-align: left;padding:0 7px;box-sizing:border-box; }

.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.td_right tr td{text-align: right;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.td_center tr td{text-align: center;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl tr th .option_name{width:100%; max-width:190px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1.2rem; }
.car_info_search_form .car_info_box .car_info_con .car_info_section .tit{padding-top:25px;font-size:1.2rem; font-weight:600; color:#000; margin-bottom:10px; padding-left:10px;box-sizing:border-box;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl:first-of-type{margin-top:0px;}

.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.seize_tbl tbody tr:nth-child(3n) th{border-bottom:1px solid #666;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.seize_tbl tbody tr:nth-child(3n) td{border-bottom:1px solid #666;}

.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.security_tbl tbody tr:nth-child(4n) th{border-bottom:1px solid #666;}
.car_info_search_form .car_info_box .car_info_con .car_info_section .car_info_tbl.security_tbl tbody tr:nth-child(4n) td{border-bottom:1px solid #666;}

.car_info_search_form .car_info_box .car_info_con .search_reflash_btn{width:calc( 100% - 40px ); height:45px; margin:40px auto 0 auto;display:flex;align-items: center; justify-content: center; border-radius: 5px; background:#666; cursor:pointer;}
.car_info_search_form .car_info_box .car_info_con .search_reflash_btn img{width:13px;margin-right:7px;}
.car_info_search_form .car_info_box .car_info_con .search_reflash_btn span{color:#fff;font-size:1.6rem;font-weight:500;letter-spacing: -0.2px;}

/* 차량 보험이력 조회 */
.history_form{width:100%;}
.history_form .history_head_form{width:100%;padding:0 15px;box-sizing:border-box;}
.history_form .history_head_form .history_head_box{width:100%;border-radius: 8px; border:2px solid #2944CC;padding:5px;box-sizing:border-box;}
.history_form .history_head_form .history_head_box .history_head_con{width:100%;border:1px solid #2944CC;border-radius: 5px; box-sizing:border-box;display:flex;align-items: center; justify-content: center; flex-direction: column; height:80px; }
.history_form .history_head_form .history_head_box .history_head_con .history_head_tit{width:100%;padding:0 15px;box-sizing:border-box;font-size:1.6rem;font-weight:600;color:#000;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center;}
.history_form .history_head_form .history_head_box .history_head_con .history_head_carNum{font-size:1.6rem;font-weight:400;color:#000;margin-top:7px;}
.history_form .history_head_form .history_date{font-size:1.2rem;color:#777;width:100%;text-align: right;margin-top:10px;}

.history_form .history_box{width:100%;margin-top:20px;}
.history_form .history_box .history_con{width:100%;}
.history_form .history_box .history_con .history_con_head{width:100%;border-top:1px solid #666;display:flex;align-items: center;justify-content: space-between; height:50px;padding:0px 10px 0px 15px;box-sizing:border-box;}
.history_form .history_box .history_con .history_con_head .history_con_tit{font-size:1.6rem;color:#000;}
.history_form .history_box .history_con .history_con_head .history_con_btn{width:50px;height:20px;border-radius: 3px; border:1px solid #b4bcd4;box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size:1.3rem;font-weight:600; color:#616e81; cursor: pointer; }
.history_form .history_box .history_con .history_con_head .history_con_btn .history_btn_ico{margin-left:3px;width:8px;height:8px;position: relative;}
.history_form .history_box .history_con .history_con_head .history_con_btn .history_btn_ico::before{content:"";width:8px;height:2px;background:#616e81;display:block;position: absolute;left:50%;top:50%;transform: translate( -50%, -50% );}
.history_form .history_box .history_con .history_con_head .history_con_btn .history_btn_ico::after{content:"";width:2px;height:8px;background:#616e81;display:block;position: absolute;left:50%;top:50%;transform:translate( -50%, -50% );}
.history_form .history_box .history_con .history_con_head .history_con_btn span{font-size:1.3rem;}

.history_form .history_box .history_con .history_con_head .history_con_btn.history_view_off .history_btn_ico::after{display:none;}
.history_form .history_box .history_con .history_con_head .history_con_btn.history_view_on .history_btn_ico::after{display:block;}

.history_form .history_box .history_con .history_con_body{border-top:1px solid #ccc;}

.history_form .history_box .history_con .history_con_body .history_blue_box{padding:15px 20px;box-sizing:border-box;background:#f8f9fb;color:#777;font-size:1.2rem;word-break: keep-all;border-bottom:1px solid #ccc;line-height:1.3;}
.history_form .history_box .history_con .history_con_body .history_blue_box span{color:#2944cc;font-size:1.2rem;}

.history_form .history_box .history_con .history_con_body .history_blue_box ul li{font-size:1.2rem;color:#333;padding-left:10px;box-sizing:border-box;position: relative;}
.history_form .history_box .history_con .history_con_body .history_blue_box ul li::before{content:"-";position: absolute;top:0px;left:0px; color:#333;}

.history_form .history_box .history_con .history_con_body .history_ex_box{padding:15px 20px;box-sizing:border-box;background:#fff;color:#777;font-size:1.2rem;word-break: keep-all;border-bottom:1px solid #ccc;line-height:1.3;}
.history_form .history_box .history_con .history_con_body .history_ex_box span{color:#0085ff;}

.history_form .history_box .history_con .history_con_body .history_ex_box .history_ex_tit{color:#333;font-size:1.2rem;margin-bottom:15px;}

.history_form .history_box .history_con .history_con_body .history_ex_box ul li{font-size:1.2rem;color:#333;padding-left:10px;box-sizing:border-box;position: relative;margin-top:5px;}
.history_form .history_box .history_con .history_con_body .history_ex_box ul li::before{content:"-";position: absolute;top:0px;left:0px; color:#333;}
.history_form .history_box .history_con .history_con_body .history_ex_box ul li:first-child{margin-top:0px;}
.history_form .history_box .history_con .history_con_body .history_ex_box ul li ol{margin-top:10px;margin-bottom:20px;}
.history_form .history_box .history_con .history_con_body .history_ex_box ul li ol li{padding-left:0px;list-style: decimal;list-style-position: inside;font-size:1.2rem;color:#666;margin-top:5px;}
.history_form .history_box .history_con .history_con_body .history_ex_box ul li ol li::before{display:none;}

.history_form .history_box .history_con .history_con_body .history_tbl{width:100%;}
.history_form .history_box .history_con .history_con_body .history_tbl tr th{border-bottom:1px solid #ccc;background:#f8f9fb;font-size:1.2rem;font-weight:500;color:#333;padding:15px 7px;box-sizing:border-box;line-height:1.3;vertical-align: middle;}
.history_form .history_box .history_con .history_con_body .history_tbl tr td{border-bottom:1px solid #ccc;background:#fff;font-size:1.2rem;font-weight:500;color:#333;padding:15px 7px;box-sizing:border-box;line-height:1.3;vertical-align: middle;}

.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty01 tr th{text-align: left;}
.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty02 tr th{text-align: center;border-right:1px solid #ccc;vertical-align: middle;}
.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty02 tr:first-child th:last-child{border-right:0px;}
.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty02 tr td{text-align: center;border-right:1px solid #ccc;vertical-align: middle;}
.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty02 tr td:last-child{border-right:0px;}

.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum{text-align: left;margin-top:15px;}
.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum:first-child{margin-top:0px;}

.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum .history_total{font-size:1.2rem;color:#333;}
.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum .history_list{margin-top:8px;}
.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum .history_list li{font-size:1rem;color:#333;margin-top:3px;}
.history_form .history_box .history_con .history_con_body .history_tbl tr td .history_sum .history_list li:first-child{margin-top:0px;}

.history_form .history_box .history_con:last-child{border-bottom:1px solid #666;}
.history_form .history_box .history_con:last-child .history_ex_box{border-bottom:0px;}

.history_form .history_footer{padding:30px 20px;box-sizing:border-box;text-align: center;line-height:1.4;font-size:1.4rem;color:#000;}
.history_form .history_btn{width:100%;}
.history_form .history_btn button{width:100%;height:60px;display:flex;align-items: center; justify-content: center; background:#ffb80e; font-size:1.8rem; font-weight:600; color:#000; }


/* 24.05.08 추가 */
.history_form .history_box .history_con .history_con_body .history_con_sub_tit{width:100%;display:flex;margin-top:20px;align-items: center; font-size:12px; font-weight:600; color:#000; letter-spacing: -0.2px; padding:0 10px;box-sizing:border-box;}
.history_form .history_box .history_con .history_con_body .history_con_sub_tit .history_device_bage{margin-left:20px; font-size:12px; letter-spacing: -0.2px; color:#333;}
.history_form .history_box .history_con .history_con_body .history_con_sub_tit .history_device_bage span{color:#2944CC;}

.history_form .history_box .history_con .history_con_body .device_tbl{margin-top:10px; border-top:2px solid #666;}

.history_form .history_box .history_con .history_con_body .device_tbl tr td, .history_form .history_box .history_con .history_con_body .device_tbl tr th{padding-top:8px; padding-bottom:8px;}

.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con{display:flex; align-items: center;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico{width:45px;height:45px; }
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_txt{font-size:13px; font-weight:500; letter-spacing: -0.2px; color:#333; margin-left:14px;  }

.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.abs{background:url(/resources/images/2024_new_main/abs_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.aeb{background:url(/resources/images/2024_new_main/aeb_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.apas{background:url(/resources/images/2024_new_main/apas_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.bsd{background:url(/resources/images/2024_new_main/bsd_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.esc{background:url(/resources/images/2024_new_main/esc_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.ldws{background:url(/resources/images/2024_new_main/ldws_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.psf{background:url(/resources/images/2024_new_main/psf_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.acam{background:url(/resources/images/2024_new_main/acam_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.afcw{background:url(/resources/images/2024_new_main/afcw_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.bcam{background:url(/resources/images/2024_new_main/bcam_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.btcam{background:url(/resources/images/2024_new_main/btcam_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.fcw{background:url(/resources/images/2024_new_main/fcw_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.lkas{background:url(/resources/images/2024_new_main/lkas_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.spas{background:url(/resources/images/2024_new_main/spas_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.acc{background:url(/resources/images/2024_new_main/acc_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.afls{background:url(/resources/images/2024_new_main/afls_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.bas{background:url(/resources/images/2024_new_main/bas_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.drl{background:url(/resources/images/2024_new_main/drl_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.hud{background:url(/resources/images/2024_new_main/hud_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.tpms{background:url(/resources/images/2024_new_main/tpms_grey.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con .device_ico.bpsf{background:url(/resources/images/2024_new_main/bpsf_grey.png) no-repeat center; background-size:cover;}

.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_status{font-size:18px;font-weight:500;color:#333; width:100%; text-align: center;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_status.install::before{content:"○"; font-weight:800; color:#2944cc;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_status.choice::before{content:"-"; font-weight:800; color:#333;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_status.none::before{content:"△"; color:#333;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_status.not::before{content:"X"; color:#333;}


/* active */
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_txt{font-size:13px; font-weight:500; letter-spacing: -0.2px; color:#2944CC; margin-left:14px;  }

.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.abs{background:url(/resources/images/2024_new_main/abs.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.aeb{background:url(/resources/images/2024_new_main/aeb.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.apas{background:url(/resources/images/2024_new_main/apas.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.bsd{background:url(/resources/images/2024_new_main/bsd.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.esc{background:url(/resources/images/2024_new_main/esc.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.ldws{background:url(/resources/images/2024_new_main/ldws.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.psf{background:url(/resources/images/2024_new_main/psf.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.acam{background:url(/resources/images/2024_new_main/acam.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.afcw{background:url(/resources/images/2024_new_main/afcw.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.bcam{background:url(/resources/images/2024_new_main/bcam.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.btcam{background:url(/resources/images/2024_new_main/btcam.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.fcw{background:url(/resources/images/2024_new_main/fcw.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.lkas{background:url(/resources/images/2024_new_main/lkas.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.spas{background:url(/resources/images/2024_new_main/spas.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.acc{background:url(/resources/images/2024_new_main/acc.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.afls{background:url(/resources/images/2024_new_main/afls.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.bas{background:url(/resources/images/2024_new_main/bas.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.drl{background:url(/resources/images/2024_new_main/drl.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.hud{background:url(/resources/images/2024_new_main/hud.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.tpms{background:url(/resources/images/2024_new_main/tpms.png) no-repeat center; background-size:cover;}
.history_form .history_box .history_con .history_con_body .device_tbl .device_box .device_con.active .device_ico.bpsf{background:url(/resources/images/2024_new_main/bpsf.png) no-repeat center; background-size:cover;}


/* 차량 전개도 */
.deployment_form{width:100%; max-width:465px; margin:0 auto; padding:0 20px;box-sizing:border-box;}
.deployment_form .deployment_box{width:100%;overflow-x: auto; overflow-y: hidden; }
.deployment_box .deployment_tit{width:100%; display:flex; align-items: center; justify-content: center; height:50px; background:#f9f9f9;  color:#000; font-size:16px; letter-spacing: -0.2px; margin-top:30px; border-left: 1px solid #ddd; border-right:1px solid #ddd;;}

.deployment_form .deployment_box .deployment_con{width:100%;margin-top:20px; position:relative;}
.deployment_form .deployment_box .deployment_con img{width:100%;}
.deployment_form .deployment_box .deployment_con .part{border-radius: 50%; display:flex; align-items: center; justify-content: center; background:#333; color:#fff; font-size:2%; position: absolute; transform: translate( -50%, -50% ); font-weight:500;  }

.deployment_form .deployment_box .deployment_sum{width:100%;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con{width:100%;display:flex;align-items: center; justify-content: space-between; padding:0 20px; box-sizing:border-box; height:43px; border-bottom:1px solid #ccc; }
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_con_tit{font-size:14px; font-weight:500; color:#333; letter-spacing: -0.2px;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_con_tit span{padding-right:5px;box-sizing:border-box; font-size:14px; font-weight:500; color:#333; letter-spacing: -0.2px;}

.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_status{display:flex;align-items: center;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_status span{display:flex;align-items: center; justify-content: center; width:36px; height:24px; border-radius: 4px; color:#fff; font-size:14px; font-weight:500;margin-right:4px;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_status span:last-child{margin-right:0px;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_status span.stamp{background:#FF3F3F;}
.deployment_form .deployment_box .deployment_sum .deployment_sum_con .deployment_sum_status span.detach{background:#579AFF;}


/* 일반차량 도트 */
.deployment_form .deployment_box.car .deployment_con .part.part01{top:9%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part02{top:98%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part03{top:22%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part04{top:92.5%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part05{top:83%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part06{top:43%;left:12%;}
.deployment_form .deployment_box.car .deployment_con .part.part07{top:43%;left:88%;}
.deployment_form .deployment_box.car .deployment_con .part.part08{top:56%;left:12%;}
.deployment_form .deployment_box.car .deployment_con .part.part09{top:56%;left:88%;}
.deployment_form .deployment_box.car .deployment_con .part.part10{top:27%;left:11%;}
.deployment_form .deployment_box.car .deployment_con .part.part11{top:27%;left:89%;}
.deployment_form .deployment_box.car .deployment_con .part.part12{top:77%;left:15%;}
.deployment_form .deployment_box.car .deployment_con .part.part13{top:77%;left:85%;}
.deployment_form .deployment_box.car .deployment_con .part.part14{top:38%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part15{top:52%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part16{top:62%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part17{top:61.5%;left:12%;}
.deployment_form .deployment_box.car .deployment_con .part.part18{top:61.5%;left:88%;}
.deployment_form .deployment_box.car .deployment_con .part.part19{top:73%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part20{top:3.5%;left:50%;}
.deployment_form .deployment_box.car .deployment_con .part.part21{top:4%;left:36%;}
.deployment_form .deployment_box.car .deployment_con .part.part22{top:4%;left:63.8%;}
.deployment_form .deployment_box.car .deployment_con .part.part23{top:91.8%;left:36.5%;}
.deployment_form .deployment_box.car .deployment_con .part.part24{top:91.8%;left:63%;}
.deployment_form .deployment_box.car .deployment_con .part.part25{top:52%;left:4%;}
.deployment_form .deployment_box.car .deployment_con .part.part26{top:52%;left:96%;}
.deployment_form .deployment_box.car .deployment_con .part.part27{top:53%;left:23%;}
.deployment_form .deployment_box.car .deployment_con .part.part28{top:53%;left:77%;}

/* 화물차량 도트 */
.deployment_form .deployment_box.cargo .deployment_con .part.part01{top:2%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part02{top:8%;left:32%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part03{top:8%;left:68.5%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part04{top:98%;left:22%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part05{top:98%;left:79.3%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part06{top:22%;left:20%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part07{top:22%;left:80%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part08{top:50%;left:30%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part09{top:50%;left:70%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part10{top:98%;left:40%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part11{top:98%;left:61%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part12{top:32%;left:19%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part13{top:32%;left:81%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part14{top:44%;left:19%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part15{top:44%;left:81%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part16{top:30%;left:34%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part17{top:30%;left:67%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part18{top:8%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part19{top:14%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part20{top:70%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part21{top:49%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part22{top:91.5%;left:50%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part23{top:70.5%;left:15.5%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part24{top:70.5%;left:84.3%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part25{top:47%;left:9%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part26{top:47%;left:91%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part27{top:38.5%;left:28%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part28{top:38.5%;left:72%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part29{top:25%;left:8%;}
.deployment_form .deployment_box.cargo .deployment_con .part.part30{top:25%;left:92%;}


/* 수리내역 */
.repair_form{width:100%;margin-top:10px;}
.repair_form .repair_summery{width:100%;display:flex;align-items: center;justify-content: center; flex-wrap: wrap; }
.repair_form .repair_summery .repair_sum_con{width:50%; height:43px; border-bottom:1px solid #ccc; box-sizing:border-box; padding:0 20px; display:flex; align-items: center; }
.repair_form .repair_summery .repair_sum_con .repair_sum_tit{font-size:14px; color:#888; letter-spacing: -0.2px; }
.repair_form .repair_summery .repair_sum_con .repair_sum_count{font-size:14px; color:#333; letter-spacing: -0.2px;margin-left:13px;}
.repair_form .repair_summery .repair_sum_con .repair_sum_count span{font-weight:700;font-size:14px; color:#333; letter-spacing: -0.2px;}

.repair_form .repair_all_btn{width:100%;padding:0 20px;box-sizing:border-box;display:flex; align-items: center; justify-content: space-between; height:42px; border-bottom:1px solid #666; font-size:13px; font-weight:600; letter-spacing: -0.5px; cursor:pointer; }
.repair_form .repair_all_btn::after{content:""; display:block; width:10px; height:5px; background:url(/resources/images/2024_new_main/repair_arrow.png) no-repeat center ; background-size:contain; transition: all 0.2s; }
.repair_form .repair_all_btn.active::after{transform: rotate(180deg);}

.repair_all_form{width:100%;padding-top:30px;box-sizing:border-box;display:none;}
.repair_all_form .repair_all_tit{width:100%; padding:0 15px; box-sizing:border-box; font-size:14px; font-weight:600; color:#333; letter-spacing: -0.5px;}
.repair_all_form .repair_all_tbl_box{margin-top:16px; width:100%; overflow-x: auto; overflow-y: hidden; }
.repair_all_form .repair_all_tbl_box table{min-width:100%;}
.repair_all_form .repair_all_tbl_box table thead tr th{background:#F8F9FB; text-align: center; vertical-align: middle; height:42px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box; padding:0 20px; font-size:12px; font-weight:600; letter-spacing: -0.5px; white-space: nowrap; }
.repair_all_form .repair_all_tbl_box table thead tr th:last-child{border-right:0px;}
.repair_all_form .repair_all_tbl_box table tbody tr td{padding:20px 15px;box-sizing:border-box;border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; vertical-align: top;  white-space: nowrap; }
.repair_all_form .repair_all_tbl_box table tbody tr td:last-child{border-right:0px;}
.repair_all_form .repair_all_tbl_box table tbody tr td:first-child{vertical-align: middle; font-size:12px; color:#333; letter-spacing: -0.5px;  }

.repair_all_form .repair_all_tbl_box table tbody tr td .repair_all_box{}
.repair_all_form .repair_all_tbl_box table tbody tr td .repair_all_box .repair_all_con{display:flex; align-items: center;margin-top:5px;}
.repair_all_form .repair_all_tbl_box table tbody tr td .repair_all_box .repair_all_con:first-child{margin-top:0px;}
.repair_all_form .repair_all_tbl_box table tbody tr td .repair_all_box .repair_all_con .repair_all_con_tit{font-size:12px; font-weight:600; color:#000; letter-spacing: -0.5px;}
.repair_all_form .repair_all_tbl_box table tbody tr td .repair_all_box .repair_all_con .repair_all_con_sum{font-size:12px; font-weight:400; color:#888; letter-spacing: -0.5px;}



/* 24.03.08 낙찰 희망 가격 */
.payment_summery{width:100%;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.payment_summery .sum_title{font-size:1.4rem;font-weight:600; color:#555;}
.payment_summery .sum_list{margin-top:7px;}
.payment_summery .sum_list li{font-size:1.4rem;font-weight:400;color:#666;position:relative;padding-left:7px;box-sizing:border-box;margin-top:5px;word-break: keep-all;}
.payment_summery .sum_list li::before{content:"";width:3px;height:3px;border-radius: 3px; background:#666;position:absolute;left:0;top:5px;}


/* 차옥션 모바일 메인 개선 css 시작 */
/* container */
.member-p.full-type {
	display: flex;
	align-items: center;
	min-height: calc(100vh - 56px - 340px - 80px);
}
.member-p.full-type .member-form {
	padding: 0;
}

/* 전체 메뉴 */
@keyframes thc-ani {
    from {
      transform: scale(1);
      opacity: .6;
    }
    to {
      transform: scale(2);
      opacity: 0;
    }
}
.m-touch-effect { position: relative !important; overflow: hidden; }
.m-touch-effect .effect { position: absolute; width: 12px; height: 12px; border-radius: 100%; background-color: #2944CC; animation: thc-ani .8s ease-in-out infinite; pointer-events: none; }

#container { min-width: 320px; transition: all .4s ease-in-out; }
.menu-box { position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 100%; padding: 56px 24px 24px; box-sizing: border-box; background: #fff; transform: translateX(-100%); transition: all .4s ease-in-out; overflow: hidden; overflow-y: auto; }
.menu-box * { line-height: 1.2; letter-spacing: -.5px; box-sizing: border-box; }
.menu-box .gnb-close { position: absolute; top: 12px; right: 12px;  width: 32px; height: 32px; background: url('/resources/mo/images/new_main/ico_gnb_close.png') no-repeat center/100% auto; }
.menu-box .in-user a { font-size: 24px; font-weight: 300; line-height: 1.4; color: #333; }
.menu-box .in-user a strong { font-weight: 700; color: #2944cc; text-decoration: underline; }
.menu-box .in-user a b { display: inline-block; vertical-align: top; width: 24px; text-align: center; font-size: inherit; font-weight: 500; line-height: inherit; color: inherit; }
.menu-box .in-ico { display: flex; align-items: center; gap: 0 8px; padding: 8px; margin: 24px 0 0; border-radius: 16px; background-color: #f9f9f9; }
.menu-box .in-ico .ico-cont { position: relative; flex: 1; text-align: center; padding: 4px 0 12px; }
.menu-box .in-ico .ico-cont ~ .ico-cont:before { content: ''; position: absolute; left: -4px; top: 50%; height: 48px; margin: -24px 0 0; border-left: 1px solid rgba(0, 0, 0, .1); }
.menu-box .in-ico .ico-cont .ico { width: 64px; height: 64px; margin: 0 auto; background: url('/resources/mo/images/new_main/ico_gnb_menu01.png') no-repeat center/auto 100%; transition-duration: .1s; }
.menu-box .in-ico .ico-cont:nth-child(2) .ico { background-image: url('/resources/mo/images/new_main/ico_gnb_menu02.png'); }
.menu-box .in-ico .ico-cont:nth-child(3) .ico { background-image: url('/resources/mo/images/new_main/ico_gnb_menu03.png'); }
.menu-box .in-ico .ico-cont.m-touch-color .ico { background-image: url('/resources/mo/images/new_main/ico_gnb_menu01_on.png'); }
.menu-box .in-ico .ico-cont:nth-child(2).m-touch-color .ico { background-image: url('/resources/mo/images/new_main/ico_gnb_menu02_on.png'); }
.menu-box .in-ico .ico-cont:nth-child(3).m-touch-color .ico { background-image: url('/resources/mo/images/new_main/ico_gnb_menu03_on.png'); }
.menu-box .in-ico .ico-cont p { font-size: 16px; color: #333; transition-duration: .1s; }
.menu-box .in-ico .ico-cont.m-touch-color p { font-weight: 700; color: #2944cc; }
.menu-box .in-menu { margin: 24px 0 0; }
.menu-box .in-menu ul { border-bottom: 1px solid #eee; }
.menu-box .in-menu ul li ~ li { border-top: 1px solid #eee; }
.menu-box .in-menu ul li a { position: relative; display: flex; align-items: center; width: 100%; height: 56px; font-size: 18px; font-weight: 400; color: #333; transition-duration: .1s; }
.menu-box .in-menu ul li a:after { content: '>'; position: absolute; right: 0; top: 0; font-size: inherit; font-weight: inherit; line-height: 56px; color: #666; }
.menu-box .in-menu ul li.m-touch-color a,
.menu-box .in-menu ul li.m-touch-color a:after { color: #2944cc; }
.menu-box .in-btn { height: 56px; text-align: right; line-height: 56px; }
.menu-box .in-btn a { display: inline-block; vertical-align: middle; padding-left: 26px; background: url('/resources/mo/images/new_main/ico_gnb_logout.png') no-repeat left center/auto 100%; font-size: 16px; font-weight: 400; line-height: 24px; color: #888; }
@media(max-width:320px){
	.menu-box { padding: 40px 20px 20px; }	
	.menu-box .gnb-close { top: 8px; right: 8px; width: 28px; height: 28px; }
	.menu-box .in-user a { font-size: 22px; }
	.menu-box .in-user a b { width: 20px; }
	.menu-box .in-ico { margin-top: 14px; }
	.menu-box .in-ico .ico-cont .ico { width: 40px; height: 40px; }
	.menu-box .in-ico .ico-cont p { font-size: 13px; }
	.menu-box .in-menu { margin-top: 14px; }
	.menu-box .in-menu ul li a { height: 44px; font-size: 16px; }
	.menu-box .in-menu ul li a:after { line-height: 44px; }
	.menu-box .in-btn { height: 44px; line-height: 44px; }
	.menu-box .in-btn a { padding-left: 22px; font-size: 14px; line-height: 20px; }
}

/* 하단 고정 메뉴 */
.fix-bot-wrap { position: fixed; left: 0; bottom: 0; z-index: 199; width: 100%; height: auto; border-top: 1px solid #ddd; background-color: #fff; }
.fix-bot-wrap .inner { display: flex; align-items: center; width: 100%; }
.fix-bot-wrap .inner .btn { width: 20%; height: auto; padding: 6px 0; background: 0; } 
.fix-bot-wrap .inner .btn .ico { width: 24px; height: 24px; margin: 0 auto; background: url('/resources/mo/images/new_main/ico_fix_nav01.png') no-repeat center/auto 24px; transition-duration: .1s; }
.fix-bot-wrap .inner .btn:nth-child(2) .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav02.png'); }
.fix-bot-wrap .inner .btn:nth-child(3) .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav03.png'); }
.fix-bot-wrap .inner .btn:nth-child(4) .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav04.png'); }
.fix-bot-wrap .inner .btn:nth-child(5) .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav05.png'); } 
.fix-bot-wrap .inner .btn a { display: block; }
.fix-bot-wrap .inner .btn p { margin-top: 4px; text-align: center; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: -.5px; color: #333; transition-duration: .1s; }
.fix-bot-wrap .inner .btn.m-touch-color .ico,
.fix-bot-wrap .inner .btn.active .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav01_on.png'); }
.fix-bot-wrap .inner .btn:nth-child(2).m-touch-color .ico,
.fix-bot-wrap .inner .btn:nth-child(2).active .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav02_on.png'); }
.fix-bot-wrap .inner .btn:nth-child(3).m-touch-color .ico,
.fix-bot-wrap .inner .btn:nth-child(3).active .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav03_on.png'); }
.fix-bot-wrap .inner .btn:nth-child(4).m-touch-color .ico,
.fix-bot-wrap .inner .btn:nth-child(4).active .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav04_on.png'); }
.fix-bot-wrap .inner .btn:nth-child(5).m-touch-color .ico,
.fix-bot-wrap .inner .btn:nth-child(5).active .ico { background-image: url('/resources/mo/images/new_main/ico_fix_nav05_on.png'); }
.fix-bot-wrap .inner .btn.m-touch-color p,
.fix-bot-wrap .inner .btn.active p { font-weight: 700; color: #2944cc; }
#container .btn-favorite-list-toggle.setBottom, 
#container .btn-page-search.setBottom { bottom: 70px; }
@media(max-width:280px){
	.fix-bot-wrap .inner .btn p { font-size: 10px; }
}

.new-main .main_bn_form { margin-bottom: 0; }

/* 헤더 개선 */
#header { position: sticky; left: 0; top: 0; z-index: 200; height: 56px; border-bottom: 1px solid #ddd; background: #fff; }
#header .header-inner { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 auto; text-align: center; }
#header .header-inner .header-title { line-height: 0; }
#header .header-inner .header-title a { display: inline-block; width: auto; height: auto; margin: 0 auto; text-align: center; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -.5px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#header .header-inner .header-title a img { display: inline-block; vertical-align: bottom; width: calc(178px / 2); }
#header .header-inner .header-group [class*='btn-'] { position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; background-size: 100% auto; background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; text-indent: -999px; color: transparent; }
#header .header-inner .header-group .btn-prev { left: 12px; background-image: url('/resources/mo/images/new_main/ico_header_back.png'); }
#header .header-inner .header-group .btn-login { right: 12px; background-image: url('/resources/mo/images/new_main/ico_header_login.png'); }
#header .header-inner .header-group .btn-logout { right: 12px; background-image: url('/resources/mo/images/new_main/ico_header_logout.png'); }
#header .header-inner .header-group .btn-mypage { right: 60px; background-image: url('/resources/mo/images/new_main/ico_header_my.png'); }
@media(max-width:320px){
	#header .header-inner .header-group [class*='btn-'] { width: 26px; height: 26px; margin-top: -13px; }
	#header .header-inner .header-group .btn-prev { left: 10px; }
	#header .header-inner .header-group .btn-login { right: 10px; }
	#header .header-inner .header-group .btn-logout { right: 10px; }
	#header .header-inner .header-group .btn-mypage { right: 48px; }	
}

/* 푸터 개선 */ 
#footer { margin-top: 80px; padding-bottom: 56px !important; border-top: 1px solid #ccc; }
#footer .footer-inner { padding: 80px 32px 40px;  background: url('/resources/mo/images/new_main/logo_chaauction_wh.png') no-repeat left 32px top 42px/auto 24px #1e1e1e; }
#footer .footer-inner .cs { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }
#footer .footer-inner .cs strong { display: block; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -.5px; color: #ccc; }
#footer .footer-inner .cs a { display: block; font-size: 24px; font-weight: 700; line-height: 24px; color: #eee; text-decoration: none; }
#footer .footer-inner .cs a span { display: inline-block; vertical-align: top; width: auto; height: 22px; margin: 0 0 0 8px; padding: 0 10px; border-radius: 50px; background-color: #3F4248; text-align: center; font-size: 12px; font-weight: 500; line-height: 22px; color: #ccc; }
#footer .footer-inner .cs p { font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: -.5px; color: #ddd; }
#footer .footer-inner .cs p span { display: inline-block; margin: 0 0 0 4px; font-size: inherit; color: #888;  }
#footer .footer-inner .links { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 0; padding: 0; background: 0; }
#footer .footer-inner .links a { flex: 0 auto; margin: 0; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: -.5px; color: #ccc; }
#footer .footer-inner .links .partition { width: 1px; height: 10px; background-color: #555; }
#footer .footer-inner .copyright { margin-top: 8px; font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: -1px; color: #888; }

/* 메인 공통 */
#container .gm-ft { font-family: 'GmarketSans' !important; font-weight: 700 !important; }
#container.new-main-wrap { min-width: 280px; width: 100%; }
.new-main * { box-sizing: border-box; line-height: 1.2; letter-spacing: -.5px; word-break: keep-all; }
.new-main .main-cont.mg-t50 { margin-top: 50px; }
.new-main .product-empty { margin: 16px auto 0; padding: 0 32px; }
.new-main .product-empty strong { display: block; padding: 110px 30px 30px; margin: 0 auto; border-radius: 4px; background: url('/resources/mo/images/new_main/ico_list_empty.png') no-repeat center top 30px/72px auto #f9f9f9; text-align: center; font-size: 18px; font-weight: 400; color: #999; }
.new-main .main-cont > [class*='wrap'] .inner { width: 100%; }
.new-main .main-cont .cont-wrap { padding: 0 32px; } 
.new-main .main-cont .main-cont-tit { display: flex; align-items: center; justify-content: space-between; padding: 0 32px; font-size: 24px; font-weight: 700; color: #111; }
.new-main .main-cont .main-cont-tit.center { text-align: center; justify-content: center; padding: 0; }
.new-main .main-cont .main-cont-tit.bottom { align-items: flex-end; }
.new-main .main-cont .main-cont-tit .more { position: relative; display: inline-block; width: auto; padding: 0 12px 0 0; font-size: 14px; font-weight: 600; color: #888; }
.new-main .main-cont .main-cont-tit .more:before,
.new-main .main-cont .main-cont-tit .more:after { content: ''; position: absolute; right: 0; top: 7px; width: 8px; height: 1px; background-color: #666; }
.new-main .main-cont .main-cont-tit .more:after { transform: rotate(90deg); }
.new-main .main-cont .main-cont-tit .cnt { font-size: 16px; font-weight: 400; color: #333; }
.new-main .main-cont .main-cont-tit .cnt span { font-size: inherit; font-weight: 700; color: #3cafff; }
@media(max-width:320px){
	.new-main .product-empty { padding: 0 20px; }
	.new-main .product-empty strong { padding: 90px 20px 20px; background-position: center top 20px; background-size: 60px auto; font-size: 16px; }
	.new-main .main-cont .main-cont-tit { padding: 0 20px; font-size: 20px; }
	.new-main .main-cont .main-cont-tit .more { font-size: 12px; }
	.new-main .main-cont .cont-wrap { padding: 0 20px; }
}

/* 메인 대시보드 */
.new-main .main-dashboard-wrap { padding: 40px 0; background: url('/resources/mo/images/new_main/bg_main_cont.png') no-repeat right bottom/304px auto #f9f9f9; }
.new-main .main-dashboard-wrap .inner { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0; padding: 0 20px; }
.new-main .main-dashboard-wrap .inner .cont { position: relative; flex: 1; text-align: center; }
.new-main .main-dashboard-wrap .inner .cont ~ .cont:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 48px; margin: -24px 0 0; background-color: rgba(0, 0, 0, .2); }
.new-main .main-dashboard-wrap .inner .cont .num { font-size: 28px; font-weight: 700; letter-spacing: -1px; color: #3cafff; }
.new-main .main-dashboard-wrap .inner .cont .name { margin-top: 8px; font-size: 12px; font-weight: 500; letter-spacing: -1px; color: #333; }
.new-main .main-dashboard-wrap .cont-btn { display: flex; align-items: center; justify-content: center; gap: 0 8px; max-width: 280px; width: 100%; height: 60px; margin: 30px auto 0; border: 1px solid #333; border-radius: 50px; text-align: center; font-size: 16px; font-weight: 600; line-height: 60px; color: #333; }
.new-main .main-dashboard-wrap .cont-btn.arr:after { content: ''; width: 18px; height: 18px; background: url('/resources/mo/images/new_main/ico_btn_arr.png') no-repeat center/100% auto; }
@media(max-width:320px){
	.new-main .main-dashboard-wrap { padding: 30px 0; }
	.new-main .main-dashboard-wrap .inner { padding: 0 10px; }
	.new-main .main-dashboard-wrap .inner .cont .num { font-size: 22px; }
	.new-main .main-dashboard-wrap .inner .cont .name { font-size: 10px; font-weight: 600; }
	.new-main .main-dashboard-wrap .cont-btn { max-width: 260px; height: 50px; font-size: 14px; line-height: 50px; }
	.new-main .main-dashboard-wrap .cont-btn.arr:after { width: 14px; height: 14px; }
}

/* 메인 유저정보 */
.new-main .main-user-wrap {  }
.new-main .main-user-wrap h2 { word-break: keep-all; font-size: 34px; font-weight: 700; color: #333; }
.new-main .main-user-wrap .grade-info { margin-top: 16px; }
.new-main .main-user-wrap .grade-info dl { display: flex; }
.new-main .main-user-wrap .grade-info dl ~ dl { margin-top: 4px; }
.new-main .main-user-wrap .grade-info dl dt,
.new-main .main-user-wrap .grade-info dl dd { font-size: 16px; font-weight: 400; line-height: 20px; color: #333; }
.new-main .main-user-wrap .grade-info .day { display: inline-block; vertical-align: top; width: auto; height: 20px; margin: 0 0 0 4px; padding: 0 6px; border: 1px solid rgba(41, 68, 204, .5); border-radius: 4px; background-color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; color: #2944cc; }
.new-main .main-user-wrap .grade-info .pay-btn { width: 100%; height: 60px; margin-top: 16px; border-radius: 8px; background-color: #2944CC; text-align: center; font-size: 16px; font-weight: 600; line-height: 60px; color: #fff; }
.new-main .main-user-wrap .point-info { margin-top: 40px; }
.new-main .main-user-wrap .point-info .tit { font-size: 16px; font-weight: 600; color: #333; }
.new-main .main-user-wrap .point-info .point { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; margin-top: 12px; }
.new-main .main-user-wrap .point-info .point p { font-size: 42px; font-weight: 700; letter-spacing: -1px; color: #333; }
.new-main .main-user-wrap .point-info .point p strong { font-family: inherit; font-size: inherit; font-weight: inherit; color: #2944CC; word-break: break-word; }
.new-main .main-user-wrap .point-info .point a { font-size: 14px; font-weight: 400; line-height: 24px; color: #888; }
@media(max-width:320px){
	.new-main .main-user-wrap h2 { font-size: 28px; }
}

/* 메인 출품알람 */
.new-main .main-alram-wrap { margin: 16px auto 0; }
.new-main .main-alram-wrap li ~ li { margin-top: 8px; }
.new-main .main-alram-wrap li a { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0 10px; padding: 14px 14px 14px 40px; border: 1px solid #eee; border-radius: 4px; background-color: #fff; }
.new-main .main-alram-wrap li a p { flex: 1; font-size: 16px; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-main .main-alram-wrap li a span { font-size: 16px; font-weight: 400; color: #333; }
.new-main .main-alram-wrap li a span strong { color: #2944CC; }
.new-main .main-alram-wrap li a:before { content: ''; position: absolute; left: 10px; top: 50%; width: 20px; height: 28px; margin-top: -14px; background: url('/resources/mo/images/new_main/ico_car_alram.png') no-repeat center/100% auto; transition: all .4s ease-in-out; }
.new-main .main-alram-wrap li a.on:before { background-image: url('/resources/mo/images/new_main/ico_car_alram_on.png'); }
@media(max-width:320px){
	.new-main .main-alram-wrap li { padding: 12px 12px 12px 40px; font-size: 14px; }
}

/* 메인 상품목록 */
.new-main .product-base-wrap { position: relative; margin: 16px auto 0; }
.new-main .product-base-wrap .thumbnail { position: relative; border-radius: 4px; background-color: #eee; overflow: hidden; }
.new-main .product-base-wrap .thumbnail:before { content: ''; display: block; width: 100%; padding-top: 70%; /* padding-top: 81.1%; */ }
.new-main .product-base-wrap .thumbnail img { position: absolute; left: 50%; top: 50%; max-width: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }
.new-main .product-base-wrap li.complete .thumbnail:after,
.new-main .product-base-wrap li.observation .thumbnail:after { content: '낙찰'; position: absolute; left: 16px; top: 12px; width: auto; height: 24px; padding: 0 10px; border-radius: 25px; background-color: #2944CC; font-size: 14px; font-weight: 700; line-height: 24px; color: #fff; }
.new-main .product-base-wrap li.observation .thumbnail:after { content: '유찰'; background-color: #000; }
.new-main .product-base-wrap .info-box { margin-top: 20px; }
.new-main .product-base-wrap .info-box * { word-break: keep-all; }
.new-main .product-base-wrap .info-box .car-name { font-size: 18px; font-weight: 700; line-height: 1; color: #111; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-main .product-base-wrap .info-box .car-trim { margin-top: 8px; font-size: 16px; font-weight: 400; line-height: 1; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-main .product-base-wrap .info-box .car-etc { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 16px; }
.new-main .product-base-wrap .info-box .car-etc span { position: relative; font-size: 12px; font-weight: 400; line-height: 1; color: #888; }
.new-main .product-base-wrap .info-box .car-etc span:after { content: ''; position: absolute; right: -6px; top: 50%; width: 2px; height: 2px; margin-top: -1px; border-radius: 2px; background-color: #888; }
.new-main .product-base-wrap .info-box .car-etc span:last-child:after { display: none; }
.new-main .product-base-wrap .info-box .car-etc span strong { line-height: inherit; }
.new-main .product-base-wrap .info-box .car-price { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 12px; padding-top: 8px; }
.new-main .product-base-wrap .info-box .car-price:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-image: repeating-linear-gradient(90deg, #ddd, #ddd 2px, transparent 2px, transparent 4px); border-image: repeating-linear-gradient(0deg, #ddd, #ddd 2px, transparent 2px, transparent 4px); }
.new-main .product-base-wrap .info-box .car-price dt,
.new-main .product-base-wrap .info-box .car-price dd { font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: -.2px; color: #333; }
.new-main .product-base-wrap .price-info { margin-top: 20px; border: 1px solid #ededed; border-radius: 4px; background-color: #f9f9f9; }
.new-main .product-base-wrap .price-info dl { display: flex; align-items: center; justify-content: space-between; padding: 12px; }
.new-main .product-base-wrap .price-info dl * { flex: 1; font-size: 12px; font-weight: 500; line-height: 14px; color: #333; }
.new-main .product-base-wrap .price-info dl ~ dl { border-top: 1px solid #ededed; }
.new-main .product-base-wrap .price-info dl dd { text-align: right; }
.new-main .product-base-wrap [class*='swiper-button'] { position: absolute; left: 10px; top: 58px; width: 40px; height: 40px; border-radius: 100%; box-shadow: 0 4px 2px rgba(0, 0, 0, .25); background: url('/resources/mo/images/new_main/ico_swiper_prev.png') no-repeat center/8px auto rgba(255, 255, 255, .95); }
.new-main .product-base-wrap [class*='swiper-button'][class*='disabled'] { opacity: .2; }
.new-main .product-base-wrap [class*='swiper-button'][class*='next'] { left: auto; right: 10px; background-image: url('/resources/mo/images/new_main/ico_swiper_next.png') }
@media(max-width:320px){
	.new-main .product-base-wrap li.complete .thumbnail:after, 
	.new-main .product-base-wrap li.observation .thumbnail:after { left: 4px; top: 4px; height: 20px; font-size: 12px; line-height: 20px; }
	.new-main .product-base-wrap .info-box { margin-top: 12px; }
	.new-main .product-base-wrap .info-box .car-name { font-size: 16px; }
	.new-main .product-base-wrap .info-box .car-trim { font-size: 14px; }
	.new-main .product-base-wrap .info-box .car-etc { gap: 4px 8px; margin-top: 12px; }
	.new-main .product-base-wrap .info-box .car-etc span:after { right: -5px; } 
	.new-main .product-base-wrap .info-box .car-price { margin-top: 6px; padding-top: 6px; }
	.new-main .product-base-wrap .info-box .car-price dt,
	.new-main .product-base-wrap .info-box .car-price dd { font-size: 12px; }
	.new-main .product-base-wrap .price-info { margin-top: 14px; }
	.new-main .product-base-wrap .price-info dl { padding: 6px; }
	.new-main .product-base-wrap .price-info dl * { font-size: 10px; }
	.new-main .product-base-wrap [class*='swiper-button'] { left: 5px; width: 30px; height: 30px; }
	.new-main .product-base-wrap [class*='swiper-button'][class*='next'] { right: 5px; }
}

/* 메인 영상목록 */
.new-main .video-base-wrap { position: relative; margin: 16px auto 0; }
.new-main .video-base-wrap .thumbnail { position: relative; border-radius: 4px; background-color: #eee; overflow: hidden; }
.new-main .video-base-wrap .thumbnail:before { content: ''; display: block; width: 100%; padding-top: 55%; }
.new-main .video-base-wrap .thumbnail img { position: absolute; left: 50%; top: 50%; max-width: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }
.new-main .video-base-wrap .info-box * { word-break: keep-all; }
.new-main .video-base-wrap .info-box { margin-top: 10px; }
.new-main .video-base-wrap .info-box .car-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow: hidden; font-size: 16px; line-height: 22px; font-weight: 400; color: #111; }
.new-main .video-base-wrap .info-box .car-etc { margin-top: 12px; }
.new-main .video-base-wrap .info-box .car-etc span { padding-left: 22px; background: url('/resources/mo/images/new_main/ico_yt_channel.png') no-repeat left center/18px auto; font-size: 12px; font-weight: 500; line-height: 16px; color: #888; }
.new-main .video-base-wrap [class*='swiper-button'] { position: absolute; left: 10px; top: 29%; width: 40px; height: 40px; border-radius: 100%; box-shadow: 0 4px 2px rgba(0, 0, 0, .25); background: url('/resources/mo/images/new_main/ico_swiper_prev.png') no-repeat center/8px auto rgba(255, 255, 255, .95); }
.new-main .video-base-wrap [class*='swiper-button'][class*='disabled'] { opacity: .2; }
.new-main .video-base-wrap [class*='swiper-button'][class*='next'] { left: auto; right: 10px; background-image: url('/resources/mo/images/new_main/ico_swiper_next.png') }
@media(max-width:320px){
	.new-main .video-base-wrap .info-box { margin-top: 6px; }
	.new-main .video-base-wrap .info-box .car-name { font-size: 14px; line-height: 20px; }
	.new-main .video-base-wrap .info-box .car-etc { margin-top: 8px; }
	.new-main .video-base-wrap [class*='swiper-button'] { top: 46px; left: 5px; width: 30px; height: 30px; }
	.new-main .video-base-wrap [class*='swiper-button'][class*='next'] { right: 5px; }
}

/* 메인 게시판 */
.new-main .baord-base-wrap { margin: 16px auto 0; }
.new-main .baord-base-wrap li { border-bottom: 1px solid #eee; }
.new-main .baord-base-wrap li a { display: flex; align-items: center; gap: 10px; padding: 14px 0; }
.new-main .baord-base-wrap li .cate { flex: 0 60px; font-size: 12px; font-weight: 700; line-height: 20px; color: #2944cc; }
.new-main .baord-base-wrap li .subject { flex: 1; font-size: 16px; font-weight: 400; line-height: 20px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-main .baord-base-wrap.notice-type { position: static; }
.new-main .baord-base-wrap.notice-type li { position: relative; padding-left: 14px; }
.new-main .baord-base-wrap.notice-type li:before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; border-radius: 3px; background-color: #666; }
.new-main .baord-base-wrap.notice-type li.noti { padding-left: 0; }
.new-main .baord-base-wrap.notice-type li.noti:before { display: none; }
.new-main .baord-base-wrap.notice-type li.noti a { padding-left: 28px; background: url('/resources/mo/images/new_main/ico_borad_noti.png') no-repeat center left/20px; }
.new-main .baord-base-wrap.notice-type li.new a { padding-right: 30px; }
.new-main .baord-base-wrap.notice-type li.new a:before { content: 'N'; position: absolute; right: 10px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 100%; background-color: #2944CC; text-align: center; font-size: 10px; font-weight: 700; line-height: 16px; color: #fff; }
@media(max-width:320px){
	.new-main .baord-base-wrap li a { padding: 10px 0; }
	.new-main .baord-base-wrap li .subject { font-size: 14px; }
}

/* 메인 절차 */
.new-main .main-process-wrap { margin-top: 16px; }
.new-main .main-process-wrap ul { display: flex; flex-wrap: wrap; gap: 24px 10px; }
.new-main .main-process-wrap li { position: relative; flex: 0 calc((100% - 20px) / 3); padding-top: 34px; text-align: center; }
.new-main .main-process-wrap li:nth-child(n+4) { padding-top: 0; }
.new-main .main-process-wrap li.success:before { content: '유찰시'; position: absolute; left: 50%; top: 0; display: inline-block; width: auto; height: 18px; padding: 0 6px; border-radius: 50px; background-color: #00B8BA; font-size: 10px; font-weight: 600; line-height: 18px; color: #fff; transform: translateX(-50%); }
.new-main .main-process-wrap .ico { display: block; position: relative; overflow: hidden; background: url('/resources/mo/images/new_main/ico_process_01.png') no-repeat center/auto 100%; }
.new-main .main-process-wrap .ico:before { content: ''; display: block; width: 100%; padding-top: 40.6%; }
.new-main .main-process-wrap .ico.ico02 { background-image: url('/resources/mo/images/new_main/ico_process_02.png'); }
.new-main .main-process-wrap .ico.ico02_02 { background-image: url('/resources/mo/images/new_main/ico_process_02_02.png'); }
.new-main .main-process-wrap .ico.ico03 { background-image: url('/resources/mo/images/new_main/ico_process_03.png'); }
.new-main .main-process-wrap .ico.ico04 { background-image: url('/resources/mo/images/new_main/ico_process_04.png'); }
.new-main .main-process-wrap .ico.ico05 { background-image: url('/resources/mo/images/new_main/ico_process_05.png'); }
.new-main .main-process-wrap strong { display: block; margin-top: 16px; font-size: 14px; font-weight: 600; line-height: 18px; color: #111; }
.new-main .main-process-wrap p { margin-top: 8px; font-size: 12px; font-weight: 400; line-height: 16px; color: #888; word-break: keep-all; }
@media(max-width:320px){
	.new-main .main-process-wrap { padding: 0 10px !important; }
	.new-main .main-process-wrap ul { gap: 18px 6px; }
}

/* 메인 아이콘메뉴 */
.new-main .menu-list-wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.new-main .menu-list-wrap li { position: relative; flex: 0 calc((100% - 16px) / 3); padding: 18px 4px; border-radius: 8px; background-color: #f6f6f6; }
.new-main .menu-list-wrap li a { position: relative; }
.new-main .menu-list-wrap li .ico { display: block; width: 40px; height: 40px; margin: 0 auto; background: url('/resources/mo/images/new_main/ico_main_menu01.png') no-repeat center/40px auto; }
.new-main .menu-list-wrap li:nth-child(2) .ico { background-image: url('/resources/mo/images/new_main/ico_main_menu02.png'); }
.new-main .menu-list-wrap li:nth-child(3) .ico { background-image: url('/resources/mo/images/new_main/ico_main_menu03.png'); }
.new-main .menu-list-wrap li:nth-child(4) .ico { background-image: url('/resources/mo/images/new_main/ico_main_menu04.png'); }
.new-main .menu-list-wrap li:nth-child(5) .ico { background-image: url('/resources/mo/images/new_main/ico_main_menu05.png'); }
.new-main .menu-list-wrap li:nth-child(6) .ico { background-image: url('/resources/mo/images/new_main/ico_main_menu06.png'); }
.new-main .menu-list-wrap li p { margin-top: 4px; text-align: center; font-size: 14px; font-weight: 500; line-height: 18px; color: #333; }
.new-main .menu-list-wrap li.new:before { content: 'NEW'; position: absolute; left: 50%; top: -9px; width: auto; height: 18px; padding: 0 6px; border-radius: 20px; background-color: #ED1B23; font-size: 10px; font-weight: 800; line-height: 18px; color: #fff; transform: translateX(-50%); }
@media(max-width:320px){
	.new-main .menu-list-wrap li p { font-size: 12px; }	
}

/* 메인 낙찰순위 */
.new-main .main-rank-tab { margin-top: 16px; }
.new-main .main-rank-tab .tab-btn { display: flex; align-items: center; border-bottom: 1px solid #333; }
.new-main .main-rank-tab .tab-btn a { flex: 1; position: relative; display: block; text-align: center; font-size: 20px; font-weight: 400; line-height: 46px; color: #000; }
.new-main .main-rank-tab .tab-btn a:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #000; transition: all .4s ease-in-out; transform: translateX(-50%); }
.new-main .main-rank-tab .tab-btn a.active { font-weight: 700; }
.new-main .main-rank-tab .tab-btn a.active:before { width: 100%; }
.new-main .main-rank-tab .tab-cont { margin-top: 16px; }
.new-main .main-rank-wrap { counter-reset: section; }
.new-main .main-rank-wrap li { position: relative; padding: 14px 14px 14px 40px; border-radius: 4px; background-color: #f9f9f9; font-size: 16px; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-main .main-rank-wrap li ~ li { margin-top: 8px; }
.new-main .main-rank-wrap li .rank { position: absolute; left: 10px; top: 0; width: 20px; height: 28px; padding-top: 5px; background: url('/resources/mo/images/new_main/ico_rank_badge.png') no-repeat center top/100% auto; text-align: center; font-size: 14px; font-weight: 700; line-height: 1; color: #fff; }
.new-main .main-rank-wrap li:nth-child(-n+3) .rank { background-image: url('/resources/mo/images/new_main/ico_rank_badge_co.png'); }
.new-main .main-rank-tab.type-list {  }
.new-main .main-rank-tab.type-list .tab-btn { display: none; }
.new-main .main-rank-tab.type-list .tab-cont { margin: 30px 0 0; }
.new-main .main-rank-tab.type-list .cont-list { display: flex; }
.new-main .main-rank-tab.type-list .cont-list ~ .cont-list { margin-top: 32px; }
.new-main .main-rank-tab.type-list .cont-list strong { flex: 0 65px; padding-left: 15px; font-size: 18px; font-weight: 600; line-height: 1.2; color: #333; }
.new-main .main-rank-tab.type-list .cont-list ul { flex: 1; }
@media(max-width:320px){
	.new-main .main-rank-tab .tab-btn a { font-size: 16px; line-height: 40px; }
	.new-main .main-rank-wrap li { padding: 12px 12px 12px 40px; font-size: 14px; }
}

/* 월별 낙찰 레이어 팝업 */
.rank-layer .layer-cont { padding-bottom: 0; }
.rank-layer .rank-sel select { width: 200px; height: 45px; border-color: #ddd; border-radius: 5px; font-size: 16px; font-weight: 400; color: #333; }
.rank-layer .rank-table { margin-top: 20px; }
.rank-layer .rank-table table { table-layout: fixed; width: 100%; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; }
.rank-layer .rank-table table thead { background-color: #F8F9FB; }
.rank-layer .rank-table table tbody tr:nth-child(-n+3) .rank { position: absolute; left: 50%; top: 0; width: 20px; height: 28px; margin-left: -10px; padding-top: 5px; background: url('/resources/mo/images/new_main/ico_rank_badge_co.png') no-repeat center top / 100% auto; text-align: center; font-size: 14px; font-weight: 700; line-height: 1; color: #fff; }
.rank-layer .rank-table table th { border-right: 1px solid #ccc; padding: 14px 0; text-align: center; font-size: 12px; font-weight: 700; line-height: 15px; letter-spacing: -.2px; color: #333; }
.rank-layer .rank-table table th:first-child { font-weight: 400; }
.rank-layer .rank-table table th:last-child { border-right: 0; }
.rank-layer .rank-table table td { position: relative; padding: 14px 16px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; font-weight: 500; line-height: 14px; letter-spacing: -.2px; color: #333; }
.rank-layer .rank-table table td:first-child { padding: 14px 0; text-align: center; }
.rank-layer .rank-table table td:first-child span { display: inline-block; vertical-align: bottom; font-size: 14px; line-height: 1; color: #888; }
.rank-layer .rank-table table td:last-child { border-right: 0; }
.rank-layer .layer-btns { margin-top: 30px; }
@media(max-width:320px){
	.rank-layer .rank-table table td { padding: 10px 8px; font-size: 10px; }
	.rank-layer .rank-table table td:first-child { padding: 10px 0; font-size: 12px; }	
}

/* 메인 배너 레이어팝업 */
@keyframes wd-typing {
    from { width: 0; }
    to { width: 100%; }
}
.alert-layer-wrap { position: fixed; left: 0; top: 0; z-index: 201; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); overflow: hidden; }
.alert-layer-wrap .alert-dim { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.alert-layer-wrap .alert-Box { position: absolute; left: 50%; top: 50%; z-index: 2; width: calc(100% - 40px); max-width: 350px; height: auto; max-height: calc(100vh - 40px); border-radius: 10px; background-color: #fff; transform: translate(-50%, -50%); overflow: hidden; overflow-y: auto; }
.alert-layer-wrap .alert-Box > .close { position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; background: url('/resources/mo/images/new_main/ico_alert_close.png') no-repeat center/32px auto; }
.alert-layer-wrap .alert-cont { padding: 66px 20px 40px; text-align: center; }
.alert-layer-wrap .alert-cont .tit { font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.5px; color: #333; word-break: keep-all; }
.alert-layer-wrap .alert-cont .sub { margin-top: 24px; font-size: 16px; font-weight: 400; line-height: 1.2; color: #888; }
.alert-layer-wrap .alert-cont .num { position: relative; display: flex; align-items: center; height: 64px; padding: 0 40px; margin-top: 24px; border: 3px solid #000; border-radius: 10px; background-color: #fff; }
.alert-layer-wrap .alert-cont .num p { position: relative; width: 0; height: 100%; text-align: left; font-size: 32px; font-weight: 600; line-height: 64px; letter-spacing: -.5px; color: #d3d3d3; overflow: hidden; animation: wd-typing .8s steps(40, end) forwards; }
.alert-layer-wrap .alert-cont .num p span { display: inline-block; position: relative; left: 0; top: 50%; max-width: calc(350px - 126px); width: calc(100vw - 166px); text-align: center; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; white-space: nowrap; transform: translateY(-50%); overflow: hidden; }
.alert-layer-wrap .alert-cont .num:before,
.alert-layer-wrap .alert-cont .num:after { content: ''; position: absolute; left: 10px; top: 50%; width: 8px; height: 8px; margin: -4px 0 0; border-radius: 8px; box-shadow: 1px 2px 2px rgba(0, 0, 0, .16); background-color: #fff; }
.alert-layer-wrap .alert-cont .num:after { left: auto; right: 10px; }
.alert-layer-wrap .alert-btn { display: flex; align-items: center; justify-content: space-between; padding: 16px; background-color: #eee; }
.alert-layer-wrap .alert-btn .col { flex: 0 auto; }
.alert-layer-wrap .alert-btn .checkbox { position: relative; }
.alert-layer-wrap .alert-btn .checkbox input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.alert-layer-wrap .alert-btn .checkbox label { position: relative; display: block; min-height: 20px; margin: 0; padding-left: 30px; font-size: 14px; font-weight: 400; line-height: 20px; color: #888; }
.alert-layer-wrap .alert-btn .checkbox label:before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; border-radius: 4px; border: 1px solid #666; box-sizing: border-box; background-color: #fff; }
.alert-layer-wrap .alert-btn .checkbox input:checked + label:before { background: url('/resources/mo/images/new_main/ico_check_on.png') no-repeat center/12px auto #fff; }
.alert-layer-wrap .alert-btn .close { font-size: 14px; font-weight: 500; line-height: 20px; color: #333; }
@media(max-width:320px){
	.alert-layer-wrap .alert-cont .tit { font-size: 24px; }
	.alert-layer-wrap .alert-cont .sub { font-size: 14px; } 
	.alert-layer-wrap .alert-cont .num p { font-size: 26px; }
}
/* 차옥션 모바일 메인 개선 css 끝 */


/*2025.01.02 김보라*/
.tac {text-align: center !important;}
.fwb {font-weight: bold !important;}
.scommp {font-size: 12px;line-height: 16px;}
.scommp span {font-size: 12px;}
.mt20 {margin-top: 20px !important;}
.car-bg-box .cargo-map .imgbox img,.car-bg-box .car-map .imgbox img {width: 100%;} 
.history_new_tb1 {margin-top: 12px;border-top: 1px solid #ccc;margin-bottom: 13px;}
.history_form .history_box .history_con .history_con_body .history_tbl.tbl_ty02 {border-top: 1px solid #ccc;}
.deployment_form.new_ver {padding: 0;}
.deployment_tit {padding: 15px 7px;height: auto;font-size: 12px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.group .deployment_tit {font-size: 1.2rem; color:#131313; height:48px; padding:0;}
.deployment_form.new_ver .t-info {text-align: center;width: 100%;}
.deployment_form.new_ver .t-info-list2 .row .num {font-weight: bold;color: #333;margin-left: 7px;}
.deployment_form.new_ver .t-info-list2 td,.deployment_form.new_ver .t-info-list2 th {height: 48px;box-sizing: border-box;vertical-align: middle;}
/* 사고이력정보 상세보기 */
#layer-record-history .device_box .device_con {display: flex;align-items: center;background-color: #F9F9F9;padding: 0.625rem 1rem;box-sizing: border-box;border-right: 0.063rem solid #ddd;}
#layer-record-history .history_tbl tr.device_box {border-bottom: 0.063rem solid #ddd;display: flex;width: 100%;align-items: center;justify-content: space-between;}
#layer-record-history .history_tbl.device_tbl { margin-top:20px; border-left: 0.063rem solid #ddd;border-right: 0.063rem solid #ddd;border-top: 0.063rem solid #ddd;}
#layer-record-history .history_tbl tr.device_box th {flex: 1 1 auto;max-width: calc(100% - 56px);align-items: center;}
#layer-record-history .history_tbl tr.device_box td {flex: 0 0 auto;;width: 20%;max-width: 56px;}
.device_box .device_con .device_ico {background-repeat: no-repeat;background-size: 100%;background-position: center;width: 3.2rem;height: 3.2rem;}
.device_box .device_status {font-size: 1.4rem;font-weight: 500;color: #888;width: 100%;text-align: center;}
.device_box .device_status.install::before {content: "○";font-weight: 500;color: #0096FF;font-size: 1.4rem;}
.device_box .device_status.choice::before {content: "△";font-weight: 500;color: #888;font-size: 1.4rem;}
.device_box .device_status.none::before {content: "-";color: #888;font-size: 1.4rem;}
.device_box .device_status.not::before {content: "X";color: #888;font-size: 1.4rem;}
.device_box .device_con.active .device_txt {font-size: 10px;font-weight: 500;letter-spacing: -0.2px;color: #579AFF;} 
.t-info-map .car-bg-box .car-map,.t-info-map .car-bg-box .cargo-map {position: relative;margin-top: 30px;}
.t-info-map .car-bg-box .car-map .map-dot,.t-info-map .car-bg-box .cargo-map .map-dot {position: absolute;text-indent: -9999px;width: 2.063rem;height: 2.063rem;}
.car-bg-box .map-dot .ico {display:block;width: 2.063rem;height: 2.063rem;border-radius: 2.063rem;overflow: hidden;background-position: center;}
.t-info-map .car-bg-box .car-map .imgbox {text-align: center;}
.t-info-map .car-bg-box .car-map .imgbox img {margin: 0 auto;max-width: 100%;}
.map-dot.repair-type01 .ico {background-color: #579AFF;background-image: url(/resources/images/map_dot01.svg);background-repeat: no-repeat;}
.map-dot.repair-type02 .ico {background-color: #FF3F3F;background-image: url(/resources/images/map_dot02.svg);background-repeat: no-repeat;}
.map-dot.repair-type03 .ico {background-color: #13B78B;background-image: url(/resources/images/map_dot03.svg);background-repeat: no-repeat;}
.map-dot-list {display: flex;align-items: center;justify-content: center;margin-top: 33px;}
.map-dot-list .map-dot {position: static;display: flex;align-items: center;font-size: 14px;color: #131313;margin-right: 1.25rem;width: auto;height: auto;}
.map-dot-list .map-dot .ico {margin-right: 0.5rem;}
.t-info thead th {font-size: 13px;}
.layer-base-wrap table.t-info .row {display: flex;justify-content: space-between;align-items: center;padding: 0 0.875rem;}
.layer-base-wrap table.t-info .row .l_text p {font-size: 0.75rem;color: #515151;}
.layer-base-wrap table.t-info .row .r_text {display: flex;}
.layer-base-wrap table.t-info .row .r_text p {font-size: 0.75rem;margin-left: 0.5rem;vertical-align: middle;}
.t-info.t-info-list2 thead th {color: #515151;}
/* 전체수리내역 */
.more-list-box .t-info {margin-top: 8px;}
.more-list-box .date-list .t-info.t-info-list2 thead th {color: #333;}
.more-list-box .date-list .t-info td p {display: block;font-size: 12px;}
.more-list-box table.t-info .row {display: block;padding: 0;}
.more-list-box table.t-info tr td:first-child {text-align: center;background-color: #F9F9F9;}
.more-list-box table.t-info .row .scommp {text-align: left;color: #666;font-size: 13px;}
.more-list-box .open-list-btn {text-align: center;border: 1px solid #ddd;border-top: none;border-radius: 0 0 10px 10px;box-sizing: border-box;font-weight: 700;font-size: 13px;display: flex;height: 48px;justify-content: center;align-items: center;color: #333;font-size: 13px;}
.more-list-box .open-list-btn .ico {background-image: url(/resources/images/btn_lp_filter.svg);width: 24px;height: 24px;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;background-position: center;margin-left: 8px;}
.more-list-box .date-list {display: block;margin-top: 8px;}
.more-list-box .open-list-btn.on .ico {transform: rotate(180deg);}
/* 위치조정 */
.t-info-map .car-bg-box .car-map .map-dot.car-map01 {top: 6.3%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map02 {bottom: -0.5rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map03 {top: 21%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map04 {bottom: 2rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map05 {top: auto;left: 0;right: 0;margin: 0 auto;bottom: 17%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map06 {top: 43%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map07 {top: 43%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map08 {top: 54%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map09 {top: 54%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map10 {top: 25%;left: 50%;right: auto;margin-left:-37.8%}
.t-info-map .car-bg-box .car-map .map-dot.car-map11 {top: 25%;right: 50%;left: auto;margin-right:-37.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map12 {top: auto;left: 50%;right: auto;margin-left:-38%;bottom: 22%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map13 {top: auto;right: 50%;left: auto;margin-right:-38%;bottom: 22%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map14 {top: 37%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map15 {top: 50%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map16 {bottom: 37%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map17 {top: 59%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map18 {top: 59%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map19 {bottom: 26%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map20 {top: 0.8rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map21 {top: 0.8rem;left: 50%;margin-left: -6rem;}
.t-info-map .car-bg-box .car-map .map-dot.car-map22 {top: 0.8rem;right: 50%;margin-right: -6rem;}
.t-info-map .car-bg-box .car-map .map-dot.car-map23 {top: auto;left: 50%;margin-left: -14%;bottom: 5.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map24 {top: auto;right: 50%;margin-right: -14%;bottom: 5.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map25 {top: 51%;left: 50%;margin-left: -49%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map26 {top: 51%;right: 50%;margin-right: -49%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map27 {top: 52%;left: 50%;margin-left: -31%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map28 {top: 52%;right: 50%;margin-right: -31%;}
.c_gray {color: #888 !important;}

/*상용차 위치 조정*/
.t-info-map .car-bg-box .cargo-map .map-dot.car-map01 {top: 0rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map02 {top: 6%;left: 50%;margin-left: -21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map03 {top: 6%;right: 50%;margin-right: -21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map04 {bottom: 0rem;left: 50%;margin-left: -30%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map05 {bottom: 0rem;right: 50%;margin-right: -31%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map06 {top: 20%;left: 50%;right: auto;margin-left:-29%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map07 {top: 20%;right: 50%;left: auto;margin-right:-29%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map08 {top: 49%;left: 50%;right: auto;margin-left:-21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map09 {top: 49%;right: 50%;left: auto;margin-right:-21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map10 {bottom: 0rem;left: 50%;right: auto;margin-left:-14%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map11 {bottom: 0rem;right: 50%;margin-right:-14%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map12 {top: 30%;left: 50%;right: auto;margin-left:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map13 {top: 30%;right: 50%;left: auto;margin-right:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map14 {top: 42%;left: 50%;margin-left:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map15 {top: 42%;right: 50%;margin-right:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map16 {top: 28.5%;left: 50%;margin-left: -18%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map17 {top: 28.5%;right: 50%;margin-right: -18%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map18 {left: 0;right: 0;margin: 0 auto;top: 6%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map19 {left: 0;right: 0;margin: 0 auto;top: 12%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map20 {bottom: 28%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map21 {top: 48%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map22 {bottom: 6%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map23 {top: auto;left: 50%;margin-left: -37%;bottom: 27%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map24 {top: auto;right: 50%;left: auto;margin-right: -37%;bottom: 27%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map25 {top: 45%;left: 50%;margin-left: -44.5%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map26 {top: 45%;right: 50%;margin-right: -44.5%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map27 {top: 37%;left: 50%;margin-left: -25%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map28 {top: 37%;right: 50%;margin-right: -25%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map29 {top: 23%;left: 50%;margin-left: -45%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map30 {top: 23%;right: 50%;margin-right: -45%;}



/* table info */
.t-info{
  border-top:1px solid #ddd;
  width: 100%;

}

.t-info.t-info-map{border-top:0px; border-left:1px solid #ddd; border-right:1px solid #ddd;}

.t-info.t-info-list{
  border-top:0px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}


.t-info-list2{
  margin-top:16px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.t-info th,.t-info td{
  font-weight:400;
  border-bottom:1px solid #ddd;
}
.t-info tr td:nth-child(2) {border-left: 1px solid #ddd;}
.t-info thead th{
  padding:1rem 0.5rem;
  line-height:1rem;
  text-align:center;
  background:#f9f9f9;
 
}
.t-info tbody th,.t-info tbody td{
  padding:16px 8px;
  font-size:0.75rem;
  line-height:1rem;
  text-align:center;
}
.t-info tbody th{
  background:#f9f9f9;
}
.t-info tbody td{
  color:#515151;
  word-break:break-all;
  vertical-align: middle;
}
.t-info tbody td p {
	display: inline-block;
}
.t-info tbody td *{
  font-size:14px;
}
.t-info tbody td ul li{
  font-size:0.625rem;
}
.t-info tbody td ul + p{
  margin-top:0.625rem;
}
.t-info.history tbody td{
  text-align:left;
}
.t-info tbody td .pay del{
  color:#999;
  line-height:1.25rem;
}
.t-info tbody td .pay strong{
  display:block;
  margin-top:0.25rem;
  font-size:14px;
  font-weight:800;
  line-height:1.25rem;
}

.t-info.t-info-list thead th{
  font-size:12px;
  color:#131313;
  height:42px;
  vertical-align: middle;
  box-sizing:border-box;
}

/*리본카 css copy 사고이력정보*/
.group .history_tbl {width: 100%;}d
.device_box .device_con.active .device_ico.abs {background-image: url(/resources/images/2024_new_main/p_badge1_on.svg);}
.device_box .device_con.active .device_ico.aeb {background-image: url(/resources/images/2024_new_main/p_badge2_on.svg);}
.device_box .device_con.active .device_ico.apas {background-image: url(/resources/images/2024_new_main/p_badge3_on.svg);}
.device_box .device_con.active .device_ico.bsd {background-image: url(/resources/images/2024_new_main/p_badge4_on.svg);}
.device_box .device_con.active .device_ico.esc {background-image: url(/resources/images/2024_new_main/p_badge5_on.svg);}
.device_box .device_con.active .device_ico.ldws {background-image: url(/resources/images/2024_new_main/p_badge6_on.svg);}
.device_box .device_con.active .device_ico.psf {background-image: url(/resources/images/2024_new_main/p_badge7_on.svg);}
.device_box .device_con.active .device_ico.acam {background-image: url(/resources/images/2024_new_main/p_badge8_on.svg);}
.device_box .device_con.active .device_ico.afcw {background-image: url(/resources/images/2024_new_main/p_badge9_on.svg);}
.device_box .device_con.active .device_ico.bcam {background-image: url(/resources/images/2024_new_main/p_badge10_on.svg);}
.device_box .device_con.active .device_ico.btcam {background-image: url(/resources/images/2024_new_main/p_badge11_on.svg);}
.device_box .device_con.active .device_ico.fcw {background-image: url(/resources/images/2024_new_main/p_badge12_on.svg);}
.device_box .device_con.active .device_ico.lkas {background-image: url(/resources/images/2024_new_main/p_badge13_on.svg);}
.device_box .device_con.active .device_ico.spas {background-image: url(/resources/images/2024_new_main/p_badge14_on.svg);}
.device_box .device_con.active .device_ico.acc {background-image: url(/resources/images/2024_new_main/p_badge15_on.svg);}
.device_box .device_con.active .device_ico.afls {background-image: url(/resources/images/2024_new_main/p_badge16_on.svg);}
.device_box .device_con.active .device_ico.bas {background-image: url(/resources/images/2024_new_main/p_badge17_on.svg);}
.device_box .device_con.active .device_ico.drl {background-image: url(/resources/images/2024_new_main/p_badge18_on.svg);}
.device_box .device_con.active .device_ico.hud {background-image: url(/resources/images/2024_new_main/p_badge19_on.svg);}
.device_box .device_con.active .device_ico.tpms {background-image: url(/resources/images/2024_new_main/p_badge20_on.svg);}
.device_box .device_con.active .device_ico.bpsf {background-image: url(/resources/images/2024_new_main/p_badge21_on.svg);}
.device_box .device_con.active .device_ico.lfa {background-image: url(/resources/images/2024_new_main/lfa.png);}
.device_box .device_con.active .device_ico.hdp {background-image: url(/resources/images/2024_new_main/hdp.png);}
.device_box .device_con.active .device_ico.rspa {background-image: url(/resources/images/2024_new_main/rspa.png);}

.device_box .device_con .device_ico.abs{background:url(/resources/images/2024_new_main/abs_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.aeb{background:url(/resources/images/2024_new_main/aeb_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.apas{background:url(/resources/images/2024_new_main/apas_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.bsd{background:url(/resources/images/2024_new_main/bsd_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.esc{background:url(/resources/images/2024_new_main/esc_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.ldws{background:url(/resources/images/2024_new_main/ldws_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.psf{background:url(/resources/images/2024_new_main/psf_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.acam{background:url(/resources/images/2024_new_main/acam_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.afcw{background:url(/resources/images/2024_new_main/afcw_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.bcam{background:url(/resources/images/2024_new_main/bcam_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.btcam{background:url(/resources/images/2024_new_main/btcam_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.fcw{background:url(/resources/images/2024_new_main/fcw_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.lkas{background:url(/resources/images/2024_new_main/lkas_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.spas{background:url(/resources/images/2024_new_main/spas_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.acc{background:url(/resources/images/2024_new_main/acc_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.afls{background:url(/resources/images/2024_new_main/afls_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.bas{background:url(/resources/images/2024_new_main/bas_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.drl{background:url(/resources/images/2024_new_main/drl_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.hud{background:url(/resources/images/2024_new_main/hud_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.tpms{background:url(/resources/images/2024_new_main/tpms_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.bpsf{background:url(/resources/images/2024_new_main/bpsf_grey.png) no-repeat center; background-size:cover;}

.device_box .device_con .device_ico.lfa{background:url(/resources/images/2024_new_main/lfa_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.hdp{background:url(/resources/images/2024_new_main/hdp_grey.png) no-repeat center; background-size:cover;}
.device_box .device_con .device_ico.rspa{background:url(/resources/images/2024_new_main/rspa_grey.png) no-repeat center; background-size:cover;}


.device_box .device_con.active .device_txt {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #579AFF;
}
.device_box .device_con .device_txt {
    margin-left: 10px;
    font-weight: 500;
    font-size: 1.2rem;
    color: #888;
}

/*수리내역*/
table.t-info .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.875rem;
}

table.t-info .row .l_text p {
    font-size: 1.25rem;
    color: #515151;
}

table.t-info .row .r_text {
    display: flex;
}

table.t-info .row .r_text p {
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.t-info.t-info-list2 thead th {
    color: #515151;
    padding:16px 8px;
    position: relative;
}

.t-info.t-info-list2 thead th .repair-pop-btn{
  position: absolute;
  right:23px;
  top:0;
  bottom:0;
  font-size:12px;
  color:#a8a8a8;
}

.c_red {
    color: #FF3F3F !important;
}

.c_blue {
    color: #0096FF !important;
}

/*20250107 footer 레이아웃 수정 김보라*/
#footer {background-color: #1e1e1e;text-align: center;padding: 15px;}
#footer .copyright {color: #fff;  text-transform: uppercase;}
.footer-con {padding-bottom: 20px;}
.footer-con p ,.footer-con ul li{color: #fff;}
.footer-con .toggle-btn button.btn {color: #fff;font-size: 13px;font-weight: 600;margin-top: 20px;}
.footer-con .toggle-btn button.btn .ico {background-image: url(../images/footer_blit.svg);width: 16px;height: 16px;-webkit-transition: .4s;-moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; background-position: center;margin-left: 8px;display:inline-block;vertical-align: middle;}
.footer-con .toggle-btn button.btn.active .ico {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.footer-con ul li {font-size: 12px;margin-top: 5px;}
.footer-con ul li:first-child {font-weight: bold;margin-bottom:10px;margin-top: 20px;}
.footer-con .app-tit {margin-top: 30px;font-size: 13px;}
.footer-con .download-btn {margin-top: 20px;}
.footer-con .download-btn img {max-width: 110px;}
/*//20250107 footer 레이아웃 수정 김보라*/

.layer-bottom-wrap{
  width:100%;
  height:100vh;
  position: fixed;
  left:0;
  bottom:0;
  z-index: 999;
  display:none;
}

.layer-bottom-wrap .dimmed{
  width:100%;
  height:100vh;
  position: fixed;
  left:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  z-index: 1;
}

.layer-bottom-wrap .layer-box{
  position: absolute;
  bottom:0;
  left:50%;
  transform: translate(-50%, -0);
  width:100%;
  background:#fff;
  z-index: 2;
  overflow: hidden;
  max-width:720px;
  border-radius: 24px 24px 0 0;
  padding-top:24px;
  box-sizing:border-box;
}

.layer-bottom-wrap .layer-box .layer-header{
  position:relative;
  padding:8px 52px 16px 20px;
  box-sizing:border-box;
}

.layer-bottom-wrap .layer-box .layer-header h1{
  font-size:20px;
  font-weight:800;
  color:#131313;
}

.layer-bottom-wrap .layer-box .layer-header .layer-close{
  position: absolute;
  right:4px;
  top:-5px;
  width: 48px;
  height:48px;
  background:url(../images/new_main/btn_layer_top_close.png) no-repeat center;
  background-size: contain;
}

.layer-bottom-wrap .layer-box .layer-cont{
  padding:0 20px 20px 20px;
  overflow-y: auto;
  width:100%;
  height:100%;
  max-height:calc( 100vh - 242px );
  box-sizing:border-box;
}

.layer-cont .guide-box{
  padding:16px 0 40px;
  box-sizing:border-box;
}

.layer-cont .guide-box .desc-list li{
  color:#515151;
  line-height:1.4;
  font-size:16px;
  word-break: keep-all;
}

.layer-cont .guide-box .desc-list li + li{
  margin-top:20px;
}

.layer-cont .guide-box .desc-list li strong{
  color:#131313;
  font-weight:500;
  line-height:inherit;
  font-size:16px;
}

.desc-box{
  margin-top:0.75rem;
  padding:24px 20px;
  background:#f9f9f9;
}
.desc-box h4{
  margin-top:40px;
  margin-bottom:20px;
  font-size:18px;
}
.desc-box h4:first-child{
  margin-top:0;
}
.desc-box .dot-list span{
  color:#131313;
  font-size:inherit;
  line-height:inherit;
}
.desc-box .dot-list ol{
  margin:2px;
  padding-left:12px;
}

.dot-list > li{
  position:relative;
  padding-left:20px;
  color:#666;
  font-size:14px;
  line-height:22px;
}
.dot-list > li::before{
  position:absolute;
  left:4px;
  top:0;
  color:#999;
  font-weight:700;
  content:'ㆍ';
}
.dot-list > li strong{
  font-size:inherit;
}
/* decimal-list */
.decimal-list > li{
  color:#888;
  font-size:12px;
  line-height:16px;
  list-style-type:decimal;
}

.rule-box{
  padding:24px 0;
  text-align:center;
}
.rule-box p{
  font-size:12px;
  line-height:16px;
}

#layer-repair-record .title{
  font-size:16px;
  font-weight:700;
  color:#131313;
}

#layer-repair-record .repair-list{
  display:flex;
  flex-direction: column;
  margin-top:16px;
  gap:10px;
}

#layer-repair-record .repair-list li{
  font-size:14px;
  line-height:1.3;
}