@charset "UTF-8";

.mobile.web-mobile-box {
   width: 100%;
   max-width: 1200px;
   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: 60px;
}

.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 .meet-input {
   background-color: #F8F9FA;
   border: 1px solid #EFF1F3;
   color: #707070;
}

.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: #D40304;
  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-area img {
   border-radius: 8px;
}

.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: relative;
   top: 0px;
   left : 0px;
   right: 0px;

   padding: 16px;
   z-index: 100;

   height: 60px;
   background-color: #D40304;
   color: #fff;
   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 #EFF1F3;
   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: #D40304;
}

.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: #D40304;
   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-bottom: 1px solid #EEEEEE;
/*    border-radius: 10px; */
/*    background-color: #fff; */

   padding: 20px 0px 10px 0px;

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

.item-box.comunity {
   padding: 16px 0px;
}

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

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

.item-box .item-nm {
   font-size: 18px;
   font-weight: 500;
}

.item-box.comunity .item-nm {
   font-size: 16px;
}

.cate-label {
   font-size: 13px;
   line-height: 16px;

   color: #000;
   background-color: #F8F9FA;
   padding: 4px 11px;
   border: 1px solid #eee;
   margin-right: 5px;
   border-radius: 5px;
}

.cate-label.black {
   color: #ffffff;
   background-color: #171717;
   border: 1px solid #171717;
}
.cate-label.red {
   color: #ffffff;
   background-color: #D40304;
   border: 1px solid #D40304;
}

.item-box .cate-label.ing {
   color: #D40304;
   background-color: #fff;
   border: 1px solid #D40304;
}
.item-box .cate-label.end {
   background-color: #D40304;
   border: 1px solid #D40304;
   color: #fff;
}
.item-box .cate-label.storage-way {
   background-color: #f9f9f9;
   border: 1px solid #eee;
   color: #171717;
}
.item-box .sample-label {
   font-weight: 300;
   color: #ffffff;
   background-color: #80BC50;
   padding: 2px 10px;
   font-size: 13px;
   border-radius: 2px;
}

.item-box .qty-row {
   font-size: 15px;
}

.item-box .writer {
   color: #909090;
   font-size: 13px;
}
.item-box .writer >span {
   margin-right: 6px;
}
.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 .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 .image-box {
   width: 90px;
   height: 90px;
   overflow: hidden;
   border-radius: 10px;
}

.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-width: 120px;
   border-radius: 10px;
}

.item-box .ellipsis {
   max-width: 150px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.item-box .list-filter {
   color: #171717;
   font-size: 15px;
   line-height: 22px;
}
.item-box .list-filter .filter-label {
   color: #767676;
   margin-right: 6px;
}
.item-box .list-filter .filter-value {
   margin-right: 6px;
}
.item-box .list-filter .filter-divider {
   color: #C5C5C5;
}
/* 카테고리 */
.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;
   user-select: none;
   cursor: grab;
   scroll-behavior: smooth;
}

/* cate-row상단 고정 */
.item-list .cate-row.sticky {
   position: absolute;
   top: 0px;
   z-index: 100;
   left: 0px;
   right: 0px;
   background-color: white;
}
.item-list .vscroll-box:has(.cate-row.sticky) {
   padding-top: 53px;
}


.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: #D40304;
   border-bottom: 3px solid #D40304;
}

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

   padding-bottom: 20px;
}

.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 .div-text.select {
   background-color: #D40304;
   color: #fff;
}
.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: #D40304;
  border-radius: 5px;
  width: 50%; /* 스크롤바 손잡이 길이 조정 */
}

.filter-box {
   padding: 10px 16px;
   border-bottom: 1px solid #eeeeee;
}

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

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

   font-size: 17px;
   color: #D40304;
}

.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: 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:has(.filter-text.delivery) {
   gap: 10px;
}

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

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

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

   height: 44px;
   overflow: hidden;

   color: #1F1F1F;

   padding: 12px 18px;

}

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

.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: #D40304;
   color: #D40304;
}
.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;
}

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

.item-detail .section {
   margin-top: 4px;
   padding-bottom: 30px;
}

.item-detail .section-line {
   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;
}
.item-detail .detail-support .btn {
   border: 1px solid #eeeeee;
   border-radius: 40px;
   font-weight: 600;
}
.detail-top .btn {
   border: 1px solid #eeeeee;
   border-radius: 40px;
   font-weight: 500;
   font-size: 15px;
   margin-top: 10px;
}

.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 #D40304;
   border-radius: 10px;

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

   color: #D40304;
}

.board-box .status-box.end {
   background-color: #D40304;
   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;
   border: 1px solid #EEEEEE;
   color: #171717;
}


.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-page .section {
   border-bottom: 10px solid #EFF1F3;
}
.my-page .edit-btn {
   line-height: 20px;
   cursor: pointer;
   padding: 8px;
   border: 1px solid #EFF1F3;
   background-color: #fff;
   border-radius: 20px;
   text-align: center;
   font-weight: 500;
   width: 120px;
}
.my-vaccount .acc-box {
   flex-grow: 1;
}

.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;
   cursor: pointer;
   font-weight: 400;
}

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

.my-page .fd-box {
   border: 1px solid #EFF1F3;
   border-radius: 10px;
   padding: 5px;
}
.my-page .fd-box i {
   font-size: 28px;
}

.my-page .menu .menu-text {
   font-size: 16px;
   font-weight: 400;
}

/* 주문 목록 */
.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-page .deal-cnt,
.my-deal .deal-cnt {
   width: 20px;
   height: 20px;

   font-size: 12px;
   font-weight: 600;
   color: #fff;
   border-radius: 10px;
   background-color: #F94B50;
   text-align: center;
   line-height: 20px;
}

.my-deal .deal-cnt {
   position: absolute;
   right: 30px;
}

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

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

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

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

.my-delivery .primary-label {
   background-color: #D40304;
   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 black;
   width: 100px;
}
.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;
   white-space: nowrap;
   padding: 10px;
}
.notice-tab {
   border-radius: 30px !important;
   height: 40px !important;
   /* min-width: 100px; */
   cursor: pointer;
   padding: 10px 20px !important;
}

.ri-volume-down-line {
   font-size: 20px;
   color: #D40304;
}
.filter-title-sign {
   width:4px;
   height:19px;
   margin-right: 8px;
   background-color:#171717;
}
.guide-label {
    background-color: #fff;
    border: 1px solid #D40304;
    border-radius: 5px;
    font-size: 12px;
    overflow: hidden;
    color: #D40304;
    padding: 1px 10px;
    margin: 0px 10px;
}
.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;
}
.filter-guide-text {
   color: #909090;
}
.ri-arrow-right-s-line {
   font-size: 17px;
}
.filter-input > input[type='text'] {
/*       width: 160px !important; */
   background-color: #F8F9FA;
   color: #707070;
   border: 1px solid #EFF1F3;
   border-radius: 10px;
}
.filter-input .comboArea {
   width: 160px !important;
   background-color: #F8F9FA;
   font-weight: 600;
}
.mobile .rootianCombo {
   width:inherit !important;
}
.area-devide {
   background-color: #EFF1F3;
   height: 10px;
   padding: 0px;
}
.buy-option-area {
   padding: 15px;
}
.item-div {
   display: none;
}
.guide-bold {
   font-weight: 600;
   color: #171717;
}
.buy-option-area .show-all {
   display: none;
}
.buy-temp-box {
   border: 1px solid #EFF1F3;
   border-radius: 5px;
   padding: 20px;
   line-height: 1.8;
   font-size: 15px;
}
.vertical-divider {
   font-size: 12px;
   color: #C5C5C5;
   margin: 0px 6px;
}
.buy-option-area:has(.filter-val.select) .show-all, .buy-option-area:has(.filter-text.select) .show-all {
   display: block;
}
.ri-checkbox-fill {
   font-size: 20px;
   margin-right: 5px;
   color: #707070;
}
.ri-checkbox-fill.checked {
   color: #D40304;
}
.add-pic-btn {
   width: 100%;
   padding: 15px 20px;
   border-radius: 15px;
   text-align: center;
   background-color: #000;
   color: #fff;
   font-size:16px;
}
.add-pic-btn .ri-camera-line {
   font-size: 18px;
   margin-right: 5px;
}
.empty-box {
   margin: 5px;
   aspect-ratio: 1;
   background-color: #D9D9D9;
/*       width: 68.8px; */
   height: 68.8px;
}
.sheet-footer {
   position: absolute;
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   bottom: 80px;
   pointer-events: none;
}
.sheet-footer button {
   width: 180px;
   height: 48px;
   font-size: 17px;
   border-radius : 46px;
   cursor: pointer;
   background-color: #D40304;
   opacity: 0.8;
   border: none;
   pointer-events: auto;
   z-index: 1000;
}
.tab-box {
  display: flex;
  justify-content: space-evenly;
  font-weight: 600;
  font-size: 16px;
}

.tab-btn {
  flex: 1;
  padding: 10px;
  text-align: center;
}

.tab-btn.active {
  border-bottom: 2px solid #D40304;
  color: #D40304;
}
.post-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  border-bottom: 1px solid #ddd;
}

.post-title {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  color:#171717;
  font-weight: 500;
  text-overflow: ellipsis;
}

.post-meta {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  font-size: 14px;
  color: #909090;
}
.post-meta .view-cnt {
  min-width: 15px;
  text-align: right;
  display: inline-block;
}
.post-new {
   display: inline;
   border-radius: 50%;
   padding: 1px 4px;
   margin-left: 10px;
   vertical-align: top;
   background-color: #D40304;
   color: #fff;
   font-size: 9px;
}
.filter-label.ing {
    background-color: #fff;
    color: #D40304;
    border: 1px solid #D40304;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 11px;
    margin-right: 5px;
    border-radius: 5px;
}
.filter-label.end {
    background-color: #D40304;
    color: #fff;
    border: 1px solid #D40304;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 11px;
    margin-right: 5px;
    border-radius: 5px;
}
.item-detail .info-text {
   color: #909090;
   font-size: 16px;
}
.notice-list-area {
   width: 100%;
}
.search-guide-text {
   font-size: 16px;
   color: #909090;
   line-height: 20px;
}

.ri-edit-2-line {
   vertical-align: bottom;
   font-size: 20px;
}
.sheet-item {
   margin-right: 20px;
   border: 1px solid #EEEEEE;
   border-radius: 30px;
   padding: 13px 25px;
   color: #171717;
}
.sheet-item.select {
   border: 1px solid #171717;
   background-color: #171717;
   color: #fff;
}
.sheet-item.manager{
   border: 1px solid #D40304 !important;
   color: #D40304 !important;
   background-color: #ffffff !important;
}
.sheet-item.manager.select{
   border: 1px solid #EEEEEE !important;
   color: #ffffff !important;
   background-color: #D40304 !important;
}
.sheet-text {
   display:inline-block;
   font-weight: 500;
   font-size:16px;
}
.sheet-text.select {
   background-color: #171717;
   color: #fff;
}
.ri-corner-down-right-line {
   margin: 0px 5px;
   font-size: 24px;
}
.sheet-box {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   row-gap: 10px;
   align-items: center;
}

.filterArea .sheet-item.select {
   background-color: #fff;
   border: 1px solid #D40304;
   color: #D40304;
}

.filterArea .sheet-box {
   border: 1px solid #EEEEEE;
   padding: 10px;
}
.view-sheet {
   background-color: #000;
   color: #fff;
   padding: 20px;
}
.table-grid {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.left-wrapper {
  display: flex;
  flex-direction: column;
  width: 140px;
  flex-shrink: 0;
}

.right-wrapper {
  display: block;
/*   flex-direction: column; */
/*   flex: 1; */
  min-width: 0;
}

.right-body {
  overflow-x: auto;
  position: relative;
}

.sheet-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
/*   border-left: 1px solid #ccc; */
}
.right-wrapper,
.main-body {
  overflow: visible !important;
}

.top-left,
.left-body {
  width: 140px; /* 축종(70px) + 품명(70px) */
  min-width: 140px;
  flex-shrink: 0; /* 수축 방지 */
}

.top-left {
position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}

.top-right {
position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}

.left-body {
  grid-row: 2;
  grid-column: 1;
/*   overflow-y: auto; */
  background: #fff;
}
.group-header {
   font-weight: 600;
   font-size: 20px;
}
.sheet-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #0B3040;
  color: white;
  height: 60px;
  padding: 8px;
  border-right: 1px solid #ccc;
  white-space: nowrap;
  vertical-align: middle;
}
.sheet-table td {
    min-width: 70px;
    height: 60px !important;
    vertical-align: middle;
    word-break: break-all;
    white-space: normal;
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 8px;
}
.sheet-table.make-img {
   border-collapse: collapse;
}
.sheet-table.make-img thead th {
/*   line-height: 24px; */
  letter-spacing: unset;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}


.sheet-table.make-img td:not(.group-header > td) {
   padding-bottom: 25px;
}

.sheet-table.make-img .group-header > td {
   font-weight: 600 !important;
   font-size: 80px !important;
   border: none !important;
   padding: 175px 10px 85px 10px;
}
.sheet-table.make-img td {
    font-size: 40px;
    font-weight: 400;
    vertical-align: middle;
    color: #000;
    line-height: 40px;
    letter-spacing: unset;
    text-align: center;
    padding-bottom: 22px;
}

.sheet-table.make-img.reg td:not(.group-header > td) {
   padding: 20px 0px;
}

.sheet-table.make-img.reg .group-header > td {
   padding: 160px 10px 60px 10px;
}

.sheet-table.make-img tr:last-child td { border-bottom: 1px solid #ccc; }
.sheet-table.make-img td:last-child { border-right: 1px solid #ccc; }

.sub-header > th {
   background: #0B3040;
   color: white;
/*    line-height: 24px; */
  letter-spacing: unset;
  font-size: 18px;
  font-weight: 400;
  height: 30px;
  text-align: center;
  padding-bottom: 10px;
  vertical-align: middle;
  border-left: 1px solid #ccc;
}
.sheet-table.make-img .sub-header > th {
   background: #2B414A;
   height: 40px;

   padding: 10px 0px 22px 0px;
   font-size: 40px;
}

.sheet-table.reg .sub-header > th {
  padding: 30px 0px;
}

 .right-body table {
   min-width: 900px;
 }

 .left-body td,
 .right-body td {
   height: 40px;
 }
 .scrollable-area {
    user-select: none;
    cursor: grab;
    background: #f9f9f9;
 }
 .top-right {
  overflow-x: scroll;
  scrollbar-width: none;
}

 .top-right table {
   min-width: 900px;
 }


.top-right::-webkit-scrollbar, .left-body::-webkit-scrollbar {
  display: none;             /* Chrome, Edge, Safari */
}

.guest-login-link {
   position: absolute;
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   bottom: 80px;
   pointer-events: none;
}
.guest-login-link button {
   width: 140px;
   height: 48px;
   font-size: 17px;
   border-radius : 46px;
   cursor: pointer;
   background-color: #D40304;
   border: none;
   pointer-events: auto;
   z-index: 1000;
}
.guest-login-link button.btn-black {
   background-color: #454545;
   color: #fff;
}
.item-val {
   margin-left: 6px;
}
.sheet-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 50px;
   flex-grow: 3;
   flex-basis: min-content;
   border: 1px solid #EEEEEE;
   border-radius: 10px;
   color: #171717;
}
.tel-area {
   background-color: #F9F9F9; border: 1px solid #EEEEEE; border-radius: 10px; padding: 15px 15px 10px 15px;
}
.div-box {
   cursor: grab;
}
.mobile-link-area {
   position: absolute;right:-80px;bottom:100px;
}
.ri-mobile-download-line {
   padding: 10px 7px 10px 10px;
   border: 1px solid #eeeeee;
   border-radius: 50%;
   font-size:33px;
   cursor: pointer;
}

.login-box .input-box,
.my-info,
.sign-up,
#BIZ_INFO .bottom-btn-box,
.register-sheet-box {
   max-width: 428px;
   margin: 0 auto;
}

.ri-checkbox-blank-line {
   padding-right: 5px;
   font-size: 24px;
   vertical-align: middle;
}
.ri-checkbox-fill {
   margin-right: 0px;
   font-size: 24px;
   vertical-align: middle;
   color: #000;
}

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