@charset "utf-8";

/* ==========================================================================
    내차팔기
    ========================================================================== */
/*나의 출품신청 현황*/
.pg-app-list{padding-bottom: 120px;}
.pg-app-list .refer-text02{padding-top: 35px; border-top: 1px solid #e9e9e9;}
.pg-app-list .table-container{margin-top: 38px;}
.pg-app-list .btn-submit{text-align: center; margin-top: 55px;}
.pg-app-list .search-container{display: flex; justify-content: flex-end; margin-top: 45px;}
.pg-app-list .search-container + .table-container{margin-top: 20px;}
/* ==========================================================================
    안내
    ========================================================================== */
.pg-guide .row-sec{display: flex; padding-top: 30px; padding-bottom: 30px;}
.pg-guide .tit-sec{width: 260px;  font-weight: bold;}
.pg-guide .tit-sec .txt-en{font-family: 'Roboto', sans-serif; font-size: 11px; color: #bbb; letter-spacing: 0; text-transform: uppercase; margin-bottom: 9px;}
.pg-guide .tit-sec .txt-en span{color: var(--point-color01);}
.pg-guide .tit-sec .title{font-size: 22px; color: var(--point-color01);}
.pg-guide .img-box{text-align: center; padding: 40px 30px; border: 1px solid #e9e9e9; border-radius: 15px;}
.pg-guide .cont-sec{width: calc(100% - 260px);}
.pg-guide .cont-sec .c01{color: var(--point-color01);}
.pg-guide .cont-sec .text01{font-size: 18px; font-weight: bold;}
.pg-guide .cont-sec .text02{font-size: 16px; line-height: 22px; word-break: keep-all;}
.pg-guide .cont-sec .text03{font-size: 17px; line-height: 28px; word-break: keep-all;}
.pg-guide .cont-sec .btn-modal{font-size: 18px; font-weight: bold; padding: 6px 27px 12px 0; border-bottom: 1px solid #222; background: url('../images/common/ico_window01.png') no-repeat right 6px; background-size: 18px auto;}
/*경매안내*/
.pg-auction{padding-bottom: 100px;}
.pg-auction .sec01{padding-top: 60px; border-top: 1px solid var(--point-color01);}
.pg-auction .sec01 .text01{display: flex; align-items: flex-end; height: 43px; padding-left: 46px; background: url('../images/common/ico_car01.png') no-repeat 0 0; background-size: 36px auto; margin-bottom: 23px;}
.pg-auction .sec01 .img-box img{max-width: 908px;}
.pg-auction .sec02 .table02 table{min-width: 0;}
.pg-auction .sec03 .text-box{padding: 24px 30px; border: 1px solid #e7e7e7; background-color: #fbfbfb; margin-top: 16px;}
.pg-auction .sec03 .text-box li{padding-left: 27px; text-indent: -27px; font-size: 16px; font-weight: bold; color: var(--point-color01); line-height: 24px; margin-bottom: 14px;}
.pg-auction .sec03 .text-box li:last-child{margin-bottom: 0;}
.pg-auction .sec03 .text-box li span{color: #999;}
.pg-auction .sec03 .txt-set{color: #737573; margin-top: 16px;}
.pg-auction .sec03 .txt-set > p{padding-left: 10px; text-indent: -10px; margin-bottom: 4px;}
.pg-auction .sec03 .txt-set > p::before{content: "- ";}
.pg-auction .sec03 .txt-set > p:last-child{margin-bottom: 0;}
.pg-auction .sec04 .table02 table{min-width: 0;}

/*출품안내*/
.pg-sell{padding-bottom: 80px;}
.pg-sell .sec01{padding-top: 60px; border-top: 1px solid var(--point-color01);}
.pg-sell .sec01 .text01{display: flex; align-items: flex-end; height: 34px; padding-left: 58px; background: url('../images/common/ico_car02.png') no-repeat 0 0; background-size: 51px auto; margin-bottom: 16px;}
.pg-sell .sec01 .text02{color: #737573; line-height: 26px;}
.pg-sell .sec01 .img-box{margin-top: 28px;}
.pg-sell .sec01 .img-box img{max-width: 784px;}
.pg-sell .sec03 .table02 table{min-width: 540px;}
.pg-sell .sec03 .table02 table th,
.pg-sell .sec03 .table02 table td{font-weight: 400;}
.pg-sell .sec03 .table02 table th{color: #222;}
.pg-sell .sec03 .table02 table td{color: #737573;}
.pg-sell .sec03 .table02 table .thc01 th{font-weight: bold; color: var(--point-color01); background-color: #fff;}
.pg-sell .sec04 .txt-set > p{padding-left: 11px; text-indent: -11px; margin-bottom: 2px;}
.pg-sell .sec04 .txt-set > p::before{content: "- ";}
.pg-sell .sec04 .txt-set > p:last-child{margin-bottom: 0;}
.pg-sell .sec06 .text03{display: flex;}
.pg-sell .sec06 .text03 span{width: 70px;}
.pg-sell .sec07 .box-set{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.pg-sell .sec07 .dw-box > a{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 133px; border: 1px solid var(--point-color01); border-radius: 10px; box-shadow: 3px 3px 5px 3px rgba(0,0,0,.05);}
.pg-sell .sec07 .dw-box .num{font-size: 14px; font-weight: bold; color: #999; margin-bottom: 17px;}
.pg-sell .sec07 .dw-box .tit-box{font-size: 18px; font-weight: bold; color: var(--point-color01);}
.pg-sell .sec07 .dw-box .btn-dw{display: flex; align-items: flex-end; margin-top: 12px;}
.pg-sell .sec07 .dw-box .btn-dw span{flex: 1; font-size: 14px; font-weight: 500; border-bottom: 1px solid #222;}
.pg-sell .sec07 .dw-box .btn-dw img{width: 9px; height: 14px; margin-left: 4px;}

/* ==========================================================================
    COMPANY
    ========================================================================== */
.pg-company{padding-bottom: 100px;}
.pg-company .sec01{padding-top: 13px;}
.pg-company .sec03 .text02 a{font-weight: bold; color: var(--point-color01);}
.pg-company .sec03 .table-container{margin-top: 18px;}
.pg-company .sec03 .table02 table{width:100%; min-width: 0;}
.pg-company .sec03 .table02 table th{color: #222;}
.pg-company .sec03 .table02 table td.t-item{font-weight: bold; color: var(--point-color01);}
.pg-company .sec04 .map-area{height: 500px;}
.pg-company .sec04 .map-area iframe{width: 100%; height: 100%;}
.pg-company .sec04 .table03{border-top: 0;}
.pg-company .sec04 .table03 .btn-map{position: absolute; top: 12px; right: 0;}
.pg-company .sec04 .table03 .btn-map > a{display: block; font-size: 15px; font-weight: bold; color: #00c73c; padding: 3px 0 1px 21px; background: url('../images/common/ico_n01.png') no-repeat 0 center; background-size: 15px auto;}
/* ==========================================================================
    MODAL
    ========================================================================== */
.hm-modal{--bs-modal-width: 1060px;}
.hm-modal .top-modal{padding: 17px 20px;}
.hm-modal .top-modal .tit-set{padding-left: 10px;}
.hm-modal .top-modal .tit-set .txt-en{font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: bold; color: #bbb; letter-spacing: 0; text-transform: uppercase; margin-bottom: 6px;}
.hm-modal .top-modal .tit-set .title{font-size: 22px; font-weight: bold; color: var(--point-color01);}
.hm-modal .top-modal .tit-set .sub-text{font-weight: 600; color: var(--point-color01); margin-bottom: 5px;}
.hm-modal .top-modal .tit-set .title01{font-size: 32px; font-weight: bold; color: var(--point-color01);}
.hm-modal .top-modal .btn-close{width: 40px; height: 40px; padding: 0; margin: 0; opacity: 1;}
.hm-modal .top-modal .btn-close img{width: 100%;}
.hm-modal .cont-modal{padding: 40px;}
.hm-modal .cont-modal::-webkit-scrollbar{width: 15px;}
.hm-modal .cont-modal::-webkit-scrollbar-track{background: transparent;}
.hm-modal .cont-modal::-webkit-scrollbar-thumb{border: 5px solid transparent; background-color: var(--point-color01); background-clip: padding-box;}
.hm-modal .table02 table th,
.hm-modal .table02 table td{font-size: 14px;}
.hm-modal .table02 table th{height: 40px;}
.hm-modal .table02 table td{padding: 8px 7px;}
/* .privacy{--bs-modal-width: 760px;}
.privacy .cont-modal{padding: 32px 40px;} */
/*경매규약*/
.auction-rule .top-rule > ul{display: grid; grid-template-columns: repeat(5, 1fr); border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.auction-rule .top-rule > ul > li{border: 1px solid #e9e9e9; border-right: 0; border-bottom: 0;}
.auction-rule .top-rule > ul > li > a{display: flex; align-items: center; height: 49px; padding: 0 15px; font-size: 15px; font-weight: bold; color: #777;}
.auction-rule .top-rule > ul > li > a > span{color: var(--point-color01); margin-right: 4px;}
.auction-rule .text-rules{font-size: 14px; color: #737573; line-height: 24px; word-break: keep-all; margin-top: 30px;}
.auction-rule .text-rules .refer01{margin-bottom: 27px;}
.auction-rule .part-rule{padding-bottom: 40px;}
.auction-rule .part-rule:last-child{padding-bottom: 0;}
.auction-rule .part-rule .tit-part{font-size: 18px; font-weight: bold; color: var(--point-color01); margin-bottom: 22px;}
.auction-rule .part-rule > li{margin-bottom: 24px;}
.auction-rule .part-rule > li:last-child{margin-bottom: 0;}
.auction-rule .part-rule .num-rule{font-weight: bold; color: #222;}
.auction-rule .part-rule .rule-set .mb01{margin-bottom: 12px;}
.auction-rule .part-rule .rule-set .mt01{margin-top: 12px;}
.auction-rule .btn-top{position: sticky; right: 0; bottom: 0; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; color: #044cf0; text-align: right;}
.auction-rule .btn-top > a{padding-bottom: 1px; border-bottom: 1px solid #044cf0;}
/*차량검색*/
.search-option{--bs-modal-width: 460px;}
.search-option .search-cars01{width: auto; padding: 20px 40px 32px; border: 0; border-radius: 0;}
/* ==========================================================================
    DAA 라이브
    ========================================================================== */
.sub-slide-container{padding: 74px 0 61px; background-color: #ebf4ff;}

.live-container{padding: 80px 0 100px;}

.thumb-grid{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(50px, auto)); grid-row-gap: 37px; grid-column-gap: 30px;}
.thumb-grid.col4{grid-template-columns: repeat(4, 1fr); grid-column-gap: 35px; grid-row-gap: 60px;}

.thumb-slide{}
.thumb-slide-btn{position: absolute; margin: 0; display: block; width: 45px; height: 45px; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; box-shadow: 0px 17px 31.54px 6.46px rgba(0,0,0,0.04);}
.thumb-slide-prev{left: 0; right: auto; top: 50%; transform: translate(-50%, -105%); background-image: url('../images/common/thumb-slide-prev.png');}
.thumb-slide-next{right: 0; left: auto; top: 50%; transform: translate(50%, -105%); background-image: url('../images/common/thumb-slide-next.png');}

.item-thumb{}
.item-thumb a{display: block;}
.item-thumb .img{aspect-ratio: 394 / 220; border-radius: 12px; overflow: hidden; background-color: #000;}
.item-thumb .img img{width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition: .3s ease-in-out;}
.item-thumb a:hover .img img{transform: scale(1.1);}
.item-thumb .txt{padding: 12px 0 0;}
.item-thumb .txt .title{font-size: 17px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px;}
.item-thumb .txt .title.large{font-size: 18px;}
@media only screen and (max-width: 1320px) {
    .thumb-slide-prev{left: 40px;}
    .thumb-slide-next{right: 40px;}
}
@media only screen and (max-width: 1200px) {
    .sub-slide-container{padding: 60px 0;}

    .thumb-grid.col4{grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 50px;}
}
@media only screen and (max-width: 1023px) {
    .thumb-grid{grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px;}
    .thumb-grid.col4{grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px;}
}
@media only screen and (max-width: 767px) {
    .sub-slide-container{padding: 40px 0;}

    .live-container{padding: 40px 0;}

    .thumb-grid{grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px;}
    .thumb-grid.col4{grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px;}

    .thumb-slide-btn{width: 35px; height: 35px; background-size: 12px auto;}
    .thumb-slide-prev{left: 20px;}
    .thumb-slide-next{right: 20px;}

    .item-thumb .txt .title{font-size: 16px; line-height: 22px; height: 44px;}
    .item-thumb .txt .title.large{font-size: 17px;}
}