@charset "UTF-8";

.mobile.web-mobile-box {
   width: 100%;
   max-width: 428px;
   height: 100%;

   position: relative;
}
.web-mobile-box .web-index {
   height: calc(100% - 65px);

   position: relative;
}
.mobile .screen {
   position: relative;

   width: 100%;
   height: 100%;

   overflow-y: auto;
   overflow-x: hidden;
}

.mobile .screen.main {
   padding-top: 60px;
}

.mobile .screen:has(.bottom-btn-box) {
   padding-bottom: 75px;
}

.mobile div:has(.bottom-btn-box) > .container.full {
   overflow-y: auto;
   height: 100%;
}

/* .mobile .full .screen:has(.bottom-btn-box) { */
/*    padding-bottom: 70px; */
/* } */

/* ComboBox -style */
.mobile .rootianCombo {
   height: 48px;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   width: 100%;
}
.mobile .comboArea {
   display: flex;
   justify-content: center;
   align-items: center;

   height: 100%;
}
.mobile .rootianCombo .comboArea .comboArrow {
   top: calc(50% - 4px);
   right: 10px;
}
.mobile .rootianCombo .comboPopup {
   border: 2px solid #80BC50;
   border-radius: 10px;
   min-height: inherit;
}
.mobile .rootianCombo .comboPopup .comboRow:hover {
   background-color: #fff;
   color: #80BC50;
}
.mobile .rootianCombo .comboPopup .comboRow.selected {
   background-color: #80BC50;
}
.mobile .rootianCombo .comboPopup .comboRow.selected:hover {
   color: #fff;
}

.mobile input[type=text], .mobile input[type=password] {
   height: 46px;
   width: 100%;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
}


.mobile input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #EFF1F3;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  background-color: white;
}

.mobile input[type='radio']:checked {
  background-color: #80BC50;
  border: 4px solid white;
  box-shadow: 0 0 0 1.6px #EFF1F3;
}

.mobile textarea {
   width: 100%;

   border: 1px solid #EFF1F3;
   background-color: #F8F9FA;
   border-radius: 10px;
}

.mobile textarea.white {
   background-color: #fff;
}

/* btn 관련 */
.btn-box {
   display: flex;
   justify-content: center;
   align-items: center;

   gap: 10px;
   height: 50px;
}
.btn-box .btn {
   display: flex;
   justify-content: center;
   align-items: center;

   height: 100%;
   flex-grow: 1;
   flex-basis: min-content;
}

.btn-box .btn i {
   font-size: 16px;
   font-weight: 400;
}

.btn-box .btn.chat {
   flex-basis: 74px;
   flex-grow: 0;
   color: #171717;
}
.btn-box .btn.chat i {
   color: #80BC50;
}
.btn-box .btn.green i {
   color: #80BC50;
}

.flex-vcenter .btn-box {
   width: 100%;
   flex-shrink: 0;
}

.bottom-btn-box {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0px;

   padding: 10px 10px;

   border-top: 1px solid #EFF1F3;

   background-color: #fff;

   gap: 10px;
   width: 100%;

   z-index: 100;
}

/* .web-pop .bottom-btn-box.static { */
/*    position: static; */
/* } */

.bottom-btn-box .btn {
   display: flex;
   justify-content: center;
   align-items: center;

   height: 50px;
   flex-grow: 3;
   flex-basis: min-content;
}

.bottom-btn-box .btn.close, .bottom-btn-box .btn-clear {
   flex-grow: 1;
}

/* 광고 */

.ad-area {
   height: 112px;
   width: 100%;
}

.ad-box {
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.ad-box > img {
   width: 100%;
}

/* 약관 */
.terms-box {
   border-radius: 10px;
   border: 1px solid #EFF1F3;
   width: 100%;
   flex-grow: 1;
   overflow-y: auto;

   padding: 10px;
   white-space: pre-line;
}

.full .terms-box {
   max-height: 100%;
}

/* Tab Box */
.tab-box {
   justify-content: space-evenly;
   background-color: #fff;
   height: 50px;
   border-bottom: 1px solid #EFF1F3;
}
.tab-box.fixed {
   position: sticky;
   top: -2px;
   left: 0px;
   right: 0px;
   z-index: 100;
}

.tab-box .tab-item {
   padding: 0px 3px;
   height: 100%;
   border-bottom: 3px solid #fff;
}

.tab-box .tab-item.selected {
   color: #80BC50;
   border-bottom-color: #80BC50;
}

/***   main   ***/
.main-top {
   position: absolute;
   top: 0px;
   left : 0px;
   right: 0px;

   padding: 16px;
   z-index: 100;

   height: 60px;
   background-color: #FFFFFF;
   border-bottom: 1px solid #EFF1F3;
}

.mobile .main-top .logo-box {
   margin-bottom: inherit;
   line-height: inherit;
}

.main-top .join-shop {
   position: relative;

   font-size: 12px;
   line-height: 18px;

   border: 1px solid #EFF1F3;
   border-radius: 10px;

   padding: 2px 13px;
   margin: 0px 20px;
}

.main-top .alert-box {
   position: relative;
   margin: 0px 8px;
   font-size: 24px;
}

.main-top .fav-box {
   margin: 0px 8px;
   font-size: 24px;
}


.main-top .badge {
   position: absolute;
   top: -10px;
   right: -8px;

   width: 20px;
   height: 20px;

   font-size: 12px;
   font-weight: 700;
   letter-spacing: -0.8px;
   color: #fff;
   border-radius: 10px;
   background-color: #F94B50;
}

.main-body {
   height: 100%;
   overflow-y: auto;
}

.main-banner img {
   width: 100%;
}

.search-box {
   border: 1px solid #80BC50;
   border-radius: 10px;

   height: 48px;
   padding: 5px;
}

.search-box input[type=text] {
   border: none;
   height: 36px;
   font-size: 16px;
}

.search-box .ri-search-line {
   margin-right: 20px;
   font-size: 1.5em;
   color: #80BC50;
}

.main-content .cate-box {
   overflow-x: auto;
   text-align: left;
   background-color: #ffffff;
}
.main-content .map-comp-box{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border: 1px solid #ededed;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0px 4px 14px 0px #0000000D;
}
.main-content .map-comp-box .comp-text{
   width: 100%;
   padding: 12px 0;
   text-align: left;
   color: #171717;
   margin-left: 20px;
   font-size: 15px;
}

.cate-box::-webkit-scrollbar {
   height: 3px; /* 스크롤바 높이 설정 */
}

.cate-box::-webkit-scrollbar {
   background-color: #f9f9f9; /* 스크롤바 색상 */
   border-radius: 5px; /* 스크롤바 모서리 둥글게 */
}

.cate-box::-webkit-scrollbar-thumb {
   background-color: #80BC50;
   border-radius: 5px;
   width: 50%; /* 스크롤바 손잡이 길이 조정 */
}

.main-content .cate-row {
   height: 76px;
   display: inline-flex;
}

.main-content .cate-row .cate-item {
   height: 100%;
   width: 75px;
}

.main-content .cate-row .cate-item .cate-img {
   position: relative;
   width: 60px;
   height: 60px;

   padding: 7px;
}

.main-content .cate-row .cate-item img {
   width: 100%;
}

.main-content .cate-row .cate-item .cate-text {
   font-size: 14px;
   line-height: 16px;
   letter-spacing: -0.8px;
   margin-top: 6px;
   font-weight: 300;
}


.main-content .info-box {
   background-image: url('/static/images/market/main/info_bg.jpg');
   background-size: 100%;

   font-weight: 300;

   padding: 20px 0px;
}

.main-content .info-box .title-text.big {
   font-weight: 800;
   font-size: 34px;
   line-height: 40px;
}


.main-content .info-box .status-row {
   gap: 10px;
}

.main-content .info-box .btn {
   flex-grow:1;
   padding: 15px 20px 10px 20px;
}

.main-content .info-box .status-cnt {
   font-size: 20px;
   font-weight: 800;
   line-height: 40px;
}

.cmt-box .cmt-top {
   background-image: url('/static/images/market/main/cmt-back.jpg');
   background-repeat: no-repeat;
   background-position: center;
}

.cmt-box .cmt-text {
   position: relative;
   padding: 20px 30px;
   width: 100%;

   background-color: #F8F9FA;
   border-radius: 10px;
}

.cmt-box .cmt-text .ri-double-quotes-l {
   position: absolute;
   top: 10px;
   left: 16px;

   font-size: 0.7em;
}

.cmt-box .cmt-text .cmt-text-info {
   justify-content: space-between;
}

.cmt-box .cmt-text .recommend-box i {
   color: #80BC50;
   margin-right: 5px;
}

.cmt-box .cmt-text .recommend-box i:before {
   content: '\F207';
}
.cmt-box .cmt-text .recommend-box.selected i:before {
   content: '\F206';
}

.footer-box {
   height: 50px;
}

.footer-box > div {
   flex-grow: 1;
}

.comp-box {
   background-color: #ffffff;
   color: #333333;
}

/* welcome */
.welcome-pop {

}

/* search Screen */
.search-history {
   display: flex;
   flex-wrap: wrap;

   padding: 16px 0px;
   min-height: 100px;
}

.mobile .search-text {
   background-color: #F8F9FA;

   border: 1px solid #EFF1F3;
   border-radius: 50px;

   height: 44px;
   /* max-width: 100px; */
   overflow: hidden;

   padding: 12px 18px;

   margin: 0px 7px 7px 0px;
}

.cate-search-row {
   padding: 13px 20px;
   border-bottom: 1px solid #EFF1F3;
}

.cate-search-row .ri-arrow-right-s-line {
   font-size: 16px;
   cursor: pointer;
}

.cate-search-more .btn {
   padding: 11px 21px;
}

.search-guide {
   background-color: #80BC50;
   color: #fff;
   font-weight: 300;
   padding: 14px 16px;
}

.search .search-guide {
   margin-left:-16px;
   margin-right: -16px;
}

/* seller Main */

.seller-main table {
   width: 100%;
}

.seller-main table tr {
   height: 50px;
}

.seller-main table th, .seller-main table tfoot td {
   background-color: #576373;
   color: #fff;
   font-weight: 600;
   vertical-align: middle;
}
.seller-main table td {
   vertical-align: middle;
   border-top: 1px solid #EFF1F3;
}

.seller-main .notice-row {
   height: 50px;
   border-top: 1px solid #EFF1F3;
   padding: 0px 20px;
   font-weight: 300;
}

.seller-main .main-content {
   flex-grow: 1;
   overflow-y: auto;
   margin-top: 60px;

}
.main-content {
background-color: #ffffff;
}
/* Item Box */
.item-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   background-color: #fff;

   padding: 15px;

   box-shadow: 0px 4px 14px 0px #0000000D;
}

.item-box.static {
   position: absolute;
   top: 16px;
   left: 16px;
   right: 16px;
   z-index: 100;
}

.item-box.focus {
   border-color: #80BC50;
}

.item-box .cate-label {
   font-size: 13px;
   font-weight: 600;
   line-height: 16px;

   color: #fff;
   background-color: #80BC50;
   padding: 2px 10px;

   margin-right: 10px;
   border-radius: 2px;
}

.item-box .sample-label {
   font-weight: 300;
   color: #ffffff;
   background-color: #80BC50;
   padding: 2px 10px;
   font-size: 13px;
   border-radius: 2px;
}

.item-box .item-cate-row .ico {
   font-size: 18px;
   color: #80BC50;
   margin-right: 5px;
}

.item-box .auction-label {
   border: 1px solid #80BC50;
   border-radius: 4px;
   color: #80BC50;
   padding: 2px 6px;
   margin-right: 5px;
}

.item-box .oem-label {
   padding-right: 1px;
   background-size: 200% 12px;
   background-repeat: repeat-x;
   background-position: 100% 100%;
   background-color: rgba(0, 0, 0, 0);
   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(130, 188, 86, 0.3) 0);
   line-height: 1.27;
   letter-spacing: -.6px;
   text-decoration: unset;
   font-weight: 300;
   margin-right: 6px;
}

.item-box .guide-text {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}

.item-box .min-box {
   font-weight: 500;
   color: #171717;
}

.item-box .acc-icons {
   font-size: 24px;
   color: #A6B0BD;
   gap: 24px;
}

.item-box .item-fav.selected{
   color: #80BC50;
}

.item-box .select-box .select-btn {
   width: 50%;
   font-size: 15px;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   background-color: #fff;
   color: black;
   line-height: 20px;
   cursor: pointer;
   padding: 10px;
}
.item-box .select-box .select-btn.selected,
.item-box .select-box .select-btn.checked {
   border-color: #80BC50;
   color: #80BC50;
}

.item-box .req-label {
   background-color: #f2f5f7;
   font-size: 12px;
   line-height: 14px;
   border-radius: 2px;
   padding: 4px 8px;
   margin-right: 8px;
   color: #3E5463;
}


.item-box .comp-info {
   padding-top: 3px;
}

.item-box .image-row img {
   width: 100%;
   max-height: 120px;
}

.item-box .req-date {
   gap: 10px;
}

.item-box .seller-box {
   border-top: 1px solid #EFF1F3;
   padding-top: 15px;
}

.item-box .estimate-box .ri-file-list-3-line {
   color: #80BC50;
   font-size: 15px;
}

.item-box .estimate-box .estimate-cnt {
   background-color: #EBF4E4;
   margin: 0px 8px 0px 10px;
}

.item-box .estimate-box .estimate-cnt.guide-text {
   background-color: inherit;
}

.item-box .estimate-box .alert-text {
   margin-left: 5px;
}

.item-box .last-estimate {
   margin-left: 28px;
}

.item-box .simple-box:not(.open) > *:not(.open-ico) {
   display: none;
}

.item-box .simple-box .title-text {
   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
}

/* .item-box .simple-box .guide-text { */
/*    display: block; */
/* } */

.estimate-box {
   background-color: #F8FCF6;

   padding: 10px 20px 20px 20px;
}

.estimate-box > div:not(:last-child) {
   padding-bottom: 10px;
   border-bottom: 1px solid #EFF1F3;
}

.item-box .estimate-box {
   padding: 10px 24px 20px 24px;
}

.item-box .btn-box {
   height: 40px;
}

.item-box .btn-box .btn {
   border-radius: 4px;
   font-size: 14px;
}

.item-box .end-cmt {
   gap: 10px;
}

.item-box .order-box {
   padding: 10px 20px;
   margin: -15px -15px;

   background-color: #F8F9FA;
   border-bottom: 1px solid #EFF1F3;

   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.item-box img, .item-list-box img{
   object-fit: cover;
   max-height: 150px;
   border-radius: 10px;
}

/* 카테고리 */
.screen.category {
   display: flex;

   height: 100%;
}

.screen.category .main-cate-box {
   width: 150px;
   background-color: #F8F9FA;
   overflow-y: auto;
}
.screen.category .main-cate {
   height: 90px;
}
.screen.category .main-cate.select {
   background-color: #fff;
}
.screen.category .cate-img img {
   width: 100%;
   max-width: 40px;
   max-height: 40px;
}
.screen.category .main-cate-box .cate-name {
   line-height: 19px;
   letter-spacing: -2%;
}

.screen.category .detail-cate-box {
   flex-grow: 1;

   font-size: 16px;
   letter-spacing: -2%;

   padding: 0px 25px;

   overflow-y: auto;
}

.screen.category .main-cate-group {
   border-bottom: 1px solid #EFF1F3;

   padding: 10px 0px;
}

.screen.category .main-cate-group li {
   line-height: 45px;
}

.screen.category .main-cate-group .ri-circle-fill {
   font-size: 5px;
   vertical-align: middle;
   margin-right: 10px;
}

.screen.category .sec-cate-group .open .ri-arrow-up-s-line:before {
   content: '\EA4E';
}

.screen.category .thir-cate-group {
   display: none;

   padding-left: 10px;
   color: #171717A3;
}

.screen.category .open .thir-cate-group {
   display: block;
}

/* 상품 리스트 */
.item-list .cate-row {
   width: 100%;
   height: 53px;
   overflow-x: auto;
   overflow-y: hidden;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #f9f9f9;
}

.item-list .cate-tab {
   display: inline-flex;
   height: 100%;
   padding: 0px 20px;
   white-space: nowrap;
   border-bottom: 3px solid #fff;
}

.item-list .cate-tab.select {
   color: #80BC50;
   border-bottom: 3px solid #80BC50;
}

.item-list .div-box {
   padding-left: 16px;
   overflow-x: auto;

   padding-bottom: 27px;
}

.item-list .div-text {
   border: 1px solid #EFF1F3;
   border-radius: 50px;

   height: 44px;
   max-width: 100px;
   overflow: hidden;

   padding: 12px 15px;

   margin-right: 7px;
   word-break: keep-all;
   white-space: nowrap;
}

.item-list .guide-box {
   position: relative;

   background-color: #EFF1F3;
   height: 10px;
   padding: 0px;;
}

.item-list .guide-box .point {
/*    position: absolute; 기획 요청으로 주석 2024.08.27 ysj*/
/*    left: 0px; */
/*    bottom: 0px; */
/*    width: 45%; */
/*    height: 2px; */
/*    background-color: #80BC50; */
}

.item-list .div-box::-webkit-scrollbar {
      height: 3px; /* 스크롤바 높이 설정 */
    }

.item-list .div-box::-webkit-scrollbar {
      background-color: #f9f9f9; /* 스크롤바 색상 */
      border-radius: 5px; /* 스크롤바 모서리 둥글게 */
    }

.item-list .div-box::-webkit-scrollbar-thumb {
  background-color: #80BC50;
  border-radius: 5px;
  width: 50%; /* 스크롤바 손잡이 길이 조정 */
}

.filter-box {
   padding: 10px 16px;
}

.filter-box .filter-btn {
   width: 44px;
   min-width: 44px;
   height: 44px;

   border: 1px solid #80BC50;
   border-radius: 50px;

   font-size: 17px;
   color: #80BC50;
}

.filter-box .filter-row {
   flex-grow: 1;
   overflow-x: auto;
   white-space: nowrap;
}

/* 가로 스크롤바 미노출 처리 */
.filter-box .filter-row::-webkit-scrollbar {display: none;}

.filter-box .filter-item {
   padding: 10px 0px;
   margin-left: 10px;
   gap: 2px;
}

.filter-box .filter-item i {
   font-size: 17px;
}

.filter-box .option {
   margin-left: 10px;
}

.filter-box.open {
   align-items: baseline;
}

.filter-box.open .filter-row {
   flex-wrap: wrap;
   white-space: inherit;
}

.filter-box.open .option i:before {
   content: '\EA4E';
}

.item-list-box {
   padding: 16px 16px 0px 16px;
}
.bottom-btn-box.req {
   display: none;
}
.item-list .vscroll-box:has(.checked) + .bottom-btn-box.req {
   display: flex;
}

.screen.item-list:not(:has(.checked)) {
   padding-bottom: 0px;
}

/* filter */

.filter-select {
   flex-wrap: wrap;
/*    border-bottom: 1px solid #EFF1F3; */
/*    padding-bottom: 20px; */
   gap: 15px;
}

.filter-select.scroll {
   flex-wrap: nowrap;
   overflow-x: auto;
}

.mobile .filter-text {
   background-color: #F8F9FA;

   border: 1px solid #F8F9FA;
   border-radius: 50px;

   height: 44px;
   overflow: hidden;

   color: #737373;

   padding: 12px 18px;

}

.mobile .scroll .filter-text {
   flex: 0 0 auto;
}

.mobile .highlight .filter-text {
   border: 1px solid #EFF1F3;
}

.mobile .filter-text.select {
   background-color: #fff;
   border-color: #80BC50;
   color: #80BC50;
}
.mobile .highlight .filter-text.select {
   background-color: #80BC50;
   color: #fff;
}

.item-filter .btn.close {
   flex-grow: 1;
   border-color: #EEEEEE;
   color: #000;
}
.item-filter .btn.reset {
   flex-grow: 2;
   gap: 10px;
}
.item-filter .btn.set {
   flex-grow: 3;
}

/* 견적 요청 */
.req-item-box {
   padding: 16px 16px 30px 16px;
   border: 1px solid #eeeeee;
   border-radius: 10px;
   box-shadow: 0px 4px 14px 0px #0000000D;
}

.req-item-box .title-text > span {
   font-weight: normal;
}

.req-item-box .min-qty {
   margin-left: 12px;
}

.req-item-box .filter-select {
   /* padding-bottom: 15px; */
}

.req-item-box .im-text {
   font-weight: 400;
}

.req-item-box .wh-text {
   font-weight: 600;
   line-height: 18px;
}

.stapper {
   gap: 10px;
}

.stapper .step-btn {
   display: flex;
   justify-content: center;
   align-items: center;

   font-size: 20px;
   font-weight: 600;
   width: 40px;
   height: 40px;

   border: 1px solid #EFF1F3;
   border-radius: 20px;
}

.stapper .step-val[type=text] {
   border: 1px solid #EFF1F3;
   border-radius: 10px;

   width: 75px;
   height: 40px;

/*    background-color: #F8F9FA; */
}

.req .btn.close {
   flex-grow: 1;
   border-color: #EEEEEE;
   color: #000;
}
.req .btn.req {
   flex-grow: 3;
}

.req-ing .proc-area, .req-end .proc-area {
   flex-grow: 1;
   width: 100%;
}

.req-end .btn {
   padding: 24px 2px;
}

.estimate-ico {

   background-color: #80BC50;
   color: #fff;

   width: 80px;
   height: 80px;

   border-radius: 40px;

   font-size: 30px;
}

.req-end .comp-cnt {
   font-size: 28px;
   font-weight: 800;
}

.req-end .btn-box {
   width: 100%;

   margin-top: 70px;
}

/* 내 견적함 */
.my-list > .btn-box, .my-info > .btn-box {
   padding: 3px 16px;
}

.screen .content-area {
   flex-grow: 1;
   overflow-y: auto;
}

.my-list .label {
   color: #A6B0BD;
}

/* 상품 상세 */
.item-detail .top-img-box {
   position: relative;
}

.item-detail .comp-info {
   font-size: 16px;
}

.item-detail .item-box.detail {
   border: none;
   border-radius: inherit;
   border-bottom: 10px solid #EFF1F3;
   box-shadow: inherit;

   padding: 16px;
}

.item-detail .item-box.detail .item-name {
   font-size: 18px;
   line-height: 24px;
}

.item-detail .item-box.detail .guide-text {
   font-size: 16px;
   line-height: 20px;
}

.item-detail .item-box.detail .req-label {
   font-size: 14px;
   padding: 8px 10px;
   border-radius: 2px;
}

.section {
   margin-top: 14px;
   padding-bottom: 30px;

   border-bottom: 10px solid #EFF1F3;
}

.item-detail .container {
   padding: 16px 16px 20px 16px;
   width: 100%;
   text-align: center;
}

.item-detail .section {
   margin-top: 4px;
   padding-bottom: 30px;
   border-bottom: 10px solid #EFF1F3;
}

.item-detail .section > .title-text {
   padding-bottom: 18px;

   font-size: 18px;
   line-height: 24px;
}

.item-detail .section .label {
   width: 100px;

   font-size: 16px;
   line-height: 20px;
   text-align: left;
}
.item-detail .section .value {
   flex-grow: 1;
}

.item-detail .section .detail-text {
   font-size: 16px;
   line-height: 20px;
}

.item-detail .section .ico {
   font-size: 18px;
   margin-right: 10px;
}

.tab-box.fixed + .detail-info {
   margin-top: 50px;
}

.detail-info {
   border-bottom: 10px solid #EFF1F3;
}

.detail-info .title-text {
   font-size: 18px;
   line-height: 24px;
   width: 50%;
}

.detail-info .content-text {
   font-size: 16px;
   line-height: 20px;
   width: 80%;
   font-weight: 300;
}

.detail-info pre {
   white-space: pre-wrap;
   word-wrap: break-word;

   text-align: left;
}

.item-detail .detail-items {
   border-bottom: 10px solid #EFF1F3;
   padding-bottom: 15px;
}

.item-detail .detail-items > .title-text {
   border-bottom: none;
}

.item-detail .detail-support {
   margin-top: 14px;
}

.item-detail .detail-support .btn-box:eq(0) {
   padding-bottom: 20px;
   border-bottom: 1px solid #EFF1F3;
}

.board-box {
   padding: 16px;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
}

.board-box .board-head {
   position: relative;
}

.board-box .status-box {
   background-color: #fff;
   font-size: 12px;
   line-height: 14px;

   border:1px solid #80BC50;
   border-radius: 10px;

   padding: 3px 10px;
   margin-right: 8px;

   color: #80BC50;
}

.board-box .status-box.end {
   background-color: #80BC50;
   color: #fff;
}

.board-box .board-head .title-text {
   font-weight: 400;
   width: 90%;
}
.board-box .title-text {
   overflow-wrap: break-word;
}

.board-box .open-ico {
   position: absolute;
   top: 0px;
   bottom: 0px;
   right: 0px;
   width: 50px;
}

.board-box.open .board-content {
   display: block;
}

.board-box .board-content .guide-text {
   font-size: 16px;
   line-height: 20px;
}

.item-detail .btn.close {
   flex-grow: 1;
}

.item-detail .btn.req {
   flex-grow: 3;
}

.btn.more {
   flex-grow: inherit;
   flex-basis: auto;

   border-radius: 25px;
   width: 100px;
}


.open-ico .remix-icon:before {
   content: "\EA4E";
   font-size: 16px;
}

.open .open-ico .remix-icon:before {
   content: "\EA78";
}

/* 채팅 */
.chat > .btn-box {
   padding: 3px 16px;
}

.chat-list {
   flex-grow: 1;
/*    overflow-y: auto; */
}

.chat-list .room-box {
   padding: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #EFF1F3;
}

.chat-list .room-box .chat-row {
   gap: 10px;
}

.chat-list .chat-cnt {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      background-color: red;
      color: #fff;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.8;
   }

.room-box .user-box {
   width: 60px;
   height: 60px;
   border-radius: 25px;
   border: 1px solid #EFF1F3;
   flex-shrink: 0;
   overflow: hidden;
   font-size: 14px;
   background-color: #f9f9f9;
   font-weight: 400;
}
.room-box .seller-box {
   flex-grow: 1;
}

.room-box .chat-text {
   flex-grow: 1;
   text-align: left;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.room-box .chat-cnt {
   margin-left: 20px;
   flex-shrink: 0;
}

.screen.chat-room {
   background-color: #80BC50;
}

.chat-room .chat-room-box {
   flex-grow: 1;
   overflow-y: auto;
}

.chat-room .message-area {
   width: 100%;
}

.chat-room .date-box {
   background-color: #B6D89A;
   padding: 5px 10px;
   border-radius: 15px;
   gap: 5px;
   margin: 10px 0px 5px;
}

.msg-row {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   min-height: 50px;
   margin: 5px 0px;
}
.msg-row.my {
   flex-direction: row-reverse;
}

.msg-row .user-box {
   width: 50px;
   height: 50px;
   border-radius: 25px;
   background-color: #fff;
   align-self: flex-start;
   overflow: hidden;
}
.msg-row.my .user-box {
   display: none;
}

.chat-room .write-box {
   width: 100%;
   height: 50px;

   background-color: #fff;
   flex-shrink: 0;
}

.chat-room .write-box .plus-ico {
   width: 50px;
   height: 100%;
   flex-shrink: 0;
   font-size: 24px;
}

.chat-room .write-box .write-area {
   flex-grow: 1;
   border: none;
   height: 100%;
   font-size: 16px;
   border-radius: 0px;
}

.chat-room .write-box .write-area::placeholder {
   font-size: 14px;
   font-weight: 300;
}

.chat-room .chat-box {
   position: relative;
}

.msg-row.my .chat-box {
   flex-direction: row-reverse;
}

.chat-room .msg-row .msg-box {
   padding: 8px 10px;
   max-width:220px;
   background-color:#fff;
   border-radius: 10px;
   margin: 0px 7px;
   text-align: left;
}

.chat-room .msg-row .msg-box.estimate {
   padding: 10px;
   background-color: #F8FCF6;
}

.chat-room .msg-row .msg-box .msg-label {
   width: 60px;
   font-size: 12px;
   line-height: 14px;
   color: #fff;
   background-color: #80BC50;
   padding: 2px 10px;
}
.chat-room .msg-row .msg-box .file-nm {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
}

.chat-room .estimate-area {
   padding: 10px;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   box-shadow: 0px 4px 14px 0px #0000000D;
}

.chat-room .estimate-area i {
   font-size: 18px;
   margin-right: 5px;
}

.chat-room .estimate-area .btn-box {
   height: 40px;
}

.chat-room .chat-box-time {
   align-self: flex-end;
}

.chat-room .msg-row.my .vector-ico.left,
.chat-room .msg-row:not(.my) .vector-ico.right {
   display: none;
}

.chat-room .vector-ico {
   position: absolute;
   top: 0px;
   left: 0px;
}

.chat-room .vector-ico.right {
   left: inherit;
   right: 0px;
}

.chat-room .write-box:not(.option) + .option-box {
   display: none;
}

.chat-room .option-box {
   display: flex;
   background-color: #fff;
   border-top: 1px solid #EFF1F3;
}

.chat-room .option-box .option-ico {
   width: 60px;
   height: 60px;
   border: 1px solid #B6D89A;
   border-radius: 30px;
   background-color: #F8FCF6;
   font-size: 22px;
   color: #80BC50;
}

.chat-room .option-box .option-ico.disabled {
   color: #e2e2e2 !important;
   border: #e0e0e0 !important;
}

.chat-room .ri-add-large-line.open{
    transition: transform 0.3s ease;
    transform: rotate(45deg);
}

/* 카트 */
.cart .cart-select {
   padding-bottom: 0px;
}

/* 견적 작성 */
.eistimate-reg > div {
   overflow-y: auto;
   width: 100%;
}
.eistimate-reg .reg-box {
   overflow-y: auto;
   padding-bottom: 0px;
}

.eistimate-reg input[type=text] {
   width: 100%;
}

.eistimate-reg textarea {
   background-color: #fff;
   padding: 15px;
}

.eistimate-reg .sale-tp-box label {
   margin-right: 10px;
}

.eistimate-reg .total-amt {
   padding: 10px;
   background-color: #EBF4E4;
}

.eistimate-reg .weigh-box {
   padding: 10px 16px 20px;
   background-color: #EBF4E4;
}

.eistimate-reg .weigh-val[type=text] {
   width: 128px;
}

.eistimate-reg .weigh-box + .container {
   padding-top: 0px;
}

/* 주문 등록 */
.order-regist .money-input {
   height: 48px;
   width: 140px;
   text-align: right;
   border-radius: 10px;
}

.order-regist .info-box {
   padding: 0px 15px;
   text-align: left;
}

/* .order-regist .section { */
/*    margin-top: 14px; */
/*    padding-bottom: 30px; */
/*    border-bottom: 10px solid #EFF1F3; */
/* } */

.order-regist .bill {
   height: 40px;
   justify-content: flex-start;
}

.order-regist .bill .btn {
   flex-grow: inherit;
   flex-basis: auto;

   padding: 5px 15px;
   border-radius: 20px;

   font-size: 13px;
}

.order-regist .input-box {
   width: 235px;
}

.order-regist .input-box .btn {
   font-size: inherit;
   font-weight: inherit;
   width: 86px;
   flex-shrink: 0;
}

/* 주문등록 완료 */
.order-end .payment-box {
   width: 280px;
   border: 1px solid #EFF1F3;
   padding-top: 30px;
   border-radius: 10px;
}

.order-end .payment-box .btn-box div:nth-child(1) {
   margin-right: 10px;
   padding-right: 20px;
   border-right: 1px solid #EFF1F3;
}


/* 마이페이지 */
.my-page {
   color: #15181C;
}

.my-vaccount {
   height: 120px;
   background-color: #80BC50 !important;
   color: #fff;
}

.my-vaccount .my-ico {
   font-size: 29px;
}

.my-vaccount .acc-box {
   flex-grow: 1;
}

.my-page .my-money-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   padding: 9px 10px;
}

.my-page .my-money {
   flex-grow: 1;
   text-align: right;
}

.my-page .my-box .btn {
   font-size: 14px;
   line-height: 18px;
}

.my-page .my-menu {
   display: flex;
   flex-direction: column;
   justify-content: space-between;

   height: 100px;

   border: 1px solid #EFF1F3;
   border-radius: 10px;
   padding: 10px;

   flex-grow: 1;
   flex-basis: 0;
}

.my-page .my-menu i {
   font-size: 22px;
}

/* 주문 목록 */
.mobile .order .status-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   padding: 14px 0px;

   flex-grow: 1;
   flex-shrink: 0;
   flex-basis: 70px;

   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
   color: #171717;
}

.mobile .order .status-box .count {
   width: 100%;
   padding: 0px 12px;
}
.mobile .order .status-box.add-deposit .count {
   text-align: right;
   margin-right: 10px;
}
.mobile .order .status-box.add-deposit .status-nm{
   width: 100%;
   text-align: left;
   margin-left: 20px;
}

.order .del-out-tp {
   gap: 0px;
}

.order .del-out-tp .btn {
   border-radius: 0px;
   border-right: none;
   font-size: 14px;
}

.order .del-out-tp .btn:last-child {
   border: 1px solid #EFF1F3;
}

.order .order-result {
   padding-top: 0px;
   height: 100%;
}
.order .order-result .section {
   margin-top: 14px;
   padding-bottom: 30px;
   border-bottom: 4px dotted #EFF1F3;
   margin-bottom: 30px;
}

.order .item-box .order-box .label {
   color: #A6B0BD;
}

.order .item-box .alert-text i {
   font-size: 20px;
}

/* 주문 상세 */
.order-detail .section {
   margin-top: 4px;
}

.order-detail .section-item {
   padding: 10px 20px;
   border-top: 1px solid #EFF1F3;
}

/* 찜상품 리스트 */
.my-item .item-list {
   flex-grow: 1;
   overflow-y: auto;
   width: 100%;
}

/* 배송지관리 */
.my-delivery .delivery-list, .my-delivery .delivery-reg {
   flex-grow: 1;
   overflow-y: auto;
   width: 100%;
}

.delivery-reg .guide-box {
   padding:inherit;
}

.my-delivery .delivery-box {
   width: 100%;
   padding: 20px 10px;
}

/* .my-delivery .delivery-box:first-child { */
/*    padding-top: 0px; */
/* } */

.my-delivery .primary-label {
   background-color: #80BC50;
   border-radius: 4px;
   color: #fff;
   padding: 1px 8px;
}

.my-delivery .guide-box {
   align-items: flex-start;
}

/* 주문처리 */
.order-proc .btn-box.proc {
   height: 110px;
}

.order-proc .cancel-btn-box, .order-proc .proc-btn-box  {
   height: 100%;
   flex-grow: 1;
   flex-shrink: 0;
   flex-basis: 50%;
}

.order-proc .proc-btn-box .btn {
   font-size: 14px;
   line-height: 18px;
   padding: 20px;
}

.order-proc .proc-btn-box .btn div {
   width: 100%;
   justify-content: flex-end;
}

.order-proc .proc-btn-box .btn i {
   font-size: 20px;
   margin-right: 8px;
}

.order-proc .cancel-btn-box .btn {
   width: 100%;
   flex-grow: 1;
}

.order-proc textarea {
   background-color: #fff;
}

.order-proc .rootianCombo {
   width: 100%;
}

/* 예치금 */
.money-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   padding: 20px;
}

.money-box.gray {
   background-color: #F8F9FA;
}

.money-list .flex-vcenter > div {
   width: 100%;
}

.money-list .money-box {
   padding: 10px 10px 10px 20px;
}

.money-box .money-text {
   flex-grow: 1;
}

.money-list .money-box .btn {
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
}

.money-list .tab-box {
   height: 40px;
}

.money-list .tab-item {
   color: #737373;
   flex-grow: 1;
}

.money-list .money-io-row {
   padding: 16px 20px;
}

.money-list .money-io-row .point-text {
   color: #00A2FF;
}

.money-list .money-io-row .detail-link {
   font-size: 14px;
}

/* 예치금 충전 */
.money-charge .money-box {
   padding: 15px 20px;
}

.money-charge .section-item {
   padding: 15px 20px;
}

.money-charge .section-item.row1 {
   border: 1px solid #EFF1F3;
}

.money-charge .section-item.row2 {
   border: 1px solid #EFF1F3;
   border-top: none;
}

.money-charge .charge-select .btn {
   border-radius: 0px;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
   height: 48px;

   border-right: none;
   border-bottom: none;
}

.money-charge .charge-select .btn:last-child {
   border-right: 1px solid #EFF1F3;
}

.money-withdraw-end .section-item {
   padding: 15px 20px;
}

.ri-send-plane-fill {
   color: #80BC50;
   font-size: 24px;
   padding: 16px;
}

.alert-text.new {
   font-weight: 600;
   font-size: 12px;
   margin-left: 6px;
}

/* 회원 정보 수정 */
.screen.my-info .big-text {
   line-height: 26px;
}

.screen.my-info .info-text {
   line-height: 20px;
}

.screen.my-info .guide-line {
   border: 1px solid #80BC50;
   width: 74px;
}
.border-none {
   border : none !important;
}

.chat-ico{
   position: relative;
}
.chat-ico .chat-cnt {
  position: absolute;
  width: 15px;
  height: 15px;
  /* right: 10px; */
  top: -5px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  background-color: #F94B50;
  text-align: center;
}
.chat-title {
   text-align: left;
   width: 73%;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
}
.system {
   position: absolute;
   top: 16px;
   left: 16px;
   right: 16px;
   background-color: #EBF4E3;
   border-radius: 10px;
   margin-bottom: 0px !important;
}
.chat-list:has(.system) {
   position: relative;
   padding-top: 110px;
}
.main-login-link {
   padding: 13px 0px;display: flex;justify-content: center;align-items: center;gap: 10px;text-align: center;font-weight: 300;margin-top: 20px;
   cursor: pointer;
}
.login-btn {
   padding: 14px 20px; background-color: #f9f9f9; border: 1px solid #eeeeee; border-radius: 50px;
   cursor: pointer;
}
.notice-tab-area {
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
}
.notice-tab {
   border-radius: 30px !important;
   height: 40px !important;
   cursor: pointer;
}

.mst-login-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   background: #fff;
   margin-top: -30px;
   padding: 16px;
   text-align: left;
   font-weight: 400;
}
.select-container .select-box{
   position: relative;
   padding: 10px 20px;
   border: 1px solid #80BC50;
   border-radius: 10px;
   font-weight: 400;
   cursor: pointer;
   color: #80BC50;
}
.select-container .select-box.h1 {
   height: 100px;
}
.select-container .select-box.green{
   background-color: #80BC50;
   color: #fff;
}
.select-container .select-box i{
   font-size: 32px;
   color: #80BC50;
}
.select-box.green i{
   color: #fff;
}
.select-container .select-box .sm{
   font-size: 16px;
}
.select-container .select-box .chat-cnt{
   position: absolute;
   right: -10px;
   width: 20px;
   height: 20px;
   border-radius: 10px;
   background-color: #F94B50;
   color: #fff;
   text-align: center;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.8;
}
.new-message {
  font-size: 10px;
  color: #fff;
  width: 9px;
  padding: 2px 5px 2px 4px;
  margin-left: 8px;
  border-radius: 50%;
  background-color: #D40304;
  vertical-align: middle;
  text-align: center;
}
.main-banner .swiper,
.popup-swiper .swiper {
   position: relative;
}
.main-banner .swiper-pagination,
.popup-swiper .swiper-pagination {
   position: absolute;
   top: 10px;
   right: 10px;
   left: auto;
   bottom: auto;
   width: auto;
}
/* 숫자 배경 박스 */
.swiper-pagination-custom {
   display: inline-block;
   padding: 4px 10px;
   background-color: rgba(0, 0, 0, 0.7);
   color: #fff;
   font-size: 13px;
   border-radius: 20px;
   line-height: 1;
}

.ellipsis-2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;      /* 최대 2줄 */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;    /* 말줄임표 (...) 처리 */
}

.filter-text {
   background-color: #fff;

   border: 1px solid #EFF1F3;
   border-radius: 10px;

   height: 44px;
   overflow: hidden;

   color: #1F1F1F;

   padding: 12px 18px;

}

.filter-text.delivery {
   border-radius: 10px;
}

.scroll .filter-text {
   flex: 0 0 auto;
}

.highlight .filter-text {
   border: 1px solid #EFF1F3;
}

.filter-text.select {
   background-color: #fff;
   border-color: #80BC50;
   color: #80BC50;
}
.highlight .filter-text.select {
   background-color: #80BC50;
   color: #fff;
}
.filter-add-btn, .cate-div-add-btn {
   margin-left: 10px;
   background-color: #1F1F1F;
   border: 1px solid #1F1F1F;
   color: #ffffff;
   padding: 3px 9px;
   font-weight: 400;
   border-radius: 4px;
}
.deal-list-box .deal-cate-label {
   border-radius: 5px;
   font-weight: 400;
   padding: 4px 10px;
   margin-right: 5px;
}
.deal-list-box .qty-row, .deal-list-box .writer {
   color: #767676;
}

.deal-box {
   border-bottom: 1px solid #EFF1F3;
}

.deal-cate-label.storage-way {
   background: #F8F9FA;
   border: 1px solid #EEEEEE;
   color: #171717;
}
.deal-cate-label.black {
   background: #171717;
   color: #fff;
}
.deal-cate-label.deal-tp {
   background: #fff;
   border: 1px solid #80BC50;
   color: #80BC50;
}
.div-text.select {
   color: #80BC50;
   border: 1px solid #80BC50;
}

.item-nm {
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
}

.item-box .deal-cate-label {
   border-radius: 5px;
   font-weight: 400;
   padding: 4px 10px;
   margin-right: 5px;
}

.bd-title-b { border-bottom: 2px solid #171717; }

.search-filter-val {
   position: relative;
   max-width: 370px;
}
.search-filter-val .flexdatalist-cancel-button,
.search-filter-val .flexdatalist-button {
   position: absolute;
   top: 16px;
   right: 20px;
}
.search-filter-val .ri-search-line {
   margin-right: 0px;
}
.search-filter-val .flexdatalist-input {
   font-size: 14px !important;
   width: 100% !important;
}