@charset "utf-8";

.disnone{display:none;}
.txt_center{text-align:center;}
/**** 메인 상품목록 테이블 ****/
.tableHeader {float:left; table-layout:fixed; margin-top:5px; width:100%; }
*+html body .tableHeader {float:left; }
.tableHeader thead tr th {color: #333; border-bottom: solid 1px #bbb; border-top: solid 1px #bbb;
    border-left: solid 1px #bbb; height: 30px; background: linear-gradient(to bottom, #ffffff, #dcdcdc); position: sticky; top: 0; z-index: 99; }

.tableHeader tbody tr th.txt_right3 {text-align:right; padding-right:0; }
.tableHeader tbody tr th input[type="checkbox"], .tableContent tbody tr td input[type="checkbox"] {margin:0; }
.tableHeader tr th.sort {text-decoration:underline; cursor:pointer; }
.tableHeader tr th.sort_select {text-decoration:underline; color:#cc3366 !important; cursor:pointer; }
.HoverTr:hover {background:rgb(255, 250, 211); }

.tableHeader2 tbody tr th {background:#f0f0f0; height:auto; padding:7px 5px; border:solid 1px #ccc; border-top:0; border-left:0; letter-spacing:-0.06em; }
.tableHeader2 tbody tr th.sort {padding:5px; }
.tableHeader2 tbody tr:first-child th:last-child {border-right:0; }
.tableHeader tbody tr th.line_last, .tableHeader2 tbody tr th.line_last {border-right:0; }

.tableContent {width:100%; float:left; table-layout:fixed; }
.tableContent tbody tr td {border-bottom:solid 1px #e1e3e6; border-left:1px solid #e1e3e6; text-align:center; height:auto; padding-top:5px; padding-bottom:5px; word-wrap:break-word; }
.tableContent tbody tr td:last-child{border-right:1px solid #e1e3e6}
.tableContent tbody tr td.txt_right3 {text-align:right; padding-right:0; }
table tbody tr td.txt_right4 {text-align:right; padding-right:4px; }
.tableContent tbody tr td a:hover {text-decoration:none; }
.tableContent tbody tr td.detail {padding:0; }
#PUMLIST_TABLE_TITLE tbody tr th input[type="checkbox"], #PUMLIST_TABLE tbody tr td input[type="checkbox"] {margin:0; }
body .tableContent tbody tr td.arrow {padding-right:2px; }
#PUMLIST_BOX .tableContent tbody tr td {letter-spacing:-0.06em; line-height:1.4; }
#PUMLIST_BOX .tableContent tbody tr td div.stock_bg {background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 7px 4px 9px; width:auto; *width:15px; display:inline-block; }
#PUMLIST_BOX .tableContent tbody tr td div.stock_bg2 {background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 6px 4px 5px; width:auto; *width:15px; display:inline-block; }

.PUMLIST_BOX .tableContent tbody tr td div.stock_bg {background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 7px 4px 9px; width:auto; *width:15px; display:inline-block; }
.PUMLIST_BOX .tableContent tbody tr td div.stock_bg2 {background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 6px 4px 5px; width:auto; *width:15px; display:inline-block; }

.stock_bg{display:inline-block;}
.stock_bg2{display:inline-block;}
.tableContent tbody tr td div.stock_bg {border-radius:3px; background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 7px 4px 9px; width:auto; *width:15px; display:inline-block; }
.tableContent tbody tr td div.stock_bg2 {border-radius:3px; background:#febaba; margin:1px 1px 0 0; *margin:1px -4px 0 0; padding:3px 6px 4px 5px; width:auto; *width:15px; display:inline-block; }



#PUMLIST_BOX .tableContent2 tbody tr td {padding:5px !important; border:solid 1px #d0e0e9; border-top:0; border-left:0; font-size:13px; }
/*#PUMLIST_BOX .tableContent2 tbody tr td.pum_outline {padding:0 !important; }*/
#PUMLIST_BOX .tableContent2 tbody tr td.arrow .IntArrow {min-width:50px; }

/**** 팝업 테이블 ****/
.pop_in .tableHeader tbody tr th {color: #333; border-bottom: solid 1px #bbb; border-top: solid 1px #bbb;
    border-left: solid 1px #bbb; height: 30px; background: linear-gradient(to bottom, #ffffff, #dcdcdc); position: sticky; top: 0;z-index: 99; }
.pop_in .tableHeader tbody tr th.txt_right {text-align:right; }
.pop_in .tableContent tbody tr td {height:22px; padding-top:4px; padding-bottom:3px; }
.pop_in .tableContent tbody tr td.detail {padding:0; }

/*상품목록 테이블 td 텍스트 줄바꿈*/
.list_in_subject {width:100%; word-break:break-all; }
#pumlistType2 .list_in_subject {font-size:13px; } 

/**** 메인 상단 장바구니 테이블 ****/
#hd_topCart .cartOutline .top_cartList_tit table, #hd_topCart .cartOutline .top_cartList table  {width:100%; float:left; table-layout:fixed; }
*+html body #hd_topCart .cartOutline .top_cartList table {display:inline; float:none; }
/*#hd_topCart .cartOutline .top_cartList table tbody tr td.arrow {padding-right:3px; }*/

caption {font-size:0; }
.top_cartList_tit table thead tr th {background: linear-gradient(to bottom, #ffffff, #dcdcdc); text-align:center; font-weight:600; padding:7px 0 8px 0;border-bottom:solid 1px #e1e3e6; }
.top_cartList table tbody tr td {background:#fff; color:#333; text-align:center; padding:3px 0; border-bottom:solid 1px #e1e3e6; }
.top_cartList table tbody tr:hover td {background:#fffed0; }
.top_cartList table tbody tr td.cart_price, .tableContent tbody tr td.cart_price {color:#993333; font-weight:bold; }
.top_cartList table tbody tr td.cart_total, .tableContent tbody tr td.cart_total {color:#ff1b6b; font-weight:bold; }
.top_cartList table tbody tr td .ArrowBox img {cursor:pointer; }

.top_cartList_tit table thead tr th.srt {text-decoration:underline; cursor:pointer; }/*-*/
.top_cartList_tit table thead tr th.srt_select {text-decoration:underline; color:#cc3366; cursor:pointer; }/*-*/

.txt_left, .top_cartList table tbody tr td.txt_left, .tableContent tbody tr td.txt_left  {text-align:left; padding-left:4px; }
.txt_right, .top_cartList table tbody tr td.txt_right, .tableContent tbody tr td.txt_right  {text-align:right; padding-right:4px; }
.td-overflow{text-overflow: ellipsis;/* overflow: hidden; */white-space: nowrap; overflow: hidden;}
/**** 거래내역서 테이블 & 주문서 프린트 테이블 ****/
.account table, .outline_print_in table {width:100%; border:solid 1px #666; }
.outline_print_in table {border:solid 1px #666; border-top:0; }
.account table tbody tr {cursor:pointer; }
.account table thead tr th, .outline_print_in table thead tr th {background:#f5f7fa; border-bottom:1px solid #666; color:#000;font-weight:600; padding:7px 0 8px; text-align:center; }
.account table tbody tr td, .outline_print_in table tbody tr td {border-bottom:solid 1px #777; height:auto; border-left:solid 1px #777; text-align:center; letter-spacing:-0.03em; padding-top:5px; padding-bottom:5px; }
.account table tbody tr td.txt_left, .outline_print_in table tbody tr td.txt_left {text-align:left; padding-left:4px; padding-right:4px; }
.account table tbody tr td.txt_right, .outline_print_in table tbody tr td.txt_right {text-align:right; padding-right:4px; }
.account table tbody tr td.first, .outline_print_in table tbody tr td.first {border-left:0; }
.account table tbody tr td.tit {background:#f5f7fa; font-weight:600; }
.account table tbody tr.last td {height:40px; border-bottom:0; }
.account table tbody tr.last_tt td {height:auto; border-bottom:solid 1px #777; border-left:0; }
.account table tbody tr.last_tt td.line {border-left:solid 1px #777; }
.account table tbody tr.last_tt td.total {font-size:12px; }
.account table tbody tr.last_tt td.total > em {display:inline-block; font-style:normal; font-weight:normal; }
.outline_print_in table tbody tr.no_line th, .outline_print_in table tbody tr.no_line td {border:0; }
.outline_print_in table tbody tr.no_line td {text-align:right; padding-right:8px; }
.outline_print_in table tbody tr.no_line td.price {font-size:12px; }
.account table tbody tr.last td.total span {font-size:17px; font-weight:bold; }

/*온라인주문 목록 테이블*/
.order_list_in table {width:100%; table-layout:fixed; }
*+html body .order_list_table_box table.tableContent {width:98%; float:left;}
.order_list_in table tbody tr th {background:#e4e4e4; font-weight:normal; height:25px; text-align:center; color:#444; }
.order_list_in table tbody tr th.txt_right {text-align:right; }
.order_list_in table tbody tr td {background:#ebf9bf; border-top:1px solid #ccc; height:25px; text-align:center; }
.order_list_in table tbody tr td div {margin:0 !important; overflow:hidden !important; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; width:96%; }

/*온라인주문&온라인주문작성 상세보기, 온라인견적&온라인견적작성 상세보기 상단 테이블*/
.order_view_top table, .order_write_top table, .estimate_view_top table, .estimate_write_top table {width:100%; border:solid 1px #d0e0e9; }
.order_view_top table tbody tr th, .order_write_top table tbody tr th, .estimate_view_top table tbody tr th, .estimate_write_top table tbody tr th
{background:#e5f1ff; color:#0f81ff; border-bottom:1px solid #d0e0e9; padding:4px 0 5px 0; text-indent:10px; text-align:left; }
.order_right{border-right:1px solid #d0e0e9;}
.order_left{border-left:1px solid #d0e0e9;}
.table_right{border-right:1px solid #bbb;}
.order_write_top table tbody tr th {text-indent:0; text-align:center; }
.estimate_write_top table tbody tr th {text-align:left; }
.estimate_write_top table tbody tr th .tit {display:inline-block; float:left; background:url(../images/common/ico_required.gif) no-repeat right 4px; padding:0 8px 0 0; }
.estimate_write_top table tbody tr td input {width:80%; }
.estimate_write_top table tbody tr td input.title {width:94.5%; }
.order_view_top table tbody tr td, .order_write_top table tbody tr td, .estimate_view_top table tbody tr td, .estimate_write_top table tbody tr td {background:#fff; border-bottom:solid 1px #d0e0e9; text-align:left; padding:4px 0 5px 8px; font-weight:600; }
.order_view_top table tbody tr td.total_price, .estimate_view_top table tbody tr td.total_price {font-weight:bold; }
.order_write_top table tbody tr td input, .estimate_write_top table tbody tr td input, .order_write_top table tbody tr td label {float:left; }
.order_write_top table tbody tr td label {margin:-1px 8px 0 0; }
.order_view_top table tbody tr.last th, .order_view_top table tbody tr.last td, .estimate_view_top table tbody tr.last th, .estimate_view_top table tbody tr.last td {border-bottom:0; }
.order_write_top table tbody tr td textarea, .estimate_write_top table tbody tr td textarea {width:96%; float:left; }
.estimate_write_top table tbody tr td textarea {width:94%; float:left; }
.write_order_in table tbody tr td.txt_left, .write_estimate_in table tbody tr td.txt_left {padding-left:0; }

.estimate_list_table_box .tableContent tbody tr td a.title, .order_list_table_box .tableContent tbody tr td a.title {width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#333 }
.order_list_table_box .tableContent tbody tr td a.title {text-decoration:underline; }
.order_list_table_box .tableContent tbody tr td a.title:hover {font-weight:600; }

.order_view_top table tbody tr.no_line th, .order_view_top table tbody tr.no_line td, 
.order_write_top table tbody tr.no_line th, .order_write_top table tbody tr.no_line td, 
.estimate_view_top table tbody tr.no_line th, .estimate_view_top table tbody tr.no_line td, 
.estimate_write_top table tbody tr.no_line th, .estimate_write_top table tbody tr.no_line td {border-bottom:0; }

/*20210807 대일기구-영업소 재고 조회 테이블 추가*/
.jaego_pumlist .tableHeader2 tbody tr th {background:#f3f3f3; }
#PUMLIST_BOX.jaegoPumlistBox .tableContent tbody tr td em {color:#e60f57; font-style:normal; } 
.PUMLIST_BOX.jaegoPumlistBox .tableContent tbody tr td em {color:#e60f57; font-style:normal; } 


/*2023-07-04 프린터 테이블 추가*/
.bottom_price{border:1px solid #777; border-top:none;}
.bottom_price li{width:100%; text-align:right; border-bottom:1px solid #777; padding:10px 80px 10px 10px; box-sizing: border-box;}
.bottom_price li:last-child{}
.bottom_price li > strong{display:inline-block;width:100px;}

/* 2025 테이블 변경 css */
#pumlistType1.table_height,
#pumlistType2.table_height{
    height: calc(100% - 88px);
}
#pumlistType1 .tableContent,
#pumlistType2 .tableContent,
.table_height .tableContent{ margin-top:4px; overflow:hidden; height:100%; overflow-y:auto; border-bottom:1px solid #bbb;}

#pumlistType1 .tableContent .pumlist,
#pumlistType2 .tableContent .pumlist,
#pumlistType2 .tableContent .pumlist{ width:100%; float: left;  table-layout: fixed;}
.table_height thead tr th{
    color:#333;border-bottom:solid 1px #bbb; border-top:solid 1px #bbb;
    border-left:solid 1px #bbb; height:30px;
    background: linear-gradient(to bottom, #ffffff, #dcdcdc); /* 상단 밝은 회색 → 하단 진한 */
    position:sticky; top:0; z-index:99;}

#pumlistType1 .tableContent .pumlist thead tr th:last-child,
.table_height thead tr th:last-child{
    border-right:solid 1px #bbb;
}
#pumlistType1 .tableContent .pumlist thead tr th:after,
#pumlistType1 .tableContent .pumlist thead tr th:before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bbb;
}
#pumlistType1 .tableContent .pumlist thead tr th:after{
    top: -1px;
}
#pumlistType1 .tableContent .pumlist thead tr th::before{
    bottom: -1px;
}
#pumlistType1 .tableContent .pumlist thead tr th.sticky-th{
    top:21px;
}
#pumlistType1 .tableContent .pumlist thead tr th.coltable,
#pumlistType2 .tableContent .pumlist thead tr th.coltable{
    border-bottom:none;
}
#pumlistType1 .tableContent .pumlist thead tr th.sort,
.table_height thead tr th.sort{
    text-decoration: underline;
    cursor: pointer;
}
#pumlistType1 .tableContent .pumlist thead tr th.sort_select,
#pumlistType2 .tableContent .pumlist thead tr th.sort_select,
.table_height thead tr th.sort_select{
    text-decoration: underline;
    color: #cc3366;
    cursor: pointer;
}
#pumlistType1 .tableContent .pumlist tbody tr td.txt_right3,
#pumlistType2 .tableContent .pumlist tbody tr td.txt_right3{
    text-align:center;
}
#pumlistType1 .tableContent .pumlist tbody tr td.PUMNAME .memo_box,
#pumlistType2 .tableContent .pumlist tbody tr td.PUMNAME .memo_box{
    display: none;
    position: absolute;
    padding: 10px 6px 12px 12px;
    min-width: 350px;
    max-width: 350px;
    word-break: keep-all;
    top: 100%;
    background: #fff7d1;
    letter-spacing: 0;
    z-index: 1;
    left: 60px;
}

#pumlistType2 .tableContent .pumlist thead tr th{
    color:#333;
    border-bottom:solid 1px #bbb;
    border-top:solid 1px #bbb;
    border-left:solid 1px #bbb;
    height:30px;
    background: linear-gradient(to bottom, #ffffff, #dcdcdc); /* 상단 밝은 회색 → 하단 진한 */
    position:sticky;
    top:0;
    z-index:99;
}
#pumlistType2 .tableContent .pumlist thead tr th.sticky-th-two{
    border-top:0;
    position:sticky;
    top:32px;
}

.tableContent::-webkit-scrollbar {width:5px; height:5px;}
.tableContent::-webkit-scrollbar-thumb {background-color:#b4b4b4;border-radius: 10px;}
.tableContent::-webkit-scrollbar-track {background-color: #ebebeb;border-radius: 10px;}
.top_cartList::-webkit-scrollbar {width:5px; height:5px;}
.top_cartList::-webkit-scrollbar-thumb {background-color:#b4b4b4;border-radius: 10px;}
.top_cartList::-webkit-scrollbar-track {background-color: #ebebeb;border-radius: 10px;}

.tableContent table{width:100%;}
.tableContent table tbody{background:#fff;}


