/*body{margin:0; padding:0;  background: #e2e7ed;}
body a {text-decoration: none;}
input,select,button{vertical-align:middle;}
body,th,td,input,select,textarea,button,pre{ font-size:14px; font-weight:400; color:#333; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-style: normal;}
*/
li, ul, dl,dt,dd {margin:0; padding:0; list-style:none}

.mr1{margin-right:1px !important}
.mr2{margin-right:2px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr51{margin-right:51px !important}
.mr52{margin-right:52px !important}
.mr53{margin-right:53px !important}
.mr54{margin-right:54px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}
.mr100{margin-right:100px !important}

.ml1{margin-left:1px !important} .ml2{margin-left:2px !important} .ml3{margin-left:3px !important} .ml4{margin-left:4px !important} .ml5{margin-left:5px !important} .ml6{margin-left:6px important} .ml7{margin-left:7px !important} .ml8{margin-left:8px !important} .ml9{margin-left:9px !important} .ml10{margin-left:10px !important} .ml11{margin-left:11px !important} .ml12{margin-left:12px !important} .ml13{margin-left:13px !important} .ml14{margin-left:14px !important} .ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml21{margin-left:21px !important}
.ml22{margin-left:22px !important}
.ml23{margin-left:23px !important}
.ml24{margin-left:24px !important}
.ml25{margin-left:25px !important}
.ml26{margin-left:26px !important} .ml27{margin-left:27px !important} .ml28{margin-left:28px !important} .ml29{margin-left:29px !important} .ml30{margin-left:30px !important} .ml31 {margin-left:31px !important} .ml32{margin-left:32px !important} .ml33{margin-left:33px !important} .ml34{margin-left:34px !important} .ml35{margin-left:35px !important} .ml36{margin-left:36px !important} .ml37{margin-left:37px !important} .ml38{margin-left:38px !important} .ml39{margin-left:39px !important} .ml40{margin-left:40px !important} .ml41{margin-left:41px !important} .ml42{margin-left:42px !important} .ml43{margin-left:43px !important} .ml44{margin-left:44px !important} .ml45{margin-left:45px !important} .ml46{margin-left:46px !important} .ml47{margin-left:47px !important} .ml48{margin-left:48px !important} .ml49{margin-left:49px !important} .ml50{margin-left:50px !important} .ml60{margin-left:60px !important} .ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml81{margin-left:81px !important}
.ml82{margin-left:82px !important}
.ml83{margin-left:83px !important}
.ml84{margin-left:84px !important}
.ml85{margin-left:85px !important}
.ml86{margin-left:86px !important}
.ml87{margin-left:87px !important}
.ml88{margin-left:88px !important}
.ml89{margin-left:89px !important}
.ml90{margin-left:90px !important}
.ml91{margin-left:91px !important}
.ml92{margin-left:92px !important}
.ml93{margin-left:93px !important}
.ml94{margin-left:94px !important}
.ml95{margin-left:95px !important}
.ml96{margin-left:96px !important}
.ml97{margin-left:97px !important}
.ml98{margin-left:98px !important}
.ml99{margin-left:99px !important}
.ml100{margin-left:100px !important}
.ml110{margin-left:110px !important}
.ml120{margin-left:120px !important}
.ml130{margin-left:130px !important}
.ml140{margin-left:140px !important}
.ml147{margin-left:147px !important}
.ml150{margin-left:150px !important}
.ml200{margin-left:200px !important}
.ml300{margin-left:300px !important}
.ml400{margin-left:400px !important}
.ml500{margin-left:500px !important}
.ml600{margin-left:600px !important}
.mb1{margin-bottom:1px !important}
.mb2{margin-bottom:2px !important}
.mb3{margin-bottom:3px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}

.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt9{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt11{margin-top:10px !important}
.mt12{margin-top:10px !important}
.mt13{margin-top:10px !important}
.mt14{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.pdd {padding:20px;}

.calendar {display: grid; width: 100%; grid-template-columns: repeat(7, minmax(80px, 1fr)); grid-template-rows: 25px; grid-auto-rows: 76px; overflow: auto;}
.calendar-container {width: 100%; margin: auto; overflow: hidden; }

.day {border-bottom: 1px solid rgba(166, 168, 179, 0.12); border-right: 1px solid rgba(166, 168, 179, 0.12); text-align: left; padding: 2px 5px; letter-spacing: 1px; font-size: 12px; box-sizing: border-box; color: #98a0a6;position: relative; pointer-events: none; z-index: 1;
}

.day:nth-of-type(7n + 7) {border-right: 0;}
.day:nth-of-type(n + 1):nth-of-type(-n + 7) {grid-row: 2;}
.day:nth-of-type(n + 8):nth-of-type(-n + 14) {grid-row: 3;}
.day:nth-of-type(n + 15):nth-of-type(-n + 21) {grid-row: 4;}
.day:nth-of-type(n + 22):nth-of-type(-n + 28) {grid-row: 5;}
.day:nth-of-type(n + 29):nth-of-type(-n + 35) {grid-row: 6;}
.day:nth-of-type(7n + 1) {grid-column: 1/1;}
.day:nth-of-type(7n + 2) {grid-column: 2/2;}
.day:nth-of-type(7n + 3) {grid-column: 3/3;}
.day:nth-of-type(7n + 4) {grid-column: 4/4;}
.day:nth-of-type(7n + 5) {grid-column: 5/5;}
.day:nth-of-type(7n + 6) {grid-column: 6/6;}
.day:nth-of-type(7n + 7) {grid-column: 7/7;}
.day-name {font-size: 12px; text-transform: uppercase;color: #99a1a7; text-align: center; border-bottom: 1px solid rgba(166, 168, 179, 0.12); line-height: 10px; font-weight: 500;}
.day-disabled {color: rgba(152, 160, 166, 0.6);background-color: #ffffff;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
cursor: not-allowed;}

.task {border-left-width: 2px; padding: 0px 2px; margin: 0px; font-size: 12px; position: relative;}
.warning {background: #fef0db; color: #fc9b10;}
.danger {background: rgba(253, 197, 208, 0.7); color: #f8254e;}
.more {background: rgba(000, 000, 000, 0.4); align-self: end; color: #fff;}
.holiday {background: rgba(218, 231, 255, 0.7); color: #000;}
.h_top {align-self: start; margin-top: 20px;}
.h_ct {align-self: center; margin-top: 20px; }
.h_btm {align-self: end;}
.today {border: 1px solid #0a5eff; background: rgb(10, 94, 255, 0.05); color: #0a5eff;}
.font_red {color: #db0000;}
.font_s {font-size: 12px; font-weight: 400;}
.main_tit {font-weight: 500;}

.cal_btn_nor {border-radius:5px; background-color:#508ff4; color:#fff; text-align:center; padding:5px 20px 5px 20px; cursor:pointer; display:inline-block;  font-weight:400;}
.cal_btn_nor a {color:#fff; text-decoration:none}
.cal_btn_bk {background-color: #000;}
.new_main_top_logo img {width: 160px;}

/*1일*/
.h1_1_1 {grid-column: 1/span 1; grid-row: 2;}
.h1_1_2 {grid-column: 2/span 1; grid-row: 2;}
.h1_1_3 {grid-column: 3/span 1; grid-row: 2;}
.h1_1_4 {grid-column: 4/span 1; grid-row: 2;}
.h1_1_5 {grid-column: 5/span 1; grid-row: 2;}
.h1_1_6 {grid-column: 6/span 1; grid-row: 2;}
.h1_1_7 {grid-column: 7/span 1; grid-row: 2;}
.h1_2_1 {grid-column: 1/span 1; grid-row: 3;}
.h1_2_2 {grid-column: 2/span 1; grid-row: 3;}
.h1_2_3 {grid-column: 3/span 1; grid-row: 3;}
.h1_2_4 {grid-column: 4/span 1; grid-row: 3;}
.h1_2_5 {grid-column: 5/span 1; grid-row: 3;}
.h1_2_6 {grid-column: 6/span 1; grid-row: 3;}
.h1_2_7 {grid-column: 7/span 1; grid-row: 3;}
.h1_3_1 {grid-column: 1/span 1; grid-row: 4;}
.h1_3_2 {grid-column: 2/span 1; grid-row: 4;}
.h1_3_3 {grid-column: 3/span 1; grid-row: 4;}
.h1_3_4 {grid-column: 4/span 1; grid-row: 4;}
.h1_3_5 {grid-column: 5/span 1; grid-row: 4;}
.h1_3_6 {grid-column: 6/span 1; grid-row: 4;}
.h1_3_7 {grid-column: 7/span 1; grid-row: 4;}
.h1_4_1 {grid-column: 1/span 1; grid-row: 5;}
.h1_4_2 {grid-column: 2/span 1; grid-row: 5;}
.h1_4_3 {grid-column: 3/span 1; grid-row: 5;}
.h1_4_4 {grid-column: 4/span 1; grid-row: 5;}
.h1_4_5 {grid-column: 5/span 1; grid-row: 5;}
.h1_4_6 {grid-column: 6/span 1; grid-row: 5;}
.h1_4_7 {grid-column: 7/span 1; grid-row: 5;}
.h1_5_1 {grid-column: 1/span 1; grid-row: 6;}
.h1_5_2 {grid-column: 2/span 1; grid-row: 6;}
.h1_5_3 {grid-column: 3/span 1; grid-row: 6;}
.h1_5_4 {grid-column: 4/span 1; grid-row: 6;}
.h1_5_5 {grid-column: 5/span 1; grid-row: 6;}
.h1_5_6 {grid-column: 6/span 1; grid-row: 6;}

/*2일*/
.h2_1_1 {grid-column: 1/span 2; grid-row: 2;}
.h2_1_2 {grid-column: 2/span 2; grid-row: 2;}
.h2_1_3 {grid-column: 3/span 2; grid-row: 2;}
.h2_1_4 {grid-column: 4/span 2; grid-row: 2;}
.h2_1_5 {grid-column: 5/span 2; grid-row: 2;}
.h2_1_6 {grid-column: 6/span 2; grid-row: 2;}
.h2_1_7 {grid-column: 7/span 2; grid-row: 2;}
.h2_2_1 {grid-column: 1/span 2; grid-row: 3;}
.h2_2_2 {grid-column: 2/span 2; grid-row: 3;}
.h2_2_3 {grid-column: 3/span 2; grid-row: 3;}
.h2_2_4 {grid-column: 4/span 2; grid-row: 3;}
.h2_2_5 {grid-column: 5/span 2; grid-row: 3;}
.h2_2_6 {grid-column: 6/span 2; grid-row: 3;}
.h2_2_7 {grid-column: 7/span 2; grid-row: 3;}
.h2_3_1 {grid-column: 1/span 2; grid-row: 4;}
.h2_3_2 {grid-column: 2/span 2; grid-row: 4;}
.h2_3_3 {grid-column: 3/span 2; grid-row: 4;}
.h2_3_4 {grid-column: 4/span 2; grid-row: 4;}
.h2_3_5 {grid-column: 5/span 2; grid-row: 4;}
.h2_3_6 {grid-column: 6/span 2; grid-row: 4;}
.h2_3_7 {grid-column: 7/span 2; grid-row: 4;}
.h2_4_1 {grid-column: 1/span 2; grid-row: 5;}
.h2_4_2 {grid-column: 2/span 2; grid-row: 5;}
.h2_4_3 {grid-column: 3/span 2; grid-row: 5;}
.h2_4_4 {grid-column: 4/span 2; grid-row: 5;}
.h2_4_5 {grid-column: 5/span 2; grid-row: 5;}
.h2_4_6 {grid-column: 6/span 2; grid-row: 5;}
.h2_4_7 {grid-column: 7/span 2; grid-row: 5;}
.h2_5_1 {grid-column: 1/span 2; grid-row: 6;}
.h2_5_2 {grid-column: 2/span 2; grid-row: 6;}
.h2_5_3 {grid-column: 3/span 2; grid-row: 6;}
.h2_5_4 {grid-column: 4/span 2; grid-row: 6;}
.h2_5_5 {grid-column: 5/span 2; grid-row: 6;}
.h2_5_6 {grid-column: 6/span 2; grid-row: 6;}

/*3일*/
.h3_1_1 {grid-column: 1/span 3; grid-row: 2;}
.h3_1_2 {grid-column: 2/span 3; grid-row: 2;}
.h3_1_3 {grid-column: 3/span 3; grid-row: 2;}
.h3_1_4 {grid-column: 4/span 3; grid-row: 2;}
.h3_1_5 {grid-column: 5/span 3; grid-row: 2;}
.h3_1_6 {grid-column: 6/span 3; grid-row: 2;}
.h3_1_7 {grid-column: 7/span 3; grid-row: 2;}
.h3_2_1 {grid-column: 1/span 3; grid-row: 3;}
.h3_2_2 {grid-column: 2/span 3; grid-row: 3;}
.h3_2_3 {grid-column: 3/span 3; grid-row: 3;}
.h3_2_4 {grid-column: 4/span 3; grid-row: 3;}
.h3_2_5 {grid-column: 5/span 3; grid-row: 3;}
.h3_2_6 {grid-column: 6/span 3; grid-row: 3;}
.h3_2_7 {grid-column: 7/span 3; grid-row: 3;}
.h3_3_1 {grid-column: 1/span 3; grid-row: 4;}
.h3_3_2 {grid-column: 2/span 3; grid-row: 4;}
.h3_3_3 {grid-column: 3/span 3; grid-row: 4;}
.h3_3_4 {grid-column: 4/span 3; grid-row: 4;}
.h3_3_5 {grid-column: 5/span 3; grid-row: 4;}
.h3_3_6 {grid-column: 6/span 3; grid-row: 4;}
.h3_3_7 {grid-column: 7/span 3; grid-row: 4;}
.h3_4_1 {grid-column: 1/span 3; grid-row: 5;}
.h3_4_2 {grid-column: 2/span 3; grid-row: 5;}
.h3_4_3 {grid-column: 3/span 3; grid-row: 5;}
.h3_4_4 {grid-column: 4/span 3; grid-row: 5;}
.h3_4_5 {grid-column: 5/span 3; grid-row: 5;}
.h3_4_6 {grid-column: 6/span 3; grid-row: 5;}
.h3_4_7 {grid-column: 7/span 3; grid-row: 5;}
.h3_5_1 {grid-column: 1/span 3; grid-row: 6;}
.h3_5_2 {grid-column: 2/span 3; grid-row: 6;}
.h3_5_3 {grid-column: 3/span 3; grid-row: 6;}
.h3_5_4 {grid-column: 4/span 3; grid-row: 6;}
.h3_5_5 {grid-column: 5/span 3; grid-row: 6;}
.h3_5_6 {grid-column: 6/span 3; grid-row: 6;}

/*4일*/
.h4_1_1 {grid-column: 1/span 4; grid-row: 2;}
.h4_1_2 {grid-column: 2/span 4; grid-row: 2;}
.h4_1_3 {grid-column: 3/span 4; grid-row: 2;}
.h4_1_4 {grid-column: 4/span 4; grid-row: 2;}
.h4_1_5 {grid-column: 5/span 4; grid-row: 2;}
.h4_1_6 {grid-column: 6/span 4; grid-row: 2;}
.h4_1_7 {grid-column: 7/span 4; grid-row: 2;}
.h4_2_1 {grid-column: 1/span 4; grid-row: 3;}
.h4_2_2 {grid-column: 2/span 4; grid-row: 3;}
.h4_2_3 {grid-column: 3/span 4; grid-row: 3;}
.h4_2_4 {grid-column: 4/span 4; grid-row: 3;}
.h4_2_5 {grid-column: 5/span 4; grid-row: 3;}
.h4_2_6 {grid-column: 6/span 4; grid-row: 3;}
.h4_2_7 {grid-column: 7/span 4; grid-row: 3;}
.h4_3_1 {grid-column: 1/span 4; grid-row: 4;}
.h4_3_2 {grid-column: 2/span 4; grid-row: 4;}
.h4_3_3 {grid-column: 3/span 4; grid-row: 4;}
.h4_3_4 {grid-column: 4/span 4; grid-row: 4;}
.h4_3_5 {grid-column: 5/span 4; grid-row: 4;}
.h4_3_6 {grid-column: 6/span 4; grid-row: 4;}
.h4_3_7 {grid-column: 7/span 4; grid-row: 4;}
.h4_4_1 {grid-column: 1/span 4; grid-row: 5;}
.h4_4_2 {grid-column: 2/span 4; grid-row: 5;}
.h4_4_3 {grid-column: 3/span 4; grid-row: 5;}
.h4_4_4 {grid-column: 4/span 4; grid-row: 5;}
.h4_4_5 {grid-column: 5/span 4; grid-row: 5;}
.h4_4_6 {grid-column: 6/span 4; grid-row: 5;}
.h4_4_7 {grid-column: 7/span 4; grid-row: 5;}
.h4_5_1 {grid-column: 1/span 4; grid-row: 6;}
.h4_5_2 {grid-column: 2/span 4; grid-row: 6;}
.h4_5_3 {grid-column: 3/span 4; grid-row: 6;}
.h4_5_4 {grid-column: 4/span 4; grid-row: 6;}
.h4_5_5 {grid-column: 5/span 4; grid-row: 6;}
.h4_5_6 {grid-column: 6/span 4; grid-row: 6;}

/*5일*/
.h5_1_1 {grid-column: 1/span 5; grid-row: 2;}
.h5_1_2 {grid-column: 2/span 5; grid-row: 2;}
.h5_1_3 {grid-column: 3/span 5; grid-row: 2;}
.h5_1_4 {grid-column: 4/span 5; grid-row: 2;}
.h5_1_5 {grid-column: 5/span 5; grid-row: 2;}
.h5_1_6 {grid-column: 6/span 5; grid-row: 2;}
.h5_1_7 {grid-column: 7/span 5; grid-row: 2;}
.h5_2_1 {grid-column: 1/span 5; grid-row: 3;}
.h5_2_2 {grid-column: 2/span 5; grid-row: 3;}
.h5_2_3 {grid-column: 3/span 5; grid-row: 3;}
.h5_2_4 {grid-column: 4/span 5; grid-row: 3;}
.h5_2_5 {grid-column: 5/span 5; grid-row: 3;}
.h5_2_6 {grid-column: 6/span 5; grid-row: 3;}
.h5_2_7 {grid-column: 7/span 5; grid-row: 3;}
.h5_3_1 {grid-column: 1/span 5; grid-row: 4;}
.h5_3_2 {grid-column: 2/span 5; grid-row: 4;}
.h5_3_3 {grid-column: 3/span 5; grid-row: 4;}
.h5_3_4 {grid-column: 4/span 5; grid-row: 4;}
.h5_3_5 {grid-column: 5/span 5; grid-row: 4;}
.h5_3_6 {grid-column: 6/span 5; grid-row: 4;}
.h5_3_7 {grid-column: 7/span 5; grid-row: 4;}
.h5_4_1 {grid-column: 1/span 5; grid-row: 5;}
.h5_4_2 {grid-column: 2/span 5; grid-row: 5;}
.h5_4_3 {grid-column: 3/span 5; grid-row: 5;}
.h5_4_4 {grid-column: 4/span 5; grid-row: 5;}
.h5_4_5 {grid-column: 5/span 5; grid-row: 5;}
.h5_4_6 {grid-column: 6/span 5; grid-row: 5;}
.h5_4_7 {grid-column: 7/span 5; grid-row: 5;}
.h5_5_1 {grid-column: 1/span 5; grid-row: 6;}
.h5_5_2 {grid-column: 2/span 5; grid-row: 6;}
.h5_5_3 {grid-column: 3/span 5; grid-row: 6;}
.h5_5_4 {grid-column: 4/span 5; grid-row: 6;}
.h5_5_5 {grid-column: 5/span 5; grid-row: 6;}
.h5_5_6 {grid-column: 6/span 5; grid-row: 6;}


.task_primary {background: #4786ff; border: 0; border-radius: 4px; grid-column: 3/span 3; grid-row: 4; align-self: end; color: #fff; box-shadow: 0 10px 14px rgba(71, 134, 255, 0.4);}
.task_detail {position: absolute; left: 0; top: calc(100% + 10px); background: #fff; border: 1px solid rgba(166, 168, 179, 0.8); color: #000; padding: 10px 15px 10px 15px; box-sizing: border-box; border-radius: 4px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08); z-index: 2; width: 120%;}
.task_detail:after, .task_detail:before {bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.task_detail:before {border-bottom-color: rgba(166, 168, 179, 0.8); border-width: 8px; margin-left: -8px;}
.task_detail:after {border-bottom-color: #fff; border-width: 6px; margin-left: -6px;}
.task_detail h2 {font-size: 14px; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 5px; color: #51565d;}
.task_detail p {margin-top: 4px; font-size: 12px; margin-bottom: 0; color: rgba(81, 86, 93, 0.7);}



/*매입매출*/
.sale_wrap {display: grid; grid-template-columns: 1fr 415px; overflow: auto; white-space: nowrap;}
.sale_tit {padding-top: 5px;}
.salelist_wrap  {padding: 0 15px 15px 30px; border-left: 1px solid #dbdbdb; margin-left: 20px;}
.sale_btn {background-color: #bbbbbb;  padding: 5px; cursor: pointer; font-size: 12px; padding: 5px 20px; color: #fff;}
.sale_btn_lt {border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.sale_btn_rt {border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.sale_btn_sel {background-color: #000; color: #fff;}
.sale_amount {padding-top: 20px;}
.sale_graph {width: 20px; margin-bottom: -20px; display: inline-block;}
.sale_graph_red {background-color: #f03164; height: 100px;}
.sale_graph_blue {background-color: #2277ec; height: 160px;}
.sale_graph_txt {text-align: center;}

/*1년별*/
.sale_graph_wrap_year {background-color: #fafafa; overflow: hidden; margin-top: 20px; border-bottom: 1px solid #dbdbdb; grid-template-columns: repeat(12, minmax(120px, 1fr)); text-align: center; padding:30px 0 0 0;}
.sale_graph_cont {width: 8.3%; float: left; position: relative;}
.sale_graph_year {display: grid; grid-template-columns: repeat(12, minmax(80px, 1fr)); text-align: center; padding-top: 8px; font-size: 12px;}

.sale_graph_cont_p { position: relative;}

/*일별*/
.sale_graph_wrap_day {background-color: #fafafa; overflow: hidden; margin-top: 20px; border-bottom: 1px solid #dbdbdb; grid-template-columns: repeat(7, minmax(120px, 1fr)); text-align: center; padding:30px 0 0 0;}
.sale_graph_cont_day {width: 14.2%; float: left; position: relative;}
.sale_graph_day {display: grid; grid-template-columns: repeat(7, minmax(80px, 1fr)); text-align: center; padding-top: 8px; font-size: 12px;}

/*월별*/
.sale_graph_wrap_month {background-color: #fafafa;overflow: hidden; margin-top: 20px; border-bottom: 1px solid #dbdbdb; grid-template-columns: repeat(6, minmax(120px, 1fr)); text-align: center; padding:30px 0 0 0; width: 100%;}
.sale_graph_cont_month {width: 16.6%; float: left;}
.sale_graph_month {display: grid; grid-template-columns: repeat(6, minmax(80px, 1fr)); text-align: center; padding-top: 8px; font-size: 12px;}

/*4분별 -개씩*/
.sale_graph_wrap_four {background-color: #fafafa; overflow: hidden; margin-top: 20px; border-bottom: 1px solid #dbdbdb; grid-template-columns: repeat(4, minmax(120px, 1fr)); text-align: center; padding:30px 0 0 0;}
.sale_graph_cont_four {width: 25%; float: left; position: relative;}
.sale_graph_four {display: grid; grid-template-columns: repeat(4, minmax(80px, 1fr)); text-align: center; padding-top: 8px; font-size: 12px;}

/*분기별-3개씩*/
.sale_graph_wrap_three {background-color: #fafafa; overflow: hidden; margin-top: 20px; border-bottom: 1px solid #dbdbdb; grid-template-columns: repeat(3, minmax(120px, 1fr)); text-align: center; padding:30px 0 0 0;}
.sale_graph_cont_three {width: 33.3%; float: left; position: relative;}
.sale_graph_three {display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); text-align: center; padding-top: 8px; font-size: 12px;}


.sale_graph_btn {position: absolute; top: 200px; border-radius: 50%; border: 1px solid #dadada; width: 30px; height: 30px; text-align: center; cursor: pointer; background-color: #fff; padding-top: 4px;}
.sale_graph_btn_lt {left: 0px;}
.sale_graph_btn_rt {right: 0px;}

.salelist_cont {padding-top: 20px; overflow: hidden; font-size: 12px;}
.tit_red_b {border-left: 20px solid #f03164; color: #f03164;}
.tit_blue_b {border-left: 20px solid #2277ec; color:#2277ec;}
.tit_red {border-left: 5px solid #f03164; color: #f03164; font-weight: 500;}
.tit_blue {border-left: 5px solid #2277ec; color:#2277ec; font-weight: 500;}
.salelist_cont_bx {float: left;}
.salelist_cont_bx div {padding-bottom: 5px;}
.salelist_tit{font-size: 14px;}
.salelist_txt{width:100px; margin-left: 20px;}
.salelist_won{text-align: right;}
.salelist_no{text-align: right; float: right;}
.sale_border {background-color: #dbdbdb; height: 1px; margin-top: 20px;}
.sale_graph_pop {position: absolute; left: 28%; top: calc(50% + 30px); background: #212529; color: #fff; padding: 10px 15px 10px 15px; box-sizing: border-box; border-radius: 4px;  z-index: 2; width: 170px; font-size: 12px;}
.sale_graph_pop:after, .sale_graph_pop:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;}
.sale_graph_pop:before {border-bottom-color: #212529;}
.sale_graph_pop:after {border-bottom-color: #212529; border-width: 6px; margin-left: -6px;}



/*팝업창*/
.pop_main_wrap { width: 600px; background-color: #fff; margin: 0 auto; border-radius: 10px;}
.pop_main_cont_wrap {padding:20px 30px 30px 30px;}
.pop_main_top {overflow: visible !important; height: 45px; border-bottom:1px solid #7c99c1; overflow:hidden; padding:10px 20px 10px 20px; background: linear-gradient( to bottom, #f9fdfe, #ecf5fe ); border-top-right-radius: 10px;  border-top-left-radius: 10px;}
.pop_main_cont_top {background-color: #f4f4f4; padding: 10px 16px; overflow: hidden;}

.pop_main_cont_top li {float: left; vertical-align: middle; height: 35px; line-height: 35px; }

.pop_btn_wrap {display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; gap: 10px; padding-top: 20px;}
.pop_btn_nor {display: inline-block; border: 1px solid #dbdbdb; border-radius: 4px;  padding: 8px 5px 8px 5px;  cursor: pointer;}
.pop_btn_sel {color:#fff;  background-color: #000; }
.pop_btn_btm {display: grid; grid-template-columns: 1fr 1fr; padding-top: 30px; text-align: center; gap: 10px;}
.pop_btm_btn_sel {background-color: #3a96fd; display: inline-block;  border-radius: 4px; padding: 10px; color: #fff; cursor: pointer;}
.pop_btm_btn {background-color: #fff; display: inline-block;  border-radius: 4px; padding: 10px; color: #000; cursor: pointer; border: 1px solid #ccd0d5;}
.pop_btm_btn a {color: #000;}
.pop_btm_btn_sel a {color: #fff;}
.pop_input { border:1px solid #d8d8d8;  outline:none; text-align: center;}
.pop_input_img { background: #fff; vertical-align:middle; border:1px solid #d8d8d8; cursor: pointer; height: 32px; line-height: 32px;  padding:0 7px 0 7px;}
.pop_input_img_lt {margin-right: -2px; border-radius: 4px 0px 0px 4px;}
.pop_input_img_rt {margin-left: -1px; border-radius: 0px 4px 4px 0px;}
.pop_cont_wrap {display: grid; grid-template-columns: 1fr 1.1fr 1fr 1fr; text-align: center; gap: 10px; padding-top: 20px;}
.cal_search {background-color:#fff;border:1px solid #d8d8d8; height: 32px; line-height: 32px; padding:0 7px 0 7px;}
.cal_search_wrap {display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; gap: 10px; padding-top: 20px;}
.cal_search_wrap12 {display: grid; grid-template-columns: repeat(12, 1fr); text-align: center; gap: 3px; padding-top: 10px;}


/* 라디오박스 커스텀 */
[type="radio"], .span {vertical-align: middle;}
[type="radio"] {appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out; background-color: #999;}
[type="radio"]:checked {border: 0.4em solid #3a96fd;}
[type="radio"]:focus-visible {outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted tomato;}
[type="radio"]:hover {box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer;}
[type="radio"]:hover + span {cursor: pointer;}
[type="radio"]:disabled {background-color: #eee; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
[type="radio"]:disabled + span {opacity: 0.7; cursor: not-allowed;}

label {padding: 0.2em 0.4em;}

.pop_date_wrap {width: 100%; overflow: hidden; padding-top: 20px;}
.pop_date_top {padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}

.insert_list{background-image:url("../img/adm_ico_cal.png"); background-position:98% center; border:1px solid #d8d8d8; width:91%; height:32px; outline:none; border-radius:4px;    background-repeat: no-repeat; overflow: hidden;}
.insert_list input {border: 0;  width:90%; height:32px; outline:none;  background: transparent;}


.insert_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; width:110px; height:32px; outline:none; border-radius:4px;    background-repeat: no-repeat; overflow: hidden; margin-top: 10px; position: relative; cursor: pointer;}
.insert_input input {border: 0;  width:120px; height:32px; outline:none;   background: transparent; padding-bottom: 15px;}



/*출력실 메인 main*/
.new_main_search_wrap {overflow:hidden; width: 100%; min-width: 1900px; margin: 0 auto; border: 1px solid #d8d8d8; overflow: hidden;}
.new_main_top_wrap {overflow: hidden; min-width: 1900px; padding: 5px 15px 5px 15px;}
.new_main_top_logo {float: left;}
.new_main_top_tit {border-left: 1px solid#000; font-size: 24px; margin-left: 20px; float: left; padding-left: 10px; font-weight: 500;}
.new_main_top_txt {display:inline-block; margin-left: 20px;}
.new_main_top_rt {float:right; font-size: 12px;}
.new_blue {color: #3a96fd;}
.new_main_btn_nor {border:1px solid #ccd0d5; background-color:#fff; margin-left:10px; color:#000; border-radius: 4px; display: inline-block; padding: 5px 10px; cursor: pointer;}
.new_main_btn_nor a {color:#000;}
.new_btn_gnl {border-radius:5px; line-height: 32px; text-align:center; padding:0px 20px 0px 20px; cursor:pointer; display:inline-block; font-weight:400;}
.new_btn_sel {background-color:#508ff4; color:#fff; border: 1px solid #508ff4;}
.new_btn_sel a {color:#fff; text-decoration:none}
.new_btn_nor_w {border:1px solid #d8d8d8; border-radius:5px; background-color:#fff; color:#000;}
.new_btn_nor_w a {color:#000; text-decoration:none}
.new_pdd_r {padding-right: 237px;}
.new_main_btn_b {border-radius:5px; background-color:#003471; color:#fff; text-align:center; padding:8px 20px 8px 20px; cursor:pointer; display:inline-block; font-weight:400;}
.new_main_btn_b a {color:#000; text-decoration:none}
.new_main_btn_r {background-color: #db0000;}
.new_main_tab {float: left; border-left:1px solid#d8d8d8; border-top:1px solid#d8d8d8; border-right:1px solid#d8d8d8; background-color: #fff; border-top-right-radius: 6px; border-top-left-radius: 6px; padding: 8px 10px; font-weight: 500; cursor: pointer; margin-top: 5px; margin-right: 5px;}
.new_main_tab_sel {color: #fff; float: left; background-color: #3a96fd; border-top-right-radius: 6px; border-top-left-radius: 6px; padding: 8px 10px; margin-right: 5px; font-weight: 500; cursor: pointer; margin-bottom: -1px;margin-top: 5px;}
.font_b {font-weight:bold;}
.line {text-decoration: underline;}

.new_main_rt {float: right;}

.new_main_tab_wrap {overflow: hidden; width: 100%; border-bottom: 1px solid #d8d8d8 }
.new_main_wrap {overflow: hidden; width: 100%; }
.new_main_cont {width: 98%; margin: 0 auto; padding-top: 0; margin-top: 0;}

/*상단 검색*/
.new_top_wrap {border-bottom:1px solid #d8d8d8; overflow:hidden; padding:10px 20px 10px 20px; background-color: #f7f7f7;}
.new_search_wrap {overflow:hidden; width: 100%; margin: 0 auto; border: 1px solid #d8d8d8; margin-bottom: 30px; margin-top: 10px; background-color: #fff;  min-width: 1400px;}

.new_searh_cont {width: 100%; overflow: hidden;}
.new_searh_cont li {float: left; vertical-align: middle; line-height:35px;}
.new_search_tit {background:#f7f7f7; text-align:center; margin-right:10px; font-weight:400; padding: 6px 0px 7px 0; vertical-align: middle; width: 110px;}
.new_btn_wrap {border-top: 1px solid #d8d8d8; text-align: center; overflow: hidden; width: 100%; padding: 5px 0 5px 0;}

.new_btn_wrap_top {display: block; margin-left: 20px; }
.new_btn_nor {border-radius:5px; background-color:#508ff4; color:#fff;  text-align:center;  padding:0px 25px 0 25px; cursor:pointer; display:inline-block; vertical-align:middle; height: 34px; line-height:34px; }
.new_btn_nor a {color:#fff; text-decoration:none}

.new_btn_w { border:1px solid #d8d8d8; border-radius:5px; text-align:center;  padding:0px 15px 0 15px; cursor:pointer; display:inline-block; vertical-align:middle; height: 34px; line-height:34px;font-size: 18px;}
.new_btn_w a {color:#000; text-decoration:none}

.new_datepicker-trigger, .new_datepicker{padding: 7px 7px 7px; background: #fff; vertical-align:middle; border-radius: 0px 4px 4px 0px; border:1px solid #d8d8d8; height: 35px;}
.new_datepicker-trigger {margin-left: -6px; margin-bottom: 3px;}
.new_datepick{padding: 2px 7px;  background: #fff; vertical-align:middle; border-radius: 0px 4px 4px 0px; border:1px solid #d8d8d8; height: 30px;}
.new_datepick_img {margin-left: -6px; height: 20px; padding: 7px 7px;  background: #fff; vertical-align:middle; border-radius: 0px 4px 4px 0px; border:1px solid #d8d8d8; cursor: pointer;}
.new_date_btn_wrap {}

.new_date_btn_wrap .new_ip_btn {display:inline-block; border:1px solid #d8d8d8; margin-right:-5px; border-radius: 0px; outline:none; background: #f7f7f7;; padding: 8px 10px 8px 10px !important; vertical-align: middle; font-size: 11px; margin-top: 1px;}
.new_date_btn_wrap .new_ip_btn_sel {font-size:0.8rem; display:inline-block; border:1px solid #3a96fd; margin-left:-5px;  border-radius: 0px; background:#fff; padding: 0.3rem 0.4rem !important; vertical-align: middle;  color: #3a96fd; }

.new_search_cont_line {border-top: 1px solid #d8d8d8; text-align: center; overflow: hidden; width: 100%; }
.new_cont_top {overflow:hidden; padding:10px 20px 10px 10px;  margin: 0 auto;}
.new_info_container {display: grid; width: 100%; grid-template-columns: 100px 420px 100px 420px 100px auto; margin: 0 auto; margin-top: 10px; margin-bottom: 30px; overflow: hidden; border: 1px solid #d8d8d8;  overflow: auto; white-space: nowrap;}
.new_item_tit {background-color: #f7f7f7; vertical-align: middle; line-height: 50px; border-bottom: 1px solid #d8d8d8; padding-left: 10px; font-weight: 400;}
.new_item_txt {padding-left: 10px; line-height: 50px; border-bottom: 1px solid #d8d8d8; width: 100%;}
.new_item_tit_end {background-color: #f7f7f7; vertical-align: middle; line-height: 50px; padding-left: 10px;font-weight: 400;}
.new_item_long { line-height: 50px; padding-left: 10px;}
.new_input_style { border:1px solid #d8d8d8; padding-left:4px; border-radius:5px; height:32px; outline:none;}
.new_select {color:#000; padding-left:4px; border:1px solid #d8d8d8;  border-radius:5px;  height:32px;}

.new_main_table_wrap {overflow:hidden; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; background-color: #fff;  min-width: 1400px; width: 100%;}
.new_main_btn_wrap {width: 100%; overflow: hidden; padding:0px 0px 10px 0;}


/*데이터 영역*/
.new_cont_wrap {overflow:hidden; padding:10px 20px 10px 20px; background-color: #f0f4f9; min-width: 1600px;}

/*일반인쇄접수 pop*/
.pop_wrap {width: 100%;}

/*회원가입 join*/
.join_wrap {width: 770px; background-color: #fff;}
.join_top { overflow:hidden; padding:15px 20px 10px 20px; letter-spacing:-1px; line-height:0; padding-bottom:14px;}
.join_top_tit {font-weight:bold; font-size:26px; padding-left:10px; padding-bottom: 10px;}
.join_top_red {color: #e91a2a; font-size:12px;  font-weight: bold; padding-left: 130px; vertical-align: middle;}
.join_btn_close {background-color: #db0000; padding: 2px 20px; border-radius: 4px; cursor: pointer;}
.i_white {font-size:16px; color:#fff;}
.i_red {color: #e91a2a; font-size: 18px;padding: 6px 0 0 10px;}
.join_cont_wrap {padding:10px 30px 0px 30px; overflow: hidden;}
.join_tit_wrap {padding:20px 0 10px 0px; width: 100%; overflow: hidden;}
.join_tit {font-size: 18px; font-weight: 400;}
.join_tit_sub {font-size: 16px; font-weight: 400;}
.join_tit_rt {text-align: right;}
.join_input { border:1px solid #d8d8d8; padding-left:4px; border-radius:5px; height:35px;}
.join_cont_list {padding-bottom: 10px; width: 100%; overflow: hidden;}
.join_cont_list_half {padding-bottom: 10px; width: 50%; overflow: hidden; float: left;}
.join_cont_list_third {padding-bottom: 10px; width: 33.33%; overflow: hidden; float: left;}
.join_cont_list_tit {font-size: 16px; font-weight: bold; margin-top: 5px;}
.join_input[type="checkbox"] {display: none;}
.join_input[type="checkbox"] + label {display: inline-block; width: 20px; height: 20px; border:1px solid #d8d8d8; position: relative;}
.join_input[id="check1"]:checked + label::after {content:'✔'; font-size: 20px; width: 15px; height: 15px; text-align: center; position: absolute;left: 3px; top: -5px; color: #e91a2a;}
.join_cont_txt {float: left;}
.join_btn_nor {border-radius:5px; background-color:#508ff4; color:#fff; line-height: 20px;  text-align:center; padding:10px 0px 10px 0px; cursor:pointer;  font-weight:400; }
.join_btn_nor a {color:#fff; text-decoration:none;}
.lt {float:left;}
.join_rt {float:right;}
.rt {float:right;}
.ct {text-align:center;}
.new_tit {font-weight:bold; font-size:18px;}
.font_orange {color:#f26f21;}
.new_pop_txt {width:100%; padding:10px 0; text-align:center; padding: 80px 0 70px 0; font-size: 24px; font-weight: bold;}
.new_login_btn_wrap {width:100%; margin:30px 0 60px; text-align: center;}
.new_login_btn {display:inline-block; background-color:#666666; color:#ffffff; width: 45%; padding:12px 15px; font-size:16px; font-weight:600; cursor:pointer; }
.new_login_btn_sel {background-color:#f26f21; color:#ffffff;}


/*상단검색 추가 2024-01-03*/
.top_date_btn_wrap .top_ip_btn {display:inline-block; border:1px solid #d8d8d8; margin-right:-5px; border-radius: 0px; outline:none; background: #f7f7f7;; padding: 8px 10px 8px 10px !important; vertical-align: middle; font-size: 11px; margin-top: 10px;}
.top_insert_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; width:120px; height:28px; outline:none; border-radius:4px;    background-repeat: no-repeat; overflow: hidden; margin-top: 10px; position: relative;}
.insert_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; width:110px; height:32px; outline:none; border-radius:4px; background-repeat: no-repeat; overflow: hidden; margin-top: 5px; position: relative; cursor: pointer;}
.insert_input input {border: 0; width:120px; height:32px; outline:none; background: transparent; padding-bottom: 15px;}
.top_insert_input input {border: 0;  width:120px; height:28px; outline:none; padding-bottom: 15px; background: transparent;}

.new_container {width: 100%;  margin: 0 auto;overflow: hidden;  overflow: auto; white-space: nowrap;}
.main_date_container {}
.main_date_container .main_ip_btn {display:inline-block; border:1px solid #d8d8d8; margin-right:-35px; border-radius: 0px; outline:none; background: #f7f7f7;; padding: 8px 10px 8px 10px !important; vertical-align: middle; font-size: 11px;}
.main_date_container .main_ip_btn_sel {border:1px solid #3a96fd; background:#fff; color: #3a96fd;}



/*견적서 estimate*/
.est_wrap { width: 1200px; margin: 0 auto; border-radius: 10px; box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.2); overflow: hidden; font-size: 14px;}
.est_cont {padding:0px 0px 30px 0px;}
.est_tit_wrap {padding:5px 0px 10px 0px; width: 100%; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center;}
.est_tit_lt {float: left; text-align: left;  padding-top: 20px; padding-left: 20px;}
.est_tit {font-size: 36px; font-weight: bold; letter-spacing: 20px;}
.est_tit_rt {text-align: right; padding-top: 20px; padding-right: 20px;}
.est_tit_sub {font-size: 16px; font-weight: 400;}
.est_cont_top {border: 1px solid #b0c2da; width: 95%; margin: 0 auto; display: grid; grid-template-columns:46% 4% 50%; overflow: hidden; margin-bottom: 20px;}
.est_cont_lt {float: left; width: 100%;}
.est_cont_ct {height: 204px; float: left; background-color: #e3ecf4; border-left: #b0c2da 1px solid; border-right: #b0c2da 1px solid; writing-mode: vertical-lr;  text-align: center; border-bottom: #b0c2da 1px solid; padding-left: 15px; letter-spacing: 30px; font-weight: bold;}
.est_cont_rt {position: relative; float: left;  width: 100%;}
.est_cont_sum {width: 100%; overflow: hidden; padding-left: 10px; vertical-align: middle; padding: 10px 0 10px 10px; }
.bg_blue {background-color: #f4faff;}
.est_cont_wrap {padding: 0px 0px 0px 10px; height: 40px; line-height: 40px; vertical-align: middle;}
.est_cont_wrap_line {border-bottom: 1px solid #b0c2da;}
.est_input { border:1px solid #d8d8d8; padding-left:4px; border-radius:5px; height:28px; font-size: 24px; font-weight: bold; color: #db0000;}
.est_input_read { border:1px solid #d8d8d8; padding-left:4px; border-radius:5px; height:28px; readonly;}
.est_cont_tit {width: 80px; font-weight: bold; float: left; display: inline-block; padding-left: 3px; margin-right: 10px; border-right: 1px solid #b0c2da;}
.est_cont_tit_big {font-weight: bold;  display: inline-block; padding-left: 3px; margin-right: 10px; text-align: center; font-size: 18px;}
.est_tit_view_wrap {padding:20px 0px 20px 0px; width: 100%; overflow: hidden;  text-align: center;}
.est_tit_view_wrap_114 {padding:20px 0px 10px 0px; width: 94%; margin: 0 auto; overflow: hidden;  text-align: center; font-size: 36px; font-weight: bold; border-bottom: 2px solid #3260c7; margin-bottom: 30px; color: #3260c7;}
.tit_bold {font-weight: bold;}
.est_rline {}
.est_lline {border-left: 1px solid #b0c2da; padding-left: 10px;}
.est_cont_2line {line-height: 19px; padding-top: 3px;}
.est_stamp {position:absolute; z-index: -99; display: block; left: 400px; width: 42px;}

.est_data_warp {border: 1px solid #b0c2da; width: 95%; margin: 0 auto; overflow: hidden;}
.est_data_tit {background-color:#f4faff; border-bottom: 1px solid #b0c2da;}
.est_data_cont {display: grid; grid-template-columns: 0.3fr 3fr 0.6fr 1fr 0.6fr 0.6fr 0.6fr  0.6fr; overflow: hidden;   text-align: center; vertical-align: middle; line-height: 32px;}
.est_data_list {border-bottom: 1px solid #b0c2da;}
.est_lt {float: left; text-align: left;}

.est_btm_wrap {width: 95%; margin: 0 auto; overflow: hidden; border: 1px solid #b0c2da;}
.est_btm_cont {float: left; width: 50%;}
.est_cont_link {text-decoration: underline;}
.est_cont_link a {text-decoration: underline; color: #000;}
.est_cont_link :active {color: #000;}
.est_cont_link :hover {color: #3598db;}
.est_btn_wrap {display: grid; grid-template-columns: 1fr 1fr; text-align: center; overflow: hidden; padding-top: 30px; grid-gap:40px; width: 70%; margin: 0 auto;}
.est_btn {border-radius:5px; background-color:#508ff4; color:#fff; line-height: 20px;  text-align:center; padding:10px 25px 10px 25px; cursor:pointer; display:inline-block;  display: inline-block;}
.est_btn a {color:#fff; text-decoration:none;}
.est_btn_w {border-radius:5px; background-color:#fff; color:#000; line-height: 20px;  text-align:center; padding:10px 25px 10px 25px; cursor:pointer; display:inline-block; border:1px solid #d8d8d8; display: inline-block;}
.est_btn_w a {color:#000; text-decoration: none;}
.est_tit_list {width: 99%; text-align: right; padding-top: 10px; text-decoration: underline; overflow: hidden;}
.est_tit_list a {color: #000;}
.est_cont_add {line-height: 20px; padding-right: 5px;}
.est_input_style { border:1px solid #d8d8d8; padding-left:4px; border-radius:5px; height:22px; outline:none;}
.est_list {background-image:url("../img/adm_ico_cal.png"); background-position:98% center; border:1px solid #d8d8d8;  height:24px; outline:none; border-radius:4px;    background-repeat: no-repeat; overflow: hidden; background-color: #fff; vertical-align: middle;}
.est_list input {border: 0;  height:24px; outline:none;  background: transparent;}
.est_top_tit {font-size:1.2rem; font-weight:bold;}
.est_data_top {width: 95%; margin: 0 auto;  padding-bottom: 10px; overflow: hidden;}
.est_data_top_lt {float: left;}
.est_data_top_rt {float: right;}
.est_data_top_rt div {float: left;}
.est_data_top_rt .btn {border-radius: 2px; border: 1px solid #d8d8d8; padding: 3px 10px 3px 10px; margin-left: 10px; cursor: pointer;}
.est_data_top_rt .btn a {color: #000;}

.est_btm_name_wrap {width: 95%; overflow: hidden; border: 1px solid #d8d8d8;  margin: 0 auto;  border: 1px solid #b0c2da; padding:5px 0 5px 0; margin-top: 20px;}
.est_btm_name_wrap .cont {width: 90%; margin: 0 auto;}

.est_top_btn_wrap {width: 95%; margin: 0 auto;  padding-bottom: 10px; overflow: hidden; padding-top: 20px; border-bottom: 1px solid #eee;}
.est_top_btn {}

.est_fsc {text-align: left; padding-top: 20px; overflow: hidden; margin: 0 auto;}
.est_fsc img {width: 180px; padding-right: 10px;}
.est_fsc_wrap {float: left;}
.stamp_wrap {z-index: 10; position: absolute; display: inline-block; top: -40%; left: 33%;}
.stamp_wrap img {width: 50px;}
.est_logo {text-align: right; overflow: hidden;}
.est_logo img {width: 150px; padding-right: 20px; padding-top: 20px;}
.est_fot {padding-top: 20px; overflow: hidden; margin: 0 auto;}

.est_soy {text-align: left; padding-top: 20px; overflow: hidden; margin: 0 auto;}
.est_soy img {width: 100px; padding-right: 10px;}
.est_soy_wrap {float: left;}

/*견적서 테이블*/
.table_wrap {overflow:hidden; margin: 0 auto; margin-bottom: 30px; margin-top: 30px; background-color: #fff;  min-width: 1400px; width: 100%;}
.table_btn_wrap {width: 100%; overflow: hidden; padding:0px 0px 5px 0;}
.table_btn_lt {float: left;}
.table_btn_rt {float: right;}
.table_sum {width: 100%; margin: 0 auto; display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr; overflow: hidden; grid-gap: 15px; font-weight: bold; background-color: #e3ecf4; border-top: #a8c4dc 1px solid; line-height: 40px; padding-left: 10px;}
.est_table{margin:0 0 20px 0; overflow: hidden; width: 100%; }
.est_table th{vertical-align:top;  border-top:1px solid #a8c4dc; background-color: #e3ecf4; text-align: center; padding: 10px;}
.est_table td{vertical-align:middle !important; border-top:1px solid #a8c4dc; text-align: center; padding: 10px;}
.table_btn_cont {width: 100%; overflow: hidden;}

/*견적서 - 114프린트*/
.tax_table_114{table-layout:fixed; width:100%; margin:7; padding:0; empty-cells:show; border-collapse:collapse; width:100%; border-top: 2px solid #000;}
.tax_table_114 td{border-bottom:1px dotted #999; !important; height:auto; padding:5px 3px; color:#000; padding:10px; }
.tax_table_114 .th{background-color: #f4f4f4; font-weight: bold; text-align: center; border-bottom: 1px solid #000;}
.tax_table_114 .b_line {border-bottom: 1px solid #000;}
.tax_table_114 .b_line_b {border-bottom: 2px solid #000;}
.tax_table_k .th_tit_sc {font-weight: bold; text-align: center;}
.tax_table_k_114 {table-layout:fixed; width:90%; margin:0 auto; empty-cells:show; border-collapse:collapse; }
.tax_table_k_114 td{line-height:21px; height:21px !important; height:auto; padding:2px;}

/*견적서 - 스쿨*/
.est_sh_wrap {overflow: hidden; width: 100%; padding-bottom: 10px; padding-top: 10px;}
.est_sh_w {float: left; height: 40px; line-height: 40px; padding-right: 10px;}
.est_sh_tit {background-color: #e3efdb; font-size: 20px; font-weight: bold; float: left; height: 40px; line-height: 40px; padding: 0 20px 0 20px; }
.est_sh_s {table-layout:fixed; width:80%; margin:0 auto; empty-cells:show; border-collapse:collapse; }
.est_sh_s td{line-height:40px; height:40px !important; height:auto; padding:2px 2px 2px 10px;}
.est_sh_s .th_tit{border-bottom: 1px solid #999;}
.est_sh_tit_bg {background-color: #e3efdb; font-size: 18px; font-weight: bold;}
.est_sh_tit_bg_y {background-color: #ffff00; font-weight: bold;}

/*견적서 - 에듀*/
.est_table_edu_s {table-layout:fixed; width:90%; margin:0 auto; empty-cells:show; border-collapse:collapse; }
.est_table_edu_s td{line-height:50px; height:50px !important; height:auto; padding:2px; text-align: center;}
.est_table_edu {table-layout:fixed; width:100%; margin:7; padding:0;empty-cells:show; border-collapse:collapse; width:100%;}
.est_table_edu td{border:1px solid #999;  !important; height:auto; padding:10px 3px; color:#000;}
.est_table_edu .top_th{padding:10px 0 10px 0; background-color: #f4f4f4; font-weight: bold; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.est_table_edu .th{padding:10px 0 10px 0; background-color: #f4f4f4; font-weight: bold; text-align: center; border-top: 1px solid #000;}
.est_table_edu_y {background-color: #ffff00; font-weight: bold;}
.est_soy_wrap_edu {float: left;}
.est_soy_wrap_edu img {width: 100px;}
.est_btm_edu {width: 100%; text-align: center; padding-top: 20px;}

/*견적서 - 에듀안산*/
.est_table_edu_a {table-layout:fixed; width:100%; margin:7; padding:0;empty-cells:show; border-collapse:collapse; width:100%;}
.est_table_edu_a td{border:1px solid #999;  !important; height:auto; padding:10px 3px; color:#000;}
.est_table_edu_a .top_th{padding:10px 0 10px 0; background-color: #f4f4f4; font-weight: bold; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.est_table_edu_a .th{padding:10px 0 10px 0; background-color: #e3efdb; font-weight: bold; text-align: center; border-top: 1px solid #000;}
.est_table_edu_a_y {background-color: #ffff00; font-weight: bold;}


.est_table_edu_a_s {table-layout:fixed; width:90%; margin:0 auto; empty-cells:show; border-collapse:collapse; }
.est_table_edu_a_s td{line-height:42px; height:42px !important; height:auto; padding:2px; text-align: center;}
.est_table_edu_a_s .th_tit {background-color: #e3efdb; text-align: left; padding-left: 10px; font-weight: bold; font-size: 18px; padding-right: 10px;}



/*견적서등록 팝업*/
.est_pop_wrap {width: 800px; background-color: #fff; margin: 0 auto; border-radius: 10px;}
.est_pop_cont {padding:20px 10px 30px 10px;}
.est_pop_data {padding-top: 20px;}
.est_pop_top {padding-bottom: 10px; width: 100%; overflow: hidden;}
.est_pop_top .lt {float: left; padding-top: 8px;}
.est_pop_top .rt {float: right;}
.est_pop_btm {padding-top: 20px; text-align: center; padding-bottom: 20px;}
.est_pop_btm .lt {float: left;}
.page_wrap {text-align:center;	font-size:0; }
.page_nation {display:inline-block;}
.page_nation .none {display:none;}
.page_nation a {display:block;	margin:0 3px;	float:left;	border:1px solid #e6e6e6;	width:28px;	height:28px;	line-height:28px;	text-align:center;	background-color:#fff;	font-size:13px;	color:#000;	text-decoration:none;}
.page_nation .arrow {border:1px solid #ccc; background:#f8f8f8;}
.page_nation a.active {	background-color:#42454c;	color:#fff;	border:1px solid #42454c;}
.contents_wrap {width: 100%; min-width: 1400px;  margin: 0 auto; overflow: hidden; text-align: center;}
.bank_dash_cont {float: left; border: 1px solid #d8d8d8; border-radius: 10px; padding: 8px; cursor: pointer;}
/*2024-0207*/
.btn_circle {border-radius: 50%; background-color: #fff; width: 25px; height: 25px; line-height: 20px; border: 1px solid #7c99c1; text-align: center; display: inline-block; cursor: pointer;}
.btn_circle_sel {background-color: #3598db; color: #fff; border: 1px solid #3598db;}
/*거래처대시보드 dash*/
.dash_time {width: 100%;   margin: 0 auto; text-align: right;}
.dash_wrap {width: 100%; min-width: 1400px;  margin: 0 auto; display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr; overflow: hidden; grid-gap: 15px;}
.dash_cont {border: 1px solid #d8d8d8; border-radius: 6px; padding: 8px; position: relative;}
.dash_cont_sel {border: 1px solid #3598db;}
.dash_sel {color: #3598db;}

.dash_tit {font-weight: 400; font-size: 16px; float: left;}
.dash_no {border-radius: 50%; float: right; background-color: #e9edf2; font-size: 12px; padding: 0 8px 0 8px;}
.dash_bank {margin: 0 auto; background-color: #e9edf2; float: left; text-align: center; line-height: 50px; width: 50px; height: 50px; border-radius: 50%;}
.dash_sum {width: 100%; overflow: hidden; text-align: right; font-weight: 500;  font-size: 20px;}
.font_small {font-size: 12px;}

.dash_pop {border-radius: 6px; background-color: #fff; font-size: 12px; padding: 8px; position: absolute; border: 1px solid #d8d8d8; right: 0; margin-right: 10px; box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.2)}
.dash_pop a {color: #000;}
.dash_pop a:hover {color: #3598db; text-decoration: none;}
.dash_line {border-bottom: 1px solid #d8d8d8;}

/*세금계산서*/
.tax_wrap { width: 900px; margin: 0 auto; border-radius: 10px; box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.2); overflow: hidden; font-size: 12px; background-color: #fff;}
.tax_top_wrap {margin: 20px 25px 20px 25px; overflow: hidden; border-top: 1px solid #d2d6d9; border-bottom: 1px solid #d2d6d9; line-height: 35px;}
.tax_pop_btm {width: 100%; margin:0 auto; padding:20px 0 0 0px;}
.tax_pop_btm a {color: #000; text-decoration: underline;}
.tax_pop_vt {writing-mode: vertical-lr; text-align: center;}
.tax_btn {border-radius:5px; text-align:center; padding:2px 8px; cursor:pointer;  background-color: #999; color: #fff; display: inline-block;}
.tit_vt {letter-spacing: 10px; margin-top: 0px;}

.btn_s {display: inline-block; border: 1px solid #3598db; line-height: 20px; padding: 0 10px 0 10px; border-radius: 10px; color:#000;}
.btn_s a {color: #000;}


/* 세금계산서_ 파란색 */
.tax_table_b{table-layout:fixed; width:100%; margin:7; padding:0;empty-cells:show; border-collapse:collapse; width:100%; }
.tax_table_b .tax_blue {background-color: #f0f7fd; font-weight: bold;#426cb2;padding:4px 5px 1px; color:#426cb2;}
.tax_table_b .tax_blue_b {background-color: #dfedfb; padding:4px 5px 1px; font-weight: bold; color:#426cb2;}
.tax_table_b.t_left .th{text-align:left;}
.tax_table_b.t_center .th{text-align:center;}
.tax_table_b .t_center{text-align:center;}
.tax_table_b .t_left{text-align:left;}
.tax_table_b .t_right{text-align:right;}
.tax_table_b td{border:1px solid #426cb2; line-height:14px; min-height:21px; height:21px !important; height:auto; padding:2px; color:#000;}
.tax_table_b .th{padding:4px 5px 1px;color:#426cb2;}
.tax_table_b .title{text-align:center !important; font-weight:bold; border-bottom:none; font-size:16px; padding:10px 5px;}
.tax_table_b td.bl{border-left-width:2px;}
.tax_table_b td.bt{border-top-width:2px;}
.tax_table_b td.br{border-right-width:2px;}
.tax_table_b td.bb{border-bottom-width:2px;}
.tax_table_b td.bltr{border-left-width:2px; border-top-width:2px; border-right-width:2px;}
.tax_table_b td.blt{border-left-width:2px; border-top-width:2px;}
.tax_table_b td.blb{border-left-width:2px; border-bottom-width:2px;}
.tax_table_b td.btr{border-top-width:2px; border-right-width:2px;}
.tax_table_b td.brb{border-right-width:2px; border-bottom-width:2px;}

/* 세금계산서_ 테이블 */
.tax_table_k{table-layout:fixed; width:100%; margin:7; padding:0;empty-cells:show; border-collapse:collapse; width:100%;}
.tax_table_k .tax_blue {background-color: #f0f7fd; font-weight: bold; color: #426cb2;}
.tax_table_k .tax_blue_b {background-color: #dfedfb;  font-weight: bold; }
.tax_table_k .tax_red {background-color: #fdeaea; color: #cc4848; font-weight: bold; }
.tax_table_k .t_left .th{text-align:left;}
.tax_table_k .t_center .th{text-align:center;}
.tax_table_k .t_center{text-align:center;}
.tax_table_k .t_left{text-align:left;}
.tax_table_k .t_right{text-align:right;}
.tax_table_k td{border:1px solid #999;  !important; height:auto; padding:5px 3px; color:#000;}
.tax_table_k .th{padding:4px 5px 4px; background-color: #f4f4f4; font-weight: bold; text-align: center;}
.tax_table_k .title{text-align:center !important; font-weight:bold; border-bottom:none; font-size:16px; padding:10px 5px;}
.tax_table_k td.bl{border-left-width:2px;}
.tax_table_k td.bt{border-top-width:2px;}
.tax_table_k td.br{border-right-width:2px;}
.tax_table_k td.bb{border-bottom-width:2px;}
.tax_table_k td.bltr{border-left-width:2px; border-top-width:2px; border-right-width:2px;}
.tax_table_k td.blt{border-left-width:2px; border-top-width:2px;}
.tax_table_k td.blb{border-left-width:2px; border-bottom-width:2px;}
.tax_table_k td.btr{border-top-width:2px; border-right-width:2px;}
.tax_table_k td.brb{border-right-width:2px; border-bottom-width:2px;}
.tax_table_k .th_tit{background-color: #f4f4f4; font-weight: bold; text-align: center;}
.tax_table_k_s .th_rtit{font-weight: bold; text-align: center; border: #fff; border-bottom: 1px solid #999;}
.tax_table_k_s {table-layout:fixed; width:90%; margin:0 auto; empty-cells:show; border-collapse:collapse; }
.tax_table_k_s td{line-height:21px; height:21px !important; height:auto; padding:2px;}
.tax_table_k_s .left_line {border-left: 1px solid #999;}
.tax_table_k_s .tit_bold {font-size: 24px;}



/*파랑*/
.tax_table_k .b_b{background-color: #f0f7fd;}
.tax_table_k .b_td{border:1px solid #4a86c1;  !important; height:auto; }
.tax_table_k .b_td_tit {background-color: #f0f7fd; color: #4a86c1; font-weight: bold;}
.tax_table_k .b_td_tit2 {background-color: #dfedfb; color: #4a86c1; font-weight: bold;}
.tax_table_k .b_td_title {background-color: #f0f7fd; color: #4a86c1; font-weight: bold; text-align: center;border:1px solid #4a86c1; height:auto;}
.tax_table_k .b_td_title2 {background-color: #dfedfb; color: #4a86c1; font-weight: bold; text-align: center;border:1px solid #4a86c1; height:auto;}
.tax_table_k .blue_td{border:1px solid #4a86c1; }

/*빨강*/
.tax_table_k .r_b{background-color: #fdeaea;}
.tax_table_k .r_td{border:1px solid #cc4848; !important; height:auto; }
.tax_table_k .r_td2{border-top:1px solid #cc4848; border-bottom:1px solid #cc4848;!important; height:auto;   border-right:1px solid #4a86c1;}
.tax_table_k .r_td_tit {background-color: #fdeaea; color: #cc4848; font-weight: bold;}
.tax_table_k .r_td_tit2 {background-color: #ffd8d9; color: #cc4848; font-weight: bold;}
.tax_table_k .r_td_title {background-color: #fdeaea; color: #cc4848; font-weight: bold; text-align: center;border:1px solid #cc4848; height:auto;}
.tax_table_k .r_td_title2 {background-color: #ffd8d9; color: #cc4848; font-weight: bold; text-align: center;border:1px solid #cc4848; height:auto;}
.tax_table_k .red_td{border:1px solid #cc4848; }



.bg_line {display:block; min-height:16px; padding:3px 0 2px; border:1px solid #fff;}
.bg_line.ipt {padding:3px 2px 2px;border:1px solid #cbcbcb;}
.bg_line input[type=text] {padding:0; border:0; color:#000;}
.bg_line textarea {padding:0; border:0;}
.bg_line.add_btnr {position:relative; padding-right:25px;}
.bg_line.add_btnr .btn_sch {position:absolute; top:3px; right:5px; color:#333;}
.btn_cal {color:#333; width: 22px;}

/*현금영수증*/
.cash_wrap {margin: 30px; overflow: hidden;}
.cash_wrap_cont {display: grid; width: 100%; grid-template-columns: 1fr 2fr 1fr 2fr; overflow: auto; text-align: center; border-top: 1px solid #eee; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.cash_wrap_pay {display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); overflow: auto; padding: 0px 0 5px 0; text-align: center; border-top: 1px solid #eee; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.cash_tit {font-weight: bold; border-bottom: 1px solid #eee; background-color: #f4f4f4; padding:5px 0;}
.gray {color: #999;}
.cash_textarea {display:block; padding:3px 0 2px; border:1px solid #c6c8d5;}

/*현금영수증 테이블 */
.table_cash {border-spacing: 0; width: 100%;}
.table_cash th, td .c_line{padding:10px 0 10px 0px; padding-left: 10px; border-bottom: 1px solid #999;}
.c_line{padding:10px 0 10px 0px; padding-left: 10px; border-bottom: 1px solid #999;}
.table_cash tr th {background-color:#f4f4f4;}
.table_cash .t_line {border-top: 1px solid #999;}
.table_cash .tit {font-weight: bold; margin-left: 7px;}
.table_cash .content {margin-left: 7px;}
.table_cash .attention {color: #db0000; font-weight: bold; text-decoration: none;}
.table_cash .ct {text-align: center;}
.table_cash p {padding:0}
.table_cash_sel {background-color: #f7f7f7; width: 100%;}}
.table_cash_sel th, td .s_line {border-bottom:1px solid #999; padding-top:20px; line-height:22px;}
.table_cash_sel th, td .lt_line {padding:10px 0 4px 0px; border-left: 1px dashed #999;}
.table_cash_sel th, td .lt_line_t {padding:10px 0 4px 0px;	border-left: 1px solid #999;}
.table_cash_sel th, .b_line {border-bottom:1px solid #999;}

/*지출결의서*/
.doc_wrap {padding:30px;}
.doc_cont {}
.doc_top_sign {float: right; display: block; display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); overflow: hidden; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; text-decoration: none;}
.doc_top_sign .bx {text-align: center; border-bottom: 1px solid #999;line-height: 25px; height: 25px;}
.doc_top_sign .bx_ct {line-height: 50px; height: 50px;}
.doc_top_sign .l_line {border-left: 1px solid #999;}
.doc_cont_tit {overflow: hidden; width: 100%; padding-top: 10px; text-align: center; font-size: 24px;}
.doc_cont_tit_sub {padding: 10px 0 10px 0; overflow: hidden;}
.doc_btn {border-radius:5px; background-color:#fff; color:#000; text-align:center; padding:5px 15px 5px 15px; cursor:pointer; display:inline-block; border:1px solid #d8d8d8; display: inline-block;}
.doc_btn a {color:#000; text-decoration: none;}
.doc_cont_table {}
.doc_cont_table tr {border-bottom: #999 solid 1px; border-top: #999 solid 1px;}
.doc_cont_table td, th {padding:10px 0 10px 10px;}
.doc_cont_table th {background-color: #f4f4f4; font-weight: bold;#426cb2;}
.doc_cont_table a {color: #000;}
.doc_sum {padding: 30px 0 10px 0; overflow: hidden;}

/*공통*/
.font_rt {text-align: right;}
.font_ct {text-align: center;}
.grid_2wrap {display: grid; grid-template-columns: repeat(2, minmax(80px, 1fr)); grid-gap:40px; margin: 0 auto;}
.grid_3wrap {display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); grid-gap:40px; margin: 0 auto;}
.grid_4wrap {display: grid; grid-template-columns: repeat(4, minmax(80px, 1fr)); grid-gap:40px; margin: 0 auto;}
.grid_6wrap {display: grid; grid-template-columns: repeat(6, minmax(250px, 1fr)); grid-gap:10px; margin: 0 auto; overflow:hidden; width: 100%;}
.grid_3wrap_gnl {display: grid; grid-template-columns: repeat(3, minmax(40px, 1fr));  margin: 0 auto;}
.fot_btn_wrap {text-align: center; overflow: hidden; padding-top: 50px; margin: 0 auto;}
.fl_lt {float:left; width: 50%; margin: 0 auto;}
.fl_rt {float: right; width: 50%; margin: 0 auto;}
.font_bold {font-weight: bold;}
.font_big {font-size: 18px;}
.font_blue {color: #0a5eff;}

.pop_input_wrap {display: inline-block; position: absolute; width: 200px; padding: 6px;}
.pop_input {display:block;  padding:3px 0 2px; border:1px solid #fff; height: 15px; border: 1px solid #999;text-align: left; }

.boder {border: 1px solid #999;}
.radius {border-radius: 5px;}
.bg_w {background-color:#fff}
.mt_input {margin-top: 5px !important; position: absolute;}
.nor_wrap {overflow: hidden;}

/*배송의뢰서*/
.deliver_wrap {width: 900px; margin: 0 auto;}
.deliver_line {border-bottom: 1px dotted #000;}
.deliver_table {table-layout:fixed; width:100%; margin:7; padding:0;empty-cells:show; border-collapse:collapse; width:100%; font-size: 20px;}
.deliver_table td {border:1px solid #000;  !important; height:auto; padding:22px 1px; color:#000;}
.deliver_table .tit {background-color: #f4f4f4; text-align: center;}
.deliver_table .tt {font-size: 34px; font-weight: bold; }
.deliver_table .t {font-size: 22px;}
.pop_input_style { border:1px solid #fff; padding-left:4px; border-radius:5px; height:32px; outline:none; color: #000;}

@media only screen and (max-width:1400px) {
    .grid_6wrap {display: grid; grid-template-columns: repeat(5, minmax(250px, 1fr)); grid-gap:10px; margin: 0 auto;}
}

/*2024-02-16 팝업 스크롤*/
.tableWrapper {height: 176px; overflow: auto; margin: 0 auto;  }
#userListTable {width: 840px; border: 0px; border-collapse: collapse; border: 1px solid #a8c4dc;}
#userListTable th, #userListTable td{ border-bottom: 1px solid #a8c4dc; padding: 5px 3px; border-right: 1px solid #a8c4dc;}
#userListTable th:last-child, #userListTable td:last-child{border-right: 0px !important;}
#userListTable tr:first-child{background-color: #f4f4f4 !important; color: #000 !important; font-weight: bold !important;}
#userListTable tr:nth-child(odd){background-color: #f3f7fb;}
#userListTable th { position: sticky; top: 0px; background-color: #e3ecf4 !important; text-align: center;}

/*2024-02-26 추가*/
.new_btn_nor_w2 {border:1px solid #d8d8d8; border-radius:5px; background-color:#fff; color:#000;}
.new_btn_nor_w2 a {color: #000;}
.new_search_item { border-top:1px solid #dee2e6;   width: 100%; overflow: hidden;}
.new_btn_gn {border-radius:5px; border:1px solid #d8d8d8; color:#000;  text-align:center;  padding:3px 12px 3px 12px; cursor:pointer; display:inline-block; vertical-align:middle;}


/*2024-03-07게시판 추가*/
.board_wrap { width: 1200px; margin: 0 auto; border-radius: 10px; box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.2); overflow: hidden; font-size: 12px; background-color: #fff;}
.box{-ms-overflow-style: none; width: 100%;}
.box_in {width: 100%; height: 600px; overflow-x: hidden; overflow-y:scroll;}

/*버튼추가*/
.btn_green2 {border-radius:5px; background-color:#5cb85c; color:#fff; font-weight:bold; text-align:center;  font-size:12px; cursor:pointer; display:inline-block; }
.btn_green2 a {text-decoration:none; color:#fff;}

/*출력실 메인 추가*/
.cal_btn {border-radius:5px; background-color:#508ff4; color:#fff; text-align:center; cursor:pointer; display:inline-block;  font-weight:400; padding: 4px 6px;}
.cal_btn a {color:#fff; text-decoration:none}
.cal_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; width:100px; height:28px; outline:none; border-radius:4px; background-repeat: no-repeat; overflow: hidden; position: relative; cursor: pointer; background-color: #fff;}
.cal_input input {border: 0;   outline:none;   background: transparent;}
.grid_div3 {display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); text-align: center;}



/*출력실 상단 모바일용 추가 2024-04-30*/
.m_new_main_search_wrap {overflow:hidden; margin: 0 auto; overflow: hidden; display: block;}
.m_new_searh_cont {width: 100%; overflow: hidden; padding-top: 5px;}
.m_new_searh_cont li {float: left;}
.m_new_search_tit {background:#f7f7f7; text-align:center; margin-right:5px; font-weight:400;  padding: 6px 0px 7px 0; vertical-align: middle;  }
.m_new_searh_cont .main_ip_btn {display:inline-block; border:1px solid #d8d8d8; margin-right:-8px; border-radius: 0px; outline:none; background: #f7f7f7;; padding: 8px 7px 8px 7px !important; vertical-align: middle; font-size: 11px;}
.m_new_searh_cont .main_ip_btn_sel {border:1px solid #3a96fd; background:#fff; color: #3a96fd;}
.insert_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; outline:none; border-radius:4px;    background-repeat: no-repeat; overflow: hidden;position: relative; cursor: pointer; height: 32px; margin-bottom: 5px;}
.insert_input input {border: 0;  outline:none;   background: transparent; }
.new_select {color:#000; border:1px solid #d8d8d8;  border-radius:5px;}
.m_new_btn_gnl {border-radius:5px;  text-align:center; padding:6px 10px 6px 10px; cursor:pointer; display:inline-block;  font-weight:400; color:#fff; text-decoration:none; background-color:#508ff4; color:#fff; border: 1px solid #508ff4}


/*직원전용 추가 202405*/
.font_gnl {font-size: 14px;}
.staff_search_wrap {overflow:hidden; width: 100%; margin: 0 auto; border: 1px solid #d8d8d8; background-color: #fff;   overflow:hidden; }
.grid_8wrap {display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); grid-gap:10px; margin: 0 auto; overflow:hidden; width: 100%;}
.staff_search_wrap li {float: left;}

.staff_table {border-collapse: collapse;  border-spacing: 0; width: 100%;}
.staff_tbl_wrap {position: relative; margin: auto; width: 100%; border-top: 2px solid #121212;}
.staff_tbl_wrap .staff_table {display: table; width: 100%; border-collapse: collapse; border-spacing: 0;}
.staff_tbl_wrap .staff_table thead tr th {background: #f4f4f4; text-align: center; border-bottom: 1px solid #121212;}
.staff_tbl_wrap .staff_table thead tr th,.staff_tbl_wrap .staff_table tbody tr td {padding: 5px;  border: 1px solid #ddd;}
.staff_tbl_wrap .staff_table tbody tr td {border-bottom: 1px solid #ddd;}
.staff_tbl_wrap .tit_bg {background: #f4f4f4;}

.staff_cont {overflow: hidden; width: 100%;}
.staff_font_big {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.staff_tit {font-size: 25px; font-weight: 500;}

.mx10 {margin:10px;}
.mx20 {margin:20px;}
.mx30 {margin:30px;}
.px10 {padding: 10px;}
.px20 {padding: 20px;}
.px30 {padding: 30px;}

.staff_insert_input {background-image:url("../img/adm_ico_cal.png"); background-position:96% center; border:1px solid #d8d8d8; width:140px; height:32px; outline:none; border-radius:4px;    background-repeat: no-repeat;  cursor: pointer; background-color: #fff;}
.staff_insert_input input {border: 0;  width:120px; height:32px; outline:none;   background: transparent; padding-bottom: 15px;}

.staff_stamp {position:absolute; z-index: 999; display: block; left: 20%; top: 50%;}
.staff_stamp img {width: 50px;}

.staff_btn_dis {border-radius:5px; background-color:#666; color:#b1b1b1; text-align:center; padding:5px 20px 5px 20px; display:inline-block;  font-weight:400;}
.staff_pop_bg {background-color: #fff;}
.staff_pop_tit {font-size: 20px; border-bottom: 1px solid #b9b9b9; margin-bottom: 30px; padding-bottom: 5px;}

/*layer popup*/
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal_wrap {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 50%; text-align: center; font-size: 16px;}
.modal_tit {font-size: 24pt; font-weight: bold;}
.modal_txt {line-height: 25px;}
.modal_btn {cursor:pointer;background-color:#d8d8d8;text-align: center;padding-bottom: 10px; padding-top: 10px;}


/*인사기록카드*/
.staff_card {overflow: hidden;}
.staff_card_lt {float: left;}
.staff_card_img {border-radius: 10px; border: #ddd 1px solid; width: 200px; height: 200px; overflow: hidden; position: relative;}

.staff_card_rt {float: right; width: 85%;}
.staff_card_top {width: 100%; overflow: hidden; border-bottom: #d8d8d8 1px solid; padding-bottom: 10px;}
.staff_card_top .tit {padding-top: 5px; font-weight: bold; margin-right: 10px;}
.staff_add_btn {border-radius:5px;  height:32px; line-height: 32px; width: 32px; text-align:center; cursor:pointer; font-weight:400; border: 1px solid #d8d8d8; float: right;}

/*전자결재*/
.state_nor {border-radius:5px; background-color:#508ff4; color:#fff; text-align:center; padding:5px 20px 5px 20px; display:inline-block;  font-weight:400;}
.state_nor a {color:#fff; text-decoration:none}

.state_green {background-color: #00b050;}
.state_red {background-color: #f06891;}
.state_black {background-color: #d6d6d6;}


.staff_btn_big {text-align: center; cursor: pointer; border: 1px solid #d8d8d8; padding: 20px 0 20px 0; border-radius: 10px;}
.btn_grid_3wrap {display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); grid-gap:20px; margin: 0 auto;}
.btn_grid_4wrap {display: grid; grid-template-columns: repeat(4, minmax(80px, 1fr)); grid-gap:20px; margin: 0 auto;}

.staff_stamp_btm {position:absolute; z-index: 999; display: block; right: 0%; top: 67%;}
.staff_stamp_btm img {width: 60px;}

/*결재라인 모달팝업*/
.popup-wrap{background-color:rgba(0,0,0,.3); z-index: 99999; justify-content:center;  align-items:center;  position:fixed;  top:0;  left:0;  right:0;  bottom:0;  display:none;  padding:15px;}
.popup{  width:100%;  max-width:680px;  background-color:#ffffff;  border-radius:10px;  overflow:hidden;  background-color:#264db5;  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);}
.popup-body{  width:100%;  background-color:#ffffff;}
.body-content{  width:100%;  padding:30px;}
.body-titlebox{  text-align:center;  width:100%;  height:40px;  margin-bottom:10px;}
.body-contentbox{  word-break:break-word;  overflow-y:auto;  min-height:100px;  max-height:250px; border-top: 1px solid #ddd;}
.popup-foot{  width:100%;  height:50px;}
.pop-btn{  display:inline-flex;  width:50%;  height:100%;  float:left;  justify-content:center;  align-items:center;  color:#ffffff;  cursor:pointer;}
.pop-btn.confirm{  border-right:1px solid #3b5fbf;}

/*전자결재 라디오 버튼 커스텀*/
.staff_obj input[type="radio"] {display: none;}
.staff_obj input[type="radio"] + span {display: inline-block; padding: 5px 10px; border: 1px solid #dfdfdf; background-color: #ffffff; text-align: center; cursor: pointer;}
.staff_obj input[type="radio"]:checked + span {background-color: #113a6b; color: #ffffff;}

/*말줄임표*/
.eli {width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* desktop only */
@media screen and (min-width: 991px) {
    .staff_tbl_wrap .staff_table thead tr th, .staff_tbl_wrap .staff_table tbody tr td {padding: 7px 10px;}
    .staff_tbl_wrap .staff_table thead tr th {text-align: center;}

}

/* mobile only */
@media screen and (max-width: 680px) {
    .staff_tbl_wrap .staff_table col {width: 100% !important;}
    .staff_tbl_wrap .staff_table thead {display: none;}
    .staff_tbl_wrap .staff_table tbody tr {border-bottom: 1px solid #efefef;}
    .staff_tbl_wrap .staff_table tbody tr td {width: 100%; display: flex; margin-bottom: 2px; padding: 5px; border-bottom: none;}
    .staff_tbl_wrap .staff_table tbody tr td:first-child, .staff_tbl_wrap .staff_table tbody tr th:first-child {padding-top: 5px;}
    .staff_tbl_wrap .staff_table tbody tr td:last-child, .staff_tbl_wrap .staff_table tbody tr th:last-child {padding-bottom: 5px;}
    .staff_tbl_wrap .staff_table tbody tr td:before {display: inline-block; margin-right: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; font-weight: 700; content: attr(data-label);}

    .staff_stamp {position:absolute; z-index: 999; display: block; left: 38%; top: 35%;}
    .staff_stamp img {width: 50px;}
    .staff_card_rt {width: 100%; overflow: hidden; margin-top: 20px;}
    .staff_card_lt {width: 100%; overflow: hidden; text-align: center;}
    .staff_card_img {border-radius: 10px; border: #ddd 1px solid; background-color: #fff; width: 100%; height: 200px; text-align: center; display: block;}
    .staff_card_img img {width: 200px; height: 200px; text-align: center;}
    .btn_grid_4wrap {display: grid; grid-template-columns: repeat(2, minmax(80px, 1fr)); grid-gap:20px; margin: 0 auto;}
}



/* 직원평가서
.evaluation_txtbox {width: 100%; border: 1px solid #d8d8d8; padding: 4px; border-radius: 5px; height: 32px; outline: none;}*/