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

#buy-button{font-size: var(--fs-16);font-weight: var(--fw-7);}

/*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);}
.weight-list li.on button{background-color: var(--color-main);color: #FFF;}

.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;position: relative;}
.order-list li + li{margin-top: 13px;}
.order-list li>a{display: block;width: 100%;height: 100%;}

.order-list li.empty{font-size: var(--fs-15);text-align: center;color: var(--color-gray-777);border: none;padding: 20px 0;}

.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-14);font-weight: var(--fw-4);line-height: 1;color: var(--color-gray-999);}

.order-list-flex{display: flex;align-items: center;justify-content: space-between;}
.order-list-flex>div{display: flex;align-items: center;gap: 8px;}

.order-list-btn{position: absolute;bottom: 14px;right: 16px;display: flex;align-items: center;gap: 8px;z-index: 1;}
.order-list-btn button{font-size: var(--fs-14);line-height: 1;}

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

/*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-status-4{color: var(--color-status-4);}

/*-- order view --*/
.order-view-top{margin-bottom: 15px;}
.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;max-height: 20px;}

/*-- 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{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-profile-admin figure{background-image: url(/img/icon/chat_profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
	background-color: var(--color-main);
}
.chat-profile figure img{max-width: 22px;}
.chat-profile b{font-size: var(--fs-16);font-weight: var(--fw-6);}

.chat-box-wrap>div + div{margin-top: 8px;}
.chat-box{display: flex;align-items: flex-end;gap: 10px;width: 100%;}
.chat-box p{font-size: var(--fs-15);font-weight: var(--fw-4);color: #424551;max-width: 80%;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;white-space: nowrap;}

.chat-box-self{display: flex;flex-direction: column;align-items: flex-end;}
.chat-box-self .chat-box{justify-content: 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;padding-right: 48px;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-list li figure img{max-width: 22px;}

.chat-list li.empty{font-size: var(--fs-15);text-align: center;color: var(--color-gray-777);}

.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-16);font-weight: var(--fw-6);}
.chat-name span{font-size: var(--fs-13);font-weight: var(--fw-4);color: var(--color-gray-999);}

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

/*-- 채팅 표시 --*/
.chat-alarm{position: relative;margin: 0 !important;padding: 0 !important;}
.chat-alarm::after{content: "";position: absolute;top: 0;left: 0;width: 6px;height: 6px;border-radius: 6px;background-color: var(--color-main);z-index: 1;display: none;}
.chat-alarm.on::after{display: block;}

/*-- 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: 160%;margin-bottom: 14px;}
.terms-wrap>div>strong{display: block;font-size: var(--fs-15);font-weight: var(--fw-5);line-height: 160%;margin: 4px auto;}
.terms-wrap>div>p{font-weight: var(--fw-4);line-height: 160%;word-break: break-all;text-align: justify;color: var(--color-gray-777);}

.terms-wrap table{width: 100%;table-layout: fixed;margin-top: 5px;}
.terms-wrap table th, .terms-wrap table td{padding: 5px;}

/*-- 고객센터 --*/
.customer-center .footer-text{color: var(--color-footer-text);}

.customer-faq-list>li:last-child>a{border-bottom: none;}
.customer-faq-empty{font-size: var(--fs-15);text-align: center;color: var(--color-gray-777);border: none;padding: 20px 0;}

.customer-board-list>li:last-child{border-bottom: none;}

/*-- 주문내역 다운로드 --*/
.export-option{padding-left: 0;overflow: hidden;}

.export-option label b{color: var(--color-gray-999);}
.export-option input[type=checkbox]:checked + label b, .export-option input[type=radio]:checked + label b{color: #000;}

.export-frame{position: absolute;left: -9999px;top: -9999px;width: 1px;height: 1px;opacity: 0;pointer-events: none;border: 0;}

/*-- 매매 프리미엄 --*/
#premium-box .main-title{margin-bottom: 14px;}
#premium-box .main-title>b{display: block;font-size: var(--fs-15);font-weight: var(--fw-6);line-height: 1;}

#premium-box .detail-list li{padding: 10px 12px;border: 1px solid var(--color-gray-ddd);border-radius: 5px;}
#premium-box .detail-list li + li{margin-top: 6px;}
#premium-box .detail-list li span{font-weight: var(--fw-5);color: #000;}
#premium-box .detail-list li i{color: var(--color-main);}

/*-- 주문 상세 --*/
#detail-list-receive{border-bottom: 2px solid #000;padding-bottom: 11px;}