@charset "utf-8";

.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.ta_l {text-align:left !important;}
.ta_r {text-align:right !important;}
.ta_c {text-align:center !important;}

.fc_1 {color:#111 !important;}
.fc_point {color:#ff6a4d !important;}

.flex_none {flex:none !important;}

.w100 {width:100px !important;}
.w100p {width:100% !important;}

/* webkit scrollbar */
body ::-webkit-scrollbar{width:10px;height:10px;}
body ::-webkit-scrollbar-track {background-color:#fff;}
body ::-webkit-scrollbar-thumb {background:#8f94a1;border:#fff 3px solid;border-radius:6px;}
body ::-webkit-scrollbar-track:hover {background-color:#f2f2f2;}
body ::-webkit-scrollbar-thumb:hover {background:#666973;border-color:#f2f2f2;}
body ::-webkit-scrollbar-thumb:active {background:#666973;border-color:#f2f2f2;}

/* form */
input[type="text"], input[type="password"], input[type='number'], input[type='email'] {width:100%;height:28px;padding:0 9px;background-color:#fff;border:#d9dadb 1px solid;border-radius:2px;font-size:14px;line-height:28px;}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type='number']::-ms-clear, input[type='email']::-ms-clear {display:none;}
input[type="text"]:read-only, input[type="password"]:read-only, input[type='number']:read-only, input[type='email']:read-only {background-color:#eff0f2;}
input[type="text"].readonly, input[type="password"].readonly, input[type='number'].readonly, input[type='email'].readonly {background-color:#eff0f2;}
input[type="text"].readonly_transp, input[type="password"].readonly_transp, input[type='number'].readonly_transp, input[type='email'].readonly_transp {background-color:transparent;border-color:transparent;}

textarea {width:100%;padding:6px 9px;background-color:#fff;border:#d9dadb 1px solid;border-radius:2px;font-size:14px;line-height:21px;}
textarea:read-only {background-color:#eff0f2;}
textarea.readonly {background-color:#eff0f2;}
button:focus, select:focus, input:focus {outline:none;}
select {width:100%;height:28px;line-height:27px;padding:0 32px 0 9px;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:#d9dadb 1px solid;background:#fff url("../images/common/arr_select2.png") no-repeat right center;border-radius:2px;outline:0;}
select:disabled {background-color:#eff0f2;background-image:url("../images/common/arr_select2_dis.png");color:#111;opacity:1;}
select.readonly {background-color:#eff0f2;background-image:url("../images/common/arr_select2_dis.png");color:#111;}
select::-ms-expand {display:none;}
button, button:focus, button:active {padding:0;}
button span {position:relative;}

/* placholder */
::placeholder {color:#666973 !important;}
::-webkit-input-placeholder {color:#666973 !important;}
::-moz-placeholder {color:#666973 !important;}
:-ms-input-placeholder {color:#666973 !important;}
:-moz-placeholder {color:#666973 !important;}

/* checkbox */
.checkbox {display:inline-block;position:relative;height:20px;text-align:left;vertical-align:middle;     align-items: center;}
.checkbox input[type="checkbox"] {position:absolute;left:0;bottom:0;width:20px;height:20px;background:none;z-index:1;visibility:hidden;}
.checkbox input[type="checkbox"] + label {display:inline-block;position:relative;height:20px;padding-left:26px;font-size:14px;line-height:20px;cursor:pointer;z-index:5;vertical-align:top;}
.checkbox input[type="checkbox"] + label:before {content:"";display:inline-block;position:absolute;left:0;bottom:1px;width:20px;height:20px;background-image:url(../images/common/checkbox.png);z-index:5;-webkit-transition:.2s background;transition:.2s background;}
.checkbox input[type="checkbox"] + label:hover:before {background-image:url(../images/common/checkbox_over.png);}
.checkbox input[type="checkbox"]:checked + label:before {background-image:url(../images/common/checkbox_on.png);}
.checkbox input[type="checkbox"]:disabled + label {cursor:inherit;}
.checkbox label {line-height: 20px;cursor: pointer;}
.checkbox.notxt input[type="checkbox"] + label {padding-left:20px;}
.checkbox.notxt input[type="checkbox"] + label:before {bottom:0;}
.checkbox_area {margin:-7px 0;padding:3px 0 3px 6px;}
.checkbox_area .checkbox {margin:7px 0;}
.checkbox_area .checkbox input[type="checkbox"] + label {padding-right:24px;}

/* radio */
.radio {display:inline-block;position:relative;/*height:20px;*/text-align:left;vertical-align:middle;}
.radio input[type="radio"] {position:absolute;left:0;bottom:0;width:20px;height:20px;background:none;z-index:1;visibility:hidden;}
.radio input[type="radio"] + label {display:inline-block;position:relative;height:20px;padding-left:26px;padding-right:24px;font-size:14px;line-height:20px;cursor:pointer;z-index:5;vertical-align:top;}
.radio:last-of-type input[type="radio"] + label {padding-right:19px;}
.radio input[type="radio"] + label:before {content:"";display:inline-block;position:absolute;left:0;bottom:0;width:20px;height:20px;background-image:url(../images/common/radio.png);z-index:5;-webkit-transition:.2s background;transition:.2s background;}
.radio input[type="radio"] + label:hover:before {background-image:url(../images/common/radio_over.png);}
.radio input[type="radio"]:checked + label:before {background-image:url(../images/common/radio_on.png);}
.radio input[type="radio"]:checked {border:0 none;z-index:0;}
.radio input[type="radio"]:disabled + label {cursor:inherit;}
.radio.wfix input[type="radio"] + label {padding-right:0;} /*width 고정사이즈 입력할 경우*/
.radio_area {margin:-7px 0;padding:3px 0 3px 6px;}
.radio_area .radio {margin:7px 0;}

/* select (ul) */
.select_box {display:inline-block;position:relative;width:100%;cursor:pointer;}
.select_box .selected {height:28px;box-sizing:border-box;padding:0 32px 0 9px;border:#d9dadb 1px solid;background:#fff;border-radius:2px;font-size:14px;line-height:26px;overflow:hidden;display:block;display:-webkit-box;word-wrap:break-word;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.select_box .selected:after {content:"";position:absolute;top:50%;right:10px;width:12px;height:8px;margin-top:-4px;background:url("../images/common/arr_select.png") no-repeat;}
.select_box .select_option {display:none;position:absolute;top:27px;left:0;right:0;background:#fff;border-radius:0 0 2px 2px;border:#d9dadb 1px solid;border-top:none;overflow:hidden;z-index:1;}
.select_box .select_option li {padding:0 9px;font-size:14px;line-height:28px;}
.select_box .select_option li:hover {padding:0 8px;background:#fff5ed;border:#f0c9a8 1px solid;line-height:26px;font-weight:700;}
.select_box.on .selected {border-radius:2px 2px 0 0;border-bottom:none;}
.select_box.on .select_option {display:block;}
.select_box.readonly .selected {background:#eff0f2;}
.select_box.readonly .selected:after {background-image:url("../images/common/arr_select_dis.png");}
.select_box.readonly .select_option {background:#eff0f2;}

/* file */
.file_box {display:inline-block;position:relative;width:100%;box-sizing:border-box;height:28px;padding-right:70px;}
.file_box .file_name {display:inline-block;vertical-align:middle;}
.file_box .file_btn {position:absolute;right:0;width:64px;cursor:pointer;}
.file_box .btn_m.file_btn span {width:100%;padding:0;}
.file_box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* BOX */
.box_con {flex:none;min-height:48px;padding:0 4px;border-radius:2px;border:solid 1px #555555;background:#fff;box-shadow:0 8px 8px -8px rgba(0, 0, 0, 0.1);}
.box_con.after_tab {margin-top:18px;}
.box_con .box_row {position:relative;display:flex;width:100%;height:48px;padding-top:1px;}
.box_con .box_row:first-of-type {padding-top:0;;}
.box_con .box_row:before {content:"";position:absolute;left:9px;right:9px;height:1px;top:-1px;background:#e8e9eb;}
.box_con .box_row:first-of-type:before {display:none;}
.box_con .box_row .box_cell {width:20%;padding:0 9px;box-sizing:border-box;}
.box_con .box_row .box_cell.cell2 {width:40%;}
.box_con .box_row .box_cell.cell3 {width:60%;}
.box_con .box_row .box_cell.cell4 {width:80%;}
.box_con .box_row .box_cell.cell5 {width:100%;}
.box_con .box_row .cell_wrap {display:flex;width:100%;}
.box_con .box_row .cell_tit,
.box_con .box_row .cell_con {height:48px;vertical-align:top;}
.box_con .box_row .cell_tit {padding-right:10px;color:#333;font-size:14px;line-height:48px;font-weight:700;box-sizing:border-box; min-width: 60px;}
.box_con .box_row .cell_con + .cell_tit {padding-left:18px;}
.box_con .box_row .cell_con.flex_none + .cell_con {padding-left:6px;}
.box_con .box_row .cell_con {-ms-flex:1;flex:1;padding:10px 0 0;box-sizing:border-box;}
.box_con .box_row .cell_con > .txt {padding-left:10px;font-size:14px;line-height:28px;}
.box_con .box_row .cell_wrap > .cell_con > .txt {padding-left:0;}
.box_con .box_row .cell_con .gwbInput {vertical-align:top;}
.box_con .box_row .cell_con .ml_m8 {margin-left:-8px;}
/* .box_con .box_row .cell_con .checkbox {margin-top:4px;} */
.box_con .box_row .cell_con .btn_l {margin-top:-2px;}

/* BUTTON */
.btn_m {display:inline-block;cursor:pointer;}
.btn_m span {display:inline-block;min-width:60px;height:28px;line-height:26px;padding:0 17px;background:#fff;border:#a0a8ba 1px solid;border-radius:2px;box-sizing:border-box;font-size:14px;font-weight:700;text-align:center;}
.btn_m:hover span,
.btn_m:active span {background-color:#f7f8fa;border-color:#848a99;}
.btn_m.disabled span,
.btn_l.disabled span {background-color:#E8E8E8; border-color:#A0A8BA ;color: #979797;}
.btn_m.tyo span {background:#FF7D00;border-color:#FF7A00;color:#fff;}
.btn_m.tyo:hover span,
.btn_m.tyo:active span {background:#FF8A1A;border-color:#FF7A00;}
.btn_m.tyg span {background-color:#ebecf0;border-color:#a0a8ba;}
.btn_m.tyg:hover span,
.btn_m.tyg:active span {background-color:#F7F8FA;border-color:#A0A8BA;}
.btn_m.tyg.disable:hover span,
.btn_m.tyg.disable:active span {background:#ebecf0;border-color:#a0a8ba;}
.btn_m.btn_down span:before {content:"";display:inline-block;width:17px;height:18px;margin-right:1px;background:url('../images/common/ico_btn_down.png') no-repeat center;vertical-align:middle;}
.btn_m.btn_down.disabled span:before {opacity: 0.3;}

.btn_m.tyg.btn_down span {background:#fff;border:#a0a8ba 1px solid;}
.btn_m.tyg.btn_down:hover span {background-color:#f7f8fa;border-color:#848a99;}
.btn_m.tyg.btn_down span:before {background:url('../images/common/ico_btn_excel.svg') no-repeat center; margin-right: 4px; opacity: 1;}
.btn_m.tyg.btn_down.disabled span {background-color:#E8E8E8; border-color:#A0A8BA;color: #979797;}

.btn_m.btn_up span:before {content:"";display:inline-block;width:17px;height:18px;margin-right:1px;background:url('../images/common/ico_btn_up.png') no-repeat center;vertical-align:middle;}
.btn_m.btn_move_first span,
.btn_m.btn_move_last span,
.btn_m.btn_move_left span,
.btn_m.btn_move_right span,
.btn_m.btn_move_up span,
.btn_m.btn_move_down span {min-width:28px;padding:0;background-repeat:no-repeat;background-position:center;}
.btn_m.btn_move_left span {background-image:url('../images/common/btn_move_left.png');background-position-x: 9px;}
.btn_m.btn_move_right span {background-image:url('../images/common/btn_move_right.png');background-position-x:11px;}
.btn_m.btn_move_first span {background-image: url('../images/common/btn_move_first.png');}
.btn_m.btn_move_last span {background-image: url('../images/common/btn_move_last.png');}
.btn_m.btn_move_up span {background-image:url('../images/common/btn_move_up.png');}
.btn_m.btn_move_down span {background-image:url('../images/common/btn_move_down.png');}
.btn_m.btn_add span {background-image: url('../images/common/btn_add.svg');background-size: 16px;}
.btn_m.btn_remove span {background-image: url('../images/common/btn_remove.svg');background-size: 16px;}

.btn_l {display:inline-block;cursor:pointer;}
.btn_l span {display:inline-block;min-width:72px;height:32px;line-height:30px;padding:0 9px;background:#fff;border:#a0a8ba 1px solid;border-radius:2px;box-sizing:border-box;font-size:14px;font-weight:700;text-align:center;}
.btn_l:hover span,
.btn_l:active span {background:#f7f8fa;border-color:#848a99;}
.btn_l.tyo span, .btn_l.gwbDisabled.tyo span {background:#FF7C33;border-color:#FF7C33;color:#fff !important;}
.btn_l.tyo:hover span,
.btn_l.tyo:active span {background:#FD6F21;border-color:#FD6F21;}
.btn_l.tyo.disabled span {background: rgba(255, 124, 51, 0.60); border-color:transparent;}
.btn_l.tyg span {background:#8f94a1;border-color:#8f94a1;color:#fff;}
.btn_l.tyg:hover span,
.btn_l.tyg:active span {background:#787C87;border-color:#787C87;}

.btn_l.btn_down span:before {content:"";display:inline-block;width:17px;height:18px;margin-right:1px;background:url('../images/common/ico_btn_down.png') no-repeat center;vertical-align:middle;}
.btn_l.tyg.btn_down span {background:#fff;border:#a0a8ba 1px solid;color: #111;}
.btn_l.tyg.btn_down:hover span {background-color:#f7f8fa;border-color:#848a99;}
.btn_l.tyg.btn_down span:before {background:url('../images/common/ico_btn_excel.svg') no-repeat center; margin-right: 4px;}
.btn_l.tyg.btn_down.disabled span {background-color:#E8E8E8; border-color:#A0A8BA;color: #979797;}


.btn_s {display:inline-block;cursor:pointer;}
.btn_s span {display:inline-block;min-width:46px;height:22px;line-height:20px;padding:0 11px;background:#fff;border:#d9dadb 1px solid;border-radius:2px;box-sizing:border-box;color:#333;font-size:13px;text-align:center;}
.btn_s:hover span,
.btn_s:active span {background:#f7f8fa;border-color:#d9dadb;}
.btn_s .disabled span {background-color:#E8E8E8; border-color:#A0A8BA ;color: #979797;}

.btn_m.tyd span,
.btn_l.tyd span {background-color: #777; border-color: rgba(0, 0, 0, 0.10); color: #fff;}
.tyd.disabled span {background-color: rgba(119, 119, 119, 0.5) !important; color: #979797 !important; border-color: rgba(0, 0, 0, 0.10) !important;  }
.btn_m.tyd:hover span,
.btn_l.tyd:hover span {background-color:#646464;}


.btn_wrap {text-align:center;}
.btn_wrap .btn_m {margin:0 3px;}

.icon_file {display:inline-block;width:16px;height:16px;background:url('../images/common/ico_file.png') no-repeat center;vertical-align:middle;}

.ico_move_down,
.ico_move_up {position: relative; padding-right: 24px; margin: 0 !important;}
.ico_move_down:before,
.ico_move_up:before {content: ""; position: absolute; width: 18px; height: 18px; top:0; right: 0; background: url(../images/layout/arr_lnb_dep2.png) no-repeat center;}
.ico_move_down:before {transform: rotate(180deg);}

/* DATE AREA */
.date_area {display:flex;height:28px;}
.date_area .date_box {-ms-flex:1;flex:1;position:relative;height:28px;width:calc(50% - 8px);padding-right:23px;box-sizing:border-box;/*background:#fff;*/border:#d9dadb 1px solid;border-radius:2px;vertical-align:top;}
.date_area .date_box .gwbInput {height:26px;padding:0 2px 0 8px;border:none;background-color:transparent;}
.date_area .date_box .btn_calendar {position:absolute;top:0;right:5px;width:20px;height:26px;background:url('../images/common/btn_calendar.png') no-repeat center;}
.date_area .txt {width:16px;color:#333;font-size:14px;line-height:28px;text-align:center;}
.date_area .txt.ty2 {width:auto;padding-left:8px;color:#111;text-align:left;}
.date_area .txt.ty3 {width:auto; padding: 0 9px;}
.date_area.disable .date_box {background-color:#eff0f2;}
.date_area.disable .date_box .btn_calendar {cursor:default;}

/* LAYER POPUP */
.layer_pop {position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);overflow:auto;z-index:1000;}
.layer_pop .layer_pop_wrap {display:table;width:100%;height:100%;table-layout:fixed;}
.layer_pop .pop_area {display:table-cell;vertical-align:middle;}
.layer_pop .pop_cont {position:relative;width:948px;margin:20px auto;}
.layer_pop .pop_wrap {background-color:#fff;}
.layer_pop.child_pop .pop_wrap {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);}
.layer_pop .pop_head {height:41px;padding:0 0 0 24px;background:#30B97D;}
.layer_pop .pop_head h4 {padding-top:13px;color:#fff;font-size:16px;line-height:1;font-weight:600;}
.layer_pop .pop_con {padding:20px 24px;box-sizing:border-box;;margin-top: 40px;}
.layer_pop.hfix .pop_con {display:flex;flex-direction:column;height:674px;}
.layer_pop.hfix.child_pop .pop_con {height:521px;}
.layer_pop .btn_close {position:absolute;top:11px;right:18px;width:33px;height:33px;background:url('../images/common/btn_close_pop.png') no-repeat center;}
.layer_pop .box_con .box_row .box_cell {width:33.33333%;padding:0 9px;box-sizing:border-box;}
.layer_pop .box_con .box_row .box_cell.cell2 {width:66.66666%;}
.layer_pop .box_con .box_row .box_cell.cell3 {width:100%;}
.layer_pop .box_con + .gwb-ui-box-body {margin-top:23px;}
.layer_pop .title_area.bottom,
.dhx_cell_wins .title_area.bottom {min-height:40px;}
.layer_pop .title_area.bottom .right,
.dhx_cell_wins .title_area.bottom .right{top:12px;}
.layer_pop .title_area.bottom .btn_help,
.dhx_cell_wins .title_area.bottom .btn_help {margin-top:12px;margin-left:0;}
.layer_pop .title_area.bottom .help_con,
.dhx_cell_wins .title_area.bottom .help_con {position:absolute;left:0;right:0;bottom:40px;margin-top:0;display:none;max-height:auto;margin-top:12px;z-index: 110;}
.layer_pop .title_area.bottom .btn_help.on + .help_con,
.dhx_cell_wins .title_area.bottom .btn_help.on + .help_con{display:block;max-height:auto;}
.layer_pop .title_area.bottom .help_con_box,
.dhx_cell_wins .title_area.bottom .help_con_box{border-bottom:#d3d4d6 1px solid;background:#fff;}
.layer_pop .title_area.bottom .help_txt,
.dhx_cell_wins .title_area.bottom .help_txt{margin-top:19px;margin-left:0;}
.layer_pop .scroll_wrap {margin:-20px -24px 0 0;padding:20px 14px 0 0;}
/* alert 팝업 */
.layer_pop.pop_alert {background-color:rgba(0,0,0,0);}
.layer_pop.pop_alert .pop_area {text-align:center;}
.layer_pop.pop_alert .pop_cont {display:inline-block;width:auto;min-width:240px;padding:29px 24px 19px;background:#fff;border:#5688DF 1px solid;border-radius:2px;box-sizing:border-box;text-align:center;}
.layer_pop.pop_alert .tit {padding-bottom:11px;font-size:17px;font-weight:700;line-height:18px;}
.layer_pop.pop_alert .txt {color:#333;font-size:14px;line-height:18px;letter-spacing:-0.03em;}
.layer_pop.pop_alert .btn_wrap {padding-top:19px;}
.layer_pop.pop_alert .btn_wrap .btn_m {margin:0 4px;}

/* PAGINATION */
.pagination {position:relative;flex:none;height:40px;padding-top:12px;box-sizing:border-box;text-align:center;}
.pagination * {vertical-align:middle;}
.pagination .sel_num {position:absolute;top:12px;text-align:left;}
.pagination .sel_num .txt {display:inline-block;font-size:14px;line-height:28px;letter-spacing:-0.42px;}
.pagination .pg_num {left:0;}
.pagination .pg_num .txt {margin-left:-3px;}
.pagination .pg_num .txt strong {margin:0 7px;}
.pagination .pg_num .txt .fc_point {margin:0 3px;}
.pagination .pg_num select {width:64px;}
.pagination .view_num {right:0;}
.pagination .view_num .txt {margin-left:-2px;}
.pagination .view_num .txt:first-of-type {margin-right:3px;}
.pagination .view_num select {width:70px;}
.pagination .fc_point {font-weight:700;}
.pagination > a.first, .pagination > a.prev, .pagination > a.next, .pagination > a.last {display:inline-block;width:28px;height:28px;background-repeat:no-repeat;background-position:center;vertical-align:middle;-webkit-transition:.2s all;transition:.2s all;}
.pagination > a.first {background-image:url(../images/common/ico_pg_first.png);}
.pagination > a.prev {background-image:url(../images/common/ico_pg_prev.png);}
.pagination > a.next {background-image:url(../images/common/ico_pg_next.png);}
.pagination > a.last {background-image:url(../images/common/ico_pg_last.png);}
.pagination > a.first:hover {background-image:url(../images/common/ico_pg_first_over.png);}
.pagination > a.prev:hover {background-image:url(../images/common/ico_pg_prev_over.png);}
.pagination > a.next:hover {background-image:url(../images/common/ico_pg_next_over.png);}
.pagination > a.last:hover {background-image:url(../images/common/ico_pg_last_over.png);}
.pagination > a.first.disable,
.pagination > a.prev.disable,
.pagination > a.next.disable,
.pagination > a.last.disable {opacity:.3;cursor:inherit;}
.pagination > a.first.disable:hover {background-image:url(../images/common/ico_pg_first.png);}
.pagination > a.prev.disable:hover {background-image:url(../images/common/ico_pg_prev.png);}
.pagination > a.next.disable:hover {background-image:url(../images/common/ico_pg_next.png);}
.pagination > a.last.disable:hover {background-image:url(../images/common/ico_pg_last.png);}
.pagination .num {display:inline-block;padding:0 20px;}
.pagination .num > span {display:inline-block;}
.pagination .num > span > a {display:inline-block;width:28px;height:28px;box-sizing:border-box;border-radius:2px;border:#fff 1px solid;color:#333;font-size:14px;line-height:28px;letter-spacing:-0.42px;vertical-align:middle;-webkit-transition:.2s all;transition:.2s all;}
.pagination .num > span > a:hover {border-color:#a0a8ba;background-color:#f7f8fa;font-weight:700;}
.pagination .num > span > a.active {border-color:#ff6a4d;background-color:#fff;color:#ff6a4d;font-weight:700;}

/* INPUT AREA */
.input_area {display:flex;height:28px;box-sizing:border-box;border:#d9dadb 1px solid;background:#fff;}
.input_area .gwbInput {-ms-flex:1;flex:1;height:26px;border:none;background-color:transparent;}
.input_area .gwbInput.f_num {flex:none;width:24%;}
.input_area .gwbInput.f_email {flex:1;width:50%;}
.input_area .txt {font-size:14px;line-height:26px;}

/* SCROLL AREA */
.scroll_wrap {-ms-flex:1;flex:1;min-height:0;max-height:100%;overflow:auto;padding:0 2px 0 12px;}
.box_con + .scroll_wrap {margin-top:12px;}
.pop_con .scroll_wrap {padding-left: 0;}

/* SEARCH AREA */
.search_area {display:flex;height:28px;box-sizing:border-box;border:#d9dadb 1px solid;background:#fff;border-radius: 2px;}
.search_area .gwbInput {-ms-flex:1;flex:1;height:26px;border:none;background-color:transparent;}
.search_area .btn_search {width:21px;height:26px;margin-right:5px;background:url('../images/common/ico_search.png') no-repeat 0;background-position-x:3px;}
/*.search_area .readonly + .btn_search,
.search_area :read-only + .btn_search {cursor:default;}*/
.search_area .btn_delete {width:18px;height:26px;margin-right:5px;background:url(../images/common/btn_del_input.png) no-repeat center;}
.search_area.disable {background:#eff0f2;}
.search_area.ty_org {width: 230px; position: absolute; top: 18px; right: 0; justify-content: space-between; border: none;}
.search_area.ty_org > .gwbCombo_div {width: 158px !important;; margin-right: 10px;}
.wrap_left > .title_area + .title_area {margin-top: -15px;}
.search_area.ty_org > .btn_wrap {padding: 0;}

/* date box */
.date_box.disabled {background:#eff0f2;}

/* SLIDER */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track {position:relative;top:0;left:0;
display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table;content:"";}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir="rtl"] .slick-slide {float:right;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-track {height:100%;}
.slick-dots {position:absolute;bottom:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li {position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button {font-size:0;line-height:0;display:block;width:20px;height:20px;cursor:pointer;background:#000;border-radius:100%;}
.slick-dots li.slick-active button {opacity:1;}
.slick-prev,
.slick-next {font-size:0;line-height:0;position:absolute;top:0px;display:block;width:36px;height:48px;background:#3b92e5;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;-webkit-transition:.3s all;transition:.3s all;z-index:10;}
.slick-prev:before,
.slick-next:before {content:"";display:block;width:36px;height:48px;background:url(../images/layout/arr_tab_nav.png) no-repeat center;opacity:1;-webkit-transition:.3s all;transition:.3s all;}
.slick-next:before {transform:rotate(180deg);}
.slick-prev:hover,
.slick-next:hover {background-color:#2c7fdf;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {cursor:inherit;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity:.2;}
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {background-color:#3b92e5;}

/* TAB */
.tab_wrap > .tab_cont {display:none;}
.tab_wrap > .tab_cont.on {display:block;}
.tab_wrap > .tab_cont:after {content:"";display:block;clear:both;}
.tab_wrap > .gwb-ui-box-head > .btn_group {position: absolute; top:0; right: 0; z-index: 5;}
/* 기본 tab */
.tab_base {position:relative;z-index:1;}
.tab_base > .tab_menu {display:table;width:100%;height:44px;table-layout:fixed;border-bottom:#2c7fdf 2px solid;}
.tab_base > .tab_menu > li {display:table-cell;vertical-align:top;}
.tab_base > .tab_menu > li a {display:block;position:relative;height:44px;line-height:43px;margin-right:-1px;box-sizing:border-box;border-radius:2px 2px 0 0;background:#f3f4f5;border:#e8e9eb 1px solid;border-bottom:none;color:#333;font-size:14px;text-align:center;}
.tab_base > .tab_menu > li:last-of-type a {margin-right:0;}
.tab_base > .tab_menu > li.on a {height:46px;margin-bottom:-2px;background:#fff;border-color:#2c7fdf;color:#2c7fdf;font-weight:700;z-index:1;}
/* fix 사이즈 */
.tab_base.fix:after {content:"";position:absolute;bottom:0;width:100%;height:2px;background-color:#2c7fdf;}
.tab_base.fix > .tab_menu {width:auto;table-layout:auto;}
.tab_base.fix > .tab_menu > li.tab_btn {width:206px;}
.tab_base.fix .right {position:absolute;right:0;top:8px;z-index: 5;}/* 4px -> 18px 231017*/
.tab_base.fix .right * {display:inline-block;}
.tab_base.fix .right .btn_m {margin-left:6px;}
.tab_base.fix .right .btn_group {margin-left:6px;}
.tab_base.fix .help_txt {display:inline-block;margin-top:16px;margin-left:20px;font-size:13px;color:#07AF36;line-height:14px;}
/* tys */
.tab_base.tys:after {content:"";position:absolute;bottom:0;width:100%;height:2px;background-color:#2c7fdf;}
.tab_base.tys > .tab_menu {width:auto;height:40px;table-layout:auto;}
.tab_base.tys > .tab_menu > li a {height:40px;line-height:39px;padding:0 17px;}
.tab_base.tys > .tab_menu > li.on a {height:42px;}
.tab_base.tys .right {position:absolute;right:0;top:0;}
.tab_base.tys .right * {display:inline-block;}
.tab_base.tys .right .btn_m {margin-left:6px;}
.tab_base.tys .right .btn_group {margin-left:6px;}

.head_area + .tab_base {margin-top:6px;}
.box_con + .tab_base {margin-top:18px;}
.data_table + .tab_base {margin-top:18px;}
.grid_list_table + .tab_base {margin-top:18px;}
.wrap_right > .tab_base {margin-top:14px;}

/* sub tab */
.tab_sub {position:relative;padding-bottom:20px;}
.tab_sub > .tab_menu {display:table;padding:4px;height:34px;background:#1a1a1a;border-radius:21px;}
.tab_sub > .tab_menu > li {display:table-cell;vertical-align:top;}
.tab_sub > .tab_menu > li a {display:block;width:120px;height:34px;line-height:35px;box-sizing:border-box;border-radius:17px;color:rgba(255,255,255,.5);font-size:13px;font-weight:700;text-align:center;}
.tab_sub > .tab_menu > li.on a {margin:0;line-height:31px;background:#23262e;border:solid 2px #00def2;color:#00def2;}

/* TABLE */
/* grid table area */
.gwb-ui-box-body {-ms-flex:1;flex:1;min-height:0px;border-top:#d3d4d6 1px solid;overflow:auto;padding-top: 0px !important;}
.gwb-ui-box-body.fix {-ms-flex:none;flex:none;}
.gwb-ui-box-body.after_tab {border-top:none;}

/*dhxgrid */
.dhx_grid-content  {z-index:0 !important;}

/* data table */
/* 기본 */
.data_table {flex:none;border-top:#111 1px solid;/*border-bottom:#d3d4d6 1px solid;*/}
.data_table > table > thead > tr > th {height:41px;background:#edeff2;color:#333;font-size:14px;line-height:16px;}
.data_table > table > tbody > tr > th,
.data_table > table > tbody > tr > td {height:41px;border-top:#e8e9eb 1px solid;border-left:#e8e9eb 1px solid;font-size:14px;line-height:16px;}
.data_table > table > tbody > tr:first-of-type > th,
.data_table > table > tbody > tr:first-of-type > td {border-top:none;}
.data_table > table + table > tbody > tr:first-of-type > th,
.data_table > table + table > tbody > tr:first-of-type > td {border-top:#e8e9eb 1px solid;}
.data_table > table > tbody > tr > th:first-of-type,
.data_table > table > tbody > tr > td:first-of-type {border-left:none;}
.data_table > table > tbody > tr > th + td {border-left:none;}
.data_table > table > tbody > tr > th {padding:12px 10px;background:#f7f8fa;color:#333;}
.data_table > table > tbody > tr > td {padding:6px;}

/* 기본 + dhxTabs */
/* .data_table > form {flex:none;border-top:#333 1px solid;border-bottom:#d3d4d6 1px solid;} */
.data_table > form > table > thead > tr > th {height:41px;background:#edeff2;color:#333;font-size:14px;line-height:16px;}
.data_table > form > table > tbody > tr > th,
.data_table > form > table > tbody > tr > td {height:41px;border-top:#e8e9eb 1px solid;border-left:#e8e9eb 1px solid;font-size:14px;line-height:16px;}
.data_table > form > table > tbody > tr:first-of-type > th,
.data_table > form > table > tbody > tr:first-of-type > td {border-top:none;}
.data_table > form > table + table > tbody > tr:first-of-type > th,
.data_table > form > table + table > tbody > tr:first-of-type > td {border-top:#e8e9eb 1px solid;}
.data_table > form > table > tbody > tr > th:first-of-type,
.data_table > form > table > tbody > tr > td:first-of-type {border-left:none;}
.data_table > form > table > tbody > tr > th + td {border-left:none;}
.data_table > form > table > tbody > tr > th {padding:12px 10px;background:#F6F6F6;color:#333;}
.data_table > form > table > tbody > tr > td {padding:6px;}

.data_table .btn_m span {padding:0 7px;min-width:28px;}
.data_table .txt {padding:0 4px;}
.data_table .txt_area {padding:6px 10px;line-height:22px;box-sizing:border-box;}
.data_table .date_area .txt {padding:0;}
.data_table .grid_area {display:flex;flex-direction:column;}
.data_table .gwb-ui-box-body {border-top:0;border-bottom:0;}
.data_table .title_area + .gwb-ui-box-body {border-top:#333 1px solid;}
.data_table .title_area {min-height:34px;}
.data_table .title_area .right {top:0;}
.data_table .title_area .left {top:0;}
.data_table .td_row {display:flex;align-items:center}
.data_table .td_row .td_cell {padding:0 3px;}
.data_table .td_row .td_cell:first-of-type {padding-left:0;}
.data_table .td_row .td_cell:last-of-type {padding-right:0;}
.data_table .td_row .td_cell.wauto {-ms-flex:1;flex:1;}
.td_row.ratio2_1 .wauto:nth-child(1) {max-width: 350px;}
.td_row.ratio2_1 .wauto:nth-child(2) {max-width: 250px; box-sizing: border-box;}
.data_table .td_row .td_cell .txt {margin:0 2px 0 0;}
.data_table .td_row .td_cell .checkbox {margin:0 4px;}
.data_table .bbc_ty2 {border-top-color:#d3d4d6;}
.data_table > table > tbody > tr > td > .txt_area {height:100%;}

.data_table .ptb0 {padding-top:0 !important;padding-bottom:0 !important;}
.data_table .plr0 {padding-left:0 !important;padding-right:0 !important;}
.data_table .pl0 {padding-left:0 !important;}
.data_table .pr0 {padding-right:0 !important;}
.data_table .bl {border-left:#e8e9eb 1px solid !important;}
.data_table .no_bl {border-left:0 !important;}
.data_table .fl_bw {display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;}
.data_table .fl_bw .btn-darum {margin-right: 12px;}
/* type2 */
.data_table.ty2 {border-top:#d3d4d6 1px solid;border-bottom-color:#e8e9eb;overflow:hidden;}
.data_table.ty2 > table {margin-top:-1px;}
.data_table.ty2 > table > thead > tr > th {background:#f7f8fa;}
.data_table.ty2 > table > tbody > tr > th {padding:12px 16px;color:#222;}
.data_table.ty2 > form > table {margin-top:-1px;}
.data_table.ty2 > form > table > thead > tr > th {background:#f7f8fa;}
.data_table.ty2 > form > table > tbody > tr > th {padding:12px 16px;color:#222;}
/* type3 */
.data_table.ty3 {border-top-color:#e8e9eb;border-bottom-color:#e8e9eb;}
.data_table.ty3.mt12 {margin-top:12px;}
.data_table.ty3 > table > tbody > tr > th {padding:12px 16px;}

/* type4 */
.data_table.ty4 {
  border-top: none;
}


.data_table + .data_table {margin-top:18px;}
.data_table.after_tab {border-top:none;}

/* 테이블 상단 타이틀 및 텍스트 */
.data_table_tit {padding:18px 0 12px;line-height:0;}
.data_table_tit .tit {display:inline-block;font-size:14px;font-weight:700;line-height:16px;}
.data_table_tit .help_txt {display:inline-block;font-size:13px;color:#FF3D00;line-height:14px;}
.data_table_tit.mt12 {margin-top:12px;}

/* TITLE*/
.title_area {position:relative;flex:none;min-height:58px;}
.title_area > * {vertical-align:top;}
.title_area .gwb-ut-box-title {display:inline-block;margin-top:23px;font-size:17px;font-weight:700;line-height:18px;}
.title_area .help_txt {display:inline-block;margin-top:25px;margin-left:14px;font-size:13px;color:#07AF36;line-height:14px;}
.title_area .help_txt a {color:#FF3D00;text-decoration:underline;}
.title_area .btn_help {margin-top:18px;margin-left:14px;}
.title_area .btn_help span {padding:0 9px;}
.title_area .btn_help span:before {content:"";display:inline-block;width:16px;height:16px;margin-right:6px;background:url('../images/common/ico_btn_help.png') no-repeat center;vertical-align:middle;}
.title_area .help_con {max-height:0;margin-top:12px;overflow:hidden;-webkit-transition:.2s all;transition:.2s all;}
.title_area .btn_help.on + .help_con {max-height:100vh;}
.title_area .help_con_box {padding:12px 20px 15px;border-top:#d3d4d6 1px solid;font-size:14px;line-height:21px;}
.title_area .help_con_box li {padding:2px 0px; color: #07AF36;}
.title_area .help_con_box li ul li {padding:0 0 0 20px;}
.title_area .help_con_box li em {display:block;padding-left:20px;}
.title_area .con_view_num {display:inline-flex;height:28px;line-height:28px;margin-left:13px;border-right:#e8e9eb 1px solid;font-size:14px;color:#333;margin-top:18px;}
.title_area .con_view_num span {height:28px;padding:0 8px;border-left:#e8e9eb 1px solid;}
.title_area .con_view_num strong {display:inline-block;margin-left:8px;color:#ff6a4d;font-size:17px;font-weight:700;vertical-align:top; }
.title_area .con_view_num strong.count {animation: count linear .12s 1 alternate;}
@keyframes count {
  from {opacity: .1; margin-top: -7px;}
  60% {opacity: .3; margin-top: -3px;}
  to {opacity: 1; margin-top: 0;}
}
.title_area .con_form {display:inline-block;height:28px;line-height:28px;padding:18px 0 0 15px;font-size:14px;}

.title_area .con_form strong {display:inline-block;vertical-align:top;}
.title_area .con_form .gwbInput {width:160px;margin-left:10px;}
.title_area .con_form span {display:inline-block;margin-left:8px;font-size:13px;color:#333;}
.title_area .con_form .radio_area {display:inline-block;}
.title_area .con_form .radio_area span {margin-left:0;}
.title_area .con_form.ty2 strong {padding:0 10px 0 8px;border-left:#e8e9eb 1px solid;}

.title_area .right {position:absolute;right:0;top:18px;}
.title_area .right * {display:inline-block;vertical-align:top;}
.title_area .right .btn_m {margin-left:6px;}
.title_area .right .btn_group {margin-left:6px;}
.title_area .right .tit {display:inline-block;line-height:28px;}
.title_area .right .tit + .btn_m {margin-left:10px;}
.title_area .right .help_txt {margin-top:0;}
.title_area .ico_btn .btn_m {margin-left: 3px;}
.title_area .ico_btn .btn_m span {min-width: 28px;padding: 0;font-size: 0;}
.title_area .ico_btn .btn_m span {background-repeat: no-repeat;background-position: center;}
.title_area .left {position:absolute;left:0;top:18px;}
.title_area .left .btn_m {margin-right:6px;}
.title_area .left .btn_group {margin-right:6px;}
.title_area .left .left_wrap {display:inline-block;}
.title_area .left .left_tit,
.title_area .left .left_con {display:inline-block;vertical-align:top;}
.title_area .left .left_tit {padding-right:4px;color:#333;font-size:14px;line-height:28px;font-weight:700;box-sizing:border-box;}
.title_area .left .left_con + .left_tit {padding-left:12px;}
.title_area .btn_wrap {padding-top:18px;}

/*저장버튼 */
.title_area .right .btn_m.save_btn > span{background: #777; color: #FFF; border-color: rgba(0, 0, 0, 0.10);}
.title_area .right .btn_m.save_btn:hover > span{background: #646464;}
.title_area .right .btn_m.save_btn.disabled > span{border: 1px solid rgba(0, 0, 0, 0.10);color: #979797;background: rgba(119, 119, 119, 0.50);}

/*tooltip bottom*/
.data_table .help_cont {position: relative; display:inline-block; width: 16px; height: 16px; margin-left: 1px;}
.data_table .help_ico { width: 16px; height: 16px; display:inline-block;  margin-bottom: -3px; cursor:pointer; background: url("/html/images/ico_help.png") no-repeat center / 16px; }
.data_table .help_tooltip { color:#07AF36; opacity:0; position: absolute; left: -4px; top: 24px; width: 250px; padding: 15px 20px; background: #fff; line-height: 20px; word-break: keep-all;  border-radius: 2px; border: 1px solid #262626; box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.25); z-index: -1; transition:opacity .3s ease-in;}
.data_table .help_tooltip:before {  border-color: #262626 transparent;border-style: solid;border-width: 0 6px 6px 6.5px;content: '';display: block;left: 6px;position: absolute;top: -6px;width: 0;z-index: 0; }
.data_table .help_tooltip:after {border-color: #fff transparent;border-style: solid;border-width: 0 6px 6px 6.5px; content: '';display: block;left: 6px;position: absolute;top: -5px;width: 0;z-index: 1;}
.data_table .help_ico:hover + .help_tooltip {opacity: 1; z-index: 5;}
.data_table .help_tooltip:hover{opacity: 1; z-index: 5;}
/*tooltip top*/
.data_table .help_tooltip:before {
	 background: url("/html/images/break.png") no-repeat center / 16px;
	border-color: #262626 transparent;border-style: solid;border-width: 0 6px 6px 6.5px;content: '';display: block;left: 6px;position: absolute;top: -6px;width: 0;z-index: 0;

	}

.title_area .tb_wrap {display: inline-flex; margin-right: 18px;}
.title_area .tb_wrap .tb_tit { padding: 6px 10px; line-height: 16px; white-space: nowrap;}
.title_area .tb_wrap .gwbInput {margin-right: 9px;}
.tb_wrap .btn-darum {flex-shrink:0;}

/* type2 - 타이틀만 있는 경우 */
.title_area.ty2 {min-height:53px;}
.title_area.ty2 .gwb-ut-box-title {margin-top:18px;}
/* typeS */
.title_area.tys .tit {display:inline-block;margin-top:24px;font-size:14px;font-weight:700;line-height:16px;}
.scroll_wrap > .title_area.tys:first-of-type {margin-top:-12px;}
/* type2 - 타이틀만 있는 경우 */
.title_area.tys.ty2 .tit {margin-top:24px;}

/* TREE MENU */
.tree_menu {-ms-flex:1;flex:1;height:100%;border:#d3d4d6 1px solid;border-radius:2px;overflow:auto;}
.tree_list {position:relative;margin:12px 0 12px -3px;}
.tree_list ul {display:none;}
.tree_list li.unfold > ul {display:block;}
.tree_list li {padding-left:18px;}
.tree_list li span {display:block;height:22px;margin:4px 0;font-size:0;line-height:23px;cursor:pointer;}
.tree_list li em {display:inline-block;position:relative;font-size:13px;color:#333;z-index:1;}
.tree_list > li > span > em {font-size:14px;}
.tree_list li span:before {content:"";position: relative;display:inline-block;width:13px;height:16px;margin-right:4px;;background:url('../images/common/ico_tree_unfold.png') no-repeat center;vertical-align:-4px;z-index: 1;}
.tree_list li.unfold > span:before {background-image:url('../images/common/ico_tree_fold.png');}
.tree_list li.final span {cursor:default;}
.tree_list li.final span:before {background-image:url('../images/common/ico_tree.png');}
.tree_list li span.active em {font-weight:700;color:#111;}
.tree_list li span.active:after {content:"";position:absolute;left:8px;right:5px;height:22px;background-color:#fff5ed;border:#f0c9a8 1px solid;box-sizing:border-box;}

/* beyond */
.gwb-ui-box-body + .tab_base {margin-top:18px;}
.layer_pop .wrap_lf + .gwb-ui-box-body {margin-top:23px;}
.box_cell .cell_select_w100 {width: 100px; display: flex; align-content: space-between; align-items: center; margin-right: 10px;}
.photo-help-box {height: 20px; margin-top: 4px;}
.photo-help-box .help_txt {display:inline-block;margin-left:20px;font-size:13px;color:#2b7ede;line-height:14px;}
.pop_con .photo-help-box .btn-darum {margin-left: 56px;}
.pop_con .photo-help-box .help_txt {margin-left: 68px; margin-top: 0;}
.pop_cont .data_table + .gwb-ui-box-body {margin-top: 18px;}
.pop_con .data_table .title_area + .gwb-ui-box-body {border-top:#d3d4d6 1px solid;}

/* focus style */
.search_area, .gwbInput, .date_box, .gwbTxtArea {transition: border-color .2s;}
.search_area:has(.gwbInput:focus)
, .search_area:has(.btn_delete:focus-within)
, .search_area:has(.btn_search:focus-within)
, .date_box:has(.gwbInput:focus)
, .input_area:has(.gwbInput:focus)
, .gwbInput:focus,
.gwbTxtArea:focus {border-color: #20BF61 !important;}
.gwbCombo {display: block !important; width: 0 !important; height: 0 !important; padding: 0; border: none; font-size: 0; transition: border-color .3s; }
.gwbCombo:focus + .gwbCombo_div div.dhxcombo_material {border-color: #20BF61 !important;}
.checkbox input[type="checkbox"].gwbCheckbox {visibility: visible !important; opacity: 1 !important; z-index: -1;}
.icheckbox_flat:has(.gwbCheckbox:focus) {background: url(/html/images/common/checkbox_actv.png) no-repeat;}
.icheckbox_flat:has(.gwbCheckbox:checked) {background: url(/html/images/common/checkbox_on.png) no-repeat !important;}
.btn_delete:focus-within, .btn_search:focus-within {outline:none !important; position: relative;}
.btn_delete:focus-within:after {content: ""; position: absolute; left: -2px; top: 1px;width: calc(100% + 2px); height: calc(100% - 4px); border: 1px solid #ACACAC; border-radius: 3px;}
.btn_search:focus-within:after {content: ""; position: absolute; left: 1px; top: 1px;width: 100%; height: calc(100% - 4px); border: 1px solid #ACACAC; border-radius: 3px;}
.btn-darum:focus-visible {outline:none !important; position: relative;}
.btn-darum:focus-visible:after {content: ""; position: absolute; left: -3px; top: -3px;width: calc(100% + 4px); height: calc(100% + 4px); border: 1px solid #ACACAC; border-radius: 3px;}