/* 테이블 */
.tblBasic{width:100%; word-break:break-all; border-top:2px solid var(--subColor)}
.tblBasic th, .tblBasic td{ vertical-align:middle; text-align:center; border-bottom:1px solid #d6d6d6; background:#fff; word-break: break-all;}
.tblBasic th{border-bottom:1px solid #c6c6c6; background:#f1f1f1; padding:10px 5px; text-align:center; vertical-align:middle;}
.tblBasic th.thRow_wrap{line-height: 130%;}
.tblBasic th a.sort{position: relative; padding-right: 20px; display: inline-block;}
.tblBasic th a.sort::before,
.tblBasic th a.sort::after{font-family: 'Material Symbols Outlined'; font-size: 14px; vertical-align: middle; position: absolute; right: 0; color:#999}
.tblBasic th a.sort::before {content: "\e5c5"; top: 6px;}
.tblBasic th a.sort::after {content: "\e5c7"; top: -4px;}
.tblBasic th a.sort[aria-sort=desc]::before{color:#111}
.tblBasic th a.sort[aria-sort=asc]::after{color:#111}

.tblBasic td{padding:12px;}
.tblBasic td a{color:var(--blue); }
.tblBasic .noData td{padding: 40px 0; background: #f7f7f7}
.tblBasic td.keyword{font-size: 20px; font-weight: 700; color: #f53455 ;}

.tblBasic.write th, .tblBasic.write td{ vertical-align:middle; text-align:center; border-bottom:1px solid #d6d6d6; background:#fff;}
.tblBasic.write th{border-bottom:1px solid #c6c6c6; background:#ededed; padding:15px 5px; text-align:center; vertical-align:middle;}
.tblBasic .tbl_price tr td input{width:150px;text-align: right;}

.mainTxt{ }
.subTxt{ color: var(--fontGray); font-size: 13px; font-weight: 400; }


.doubleRow{display: flex; justify-content: space-between; gap: 20px;}
.doubleRow > .doubleRow_inner{width: calc( (100% - 20px) / 2 );}
.doubleRow + .doubleRow{margin-top: 40px;}

.writeForm{border-top: 2px solid var(--subColor);}
.writeForm .writerow{border-bottom: 1px solid #d6d6d6; display: flex; position: relative;}
.writeForm .writerow > .t{width: 180px;     background: #ededed;    padding: 10px; font-weight: bold;}
.writeForm .writerow > .c{width:  calc(100% - 180px); padding: 10px;}
.writerowCbox{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.writerowCbox > div {display: flex; margin-right: 80px;}
.writerowCbox > div span{min-width: 80px; line-height: 40px;}

.writeForm .writerow_box{display: flex; }
.writeForm .writerow_box > .writerow{width: 50%;}

.writeForm .writerow .writerowBtn{ position: absolute; right: 0; top: 25px;}
.writeFormSubmit{padding: 30px 0; margin-top: 50px; text-align: center;}
.writeFormSubmit button[type=submit],
.writeFormSubmit button[type=button]{width: 150px; height: 50px; line-height: 50px;}


.writeForm.popWrite .writerow .t{width: 120px; font-size: 16px; font-weight: 500;}
.writeForm.popWrite .writerow .c{width:  calc(100% - 120px);}

/* 게시판 아이콘 */
.bbsIcon{display:inline-block; padding:2px 8px 2px 3px; margin:0 3px 0 0; vertical-align:middle; line-height:12px; }
.replyIcon{ color:#fff; background-color:#333; font-size:10px; font-weight:400; letter-spacing:-0.5px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; }

.writeForm{border-top: 2px solid var(--subColor);}
.writeForm .writerow{border-bottom: 1px solid #d6d6d6; display: flex; position: relative;}
.writeForm .writerow100{border-bottom: 1px solid #d6d6d6; display: flex; position: relative;}
.writeForm .writerow > .t{width: 180px;     background: #ededed;    padding: 10px; font-weight: bold; display: flex; align-items: center;}
.writeForm .writerow100 > .t{width: 180px;     background: #ededed;    padding: 10px; font-weight: bold; display: flex; align-items: center;}
.writeForm .writerow > .c{width:  calc(100% - 180px); padding: 10px;}
.writeForm .writerow > .c > textarea{height:350px;}
.writeForm .writerow100 > .c{width:  calc(100% - 180px); padding: 10px;}
.writerowCbox{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.writerowCbox > div {display: flex; margin-right: 80px;}
.writerowCbox > div span{min-width: 80px; line-height: 40px;}

.writeForm .writerow > .c > .sc label{width:120px;margin-left: 5px;}
.writeForm .writerow > .c > .sc button{width: 25px;height: 25px;background-color: #ddd;border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;font-size: 12px; margin-left:10px;}
.writeForm .writerow > .c > .sc .title{display: flex; align-items: center;position: relative; margin:5px 0px 10px 0px;}
.writeForm .writerow > .c > .sc .title > label{display: flex;justify-content: space-between;width: 80px;}
.writeForm .writerow > .c > .sc .title > span{margin-left:20px;}
.writeForm .writerow > .c > .sc .setting{margin-top:10px; margin-bottom: 40px;}
.writeForm .writerow > .c > .sc .setting label{display: inline-block; width:80px;margin-left:10px;}
.writeForm .writerow > .c > .sc .setting > div{margin-bottom:7px;}
.writeForm .writerow > .c > .sc .setting > div > div label{margin-left:20px;}
.writeForm .writerow > .c > .sc .setting > div > div{margin-bottom:7px;}
.writeForm .writerow > .c > .sc .setting span input{width:90px;}
.writeForm .writerow > .c > .sc .setting input{text-align: right; }


.writeForm .writerow_box{display: flex; }
.writeForm .writerow_box > .writerow{width: 50%;}
.writeForm .writerow_box > .writerow100{width: 100%;}
.writeForm .writerow .writerowBtn{ position: absolute; right: 0; top: 25px;}
.writeFormSubmit{padding: 30px 0; margin-top: 50px; text-align: center;}
.writeFormSubmit button[type=submit],
.writeFormSubmit button[type=button]{width: 150px; height: 50px; line-height: 50px;}

.odPrice{display: inline-block; min-width: 130px;}
b.odPrice{font-size: 18px;}

/* 상품목록 */
.product_category{margin-bottom: 10px; font-size: 0;}
.product_category span{font-size: 12px;  color: #888;}
.product_category span::after{content: "\e5cc"; font-family: 'Material Symbols Outlined';  margin: 0 8px; vertical-align: baseline;}
.product_category span:nth-last-child(1)::after{display: none;}
.product_box{display: flex; justify-content: flex-start;}
.product_box .img{width: 40px; height: 40px; border: 1px solid #ddd; margin-right: 5px;}

.adm_thumBox{}
.adm_thumBox img{width: 200px; border: 1px solid #ddd;}

.prodSchText{}
.prodSchText .t{font-size: 14px; font-weight: bold;}
.prodSchText .d{font-size: 12px; margin: 5px 0 10px; color: #666;}
.prodSchText .p{}

/* tbody스크롤 */
.scollTable{overflow: hidden; overflow-y: auto; height: 400px;}

/* 선택목록 */
.schSelectBox{margin-top: 20px; }
.schSelectBox .title{font-weight: 600;}
.schSelectBox ul{border: 1px solid #d6d6d6; border-top: 1px solid #2A3652; padding: 10px; box-sizing: border-box; margin-top: 10px; overflow-y: auto;}
.schSelectBox ul li{display: flex; justify-content: flex-start; }
.schSelectBox ul li + li{border-top: 1px solid #efefef; margin-top:8px; padding-top: 8px;}

.schSelectBox .selectUserList li {line-height: 32px; }
.schSelectBox .selectUserList li .i{margin-right: 10px;}
.schSelectBox .selectUserList li .n{}
.schSelectBox .selectUserList li .b{margin-left: auto;}

.schSelectBox .selectProductrList li .i{margin-right: 10px;}
.schSelectBox .selectProductrList li .p{}
.schSelectBox .selectProductrList li .b{margin-left: auto; }


select.selZone{padding: 0 30px 0 12px; width: 55px;}

/* 팝업영역 설정 */
.pop1 { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.pop1[data-role="post_code"] { display:none; }
.pop1[data-role="post_code"] .popup1 { width:80%;max-width:420px;min-width:300px; }
.pop1[data-role="post_code"] section {display:block;width:100%;height:400px;overflow:hidden;-webkit-overflow-scrolling:touch;background:#fff; box-sizing: border-box;padding:5px;}

.popup1 {position:fixed;top:50%;left:50%;width:auto;padding:0px;height:auto;background:#fff;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
    z-index:999;display:block;}

.popup1 > aside { position: fixed;top:50%;transform:translateY(-50%);left:50%;margin-left:460px;display:none;background:#fff;border:0px solid #111;padding:15px 10px;z-index:999; }

.popup1 > aside[data-type=LIST] > dl.history { display:block; }
.popup1 > aside[data-type=LIST] > dl.history > dd { font-size:12px;line-height:18px;color:#999; }

.popup1 > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:10px 20px;border-bottom:1px solid #ccc; height:50px;width:auto;}
.popup1 > header h1 { font-size:22px;font-weight:400;color:#333;line-height:50px; }
.popup1 > header h1 > span { font-size:16px;margin-left:7px; }
.popup1 > header .close { position:absolute;top:20px;right:15px;font-size:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#333; }
.popup1 > footer {position:relative; margin:0px;padding:15px 20px;height:40px;text-align:center;background:#eee;border-top:1px solid #ccc; }
.popup1 > footer.complete { padding-bottom:0px; }
.popup1 > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#23aab6; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.popup1 > footer a.gray { background:#999; }
.popup1 > footer a.red { background:#ec635d; }
.popup1 > footer a.black { background:#2d3845; }
.popup1 > footer a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.popup1 > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.popup1 > footer.complete a { background:#48bacb;padding:0px 30px; }
.popup1 > footer.complete a.gray { background:#999;padding:0px 30px; }
.popup1 > footer span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:13px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #fd6f6e; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup1 > footer span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#fd6f6e;color:#fff; }
.popup1 > footer span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:13px;font-weight:400;outline: none;z-index:2;color:#333; }
.popup1 > footer span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}

.popup1 > footer span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:13px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup1 > footer span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.popup1 > footer span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:13px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }

.popup1 > section {overflow-y:auto;background:#fff;padding:0px;margin:0px;}
.popup1 > section.width_300 { width:300px; }
.popup1 > section.width_400 { width:400px; }
.popup1 > section.width_500 { width:500px; }
.popup1 > section.width_600 { width:600px; }
.popup1 > section.width_700 { width:700px; }
.popup1 > section.width_800 { width:800px; }
.popup1 > section.width_900 { width:900px; }
.popup1 > section.width_1000 { width:900px; }

.popup1 > section article { padding:20px; }
.popup1 > section article div.tb_info { display:block;position:relative; }
.popup1 > section article div.tb_info.hide { display:none; }
.popup1 > section article div.tb_info > h2 { font-size:16px;font-weight:300;color:#666;display:block;margin-bottom:5px; }
.popup1 > section article div.tb_info > h2 a { position:relative;display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.popup1 > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.popup1 > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}

.popup1 > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
.popup1 > section article div.tb_info > .inner_mask.status { top:91px; }

.popup1 > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
.popup1 > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
.popup1 > ul.tab li.on { color:#666;background:#fff;height:51px; }
/* @팝업영역 설정 */

.center-horizontal {display: flex;align-items: center;height: 100%; padding: 10px; box-sizing: border-box;}
.center-horizontal input[type="file"],.center-horizontal input[type="text"],.center-horizontal label,.center-horizontal img {margin-right: 10px;}.center-horizontal label {display: flex; align-items: center;}
.center-horizontal label input[type="checkbox"] {margin-left: 5px;}