@charset "utf-8";
/*
14px = 0.875rem
30px = 1.875rem
red : #F36262
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Rubik:wght@300&display=swap');
.numst {font-family:'Roboto';font-weight:400}
.numst strong {font-weight:500;}
input {appearance:none;}
a.link{text-decoration: none;color: #212529;position: relative;/*padding-right: 20px;*/line-height: 22px;}
a.link i{color: #22a959;margin-left: 5px;}
/* a.link::after{content:'';position:absolute;right:0px;width:13px;height:13px;top:2px;background: url('/assets/images/href_icon2.png') no-repeat;background-size: 13px 13px;} */
a.link:hover{text-decoration: underline;color: #22a959;}
*:focus {outline:0;}
ul{margin: 0;padding: 0;}
ul li{list-style-type: none;}
ul.none {list-style:none; margin:0px; padding:0px;}
ul.none li {display:inline-block;}

a.gray {text-decoration:none;color:#595959;}
a.gray:hover {text-decoration:none;color:#22a959;}
label .form-check-input {margin-top:3px;}
.txt_green {color:#22a959 !important ;}
.txt_black {color:#131313 !important;}
.txt_gray80 {color:#707070 !important;}
.txt_gray60 {color:#a9a9a9 !important;}
.txt_red {color:#F36262;}
.error {color:#F36262;}
.warning {color:#D1890D;}
.txt_blue {color:#323DA0 !important;}
.br_gray {border-color:#dddddd;}
.txt_white {color:#ffffff;}
.cowiztec {display:block; clear:both; padding:20px}
.require {color:#F36262;}

.ph-5 {padding:5px 0px;}
.ph-10 {padding:10px 0px;}
.mh-5 {margin:5px 0px;}
.mt5 {margin:5px 0px 0px 0px;}
.mv10 {margin:10px 0px 10px 0px !important;}
.mb5 {margin-bottom:5px;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}

.select2.valid {border:1px solid #22a959;}
.select2.invalid {border:1px solid #F36262;}
.select2-container.select2-container--focus .select2-selection--single {border:1px solid #22a959;}
.select2-container.select2-container--open .select2-selection--single {border:1px solid #22a959;}
.td_intitle {padding:2px; margin:0px; font-weight:600;}

.tooltip-inner{max-width:max-content;}

/*title*/
h2.subtitle{font-size:1.25rem;margin-top:50px;}

/* header style */
.header {border-style:solid; border-width:0 0 1px 0px;border-color:#dddddd;height:80px; min-width:1280px;position:fixed;background:#ffffff; z-index:99; width:100%;}
.main {min-width:1280px;}
.header_wrap {display:flex; justify-content:stretch; flex-wrap:nowrap;height:80px;}
.logo_box{flex:1 1;display: flex;align-items: center;}
a.logo {font-size:1.875rem; font-weight:800; padding:10px 30px;border:0px; text-decoration:none; white-space:nowrap;}
.my_box{flex:1 1;display: flex;justify-content: space-between;align-items: center;}
.link_bmark{flex:1 1;display: flex;justify-content: flex-end;align-items: center;}
.link_bmark .link_lst{display: flex;}
.link_bmark .link_lst li{margin-right: 17px;position: relative;}
.link_bmark .link_lst li .btn_box{position:absolute;bottom:-20px;left:20px;display: none;}
.link_bmark .link_lst li:hover .btn_box{display: block;}
/* .link_bmark .link_lst li:last-child{margin-right: 0;} */
.link_bmark a.link_url{text-decoration: none;color: #22a959;font-size: 0.937rem;font-weight: 500;}
.link_bmark a.link_url i{margin-right: 5px;color: #A19F9F;}
.link_bmark a.link_url:hover{text-decoration: underline;}
.link_bmark .link_add{border: 0;background-color: transparent;color: #919191;font-size: 0.937rem;font-weight: 500;padding: 0;}
.link_bmark .link_add i{margin-right: 3px;color: #919191;}
.link_del{cursor: pointer;color: #F36262;font-size: 0.8rem;}
.header_info {text-align:right;width:400px;}
.header_info li {padding:5px 10px;vertical-align:middle}
.header_info li:last-child{padding-right: 30px;}
.header_info .line {width:1px; background:#dddddd;padding:0px;border:0px;overflow:hidden;height:12px}
.select_team {width:100%;max-width:300px;display:inline-block;}
.manage_icon {display:inline-block;width:14px;height:14px;line-height:14px; border-radius:10px;color:#ffffff; overflow:hidden; font-size:10px; padding:0px;margin:1px;text-align:center;vertical-align:middle}
.super {background:#0000FF;}
.manager {background:#22a959;}
.admin {background:#20ACAC;}
section.container_wrap {padding-top:80px; min-width:1280px;}
.kakao{position:fixed;bottom:30px;left:30px;width:55px;height:55px;background-color: #fae100;border-radius: 50%;z-index: 100;display:flex;align-items: center;}
.kakao span{text-decoration: none;color:#371d1e;position:absolute;left:65px;width:50px;font-weight:600;}
.kakao img{width:85%;margin: 0 auto;}

/* btn style */
.btn i{font-size: 0.9rem;margin-right: 5px;}
.btn_wrap {display:block; margin-top:30px;text-align: center;position: relative;}

.btn_add01 {font-size:0.8rem; padding:3px 5px; cursor:pointer; border:0px;background:none;}
.btn_add01 i {background:#EAF5EF; height:18px; width:18px; display:inline-block; border-radius:10px; text-align:center; vertical-align:middle; padding:5px 2px }
.btn {padding:0px; text-align:center; border-radius:3px; overflow:hidden;}
.btn_green {display:inline-block;padding:0px 20px;height:32px; line-height:32px;font-size:0.9rem;background:#22a959; color:#ffffff;}

.btn_submit {}
.btn_back, .btn_box_close, .btn_update, .btn_box_submit {display:inline-block;border:1px solid #22a959; background:#ffffff; color:#22a959;text-decoration:none; border-radius:2px}
.btn_print{display:inline-block;padding:0px 20px;height:32px; line-height:32px;font-size:0.9rem;border:1px solid #707070;color:#707070;background-color: #fff;}
.btn_cancel{display:inline-block;padding:0px 20px;height:32px; line-height:32px;font-size:0.9rem;background-color: #F36262;border:1px solid #f36262;color:#fff;border-radius:2px;}
.btn_cancel i{font-size: 0.75rem;}
.btn_setting i {color:#c2c2c2;}
.btn_setting {color:#3d3d3d; font-size:0.8rem; display:inline-block; padding:3px 5px; cursor:pointer; border:0px; background:none}
.btn_setting:hover {color:#22a959;}
.btn_setting:hover i {color:#22a959;}
.btn_common {line-height:32px; height:30px; vertical-align:middle;}
a.btn_common {text-decoration:none;line-height:29px}
.btn_delete i {color:#c2c2c2;}
.btn_delete { font-size:0.8rem; display:inline-block; padding:3px 5px; cursor:pointer; border:0px; background:none}
.btn_delete:hover {color:#DE3605;}
.btn_file label {width:90px}

/*공통 재정의 */
a.btns {text-decoration:none; white-space:nowrap; }
.btns {display:inline-block; border-radius:2px; cursor:pointer;transition:background 0.3s ease;vertical-align:middle;font-weight:400; white-space:nowrap;}
.btns i {display:inline-block;}
.btns:hover {transition:background 0.3s ease}
.btns.no_permit {cursor:default;}


/*크기 작은것*/.btn_s {padding:0px 10px; height:26px; line-height:24px; font-size:0.812rem;margin:0px 2px}
/*크기 인풋*/.btn_ss {padding:0px 8px; height:30px; line-height:30px; font-size:0.812rem;margin:0px 2px}
/*크기 중간*/.btn_m {padding:0px 14px; height:32px; line-height:32px; font-size:0.9rem;margin:0px 2px}

/*초록선,초록글씨*/
.btn1        {background:#ffffff; border:1px solid #22a959;  color:#22a959;}
.btn1:hover  {background:#f6f6f6;}
.btn1.no_permit:hover {background:#fff;}
/*초록배경,하얀글씨*/
.btn2       {background:#22a959; border:1px solid #22a959; color:#fff;}
.btn2:hover {background:#1F944E;}
.btn2.no_permit:hover {background:#22a959;}
/*회색배경,하얀글씨*/.btn3       {background:#A19F9F; border:1px solid #A19F9F; color:#fff;}
/*회색선,회색글씨*/.btn4         {background:#ffffff; border:1px solid #ddd; color:#7e7e7e;}
/*회색선,검정글씨,흰색배경*/
.btn5  {background:#ffffff; border:1px solid #ddd; color:#131313;}
.btn5:hover {background:#f6f6f6;}
.btn5.no_permit:hover {background:#fff;}
/*흰색글씨,파란배경*/.btn6       {background:#3270A0; color:#fff;}
/*검정글씨,회색배경*/.btn7       {background-color: #e9e9e9; border: 1px solid #ddd; color:#4a4a4a;}
/*흰색글씨, 빨간배경*/.btn8      {background:#F36262; border:1px solid #F36262; color:#fff}
/*진한회색선,회색글씨*/.btn9         {background:#ffffff; border:1px solid #707070; color:#707070;}

.btn_edit i {color:#c2c2c2;}
.btn_edit { display:inline-block; cursor:pointer; border:0px; background:none}
.btn_edit:hover, .btn_edit.btn_on {color:#22a959;}
.btn_edit:hover i, .btn_edit.btn_on i {color:#22a959;}
.btn_remove {border:1px solid #A19F9F;background:#A19F9F;color:#fff; border-radius:2px;}
.btn_stat {width:44px;display:inline-block;font-size:0.86em;line-height:17px;height:19px;text-align:center;}
/*초록선,초록글씨*/.tb_btn1{border:1px solid #22a959; background:#ffffff; color:#22a959;}
/*초록배경,하얀글씨*/.tb_btn2{display:inline-block;border:1px solid #22a959;background:#22a959;color:#fff;border-radius:2px;cursor:pointer;}
/*회색배경,하얀글씨*/.tb_btn3{display:inline-block;background:#A19F9F;border:1px solid #A19F9F;color:#fff;border-radius:2px;cursor:pointer;}
/*회색선,회색글씨*/.tb_btn4{display:inline-block;border: 1px solid #ddd;color:#7e7e7e;border-radius:2px;cursor:pointer;}
/*회색선,검정글씨,흰색배경*/.tb_btn5{display:inline-block;background:#ffffff;border: 1px solid #ddd;color:#131313;border-radius:2px;cursor:pointer;}
/*흰색글씨,파란배경*/.tb_btn6{display:inline-block;background:#3270A0;color:#fff;border-radius:2px;cursor:pointer;}
/*검정글씨,회색배경*/.tb_btn7{display:inline-block;background-color: #e9e9e9;border: 1px solid #ddd;color: #4a4a4a;border-radius: 2px;}
/*흰색글씨, 빨간배경*/.tb_btn_del{display:inline-block;border:1px solid #F36262;background:#F36262;color:#fff;border-radius:2px;cursor:pointer;}
.btn.btn_toggle {font-size:0.9rem;height:30px; line-height:28px;padding:0px 8px;margin:0px;border-radius:0px 0px 0px 0px;float:left;margin-left:-1px;}
.btn.btn_toggle.first_radius { margin-left:0px; border-radius:2px 0px 0px 2px;}
.btn.btn_toggle.last_radius { border-radius:0px 2px 2px 0px;}

.btn_m i {display:inline-block;padding-right:4px;}
.copy_btn{margin-right: 5px;}
.bill_btn {margin-right: 5px;}
.stage_btn {display:inline-block; border-radius:2px; cursor:default; pointer-events:none; background:#22a959; color:#ffffff;border:1px solid #22a959;padding:2px 4px;font-size:0.812rem}
.stage_btn i{margin-right: 5px;}
.stage_btn.open{background-color: #20A5E3;border-color:#20A5E3;}
.stage_btn.close{background-color: #404040;border-color:#404040;}
.stage_btn.cancel{background-color: #E56D4E;border-color: #e56d4e;}
.stage_btn.finish{background-color: #22a959;border-color: #22a959;}
button.add_file {border:0px; background:transparent;color:#22a959;padding:7px 5px; margin:10px 0px 5px 0px}
button.add_file:hover {background:#22a95910;}
button.add_file:active {transform:translateY(2px);}
.file_td div {padding:3px 0px;}
.lst_btnbox{display:flex;align-items:center;justify-content: flex-end;}
.bookmark{color: #dedede;font-size: 1.125rem;cursor: pointer;}
.bookmark:hover {color:#aeaeae}
.bookmark.on {color:#FFEA30; }
button.btn_bookmark {border:0px;padding:0px;margin:0px;background:transparent}

.filter_btn{border: 0;background-color: #dfdfdf;width: 32px;height: 32px;border-radius: 2px;margin-left: 8px;}
.filter_btn i{color: #929292;}
.write_btn{margin-left: 8px;}
.search_btn{border: 0;background-color: #22a959;color: #fff;line-height: 31px;height: 31px;width: 60px;border-radius: 3px;}
.btn_buys_sch {border: 0;background-color: #22a959;color: #fff;line-height: 31px;height: 31px;width: 60px;border-radius: 3px;}
.btn_reset {border: 0;background-color: #22a959;color: #fff;line-height: 31px;height: 31px;width: 100px;border-radius: 3px;}
button.help {border:0px;padding:0px;margin:0px;background:transparent;color:#22a959}
.btn_all_edit {color:#fff;background:#aeaeae;border-radius:30px; width:30px; height:30px; text-align:left;margin-top:10px;overflow:hidden;word-break:keep-all;}
.btn_all_edit i {width:30px; height:30px;text-align:center;vertical-align:middle;line-height:30px;}
.btn_all_edit span {margin-left:-5px;line-height:28px;display:inline-block;}
.btn_all_edit:hover {transition:width 0.3s ease; width:100px; height:30px;text-align:left;background:#22a959;color:#fff}

.stat_info {display:inline-block;padding-left:10px;}
.stat_info i {font-size:1.1em; color:#22a959;}
.icon_stat_conf {width:6px;height:6px;display:inline-block;background:#F36262;border-radius:6px;box-shadow:0px 0px 5px rgba(255, 0, 0, 0.3);opacity:0.7;animation:oploop 0.4s infinite alternate;vertical-align:middle}
@keyframes oploop {
  from {opacity:1}
}
/* form style */
form{margin: 0;}
.frm_input {border:1px solid #dddddd; border-radius:2px; background:#ffffff; padding:4px 8px;}
.frm_input:readonly {border:1px solid #cccccc; background:#efefef;}
.frm_full {width:100%;}
.frm01 {width:100%;}
.frm01 > div:first-child {border-top:1px solid #ededed;}
.frm01 > .d-flex {padding:0px 0px; border-bottom:1px solid #ededed;border-left:1px solid #22a959;}
.frm01 .label {padding:10px; width:140px; display:inline-block; background:#f5f5f5;}
.frm01 .field {padding:10px; width:300px;}

.regSuper {width:90%; max-width:800px;}
.label .required {color:#F36262;font-weight:600;display:inline-block; padding:0px 3px;}
.frm_half {width:50%;}
.form-check.all {display:inline-block; padding-top:5px;}
.num_input{text-align: right;}

input {position:relative;}
input:focus {border:1px solid #22a959;}
input.invalid {border:1px solid #F36262;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(190,0,0,1)'/%3E%3C/svg%3E");
  background-position:right center;
  background-repeat:no-repeat;
}
i.invalid{color:#F36262;position:absolute;left:-16px;top:15px;}
input.valid {border:1px solid #22a959;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z' fill='rgba(34,169,89,1)'/%3E%3C/svg%3E");
  background-position:right center;
  background-repeat:no-repeat;
}

textarea {position:relative;z-index:1;}
textarea:focus {border:1px solid #22a959;}
textarea.invalid {border:1px solid #F36262;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(190,0,0,1)'/%3E%3C/svg%3E");
  background-position:right center;
  background-repeat:no-repeat;
  }
textarea.valid+.btn_box:after {position:absolute;display:inline-block; width:24px; height:24px;content:"";z-index:10; overflow:hidden;left:-26px;top:-5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z' fill='rgba(34,169,89,1)'/%3E%3C/svg%3E");
  background-position:center center;
  background-repeat:no-repeat;
  }
input.date_input.valid {background-position:86% center;}
.input_datalist {width:100%;}


/* input:read-only:not(.search_btn, .btn_reset) {background:#efefef;} */
/* .frm_input:read-only {background:#efefef;} */
.date_input {/*height: 31px;padding: 0 10px;*/ width:100%; max-width:150px;padding-right:20px}
.date_input+i {position:absolute; margin-left:-20px;margin-top:8px; color:#22a959}
.date_range {/*height: 31px;padding: 0 10px;*/ width:100%;;padding-right:20px}
.date_range+i {position:absolute; margin-left:-20px;margin-top:8px; color:#22a959}
.file_input {background:#ffffff;border:1px solid #dfdfdf; border-radius:2px;display:inline-block;height:25px;padding:0px 10px;line-height:25px;}
.file_input+input {width:0px;height:0px;overflow:hidden;}

.field ul.desc {padding:0px; margin:10px 0px 0px 18px; list-style:disc;}
.field ul.desc li {padding:0px; margin:0px; font-size:0.875rem}
.error_msg {color:#F36262;}
.edit_input {border:1px solid #ffffff; padding:5px 7px;display:none;}
.edit_input:hover {border:1px solid #dddddd;}
.edit_input:focus {border:1px solid #22a959;}
.super_teams .edit_input {display:block;}
/* form detail page style */

.field_view {border:1px solid #ffffff; padding:7px; display:inline-block;min-height:35px;}
.field_view:hover {border:1px solid #dddddd}
.view-100 .field_view {width:100%}
.view-100 .field_edit input[type='text'] {width:100%;}
.tb02 .field_view {min-width:100px;}
.field_layout {padding:7px;}
.noedit{pointer-events: none;}
.field_view.no_permit:hover {border:1px solid #ffffff;}
.tb01 tbody tr:nth-child(2n) td .field_view {border:1px solid #f5f5f5;}
.tb01 tbody tr:nth-child(2n) td .field_view.no_permit {border:0px;}
.tb01 tbody tr:nth-child(2n) td .field_view:hover {border:1px solid #cfcfcf;}
.tb01 tbody tr:nth-child(2n) td .field_view.no_permit:hover {border:0px;}
.tb01 tbody tr td{text-overflow: ellipsis;position:relative;}
.field_edit {display:none;}
.tb_add {table-layout:fixed;}
.tb_add .field_view {min-width:auto;}
.tb_add .field_view {width:100%;}
.no_permit .up_file .btn_delete {display:none;}
tbody tr.err_bg {background:#FFEAEA !important;}
/* filter style */
.filter_wrap{background-color: #efefef;padding: 20px 25px;margin-top: 8px;}
.filter_wrap .select2, .filter_wrap input.frm_input { width: auto;}
.filter_wrap form>div{margin-top: 8px;display: flex;align-items: center;}
/* .filter_wrap form>div>input, .filter_wrap form>div>.select2{margin-right: 5px;} */
.filter_wrap .sel_filter .end_date{margin-left: 5px;}
.filter_wrap .search_txt {min-width: 300px;}

/* filter style 재정의 */
.filter {background-color: #efefef;padding: 20px 25px;margin-top: 8px;}
.sch_filter {display:flex; flex-flow:row nowrap; justify-content:start; align-items:center;padding:3px 0px}
.sch_filter div {padding:0 3px;}
.sch_filter .radio_wrap {display:flex; justify-content:start;flex-flow:row nowrap;flex:0 0 auto}
.sch_filter .radio_wrap label {flex:0 0 auto;}
.sch_filter .input_wrap {flex:0 1 300px;}
.sch_filter .flex_wrap {flex:1 1;}
.sch_filter .btn_box {flex:0 0;}
.sch_filter .blank_wrap {flex:1 1;}
.sch_filter .date_wrap {display:flex; flex-flow:row nowrap; justify-content:start; align-items:center;flex:1 1;padding-right:20px}

/* table style */
.tb01 td{word-break: break-all;}
.tb01 input[type="text"]{height: 31px;width: 90%;}
/* .list_tb{margin-top: 10px;} */
.list_summury{margin-top: 10px;font-weight: 600;color: #22a959;}
.tb01, .tb02 {width:100%; font-size:0.9rem; border-top:1px solid #22a959; border-collapse: unset; border-spacing: 0; table-layout:fixed}
.tb01 thead th, .tb02 tr th{font-size: 0.812rem;}
.tb01 thead th, .tb01 thead td {height:40px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#efefef; padding:7px 0px; text-align:center;}
.tb01 thead th:last-child, .tb01 thead td:last-child{border-right: 0;}
.tb01 tbody td, .tb01 tbody th, .tb02 tbody th{height:45px;padding:5px;text-align: center; border-right:1px solid #eee;border-bottom: 1px solid #eee;}
.tb01 tbody td:last-child, .tb01 tbody th:last-child{border-right: 0;}
.tb01 tbody td .select2{text-align: left;}
.tb01 tbody tr:nth-child(2n){background-color: #f5f5f5;}
.tb01 tbody tr:nth-child(2n) td .edit_input {background:#f5f5f5;border:1px solid #f5f5f5;}
.tb01 tbody tr:nth-child(2n) td .edit_input:hover {background:#f5f5f5;border:1px solid #dfdfdf;}
.tb01 tbody tr:nth-child(2n) td .edit_input:focus {border:1px solid #22a959;}
.tb01 tfoot tr.summary td {padding:7px 7px; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; border-right:1px solid #efefef; font-weight:600;}
.tb01 tfoot tr.summary td:last-child {border-right:0px;}


.tb01 tfoot tr.add_tr{cursor: pointer;}
.tb01 tfoot tr.add_tr td {background:#f5f5f5;height:45px; padding:5px; border-bottom:1px solid #eee;text-align:center;}
.tb01 tfoot tr.add_tr i{font-size: 1.187rem;color: #22a959;}
.tb01 tfoot tr.add_tr i:hover {color:#9E0A00;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);}
.tb01 tfoot tr.add_tr button {border:0px;background:transparent}
.tb01 tfoot.cost_summary td {border-top:1px solid #22a959;padding:10px 5px; font-weight:600;border-right:1px solid #e4e4e4;}
.tb01 tfoot.cost_summary td:last-child {border-right:0px;}
.tb01 tfoot.cost_summary tr:last-child td {border-bottom:1px solid #22a959;}

.tb02 {border-left: 1px solid #22a959;border-top: 1px solid #ededed;table-layout:fixed}
.tb02 input[type="text"]{height: 31px;}
.tb02 tr th{background-color: #f5f5f5; font-weight:600}
.tb02 tr td{padding:5px 10px;border-bottom:1px solid #ededed; position:relative; word-break:break-all}
.noline_tb th, .noline_tb td{border-right: 0 !important;}
.tb01 .charge_info, .tb02 .charge_info{font-weight:600;}
.tb01 .charge_info span, .tb02 .charge_info span{color: #22a959;}
.num_st { text-align:right;}

.basic.full {width:100%;}
.sum_title {font-weight:600;padding-right:10px}
.sum_num {padding-right:20px; font-wieght:400}

.tb01.tb_add tfoot tr.summary td {padding:11px}
.tb01.tb_add tfoot tr.summary td.td_chk_del {padding-left:0px;padding-right:0px; text-align:center;}
.th_ord {display:inline-block; width:12px;cursor:pointer;}
.th_ord i.asc {
  
  --fa-primary-color:#212529;
  --fa-secondary-color:#7e7e7e;
  --fa-secondary-opacity:1;
}

.th_ord i.desc {
  
  --fa-primary-color:#7e7e7e;
  --fa-secondary-color:#212529;
  --fa-secondary-opacity:1;
}
.th_ord i.none {
  
  --fa-primary-color:#aeaeae;
  --fa-secondary-color:#aeaeae;
  --fa-secondary-opacity:1;
}
/* sidebar & nav style */
.page-body {padding:0px; margin:0px;}
.sidebar {background:#f5f5f5; width:220px; padding:80px 0px 0px 0px; margin:0px; height:100vh;position:fixed;z-index:98}
.sidebar nav {padding-top:20px;}
.sidebar ul {list-style:none; padding:0px; margin:0px;padding-left: 30px;}
.sidebar ul p {margin:0px; font-size:1.063rem; font-weight:600; vertical-align:center;}
.sidebar ul p a {text-decoration:none; color:#212529;display:block;line-height: 55px;}
.sidebar ul p a:hover {color:#22a959;}
.sidebar ul p a:hover i {color:#22a959;transition:color 0.3s}
.sidebar ul p a:hover span.txt {color:#22a959;transition:color 0.3s}
.sidebar ul > li { padding:0px; margin:0px;}
.sidebar ul > li ul li {
    padding:0px 6px 0px 66px;
    height:0px;
    overflow:hidden;
    margin:0px;
    line-height:36px;
    -moz-transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -o-transition:height 0.3s ease;
    transition:height 0.3s ease;
    transition-delay: 1s;
}

.sidebar ul ul {padding:8px 0px 24px 0px}
.sidebar ul p a i {display:inline-block;margin-right:13px;text-align:center; vertical-align:middle;color:#cbcbcb; font-size:1.25rem}
.sidebar ul p span.txt {display:inline-block; text-align:left; vertical-align:middle;}
.sidebar ul ul li a {text-decoration:none; color:#595959; font-weight:600; font-size:0.938rem}
.sidebar ul > li.on p i {color:#22a959;}
.sidebar ul > li.on p span.txt {color:#22a959;font-weight: 700;}
.sidebar ul > li.on ul li {

    height:36px;
    -moz-transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -o-transition:height 0.3s ease;
    transition:height 0.3s ease;

}
.sidebar ul ul li.on {background:#ececec;}
.sidebar ul ul li.on a {color:#22a959;}
.sidebar ul > li:hover ul li {
    height:36px;
    -moz-transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -o-transition:height 0.3s ease;
    transition:height 0.3s ease;
}
.sidebar ul > li:hover ul li:hover {background:#ececec;}
.sidebar ul > li:hover ul li:hover a {
  color:#22a959;
}

/* page-content */
.page-content {padding:30px 30px 30px 250px; overflow: hidden;}
.page-tab {display:block; padding:20px 0px 0px 0px; margin:0px;  list-style:none;}
.page-tab:after {display:block; clear:both; content:""}
.page-tab .tab-item {
    border-bottom:3px solid #ffffff;
    display:inline-block;
    height:35px;
    padding:0px 2px;
    margin:0px 8px;
    color:#A9A9A9;
    font-weight:600;
    font-size:1.25rem;
}
.page-tab .tab-item:after {display:block; clear:both; content:""}
.page-tab .tab-item:first-child {margin-left:0px;}
.page-tab .tab-item a {color:#A9A9A9; text-decoration: none}
.page-tab .tab-item.tab-on a {color:#22a959;font-weight: 700;}
.page-tab .tab-item.tab-on {border-bottom:3px solid #22a959;}
.page-tab .tab-item button {color:#A9A9A9; border:0px; background:transparent; margin-bottom:3px;font-weight: 700;}
.page-tab .tab-item.tab-on button {color:#22a959;}

h4 {padding:15px 0px 15px 0px; margin:0px; font-weight:600; font-size:1.3rem}
.content_wrap {margin-top:40px;}


/* login style */
.login {width:80%; max-width:800px; min-width:400px; height:100%; margin:0px auto;}
.login_wrap {width:100%; background:#ffffff; border-radius:2px; overflow:hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.05)}
.login_form {height:450px; padding:50px; position:relative}
.login_form a {font-weight:700; text-decoration:none; display:inline-block;}
.login_form a i { vertical-align:bottom}
.login_form h4 {font-weight:400; text-align:center; margin-bottom:50px;}
.login_form .box {background:#f0f0f0; padding:7px 14px; margin:5px 0px; border-radius:2px; overflow:hidden;}
.login_form .btn_box {display:block; padding:0px; margin:0px}
.login_form .box i {display:inline-block; vertical-align:middle;}
.login_form .box span {display:inline-block; width:1px; background:#22a959; overflow:hidden; vertical-align:middle; height:12px;margin:0px 7px}
.login_form .frm_input {background:#f0f0f0; border:0px; font-weight:400}
.login_form .frm_input::placeholder {color:#22a959;}
.login_form .btn_box .btn_submit {display:block; background:#22a959; color:#ffffff; border:1px solid #22a959; width:100%; padding:0px; border-radius:2px; font-weight:600; margin:0px;margin-top:7px; line-height:40px; height:40px}
.login_banner {width:320px; height:450px;}
.login_form .login_find {padding:7px 0px 10px 0px;}
.login_wrap .slick-dots{bottom: 8px;}
.login_wrap .slick-dots li{width: 9px;}
.login_wrap .slick-dots li button:before{opacity: .15;}
.login_wrap .slick-dots li.slick-active button:before{opacity: .55;}
.login_wrap .btn_google_login {display:block; background:#fff; color:#262626;border:1px solid #dfdfdf; margin-top:4px; border-radius:2px; text-align:center; height:36px; line-height:34px;font-weight:600;}
.login_wrap .btn_google_login span {width:18px;height:18px;display:inline-block;vertical-align:middle;margin-bottom:2px}
.login_wrap .btn_google_login span img {width:100%;}

/* footer style */
.footer {display:block; padding:50px 0px 0px 0px}
.text-end{font-size:13px;color:#5f5f5f;}

/* backBox(popup layer) style */
#backBox {background:rgba(0, 0, 0, 0.7);border:0px; padding:0px; width:100%; height:100vh; min-width:500px; min-height:400; display:none; position:fixed; top:0px; left:0px;z-index: 999;}
#loadBox {border:0px; padding:0px; margin:0px; width:100%; height:100%; display:flex; justify-content:center; align-content: center; }
#loadBox .load-box-wrap { padding:0px; margin:0px; background:#ffffff; width:70%; height:auto; max-width:1000px; max-height:750px; display:flex; flex-direction:column; justify-content:start; align-content:stretch; align-self:center; border-radius:2px; box-shadow:0 0 7px rgba(0,0,0,0.4)}
#loadBox .box-title-wrap { display:flex; justify-content: start; align-content:center; width:100%; flex-grow:0; padding:30px 50px 10px 50px}
#loadBox .box-title {font-size:1.6em; font-weight:600; flex-grow:1; padding:0px; color:#22a959}
#loadBox .btn-close {flex-grow:0; width:20px; text-align:center; padding:0px; align-self:center}
#loadBox .box-content {flex-grow:1; padding:20px; overflow-y:auto; padding:10px 50px 30px 50px;position:relative;}

/* backBox2(popup layer) style */
#backBox2 {background:rgba(0, 0, 0, 0.7);border:0px; padding:0px; width:100%; height:100vh; min-width:500px; min-height:400; display:none; position:fixed; top:0px; left:0px;z-index: 999;}
#loadBox2 {border:0px; padding:0px; margin:0px; width:100%; height:100%; display:flex; justify-content:center; align-content: center; }
#loadBox2 .load-box-wrap { padding:0px; margin:0px; background:#ffffff; width:70%; height:auto; max-width:1000px; max-height:750px; display:flex; flex-direction:column; justify-content:start; align-content:stretch; align-self:center; border-radius:2px; box-shadow:0 0 7px rgba(0,0,0,0.4)}
#loadBox2 .box-title-wrap { display:flex; justify-content: start; align-content:center; width:100%; flex-grow:0; padding:30px 50px 10px 50px}
#loadBox2 .box-title {font-size:1.6em; font-weight:600; flex-grow:1; padding:0px; color:#22a959}
#loadBox2 .btn-close {flex-grow:0; width:20px; text-align:center; padding:0px; align-self:center}
#loadBox2 .box-content {flex-grow:1; padding:20px; overflow-y:auto; padding:10px 50px 30px 50px;position:relative;}

#formSend {border:0px; height: 0px; width: 0px; overflow: hidden;}

/* 체크박스 가운데 */
/* .chk_center{margin-left: -8px !important;} */

/* 총합계 정렬 */
.result_allsum{text-align: right; padding-right: 15px;}
.result_allsum_num{text-align: right; padding-right: 15px;}
.page_allsum{text-align: right; padding-right: 15px;}
.page_allsum_num{text-align: right; padding-right: 15px;}

.fa-file-excel{padding-right: 5px; color: #32A05F;}
/* 
.locate_left_btn{position: relative; left:84.5%;}
.locate_center_btn{position: relative; left:50%; bottom: -33px;}
.locate_left_btn1{position: relative; left:86%;}
.locate_left_btn2{position:relative; left: 73%;}
.locate_left_btn3{position:relative; left: 85%;} */

.ac {text-align: center !important;}
.al {text-align: left !important; padding-left: 15px !important;}
.ar {text-align: right !important; padding-right: 15px !important;}
.txt-al {text-align:left;}
.txt-ac {text-align:center;}
.txt-ar {text-align:right;}
.pa-def {padding:7px !important;}

#postcode {position:absolute; z-index:10;width:400px;}
.pg_wrap {display:block; text-align:center;padding:20px 0px;}
.sound_only {height:0px;width:0px;overflow:hidden;padding:0px;margin:0px;display:inline-block;}
.pg a {display:inline-block; border:1px solid #dfdfdf; text-decoration:none;color:#131313;}
.pg .pg_page, .pg .pg_current {width:30px; line-height:30px;background:#ffffff;display:inline-block;background:#f6f6f6}
.pg .pg_current {border:1px solid #22a959; background:#22a959; color:#ffffff;}
.pg .pg_end {width:40px;}

/* input search list style */
.sch_list {position:absolute; z-index:99;background:#ffffff;border:1px solid #dfdfdf; max-height:200px; overflow-y:auto;}
.sch_list li {border-bottom:1px solid #dfdfdf; padding:8px; cursor:pointer; text-align:left}
.sch_list li:focus {background:#E0F3FE;}
.sch_list li:hover {background:#E0F3FE;}
.sch_list li strong {font-weight:600; color:#22a959;}

.select_team {width:auto; min-width:150px;}
.team_name {color:#22a959;font-size:0.9em;}

.mpicker_input {padding-right:20px;width:100%; max-width:150px;}
.mpicker_input+i {position:absolute; margin-left:-20px;  margin-top:8px; color:#22a959}
#month_picker {display:none;width:300px; position:absolute; right:0px; border:1px solid #22a959; border-radius:2px;background:#ffffff;z-index:50}
#month_picker .mpicker_header {text-align:center; padding:8px 0px; position:relative;}
#month_picker .mpicker_header span {display:inline-block;}
#month_picker .mpicker_header span.m_now {padding:0px 10px;font-weight:600;}
#month_picker .mpicker_header span.m_prev,
#month_picker .mpicker_header span.m_next {
  cursor:pointer;
}
#month_picker .mpicker_header span.m_prev:hover,
#month_picker .mpicker_header span.m_next:hover {
  color:#22a959;
}
.mpicker_select {display:none;height:90px; position:absolute; overflow-y:auto; width:120px;background:#ffffff;border:1px solid #efefef;margin:7px 0px 0px -50;float:none;clear:both;left:50%; box-shadow:0 0 10px rgba(0,0,0, 0.1)}
.mpicker_select.open {display:block;}
.mpicker_select li {padding:0px;border-bottom:1px solid #f0f0f0;height:30px;line-height:28px;position:relative;}
.mpicker_select li:hover {background:#ECFBF2; color:22a959; font-weight:600;}
.mpicker_select li.selected {background:#ECFBF2;color:22a959; font-weight:600;}

.mpicker_body {width:100%; margin:0px; border-top:1px solid #f0f0f0;}
.mpicker_body div {width:25%; padding:0; margin:0px; border:1px solid #f0f0f0; border-top:0px; border-left:0px; float:left; text-align:center; height:55px; line-height:53px;}
.mpicker_body div:nth-child(4n) {border-right:0px;}
.mpicker_body div:hover {background:#ECFBF2; color:#22a959; font-weight:600;}
.mpicker_body div.selected {background:#ECFBF2; color:#22a959; font-weight:600;}


.fa-paperclip.on {color:#22a959;}
.fa-paperclip.exception {color:#c1c1c1;}
.fa-paperclip li {color:#212529;}

.last_date {font-size:0.85rem; color:#8d8d8d;}
.excel_up {display:none; position:absolute; width:400px;  border:1px solid #22a959; border-radius:2px; padding:10px;background:#ffffff; box-shadow:0px 0px 8px rgba(0,0,0,0.3);margin:3px 5px 7px 7px;right:0px}
.excel_up.show {display:block;}
.frm_file {font-size:0.85rem; display:inline-block;}
.btnbox_block {position:relative;padding:5px 0px 5px 0px; display:flex; justify-content:space-between; align-items:end;width:100%}
.btn_excel.show {background:#22a959; color:#fff;}
.btn_excel {background:#fff;color:#212529;}
.btn_excel.show i {color:#ffffff;}
.btn_excel i {color:#22a959;}
.btnbox_left {vertical-align:bottom}
.btnbox_right { vertical-align:bottom;text-align:right;}

.btn_idx_file_view {position: relative;}
.clip_box{display:none;background-color: #fff;position: absolute;top: 17px;right: 0;min-width: 300px;padding:20px;border: 1px solid #22a959;z-index: 10;font-family: 'SUIT';box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.clip_box h4{font-size: 1rem;text-align: left;padding: 0;color: #22a959;}
.clip_box h4 label{font-size: 0.812rem;font-weight: 400;color: #000;}
.clip_box h4 label input{margin: 0 3px 0 10px;}
.clip_box ul{text-align: left;font-size: 0.875rem;font-weight: 400;padding-top: 15px;}
.clip_box ul li{margin-bottom: 10px;}
.clip_box ul li:last-child{margin-bottom: 0;}
.clip_box ul li b{margin-right: 8px;color:#000}
.btn_idx_file_view.show .clip_box{display: block;}
#loading {display:none; background:rgba(255, 255, 255,0.8); width:100vw; height:100vh; position:fixed; z-index:99;line-height:100vh; text-align:center;justify-content:center;left:0px; top:0px;align-items:center;}
#loading span {margin-bottom:150px;}
#loading i {font-size:4em;}
#loading.show {display:flex;}

.stat {font-size:0.9rem;border-radius:1px;display:inline-block; height:26px;line-height:26px;padding:0px 8px;margin-bottom:8px;}
.no_end, .no_approval, .no_confirm {border:1px solid #efefef; color:#6d6d6d;}
.end, .approval, .confirm {border:1px solid #22a959; color:#fff; background:#22a959}
.tb01 input[type='text'].item2_self {visibility:hidden; width:100% !important; margin:0px 0px;height:0px;overflow:hidden;padding:0px}
.tb01 input[type='text'].item2_self.show {visibility:visible; margin:5px 0px;height:30px;overflow:hidden;padding:4px 8px}
.tb01 input[type='text'].vat_input {width:150px;}
.tb01 .td_calc {display:flex;justify-content:center;align-items:center}
.tb01 .td_calc .offer_price {display:none;}
.tb01 .td_calc input[type='text']:read-only {background:#f6f6f6;}
.tb01.tb_add.read .td_calc {display:table-cell;}