/*-- page css --*/

/*container*/
.page-inner{padding-top: 20px;}
.page-inner-solo{padding-bottom: 40px;}

/*list table*/
.list-table>li{display: flex;align-items: center;border-bottom: 1px solid var(--color-gray-e5);}
.list-table>li:last-child{border-bottom: none;}
.list-table>li.list-table-head{border-bottom: 2px solid #000;}

.list-table>li>span{font-weight: var(--fw-5);padding: 16px 0;}
.list-table>li.list-table-head>span{font-weight: var(--fw-6);}

.list-table-case-1 .list-1{width: 25%;}
.list-table-case-1 .list-2{width: 32%;text-align: right;}
.list-table-case-1 .list-3{width: 43%;text-align: right;}
.list-table-case-1 .list-3 .rate-info{justify-content: flex-end;}

.list-table-case-2 .list-1{width: 24%;}
.list-table-case-2 .list-2{width: 26%;}
.list-table-case-2 .list-3{width: 30%;}
.list-table-case-2 .list-4{width: 20%;text-align: right;}

/*fixed button*/
.fixed-button{position: fixed;bottom: 0;left: 0;display: flex;align-items: flex-end;width: 100%;padding-top: 40px;padding-bottom: 20px;z-index: 1000;}
.fixed-button::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, #ffffff 100%);
}

/*detail list*/
.detail-list-wrap>b{display: block;font-size: var(--fs-15);font-weight: var(--fw-6);line-height: 1;margin-bottom: 14px;}

.detail-list li{display: flex;align-items: flex-start;justify-content: space-between;}
.detail-list li + li{margin-top: 8px;}
.detail-list li span, .detail-list li i{font-size: var(--fs-15);line-height: 160%;}
.detail-list li span{font-weight: var(--fw-4);color: var(--color-gray-999);}
.detail-list li i{font-weight: var(--fw-5);}

.detail-list-end{margin: 11px 0;padding: 15px 0;border-top: 1px solid var(--color-gray-eb);border-bottom: 1px solid #000;}
.detail-list-end li:last-child span, .detail-list-end li:last-child i{font-weight: var(--fw-7);color: #000;}

.detail-list-view{margin-top: 11px;padding-top: 11px;border-top: 1px solid var(--color-gray-eb);}
.detail-list-view li:last-child span, .detail-list-view li:last-child i{font-weight: var(--fw-7);color: #000;}

/*-- order --*/
.current-price-box{padding: 17px;background-color: var(--color-gray-f7);border-radius: 5px;overflow: hidden;}

.current-price-top{display: flex;justify-content: space-between;margin-bottom: 15px;}
.current-price-top b, .current-price-top span{font-size: var(--fs-15);font-weight: var(--fw-4);line-height: 1;}
.current-price-top b{color: var(--color-gray-56);}
.current-price-top span{color: var(--color-gray-999);}

.current-price{font-size: var(--fs-22);font-weight: var(--fw-7);line-height: 1;margin-bottom: 12px;}

.current-price-bottom{font-size: var(--fs-15);font-weight: var(--fw-5);color: var(--color-gray-999);line-height: 1;}

.weight-list{display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;}
.weight-list button{display: block;width: 59px;height: 29px;border-radius: 29px;background-color: var(--color-gray-f7);font-weight: var(--fw-5);color: var(--color-gray-777);}

.order-title{color: var(--color-gray-ccc);}
.order-title i{font-weight: var(--fw-7);color: var(--color-main);}

/*map*/
.map-box{border-radius: 5px;overflow: hidden;}
.map-box .root_daum_roughmap{display: block;width: 100%;}
.map-box .wrap_controllers, .map-box .cont, .map-box .wrap_btn_zoom, .map-box .map_border{display: none !important;}

.map-info li + li{margin-top: 6px;}
.map-info li span{display: block;margin-bottom: .5px;}
.map-info li p{display: flex;justify-content: space-between;column-gap: 15px;}
.map-info li p i{font-size: var(--fs-15);font-weight: var(--fw-4);line-height: 1.666;word-break: keep-all;}

/*-- order list --*/
.order-search{position: relative;}
.order-search-input{display: block;width: 100%;line-height: 45px;padding: 0 17px;padding-right: 62px;border-radius: 45px;font-size: var(--fs-15);font-weight: var(--fw-4);background-color: var(--color-gray-f5);border: none;outline: none;overflow: hidden;}
.order-search-input:focus{border: none;outline: none;}
.order-search-input::placeholder{color: var(--color-gray-999);}
.order-search-button{position: absolute;top: 0;right: 4px;display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;z-index: 1;}

.order-list li{border: 1px solid var(--color-gray-ddd);border-radius: 5px;overflow: hidden;}
.order-list li + li{margin-top: 13px;}
.order-list li>a{display: block;width: 100%;height: 100%;}

.order-list-top{display: flex;align-items: center;justify-content: space-between;height: 45px;padding: 0 16px;border-bottom: 1px solid var(--color-gray-eb);}
.order-list-top b{font-size: var(--fs-15);font-weight: var(--fw-6);}

.order-list-bottom{padding: 12px 16px;}
.order-list-bottom span{font-size: var(--fs-15);font-weight: var(--fw-4);color: var(--color-gray-999);}

.order-list-info{font-size: var(--fs-15);font-weight: var(--fw-5);color: var(--color-gray-777);margin-bottom: 10px;}
.order-list-price{font-size: var(--fs-20);font-weight: var(--fw-7);line-height: 1;margin-bottom: 12px;}

/*status*/
.order-status{font-size: var(--fs-15);font-weight: var(--fw-5);}
.order-status-1{color: var(--color-status-1);}
.order-status-2{color: var(--color-status-2);}
.order-status-3{color: var(--color-status-3);}

/*-- order view --*/
.order-view-top{margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid var(--color-gray-ddd);}
.order-view-top li{display: flex;align-items: flex-start;justify-content: space-between;}
.order-view-top li + li{margin-top: 10px;}
.order-view-top li span, .order-view-top li i{font-size: var(--fs-15);}
.order-view-top li span{font-weight: var(--fw-6);}
.order-view-top li i{font-weight: var(--fw-4);color: var(--color-gray-999);}

/*-- mypage --*/
.mypage-top{margin-top: 18px;padding-bottom: 25px;}

.mypage-info{display: flex;flex-direction: column;align-items: center;margin-bottom: 17px;}
.mypage-info b{font-size: var(--fs-20);font-weight: var(--fw-6);margin-bottom: 5px;}
.mypage-info span{font-size: var(--fs-14);font-weight: var(--fw-4);color: var(--color-gray-777);}

.mypage-button{display: flex;align-items: center;justify-content: center;gap: 5px;}
.mypage-button a{display: flex;align-items: center;justify-content: center;width: 105px;height: 32px;border-radius: 32px;font-weight: var(--fw-5);}
.mypage-button a:first-child{background-color: var(--color-main);color: #FFF;}
.mypage-button a:last-child{background-color: var(--color-gray-f5);color: var(--color-gray-bbb);}

.mypage-memu{padding: 5px 0;}
.mypage-memu a{display: flex;align-items: center;gap: 16px;width: 100%;height: 100%;padding: 15px 0;}
.mypage-memu a span{font-size: var(--fs-16);font-weight: var(--fw-6);}

.mypage-memu figure{display: flex;align-items: center;justify-content: center;width: 22px;}
.mypage-memu figure img{display: block;}

/*-- chat --*/
.chat-inner{height: calc( 100vh - 125px );overflow-y: scroll;}

.chat-wrap{padding-top: 15px;}

.chat-first p{font-size: var(--fs-14);font-weight: var(--fw-4);text-align: center;color: var(--color-gray-777);line-height: 160%;}

.chat-day{display: flex;align-items: center;justify-content: center;width: 190px;height: 30px;border-radius: 30px;font-size: var(--fs-14);font-weight: var(--fw-4);background-color: #000;color: #FFF;margin: 16px auto;margin-bottom: 19px;}

.chat-box-wrap{margin-bottom: 20px;}

.chat-profile{display: flex;align-items: center;gap: 9px;}
.chat-profile figure{width: 30px;height: 30px;border-radius: 30px;background-color: var(--color-main);background-image: url(/img/icon/chat_profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.chat-profile b{font-size: var(--fs-15);font-weight: var(--fw-6);}

.chat-box-wrap>div + div{margin-top: 8px;}
.chat-box{display: flex;align-items: flex-end;gap: 10px;}
.chat-box p{font-size: var(--fs-14);font-weight: var(--fw-4);color: #424551;line-height: 160%;background-color: #f2f3f7;padding: 6.5px 10px;border-radius: 5px;overflow: hidden;}
.chat-box span{font-size: var(--fs-12);font-weight: var(--fw-4);color: #878f91;}

.chat-box-self{display: flex;flex-direction: column;align-items: flex-end;}
.chat-box-self .chat-box p{color: #240f07;background-color: #ffe9e1;}

.chat-bar-wrap{position: fixed;bottom: 20px;left: 0;width: 100%;}

.chat-bar{position: relative;}
.chat-bar input[type=text]{display: block;width: 100%;height: 45px;border-radius: 45px;padding: 0 17px;background-color: var(--color-gray-f5);outline: none;border: none;}
.chat-bar input[type=text]:focus{outline: none;border: none;}
.chat-bar button{position: absolute;top: 11px;right: 14px;font-size: var(--fs-22);color: var(--color-gray-bbb);}

/*-- chat list - admin --*/
.chat-tab{display: flex;align-items: center;gap: 5px;margin-bottom: 15px;}
.chat-tab li button{display: flex;align-items: center;height: 30px;border-radius: 30px;padding: 0 17px;border: 1px solid var(--color-gray-ddd);font-size: var(--fs-15);font-weight: var(--fw-4);color: var(--color-gray-777);}
.chat-tab li.on button{background-color: #000;border-color: #000;color: #FFF;font-weight: var(--fw-4);}

.chat-list li{position: relative;}
.chat-list li + li{margin-top: 28px;}
.chat-list li a{display: flex;align-items: flex-start;gap: 10px;width: 100%;height: 100%;}

.chat-list li figure{display: flex;justify-content: center;align-items: flex-end;width: 30px;height: 30px;border-radius: 30px;background-color: var(--color-gray-eee);overflow: hidden;position: relative;}

.chat-preview{width: calc( 100% - 40px );}

.chat-name{display: flex;align-items: flex-end;gap: 10px;margin-bottom: 5px;}
.chat-name b, .chat-name span{line-height: 1;}
.chat-name b{font-size: var(--fs-15);font-weight: var(--fw-6);}
.chat-name span{font-size: var(--fs-13);font-weight: var(--fw-4);color: var(--color-gray-999);padding-bottom: 1px;}

.chat-content{font-weight: var(--fw-4);line-height: 140%;color: var(--color-gray-777);}

.chat-no-read .chat-name b{color: var(--color-main);}
.chat-no-read::after{content: "";position: absolute;top: 0;left: 0;width: 7px;height: 7px;border-radius: 7px;background-color: var(--color-main);z-index: 1;}

/*-- terms --*/
.terms-wrap>div + div{margin-top: 30px;}
.terms-wrap>div>b{display: block;font-size: var(--fs-15);font-weight: var(--fw-6);line-height: 1;margin-bottom: 14px;}
.terms-wrap>div>p{font-weight: var(--fw-4);line-height: 160%;word-break: break-all;text-align: justify;color: var(--color-gray-777);}