@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: middle;
    box-sizing: border-box;
}
ol, ul , ul li{
	list-style: none;
    padding:0;
    margin:0;
}
table {	
	color: #666660; font-size: 14px;
}
input, select, textarea { 
	color: #000000; font-size: 14px;
}
input[type=radio]{
    vertical-align: middle;
}
/* Chrome, Firefox, Opera, Safari 10.1+ */
input:focus::placeholder{
    color:transparent;
}

/* Edge */
input:focus::-ms-input-placeholder{
    color:transparent;
}

td { 
	color: #4a4a4a;  font-size: 14px;
    box-sizing: border-box;
}
.table-pd{
    padding:0 5px;
}

/* 정산서들의 popup 스타일 */
.style1 {font-size: 17px}
.style2 {
	font-size: 24px;
	font-weight: bold;
}
.style3 {
	font-size: 18px;
	font-weight: bold;
    margin-bottom: 10px;
}
.style7{
    margin-bottom: 10px;
}
.pos-r{
    position: relative;
}

/* font-color */
.num-blue{
    color:#1b61aa !important;
}
.num-red{
    color:#FF0000 !important;
}

.fw-bold{
    font-weight: 700;
}

.d-flex{
    display: inline-flex;
    align-items: center;
    gap:0 10px;
    justify-content: end;
}

.mr-5{
    margin-right: 5px;
}
/* btn  */
.btn{
    cursor: pointer;
    background: #fff;
    border: 1px solid #c2c2c2;
}

.btn.btn-sm{
    line-height:1;
    padding:4px 7px;
    height:26px;
    border-radius:5px;
    font-size:13px;
}

.btn.btn-primary{
    border:1px solid #0d6efd;
    color: #0d6efd;
}
.btn.btn-primary:hover{
    color:#fff;
    background: #0d6efd;
}
.btn.btn-sm i{
    margin-right:4px;
}

.btn.btn-secondary {
    border: 1px solid #e90000;
    color: #e90000;
}
.btn.btn-secondary:hover{
    color:#fff;
    background: #e90000;
}

.btn.btn-dark{
    border:1px solid #212529;
    color: #212529;
}
.btn.btn-dark:hover{
    color:#fff;
    background: #212529;
}


.btn-print{
    display: flex;
    align-items: center;
}
.btn-print i{
    font-size: 18px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
}
.form-list {
    display:inline-block;
    vertical-align: middle;
}
.form-list li{
    display:inline-block;
    vertical-align: middle;
    margin-right:4px;
}

.form-list + .form-list{
    margin-left:20px;
}
.form-list.select-company{
    width:100%;
}
.form-list.select-company li:nth-child(2){
    width:calc(100% - 65px);
}
.form-list.select-company li:nth-child(2) input{
    width: 100%;
}
/* 마진 */
.ml-1{
    margin-left: 4px;
}
.ml-10{
    margin-left: 10px;
}

/* 필수 */
table .table-th{
	font-weight: 400;
}

input[type=text],
input[type=password] {
	border-radius: 0px;
    -webkit-appearance: none;
    min-height: 26px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

input[type=text],
input[type=date]{
	border:solid 1px #d1d1d1;

}

input[type=text][disabled],
input[type=text]:read-only,
fieldset[disabled] input[type=text],
input[type=password][disabled],
input[type=password]:read-only,
fieldset[disabled] input[type=password] {
	/* opacity:1; */
	/* background:#ebebeb; */
	border:1px solid #d5d5d5;
}

table input[type=text],
table input[type=password] {
    box-sizing: border-box;
}


textarea {
	width:100%;
	height:auto;
}

select{
	box-sizing:border-box;
	border-radius: 0px;
    min-height: 26px;
    padding: 0 2px;
    font-size: 14px;
    color: #666;
    border:solid 1px #d1d1d1;
    margin: 5px auto;
}

select[disabled],
select[readonly],
fieldset[disabled] select {
	opacity:.6;
	background:#ebebeb;
	border:1px solid #d5d5d5;
}

textarea{
	box-sizing:border-box;
	padding:3px 5px;
	color:#4a4a4a;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	border: 1px solid #d1d1d1;
	border-radius:0;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin: 5px auto;
}

a:active {
	color: #336600; text-decoration: none;
}
a:link { 
	color: #4a4a4a; text-decoration: none 
}
a:visited { 
	color: #4a4a4a; text-decoration: none
}
a:hover { 
	color: #008080; text-decoration: underline;
}

.menu a:active {
	color: #FFFFFF; 
}
.menu a:link { 
	color: #FFFFFF; 
}
.menu a:visited { 
	color: #FFFFFF; 
}
.menu a:hover { 
	color: #FFFF00; text-decoration: underline; position:relative; top:1; left:1
}

.ncss a:active {
	color: #004080; 
}
.ncss a:link { 
	color: #004080; 
}
.ncss a:visited { 
	color: #004080;
}
.ncss a:hover { 
	color: #004080; text-decoration: underline;
}

.nmsg a:active {
	color: #808080;
}
.nmsg a:link { 
	color: #808080; 
}
.nmsg a:visited { 
	color: #808080;
}
.nmsg a:hover { 
	color: #808080; text-decoration: underline;
}

.text_gray {
	color: #C0C0C0;
}
.text_nurung {
	color: #F1E97E;
}

.text {
	border:1 solid  #008ad9;
}

.font-white {
	color: #FFFFFF;
}
.font-white:active {
	color:#FFFFFF; text-decoration: none;
}
.font-white:link { 
	color: #FFFFFF; font-size: 14px; text-decoration: none;
}
.font-white:visited { 
	color: #FFFFFF; font-size: 14px; text-decoration: none;
}
.font-white:hover { 
	color: #FFFFFF; font-size: 14px; text-decoration: none; position:relative; top:1; left:1
}
.text-blue{
    color: #0066CC;
}
.text-blue2{
    color: blue;
}
.text-orange{
    color: #FF0000;
}
.text-red{
    color: red;
}
.button {
	background-color: #FAFAFA;
	border:1 solid  #000000;
	line-height: 150%;
	letter-spacing: -1;
	font-size: 14px;
}

.pageBreak {page-break-before: always}


.table-style.list-style td{
	height: 35px;
	border-bottom: 1px solid #c2c2c2;
}
.table-style .table-th{
	height: 35px;
    text-align: left;
    background-color: #f6f6f6;
    color: #585858;
    padding-left: 21px;
}
.table-style.table-hover tr:hover{
background:#d9f3fb;
cursor: pointer;
}

td.table-th.table_text_aline {
    text-align: center;
    font-weight: bold;
    padding-left: 0;

}

td.table-th.table_text_aline2 {
    text-align: center;
    padding-left: 0;

}




/* btn-red */
.btn{
    vertical-align: middle;
}
.btn-red{
	cursor:pointer;
	background-color:#ffecec;
	color:#ff0000;
	border:#ff0000 1px solid;
	padding:5px 3px 3px 3px;
	width:50px;
	height:35px;
	margin:2px 10px;
}
/*수정하기버튼*/
.btn-red-sm { 
	cursor: pointer;
    background-color: #fff;
    color: #e10d0d;
    border: #e10d0d 1px solid;
    padding: 6px 17px;
    border-radius: 5px;
    margin: 5px auto;
} 
.btn-red-sm:hover {
	background: #e10d0d;
	color: #fff;
}
.btn-xs {
    font-size: 12px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    border-radius: 4px;
    padding: 0;
}
.btn-xs.btn-icon {
    font-size: 16px;
    line-height: 12px;
}
/*작은수정*/
.btn-red-sm2, .sms_send{ 
	cursor: pointer;
    background-color: #fff;
    color: #e10d0d;
    border: #e10d0d 1px solid;
    min-height: 26px;
    border-radius: 5px;
} 
.btn-red-sm2:hover,
.sms_send:hover,
.btn_normal_red:hover {
    background: #e10d0d;
	color: #fff;
}

/*중복회색버튼*/
.btn_normal {
	cursor: pointer;
    background-color: #efefef;
    color: #3c3c3c;
    border: #a3a3a3 1px solid;
    padding: 4px;
    width: 70px;
    border-radius: 5px

}
.btn_normal_red {
	cursor: pointer;
    background-color: #fff;
    color: #e10d0d;
    border: #e10d0d 1px solid;
    padding: 4px;
    width: 70px;
    border-radius: 5px

}
.btn_normal_s {
	cursor: pointer;
    background-color: #efefef;
    color: #3c3c3c;
    border: #a3a3a3 1px solid;
    padding: 4px;
    border-radius: 5px

}
.btn_normal2 {
	cursor: pointer;
    background-color: #efefef;
    color: #3c3c3c;
    border: #a3a3a3 1px solid;
    padding: 4px;
    border-radius: 5px;
    padding: 5px 10px;
}
.btn_normal:hover, .btn_normal2:hover, .btn_normal_s:hover {
    background: #dfdfdf;
}
/*검색버튼*/
.btn_search{ 
	cursor: pointer;
    background-color: #fff;
    color: #0d6efd;
    border: #0d6efd 1px solid;
    min-height: 26px;
    border-radius: 5px;

} 
.btn_search:hover {
	background: #0d6efd;
	color: #fff;
}
.btn_del{ 
	cursor: pointer;
    background-color: #fff;
    color: #000;
    border: #000 1px solid;
    min-height: 26px;
    border-radius: 5px;

} 
.btn_del:hover {
	background: #000;
	color: #fff;
}

.btn_blue_big { 
	cursor: pointer;
    background-color: #fff;
    color: #0d6efd;
    border: #0d6efd 1px solid;
    padding: 6px 17px;
    border-radius: 5px;
    margin: 5px auto;
} 
.btn_blue_big:hover {
	background: #0d6efd;
	color: #fff;
}
.btn-blue{
	cursor:pointer;
	background-color:#e7f5ff;
	color:#084573;
	border:#084573 1px solid;
}
.btn-lightblue{
	cursor:pointer;
	background-color: #e7f5ff;
    color: #0a304c;
    border: #7b9db5 1px solid;
    padding: 4px;
    border-radius: 7px;
    margin-right: 3px;
}
.btn-lightblue:hover{
	background-color: #b6d6ed;
    
}
.btn_enter {
	cursor:pointer;
	background-color: #0066CC;
    color: #ffffff;
    border:none;
    height: 60px;
    width: 70px;
    border-radius: 4px;
}
.btn_enter:hover {
	background: #082f50;
}
.btn-black{
	cursor:pointer;
	background-color:#ffffff;
	color:#000000;
	border:#000000 1px solid;
}

.bg-darkblue{
  background-color: #082f50;
  color: #e7e7e7;
}
.bg-darkblue a{
  color: #e7e7e7;
}
.fc-emphas{
  color: red;
  font-weight: 700;
}

.menu01 td, .menu01 a{
	font-size: 16px;
}

.menu-link{
  position: relative;
}
.menu-link:after{

}
.ml-10{
	margin-left: 10px;
}
a.btn-link:hover{
	text-decoration: none;
}
table.list-table-standard{
	border-collapse: collapse;
	border-left: 0;
}
.list-table-standard td{
	border : 1px solid #c2c2c2;
	color: #4a4a4a;
    font-weight: normal;
    height: 35px;
}

.list-table-standard .table-th-dark{
	background-color: #7e8b93;
	color: #fff;
	height: 35px;
	text-align: center;
}
.list-table-standard .table-th-style2{
	background-color: #de7a80;
	color: #fff;
	height: 35px;
	text-align: center;
}
.list-table-standard .table-th-style3{
	background-color: #4381aa;
	color: #fff;
	height: 35px;
	text-align: center;
}
.list-table-standard .table-th-style4{
	background-color: #eed285;
	color: #000;
	height: 35px;
	text-align: center;
}
.list-table-standard td.td-total{
    background-color:#f6f6f6;
}
.list-table-standard td.td-total2{
    background-color:#A9CEDE;
}

.list-table-standard.table-hover tr:hover{
    background:#d9f3fb;
    cursor: pointer;
    }
.tag-round{
	display: inline-block;
	border: 1px solid #e7e7e7;
	border-radius: 35px;
	padding: 5px 10px;
	color: #e7e7e7;
	font-size: 14px;
    background:none;
}
img.bullet{
	vertical-align: middle;
}

.sub-menu .sub-menu-item{
	margin: 0 5px;
}

/*nr_add*/
h1, h4 {
    font-size: 15px;
    color: #323232;
    display: inline-block;
}
h2 {
    font-size: 15px;
    color: #5e5e5e;
}
h4 {

    margin-top: 0;
}
td.tble_line {
    border-top: 1px solid #d7d7d7;
}
input.table_input {
    width: 89%;
}

input.table_input_long {
	width: 95.45%;
}
input.bank_input1 {
    width: 9%;
    margin-right: 22px;
}
input.bank_input2 {
    width: 18%;
    margin-right: 22px;
}
input.bank_input3 {
    width: 18%;
    margin-right: 22px;
}
td.table-th.table_text_aline2.h_30 {
    height: 35px;
}
input.set02_price {
    width: 32%;
    margin-right: 6px;
}
table.table-style {
    border-color: #c2c2c2;
}
table.tbl_pd td, table.tbl_pd td, td.tbl_pd{
    padding-left: 0;
}
td.td_pd {
    padding-left: 10px;
}
.sms_box li {
    list-style: none;
    line-height: 21px;
    margin-bottom: 13px;
}

textarea.txt_sms {
    height: 70px;
}
.sms_text {
	border:0px; width:10px;background:#e8fafe;color:black;font-weight:bolder;text-align:right;
}


td.table-th.td_txt_align {
    text-align: center;
    padding-left: 0 !important;
}
th.table-th.td_tbl_align {
    text-align: center;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding-left: 0;
}
td.td_tbl_align {
    text-align: center;
    border-right: 1px solid #c2c2c2;
    padding-left: 0;
}

/*페이징*/
/* pagination */
.pagination-wrap{
    text-align:center;
}
.pagination{
    display:inline-block;
}
.pagination li{
    display:table-cell;
    border-collapse:collapse;
	border-spacing:0;
    vertical-align: middle;
    
}
.pagination li a{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width:30px;
    height:30px;
    color:#bdbdbd;
    border-top:1px solid #cecece;
    border-right:1px solid #cecece;
    border-bottom: 1px solid #cecece;
    vertical-align: middle;
}
.pagination li a:hover{
    color: #35addf;
}
.pagination li a.active{
    background: #35addf;
    color:  #fff;
}
.pagination li:first-child a{
    border-left:1px solid #cecece;
    border-radius:3px 0 0 3px;
}
.pagination li:last-child a{
    
    border-radius:0 3px 3px 0;
}
img.excel_btn {
    float: right;
    position: relative;
}
table.sale07_table th {
    background: #f6f6f6;
    height: 35px;
    font-weight: normal;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
}
table.sale07_table th:last-child, table.sale07_table td:last-child {
    border-right: 1px solid #c2c2c2;
}
table.sale07_table td {
    height: 35px;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding-left: 10px;
    text-align: center;
}

.page_prev01:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_prev01.png') no-repeat;
    width:9px;
    height:8px;
}
.page_prev02:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_prev02.png') no-repeat;
    width:5px;
    height:8px;
}
.page_next01:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_next01.png') no-repeat;
    width:9px;
    height:8px;
}
.page_next02:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_next02.png') no-repeat;
    width:5px;
    height:8px;
}

.table-scroll-wrap{
    overflow-x: scroll;
    width:100%;
}

/* text-align  */
.text-left{
    text-align:left;
    padding-left:20px;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right !important;
    padding-right:20px !important;
}
.text-right2{
    text-align:right !important;
    padding-right:10px !important;
}
.align-num{
    text-align:right !important;
    padding-right:6px !important;
}

.text-vtop{
vertical-align: top;
}

td.text-vtop{
    vertical-align: top;
    padding-top:10px;
}
.data-dash{
    margin-left:5px;
    margin-right:5px;
}



/* 접수대장 리스트 */
.adm-status-box{
    display: inline-block;
    min-width:40px;
    height: 20px;
    font-size: 13px;
    padding:2px;
    color: #fff;
}

.table-bg-even tr:nth-child(odd) td{
    background: #f4ecd1;

}
.table-bg-even tr:nth-child(odd) td.no-bg{
    background: none;
}
.table-bg-even tr.sbtitle td{
    background: #7e8b93;
    color: #fff;
}
.table-bg-even td.case01,
.adm-status-box.case01{
    /* 대기 */
    background: #c89900 !important;
}
.table-bg-even td.case02,
.adm-status-box.case02{
        /* 진행 */
    background: green !important;
}
.table-bg-even td.case03,
.adm-status-box.case03{
        /* 마감 */
    background: hotpink !important;
}
.table-bg-even td.case04,
.adm-status-box.case04{
        /* 낙찰 */
    background: #234dcc !important;
}
.table-bg-even td.case05,
.adm-status-box.case05{
    background: #00aa9c !important;
}
.table-bg-even td.case06,
.adm-status-box.case06{
    /* 종결 */
    background: #343434 !important;
}
.table-bg-even td.case07,
.adm-status-box.case07{
    background: #234d9c !important;
}
.table-bg-even td.default,
.adm-status-box.default{
    background: #a41917 !important;
}


.sel-time-wrap{
    display: inline-block;
    margin-right: 10px;
}
.sel-time-wrap input,
.sel-time-wrap label{
    vertical-align: middle;
}
.sel-time-wrap label{
    margin-right: 6px;
}


/* 접수대장 view */
.adm-view-wrap{
    position: relative;
    display: flex;
    justify-content: space-between;

}
.adm-view-left{
    position: relative;
    width:calc(100% - 420px);
}
.adm-car-name{
    width:100%;
    display: block;
    font-size:24px;
    padding:10px 0;
    font-weight: 700;
}
.adm-view-left .car-info{
    font-size: 15px;
    padding:0px 0 12px;
}

.adm-view-right{
    width:400px;
}
.summary-body-top{
    padding:8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #2cade2;
}
.bohum-name{
    color: #ff4141;
    font-weight: 700;
    font-size: 18px;
}
.bohum-num{
    color: #0066CC;
}

/* 접수대장 - 입찰하기 폼 */

.side-date{
    display: inline-block;
    vertical-align: middle;
}
.side-date img{
    vertical-align: top;
}


.text-side{
    display: inline-flex;
    margin-left: 10px;
    gap:0 10px;
    align-items: center;
}

/* carinfo - 자동차상세페이지 */

.title {text-align:left;position: relative;}
.title-right{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
.car-info-view {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 30px;
    margin-top:20px;
	text-align: left;
 
}

.car-info-view h3{
	color: #333333;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 1;
    font-weight: 700;
}
.car-info-view .view-container{
	display:inline-block;
	vertical-align: top;
	width: 780px;
}

.car-info-view .aside{
	width: 400px;
}

.car-info-view .car-image,
.car-info-view .car-image .img-wrap,
.car-info-view .car-image .img-wrap img{
	width: 100%;
}
.car-image .img-wrap{
	position:relative;
}
.car-image .img-wrap.swiper{
	width: 100%;
}
.car-image .img-wrap.bxslider{
	width: 100%;
    height:520px;
}
.car-image.for-parts .img-wrap.swiper{
	width: 100%;
	
}
.car-image.for-parts .img-wrap.bxslider{
	width: 100%;
	
}
.car-image .bx-viewport{
    height: 520px;
    background: #a1a1a1 url(/images/img/noimg.png) no-repeat;
    background-position: center center;
    background-size: 15%;
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup{
	width: 1280px;
	height: 768px;
}
.layer-popup-wrap .car-image,
.layer-popup-wrap .bx-wrapper{
	min-width: 1280px;
}
.car-image .img-wrap img{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	object-fit: cover;
}
.car-image .img-wrap.bxslider img{
	position: relative;
	width: 100%;
	top: unset;
	transform: none;
	height: 520px;
	object-fit: cover;
}
.car-image.for-parts .img-wrap.bxslider img{
	height: 768px;
	object-fit: contain;
	background-color: rgba(0,0,0,.8)
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup img{
	position: relative;
	top: unset;
	width: 100%;
	height: 768px;
	transform: none;
	object-fit: contain;
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup .slide{
	width: 1280px !important;
	height: 768px !important;
}

.img-wrap .nav-prev,
.img-wrap .nav-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	color: #ffffff;
	padding: 5px;
	height: 30px;
	width: 20px;
}

.bx-wrapper .bx-controls-direction a,
.layer-popup-wrap .bx-wrapper .bx-controls-direction a{
	display: inline-block;
	position: absolute;
	top: 50%;
    margin-top:-26px;
	font-size: 52px;
	font-weight: 600;
	color: #ffffff;
	height: 52px;
	width: 52px;
	text-indent: 0;
	text-align: center;
	line-height: 1;
	z-index: 1;
}
.nav-prev{
	left: 10px;
}
.nav-next{
	right: 10px;
}
.swiper-button-prev.nav-prev:after, .swiper-button-next.nav-next:after{
	content: none;
}
.swiper-button-prev.nav-prev:before, .swiper-button-next.nav-next:before{
	display: inline-block;
	width: 20px;
	height: 30px;
	text-align: center;
}

.bx-prev:before{
    content: "\f284";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
.bx-next:before{
    content: "\f285";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
.thum-btn.prev-btn{
    display:inline-block;
    text-align: center;
    padding:0;
}
.thum-btn.prev-btn:after{
    content: "\f284";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:14px;
}
.thum-btn.next-btn{
    display:inline-block;
    text-align: center;
    padding:0;
}
.thum-btn.next-btn:after{
    content: "\f285";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:14px;
}
.btn-zoom{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 10px;
    height:38px;
    width:38px;
	color: #ffffff;
    line-height:0.5;
	border-radius:6px;
	z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
}
.btn-zoom:link{
    color: #Fff;
}
.btn-zoom i{
   display:inline-block;
   font-size:22px;
}
.car-image{
    position: relative;
}

.car-image .swiper .swiper-slide{
    text-align: center;
}
.car-image .pagination{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 60px;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
}
.car-image .bx-wrapper .bx-pager.bx-default-pager,
.layer-popup-wrap .car-image .bx-wrapper .bx-pager.bx-default-pager{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 60px;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
}
.gallery-wide .car-image .bx-wrapper .bx-pager.bx-default-pager{
    left: -86px;
}
.car-info-view .car-image.for-parts .bx-wrapper .bx-pager.bx-default-pager{
	left: unset;
	right: 20px;
}
.pagination .current-page:after{
	content: ' /';
}

.img-list-wrap {
	margin-top: 10px;
    width:780px;
	overflow: hidden;
}
.img-list-wrap .img-list {
    height: 56px;
}

.img-list-wrap .img-list ul{
	display: flex;
	flex-wrap: nowrap;
	background-color: #fff;
}

.img-list-wrap .img-list li{
	width: 78px;
	height: 60px;
	overflow: hidden;
}

.car-info-view .car-image.for-parts + .img-list-wrap .img-list li{
	height: 90px;
}

.img-list-wrap .img-list li > img{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	object-fit: cover;
}

.img-list-wrap .img-list li.active{
	border: 2px solid #00b5ff;
	box-sizing: border-box;
}
.img-list-wrap .img-list li.active > img{
	opacity: 1;
}
.data-line{
    margin:0 20px;
}
.notice-small{
	text-align: center;
	margin-top: 1;
	margin-bottom: 30px;
	font-size: 12px;
	color: #333333;
}
.car-info-view .detail-info {
    position: relative;
	border: 1px solid #eeeeee;
    border-radius:10px;
    overflow: hidden;
    box-shadow: 3px 4px 6px #eee;
}
.car-info-view .detail-info:before{
    content:'';
    display: inline-block;
    width:7px;
    background: #2cade2;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    z-index:4;
}
.car-info-view .detail-info dl{
	display: flex;
	flex-wrap: wrap;
}
.car-info-view .detail-info dl dt,
.car-info-view .detail-info dl dd{
    /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	box-sizing: border-box;
	padding: 10px 20px;
    position: relative;
}

.car-info-view .detail-info dl dt.label{
    flex: 0 0 22%;
    border-bottom: 1px solid #eeeeee;
    color: #353535;
}
.car-info-view .detail-info dl dt.label:after{
    content:':';
    position: absolute;
    right:0;

}
.car-info-view .detail-info dl dd.info-data{
    flex:0 0 78%;
    border-bottom: 1px solid #eeeeee;
    font-weight: 700;
    font-size: 1;
}

table.table-type th{
    /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	flex: 0 0 15%;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
	font-weight: 700;
	color: #888888;
	font-size: 14px;
    
}

table.table-type td{
     /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	flex: 0 0 35%;
	font-weight: 700;
	border-bottom: 1px solid #eeeeee;
	font-size: 1;
}
.car-info-view .detail-info dl dd.info-data.stretch{
	flex: 1 0 75%;
    align-items: flex-start;
}
.car-info-view .notice-must ul li{
	text-indent: -10px;
	margin: 8px 60px 8px 10px;
	line-height: 1.8;
	font-size: 1;
	color: #333333;
	word-break: keep-all;
}

.car-info-view .car-info-summary{
	color: #333333;
}
.car-info-view .car-info-summary .summary-header{
	padding: 18px;
	background-color:#ebf6fb;
	border:1px solid #2cade2;
	border-bottom: 0;
}
.car-info-view .car-info-summary .summary-header .car-name{
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-header .summary-info{
	font-size: 14px;
	font-weight: 600;
	color: #888888;
}
.car-info-view .car-info-summary .summary-header .summary-info > span:after{
	content: ' / ';
}
.car-info-view .car-info-summary .summary-header .summary-info > span:nth-last-of-type(1):after{
	content: none;
}
.car-info-view .car-info-summary .summary-body{
	padding:0 0;
	border:1px solid #2cade2;
	border-top: 0;
	border-bottom: 0;
}
.car-info-view .car-info-summary .summary-body .body-topper{
	display: flex;
	justify-content:end;
    align-items: center;
	margin-bottom: 10px;
    padding-top:10px;
	color: #666666;
	font-size: 15px;
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .body-topper .prefix{
    width:170px;
    padding:0 0 0 18px;
}
.car-info-view .car-info-summary .summary-body .body-topper .suffix{
    width:calc(100% - 130px);
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center;
  
}
.car-info-view .car-info-summary .summary-body .body-topper .suffix > span:after{
	content: '';
	margin: 0 0 0 10px;
	color: #000000;
}
.car-info-view .car-info-summary .summary-body .body-topper .damage-type{
	color: purple;
    margin-left:5px;
}
.car-info-view .location-wrap .bid-type{
    font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .body-topper .bid-type em{
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .body-topper .icon-heart{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('/images/img/icon_heart_off.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}
.car-info-view .car-info-summary .summary-body .body-topper .icon-heart-wrap{
    display: inline-block;
    margin-left:10px;
    margin-right:10px;
}
.car-info-view .car-info-summary .summary-body .body-topper .on .icon-heart{
	background-image: url('/images/img/icon_heart_on.png');
}

.car-info-view .car-info-summary .box-gray{
	background-color: #f8f8f8;
	padding: 18px;
}
.car-info-view .car-info-summary .box-pink{
	background-color: #fff2f5;
	padding: 18px;
}
.car-info-view .car-info-summary .bar-gray > ul > li{
	background-color: #f8f8f8;
}
.car-info-view .car-info-summary .summary-body .detail-info-table{
    border-top:1px solid #2cade2;
    border-bottom:1px solid #2cade2;

}
.car-info-view .car-info-summary .summary-body .detail-info-table .data i{
    color: #333;
    margin-right: 6px;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li{
	display: flex;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li .label{
	flex: 0 0 120px;
	color: #666666;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li .data{
	color: #333333;
	font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li{
	display: flex;
	justify-content: space-between;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .label{
	flex: 0 0 120px;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .data{
	color: #ff4141;
	font-weight: 600;
	font-size: 1;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .data .unit{
	color: #333333;
}
.car-info-view .car-info-summary .notice-small.bold{
	font-weight: 700;
}
.car-info-view .car-info-summary .notice-small{
	font-size: 14px;
	text-align: center;
	padding: 10px 18px;
    font-weight: 400;
    margin:0 0 0 0;
}
.car-info-view .car-info-summary .summary-body input[type="checkbox"]{
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.car-info-view .car-info-summary .notice-small .fc-emphas{
	color: #ff4141;
}
.car-info-view .car-info-summary .summary-body .price-list{
	/* border-bottom: 1px solid #2cade2; */
    border-top:1px solid #2cade2;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li{
	display: flex;
	height: 35px;
	background-color: #fff;
	margin-bottom: 1px;
	justify-content: space-between;
	align-items: start;
	font-size: 14px;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li label{
	vertical-align: middle;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li label input[type=radio]{
	vertical-align: middle;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .label{
	flex: 0 0 130px;

	padding: 9px 10px 9px 10px;
	background-color: #ebf6fb;
	color: #888;
    font-weight: 700;
    box-sizing:border-box;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .label em{
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data{
	display: flex;
    justify-content: right;
	font-size: 14px;
	font-weight: 700;
	padding: 9px 10px 9px 10px;
	color: #000000;
    box-sizing:border-box;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data .unit{
	color: #666666;
	margin-left: 5px;
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data input{
	font-size: 1;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.flex-type{
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 4px;
	align-items: center;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.has-input{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 5px 10px;
	width: calc(70% - 40px);
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"]{
	flex: 0 1 auto;
	height: 30px;
	padding: 5px 10px;
	text-align: right;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 700;
	width: 80%;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"][readonly] {
	border: 0;
	background-color: transparent;
	opacity: 1;
	color: #000000;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.has-input .unit{
	flex: 0 1 33px;
	word-break: keep-all;
} 
.car-info-view .car-info-summary .summary-body .bar-gray .fc-emphas{
	color: #ff4141;
    vertical-align: top;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data .unit{
	color: #666666;
	margin-right: 5px;
	font-weight: 700;
    line-height: 30px;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total{
	height: auto;
	background-color: #ffffff;
	color: #2cade2;
    border-top:1px solid #2cade2;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .label,
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data{
	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 18px;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data{
	display: flex;
	align-items: center;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data input[type="text"][readonly]{
	flex: 1 1 auto;
	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 18px;
	word-break: keep-all;
	min-width: 0;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .label{

	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 18px;
	word-break: keep-all;
	min-width: 0;
}

.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data .unit{
	font-size: 1.6rem;
	color: #2cade2; 
}
.car-info-view .car-info-summary .summary-footer .button-bottom-fix{

	display: flex;
	width: 100%;
}
.car-info-view .car-info-summary .summary-footer .button-bottom-fix [class*=btn-]{
	flex: 1 1 50%;
}
.car-info-view .summary-footer [class*="btn-"]{
	font-size: 16px;
	text-align: center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.car-info-view .btn-outline{
	border: 1px solid #2cade2;
	color: #2cade2;
}
.car-info-view .btn-fill{
	border: 0;
	background-color: #2cade2;
	color: #ffffff;
}
.car-info-view .location-wrap{
    position: relative;
	text-align: left;
	padding: 10px 0;
	font-weight:300;
    font-size: 1.6rem;
}
.car-info-view .location-wrap a{
	display: inline-block;
    font-weight:300;
    font-size: 1.6rem;
    color:#2d2d2d;
}





.btn-listgo{
    position: absolute;
    right:0;
}
.car-info-view .location-wrap .btn-listgo a{
    font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"].input-price01{
    width:160px;
}

.zoom-image-wrap{
	min-width: 800px;
	width: 100%;
}
.zoom-image-wrap .header-summary{
	width: 100%;
}
.zoom-image-wrap .img-list-wrap{
	margin-top: 10px;
}
.zoom-image-wrap .img-list-wrap .img-list ul{
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	background-color: #ffffff;
}
.zoom-image-wrap .img-list-wrap .img-list li{
	background-color: #ffffff;
	flex: 0 0 10%;
	height: 60px;
	overflow: hidden;
}
.zoom-image-wrap .img-list-wrap .img-list li > img{
	width: 100%;
	opacity: 0.5;
}
.zoom-image-wrap .img-list-wrap .img-list li.active{
	box-sizing: border-box;
	border: 2px solid #00b5ff;
}
.zoom-image-wrap .img-list-wrap .img-list li.active > img{
	opacity: 1;
}



.view-container .img-list-wrap .img-list,
.layer-popup-wrap .img-list-wrap .img-list,
.gallery-wide .img-list-wrap .img-list{
	position: relative;
}

.view-container .img-list-wrap .img-list button,
.layer-popup-wrap .img-list-wrap .img-list button,
.gallery-wide .img-list-wrap .img-list button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 24px;
	height: 24px;
	color: #fff;
	font-weight: 600;
	border: none;
	border-radius: 50%;
	background-color: rgba(0,0,0,.8);
}

.view-container .img-list-wrap .img-list .prev-btn,
.layer-popup-wrap .img-list-wrap .img-list .prev-btn,
.gallery-wide .img-list-wrap .img-list .prev-btn{
	left: 10px;
	padding-right: 2px;
}

.view-container .img-list-wrap .img-list .next-btn,
.layer-popup-wrap .img-list-wrap .img-list .next-btn,
.gallery-wide .img-list-wrap .img-list .next-btn{
	right: 10px;
	padding-left: 2px;
}


/* table */
.table-wrap + .table-wrap{
    margin-top:20px;
    
}
.table{
    border:1px solid #c2c2c2;
    width:100%;
    border-collapse: collapse;
}
.table th{
    font-weight: 600;
    background-color:#f6f6f6;
    border:1px solid #c2c2c2;
    text-align: center;
    padding:0 10px;
    text-align:center;
    color:#6f6f6f;
    height:38px;
    vertical-align: middle;
    font-size:var(--font-size-base);
}
.table td{
    border:1px solid #c2c2c2;
    padding:4px 10px;
    vertical-align: middle;
    height:38px;
    font-size:var(--font-size-base);
    color:#4a4a4a;
    font-weight:400;
}
.table td input[type=text]{
    width:100%
}
.table.table-popup th,
.table.table-popup td{
    height:30px;
    font-weight: 400;
}
.table-topper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
.table-topper-left{
    display: inline-flex;
    align-items: center;
}
.table-topper-right{
    display: inline-flex;
    align-items: center;
    gap: 0 16px;
}
.table-topper-right >div{
    display: inline-flex;
    align-items: center;
    gap:0 4px;
}

.table-topper select{
    margin:0;
}
.topper-search div{
display: inline-block;
}
.table-topper .sec01{
    color: #FF00FF;
}
.table-topper .sec02{
    color: #0066CC;
}
.table-topper .sec03{
    color: #996600;
}
.table-topper-right .btn_search{
    /* margin-left: 4px; */
}

/* 은행계좌 폼 */

.form-bank-wrap{
    display:flex;
    justify-content: start;
    align-items: center;
}
.form-bank-wrap span{
    display:inline-flex;
    text-align:left;
    padding:0 10px;
}
.form-bank-wrap .form-control{
    width:auto;
    display:inline-flex;
}
.form-bank-wrap .form-control.form-bank{
    width:20%;
}
.form-bank-wrap .form-control.form-accnumber{
    width:45%;
}
.form-bank-wrap .form-control.form-accholder{
    width:35%;
}





.popup-wrap{
    padding:30px;
}
.pop-article-title{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
}
.pop-article-cont{
    margin-bottom:40px;
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 30px;
    display: inline-block;
}
.btn-popupclose{
    background: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
}


/* 경매정산서 */
.popup06-info{
    display: flex;
    margin-bottom:20px;

}
.popup06-info-left{
    width:32.5%;
    padding:0 10px 0 0;
    
}
.popup06-info-left img{
    width:100%;
    border:1px solid #ccc;
}
.popup06-info-right{
    width:67.5%;

}
.popup06-title{
    font-size: 18px;
    font-weight: 700;
}
.title-next{
    margin-left: 20px;
}
.popup06-btn{
    margin-top:20px;
    text-align: center;
}



/* 달력 아이콘 */
.ui-datepicker-trigger{
    margin-left: 4px;
    line-height: 1;
    vertical-align: middle;
}

.table-topper-right .ui-datepicker-trigger{
    margin-left: 0;
}

.align_right { text-align: right; }
.input_s { height: 24px; text-align: right; width: 120px; }


.table-tr-hover:hover td{
    background: #d9f3fb;
}
.table-tr-hover:hover + .table-tr-hover-sub{
    background: #d9f3fb;
}