@charset "utf-8";
body {background:#f5f5f5;}
body.scroll-disable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.inner {margin:0 auto; width:92%;}
#header {position:sticky; left:0; top:0; z-index:1000; width:100%; height:65px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.2);}
#header .bi {position:absolute; left:50%; top:50%; transform:translate(-50%, -46%); color:#999; font-size:1.5rem; font-weight:400;}
#header .bi strong {color:#444; font-size:1.7rem; font-weight:800;}
#header .bi.before-login strong {font-size:2.3rem;}
#header .bi img {position:relative; top:-1px; vertical-align:middle;}
#wrap.kia #header .bi img {margin-left:2px; width:70px;}
#wrap.hyundai #header .bi img {width:46px;}
#header .service-info {height:5px; text-indent:-9999px; color:#fff; font-size:0;}
#wrap.hyundai #header .service-info {background:#012d5e;}
#wrap.kia #header .service-info {background:#05141f;}
#header .btn-gnb {display:block; position:absolute; 
  right: 3%;
  top: -5px;
  z-index: 300;
  width: 40px;
  height: 40px;}
#header .btn-gnb span {display:block; position:absolute; left:16px; width:26px; background:#444; height:3px;}
#header .btn-gnb span:nth-child(1) {top:22px;}
#header .btn-gnb span:nth-child(2) {top:29px;}
#header .btn-gnb span:nth-child(3) {top:36px;}
#header .gnb .dim {display:none; position:fixed; left:0; top:5px; width:100%; height:calc(100% - 5px); background:rgba(0,0,0,.7);}
#header .gnb .box {position:fixed; left:-90%; top:5px; width:85%; height:calc(100% - 5px); background:#fff;}
#header .gnb .bi {position:static; padding:22px 0; text-align:center; border-bottom:1px solid #ccc; transform:translate(0, 0);}
#header .gnb .scroll-box {height:calc(100% - 40px); overflow-y:auto;}
#header .gnb .main-menu {padding-bottom:60px; border-bottom:1px solid #ddd;}
#header .gnb .main-menu > li + li {border-top:1px solid #ddd;}
#header .gnb .main-menu > li > a {display:block; padding:0 12px; height:44px; line-height:42px; color:#444; font-size:1.7rem; font-weight:600;}
#header .gnb .main-menu > li .depth {border-top:1px solid #ddd; background:#efefef;}
#header .gnb .main-menu > li .depth li + li {border-top:1px solid #ddd;}
#header .gnb .main-menu > li .depth li a {display:block; padding:0 25px; height:38px; line-height:36px; color:#555; font-size:1.4rem;}
#header .gnb .etc-menu {display:flex; justify-content:space-between; position:absolute; bottom:0; padding:5px 0; width:100%; background:#fff;}
#header .gnb .etc-menu a {display:block; position:relative; width:50%; height:30px; line-height:28px; color:#555; font-size:1.4rem; text-align:center;}
#header .gnb .etc-menu a:after {display:block; content:""; position:absolute; left:0; top:8px; width:1px; height:12px; background:#999;}
#header .gnb .etc-menu a:first-child:after {display:none;}
#header .btn-close-gnb {position:fixed; right:-50px; top:15px; z-index:100; width:40px; height:40px;}
#header .btn-close-gnb:before,
#header .btn-close-gnb:after {display:block; content:""; position:absolute; left:7px; top:50%; margin-top:-1px; width:25px; height:3px; background:#fff;}
#header .btn-close-gnb:before {transform:rotate(-45deg);}
#header .btn-close-gnb:after {transform:rotate(45deg);}
.page-dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.btn-gnb {
  display: block;
  position: fixed;
  right: 3%;
  top: 5px;
  z-index: 300;
  width: 34px;
  height: 34px;
  overflow: hidden;
  background: #fff;
}
.btn-gnb span {
  display: block;
  position: absolute;
  left: 4px;
  width: 26px;
  height: 3px;
  background: #555;
  transition: all 0.15s;
}
.btn-gnb span:nth-child(1) {
  top: 8px;
}
.btn-gnb span:nth-child(2) {
  top: 16px;
  transition: all 0.1s;
}
.btn-gnb span:nth-child(3) {
  top: 24px;
}
.btn-gnb.active{top:3px !important;}
.btn-gnb.active span:nth-child(1) {
  top: 24px !important;
  transform: rotate(45deg);
}
.btn-gnb.active span:nth-child(3) {
  top: 24px !important;
  transform: rotate(-45deg);
}
.btn-gnb.active span:nth-child(2) {
  left: -60px !important;
}

.menu-box {
  position: fixed;
  right: -80%;
  top: 0;
  z-index: 200;
  width: 80%;
  height: 100%;
  background: #fff;
}
.menu-box .welcome {
  display: none;
  padding: 18px 10px;
  color: #444;
  font-size: 1.5rem;
}
.menu-box .welcome i {
  position: relative;
  top: 2px;
  margin-right: 6px;
  font-size: 2rem;
}
.menu-box .scroll-box {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.menu-box .main-menu {
  border-bottom: 1px solid #ddd;
}
.menu-box .main-menu > li {
  position: relative;
}
.menu-box .main-menu > li:first-child {
  border-top: 1px solid #ddd;
}
.menu-box .main-menu > li + li {
  border-top: 1px solid #ddd;
}
.menu-box .main-menu > li > a {
  display: block;
  padding: 0 12px;
  height: 44px;
  line-height: 42px;
}
.menu-box .main-menu > li > a span {
  display: inline-block;
  position: relative;
  color: #444;
  font-size: 1.6rem;
  font-weight: 400;
}
.menu-box .main-menu > li.new > a span:after {
  display: block;
  content: 'N';
  position: absolute;
  right: -18px;
  top: 3px;
  width: 16px;
  height: 16px;
  line-height: 18px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  background: #d00;
  border-radius: 50em;
}
.menu-box .main-menu > li.active > a span {
  color: #00367c;
  font-weight: 600;
  text-decoration: underline;
}
.menu-box .main-menu > li .depth {
  border-top: 1px solid #ddd;
  background: #efefef;
}
.menu-box .main-menu > li .depth li + li {
  border-top: 1px solid #ddd;
}
.menu-box .main-menu > li .depth li a {
  display: block;
  padding: 0 20px;
  height: 38px;
  line-height: 36px;
  color: #555;
  font-size: 1.5rem;
}
.menu-box .main-menu > li .depth li.active a {
  color: #111;
  font-weight: 600;
  text-decoration: underline;
}
.menu-box .etc-menu {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  padding: 5px 0;
  width: 100%;
  background: #fff;
}
.menu-box .etc-menu a {
  display: block;
  position: relative;
  width: 50%;
  height: 30px;
  line-height: 28px;
  color: #555;
  font-size: 1.4rem;
  text-align: center;
}
.menu-box .etc-menu a:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 12px;
  background: #999;
}
.menu-box .etc-menu a:first-child:after {
  display: none;
}

#header {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 200;
  padding: 8px 0;
  height: 30px;
  background: #fff;
  border-bottom: 2px solid #2e6da4;
  box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
#header .ci {
  padding: 0;
}
#header .header-title {
  margin: 0 auto;
  width: calc(100% - 80px);
  text-align: center;
}
#header .header-title a {
  display: block;
  margin: 0 auto;
  width: 90%;
  line-height: 30px;
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header .header-title a img {
  display: inline-block;
  width: 105px;
}
#header .page-title {
  line-height: 36px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
#header .btn-prev {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 46px;
  text-align: center;
  background: url('/resources/images/btn_slider_prev.png') no-repeat center;
  background-size: 35%;
}
#header .bi {
  display: block;
  line-height: 32px;
  letter-spacing: -1px;
  color: #0371c7;
  font-size: 2.3rem;
  font-weight: 800;
  text-align: center;
}
#header .bi span {
  font-size: 2.3rem;
  font-weight: 400;
}


#container {margin:0 auto; max-width:720px; min-width:320px;}
.page-header {display:flex; justify-content:space-between; padding:0 5px 8px; border-bottom:1px solid #ddd;}
.page-header .page-title {font-size:2.2rem; font-weight:800;}
#footer {padding:30px 0; border-top:1px solid #ddd; background:#fff;} 
#footer .copyright {font-size:1.3rem; text-align:center;}

/* form */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="time"],
select {padding:0 10px; height:40px; letter-spacing:0; font-size:1.4rem; border:1px solid #ccc; box-sizing:border-box;}
input[type="date"],
input[type="time"] {background:#fff;}
input[type="date"] {padding:0 5px 0 10px; font-size:1.3rem;}
.green input[type="text"],
.green input[type="password"],
.green input[type="tel"],
.green input[type="date"],
.green input[type="time"],
.green select {color:rgb(27, 167, 27); font-weight:600; border:1px solid rgb(27, 167, 27);}
.yellow input[type="text"],
.yellow input[type="password"],
.yellow input[type="tel"],
.yellow input[type="date"],
.yellow input[type="time"],
.yellow select {color:rgb(184, 166, 3); font-weight:600; border:1px solid rgb(184, 166, 3);}
.red input[type="text"],
.red input[type="password"],
.red input[type="tel"],
.red input[type="date"],
.red input[type="time"],
.red select {color:rgb(173, 0, 0); font-weight:600; border:1px solid rgb(173, 0, 0);}

.base-result input,
.base-result select {border-width:2px;}

.member-form.form-box {padding:30px 0 0;}
.hr {margin:20px 0; width:100%; height:1px; background:#ddd;}
.high-title {display:block; margin-bottom:10px; font-size:1.8rem; font-weight:600;}
.mid-title {display:inline-block; padding:0 16px; height:30px; line-height:30px; color:#fff; font-size:1.5rem; font-weight:600; background:#444;}
.form-box .row-title {display:block; position:relative; margin-bottom:6px; 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; line-height:1.2}
.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 .check-row {margin-top:10px;}
.form-box .check-row input[type="checkbox"] {position:relative; top:-2px;  vertical-align:middle;}
.form-box .check-row span {margin-left:4px; font-size:1.5rem; font-weight:400;}
.form-box .row {margin-top:20px;}
.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 select {width:100%;}
.form-box .row textarea {padding:10px; width:100%; font-size:1.4rem; border:1px solid #ccc; resize:none;}
.form-box .row .txt {display:block; height:40px; line-height:40px; font-size:1.4rem;}
.form-box .row .txt em {display:inline-block; position:relative; font-size:1.4rem; font-style:normal;}
.form-box .row .txt.required em {padding-right:12px;}
.form-box .row .txt.required em:after {display:block; content:"*"; position:absolute; right:0; top:-3px; color:#d00; font-size:1.5rem; font-weight:800;}
.form-box .box {padding:15px 5px;}
.form-box .row .row-box {display:flex; justify-content:space-between;}
.form-box .choice-box {display:flex; width:100%; border:1px solid #ccc;}
.form-box .choice-box label {display:block; position:relative; border-left:1px solid #ddd;}
.form-box .choice-box label:first-child {border-left:0;}
.form-box .choice-box label input[type="radio"] {position:absolute; left:-9999px; top:0;}
.form-box .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;}
.form-box .choice-box label input[type="radio"]:checked + span {position:relative; color:#444; font-weight:600; line-height:40px;}
.form-box .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;}
.form-box .choice-box label input[type="radio"]:disabled + span {color:#999; background:#ebebeb;}
.form-box .choice-box label input[type="radio"]:disabled:checked + span {background:#fff;}
.form-box .radios {display:flex;}
.form-box .radios label {position:relative; margin-right:14px;}
.form-box .radios label input[type="radio"] {position:absolute; left:-9999px; top:0;} 
.form-box .radios label span {display:block; padding-left:26px; line-height:36px; color:#666; font-size:1.4rem; font-weight:400; background:url('../images/bg_radio_off.png') no-repeat left 7px; background-size:20px;}
.form-box .radios label input[type="radio"]:checked + span {color:#012d5e; background:url('../images/bg_radio_on.png') no-repeat left 7px; background-size:20px;}
.form-box .in-box {display:flex; justify-content:space-between;}
.form-box .guide-txt {margin-top:8px; line-height:1.4; font-size:1.3rem;}
.form-box .btns {display:flex; justify-content:space-between;}
.form-box .btns .btn {height:48px; line-height:46px;}
.form-box .btn {display:block; width:100%; height:40px; line-height:38px; font-size:1.5rem; font-weight:600; text-align:center;}
.form-box .btn.low {height:36px; line-height:34px;}
.form-box .text-info {margin-top:5px; line-height:1.35; font-size:1.3rem;}
.btn.btn-sky {color:#fff; background:#00affa;}
.btn.btn-white {color:#333; background:#fff; border:1px solid #ddd;}
.btn-gray {color:#fff; border-color:#5c5c5c; background:#777;}
.btn-light-gray {color:#fff; border-color:#a3a3a3; background:#a3a3a3;}
.btn-black {color:#fff; border-color:#444; background:#333;}
.btn-blue {color:#fff; border-color:#16202c; background:#243243;}
.btn.btn-blue-sm{color:#fff; background:#243243; border:none; font-size:12px; padding:5px 10px; border-radius:3px;}
.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-toggle {display:block; width:100%; left:0; bottom:0; height:36px; line-height:36px; color:#fff; font-size:1.4rem; text-align:center; background:#444;}
.search-box {background:#efefef; border:1px solid #ddd;}
.search-box .box {display:none; padding:14px;}
.search-box .row + .row {margin-top:15px;}
.search-box select,
.search-box input[type="text"],
.search-box input[type="tel"] {height:36px;}

.page-message {padding:30px 16px; line-height:1.4; font-size:1.6rem; background:#efefef;}
.page-message.no-bg {background:none;}

.share-img img {max-width:100%;}

.common-info-list.box {padding:10px; background:#efefef; border:1px solid #ddd;}
.common-info-list.box li {line-height:1.4; font-size:1.3rem;}
.common-info-list li {position:relative; padding-left:12px; line-height:1.4; font-size:1.5rem;}
.common-info-list li:after {display:block; content:"-"; position:absolute; left:0; top:0;}
.common-info-list.check li:after {display:none;}
.common-info-list.check li {padding-left:0;}
.common-info-list.check li + li {margin-top:5px;}
.common-info-list.check li label {position:relative; height:30px;}
.common-info-list.check li label input[type="checkbox"] {position:absolute; left:-9999px;}
.common-info-list.check li label span {display:block; padding-left:30px; color:#888; font-size:1.5rem; font-weight:400; background:url('../images/bg_checkbox_off.png') no-repeat left; background-size:20px;}
.common-info-list.check li input[type="checkbox"]:checked + span {color:blue; font-weight:600; background:url('../images/bg_checkbox_on.png') no-repeat left; background-size:20px;}
.common-info-list > p {line-height:1.5; font-size:1.4rem;}
.common-info-list > p > span {margin-right:10px;}

.default-list table {table-layout:fixed; width:100%;}
.default-list table th,
.default-list table td {padding:8px 0; font-size:1.5rem; font-weight:400; text-align:center; vertical-align:middle;}
.default-list table th {color:#fff; background:#444;}
.default-list .list-header {display:flex; justify-content:space-between; margin-bottom:6px;}
.default-list .list-header .cnt {font-size:1.5rem; font-weight:400;}
.default-list .list {border-top:2px solid #333;}
.default-list .list li {position:relative; padding:14px 10px; background:#fff; box-shadow:0 2px 1px rgba(0,0,0,.05);}
.default-list .list li + li {margin-top:5px; border-top:1px solid #ddd;}
.default-list .list li a {display:block;}
.default-list .list li .row {display:flex;}
.default-list .list li .info {margin:0 0 8px 10px; width:calc(100% - 42px - 10px);}
.default-list .list li .info .name {color:#444; font-size:1.5rem; font-weight:600;}
.default-list .list li .info .model {margin:3px 0; width:100%; line-height:1.3; letter-spacing:-1px; color:#333; font-size:1.9em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.default-list .list li .info .car-number {color:#555; font-size:1.4rem;}
.default-list .list li .price-info {display:flex; background:#efefef;}
.default-list .list li .price-info dl {position:relative; padding:15px 0; width:50%;}
.default-list .list li .price-info dl:nth-child(2):after {display:block; content:""; position:absolute; left:-1px; top:50%; margin-top:-15px; width:1px; height:30px; background:#999;}
.default-list .list li .price-info dl dt,
.default-list .list li .price-info dl dd {display:block; text-align:center;}
.default-list .list li .price-info dl dt {color:#666; font-size:1.5rem;}
.default-list .list li .price-info dl dd {margin-top:10px; letter-spacing:-1px; font-size:1.6rem; font-weight:800;}
.default-list .list li .price-info dl:first-child dd,
.default-list .list li .price-info dl:first-child dd strong {color:#000; font-weight:600;}
.default-list .list li .price-info dl:last-child dd,
.default-list .list li .price-info dl:last-child dd strong {color:#d43f3a; font-weight:600;}
.default-list .list li .price-info dl:first-child dd strong {font-size:1.8rem;}
.default-list .list li .price-info dl:last-child dd strong {font-size:1.9rem;}
.default-list .list li .price-info dl.full {padding:10px 0; width:100%; text-align:center;}
.default-list .list li .price-info dl.full dt,
.default-list .list li .price-info dl.full dd {display:inline-block; vertical-align:middle;}
.default-list .list li .price-info dl.full dd {margin-top:0; margin-left:10px; color:#333; font-size:1.8rem;}
.default-list .list li .price-info dl.full dd strong {color:#333; font-size:2.2rem; font-weight:600;}
.default-list .list li .bedge {display:block; width:42px; height:42px; line-height:42px; color:#fff; font-size:1.4rem; text-align:center; border-radius:50em;}
/*.default-list .list li .bedge {display:inline-block; position:absolute; right:3px; top:3px; padding:0 10px; height:28px; line-height:28px; color:#fff; font-size:1.3rem;}*/
.default-list .list li .bedge.simple {background:#2e6da4;}
.default-list .list li .bedge.picture {background:#4cae4c;}
.default-list .list li .bedge.origin {background:#d43f3a;}
.default-list .list li .bedge.confirm {background:#000;}
.default-list .list li .bedge.deposit {background:#c07b1a;}
.default-list .list li .bedge.consignment {background:#14446d;}
.default-list .list li .bedge.transfer {background:#0f880f;}
.default-list .list li .bedge.successful {background:#444;}
.default-list .list li .bedge.type01 {background:#2e6da4;}
.default-list .list li .bedge.type02 {background:#4cae4c;}
.default-list .list li .bedge.type03 {background:#d43f3a;}
.default-list .list li .bedge.type04 {background:#000;}
.default-list .list li .bedge.type05 {background:#c07b1a;}
.default-list .list li .bedge.type06 {background:#14446d;}
.default-list .list li .bedge.type07 {background:#0f880f;}
.default-list .list li .bedge.type08 {background:#444;}
.default-list .list li .btn-full {display:block; margin-top:3px; width:100%; height:42px; line-height:42px; color:#fff; font-size:1.6rem; font-weight:600; text-align:center; background:#1697be;}
.default-list .list li .btn-full i {position:relative; top:-2px; margin-right:5px; color:#fff; font-size:1.8rem; vertical-align:middle;}

/* view */
.view-box {position:relative; padding:20px 5px 0;}
.view-box .details {display:flex; flex-flow:row wrap; border-top:1px solid #ddd;}
.view-box .details dl {padding:10px; width:50%; box-sizing:border-box; border:1px solid #ddd; border-top:0; background:#fff;}
.view-box .details dl:nth-of-type(2n) {border-left:0;}
.view-box .details dl.left {border-left:1px solid #ddd;}
.view-box .details dl.left0 {border-left:0;}
.view-box .details dl.full {width:100%; border-left:1px solid #ddd;}
.view-box .details dl dt {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.4rem; font-weight:600;}
.view-box .details dl dd {margin-top:10px; line-height:1.3; font-size:1.6rem;}
.view-box .details dl dd.phone {font-size:1.4rem;}
.view-box .details dl dd ul {padding:0 10px; background:#efefef;}
.view-box .details dl dd ul li {padding:15px 0 15px 27px; line-height:1.5; text-indent:-25px; font-size:1.4rem; border-top:1px solid #ddd;}
.view-box .details dl dd ul li strong {margin-right:2px;}
.view-box .details dl dd ul li .price {font-size:1.8rem; font-weight:800;}
.view-box .details dl dd p {line-height:1.3; font-size:1.4rem;}
.view-box .btn-modify,
.box .btn-modify {display:block; position:absolute; right:5px; top:12px; padding:0 10px; height:30px; line-height:30px; color:#fff; font-size:1.4rem; background:#444;}
.box .btn-modify {top:10px;}
.box {position:relative;}

.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.sample ul li:nth-child(1) label {background:url('../images/img_sample01.png') no-repeat center; background-size:cover;}
.attatch-pictures.sample ul li:nth-child(2) label {background:url('../images/img_sample02.png') no-repeat center; background-size:cover;}
.attatch-pictures.sample ul li:nth-child(3) label {background:url('../images/img_sample03.png') no-repeat center; background-size:cover;}
.attatch-pictures.sample ul li:nth-child(4) label {background:url('../images/img_sample04.png') no-repeat center; background-size:cover;}
.attatch-pictures.sample ul li:nth-child(5) label {background:url('../images/img_sample05.png') no-repeat center; background-size:cover;}
.attatch-pictures.sample ul li:nth-child(6) label {background:url('../images/img_sample06.png') no-repeat center; background-size:cover;}
.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:15%; transform:translate(-50%, 0);}
.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,.2);}
.attatch-pictures ul li i {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:3rem; opacity:.6;}
.attatch-pictures ul li label.active .dim {display:none;}
.attatch-pictures ul li label.active i {opacity:.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;}
.attatch-box {border:2px 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 {color:#555; font-size:1.6rem; font-weight:400; text-align:center;} 
.attatch-box .before p i {display:inline-block; margin-bottom:12px; color:#777; font-size:4rem;}

.estimate-result {background:#fff; border:1px solid #ddd;}
.estimate-result > div {display:flex; padding:20px 0;}
.estimate-result > div dl {position:relative; width:50%; text-align:center;}
.estimate-result > div dl:first-child {width:44%;}
.estimate-result > div dl:last-child {width:56%;}
.estimate-result > div dl:last-child:after {display:block; content:""; position:absolute; left:0; top:0; width:1px; height:60px; background:#ddd;}
.estimate-result > div dl dt,
.estimate-result > div dl dd {display:block;}
.estimate-result > div dl dt {color:#666; font-size:1.4rem;}
.estimate-result > div dl dd {margin-top:12px; font-size:1.8rem;}
.estimate-result > div dl dd strong {letter-spacing:-1px; color:#000; font-size:2.7rem;}
.estimate-result > div dl.simple dd strong {color:#666; font-size:1.9rem;}
.estimate-result > div dl dd p {margin-top:3px; font-size:1.2rem;}
.estimate-result > div dl dd p strong {margin-right:2px; font-size:1.3rem;}
.estimate-result > div dl dd p.down strong {color:blue;}
.estimate-result > div dl dd p.up,
.estimate-result > div dl dd p.up strong {color:#d00;}
.uniqueness-result {background:#fff; border:1px solid #ddd;}
.uniqueness-result > div {display:flex; padding:20px 0;}
.uniqueness-result dl {position:relative; width:50%; text-align:center;}
.uniqueness-result dl:after {display:block; content:""; position:absolute; left:0; top:50%; margin-top:-20px; width:1px; height:40px; background:#ddd;}
.uniqueness-result dl:first-child:after {display:none;}
.uniqueness-result dl dt,
.uniqueness-result dl dd {display:block;}
.uniqueness-result dl dt {color:#666; font-size:1.3rem;}
.uniqueness-result dl dd {margin-top:12px; line-height:1.4; font-size:1.4rem;}

.tab-ui .menu ul {display:flex; justify-content:space-between;}
.tab-ui .menu ul li {width:50%; border:1px solid #ddd; border-left:0;}
.tab-ui .menu ul li:first-child {border-left:1px solid #ddd;}
.tab-ui .menu ul li a {display:block; height:40px; line-height:40px; color:#999; font-size:1.5rem; text-align:center;}
.tab-ui .menu ul li.active {border-bottom:1px solid #fff;}
.tab-ui .menu ul li.active a {color:#111; background:#fff;}
.tab-ui .cont-box .cont {display:none; padding:10px 12px; background:#fff; border:1px solid #ddd; border-top:0;}
.tab-ui .cont-box .cont.active {display:block;}

/* 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:11px !important;}
.f-medium {font-size:15px !important;}
.f-large {font-size:18px !important;}
.f-xlarge {font-size:22px !important;}
.f-xxlarge {font-size:26px !important;}
.f-xxxlarge {font-size:32px !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;}
input.a-right {height:30px;}
/* float */
.f-left {float:left;}
.f-right {float:right;}

.no-border {border:none !important;}

.hide-box {display:none;}

/* 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-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-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-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;}

/* page */
.in-progress-l-p,
.estimate-prequest-l-p,
.simple-estimate-request-p,
.detail-estimate-request-p,
.purchase-request-p,
.transfer-certificate-p,
.download-p,
.market-condition-p,
.join-p {padding:25px 0 30px;}
.mypage-p {padding-bottom:20px;}

.login-p {padding-bottom:20px;}
.login-p .inner {width:88%;}
.login-p .txt-q {margin:30px 0 10px; font-size:1.6rem; text-align:center;}
.login-p .feature-list {margin-top:40px;}
.login-p .feature-list li {line-height:1.5; font-size:1.6rem; font-weight:600; text-align:center;}
.login-p .find {display:flex; justify-content:space-between; margin-top:15px;}
.login-p .find a {display:block; position:relative; width:50%; height:30px; line-height:28px; color:#555; font-size:1.5rem; text-align:center;}
.login-p .find a:after {display:block; content:""; position:absolute; left:0; top:5px; width:1px; height:16px; background:#999;}
.login-p .find a:first-child:after {display:none;}
.login-p .btn {margin-top:10px;}
.login-p label + label {display:block; margin-top:20px;}
.login-p label input[type="text"],
.login-p label input[type="password"],
.login-p label input[type="tel"] {display:block; width:100%;}

.join-p .form-box {padding-top:0;}
.join-header {display:flex; justify-content:space-between; padding:0 5px 8px; border-bottom:1px solid #ddd;}
.join-header .page-title {font-size:2.2rem; font-weight:800;}
.step {position:relative; top:6px; color:#555; font-size:1.3rem;}

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

.market-condition-p .page-message.today {padding:15px 16px; font-size:2rem; font-weight:800; text-align:center;}
.market-condition-p .result-table {margin-top:20px;}
.market-condition-p .result-table table {table-layout:fixed; width:100%; background:#fff;}
.market-condition-p .result-table table th,
.market-condition-p .result-table table td {padding:8px 0; letter-spacing:-1px; font-weight:400; text-align:center; border:1px solid #ddd;}
.market-condition-p .result-table table th {color:#fff; font-size:1.3rem; background:#243243;}
.market-condition-p .result-table table td strong {font-size:1.5rem; font-weight:400;}
.market-condition-p .result-table .info-top {margin-bottom:5px; font-size:1.3rem;}
.market-condition-p .result-table .info-bottom {margin-top:10px; font-size:1.35rem;}
.market-condition-p .comment-row .comment {padding:12px; line-height:1.4; font-size:1.4rem; background:#fff; border:1px solid #ddd;}

.download-p .cont-box .cont {display:none;}

.mypage-p .my-history li + li {margin-top:10px;}
.mypage-p .my-history li .title {display:block; padding:8px 0 6px; color:#333; font-size:1.5rem; font-weight:400; text-align:center; background:#ddd;}
.mypage-p .my-history li dl dt,
.mypage-p .my-history li dl dd {text-align:center;}

.simple-estimate-request-p .page-header,
.detail-estimate-request-p .page-header {border-bottom:1px solid #ddd;}

/* 레이어팝업 */
.layer-popup-wrapper { position: fixed; left: 0; top: 0; z-index: 1001; width: 100%; height: 100%; background-color: #f5f5f5; overflow-x: hidden; overflow-y: auto; display: none; }
.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,.7);}
.layer-pop-content .layer-box {position:fixed; left:50%; top:50%; transform:translate(-49.9%, -49.9%); padding:0 20px 20px; width:94%; background:#fff; box-sizing:border-box;}
.layer-pop-content .layer-box .layer-head {height:54px; line-height:54px; border-bottom:1px solid #ddd;}
.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.0); transition:-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.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;}


/**/
.filter-contents{display:flex; padding:6% 6% 0 6%;align-items: center;}
.filter-contents select{height:40px; margin-right:2%;}
.filter-contents p{width:100%;position:relative;}
.filter-contents p:first-child{margin-right:1%;}
.filter-contents p:last-child{margin-left:1%;}
.filter-contents .hasDatepicker{width:99% !important; }
/*.filter-contents p::before{z-index:1;
	content:'';background: url(../images/icon-date.png) no-repeat;width:20px; height:20px; background-size:20px auto; top:40%;right: 15%; transform: translate(5%, -40%); position: absolute;
}
 input[type=text].datetype{
 			z-index:1;
	background: url(../images/icon-date.png) no-repeat;background-size:20px auto; top:40%; background-position:93% 8px;transform: translate(15%, -40%); position: absolute;padding:10px 0; background-color:#fff;
    } */
.filter-contents .datetype {position:relative;}
.ui-datepicker-calendar{background:#fff;}
.ui-datepicker-title{font-size:1.3rem !important;}
.ui-datepicker .ui-datepicker-title select{font-size:1.3rem !important; width:40% !important; background-size:10px !important;}
.ui-datepicker-next .ui-corner-all{display:none}
.filter-contents .ui-datepicker-trigger{position:absolute;position: absolute; top:10%; right:2%; transform:translateX(-30%, -18%);}
.cont-data .row-title{display:flex;  align-items: center; font-weight:400;}
.cont-data .row-title em{width:20%;font-weight:400;}
.cont-data span{display:inline-block;width:64%}
.cont-data .row-title .btn{width:15% !important}
.layer-cont .alarm-tit{font-size:16px !important; text-align:center; color:#000; font-weight:400; padding-top:35px; padding-bottom:20px; line-height:1.3}
.ui-widget-content .ui-state-default:hover{color:#e60000;  cursor: pointer;}

.line-over-content{width:100%; text-align:center; border-top:2px solid #000; border-bottom:1px solid #000; width:88% !important; margin:0 6% 6% 6%; box-sizing:content-box;}
.line-over-content td{width:100%;}
.line-over-content .even .data-wrap{width:100%; }
.line-over-content .even .data-wrap .title{width:100%;display:flex; width:100%; flex-wrap:wrap; flex:5}
.line-over-content .even .data-wrap .title div{width:20%}
.line-over-content .even .data-wrap .data{width:100%;display:flex;width:100%; flex-wrap:wrap; flex:5}
.line-over-content .even .data-wrap .data div{width:20%}
.line-over-content .even:last-child{border-bottom:none}
.line-over-content .even{border-bottom:1px solid #000 !important;  border-top:1px solid #000; background:#d8d8d8;}
.line-over-content .even .title{background:#d8d8d8; padding:10px 0; border-bottom:1px solid #ccc; /*border-top:1px solid #ccc;  border-right:1px solid #ddd;*/ font-size:1.3rem; font-weight:700;}
.line-over-content .even .title:last-child{border-right:none;}
.line-over-content .even .data{background:#eaeaea; padding:10px 0; font-size:1.2rem; width:100%;}


.line-over-content .odd .data-wrap{width:100%; }
.line-over-content .odd .data-wrap .title{width:100%;display:flex; width:100%; flex-wrap:wrap; flex:5}
.line-over-content .odd .data-wrap .title div{width:20%}
.line-over-content .odd .data-wrap .data{width:100%;display:flex;width:100%; flex-wrap:wrap; flex:5; align-items:center;  word-break: break-all;}
.line-over-content .odd .data-wrap .data div{width:20%}
.line-over-content .odd{border-bottom:1px solid #818181;}
.line-over-content .odd:last-child{border-bottom:none;}
.line-over-content .odd .title{background:#f1f1f1; padding:10px 0; border-bottom:1px solid #ddd; /*border-top:1px solid #ddd;  border-right:1px solid #ddd;*/ font-size:1.3rem; font-weight:700;}
.line-over-content .odd .title:last-child{border-right:none;}
.line-over-content .odd .data{background:#fff; padding:10px 0; font-size:1.2rem;}
.ui-widget-content{background:none !important; border:none !important;clear:both;}
.dataTables_wrapper .list-header {padding:3% 6% 1% 6%;}
.dataTables_info{padding:10px 0; font-size:1.4rem; font-weight:600; color:#000; }
.datatable_table{background:#fff; border-top:1px solid #000; border-bottom:1px solid #000 !important;}
.datatable_table th{text-align:center !important;font-size:1.4rem; font-weight:600;}
.datatable_table td{border-bottom:1px solid #ddd;  padding:10px 0 !important; font-size:1.7rem; font-weight:600;}
.datatable_table td:first-child{text-align:center;}
.datatable_table td:last-child{text-align:center;}
.datatable_table td a{color:#000}
.datatable_table td:last-child{color:#666; font-size:1.2rem}

.download-file {font-size:1.6rem; display:flex; align-items:center;height:30px; border-bottom:1px solid #ccc}
.file-list{width:60%;}
.file-list a{color:#444; padding-left:10px; font-size:1.2rem;}

/*.paging_simple_numbers .paginate_button{background:#fff !important; border-radius:0px !important; padding:10px 16px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active 
{ font-weight:600;font-size:1.2rem}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background:#ddd !important; color:#fff !important; border-radius:0px !important;border:none !important; 
	padding:10px 16px !important; font-weight:600; box-sizing:border-box;}
.dataTables_wrapper .dataTables_paginate .paginate_button{margin:0px !important;}*/
.dataTables_wrapper .dataTables_paginate .paginate_button{background:#fff !important;border:1px solid #ddd !important; border-right:none !important; margin:0 !important; border-radius:0px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{border-right:1px solid #ddd !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#ddd !important;}

.board-detail{ padding-bottom:10px !important;}

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

.box__box {
  position: relative;
  height: 66px;
  /* height: auto; */
  padding: 0 16px;
  background: #fff;
  box-sizing: border-box;
  transition: all 0.3s;
}

.box__box .only-value {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  font-size: 40px;
  font-weight: 400;
}
.box__box .only-value span {
  font-size: 70px;
  font-weight: 600;
}
.box__box .btn-close-box {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 70px;
  height: 0;
  padding-top: 70px;
}

.box__box .btn-close-box:before,
.box__box .btn-close-box:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 1px;
  margin: -2px 0 0 -14px;
  background: #000;
  transition: all 0.3s;
}

.box__box .btn-close-box:before {
  transform: rotate(45deg);
}
.box__box .btn-close-box:after {
  transform: rotate(-45deg);
}
.box__box .btn-close-box:hover:before {
  transform: rotate(135deg);
}
.box__box .btn-close-box:hover:after {
  transform: rotate(-135deg);
}
.box__box.active {
  padding-bottom: 22px;
  height: auto;
}
.box__box .btn-refresh {
  display: block;
  position: absolute;
  right: 20px;
  top: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  transition: all 0.15s;
}
.box__box .btn-refresh:active {
  transform: rotate(45deg);
}
.box__box .btn-refresh i {
  font-size: 16px;
  color: #666;
}
.box__box .box-title {
  position: relative;
  margin-bottom: 15px;
  padding: 22px 0 16px;
  color: #555;
  font-size: 20px;
}
.box__box .box-title em {
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
}
.box__box .box-title span {
  color: #777;
  font-size: 15px;
}
.box__box .box-title .acc {
  color: #d00;
  font-weight: 600;
}
.box__box .box-title .acc2 {
  color: rgb(0, 33, 221);
  font-weight: 600;
}
.box__box .box-title label {
  margin-left: 5px;
}
.box__box .box-title label input[type='checkbox'] {
  position: relative;
  top: 3px;
  left: 1px;
  zoom: 1.3;
}
/* .box__box .box-title:after {
    display: block;
    content: '';
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
    width: 10px;
    height: 10px;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    transform: rotate(135deg);
    transition: all 0.15s;
}
.box__box.active .box-title:after {
    transform: rotate(315deg);
    top: calc(50% - 1px);
} */
.box__box .data-box {
  font-size: 28px;
  font-weight: 600;
}
.box__box .per-box {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 8px;
  background: #ddd;
}
.box__box .per-box .in-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 8px;
  background-size: 300% 300%;
  background-image: linear-gradient(
    -45deg,
    rgb(107, 227, 59) 0%,
    rgb(26, 155, 26) 25%,
    rgb(10, 207, 37) 51%,
    rgb(19, 167, 14) 100%
  );
  animation: AnimateBG 3s ease infinite;
  transition: width 1s 0.1s;
}
.box__box .per-box.rqs .in-box {
  background-image: linear-gradient(
    -45deg,
    rgba(59, 173, 227, 1) 0%,
    rgba(87, 111, 230, 1) 25%,
    rgb(103, 56, 231) 51%,
    rgb(53, 134, 255) 100%
  );
  transition: width 1s 0.4s;
}
@keyframes AnimateBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.box__box .per-box .in-box span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -32px;
  padding: 4px 6px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.box__box .per-box .in-box span em {
  font-style: normal;
}
.box__box .price-row {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.box__box .price-row dl {
  display: flex;
  align-items: center;
}
.box__box .price-row dl dt {
  color: #999;
  font-size: 14px;
}
.box__box .price-row dl dd {
  font-size: 16px;
}
.box__box .download-btn {
  text-align: right;
}
.box__box .download-btn a {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  padding: 3px 8px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  background: #1956ad;
  border-radius: 3px;
}
.box__box .download-btn a:hover {
  text-decoration: underline;
}
.box__box .download-btn a:active {
  top: 1px;
}
.box__box .wait {
  position: relative;
  padding-top: 250px;
  font-size: 18px;
  text-align: center;
  background: url('../images/ico_cry.png') no-repeat center 150px;
}
.car-detail .view-date {margin-top:10px; padding:0 8px;}
.car-detail .d-common .service-bedge {display:inline-block; position:relative; top:-2px; width:25px; height:25px; line-height:26px; color:#fff; font-size:18px; font-weight:600; text-align:center; border-radius:50em;}
.car-detail .d-common.d-encar .service-bedge {background:#d50527;}
.car-detail .d-common.d-encar .color {color:#d50527;}
.car-detail .d-common.d-rb .service-bedge {background:#00affa;}
.car-detail .d-common.d-rb .color {color:#00affa;}
.car-detail .samemodel-price-status {display:flex; justify-content:space-between; align-items:center;}
.car-detail .samemodel-price-status > div {padding:0 10px; box-sizing:border-box;}
.car-detail .samemodel-price-status .left-box {width:34%;}
.car-detail .samemodel-price-status .center-box {width:39%;}
.car-detail .samemodel-price-status .right-box {width:24%;}
.car-detail .samemodel-price-status .right-box p {line-height:1.8; font-size:18px;}
.car-detail .samemodel-price-status .right-box .vs {position:relative; top:-2px; font-size:13px;}
.car-detail .samemodel-price-status .right-box .vs.up,
.car-detail .samemodel-price-status .right-box .vs.up em {color:red; font-style:normal;}
.car-detail .samemodel-price-status .right-box .vs.down,
.car-detail .samemodel-price-status .right-box .vs.down em {color:blue; font-style:normal;}
.car-detail .chart-box-title {display:block; text-align:center; font-size:1.6rem}
.car-detail .samemodel-sale-status { justify-content:space-between;}
.car-detail .samemodel-sale-status > div {padding:0 10px; box-sizing:border-box;}
.car-detail .samemodel-sale-status .left-box {width:100%;}
.car-detail .samemodel-sale-status .left-box .summary {padding:35px 0 10px; line-height:1.4; text-align:center;}
.car-detail .samemodel-sale-status .left-box .summary .model,
.car-detail .samemodel-sale-status .left-box .summary .model span {font-size:16px;}
.car-detail .samemodel-sale-status .left-box .summary .txt-data {margin-top:8px; line-height:1.8; font-size:20px;}
.car-detail .samemodel-sale-status .left-box .days30 {margin-top:30px;}
.car-detail .samemodel-sale-status .right-box {width:40%;}
.car-detail .samemodel-sale-status .right-box > div + div {margin-top:20px;} 
.car-detail .same-grade-stock-status {display:flex;  justify-content:space-between;}
.car-detail .same-grade-stock-status > div {padding:0 10px; box-sizing:border-box;}
.car-detail .same-grade-stock-status .left-box {width:60%;}
.car-detail .same-grade-stock-status .left-box .summary {line-height:1.4; text-align:center;}
.car-detail .same-grade-stock-status .left-box .summary .model,
.car-detail .same-grade-stock-status .left-box .summary .model span {font-size:16px;}
.car-detail .same-grade-stock-status .left-box .summary .txt-data {margin-top:8px; line-height:1.8; font-size:20px;}
.car-detail .same-grade-stock-status .left-box .bottom {display:flex; position:relative; margin-top:40px;}
.car-detail .same-grade-stock-status .left-box .bottom .left {width:34;}
.car-detail .same-grade-stock-status .left-box .bottom .left .comp {margin-top:20px;}
.car-detail .same-grade-stock-status .left-box .bottom .left h4 {margin-bottom:8px; font-size:20px;}
.car-detail .same-grade-stock-status .left-box .bottom .left dl {position:relative; padding-left:20px;}
.car-detail .same-grade-stock-status .left-box .bottom .left dl:after {display:block; content:""; position:absolute; left:7px; top:50%; margin-top:-2px; width:4px; height:4px; background:#666;}
.car-detail .same-grade-stock-status .left-box .bottom .left dl dt,
.car-detail .same-grade-stock-status .left-box .bottom .left dl dd {display:inline-block; line-height:1.8; font-size:18px;}
.car-detail .same-grade-stock-status .left-box .bottom .right {padding:0 10px; width:66%;}
.car-detail .same-grade-stock-status .right-box {width:40%;}
.car-detail .same-grade-stock-status .right-box > div + div {margin-top:20px;}
.last-30d-chart-box {position:relative; height:350px;}
.last-30d-chart-box .before {display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.last-30d-chart-box .before p {line-height:1.6; color:#fff; font-size:15px; text-align:center;}
.last-30d-chart-box .before .btn-encar-last-30d {display:block; position:relative; top:0; margin:10px auto 0; width:220px; height:40px; line-height:40px; color:#444; font-size:14px; background:#fff;}
.last-30d-chart-box .before .btn-encar-last-30d:hover {text-decoration:underline;}
.last-30d-chart-box .before .btn-encar-last-30d:active {top:1px;}
/* 레이어팝업 : 간편시세조회 */
.simple-estimate-result p {padding:40px 0 20px; line-height:1.6; font-size:1.6rem;}
.simple-estimate-result p .car-info,
.simple-estimate-result p .price {font-weight:800;}
/* 레이어팝업 : 고객정보저장 */
.save-infomation p {padding:30px 0 0; }
/* 레이어팝업 : 견적증감사유 */
.insurance-history .layer-cont {padding:20px 10px 0;}
.insurance-history .row-title {display:block; margin-bottom:6px; font-size:1.4rem;}
.insurance-history table {table-layout:fixed; width:100%;}
.insurance-history table th,
.insurance-history table td {padding:10px 8px; font-size:1.3rem; vertical-align:middle; border:1px solid #ddd;}
.insurance-history table th {font-weight:600; background:#efefef;}
.insurance-history table td strong {margin-right:2px; font-size:1.5rem;}
.insurance-history .comment {line-height:1.4; font-size:1.3rem; padding:10px; word-break:break-all; background:#efefef;}
.insurance-history .comment p {line-height:1.4; font-size:1.3rem;}
/* 레이어팝업 : 탁송정보 변경 */
.mod-consignment .form-box .row {margin-top:15px;}
.mod-consignment .form-box .row select,
.mod-consignment .form-box .row input[type="text"],
.mod-consignment .form-box .row input[type="tel"],
.mod-consignment .form-box .row input[type="password"],
.mod-consignment .form-box .row input[type="date"],
.mod-consignment .form-box .row input[type="time"] {height:34px;}
.mod-consignment .form-box .row .txt {height:34px; line-height:34px;}

.main-p {padding:49px 0 70px;}
.main-p .top {position:fixed; left:0; top:48px; z-index:1; width:100%; background:#fff; border-bottom:1px solid #f5f5f5;}
.main-p .top ul {display:flex; justify-content:space-between;}
.main-p .top ul li {width:25%;}
.main-p .top ul li a {display:block; height:44px; line-height:44px; color:#ddd; font-size:1.6rem; text-align:center;}
.main-p .top ul li.active {background:#f5f5f5;}
.main-p .top ul li.active a {color:#333; font-weight:600;}
.main-p .contents .content {display:none;}
.main-p .contents .content.active {display:block;}
.main-p .bottom {display:flex; justify-content:space-between; position:fixed; left:0; bottom:0; width:100%; background:#fff;}
.main-p .bottom .btn {flex-grow:1; display:block; height:50px; line-height:50px; font-size:1.8rem; font-weight:600; text-align:center;}
.main-p .bottom .btn:hover,
.main-p .bottom .btn:active {text-decoration:underline;}
.main-p .base-result {display:flex; justify-content:space-between;}
.main-p .base-result > * { height:40px; line-height:40px;}
.main-p .base-result .result-box {width:32%; color:#fff; font-size:1.6rem; text-align:center;}
.main-p .base-result a {display:block; padding:0 12px; width:32%; line-height:38px; color:#444; font-size:1.4rem; text-align:center; border:2px solid #444; background:#fff; box-sizing:border-box;}
.main-p .red .base-result .result-box {background:rgb(173, 0, 0);}
.main-p .yellow .base-result .result-box {background:rgb(184, 166, 3);}
.main-p .green .base-result .result-box {background:rgb(27, 167, 27);}
.main-p .form-box .depth {margin-top:5px; padding:0 15px 5px; border:3px solid #ccc; background:#eee;}
.main-p .form-box .depth .row {margin-top:8px;}
.main-p .form-box .depth .row + .row {margin-top:5px;}
.main-p .form-box .depth .row .row-title {margin-bottom:0; width:20%; line-height:34px;}
.main-p .form-box .depth .row .in-box {justify-content:flex-start;}
.main-p .form-box .depth .row .txt {height:34px; line-height:34px;}
.main-p .form-box .depth .row-title{min-width:105px;}
.main-p .form-box .depth .row-title em {font-size:1.35rem;}
.main-p .form-box .depth input[type="text"],
.main-p .form-box .depth input[type="password"],
.main-p .form-box .depth input[type="tel"],
.main-p .form-box .depth input[type="date"],
.main-p .form-box .depth input[type="time"] {height:34px;}
.main-p .form-box .depth input[type="text"].effect ,
.main-p .form-box .depth input[type="tel"].effect  {font-weight:600; font-size:1.5rem; border:2px solid #000;}
.main-p .form-box .depth .btn {height:34px; line-height:34px; font-size:1.35rem;}
.purchase-policy-p {padding-bottom:20px;}
.purchase-policy-p .model-list {padding:10px; background:#efefef;}
.purchase-policy-p .model-list li {position:relative; padding-left:12px; line-height:1.4; color:#444; font-size:1.4rem;}
.purchase-policy-p .model-list li:after {display:block; content:"-"; position:absolute; left:0; top:0;}
.purchase-policy-p .model-list li + li {margin-top:4px;}

.choice-location .radios {flex-direction:column; margin-top:10px; padding:10px; width:100%; background:#efefef; box-sizing:border-box;}

.car-inspect-p .car-part {position:relative;}
.car-inspect-p .car-part img {display:block; width:100%;}
.car-inspect-p .car-part .zone-list {position:absolute; left:0; top:0; width:100%; height:100%;}
.car-inspect-p .car-part .zone-list .zone {position:absolute; left:0; top:0; width:5%; height:5%; background:rgba(0,0,0,.35); border-radius:50em;}
.car-inspect-p .car-part .zone-list .zone.warning {background:rgba(255,0,0,.35); }

/*뉴포인트*/
.car-inspect-p .car-part .zone-list1 {position:absolute; left:0; top:0; width:100%; height:100%;}
.car-inspect-p .car-part .zone-list1 .zone {position:absolute; left:0; top:0; width:7.6vw; height:7.6vw; background:rgba(0,0,0,.35); border-radius:50em;}
.car-inspect-p .car-part .zone-list1 .zone.warning {background:rgba(255,0,0,.35); }
.car-inspect-p .car-part .zone-list1 .zone.z01 {left:48.1%; top:1%;}
.car-inspect-p .car-part .zone-list1 .zone.z02 {left:48.4%; top:6.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z03 {left:37.6%; top:11%;}
.car-inspect-p .car-part .zone-list1 .zone.z04 {left:21.8%; top:9.3%;}
.car-inspect-p .car-part .zone-list1 .zone.z05 {left:19.2%; top:21.7%;}
.car-inspect-p .car-part .zone-list1 .zone.z06 {left:14.5%; top:16.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z07 {left:25.5%; top:25.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z08 {left:48.5%; top:16.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z09 {left:16.5%; top:41.3%;}
.car-inspect-p .car-part .zone-list1 .zone.z10 {left:24.5%; top:38.4%;}
.car-inspect-p .car-part .zone-list1 .zone.z11 {left:31.3%; top:35.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z12 {left:46.5%; top:33.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z13 {left:25.3%; top:55.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z14 {left:48.7%; top:48.9%;}
.car-inspect-p .car-part .zone-list1 .zone.z15 {left:18.7%; top:69.1%;}
.car-inspect-p .car-part .zone-list1 .zone.z16 {left:14%; top:63.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z17 {left:48.5%; top:72.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z18 {left:48.4%; top:81.7%;}
.car-inspect-p .car-part .zone-list1 .zone.z19 {left:36.2%; top:84.7%;}
.car-inspect-p .car-part .zone-list1 .zone.z20 {left:49%; top:91.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z21 {left:59.2%; top:10.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z22 {left:70.4%; top:9.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z23 {left:67%; top:26%;}
.car-inspect-p .car-part .zone-list1 .zone.z24 {left:75.1%; top:21.4%;}
.car-inspect-p .car-part .zone-list1 .zone.z25 {left:80%; top:15.4%;}
.car-inspect-p .car-part .zone-list1 .zone.z26 {left:65%; top:35.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z27 {left:69%; top:38%;}
.car-inspect-p .car-part .zone-list1 .zone.z28 {left:78.2%; top:42.3%;}
.car-inspect-p .car-part .zone-list1 .zone.z29 {left:69.7%; top:53.9%;}
.car-inspect-p .car-part .zone-list1 .zone.z30 {left:75%; top:68.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z31 {left:79.4%; top:62.3%;}
.car-inspect-p .car-part .zone-list1 .zone.z32 {left:60%; top:83.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z33 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z34 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z35 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z36 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z37 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z38 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z39 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z40 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list1 .zone.z41 {left:34.1%; top:35.1%;}
.car-inspect-p .car-part .zone-list1 .zone.z42 {left:33.1%; top:48.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z43 {left:34.1%; top:66.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z44 {left:48.5%; top:57.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z45 {left:26.5%; top:75.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z46 {left:59.5%; top:37.9%;}
.car-inspect-p .car-part .zone-list1 .zone.z47 {left:62.2%; top:49.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z48 {left:60.5%; top:67.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z49 {left:68.1%; top:75.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z50 {left:52%; top:8.3%;}
.car-inspect-p .car-part .zone-list1 .zone.z51 {left:41.5%; top:13.7%;}
.car-inspect-p .car-part .zone-list1 .zone.z52 {left:34.7%; top:21.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z53 {left:35%; top:30%;}
.car-inspect-p .car-part .zone-list1 .zone.z54 {left:39.8%; top:23.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z55 {left:51.4%; top:23.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z56 {left:56.8%; top:21.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z57 {left:57%; top:29.6%;}
.car-inspect-p .car-part .zone-list1 .zone.z58 {left:46%; top:35%;}
.car-inspect-p .car-part .zone-list1 .zone.z59 {left:46%; top:40.7%;}
.car-inspect-p .car-part .zone-list1 .zone.z60 {left:46.4%; top:52.8%;}
.car-inspect-p .car-part .zone-list1 .zone.z61 {left:46.8%; top:67.4%;}
.car-inspect-p .car-part .zone-list1 .zone.z62 {left:35.4%; top:73%;}
.car-inspect-p .car-part .zone-list1 .zone.z63 {left:40.5%; top:74.2%;}
.car-inspect-p .car-part .zone-list1 .zone.z64 {left:46.2%; top:74.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z65 {left:52.1%; top:74.4%;}
.car-inspect-p .car-part .zone-list1 .zone.z66 {left:57.5%; top:72.5%;}
.car-inspect-p .car-part .zone-list1 .zone.z67 {left:46%; top:82%;}
.car-inspect-p .car-part .zone-list1 .zone .bedge {display:block; width:2.5%; height:2.5%;}
.car-inspect-p .car-part .zone-list1 .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:1.4rem; font-weight:600; text-align:center; box-sizing:border-box; border-radius:50em; background:#fff; border:2px solid #000;}
.car-inspect-p .car-part .zone-list1 .zone .bedge:nth-child(1):after {top:-33%;}
.car-inspect-p .car-part .zone-list1 .zone .bedge:nth-child(2):after {top:33%;}
.car-inspect-p .car-part .zone-list1 .zone.part1 {left:46.8%; top:18%;}
.car-inspect-p .car-part .zone-list1 .zone.part2FL {left:48%; top:15.7%;}
.car-inspect-p .car-part .zone-list1 .zone.part2FR {left:44%; top:16.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part3FL {left:42%; top:40.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part3RL {left:42%; top:57.6%;}
.car-inspect-p .car-part .zone-list1 .zone.part3FR {left:49.5%; top:41.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part3RR {left:50%; top:58.6%;}
.car-inspect-p .car-part .zone-list1 .zone.part4 {left:46.8%; top:82.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part5 {left:48%; top:8.9%;}
.car-inspect-p .car-part .zone-list1 .zone.part6L {left:46.9%; top:78.8%;}
.car-inspect-p .car-part .zone-list1 .zone.part6R {left:44.5%; top:79.8%;}
.car-inspect-p .car-part .zone-list1 .zone.part7 {left:46.8%; top:53.8%;}
.car-inspect-p .car-part .zone-list1 .zone.part8L {left:32%; top:49.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part8R {left:60%; top:50%;}
.car-inspect-p .car-part .zone-list1 .zone.part9 {left:48.5%; top:13.9%;}
.car-inspect-p .car-part .zone-list1 .zone.part14AL {left:61.2%; top:39.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part14BL {left:56.8%; top:51.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part14CL {left:64.5%; top:62.7%;}
.car-inspect-p .car-part .zone-list1 .zone.part14AR {left:27.5%; top:39.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part14BR {left:34%; top:52.4%;}
.car-inspect-p .car-part .zone-list1 .zone.part14CR {left:26%; top:62.9%;}
.car-inspect-p .car-part .zone-list1 .zone.part10 {left:48.5%; top:34%;}
.car-inspect-p .car-part .zone-list1 .zone.part11L {left:30%; top:19%;}
.car-inspect-p .car-part .zone-list1 .zone.part11R {left:66.5%; top:21.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part12FL {left:39%; top:24%;}
.car-inspect-p .car-part .zone-list1 .zone.part12FR {left:57.5%; top:24%;}
.car-inspect-p .car-part .zone-list1 .zone.part12RL {left:27.5%; top:76.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part12RR {left:70.5%; top:76.7%;}
.car-inspect-p .car-part .zone-list1 .zone.part13FL {left:30%; top:29.5%;}
.car-inspect-p .car-part .zone-list1 .zone.part13FR {left:66.5%; top:29.5%;}
.car-inspect-p .car-part .zone-list1 .zone.part13RL {left:27.5%; top:69.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part13RR {left:71%; top:69.3%;}
.car-inspect-p .car-part .zone-list1 .zone.part15 {left:48.5%; top:37.5%;}
.car-inspect-p .car-part .zone-list1 .zone.part16 {left:48.5%; top:47.5%;}
.car-inspect-p .car-part .zone-list1 .zone.part17 {left:48.5%; top:75.2%;}
.car-inspect-p .car-part .zone-list1 .zone.part18 {left:48.5%; top:82.7%;}
.car-inspect-p .car-part .zone-list1 .zone.part19 {left:48.5%; top:67%;}
.car-inspect-p .car-part .zone-list1 .zone.part20 {left:46.8%; top:6.4%;}
.car-inspect-p .car-part .zone-list1 .zone.part21 {left:46.8%; top:88.5%;}


.car-inspect-p .car-part .zone-list .zone.z01 {left:48.1%; top:1%;}
.car-inspect-p .car-part .zone-list .zone.z02 {left:48.4%; top:6.8%;}
.car-inspect-p .car-part .zone-list .zone.z03 {left:37.6%; top:11%;}
.car-inspect-p .car-part .zone-list .zone.z04 {left:21.8%; top:9.3%;}
.car-inspect-p .car-part .zone-list .zone.z05 {left:19.2%; top:21.7%;}
.car-inspect-p .car-part .zone-list .zone.z06 {left:14.5%; top:16.5%;}
.car-inspect-p .car-part .zone-list .zone.z07 {left:25.5%; top:25.5%;}
.car-inspect-p .car-part .zone-list .zone.z08 {left:48.5%; top:16.6%;}
.car-inspect-p .car-part .zone-list .zone.z09 {left:16.5%; top:41.3%;}
.car-inspect-p .car-part .zone-list .zone.z10 {left:24.5%; top:38.4%;}
.car-inspect-p .car-part .zone-list .zone.z11 {left:31.3%; top:35.6%;}
.car-inspect-p .car-part .zone-list .zone.z12 {left:46.5%; top:33.2%;}
.car-inspect-p .car-part .zone-list .zone.z13 {left:25.3%; top:55.2%;}
.car-inspect-p .car-part .zone-list .zone.z14 {left:48.7%; top:48.9%;}
.car-inspect-p .car-part .zone-list .zone.z15 {left:18.7%; top:69.1%;}
.car-inspect-p .car-part .zone-list .zone.z16 {left:14%; top:63.8%;}
.car-inspect-p .car-part .zone-list .zone.z17 {left:48.5%; top:72.2%;}
.car-inspect-p .car-part .zone-list .zone.z18 {left:48.4%; top:81.7%;}
.car-inspect-p .car-part .zone-list .zone.z19 {left:36.2%; top:84.7%;}
.car-inspect-p .car-part .zone-list .zone.z20 {left:49%; top:91.2%;}
.car-inspect-p .car-part .zone-list .zone.z21 {left:59.2%; top:10.5%;}
.car-inspect-p .car-part .zone-list .zone.z22 {left:70.4%; top:9.5%;}
.car-inspect-p .car-part .zone-list .zone.z23 {left:67%; top:26%;}
.car-inspect-p .car-part .zone-list .zone.z24 {left:75.1%; top:21.4%;}
.car-inspect-p .car-part .zone-list .zone.z25 {left:80%; top:15.4%;}
.car-inspect-p .car-part .zone-list .zone.z26 {left:65%; top:35.6%;}
.car-inspect-p .car-part .zone-list .zone.z27 {left:69%; top:38%;}
.car-inspect-p .car-part .zone-list .zone.z28 {left:78.2%; top:42.3%;}
.car-inspect-p .car-part .zone-list .zone.z29 {left:69.7%; top:53.9%;}
.car-inspect-p .car-part .zone-list .zone.z30 {left:75%; top:68.6%;}
.car-inspect-p .car-part .zone-list .zone.z31 {left:79.4%; top:62.3%;}
.car-inspect-p .car-part .zone-list .zone.z32 {left:60%; top:83.5%;}
.car-inspect-p .car-part .zone-list .zone.z33 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z34 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z35 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z36 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z37 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z38 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z39 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z40 {left:0%; top:0%;}
.car-inspect-p .car-part .zone-list .zone.z41 {left:34.1%; top:35.1%;}
.car-inspect-p .car-part .zone-list .zone.z42 {left:33.1%; top:48.8%;}
.car-inspect-p .car-part .zone-list .zone.z43 {left:34.1%; top:66.8%;}
.car-inspect-p .car-part .zone-list .zone.z44 {left:48.5%; top:57.8%;}
.car-inspect-p .car-part .zone-list .zone.z45 {left:26.5%; top:75.5%;}
.car-inspect-p .car-part .zone-list .zone.z46 {left:59.5%; top:37.9%;}
.car-inspect-p .car-part .zone-list .zone.z47 {left:62.2%; top:49.6%;}
.car-inspect-p .car-part .zone-list .zone.z48 {left:60.5%; top:67.2%;}
.car-inspect-p .car-part .zone-list .zone.z49 {left:68.1%; top:75.6%;}
.car-inspect-p .car-part .zone-list .zone.z50 {left:52%; top:8.3%;}
.car-inspect-p .car-part .zone-list .zone.z51 {left:41.5%; top:13.7%;}
.car-inspect-p .car-part .zone-list .zone.z52 {left:34.7%; top:21.5%;}
.car-inspect-p .car-part .zone-list .zone.z53 {left:35%; top:30%;}
.car-inspect-p .car-part .zone-list .zone.z54 {left:39.8%; top:23.5%;}
.car-inspect-p .car-part .zone-list .zone.z55 {left:51.4%; top:23.5%;}
.car-inspect-p .car-part .zone-list .zone.z56 {left:56.8%; top:21.5%;}
.car-inspect-p .car-part .zone-list .zone.z57 {left:57%; top:29.6%;}
.car-inspect-p .car-part .zone-list .zone.z58 {left:46%; top:35%;}
.car-inspect-p .car-part .zone-list .zone.z59 {left:46%; top:40.7%;}
.car-inspect-p .car-part .zone-list .zone.z60 {left:46.4%; top:52.8%;}
.car-inspect-p .car-part .zone-list .zone.z61 {left:46.8%; top:67.4%;}
.car-inspect-p .car-part .zone-list .zone.z62 {left:35.4%; top:73%;}
.car-inspect-p .car-part .zone-list .zone.z63 {left:40.5%; top:74.2%;}
.car-inspect-p .car-part .zone-list .zone.z64 {left:46.2%; top:74.5%;}
.car-inspect-p .car-part .zone-list .zone.z65 {left:52.1%; top:74.4%;}
.car-inspect-p .car-part .zone-list .zone.z66 {left:57.5%; top:72.5%;}
.car-inspect-p .car-part .zone-list .zone.z67 {left:46%; top:82%;}
.car-inspect-p .car-part .zone-list .zone .bedge {display:block; width:2.5%; height:2.5%;}
.car-inspect-p .car-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:1.4rem; font-weight:600; text-align:center; box-sizing:border-box; border-radius:50em; background:#fff; border:2px solid #000;}
.car-inspect-p .car-part .zone-list .zone .bedge:nth-child(1):after {top:-33%;}
.car-inspect-p .car-part .zone-list .zone .bedge:nth-child(2):after {top:33%;}
.car-inspect-p .car-part .zone-list .zone.part1 {left:26%; top:18%;}
.car-inspect-p .car-part .zone-list .zone.part2FL {left:27.4%; top:15.7%;}
.car-inspect-p .car-part .zone-list .zone.part2FR {left:68.4%; top:16.2%;}
.car-inspect-p .car-part .zone-list .zone.part3FL {left:24.2%; top:40.3%;}
.car-inspect-p .car-part .zone-list .zone.part3RL {left:23.9%; top:57.6%;}
.car-inspect-p .car-part .zone-list .zone.part3FR {left:71.9%; top:41.2%;}
.car-inspect-p .car-part .zone-list .zone.part3RR {left:71.9%; top:58.6%;}
.car-inspect-p .car-part .zone-list .zone.part4 {left:26%; top:82.2%;}
.car-inspect-p .car-part .zone-list .zone.part5 {left:71%; top:8.9%;}
.car-inspect-p .car-part .zone-list .zone.part6L {left:26.9%; top:78.8%;}
.car-inspect-p .car-part .zone-list .zone.part6R {left:68.9%; top:79.8%;}
.car-inspect-p .car-part .zone-list .zone.part7 {left:26%; top:53.8%;}
.car-inspect-p .car-part .zone-list .zone.part8L {left:18.3%; top:49.3%;}
.car-inspect-p .car-part .zone-list .zone.part8R {left:77.6%; top:50%;}
.car-inspect-p .car-part .zone-list .zone.part9 {left:71%; top:13.9%;}
.car-inspect-p .car-part .zone-list .zone.part14AL {left:35.2%; top:39.3%;}
.car-inspect-p .car-part .zone-list .zone.part14BL {left:32.4%; top:51.3%;}
.car-inspect-p .car-part .zone-list .zone.part14CL {left:37.1%; top:62.7%;}
.car-inspect-p .car-part .zone-list .zone.part14AR {left:59.4%; top:39.2%;}
.car-inspect-p .car-part .zone-list .zone.part14BR {left:62.9%; top:52.4%;}
.car-inspect-p .car-part .zone-list .zone.part14CR {left:58.9%; top:62.9%;}
.car-inspect-p .car-part .zone-list .zone.part10 {left:71%; top:34%;}
.car-inspect-p .car-part .zone-list .zone.part11L {left:60.6%; top:19%;}
.car-inspect-p .car-part .zone-list .zone.part11R {left:81.1%; top:21.2%;}
.car-inspect-p .car-part .zone-list .zone.part12FL {left:65.9%; top:24%;}
.car-inspect-p .car-part .zone-list .zone.part12FR {left:76.6%; top:24%;}
.car-inspect-p .car-part .zone-list .zone.part12RL {left:59.5%; top:76.2%;}
.car-inspect-p .car-part .zone-list .zone.part12RR {left:83.2%; top:76.7%;}
.car-inspect-p .car-part .zone-list .zone.part13FL {left:59.8%; top:29.5%;}
.car-inspect-p .car-part .zone-list .zone.part13FR {left:81.2%; top:29.5%;}
.car-inspect-p .car-part .zone-list .zone.part13RL {left:59.8%; top:69.3%;}
.car-inspect-p .car-part .zone-list .zone.part13RR {left:83.8%; top:69.3%;}
.car-inspect-p .car-part .zone-list .zone.part15 {left:71.2%; top:37.5%;}
.car-inspect-p .car-part .zone-list .zone.part16 {left:71.2%; top:47.5%;}
.car-inspect-p .car-part .zone-list .zone.part17 {left:71.2%; top:75.2%;}
.car-inspect-p .car-part .zone-list .zone.part18 {left:71.2%; top:82.7%;}
.car-inspect-p .car-part .zone-list .zone.part19 {left:71.2%; top:67%;}
.car-inspect-p .car-part .zone-list .zone.part20 {left:26%; top:6.4%;}
.car-inspect-p .car-part .zone-list .zone.part21 {left:26%; top:88.5%;}
.car-inspect-p .car-part-summary {margin:15px 0;}
.car-inspect-p .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-inspect-p .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-inspect-p .car-detail-section {padding:10px; background:#fff;}
.car-inspect-p .car-detail-section .hr {margin:10px 0;}
.car-inspect-p .car-detail-section .inspect-title {display:inline-block; padding:6px 18px; color:#fff; font-size:1.5rem; background:#00367c;}
.car-inspect-p .car-detail-section .txt-info {margin-bottom:10px; line-height:1.4; font-size:1.2rem;}
.car-inspect-p .car-detail-section .type01:after {content:"A" !important; color:#e63939 !important; border-color:#e63939 !important;}
.car-inspect-p .car-detail-section .type02:after {content:"C" !important; color:#00367c !important; border-color:#00367c !important;}
.car-inspect-p .car-detail-section .type03:after {content:"R" !important; color:#0a8e6b !important; border-color:#0a8e6b !important;}
.car-inspect-p .car-detail-section .type04:after {content:"M" !important; color:#f99200 !important; border-color:#f99200 !important;}
.car-inspect-p .car-detail-section .type05:after {content:"P" !important; color:#32396f !important; border-color:#32396f !important;}
.car-inspect-p .car-detail-section .type06:after {content:"PP" !important; color:#fe3890 !important; border-color:#fe3890 !important;}
.car-inspect-p .car-detail-section .type07:after {content:"Q" !important; color:#00870d !important; border-color:#00870d !important;}
.car-inspect-p .car-detail-section .type08:after {content:"W" !important; color:#1ba2c9 !important; border-color:#1ba2c9 !important;}
.car-inspect-p .car-detail-section .type09:after {content:"X" !important; color:#9e1bc9 !important; border-color:#9e1bc9 !important;}
.car-inspect-p .car-detail-section .type10:after {content:"XX" !important; color:#000 !important; border-color:#000 !important;}
.car-inspect-p .car-detail-section .type11:after {content:"X" !important; color:#f44 !important; border-color:#f44 !important;}
.car-inspect-p .car-detail-section .type12:after {content:"W" !important; color:#06418d !important; border-color:#06418d !important;}
.car-inspect-p .car-detail-section .type13:after {content:"A" !important; color:#25bc94 !important; border-color:#25bc94 !important;}
.car-inspect-p .car-detail-section .type14:after {content:"D" !important; color:#ffa019 !important; border-color:#ffa019 !important;}
.car-inspect-p .car-detail-section .type15:after {content:"C" !important; color:#485199 !important; border-color:#485199 !important;}
.car-inspect-p .car-detail-section .type16:after {content:"T" !important; color:#fe3890 !important; border-color:#fe3890 !important;}
.car-inspect-p .inspect-popup-layer .dim {display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,.7);}
.car-inspect-p .inspect-popup-layer .btn-close {position:fixed; left:-40px; top:15px; z-index:1000; width:30px; height:30px; transition:left .5s;}
.car-inspect-p .inspect-popup-layer .btn-close:before,
.car-inspect-p .inspect-popup-layer .btn-close:after {display:block; content:""; position:absolute; width:30px; height:2px; background:#fff;}
.car-inspect-p .inspect-popup-layer .btn-close:before {transform:rotate(45deg);}
.car-inspect-p .inspect-popup-layer .btn-close:after {transform:rotate(-45deg);}
.car-inspect-p .inspect-popup-layer .box {position:fixed; right:-70%; top:0; z-index:1000; width:70%; height:100%; background:#fff; transition:right .5s;}
.car-inspect-p .inspect-popup-layer .box .zone {display:block; padding:0 15px; height:50px; line-height:50px; font-size:1.8rem; border-bottom:1px solid #444;}
.car-inspect-p .inspect-popup-layer .box .status-list li {position:relative; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.car-inspect-p .inspect-popup-layer .box .status-list li:not(.group):after {display:flex; align-items:center; justify-content:space-around; content:""; position:absolute; left:15px; top:50%; margin-top:-11px; width:22px; height:22px; line-height:22px; font-size:1.4rem; font-weight:600; text-align:center; box-sizing:border-box; border-radius:50em; background:#fff; border:2px solid #000;}
.car-inspect-p .inspect-popup-layer .box .status-list li.group {padding:0 10px; color:#fff; font-size:1.6rem; font-weight:600; background:#444;}
.car-inspect-p .inspect-popup-layer .box .status-list li label {display:block; position:relative; padding:0 15px 0 40px;}
.car-inspect-p .inspect-popup-layer .box .status-list li label input[type="radio"],
.car-inspect-p .inspect-popup-layer .box .status-list li label input[type="checkbox"] {position:absolute; left:45px; top:50%; transform:translateY(-50%);}
.car-inspect-p .inspect-popup-layer .box .status-list li label span {display:inline-block; padding-left:25px; font-size:1.4rem;}
.car-inspect-p .box .btn-complete {display:block; margin:15px auto; width:100%; height:50px; line-height:50px; color:#fff; font-size:1.4rem; font-weight:600; background:#2944cc;}
.car-inspect-p .inspect-popup-layer.active .dim {display:block;}
.car-inspect-p .inspect-popup-layer.active .btn-close {left:15px;}
.car-inspect-p .inspect-popup-layer.active .box {right:0;}

.history-list {margin-top:50px;}
.history-list li {padding:10px; border-top:1px solid #ccc; background:#fff;}
.history-list li + li {margin-top:8px;}
.history-list li .model-info {line-height:1.4; font-size:1.6rem; font-weight:600;}
.history-list li .etc-info {margin-top:8px;}
.history-list li .etc-info span {display:inline-block; line-height:1.4; color:#888; font-size:1.25rem; font-weight:600;}
.history-list li .hr {margin:10px 0;}
.history-list .form-box li .row-title em {font-size:1.2rem;}
.history-list li .value {font-size:1.8rem; font-weight:600;}
.history-list .form-box li .btns {margin-top:3px;}
.history-list .form-box li .btn {height:38px; line-height:38px;}

.inquiry-p .status {position:relative; margin-left:5px; padding-left:20px; color:#444; font-size:13px; font-weight:600;}
.inquiry-p .status:after {display:block; content:""; position:absolute; left:0; top:1px; width:14px; height:14px; border-radius:50em;}
.inquiry-p .status.normal:after {background:#0f880f;}
.inquiry-p .status.normal {color:#0f880f;}
.inquiry-p .status.object:after {background:#1697be;}
.inquiry-p .status.object {color:#1697be;}
.inquiry-p .status.lapse:after,
.inquiry-p .status.abnormal:after {background:#d00;}
.inquiry-p .status.lapse,
.inquiry-p .status.abnormal {color:#d00;}

/***** 
	responsive 
				*/
/*****
	1280 < w 
				*/
@media screen and (max-width: 1280px) {
	
}                
/*****
	1024 > w 
				*/
@media screen and (max-width: 1040px) {
	
}
/*****
	880 > w 
				*/
@media screen and (max-width: 880px) {
	
}
/*****
	768 > w 
				*/
@media screen and (max-width: 768px) {

}

/*매입지원 수정*/
.past-data-search{padding-top:10px; }
.past-data-search button{position: relative;width:100%; color:#fff;background:#d9534f; height:40px; line-height:1.8; font-size: 1.5rem; font-weight: 600;}
.past-data-search button::after{content: ""; position:absolute;background: url(/resources/images/ico_arrow_down.png) no-repeat; 
        width:18px; height:18px; top:14px; right:10px;transform: rotate(00deg); transition: all 0.1s; background-size: 18px auto; }
.past-data-search .active::after{content: ""; position:absolute;background: url(/resources/images/ico_arrow_down.png) no-repeat; 
        width:18px; height:18px; top:7px; transform: rotate(-180deg); background-size: 18px auto;}
/*.past-data-search button::after{content:"▼" }*/
.search-data{display:none; padding: 10px; background: #fff;}
.search-data.on{display: block;}
.search-data .half{display:flex; flex-wrap:wrap; flex:1;  justify-content: space-between;}
.search-data .half select{width:49%; }
.search-data input{}
.search-data .half select{margin-bottom:20px;}
.search-data .filter-contents{padding:0;display:flex; flex-wrap:wrap; flex:1;  justify-content: space-between; position:relative; align-items:center;margin-bottom:20px;margin-top:20px;}
.search-data .filter-contents input{width:49% !important;}
.search-data .filter-contents .ui-datepicker-trigger:first-of-type{top: 10% !important;  right: 51%; }
.search-data .filter-contents .ui-datepicker-trigger:last-of-type{ top: 10% !important;  right: 0%; }
.datatable_table-wrap{position:relative;padding-bottom:6%;}
.datatable_table-wrap select.filter-info{position:absolute; right:6%;}
.filter-contents-year{display:flex; padding:3% 6%;justify-content: end; align-items: center;}
.filter-contents-year select{width:49%;}
.filter-contents-year select:first-child{margin-right:1%;}
.filter-contents-year select:last-child{margin-left:1%;}
.search-data{padding-top:10px; }
.search-data button{width:100%; color:#fff;background:#243243; height:40px; line-height:1.8; font-size: 1.5rem; font-weight: 600;}
.choice-option .row-title{padding-top:20px;}
.choice-option table {width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:none}
.choice-option table tr{ border-bottom:1px solid #ccc;}
.choice-option table th{ width:70%; border-right:1px solid #ccc; background:#f9f9f9; text-align:left; padding:10px; font-size:12px; line-height: 1.4; word-break: keep-all; }
.choice-option table th label { position: relative; display: block; padding-left: 20px; }
.choice-option table th label input { position: absolute; left: 0; top: 0;  vertical-align: middle; }
.choice-option table tr th:last-child{border-bottom:none}
.choice-option table td{ text-align:right; padding:10px; font-size:12px; }

.car-evaluation{padding-top:10px;}
.car-evaluation table {width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:none}
.car-evaluation table tr{ border-bottom:1px solid #ccc;}
.car-evaluation table tr:last-child{border-bottom:1px solid #818181;}
.car-evaluation table th{ background:#f6f6f6; padding:10px; font-size:12px; width:33%;}
.car-evaluation table tr th:last-child{border-bottom:none}
.car-evaluation table td{ text-align:center; padding:10px; font-size:12px;  width:33%;}
.purchase-support{display:flex;}
.purchase-support .a-right{width:60% !important; margin-left:1%;}
.row .a-center{height: 30px; line-height: 30px; font-size: 1.4rem; padding-left:8px;}
.mid-title{width:100px; text-align:center;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-blend-mode: overlay;}


/* 레이어 팝업(22.12.20) */
.layer-popup-btn { display: block; margin: 10px 10px 0; text-align: center; padding: 20px; background-color: #000; font-size: 14px; font-weight: 700; color: #fff; }
.layer-popup-wrapper { position: fixed; left: 0; top: 0; z-index: 1001; width: 100%; height: 100%; background-color: #f5f5f5; overflow-x: hidden; overflow-y: auto; display: none; }
.layer-popup-wrapper.inspection { z-index: 90001; }
.layer-popup-wrapper.dimType { background-color: rgba(0, 0, 0, .8); overflow: hidden; }
.layer-popup-wrapper.dimType .inner-wrapper { position: absolute; top: 50%; left: 20px; width: calc(100% - 40px); height: auto; max-height: calc(100vh - 40px); padding: 0 20px 20px; box-sizing: border-box; background-color: #fff; transform: translateY(-50%); overflow-x: hidden; overflow-y: auto; }
.layer-popup-wrapper.dimType .inner-wrapper .layer-header { height: 54px; line-height: 54px; border-bottom: 1px solid #ddd; box-shadow: none; }
.layer-popup-wrapper.dimType .inner-wrapper .layer-header:before { content: ''; position: absolute; left: -20px; top: 0; z-index: -1; width: calc(100% + 40px); height: 100%; background-color: #fff; }
.layer-popup-wrapper.dimType .inner-wrapper .layer-header .bi { position: static; transform: none; }
.layer-popup-wrapper.dimType .inner-wrapper .layer-header .btn-w-close { position: absolute; top: 12px; right: -4px; }
.layer-popup-wrapper.dimType .inner-wrapper .layer-header .btn-w-close span { height: 1px; background-color: #000; }
.layer-popup-wrapper .layer-header { position: sticky; left: 0; top: 0; z-index: 1000; width: 100%; height: 65px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.layer-popup-wrapper .layer-header .inner { width: 100%; margin: 0 auto; }
.layer-popup-wrapper .layer-header .inner .bi { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -46%); font-size: 1.5rem; font-weight: 400; color: #999; }
.layer-popup-wrapper .layer-header .inner .bi strong { font-size: 1.7rem; font-weight: 800; color: #444; }
.layer-popup-wrapper .layer-btns { display: flex; justify-content: space-between; }
.layer-popup-wrapper .layer-btns .btn { display: block; width: 100%; height: 46px; line-height: 44px; font-size: 1.5rem; font-weight: 600; text-align: center; }
.layer-popup-wrapper .inquiry-p { min-width: auto; }
.layer-popup-wrapper .inquiry-p #ownerName { width: 100%; }
.layer-popup-wrapper .layer-body > .box { margin: 10px auto 0; padding: 20px 0 0; border-top: 1px solid #ddd; }
.layer-popup-wrapper .layer-body > .box .btn-complete { display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 1.4rem; font-weight: 600; background: #2944cc; text-align: center; }

/* 템플릿 소스 추가(23.05.24) */
#wrap .wa-txt { display: flex; align-items: center; width: auto; padding: 0 5px; height: auto; line-height: 1; }
#wrap .inp-type-txt { position: relative; }
#wrap .inp-type-txt input { width: 100%; padding-right: 25px; }
#wrap .inp-type-txt .txt { position: absolute; right: 8px; top: 50%; height: auto; text-align: center; font-size: 1.2rem; color: #666; line-height: 1.2; transform: translateY(-50%); pointer-events: none; }
#wrap .sel-type-txt select { padding-right: 25px; background-size: 8px auto; }
.grid-box { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.grid-box .btn { width: 49%; box-sizing: border-box; }
.base-result.half > div { flex: 1; color: #fff; font-size: 1.6rem; text-align: center; background:rgb(27, 167, 27); }
.base-result.half > div ~ div { margin-left: 2%; }
.base-result.half > div ~ div.red { background:rgb(173, 0, 0); }

.item-info { display: flex; flex-wrap: wrap; gap: 8px 10px; padding: 15px 0; font-size: 0; line-height: 1; }
.item-info span { position: relative; display: inline-block; padding: 0 0 0 26px; font-size: 1.2rem; font-weight: 600; line-height: 22px; }
.item-info span:before { content: ''; position: absolute; ; left: 0; top: 50%; display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-top: -11px; border-radius: 100%; border: 2px solid #000; box-sizing: border-box; text-align: center; line-height: 18px; }
.item-info span.type01:before { content: 'A'; color: #e63939; border-color: #e63939; }
.item-info span.type02:before { content: 'C'; color: #00367c; border-color: #00367c; }
.item-info span.type03:before { content: 'R'; color: #0a8e6b; border-color: #0a8e6b; }
.item-info span.type04:before { content: 'M'; color: #f99200; border-color: #f99200; }
/* 도색필요 */
.item-info span.type05:before { content: 'P'; color: #32396f; border-color: #32396f; }
/* 도색 */
.item-info span.type06:before { content: 'PP'; color: #fe3890; border-color: #fe3890; }
/* 판금필요 */
.item-info span.type07:before { content: 'Q'; color: #00870d; border-color: #00870d; }
/* 판금 */
.item-info span.type08:before { content: 'W'; color: #1ba2c9; border-color: #1ba2c9; }
/* 교환필요 */
.item-info span.type09:before { content: 'X'; color: #9e1bc9; border-color: #9e1bc9; }
/* 교환 */
.item-info span.type10:before { content: 'XX'; color: #000; border-color: #000; }
/* 덴트필요 */
.item-info span.type11:before { content: 'A'; color: #E07E37; border-color: #E07E37; }
/* 덴트 */
.item-info span.type12:before { content: 'AA'; color: #E07E37; border-color: #E07E37; }
/* 덴트 */
.item-info span.type14:before { content: 'D'; color: #FFA019; border-color: #FFA019; }

.opt-head * { box-sizing: border-box; }
.opt-head { position: relative; display: flex; align-items: center; padding-right: 10px; }
.opt-head .tit { flex: auto; position: relative; padding-left: 10px; font-size: 1.5rem; font-weight: 600; font-style: normal; line-height: 30px; }
.opt-head .total { position: relative; max-width: 150px; }
.opt-head .total input { height: 32px; padding-right: 25px; }
.opt-head .total .txt { position: absolute; right: 8px; top: 0; height: 100%; text-align: center; font-size: 1.2rem; color: #666; line-height: 32px; pointer-events: none; }
.opt-head .add { position: absolute; right: 6px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 100%; background-color: #999; font-size: 0; line-height: 0; text-indent: -999px; color: transparent; }
.opt-head .add:before,
.opt-head .add:after { content: ''; position: absolute; left: 50%; top: 50%; width: 60%; height: 2px; background-color: #fff; transform: translate(-50%, -50%) rotate(0deg); }
.opt-head .add:after { transform: translate(-50%, -50%) rotate(-90deg); }
.opt-list * { box-sizing: border-box; }
.opt-list { margin-top: 10px; }
.opt-list .item { position: relative; display: flex; align-items: center; width: 100%; padding: 10px; background-color: #fff; }
.opt-list .item.wide { padding-right: 0; }
.opt-list .item .empty { font-size: 1.3rem; font-weight: 400; line-height: 30px; text-align: center; color: #666; }
.opt-list .item ~ .item { border-top: 2px solid #f5f5f5; }
.opt-list .item .del { position: absolute; right: 6px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 100%; background-color: #eee; font-size: 0; line-height: 0; text-indent: -999px; color: transparent; }
.opt-list .item .del:before,
.opt-list .item .del:after { content: ''; position: absolute; left: 50%; top: 50%; width: 60%; height: 2px; background-color: #aaa; transform: translate(-50%, -50%) rotate(45deg); }
.opt-list .item .del:after { transform: translate(-50%, -50%) rotate(-45deg); }
.opt-list .item > div { position: relative; }
.opt-list .item > div ~ div { margin-left: 5px; }
.opt-list .item > div input,
.opt-list .item > div select { height: 38px; padding: 0 5px; font-size: 1.3rem; box-sizing: border-box; background-size: 10px auto; background-position: right 6px center; }
.opt-list .item > div.work select,
.opt-list .item > div.price input { padding-right: 20px; }
.opt-list .item > div .txt { position: absolute; right: 8px; top: 0; height: 100%; text-align: center; font-size: 1.2rem; color: #666; line-height: 38px; pointer-events: none; }
.opt-list .item .name { flex: 1; }
.opt-list .item .work { flex: 0 55px; }
.opt-list .item .price { flex: 0 90px; } 
.opt-list .item .chk { width: 100%; padding: 10px 5px; }
.opt-list .item label { position: relative; display: block; text-align: left; }
.opt-list .item label input { width: 0; height: 0; opacity: 0; outline: 0; position: absolute; z-index: -1; }
.opt-list .item label span { display: inline-block; font-size: 1.4rem; line-height: 16px; }
.opt-list .item label span:before { content: ''; display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 4px; border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; background: url('/resources/images/icon_chk_arr.png') no-repeat center/60% auto #fff; }
.opt-list .item label input:checked + span:before { border-color: #0075ff; background-image: url('/resources/images/icon_chk_arr_on.png'); background-color: #0075ff; }

.item-base-list .form-box .row:first-child { margin-top: 0; }
.item-base-list .form-box .txt-info { font-size: 1.2rem; line-height: 1.2; letter-spacing: -.5px; word-break: keep-all; }

.opt-layer { margin-top: 15px; }
.opt-layer .item-main-tit { margin: 0 -20px; padding: 12px 20px; background-color: #ddd; font-size: 1.5rem; font-weight: 700; color: #000; line-height: 1.2; }
.opt-layer .item-main-tit + .row { border: 0; }
.opt-layer .row { padding: 5px 0; border-top: 1px solid #eee; }
.opt-layer .opt-head { margin: 5px 0; padding-right: 25px; }
.opt-layer .opt-head .tit { font-size: 1.3rem; }
.opt-layer .opt-head .total { max-width: 120px; }
.opt-layer .opt-head .total input { width: 100%; height: 30px; border: 1px solid #ddd; padding: 0 20px 0 5px; }
.opt-layer .opt-head .add { right: 0; }
.opt-layer .opt-list { margin-top: 0; }
.opt-layer .opt-list .item { padding: 5px 25px 5px 5px; border: 0; }
.opt-layer .opt-list .item.wide { padding-right: 0; }
.opt-layer .opt-list .item > div { padding: 0; }
.opt-layer .opt-list .item > div ~ div { margin-left: 4px; }
.opt-layer .opt-list .item > div input,
.opt-layer .opt-list .item > div select { width: 100%; height: 34px; padding: 0 5px; font-size: 1.2rem; }
.opt-layer .opt-list .item > div select { padding-right: 20px; background-size: 10px auto; }
.opt-layer .opt-list .item > div.work select { padding-right: 20px; }
.opt-layer .opt-list .item > div.price input { padding-right: 15px; }
.opt-layer .opt-list .item .work { flex: 0 70px; }
.opt-layer .opt-list .item .price { flex: 0 80px; }
.opt-layer .opt-list .item .price .txt { top: 0; right: 4px; }
.opt-layer .opt-list .item .del { right: 0; }
.opt-layer .opt-list .item .chk { padding: 0; }
.opt-layer .opt-list .item .chk label { line-height: 30px; }

.item-base-list .status-list { display: flex; flex-wrap: wrap; width: 100%; }
.item-base-list .status-list li { display: block; width: 100%; padding: 5px 0; box-sizing: border-box; }
.item-base-list .status-list li:first-child { padding-top: 0; }
.item-base-list .status-list li:last-child { padding-bottom: 0; }
.item-base-list .status-list li ~ li { border-top: 1px solid #eee; }
.item-base-list .status-list li.etc .tit { display: block; margin-bottom: 5px; font-size: 1.3rem; line-height: 1.4; }
.item-base-list .status-list li.etc .box { height: 34px; }
.item-base-list .status-list li.etc .box select,
.item-base-list .status-list li.etc .box input { width: 100%; height: 100%; }
.item-base-list .status-list li.etc .box input { padding: 0 12px; border: 1px solid #ccc; box-sizing: border-box; }
.item-base-list .status-list li.etc .opt-list { margin: 0; }
.item-base-list .status-list li.etc .opt-list .item { padding: 0; }
.item-base-list .status-list li.etc .opt-list .item ~ .item { padding: 12px 0 0; margin: 12px 0 0; border-top: 1px solid #eee; }
.item-base-list .status-list li.etc .opt-list .item .name { flex: 1; }
.item-base-list .status-list li.etc .opt-list .item .work { flex: 0 80px; }
.item-base-list .status-list li.etc .opt-list .item .work select { padding-right: 24px; }
.item-base-list .status-list li.etc .opt-list .item .price { flex: 0 90px; } 
.item-base-list .status-list li.etc .opt-list .item .price input { padding-right: 24px; }
.item-base-list .status-list li.etc .opt-list .item .chk { width: 100%; padding: 10px 5px; }
.item-base-list .status-list li.etc .opt-list .item .chk { padding: 0; line-height: 30px; }
.item-base-list .status-list li[class*="type"] { position: relative; padding-left: 30px; line-height: 30px; }
.item-base-list .status-list li[class*="type"]:before { content: ''; flex: none; position: absolute; ; left: 0; top: 50%; display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-top: -11px; border-radius: 100%; border: 2px solid #000; box-sizing: border-box; text-align: center; font-size: 1.2rem; font-weight: 600; line-height: 18px; }
.item-base-list .status-list li[class*="type"].etc { display: flex; align-items: center; }
.item-base-list .status-list li[class*="type"].etc:before { flex: none; }
.item-base-list .status-list li[class*="type"].etc label { flex: 0 100px; display: inline-block; }
.item-base-list .status-list li[class*="type"].etc .box { flex: 1; height: 30px; }
.item-base-list .status-list li[class*="type"].etc .box select { padding: 0 18px 0 5px; }
.item-base-list .status-list li[class*="type"].etc .box input { padding: 0 5px; }
.item-base-list .status-list li.type01:before { content: 'A'; color: #e63939; border-color: #e63939; }
.item-base-list .status-list li.type02:before { content: 'C'; color: #00367c; border-color: #00367c; }
.item-base-list .status-list li.type03:before { content: 'F'; color: #0a8e6b; border-color: #0a8e6b; }
.item-base-list .status-list li.type04:before { content: 'M'; color: #f99200; border-color: #f99200; }
/* 도색필요 */
.item-base-list .status-list li.type05:before { content: 'P'; color: #32396f; border-color: #32396f; }
/* 도색 */
.item-base-list .status-list li.type06:before { content: 'PP'; color: #fe3890; border-color: #fe3890; }
/* 판금필요 */
.item-base-list .status-list li.type07:before { content: 'Q'; color: #00870d; border-color: #00870d; }
/* 판금 */
.item-base-list .status-list li.type08:before { content: 'W'; color: #1ba2c9; border-color: #1ba2c9; }
/* 교환필요 */
.item-base-list .status-list li.type09:before { content: 'X'; color: #9e1bc9; border-color: #9e1bc9; }
/* 교환 */
.item-base-list .status-list li.type10:before { content: 'XX'; color: #000; border-color: #000; }
/* 덴트필요 */
.item-base-list .status-list li.type11:before { content: 'A'; color: #E07E37; border-color: #E07E37; }
/* 덴트 */
.item-base-list .status-list li.type12:before { content: 'AA'; color: #E07E37; border-color: #E07E37; }
/* 덴트 */
.item-base-list .status-list li.type14:before { content: 'D'; color: #FFA019; border-color: #FFA019; }
.item-base-list .status-list label { position: relative; display: block; text-align: left; }
.item-base-list .status-list label input { width: 0; height: 0; opacity: 0; outline: 0; position: absolute; z-index: -1; }
.item-base-list .status-list label span { display: inline-block; font-size: 1.4rem; line-height: 16px; }
.item-base-list .status-list label span:before { content: ''; display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 4px; border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; background: url('/resources/images/icon_chk_arr.png') no-repeat center/60% auto #fff; }
.item-base-list .status-list label input:checked + span:before { border-color: #0075ff; background-image: url('/resources/images/icon_chk_arr_on.png'); background-color: #0075ff; }

/* 25.05.12 차얼마 보험이력 추가 */
.btn-slide{
  position:relative;
  width:3rem;
  height:3rem;
  font-size:0;
}
.btn-slide::before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:1.4rem;
  height:1.4rem;
  background:url(../images/sub/btn_slide_down.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.btn-slide.up::before{
  background:url(../images/sub/btn_slide_up.png) no-repeat center center;
  background-size:contain;
}

.info-btn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin: -0.6rem 0.4rem 0;
  font-size:0;
  border-radius: 100%;
  background:#dddddd url("../images/sub/ico_info_btn.png") no-repeat center/100%;
}

.info-btn.white{
  width:2.4rem;
  height:2.4rem;
  background:url("../images/sub/ico_info_btn_white.png") no-repeat center/100%;
}

.c_white {color: #fff !important;}
.c_black {color: #131313 !important;}
.c_black2 {color: #333 !important;}
.c_yellow {color: #FFE8A3 !important;}
.c_red {color: #FF3F3F !important;}
.c_blue {color: #0096FF !important;}
.c_gray {color: #888 !important;}
.c_gray2 {color: #666 !important;}
.c_gray3 {color: #515151 !important;}
.c_gray4 {color: #999 !important;}
.mscommp {color: #666;font-size: 1.4rem !important;line-height: 2.2rem; font-family: 'SUIT';}
.mscommp span {font-size: 1.4rem; font-family: 'SUIT';}

.dot-list > li{
  position:relative;
  padding-left:2rem;
  color:#666;
  font-size:1.4rem;
  line-height:2.2rem;
  font-family: 'SUIT';
}
.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 > li{
  color:#888;
  font-size:1.2rem;
  line-height:1.6rem;
  list-style-type:decimal;
  font-family: 'SUIT';
}

.ft-blind {
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: -62.4375rem !important;
  text-indent: -62.4375rem !important;
  color: transparent;
}


.car-history-p{
  background:#fff;
  padding:0px !important;
}
.car-history-p .inner{
  margin:0px;
  width:100%;
  padding:0px;
}
.top-header{
    margin-bottom:2.4rem;
}
.top-header dl{
    padding:2.4rem 1.92rem;
    text-align:center;
    background:#f6f6f6;
}
.top-header dl > *{
    line-height:2.8rem;
}
.top-header dt{
    font-size:2rem;
    font-weight:800;
    font-family: 'SUIT';
}
.top-header dd{
    margin-top:0.8rem;
    color:#666;
    font-size:1.6rem;
    font-family: 'SUIT';
}
.top-header dl.document dt{
    margin-bottom:0.4rem;
    font-size:1.4rem;
    line-height:2.2rem;
    text-align:center;
    font-family: 'SUIT';
}
.top-header dl.document dd{
    display:block;
    margin-top:0.4rem;
    color:#666;
    font-size:1.2rem;
    line-height:1.6rem;
    text-align:center;
    font-family: 'SUIT';
}
.search-date{
    display:block;
    margin-top:0.8rem;
    padding:0 2rem;
    color:#666;
    font-size:1.2rem;
    line-height:1.6rem;
    text-align:right;
    font-family: 'SUIT';
}


.history-cont{
    padding:0 2rem;
}

.history-slide > dl > dt{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.2rem 0;
}
.history-slide.inspect > dl > dt{
    padding:1.2rem 2rem;
}
.history-slide > dl > dt .title{
    display:flex;
    justify-content:start;
    align-items:center;
    gap:0 0.8rem;
}
.history-slide > dl > dt .title .info-btn{
    flex:none;
    margin:0;
}
.history-slide > dl > dt p{
    color:#000;
    font-size:1.8rem;
    font-weight:600;
    line-height:2.6rem;
    font-family: 'SUIT';
}
.history-slide > dl > dd{
    display:none;
    padding:0.8rem 0 2.4rem;
}

.t-history{
  border-top:0.1rem solid #ddd;
  width:100%;
}
.t-history th,.t-history td{
  font-weight:400;
  border-right:0.1rem solid #ddd;
  border-bottom:0.1rem solid #ddd;
  font-family: 'SUIT';
  box-sizing:border-box;
  vertical-align: middle;
}
.t-history thead tr > *:first-child,.t-history tbody tr > *:first-child,.t-history tfoot tr > *:first-child{
  border-left:0.1rem solid #ddd;
  font-family: 'SUIT';
}
.t-history thead th{
  background:#f9f9f9;
  font-family: 'SUIT';
}
.t-history th,.t-history td{
  padding:1.6rem 0.8rem;
  font-size:1.2rem;
  line-height:1.6rem;
  text-align:left;
  font-family: 'SUIT';
}
.t-history tbody th,.t-history tfoot th{
  background:#f9f9f9;
  font-family: 'SUIT';
}
.t-history tbody td,.t-history tfoot td{
  height:4.9rem;
  color:#515151;
  font-family: 'SUIT';
}
.t-history th.tgroup{
  background:#f4f4f4;
  font-family: 'SUIT';
}
.t-history tfoot td{
  text-align:right;
  font-family: 'SUIT';
}
.t-history .val{
  position:relative;
  color:inherit;
  font-size:inherit;
  font-family: 'SUIT';
}
.t-history .val + .val::before{
  margin:0 0.2rem;
  content:'/';
  font-family: 'SUIT';
}
.t-history + .t-history{
  border-top:0;
  font-family: 'SUIT';
}

.dot-text{
  overflow:hidden;
  position:relative;
  padding-left:1rem;
  color:#666;
  font-size:1.4rem;
  line-height:2.2rem;
  font-family: 'SUIT';
}
.dot-text::before{
  position:absolute;
  left:-4px;
  top:0;
  font-weight:700;
  content:'ㆍ';
  font-family: 'SUIT';
}
.deployment_box.car {
	padding: 0 2rem;
} 

.record-history-box .dot-text{
    font-size:1.2rem;
    line-height:1.6rem;
    font-family: 'SUIT';
}
.record-history-box table + .dot-text{
    margin-top:1rem;
}
.record-history-box .dot-text span{
    color:#131313;
    font-size:inherit;
    line-height:inherit;
    font-family: 'SUIT';
}


.t-info{
  border-top:0.1rem solid #ddd;
  width:100%;
  box-sizing:border-box;
  vertical-align: middle;
}
.t-info th,.t-info td{
  font-weight:400;
  border-right:0.1rem solid #ddd;
  border-bottom:0.1rem solid #ddd;
  font-family: 'SUIT';
}
.t-info thead tr > *:first-child,.t-info tbody tr > *:first-child{
  border-left:0.1rem solid #ddd;
  font-family: 'SUIT';
}
.t-info thead th{
  padding:1.6rem 0.8rem;
  line-height:1.6rem;
  font-size:1.2rem;
  text-align:center;
  background:#f9f9f9;
  font-family: 'SUIT';
  box-sizing:border-box;
  vertical-align: middle;
}
.t-info tbody th,.t-info tbody td{
  padding:1.6rem 0.8rem;
  font-size:1.2rem;
  line-height:1.6rem;
  text-align:center;
  font-family: 'SUIT';
}
.t-info tbody th{
  background:#f9f9f9;
}
.t-info tbody td{
  color:#515151;
  word-break:break-all;
}
.t-info tbody td *{
  font-size:1.2rem;
  font-family: 'SUIT';
}
.t-info tbody td ul li{
  font-size:1rem;
  font-family: 'SUIT';
}
.t-info tbody td ul + p{
  margin-top:1rem;
  font-family: 'SUIT';
}
.t-info.history tbody td{
  text-align:left;
  font-family: 'SUIT';
  box-sizing:border-box;
  vertical-align: middle;
}
.t-info tbody td .pay del{
  color:#999;
  line-height:2rem;
  font-family: 'SUIT';
}
.t-info tbody td .pay strong{
  display:block;
  margin-top:0.4rem;
  font-size:1.6rem;
  font-weight:800;
  line-height:2rem;
  font-family: 'SUIT';
}

.device_box .device_con {display: flex;align-items: center;background-color: #F9F9F9;padding: 1rem 1.6rem;box-sizing: border-box;border-right: 0.1rem solid #ddd;}
.history_tbl tr.device_box {border-bottom: 0.1rem solid #ddd;display: flex;width: 100%;align-items: center;justify-content: space-between;}
.history_tbl.device_tbl {border-left: 0.1rem solid #ddd;border-right: 0.1rem solid #ddd;border-top: 0.1rem solid #ddd; width:100%;}
.history_tbl tr.device_box th {flex: 1 1 auto;max-width: calc(100% - 56px);align-items: center; font-family: 'SUIT';}
.history_tbl tr.device_box td {flex: 0 0 auto;;width: 20%;max-width: 56px; font-family: 'SUIT';}

.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_con.active .device_ico.abs {background-image: url(../images/sub/p_badge1_on.svg);}
.device_box .device_con.active .device_ico.aeb {background-image: url(../images/sub/p_badge2_on.svg);}
.device_box .device_con.active .device_ico.apas {background-image: url(../images/sub/p_badge3_on.svg);}
.device_box .device_con.active .device_ico.bsd {background-image: url(../images/sub/p_badge4_on.svg);}
.device_box .device_con.active .device_ico.esc {background-image: url(../images/sub/p_badge5_on.svg);}
.device_box .device_con.active .device_ico.ldws {background-image: url(../images/sub/p_badge6_on.svg);}
.device_box .device_con.active .device_ico.psf {background-image: url(../images/sub/p_badge7_on.svg);}
.device_box .device_con.active .device_ico.acam {background-image: url(../images/sub/p_badge8_on.svg);}
.device_box .device_con.active .device_ico.afcw {background-image: url(../images/sub/p_badge9_on.svg);}
.device_box .device_con.active .device_ico.bcam {background-image: url(../images/sub/p_badge10_on.svg);}
.device_box .device_con.active .device_ico.btcam {background-image: url(../images/sub/p_badge11_on.svg);}
.device_box .device_con.active .device_ico.fcw {background-image: url(../images/sub/p_badge12_on.svg);}
.device_box .device_con.active .device_ico.lkas {background-image: url(../images/sub/p_badge13_on.svg);}
.device_box .device_con.active .device_ico.spas {background-image: url(../images/sub/p_badge14_on.svg);}
.device_box .device_con.active .device_ico.acc {background-image: url(../images/sub/p_badge15_on.svg);}
.device_box .device_con.active .device_ico.afls {background-image: url(../images/sub/p_badge16_on.svg);}
.device_box .device_con.active .device_ico.bas {background-image: url(../images/sub/p_badge17_on.svg);}
.device_box .device_con.active .device_ico.drl {background-image: url(../images/sub/p_badge18_on.svg);}
.device_box .device_con.active .device_ico.hud {background-image: url(../images/sub/p_badge19_on.svg);}
.device_box .device_con.active .device_ico.tpms {background-image: url(../images/sub/p_badge20_on.svg);}
.device_box .device_con.active .device_ico.bpsf {background-image: url(../images/sub/p_badge21_on.svg);}
.device_box .device_con.active .device_ico.lfa {background-image: url(../images/sub/p_badge22_on.svg);}
.device_box .device_con.active .device_ico.hdp {background-image: url(../images/sub/p_badge23_on.svg);}
.device_box .device_con.active .device_ico.rspa {background-image: url(../images/sub/p_badge24_on.svg);}

.device_box .device_con .device_txt {margin-left: 0.8rem;font-size: 1.4rem;color: #888; font-family: 'SUIT';font-weight: 500;}
.device_box .device_con .device_ico.abs {background-image: url(../images/sub/p_badge1.svg);}
.device_box .device_con .device_ico.aeb {background-image: url(../images/sub/p_badge2.svg);}
.device_box .device_con .device_ico.apas {background-image: url(../images/sub/p_badge3.svg);}
.device_box .device_con .device_ico.bsd {background-image: url(../images/sub/p_badge4.svg);}
.device_box .device_con .device_ico.esc {background-image: url(../images/sub/p_badge5.svg);}
.device_box .device_con .device_ico.ldws {background-image: url(../images/sub/p_badge6.svg);}
.device_box .device_con .device_ico.psf {background-image: url(../images/sub/p_badge7.svg);}
.device_box .device_con .device_ico.acam {background-image: url(../images/sub/p_badge8.svg);}
.device_box .device_con .device_ico.afcw {background-image: url(../images/sub/p_badge9.svg);}
.device_box .device_con .device_ico.bcam {background-image: url(../images/sub/p_badge10.svg);}
.device_box .device_con .device_ico.btcam {background-image: url(../images/sub/p_badge11.svg);}
.device_box .device_con .device_ico.fcw {background-image: url(../images/sub/p_badge12.svg);}
.device_box .device_con .device_ico.lkas {background-image: url(../images/sub/p_badge13.svg);}
.device_box .device_con .device_ico.spas {background-image: url(../images/sub/p_badge14.svg);}
.device_box .device_con .device_ico.acc {background-image: url(../images/sub/p_badge15.svg);}
.device_box .device_con .device_ico.afls {background-image: url(../images/sub/p_badge16.svg);}
.device_box .device_con .device_ico.bas {background-image: url(../images/sub/p_badge17.svg);}
.device_box .device_con .device_ico.drl {background-image: url(../images/sub/p_badge18.svg);}
.device_box .device_con .device_ico.hud {background-image: url(../images/sub/p_badge19.svg);}
.device_box .device_con .device_ico.tpms {background-image: url(../images/sub/p_badge20.svg);}
.device_box .device_con .device_ico.bpsf {background-image: url(../images/sub/p_badge21.svg);}
.device_box .device_con .device_ico.lfa {background-image: url(../images/sub/p_badge22.svg);}
.device_box .device_con .device_ico.hdp {background-image: url(../images/sub/p_badge23.svg);}
.device_box .device_con .device_ico.rspa {background-image: url(../images/sub/p_badge24.svg);}
.device_box .device_status {font-size: 1.8rem;font-weight: 500;color: #888;width: 100%;text-align: center; font-family: 'SUIT';}
.device_box .device_status.install::before {content: "○";font-weight: 500;color: #0096FF;font-size: 1.4rem; font-family: 'SUIT';}
.device_box .device_status.choice::before {content: "△";font-weight: 500;color: #888;font-size: 1.4rem; font-family: 'SUIT';}
.device_box .device_status.none::before {content: "-";color: #888;font-size: 1.4rem; font-family: 'SUIT';}
.device_box .device_status.not::before {content: "X";color: #888;font-size: 1.4rem; font-family: 'SUIT';}
.device_box .device_con.active .device_txt {font-size: 1.4rem;font-weight: 500;letter-spacing: -0.2px;color: #579AFF; font-family: 'SUIT';} 


/*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: 17.5px 7px;height: auto;font-size: 12px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;background-color: #f9f9f9;text-align: center;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.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;}
.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: 690px;}
.map-dot.repair-type01 .ico {background-color: #579AFF;background-image: url(/resources/images/sub/map_dot01.svg);background-repeat: no-repeat;}
.map-dot.repair-type02 .ico {background-color: #FF3F3F;background-image: url(/resources/images/sub/map_dot02.svg);background-repeat: no-repeat;}
.map-dot.repair-type03 .ico {background-color: #13B78B;background-image: url(/resources/images/sub/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/sub/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.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;
}



.desc-box{
    margin-top:1.2rem;
    padding:2.4rem 2rem;
    background:#f9f9f9;
    font-family: 'SUIT';
    box-sizing:border-box;
}
.desc-box h4{
    margin-top:4rem;
    margin-bottom:2rem;
    font-size:1.8rem;
    line-height:2.6rem;
    font-family: 'SUIT';
}
.desc-box h4:first-child{
    margin-top:0;
}
.desc-box .dot-list span{
    color:#131313;
    font-size:inherit;
    line-height:inherit;
    font-family: 'SUIT';
}
.desc-box .dot-list ol{
    margin:0.2rem;
    padding-left:1.2rem;
    font-family: 'SUIT';
    box-sizing:border-box;
}
.rule-box{
    padding:2.4rem 0;
    text-align:center;
    font-family: 'SUIT';
    box-sizing:border-box;
}
.rule-box p{
    font-size:1.2rem;
    line-height:1.6rem;
    font-family: 'SUIT';
}


.layer-bottom-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
}
.layer-bottom-wrap .layer-box {
  overflow:hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform:translateX(-50%);
  z-index: 3;
  width: 100%;
  max-width: 720px;
  height: auto;
  max-height:calc(100vh - 80px);
  padding-top:2.4rem;
  /* padding-bottom: 1.25rem; */
  border-radius:2.4rem 2.4rem 0 0;
  background-color: #ffffff;
  box-sizing:border-box;
}
.layer-bottom-wrap .layer-header{
  position:relative;
  padding:0.8rem 5.2rem 1.6rem 2rem;
  box-sizing:border-box;
}
.layer-bottom-wrap .layer-header h1{
  font-size:2rem;
  font-weight:800;
  line-height:2.4rem;
  font-family: 'SUIT';
}
.layer-bottom-wrap .layer-header h1 .date{
  margin-left:0.8rem;
  color:#666;
  font-size:1.2rem;
  font-weight:normal;
  font-family: 'SUIT';
}
.layer-bottom-wrap .layer-header .layer-close {
  overflow:hidden;
  position: absolute;
  right: 4px;
  top: -5px;
  width: 4.8rem;
  height: 4.8rem;
  background:url(../images/sub/btn_layer_top_close.png) no-repeat center center;
  background-size:contain;
  z-index: 1;
}
.layer-bottom-wrap .layer-box .layer-cont {
  overflow-y:auto;
  height:100%;
  max-height: calc(100vh - 242px);
  padding:0 2rem;
  box-sizing:border-box;
  font-family: 'SUIT';
}
.layer-bottom-wrap .layer-cont .panel-header{
  padding:2.4rem 2rem;
  box-sizing:border-box;
}
.layer-bottom-wrap .layer-cont .panel-header h4{
  padding:0;
  font-family: 'SUIT';
}
.layer-bottom-wrap .layer-cont .panel-header span{
  color:#666;
  font-family: 'SUIT';
}
/* .layer-bottom-wrap.middle .layer-box .layer-cont {
  max-height: 18rem;
} */
.layer-bottom-wrap .layer-box .layer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap:0 0.5rem;
  padding:1.6rem 2rem;
  border-top:0.1rem solid #eee;
  box-sizing:border-box;
}
.layer-bottom-wrap .layer-box .layer-btn .base-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius:4px;
}
.layer-bottom-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer-bottom-wrap .dimmed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.layer-cont .guide-box{
  padding:1.6rem 0 4rem;
  box-sizing:border-box;
}
.layer-cont .guide-box .text{
  color:#515151;
  line-height:2.4rem;
  font-family: 'SUIT';
}
.layer-cont .guide-box .text strong{
  color:inherit;
  font-weight:800;
  line-height:inherit;
}
.layer-cont .guide-box .title{
  font-weight:800;
  line-height:2.4rem;
  font-family: 'SUIT';
}
.layer-cont .guide-box .text + .title{
  margin-top:1.6rem;
  font-family: 'SUIT';
}
.layer-cont .guide-box .title + .t-reborn{
  margin-top:1.6rem;
}
.layer-cont .guide-box .desc-list li{
  color:#515151;
  line-height:2.4rem;
  font-family: 'SUIT';
  font-size:1.6rem;
}
.layer-cont .guide-box .desc-list li + li{
  margin-top:2rem;
}
.layer-cont .guide-box .desc-list li strong{
  color:#131313;
  font-weight:500;
  line-height:inherit;
  font-family: 'SUIT';
}