@charset "UTF-8";
:root { /* 2024 NEW Gray Scale */ --cm-gray-000:#FFFFFF; --cm-gray-100:#FAFAFA; --cm-gray-150:#F7F7F7; --cm-gray-200:#EEEEEE; --cm-gray-300:#E4E4E4; --cm-gray-400:#DADADA; --cm-gray-500:#C8C8C8; --cm-gray-600:#999999; --cm-gray-700:#666666; --cm-gray-800:#333333; --cm-gray-900:#1A1A1A; /* --pm-color999:#6F77E4; */ --pm-color900:#787FEF; --pm-color700:#9298EB; --pm-color500:#B1B5F1; --pm-color300:#D0D3F7; --pm-color100:#EFF0FC; /* --bg-color000:#FAFAFF; */ /* 2024 primary color */ --pm-color-600:#19204B; --pm-color-500:#525DA4; --pm-color-400:#8897E2; --pm-color-300:#BFC8F5; --pm-color-150:#E5E9F7; --bg-color-000:#FFFFFF; /* 2024 New Secondary Color */ --sc-color-600:#D71820; --sc-color-500:#CC4040; --sc-color-400:#E64848; --sc-color-300:#FF5050; --sc-color-200:#FFC9C9; --sc-color-100:#FFEEEE; --pt-success:#38C976; --pt-links:#3EAEFF; --pt-warning:#FFA23A; --pt-error:#FF0000; /* 20240705 Button Color */ --btn-color-001:#19204B; --btn-color-002:#EFEFEF; /* 20240705 Border Color */ --bdr-color-001:#19204B; --bdr-color-002:#EFEFEF; --bdr-color-003:#DFDFDF; --bdr-color-004:#E4E4E4; /* 20240715 Background Color */ --bg-color-001:#f5f6fa; --bg-color-002:#f7f7f7; --bg-color-003:#fafafa; }

body, .content-wrap.tree-type * { font-family: 'SpoqaHanSansNeo', '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif !important; letter-spacing: -.03rem; font-weight: 400; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-touch-callout: none; }

body *:not(.fa), .content-wrap.tree-type * *:not(.fa) { font-family: 'SpoqaHanSansNeo', '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif !important; }

.flex, .flex-left, .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /* 241004 출결발식 설정 시간영역 수정 */ /*! 20241015 row 타입*/ }

.flex.gap-side-10, .gap-side-10.flex-left, .gap-side-10.flex-center { gap: 0 8px; }

.flex.gap-updown-10, .gap-updown-10.flex-left, .gap-updown-10.flex-center { gap: 0 8px; }

.flex.gap-full-10, .gap-full-10.flex-left, .gap-full-10.flex-center { gap: 8px; }

.flex.gap-side-50, .gap-side-50.flex-left, .gap-side-50.flex-center { gap: 0 50px; }

.flex.gap-full-20, .gap-full-20.flex-left, .gap-full-20.flex-center { gap: 20px; }

.flex.gap-full-30, .gap-full-30.flex-left, .gap-full-30.flex-center { gap: 30px; }

.flex.gap-full-40, .gap-full-40.flex-left, .gap-full-40.flex-center { gap: 40px; }

.flex.gap-full-50, .gap-full-50.flex-left, .gap-full-50.flex-center { gap: 50px; }

.flex.align-center, .align-center.flex-left, .align-center.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex.align-start, .align-start.flex-left, .align-start.flex-center { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex.align-stretch, .align-stretch.flex-left, .align-stretch.flex-center { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flex.jc-center, .jc-center.flex-left, .jc-center.flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex.jc-between, .jc-between.flex-left, .jc-between.flex-center { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex.jc-end, .jc-end.flex-left, .jc-end.flex-center { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex.fl-wrap, .fl-wrap.flex-left, .fl-wrap.flex-center { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex .flex-sh0, .flex-left .flex-sh0, .flex-center .flex-sh0 { -ms-flex-negative: 0; flex-shrink: 0; }

.flex > .w2, .flex-left > .w2, .flex-center > .w2 { width: 49%; }

.flex > .w3, .flex-left > .w3, .flex-center > .w3 { width: 32.33%; }

.flex > .w4, .flex-left > .w4, .flex-center > .w4 { width: 24%; }

.flex > .w5, .flex-left > .w5, .flex-center > .w5 { width: 19%; }

.flex > .w6, .flex-left > .w6, .flex-center > .w6 { width: 16%; }

.flex .tiem-name, .flex-left .tiem-name, .flex-center .tiem-name { width: 120px; text-align: justify; }

.flex .radio-inline + .radio-inline, .flex-left .radio-inline + .radio-inline, .flex-center .radio-inline + .radio-inline, .flex .checkbox-inline + .radio-inline, .flex-left .checkbox-inline + .radio-inline, .flex-center .checkbox-inline + .radio-inline, .flex .form-chk-set > .form-chk + .radio-inline, .flex-left .form-chk-set > .form-chk + .radio-inline, .flex-center .form-chk-set > .form-chk + .radio-inline, .flex .radio-inline + .checkbox-inline, .flex-left .radio-inline + .checkbox-inline, .flex-center .radio-inline + .checkbox-inline, .flex .checkbox-inline + .checkbox-inline, .flex-left .checkbox-inline + .checkbox-inline, .flex-center .checkbox-inline + .checkbox-inline, .flex .form-chk-set > .form-chk + .checkbox-inline, .flex-left .form-chk-set > .form-chk + .checkbox-inline, .flex-center .form-chk-set > .form-chk + .checkbox-inline, .flex .form-chk-set > .radio-inline + .form-chk, .flex-left .form-chk-set > .radio-inline + .form-chk, .flex-center .form-chk-set > .radio-inline + .form-chk, .flex .form-chk-set > .checkbox-inline + .form-chk, .flex-left .form-chk-set > .checkbox-inline + .form-chk, .flex-center .form-chk-set > .checkbox-inline + .form-chk, .flex .form-chk-set > .form-chk + .form-chk, .flex-left .form-chk-set > .form-chk + .form-chk, .flex-center .form-chk-set > .form-chk + .form-chk { margin-left: 0px; }

.flex.row-type, .row-type.flex-left, .row-type.flex-center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; }

.flex.row-type > *, .row-type.flex-left > *, .row-type.flex-center > * { width: calc(50% - 10px); }

.flex > .input-el input[type="text"], .flex-left > .input-el input[type="text"], .flex-center > .input-el input[type="text"] { width: 280px; }

.status { display: inline-block; border-radius: 50px; font-weight: 500; font-size: 16px; color: var(--cm-gray-600); background-color: var(--bg-color-001); -webkit-box-sizing: border-box; box-sizing: border-box; }

.status.line { border-radius: 4px; border: 1px solid #dadada; background-color: #fff; }

.status.red { border: 1px solid #fff3f4; background-color: #fff3f4; color: #d71820; }

.status.red a, .status.red span { color: #d71820; }

.status.green { background-color: #f4fbe6; border-color: #3BB000; color: #3BB000; }

.status.green a, .status.green span { color: #3BB000; }

.status.gray { border-color: var(--cm-gray-400); color: var(--cm-gray-700); }

.status.gray a, .status.gray span { color: var(--cm-gray-700); }

.status.blue { border-color: #2166D6; background-color: #f5f8ff; }

.status.blue a, .status.blue span { color: #2166D6; }

.status.orange { border-color: #f5b100; background-color: #fff7e4; }

.status.orange a, .status.orange span { color: #ff5133; }

.status a, .status span, .status:is(span:only-child) { display: inline-block; width: 83px; height: 34px; line-height: 34px; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#full-content { background: #fff; }

#full-content .h2Box { width: 100%; }

#print_area { white-space: nowrap; overflow-x: auto; overflow-y: hidden; }

#pdf_area { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }

.h2Box { width: calc(100% - 322px); height: -webkit-max-content; height: -moz-max-content; height: max-content; min-height: calc(100vh - 193px); position: relative; background-color: var(--bg-color-000); display: -webkit-box; display: -ms-flexbox; display: flex; }

.h2Box h2 + #tabM { margin-top: 26px; }

.h2Box h2 span { margin-left: 20px; font-size: 30px; font-weight: 400; color: var(--cm-gray-900); }

.h2Box form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.h2Box form .panel-box { width: 100%; }

.h2Box form > .ico2, .h2Box .ico2 form > .util, .ico2 .h2Box form > .util { margin-bottom: 10px; }

.h2Box form > table { margin-bottom: 10px; }

.h2Box .modal { width: 100%; }

.h2Box #app { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.nav-bordered { margin-bottom: 14px !important; }

.nav-bordered .nav-item { margin-bottom: 0; }

.nav-bordered .nav-item a.nav-link.active { border-bottom: 0 !important; }

table { width: 100%; border-collapse: collapse; }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-responsive > table { min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

td { text-align: center; }

/*! 240912 테이블 디자인 수정 김민규 */
.chart, .info, .info2, .tb-row, .chart_roll { border-top: 1px solid var(--cm-gray-300); border-bottom: 1px solid var(--cm-gray-300); /*! 20241015 caption 안보이게 수정 */ }

.chart caption, .info caption, .info2 caption, .tb-row caption, .chart_roll caption { position: absolute; top: 0; left: 0; font-size: 0; z-index: -1; }

.chart.center *, .center.info *, .center.info2 *, .center.tb-row *, .chart_roll.center * { text-align: center; }

.chart tr:first-child th, .info tr:first-child th, .info2 tr:first-child th, .tb-row tr:first-child th, .chart tr:first-child td, .info tr:first-child td, .info2 tr:first-child td, .tb-row tr:first-child td, .chart_roll tr:first-child th, .chart_roll tr:first-child td { border-top: 0; }

.chart tr th, .info tr th, .info2 tr th, .tb-row tr th, .chart tr td, .info tr td, .info2 tr td, .tb-row tr td, .chart_roll tr th, .chart_roll tr td { height: 56px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--fs-14); text-align: center; }

.chart tr th > .ico2:only-child, .info tr th > .ico2:only-child, .info2 tr th > .ico2:only-child, .tb-row tr th > .ico2:only-child, .chart tr .ico2 th > .util:only-child, .ico2 .chart tr th > .util:only-child, .info tr .ico2 th > .util:only-child, .ico2 .info tr th > .util:only-child, .info2 tr .ico2 th > .util:only-child, .ico2 .info2 tr th > .util:only-child, .tb-row tr .ico2 th > .util:only-child, .ico2 .tb-row tr th > .util:only-child, .chart tr td > .ico2:only-child, .info tr td > .ico2:only-child, .info2 tr td > .ico2:only-child, .tb-row tr td > .ico2:only-child, .chart tr .ico2 td > .util:only-child, .ico2 .chart tr td > .util:only-child, .info tr .ico2 td > .util:only-child, .ico2 .info tr td > .util:only-child, .info2 tr .ico2 td > .util:only-child, .ico2 .info2 tr td > .util:only-child, .tb-row tr .ico2 td > .util:only-child, .ico2 .tb-row tr td > .util:only-child, .chart_roll tr th > .ico2:only-child, .chart_roll tr .ico2 th > .util:only-child, .ico2 .chart_roll tr th > .util:only-child, .chart_roll tr td > .ico2:only-child, .chart_roll tr .ico2 td > .util:only-child, .ico2 .chart_roll tr td > .util:only-child { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chart tr th .type.FIX, .info tr th .type.FIX, .info2 tr th .type.FIX, .tb-row tr th .type.FIX, .chart tr td .type.FIX, .info tr td .type.FIX, .info2 tr td .type.FIX, .tb-row tr td .type.FIX, .chart_roll tr th .type.FIX, .chart_roll tr td .type.FIX { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--fs-12); color: var(--pt-error); background: var(--sc-color-100); border-radius: 6px; padding: 3px 6px; margin-right: 8px; }

.chart tr th, .info tr th, .info2 tr th, .tb-row tr th, .chart tr th > label, .info tr th > label, .info2 tr th > label, .tb-row tr th > label, .chart_roll tr th, .chart_roll tr th > label { border-top: 1px solid var(--bdr-color-004); border-bottom: 1px solid var(--bdr-color-004); background-color: var(--cm-gray-100); font-weight: var(--fw-500); color: var(--cm-gray-900); }

.chart tr th > label, .info tr th > label, .info2 tr th > label, .tb-row tr th > label, .chart tr th > label > label, .info tr th > label > label, .info2 tr th > label > label, .tb-row tr th > label > label, .chart_roll tr th > label, .chart_roll tr th > label > label { border: none; margin-bottom: 0; }

.chart tr td, .info tr td, .info2 tr td, .tb-row tr td, .chart_roll tr td { color: var(--cm-gray-800); border-bottom: 1px solid var(--bdr-color-004); font-weight: var(--fw-400); }

.chart tr td a:hover b.blue, .info tr td a:hover b.blue, .info2 tr td a:hover b.blue, .tb-row tr td a:hover b.blue, .chart tr td a:hover .blue, .info tr td a:hover .blue, .info2 tr td a:hover .blue, .tb-row tr td a:hover .blue, .chart_roll tr td a:hover b.blue, .chart_roll tr td a:hover .blue { text-decoration: underline; font-weight: var(--fw-700); text-underline-offset: 2px; }

.chart tr td .img-con, .info tr td .img-con, .info2 tr td .img-con, .tb-row tr td .img-con, .chart_roll tr td .img-con { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; text-align: center; }

.chart tr td .img-con img, .info tr td .img-con img, .info2 tr td .img-con img, .tb-row tr td .img-con img, .chart_roll tr td .img-con img { width: 100px; height: 46px; border-radius: 6px; -o-object-fit: cover; object-fit: cover; text-align: center; }

.chart tr td.left .img-con, .info tr td.left .img-con, .info2 tr td.left .img-con, .tb-row tr td.left .img-con, .chart_roll tr td.left .img-con { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }

.chart .bod_info, .info .bod_info, .info2 .bod_info, .tb-row .bod_info, .chart_roll .bod_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chart .tb-btn, .info .tb-btn, .info2 .tb-btn, .tb-row .tb-btn, .chart_roll .tb-btn { display: inline-block; border-radius: 50px; font-weight: 500; font-size: 16px; color: var(--cm-gray-600); background-color: var(--bg-color-001); -webkit-box-sizing: border-box; box-sizing: border-box; width: 83px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; color: #666; text-decoration: none; border-radius: 6px; }

.chart .tb-btn.line, .info .tb-btn.line, .info2 .tb-btn.line, .tb-row .tb-btn.line, .chart_roll .tb-btn.line { border-radius: 4px; border: 1px solid #dadada; background-color: #fff; }

.chart .tb-btn.red, .info .tb-btn.red, .info2 .tb-btn.red, .tb-row .tb-btn.red, .chart_roll .tb-btn.red { border: 1px solid #fff3f4; background-color: #fff3f4; color: #d71820; }

.chart .tb-btn.red a, .info .tb-btn.red a, .info2 .tb-btn.red a, .tb-row .tb-btn.red a, .chart .tb-btn.red span, .info .tb-btn.red span, .info2 .tb-btn.red span, .tb-row .tb-btn.red span, .chart_roll .tb-btn.red a, .chart_roll .tb-btn.red span { color: #d71820; }

.chart .tb-btn.green, .info .tb-btn.green, .info2 .tb-btn.green, .tb-row .tb-btn.green, .chart_roll .tb-btn.green { background-color: #f4fbe6; border-color: #3BB000; color: #3BB000; }

.chart .tb-btn.green a, .info .tb-btn.green a, .info2 .tb-btn.green a, .tb-row .tb-btn.green a, .chart .tb-btn.green span, .info .tb-btn.green span, .info2 .tb-btn.green span, .tb-row .tb-btn.green span, .chart_roll .tb-btn.green a, .chart_roll .tb-btn.green span { color: #3BB000; }

.chart .tb-btn.gray, .info .tb-btn.gray, .info2 .tb-btn.gray, .tb-row .tb-btn.gray, .chart_roll .tb-btn.gray { border-color: var(--cm-gray-400); color: var(--cm-gray-700); }

.chart .tb-btn.gray a, .info .tb-btn.gray a, .info2 .tb-btn.gray a, .tb-row .tb-btn.gray a, .chart .tb-btn.gray span, .info .tb-btn.gray span, .info2 .tb-btn.gray span, .tb-row .tb-btn.gray span, .chart_roll .tb-btn.gray a, .chart_roll .tb-btn.gray span { color: var(--cm-gray-700); }

.chart .tb-btn.blue, .info .tb-btn.blue, .info2 .tb-btn.blue, .tb-row .tb-btn.blue, .chart_roll .tb-btn.blue { border-color: #2166D6; background-color: #f5f8ff; }

.chart .tb-btn.blue a, .info .tb-btn.blue a, .info2 .tb-btn.blue a, .tb-row .tb-btn.blue a, .chart .tb-btn.blue span, .info .tb-btn.blue span, .info2 .tb-btn.blue span, .tb-row .tb-btn.blue span, .chart_roll .tb-btn.blue a, .chart_roll .tb-btn.blue span { color: #2166D6; }

.chart .tb-btn.orange, .info .tb-btn.orange, .info2 .tb-btn.orange, .tb-row .tb-btn.orange, .chart_roll .tb-btn.orange { border-color: #f5b100; background-color: #fff7e4; }

.chart .tb-btn.orange a, .info .tb-btn.orange a, .info2 .tb-btn.orange a, .tb-row .tb-btn.orange a, .chart .tb-btn.orange span, .info .tb-btn.orange span, .info2 .tb-btn.orange span, .tb-row .tb-btn.orange span, .chart_roll .tb-btn.orange a, .chart_roll .tb-btn.orange span { color: #ff5133; }

.chart .tb-btn.red, .info .tb-btn.red, .info2 .tb-btn.red, .tb-row .tb-btn.red, .chart_roll .tb-btn.red { border: 1px solid #d71820; background-color: var(--cm-gray-000); }

.chart .tb-btn:hover, .info .tb-btn:hover, .info2 .tb-btn:hover, .tb-row .tb-btn:hover, .chart_roll .tb-btn:hover { text-decoration: none; }

.chart .tb-btn i, .info .tb-btn i, .info2 .tb-btn i, .tb-row .tb-btn i, .chart_roll .tb-btn i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; margin-right: 2px; }

.chart .tb-btn.btn-delete i, .info .tb-btn.btn-delete i, .info2 .tb-btn.btn-delete i, .tb-row .tb-btn.btn-delete i, .chart_roll .tb-btn.btn-delete i { background: url(../img/ico_bt_minus.svg) no-repeat; }

.chart .tb-btn.btn-add i, .info .tb-btn.btn-add i, .info2 .tb-btn.btn-add i, .tb-row .tb-btn.btn-add i, .chart_roll .tb-btn.btn-add i { background: url(../img/ico_bt_plus.svg) no-repeat; }

.chart.view_type td, .view_type.info td, .view_type.info2 td, .view_type.tb-row td, .chart.view_type th, .view_type.info th, .view_type.info2 th, .view_type.tb-row th, .chart_roll.view_type td, .chart_roll.view_type th { text-align: left; }

.chart.pointer:not(.cht2) tr:hover td, .pointer.info:not(.cht2) tr:hover td, .pointer.info2:not(.cht2) tr:hover td, .pointer.tb-row:not(.cht2) tr:hover td, .chart_roll.pointer:not(.cht2) tr:hover td { background: #eff0fc; cursor: pointer; }

.chart .table-info, .info .table-info, .info2 .table-info, .tb-row .table-info, .chart_roll .table-info { font-size: var(--fs-14); font-weight: var(--fw-400); color: var(--cm-gray-600); margin-top: 4px; }

.chart tfoot tr th, .info tfoot tr th, .info2 tfoot tr th, .tb-row tfoot tr th, .chart tfoot tr td, .info tfoot tr td, .info2 tfoot tr td, .tb-row tfoot tr td, .chart_roll tfoot tr th, .chart_roll tfoot tr td { background-color: var(--bdr-color-002); }

.info.pd-small th, .info.pd-small td { padding: 7px 10px; }

.info tr th, .info tr td { text-align: left; padding: 10px 18px; }

.info tr td#btn_info, .info tr td#btn_info2 { text-align: right; }

.info tr td#btn_info > a.btn:only-child, .info tr td#btn_info2 > a.btn:only-child { margin-right: -18px; }

.info tr td .btnBoard { margin-top: 0; margin-bottom: 0; margin-right: -18px !important; }

.info.attend-table tr th, .info.attend-table tr td { text-align: center; font-size: var(--fs-12); padding: 5px; height: 45px; }

.info.attend-table tr th:not(:last-child) { border-right: 1px solid var(--bdr-color-004); }

.ico3 { overflow: hidden; width: 97%; margin: 0 auto; }

.ico4 { overflow: hidden; width: 100%; margin: 20px 0 12px 0; }

.ico4 ul { float: left; }

.ico4 ul li { float: left; margin-right: 16px; padding-top: 2px; font-size: 11px; color: #666; }

.ico4 ul li a { color: #666; }

.ico4 ul li.print { padding-left: 20px; background: url(../img/icon_print.gif) no-repeat; }

.ico4 ul li.excel { padding-left: 18px; background: url(../img/icon_excel.gif) no-repeat; }

.ico4 ul li.pdf { padding-left: 21px; background: url(../img/icon_pdf.png) no-repeat; }

.ico4 ul li.re { padding-left: 14px; background: url(../img/icon_re.png) no-repeat 0 2px; }

.ico4 p { float: right; margin-left: 10px; font-size: 12px; }

.ico4 p:first-child { margin-left: 0px; }

.h2Ul { display: none; overflow: hidden; padding: 20px; border: 1px solid #f3f3f3; background: #fff; }

.h2Ul li { line-height: 22px; color: var(--cm-gray-900); }

.btnBoard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; text-align: right; gap: 0 10px; }

.btnBoard.jc-center, .btnBoard.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.btnBoard.type2 li:nth-last-of-type(1) { border: 0; background: #333; }

.btnBoard.type2 li:nth-last-of-type(2) { margin: 0; border: 0; background: var(--bdr-color-004); }

.btnBoard.type2 li:nth-last-of-type(2) a { color: var(--cm-gray-900); }

.btnBoard li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 78px; height: 38px; border-radius: 8px; color: #fff; font-size: var(--fs-14); font-weight: var(--fw-500); text-align: right; overflow: hidden; }

.btnBoard li.ico2, .btnBoard .ico2 li.util, .ico2 .btnBoard li.util { border-radius: 0; overflow: inherit; }

.btnBoard li.ico2 > a, .btnBoard .ico2 li.util > a, .ico2 .btnBoard li.util > a { border-radius: 8px; }

.btnBoard li:nth-child(1) > a[name="bodConfirm"], .btnBoard li:nth-child(2) > a[name="bodConfirm"] { background-color: var(--bdr-color-004); color: var(--cm-gray-900); }

.btnBoard li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-size: var(--fs-14); font-weight: var(--fw-500); color: #fff; padding: 0 20px; background-color: var(--cm-gray-800); }

.btnBoard li a:hover { text-decoration: none; }

.btnBoard li a#goList { background-color: var(--bg-color-003); border: 1px solid var(--cm-gray-400); color: var(--cm-gray-900); height: 36px; border-radius: 8px; }

.btnBoard li.complete a { background-color: var(--cm-gray-800); color: var(--bg-color-000); }

.btnBoard li.cancle a, .btnBoard li.cencle a, .btnBoard li.cancel a { background-color: var(--bdr-color-004); color: var(--cm-gray-900); }

.btnBoard li.delete { border: 1px solid var(--sc-color-300); }

.btnBoard li.delete a { background: var(--sc-color-300); color: var(--bg-color-000); }

.btnBoard li.list { margin-top: 0 !important; }

.btnBoard li.list a { border: 1px solid var(--cm-gray-300); background: var(--cm-gray-300); color: var(--cm-gray-900); }

.btnBoard li.line, .btnBoard li.add { border: 1px solid var(--cm-gray-400) !important; }

.btnBoard li.line a, .btnBoard li.add a { background: var(--cm-gray-100) !important; color: var(--cm-gray-900) !important; }

.btnBoard li.add > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 3px; padding-left: 10px; }

.btnBoard li.add > a:before { content: ''; display: block; width: 20px; height: 20px; background: url(../img/ico_bt_plus.svg) no-repeat center/20px; }

.btnBoard li:has(> .btn) { padding: 0; }

.bottom-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; background-color: var(--bg-color-000); gap: 0 8px; }

.chBox { padding: 6px 16px; border: 1px solid #dadada; border-radius: 4px; }

.chBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 20px; }

.chBox ul li { font-size: var(--fs-16); font-weight: var(--fw-500); color: var(--cm-gray-700); line-height: 22px; margin-left: 0; }

.chBox ul li > span { margin: 0 1px; }

.chBox > p { float: left; margin: 0 15px 0 7px; }

.chBox dl { width: auto; }

.chBox dl dt { float: left; font-weight: 700; color: #333; }

.chBox dl dd { float: left; margin: 0 15px 0 5px; }

.chBox dl dd ul { float: left; }

.chBox dl dd ul li { float: left; margin-right: 5px; }

.chBox dl dd ul li > input { margin: -2px 2px 0 0; }

.chBox dl dd > input { float: left; height: 16px; line-height: 16px; padding-left: 4px; border: 1px solid var(--bdr-color-004); }

.chBox dl dd p { float: left; background: #333; text-align: center; }

.chBox dl dd p input { padding: 0 5px; border: none; background: none; color: #fff; cursor: pointer; }

.chBox.black-type ul li span { color: var(--cm-gray-700) !important; }

#pcUl { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px 1%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 20px 0; }

#pcUl > li { width: 19%; margin-bottom: 15px; }

#pcUl > li > div { overflow: hidden; width: 150px; min-height: 215px; margin-left: 40px; padding-bottom: 5px; border: 1px solid var(--bdr-color-004); }

#pcUl > li > div > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 20px; }

#pcUl > li > div > ul > li { width: 100%; display: block; text-align: left; margin: 1px 0; }

#pcUl > li > div > ul > li.full { text-align: center !important; width: 100%; }

#pcUl > li > div > ul > li.full a.pcColor3 { width: 100%; background-position: center left 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#pcUl > li.pcColor1 div { border: 1px solid #63b835; }

#pcUl > li.pcColor2 div { border: 1px solid #515c6a; }

#pcUl > li.pcColor3 div { border: 1px solid #57b0d9; }

#pcUl > li.pcColor4 div { border: 1px solid #800080; }

#pcUl > li.pcColor5 div { border: 1px solid #e4e4e4; }

#pcUl > li div p { margin: 10px 5px; text-align: center; }

#pcUl > li div p img { width: 120px; height: 150px; border: 1px solid #ddd; }

#pcUl > li div ul { width: 120px; margin: 5px auto; }

#pcUl > li div ul li.right { text-align: right; }

/*공통*/
a.pcColor1 { display: block; width: 50%; margin: auto; padding: 2px 5px 1px 15px; border-radius: 5px; background: #63b835 url(../img/icon_check.png) no-repeat 9px 4px; color: #fff; }

a.pcColor2 { display: block; width: 50%; margin: auto; padding: 2px 5px 1px 15px; border-radius: 5px; background: #515c6a url(../img/icon_check.png) no-repeat 9px 4px; color: #fff; }

a.pcColor3 { display: block; width: 50%; margin: auto; padding: 2px 5px 1px 15px; border-radius: 5px; background: #57b0d9 url(../img/icon_check.png) no-repeat 9px 4px; color: #fff; }

a.pcColor4 { display: block; width: 50%; margin: auto; padding: 2px 5px 1px 15px; border-radius: 5px; background: #800080 url(../img/icon_check.png) no-repeat 9px 4px; color: #fff; }

a.pcColor5 { display: block; width: 100%; margin: auto; padding: 2px 5px; border-radius: 5px; background-color: #333333; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

b.green, .green { color: #3BB000 !important; }

b.blue, .blue { color: #4c84fa !important; }

b.orange, .orange { color: #ff5133 !important; }

b.gray, .gray { color: #666 !important; }

b.red { color: #ff5050 !important; }

b.gray2 { color: #b8b8b8 !important; }

b.black { color: #333 !important; }

b.purple { color: #800080 !important; }

.green { color: #3BB000 !important; }

.blue { color: #4c84fa !important; }

.orange { color: #ff5133 !important; }

.gray { color: #666 !important; }

.red { color: #ff0000 !important; }

.bold { font-weight: 700 !important; }

p.left { float: left !important; }

p.right, ul.right { float: right !important; margin-right: 0 !important; }

p.re { margin-left: 12px; background: url(../img/ico_refresh.svg) no-repeat left 12px top 50%/24px; font-size: 16px; }

p.print { padding: 2px 0 0 18px; background: url(../img/icon_print.gif) no-repeat; font-size: 16px; }

.full { width: 100% !important; }

.w175 { width: 175px !important; }

.w270 { width: 270px !important; }

.w400 { width: 400px !important; }

.h119 { height: 119px !important; }

.h140 { height: 140px !important; }

.h168 { height: 168px !important; }

.h200 { height: 200px !important; }

.h260 { height: 260px !important; }

.fs16 { font-size: 16px !important; }

.PD0 { padding: 0 !important; }

.PR0 { padding-right: 0 !important; }

.PR16 { padding-right: 16px !important; }

.PL0 { padding-left: 0 !important; }

.PL5 { padding-left: 5px !important; }

.PL10 { padding-left: 10px !important; }

.PT00 { padding-top: 0 !important; }

.PT10 { padding-top: 10px !important; }

.PB00 { padding-bottom: 0 !important; }

.PB10 { padding-bottom: 10px !important; }

.PB40 { padding-bottom: 40px !important; }

.PB50 { padding-bottom: 50px !important; }

.mgn00 { margin: 0 !important; }

.mgnT0 { margin-top: 0 !important; }

.mgnT4 { margin-top: 4px !important; }

.mgnT5 { margin-top: 5px !important; }

.mgnT8 { margin-top: 8px !important; }

.mgnT10 { margin-top: 10px !important; text-align: center; }

.mgnT12 { margin-top: 12px !important; }

.mgnT14 { margin-top: 14px !important; }

.mgnT20 { margin-top: 20px !important; }

.mgt20 { margin-top: 20px !important; }

.mgnT22 { margin-top: 22px !important; }

.mgnT30 { margin-top: 30px !important; }

.mgnT50 { margin-top: 50px !important; }

.mgnLa { margin-left: auto !important; }

.mgnL0 { margin-left: 0px !important; }

.mgnL5 { margin-left: 5px !important; }

.mgnL10 { margin-left: 10px !important; }

.mgnL16 { margin-left: 16px !important; }

.mgnL20 { margin-left: 20px !important; }

.mgnRa { margin-right: auto !important; }

.mgnR16 { margin-right: 16px !important; }

.mgnB0 { margin-bottom: 0px !important; }

.mgnB9 { margin-bottom: 9px !important; }

.mgnB20 { margin-bottom: 20px !important; }

.mgnB24 { margin-bottom: 24px !important; }

.mgnB26 { margin-bottom: 26px !important; }

.bdr0 { border: 0 !important; }

.w90 { width: 90px !important; }

.w60 { width: 60px !important; }

.clear { clear: both; }

.emps { margin-left: 4px; color: #ff0000; }

.full { width: 100% !important; }

.pos-r { position: relative !important; }

.pos-a { position: absolute !important; }

.bd-n { border: none !important; }

.bd-nt { border-top: none !important; }

.bd-nb { border-bottom: none !important; }

.bd-nl { border-left: none !important; }

.bd-nr { border-right: none !important; }

.bd-nlr { border-left: none !important; border-right: none !important; }

.bd-ntb { border-top: none !important; border-bottom: none !important; }

input.bdGray { height: 20px; line-height: 20px; padding-left: 4px; border: 1px solid var(--bdr-color-004); }

select.bdGray { border: 1px solid var(--bdr-color-004); }

select + input:not([type='hidden']), input:not([type='hidden']) + select { margin-left: 8px !important; }

textarea { padding: 12px 16px; font-weight: 400; resize: none; }

textarea + div.count { position: absolute; right: 37px; bottom: 30px; padding: 0; font-size: 12px !important; color: var(--cm-gray-600) !important; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-weight: 400; color: var(--cm-gray-600); }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-weight: 400; color: var(--cm-gray-600); }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-weight: 400; color: var(--cm-gray-600); }

input::placeholder, textarea::placeholder { font-weight: 400; color: var(--cm-gray-600); }

textarea.bdGray { width: 100%; border-radius: 8px; border: 1px solid var(--bdr-color-004); word-break: break-all; }

.point { display: inline-block; padding: 0 5px; border-radius: 5px; background: #333; color: #fff; text-align: center; }

.btnAdd a { display: inline-block; padding: 4px 10px; border-radius: 5px; background: #333; font-weight: normal; color: #fff; text-align: center; }

.btnAdd2 a { display: inline-block; padding: 3px 10px 1px 10px; border-radius: 5px; background: #333; font-weight: normal; color: #fff; text-align: center; }

.list { text-align: center; }

.list li { display: inline-block; font-weight: 700; font-size: 12px; color: #646be0; }

.list li a { font-weight: normal; }

.list li.btn { width: 15px; }

.list li.btn img { display: block; margin: 3px auto 0; }

.list1 { margin: 20px auto; text-align: center; }

.list1 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list1 li a { font-weight: normal; }

.list1 li.btn { width: 15px; }

.list1 li.btn img { display: block; margin: 3px auto 0; }

.list2 { margin: 20px auto; text-align: center; }

.list2 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list2 li a { font-weight: normal; }

.list2 li.btn { width: 15px; }

.list2 li.btn img { display: block; margin: 3px auto 0; }

.list3 { margin: 20px auto; text-align: center; }

.list3 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list3 li a { font-weight: normal; }

.list3 li.btn { width: 15px; }

.list3 li.btn img { display: block; margin: 3px auto 0; }

.list4 { margin: 20px auto; text-align: center; }

.list4 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list4 li a { font-weight: normal; }

.list4 li.btn { width: 15px; }

.list4 li.btn img { display: block; margin: 3px auto 0; }

.list5 { margin: 20px auto; text-align: center; }

.list5 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list5 li a { font-weight: normal; }

.list5 li.btn { width: 15px; }

.list5 li.btn img { display: block; margin: 3px auto 0; }

.list6 { margin: 20px auto; text-align: center; }

.list6 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list6 li a { font-weight: normal; }

.list6 li.btn { width: 15px; }

.list6 li.btn img { display: block; margin: 3px auto 0; }

.list7 { margin: 20px auto; text-align: center; }

.list7 li { display: inline-block; width: 18px; font-weight: 700; color: #525DA4; }

.list7 li a { font-weight: normal; }

.list7 li.btn { width: 15px; }

.list7 li.btn img { display: block; margin: 3px auto 0; }

.sProfile { overflow: hidden; width: 63px; height: 75px; border-radius: 4px; text-align: center; }

/*! FAQ전자출석 */
#tabM { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 10px; width: 100%; margin-bottom: 14px; }

#tabM li { width: auto; }

#tabM li a { display: block; color: var(--cm-gray-600); font-size: var(--fs-14); font-weight: var(--fw-500); padding: 8px 12px; line-height: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; border: 1px solid var(--bdr-color-004); }

#tabM li.selected a { background-color: var(--btn-color-001); border-color: var(--btn-color-001); color: var(--bg-color-000); }

/*! Member_Search */
#tabMS { overflow: hidden; width: 97%; margin: 0 auto; background: #1E282C; }

#tabMS li { float: left; width: 127px; text-align: center; }

#tabMS li:first-child { width: 129px; border-left: none; }

#tabMS li a { display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; }

#tabMS li:hover { background: #eee; }

#tabMS li:hover a { color: #1E282C; }

#tabMS li.selected { background: #eee; }

#tabMS li.selected a { font-weight: 700; color: #1E282C; }

#faqCon { width: 100%; }

#faqCon dl { overflow: hidden; padding: 20px 0; border-bottom: 1px dotted #ddd; }

#faqCon dl dt { margin-left: 5px; padding-left: 12px; background: url(../img/bullet_qna.gif) no-repeat 0 3px; font-weight: 700; color: #525DA4; }

#faqCon dl dd { overflow: hidden; width: calc(98% - 2px); margin: 5px auto; border: 1px solid var(--bdr-color-004); border-top: 1px solid #4a5668; }

#faqCon dl dd ul { padding: 10px; }

#faqCon dl dd ul li { margin: 2px 0; padding-left: 10px; background: url(../img/snb_hover_bullet.gif) no-repeat 0 5px; }

#faqCon dl dd ul.listA li label, #faqCon dl dd ul.listA li span { display: block; }

/*! 전자출결시스템안내 */
#infoCon { width: 100%; }

#infoCon dl { overflow: hidden; margin-top: 20px; padding: 20px; border: 1px solid #f3f3f3; background: #fff; }

#infoCon dl dt { line-height: 16px; padding: 0 0 0 2px; font-family: 'SpoqaHanSansNeo', sans-serif; font-weight: 700; font-size: 15px; color: #d1d3f3; }

#infoCon dl dt span { margin-left: 5px; color: #fd3eb1; }

#infoCon dl dd { overflow: hidden; margin: 7px 20px 0 15px; background: url(../img/bullet_info.png) no-repeat; background-position: 0px 6px; }

#infoCon dl dd ul { margin-left: 16px; }

#infoCon dl dd ul li { margin: 4px 0; }

#infoCon dl dd ul.listA li label, #infoCon dl dd ul.listA li span { display: block; }

/*! 공지사항 */
#noticeCon { overflow: hidden; width: 100%; }

#noticeCon h3 { font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 17px; color: #343435; }

#noticeCon h3 a { display: inline-block; line-height: 18px; padding: 0 15px 0 5px; background: #3b3b3b url(../img/bullet_notice.png) no-repeat 128px center; font-weight: normal; font-size: 13px; color: #fff; text-align: center; }

.idList { overflow: hidden; width: 100%; margin-top: 20px; }

.idList li { float: left; width: 33%; background: url(../img/bullet_id.gif) no-repeat right center; }

.idList li:last-child { width: 34%; background: none; }

.idList li + li + li { width: 34%; background: none; }

.idList li div { overflow: hidden; float: left; width: 90px; height: 90px; margin-left: 12%; border-radius: 50%; background: #f4f4f4; text-align: center; }

.idList li div img { margin-top: 12%; }

.idList li p { float: left; line-height: 90px; margin-left: 10px; font-weight: 700; font-size: 14px; }

.csBox { margin: 20px 0 10px; }

.csBox dd { display: block; width: 260px; margin-top: 5px; font-weight: 700; font-size: 15px; color: #333; text-align: left; }

.csBox dd.point { padding: 2px 8px; border-radius: 3px; background: #1d62b4; font-family: 'SpoqaHanSansNeo', sans-serif; color: #fff; }

.csBox dd i { color: #fff; }

#systemCon { overflow: hidden; padding: 13px 10px 3px; border: 1px solid #efefef; border-radius: 10px; background: #f7f7f7; }

#systemCon dt { color: #3b3b3b; }

#systemCon dt span { color: #1d94e5; text-decoration: underline; }

#systemCon dd { margin: 3px 0 10px 10px; padding-left: 5px; background: url(../img/bullet_system.png) no-repeat 0 5px; }

#systemCon dd a:hover { color: #1d62b4; }

.btnSystem { overflow: hidden; margin: 20px auto 0 auto; text-align: center; }

.btnSystem li { display: inline-block; width: 130px; height: 32px; line-height: 32px; margin: 0 5px; font-family: 'SpoqaHanSansNeo', sans-serif; font-size: 13px; }

.btnSystem li a { display: block; width: 100%; height: 100%; font-weight: 700; color: #fff; }

.btnSystem li.blue { border: 1px solid #757ce8; border-radius: 4px; background: #787fef; }

.btnSystem li.black { border: 1px solid #383636; background: #4e4e4e; }

.btnSystem li.gray { border: 1px solid #9c9c9c; background: #a5a5a5; }

#loading { display: none; position: absolute; top: 50%; left: 50%; }

#popup_mask { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 1000px; background-color: #000; opacity: 0.3; }

.survey { width: 100%; margin: 0 auto; border-top: 1px solid #d8d7d7; border-left: 1px solid #d8d7d7; }

.survey th { background: #f1f1f1; font-weight: normal; color: #3b3b3b; }

.survey th, .survey td { padding: 6px; border-right: 1px solid #d8d7d7; border-bottom: 1px solid #d8d7d7; text-align: center; }

.survey input, .survey select { width: 90%; height: 30px; border: 1px solid #ced4da; color: #6c757d; }

.survey .date { display: -webkit-box; display: -ms-flexbox; display: flex; }

.survey .date select { margin-right: 2%; }

.survey .btnBoard { margin-top: 0; }

.survey .btnBoard li { width: 50px; margin: 0 0 0 1%; }

.survey .btnBoard li:first-child { margin-left: 0; }

.survey #btn_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.survey #btn_info .btnBoard { width: 20%; margin: 0; }

.survey #btn_info .btnBoard li { width: 47%; }

.text-left { text-align: left; }

.stickyBody td { background: #F7f8fc; }

/*! 20240807 관리자 대시보드 수정 */
/*! 240925 레이아웃 수정 */
.content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; /*! 20241016 부트스트랩 탭 리스트 색상 변경*/ }

.content-wrap.modal-type .panel-box { padding: 0 20px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 20px; }

.content-wrap.modal-type .panel-box:first-child { padding-top: 20px; margin-top: 0px; }

.content-wrap.modal-type .panel-box:last-child { padding-bottom: 20px; }

.content-wrap .panel-colums { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-wrap .panel-colums .panel-box { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; }

.content-wrap .panel-box + .bottom-area { margin: 20px 0; }

.content-wrap .panel-title, .content-wrap .sub_tit, .content-wrap h2.sub_tit { margin: 0; font-size: var(--fs-24); color: var(--cm-gray-9); font-weight: var(--fw-500); }

.content-wrap .panel-title + .ico2, .content-wrap .ico2 .panel-title + .util, .ico2 .content-wrap .panel-title + .util, .content-wrap .sub_tit + .ico2, .content-wrap .ico2 .sub_tit + .util, .ico2 .content-wrap .sub_tit + .util, .content-wrap h2.sub_tit + .ico2, .content-wrap .ico2 h2.sub_tit + .util, .ico2 .content-wrap h2.sub_tit + .util { margin-top: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.content-wrap .panel-title + .ico2 + table, .content-wrap .ico2 .panel-title + .util + table, .ico2 .content-wrap .panel-title + .util + table, .content-wrap .sub_tit + .ico2 + table, .content-wrap .ico2 .sub_tit + .util + table, .ico2 .content-wrap .sub_tit + .util + table, .content-wrap h2.sub_tit + .ico2 + table, .content-wrap .ico2 h2.sub_tit + .util + table, .ico2 .content-wrap h2.sub_tit + .util + table { margin-bottom: 0; }

.content-wrap .panel-title + .panel-content .form-group, .content-wrap .sub_tit + .panel-content .form-group, .content-wrap h2.sub_tit + .panel-content .form-group { margin-bottom: 0; }

.content-wrap h3.sub_tit { font-size: var(--fs-18); font-weight: var(--fw-500); margin-top: 14px; }

.content-wrap .total_number { font-weight: var(--fw-400); font-size: var(--fs-16); }

.content-wrap .panel-box { border: 1px solid var(--cm-gray-200); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; }

.content-wrap .panel-box .nav-tabs .nav-item .nav-link { color: var(--cm-gray-600); font-size: var(--fs-14); font-weight: var(--fw-500); padding: 8px 12px; line-height: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.content-wrap .panel-box .nav-tabs .nav-item .nav-link.active { background-color: var(--btn-color-001); border-color: var(--btn-color-001) !important; }

.content-wrap .panel-box .result-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.content-wrap .panel-box .result-title > p { font-size: 14px; font-weight: 400; color: var(--cm-gray-700); }

.content-wrap .panel-box:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.content-wrap .panel-box .panel-content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-wrap .panel-box .panel-content .bd-view + .bd-view { margin-top: 18px; }

.content-wrap .panel-box .panel-content .bd-view h3 { margin: 8px 0; font-size: var(--fs-18); font-weight: var(--fw-500); color: #000; }

.content-wrap .panel-box .panel-content .card .card-header h5 { font-size: var(--fs-18); }

.content-wrap .panel-box .panel-content .card .card-header .col { float: none; width: 100%; }

.content-wrap .panel-box .panel-content .card .card-header .col.text-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.content-wrap .panel-box .panel-content.msg-panel { gap: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.content-wrap .panel-box .panel-content.msg-panel > div { width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-wrap .panel-box .panel-content.msg-panel > div:first-child { width: calc(70% - 10px); }

.content-wrap .panel-box .panel-content.msg-panel > div:last-child { width: calc(30% - 10px); }

.content-wrap .panel-box .panel-content.msg-panel > div #image_box #preImage { display: none; }

.content-wrap .panel-box .panel-content.msg-panel > div #image_box .custom-file-label { border-radius: 6px; height: 36px; font-size: var(--fs-14); }

.content-wrap .panel-box .panel-content.msg-panel > div #image_box .custom-file-label:after { cursor: pointer; border-radius: 0 6px 6px 0; height: 100%; font-size: var(--fs-14); }

.content-wrap .panel-box .panel-content.msg-panel > div #html_box { display: none; }

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box { margin: 0; text-align: center; }

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box textarea, .content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box #content-html { border-radius: 8px; height: 300px; resize: none; font-size: var(--fs-14); font-weight: var(--fw-400); }

.content-wrap .panel-box .panel-content.msg-panel > div .smartphone_box #content_box #content-html { display: none; border: 1px solid #ced4da; text-align: left; padding: 7px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.content-wrap .panel-box .panel-content.msg-panel > div #re_send_div { display: none; margin-bottom: 5px; width: 60%; }

.content-wrap .panel-box .panel-content.msg-panel > div #re_send_div input { width: 100%; font-size: var(--fs-14); }

.content-wrap .panel-box .panel-content.msg-panel > div .re-msg-box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 10px; }

.content-wrap .panel-box .panel-content.msg-panel > div .re-msg-box button { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; }

.content-wrap .panel-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.content-wrap .panel-wrap.num_3 .panel-box { min-width: 380px; }

.content-wrap .panel-wrap.num_3 .panel-box #table_question ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; padding-right: 8px; border-bottom: 1px solid var(--bdr-color-004); font-size: var(--fs-16); }

.content-wrap .panel-wrap.num_3 .panel-box #table_question ul li a { font-weight: 500; color: var(--sc-color-600); }

.content-wrap #pushStatsChart { width: 100% !important; }

.content-wrap .form_list { padding: 0; }

.content-wrap .col-lg-4 { padding: 0; }

.content-wrap .panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--bg-color-000); border: 1px solid var(--cm-gray-200); border-radius: 12px; }

.content-wrap .panel h2 { margin-top: 0; }

.content-wrap .panel .row { width: 100%; margin: 0; }

.content-wrap .panel .row > .col-02 { padding: 0; }

.content-wrap .panel .row > .col-12 { position: relative; }

.content-wrap .panel #table_notice tr { border-bottom: .0625rem solid #e4e4e4; }

.content-wrap .panel #table_notice tr th:nth-child(2) { color: var(--cm-gray-600); }

.content-wrap .link-tab { width: 100%; height: 60px; margin-top: 36px; border: 1px solid var(--bdr-color-004); }

.content-wrap .link-tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.content-wrap .link-tab ul li { -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; }

.content-wrap .link-tab ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; font-size: 16px; font-weight: 500; color: var(--cm-gray-900); text-align: center; }

.content-wrap .link-tab ul li.active { background-color: var(--cm-gray-300); }

.content-wrap .link-tab ul li.active a { text-decoration: underline; }

.content-wrap .link-tab ul li + li { border-left: 1px solid var(--bdr-color-004); }

.content-wrap .list-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.content-wrap .list-group-item { border-radius: 0 !important; padding: 8px; font-size: var(--fs-12); }

.content-wrap .list-group-item.active { border-color: var(--cm-gray-800); background-color: var(--cm-gray-800); }

.content-wrap .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; }

.content-wrap .list-group-item + .list-group-item.active { margin-top: 0; }

.content-wrap.tree-type .form-control { border: none; width: auto; min-height: none; }

.content-wrap.tree-type .form-control select, .content-wrap.tree-type .form-control input { border: 1px solid var(--bdr-color-004); line-height: normal; border-radius: 8px; }

.content-wrap.tree-type input[type='text'], .content-wrap.tree-type input[type='password'], .content-wrap.tree-type select { padding: 0 12px; }

.content-wrap.tree-type textarea { padding: 12px 16px; }

.content-wrap.tree-type input[type='time'] { padding-right: 40px; }

.content-wrap.tree-type .tree-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; }

.content-wrap.tree-type .tree-flex > div { width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }

.content-wrap.tree-type .tree-flex > div .top-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.content-wrap.tree-type .tree-flex > div .scroll.page { height: 100%; }

.content-wrap.tree-type .tree-flex > div .scroll.page .menu-tree.tree { height: 100%; min-height: 400px; max-height: 700px; }

.content-wrap.tree-type .tree-flex > div .scroll.page .menu-tree.tree label { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.content-wrap.tree-type .tree-flex .tree-checkbox.checked, .content-wrap.tree-type .tree-flex .tree-checkbox.indeterminate { background-color: var(--sc-color-600); border-color: var(--sc-color-600); }

.content-wrap.tree-type.tree-arrow { height: auto; cursor: initial; margin-left: 0; width: 100%; }

.content-wrap.tree-type.tree-arrow .tree-flex { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.content-wrap.tree-type.tree-arrow .tree-flex .center_cate { width: 8%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.content-wrap.tree-type.tree-arrow .tree-flex .center_cate > button { background-color: var(--cm-gray-800) !important; }

.content-wrap.tree-type .tree-content .node-container .node-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 8px; }

/* 기존 대시보드 */
.new-Dashboard .content-wrap { padding: 0; }

.new-Dashboard .content-wrap .panel-wrap { max-height: 300px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.new-Dashboard .wrapper { padding: 0; }

.new-Dashboard #pushStatsChart { width: 100% !important; }

.new-Dashboard .tab-panel { padding: 30px 30px 32px; border-radius: .75rem; background-color: var(--cm-gray-000); -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05); }

.new-Dashboard .tab-panel .sub_tit { margin-bottom: 20px; padding-left: 0; background: none; font-weight: 700 !important; font-size: 24px !important; }

.new-Dashboard.tab-content { padding: 0; }

.new-Dashboard.tab-content .panel-wrap { margin-top: 0; }

.new-Dashboard.tab-content .panel-wrap h2 { font-size: 20px; }

.new-Dashboard.tab-content .panel-wrap .panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--bg-color-000); border: 1px solid var(--cm-gray-200); border-radius: 12px; width: calc(50% - 10px); max-width: none; border-color: var(--cm-gray-400); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 257px; gap: 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle { -ms-flex-negative: 0; flex-shrink: 0; min-width: 110px; }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle h3 { font-size: var(--fs-20); font-weight: var(--fw-500); }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list { margin-top: 24px; }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 8px; padding: 6px 12px; background-color: var(--bg-color-002); }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p { margin-top: 0; }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p.chart-lable-name, .new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p:first-child { font-size: var(--fs-12); font-weight: var(--fw-400); color: var(--cm-gray-700) !important; }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p.chart-lable-value, .new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li p:last-child { color: var(--cm-gray-900); font-size: var(--fs-15); font-weight: var(--fw-500); }

.new-Dashboard.tab-content .panel-wrap .panel .chart-circle .chart-info-list > li:not(:last-child) { margin-bottom: 6px; }

.new-Dashboard.tab-content .panel-wrap .panel .panel-chart-pie { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.new-Dashboard.tab-content .panel-wrap .panel div[id*="pie"]:not(:has(svg)) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: var(--fs-16); font-weight: var(--fw-400); color: var(--cm-gray-600); }

.new-Dashboard.tab-content .panel-wrap .panel + .panel, .new-Dashboard.tab-content .panel-wrap .content-wrap .panel + .panel { margin-top: 0; }

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend { margin-top: 10px; }

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; gap: 0 20px; }

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 0 8px; cursor: pointer; }

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item-name { font-size: var(--fs-12); font-weight: var(--fw-400); }

.new-Dashboard.tab-content .panel-wrap .panel .c3-legend .lgn-list .lgn-item-color { width: 25px; height: 7px; display: block; }

.new-Dashboard.tab-content.type2 .panel-wrap { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; gap: 40px 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel p { margin-top: 0; font-size: inherit; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel > div, .new-Dashboard.tab-content.type2 .panel-wrap .content-wrap .panel > div { width: 100%; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel h2 { margin-bottom: 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 { position: static; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 .btn { width: 24px; height: 24px; border-radius: 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .ico4 p { font-size: 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel:only-child { border: none; width: 100%; padding: 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list { width: 100% !important; height: 100%; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 10px; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list h2 span { font-size: var(--fs-14); font-weight: var(--fw-400); color: var(--cm-gray-800); margin-left: 0; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; min-height: 230px; height: calc(100% - 52px); margin-top: 20px; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt { border-radius: 30px; width: calc(25% - 5px); background-color: var(--bg-color-002); text-align: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt::before { display: block; content: ''; width: 48px; height: 48px; border-radius: 50%; background-color: var(--bg-color-000); background-position: center; background-repeat: no-repeat; -webkit-box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.05); box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.05); margin-bottom: 18px; }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(1):before { background-image: url(../img/dash_icon1.svg); }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(2):before { background-image: url(../img/dash_icon2.svg); }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(3):before { background-image: url(../img/dash_icon3.svg); }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt:nth-child(4):before { background-image: url(../img/dash_icon4.svg); }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt .listcnt-title { font-size: var(--fs-18); font-weight: var(--fw-400); }

.new-Dashboard.tab-content.type2 .panel-wrap .panel .panel-type-list .dashBoard-listcnt .listcnt-number { margin-top: 8px; font-size: 28px; font-weight: var(--fw-500); color: var(--cm-gray-900); letter-spacing: -3px; cursor: pointer; }

.new-Dashboard .form_list { padding: 0; }

.new-Dashboard .col-lg-4 { padding: 0; }

.new-Dashboard .panel { -webkit-box-flex: 0; -ms-flex: 0 0 28.4%; flex: 0 0 28.4%; width: 28.4%; max-width: 28.4%; position: relative; padding: 20px; }

.new-Dashboard .panel:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; width: 41%; max-width: 41%; }

.new-Dashboard .panel .row { width: 100%; margin: 0; }

.new-Dashboard .panel .row > .col-02 { padding: 0; }

.new-Dashboard .panel .row > .col-12 { position: relative; }

.new-Dashboard .panel .row .chart th, .new-Dashboard .panel .row .info th, .new-Dashboard .panel .row .info2 th, .new-Dashboard .panel .row .tb-row th, .new-Dashboard .panel .row .chart td, .new-Dashboard .panel .row .info td, .new-Dashboard .panel .row .info2 td, .new-Dashboard .panel .row .tb-row td { padding: 8px; font-size: var(--fs-12); height: 40px !important; }

.new-Dashboard .panel #table_question table { margin-top: 1remz; }

.new-Dashboard .panel #table_question table td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px; padding-right: 8px; border-bottom: .0625rem solid #e4e4e4; font-size: 1rem; text-align: left; }

.new-Dashboard .panel #table_question table td a { font-weight: 500; color: var(--sc-color-300); }

.new-Dashboard .panel #table_notice tr { border-bottom: .0625rem solid #e4e4e4; }

.new-Dashboard .panel #table_notice tr th:nth-child(2) { color: var(--cm-gray-600); }

.new-Dashboard .panel .ico4 { position: absolute; right: 30px; top: 30px; width: auto; margin: 0; }

.new-Dashboard .panel .btn { width: 30px; height: 30px; margin-top: 0; padding: 0; margin: 0; border: 0; font-size: 0; color: var(--bg-color-000); background: url(../img/ico_btn_plus.svg) no-repeat 50%/24px; }

.new-Dashboard .link-tab { width: 100%; height: 60px; margin-top: 36px; border: 1px solid var(--bdr-color-004); }

.new-Dashboard .link-tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.new-Dashboard .link-tab ul li { -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; }

.new-Dashboard .link-tab ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; font-size: 16px; font-weight: 500; color: var(--cm-gray-900); text-align: center; }

.new-Dashboard .link-tab ul li.active { background-color: var(--cm-gray-300); }

.new-Dashboard .link-tab ul li.active a { text-decoration: underline; }

.new-Dashboard .link-tab ul li + li { border-left: 1px solid var(--bdr-color-004); }

/* 리뉴얼 대시보드 */
.btnGroups { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 8px; margin-left: 10px; }

/*! 20240812 Form Panel 수정 */
/*! 240912 body 컨텐츠 수정 */
form[id*="form_"]:not(#form_menu):not(#form_header) { margin-top: 0px; background-color: var(--cm-gray-000); }

form[id*="form_"] .scroll { overflow-y: auto; }

form[id*="form_"] + form[id*="form_"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.center { text-align: center !important; }

.left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left !important; }

.right { text-align: right !important; }

.list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; margin-top: 0px; margin-bottom: 0; }

.list > li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px !important; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 12px; color: var(--cm-gray-900); border-radius: 5px; background-color: #efefef; }

.list > li > a { font-size: 14px; color: var(--cm-gray-600); }

.list > li:has(> a) { color: var(--cm-gray-600); background-color: var(--cm-gray-000); }

.list > li:has(> a):hover { color: var(--cm-gray-600); }

.list li + li { margin-left: 20px; }

table.tb-type2 th { height: 80px !important; padding: 27px 26px; border-top: 1px solid var(--bdr-color-004); border-left: 0; font-size: 18px; font-weight: 700; color: var(--cm-gray-900); text-align: left; }

table.tb-type2 td { height: 80px !important; padding: 29px 28px; }

.cls_prnm:hover, .cls_sjnm:hover { color: #4c84fa; }

.webui-popover.prnm_popup .webui-popover-content { width: 100% !important; height: 180px !important; }

.webui-popover.prnm_popup iframe { width: 100% !important; }

.webui-popover.prnm_popup > .webui-arrow { top: 83px !important; }

.webui-popover.prnm_popup > .webui-arrow:after { right: 0 !important; top: -18px !important; }

.webui-popover.prnm_popup .webui-popover-content { padding: 0 !important; }

.webui-popover.prnm_popup .webui-popover-content .modal #popupCon { width: 270px !important; }

.webui-popover.prnm_popup .webui-popover-content .modal #popupCon .info2 tr td { width: auto !important; }

.popup-con .info2 { width: 100%; margin-top: 12px; border: 0; }

.popup-con .info2 th, .popup-con .info2 td { height: 33px; }

.popup-con .info2 th { font-size: 12px; color: var(--cm-gray-000); border-left: 0; border-bottom: 0; background-color: var(--pm-color-600); }

.popup-con .info2 td { padding: 5px 10px; border-right: 0; border-left: 0; font-size: 12px; color: var(--cm-gray-800); text-align: center; }

.popup-con .info2 input[type='text'] { width: 100%; }

/*! 20240826 Info Table */
form.form-inline.top-panel { padding-top: 34px !important; }

/*! 20240827 Panel Top-Area */
.ico-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.ico-wrap_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ico-wrap.jus-bet { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ico-wrap button[type="button"] { font-family: 'SpoqaHanSansNeo', sans-serif; height: 36px; padding: 0 12px; border-radius: 4px; border: 1px solid #dadada; font-weight: 500; font-size: 16px; color: #666; background-color: #fff; }

/*! 20240827 Panel Top-Area */
.top-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 57px; }

.top-area > :has(.left), .top-area :has(> .left + div) { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.top-area.right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.top-area h3 { font-weight: var(--fw-500); font-size: var(--fs-18); }

.top-area .btnBoard { margin-top: 0 !important; }

.top-area > span > em { margin-left: 5px; font-size: 16px; color: var(--cm-gray-600); }

.top-area .util { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.top-area .ico2 a + a, .top-area .ico2 .util a + a, .ico2 .top-area .util a + a { margin-left: 12px; }

.top-area .ico2 .chBox, .ico2 .top-area .util .chBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 36px; line-height: 32px; padding: 0 16px; border-radius: 4px; }

.top-area .ico2 .chBox ul li, .ico2 .top-area .util .chBox ul li { padding: 0; margin-right: 0; font-size: 16px; }

.top-area .ico2 .chBox ul li:first-child, .ico2 .top-area .util .chBox ul li:first-child { margin-left: 0; }

.top-area button[type="button"] { font-family: 'SpoqaHanSansNeo', sans-serif; height: 36px; padding: 0 12px; border-radius: 4px; border: 1px solid #dadada; font-weight: 500; font-size: 16px; color: #666; background-color: #fff; }

/*! 20240826 Form Elements */
.inpt { width: 400px; }

.inpt, .select { width: 254px; }

input[type="text"][class*="inpt-"] { width: 100%; padding-right: 48px; /*! 20240911 Time-Picker */ }

input[type="text"][class*="inpt-"].inpt-datepicker { max-width: 254px; background: url(../img/ico_calendar.svg) no-repeat top 50% right 12px/24px; }

input[type="text"][class*="inpt-"].inpt-datepicker.dropdown-menu { height: auto !important; }

input[type="text"][class*="inpt-"].inpt-timepicker { max-width: 260px; background: url(../img/ico_arrow_drop.svg) no-repeat top 50% right 12px/24px; }

input[type="text"][class*="inpt-"]:disabled { border-color: var(--bdr-color-004); background-color: var(--cm-gray-200); opacity: 0.7; }

.select-top { width: 254px; background-color: var(--bg-color-000); }

/*! 20240830 전자출결 출석부 상세 */
div[id*="print_area"] { -webkit-overflow-scrolling: none; }

div[id*="print_area"] .first { border-right: 1px solid #e4e4e4; }

div[id*="print_area"] tr:not(:first-child) .date:not(:first-child) th:not(:first-child) { border-bottom: 0; }

div[id*="print_area"] tr:not(:first-child) .date:not(:first-child):last-child { border-bottom: 1px solid #e4e4e4; }

#print_area2 { border-top: 1px solid #e4e4e4 !important; border-left: 0 !important; }

#print_area2 .clr_sort.mw35 + th { border-right: 1px solid #e4e4e4; }

#print_area2 tr { border-left: 0 !important; }

#print_area2 tr.reg_row td:first-child { border-top: 1px solid #e4e4e4; }

#print_area2 .info { border-top: 0 !important; }

/*! 20240830 파일 아이콘 수정 */
.fa.fa-file-image-o:before { content: ""; display: block; position: relative; top: 50%; width: 24px; height: 24px; margin-left: 8px; background: url(../img/ico_pic.svg) no-repeat 50%/24px; }

/*! 20240903 Guide 안내문구 */
.guide-con { padding: 16px; color: #999; }

.guide-con.none-type { padding: 0; }

.guide-con dt { margin-bottom: 12px; font-weight: var(--fw-700); color: var(--cm-gray-700); font-size: var(--fs-16); }

.guide-con dd, .guide-con li { position: relative; padding-left: 20px; font-size: var(--fs-14); }

.guide-con dd:before, .guide-con li:before { content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(../img/ico_info.svg) no-repeat; background-size: 16px; }

.guide-con dd + dd { margin-top: 6px; }

/*! 20240903 HCO0301M01 일괄 출석변경 수정 (id="webuiPopover44") */
div[id*="webuiPopover"] { z-index: 10; padding: 0; margin: 0; }

div[id*="webuiPopover"] .webui-popover-content { overflow-x: hidden; border-radius: 14px !important; padding: 0; }

div[id*="webuiPopover"] .webui-popover-inner .close:hover { text-decoration: none; }

div[id*="webuiPopover"] iframe { width: 100% !important; }

.webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after { bottom: 1px !important; z-index: 0; margin-left: -18px !important; }

.webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow { bottom: -19px !important; z-index: 0; }

input[type="number"] { width: 100px; text-align: right; }

/*! 20240920 드래그 클래스 변경 */
.dragHandle { width: 24px; height: 24px; background: url(../img/ico_draggable.svg) no-repeat center !important; }

.ico { margin: 0 auto; padding: 10px 0; border: 1px solid #d8d7d7; background: #f1f1f1; }

.ico ul li a { color: #666; }

.ico ul li.print { padding-left: 20px; background-image: url(../img/icon_print.gif); }

.ico ul li.excel { padding-left: 20px; background-image: url(../img/icon_excel.gif); }

.ico ul li.pdf { padding-left: 20px; background-image: url(../img/icon_pdf.gif); }

.ico ul li.re { padding-left: 20px; background-image: url(../img/icon_re.gif); }

.ico p { float: right; margin-right: 10px; font-size: 11px; color: #979797; }

/*! 20240920 부트스트랩 제거*/
.row { margin-left: 0 !important; margin-right: 0 !important; }

/*! 240925 css 적용 기준*/
/*! 푸시전송 이미지 파일 영역 수정*/
.smartphone form#form_image { padding: 0 !important; margin: 0; width: 100%; }

.smartphone form#form_image .custom-file { margin: 5px 0; }

.smartphone form#form_image .custom-file .upload-name { width: 0; height: 0; position: absolute; }

.smartphone form#form_image .custom-file .custom-file-input { width: 0; height: 0; position: absolute; }

.smartphone form#form_image .custom-file .custom-file-label { position: relative; width: 100%; }

/*! 20240919 ul박스*/
.info-box { margin-top: 50px; }

.info-box .info-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; }

.info-box .info-ul li { font-size: 16px; font-weight: 400; color: #999999; padding-left: 20px; background: url("../img/ico_info.svg") no-repeat top 4px left 0; }

.info-box .info-ul li + li { margin-top: 6px; }

/*! 240913 버튼 디자인 수정 김민규 */
.ico2, .ico2 .util { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; margin-bottom: 0; }

.ico2.result-type, .ico2 .result-type.util { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ico2.result-type .sch-result, .ico2 .result-type.util .sch-result, .ico2.result-type > li:first-child, .ico2 .result-type.util > li:first-child, .ico2.result-type > label, .ico2 .result-type.util > label, .ico2.result-type > p, .ico2 .result-type.util > p, .ico2.result-type > span, .ico2 .result-type.util > span { font-size: 14px; font-weight: 400; color: var(--cm-gray-700); }

.ico2-left { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.ico2-right { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.ico2-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.ico2.date-ref .util, .ico2 .date-ref.util .util { gap: 0 20px; }

.ico2 li.print a { background-image: url(../img/ico_print.svg); }

.ico2 li.excel a { background-image: url(../img/ico_download.svg); }

.ico2 > .mgnT5, .ico2 .util > .mgnT5, .ico2 > .pull-left, .ico2 .util > .pull-left { margin-top: 0 !important; margin-bottom: 0 !important; }

.ico2 .ico-btn, .ico2 a, .ico2 .util a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 76px; height: 36px; font-size: var(--fs-14); color: var(--cm-gray-700); font-weight: var(--fw-400); padding: 7px 12px 7px 36px; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--cm-gray-400); border-radius: 6px; background-color: var(--bg-color-000); background-position: left 10px center; background-size: 20px; background-repeat: no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; }

.ico2 .ico-btn:has(> img), .ico2 a:has(> img), .ico2 .util a:has(> img) { border: none; padding: 7px; }

.ico2 .ico-btn:hover, .ico2 a:hover { opacity: 0.7; }

.ico2 .ico-btn#print, .ico2 .ico-btn.ico-print, .ico2 .ico-btn #deptPrint, .ico2 a#print, .ico2 a.ico-print, .ico2 a #deptPrint { background-image: url(../img/ico_print.svg); }

.ico2 .ico-btn#excel, .ico2 .ico-btn.ico-excel, .ico2 a#excel, .ico2 a.ico-excel { background-image: url(../img/ico_download.svg); }

.ico2 .ico-btn#pdf, .ico2 .ico-btn.ico-pdf, .ico2 a#pdf, .ico2 a.ico-pdf { background-image: url(../img/icon_pdf.png); }

.ico2 .ico-btn#time_refresh, .ico2 .ico-btn#page_reload, .ico2 .ico-btn.ico-re, .ico2 a#time_refresh, .ico2 a#page_reload, .ico2 a.ico-re { background-image: url(../img/ico_refresh.svg); }

.ico2 .ico-btn.none-ico, .ico2 a.none-ico { padding: 0 24px; background-image: none; }

.ico2 .ico-btn.ico-black, .ico2 a.ico-black { color: var(--bg-color-000); background-color: var(--cm-gray-800); border-color: var(--cm-gray-800); }

.ico2 .ico-btn.ico-red, .ico2 a.ico-red { color: var(--bg-color-000); background-color: var(--sc-color-600); border-color: var(--sc-color-600); }

.ico2 .ico-btn.ico-green, .ico2 a.ico-green { background-color: #3BB000; color: var(--bg-color-000); border-color: #3BB000; }

.ico2 .ico-btn.ico-delete, .ico2 a.ico-delete { color: var(--sc-color-600); border-color: var(--sc-color-600); }

.ico2 .ico-btn.ico-delete i, .ico2 a.ico-delete i { background: url(../img/ico_bt_minus.svg) no-repeat; }

.ico2 .ico-btn.ico-add, .ico2 a.ico-add { color: #666 !important; }

.ico2 .ico-btn.ico-add i, .ico2 a.ico-add i { background: url(../img/ico_bt_plus.svg) no-repeat; }

.ico2 .ico-btn:has(i), .ico2 a:has(i), .ico2 .util a:has(i) { padding: 10px 12px; }

.ico2 .ico-btn i, .ico2 a i, .ico2 .util a i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; margin-right: 2px; }

.ico2:has(+ table), .ico2 .util:has(+ table) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

/*! 240913 테이블 수정 김민규  */
.info2 th { border-bottom: 1px solid var(--bdr-color-004); border-left: 1px solid var(--bdr-color-004); background: #f9f9f9; color: var(--cm-gray-800); text-align: center; }

.info2 th.left { padding-left: 10px; text-align: left; }

.info2 td { padding: 5px 10px; border-bottom: 1px solid var(--bdr-color-004); font-size: 16px; text-align: left; }

.info2 td.center { text-align: center; }

.info2 td a { color: #525DA4; }

.info2 td input[type='text'] { width: 100%; }

.info2 tr .graybg th, .info2 tr .graybg td { background: #f7f7f7; }

.info2 .titleTop th { font-weight: var(--fw-700); }

/*! 팝업관련 */
#popupCon { overflow: hidden; padding: 10px; background: #fff; }

#popupCon h2 span { font-weight: normal; font-size: 12px; }

.modal::-webkit-scrollbar { display: none; }

.modal form[id*="form_"] { overflow-y: hidden !important; height: auto !important; padding: 0 !important; margin-top: 0 !important; border-radius: 14 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.modal #popupCon { overflow-y: hidden !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% !important; height: auto !important; padding: 22px; border-radius: 14px !important; }

.modal #popupCon .chart_roll.chart_roll2 tr th, .modal #popupCon .chart_roll.chart_roll2 tr td { height: 33px; }

.modal #popupCon .chart_roll.chart_roll2 tr th { padding: 0 5px; background-color: #333; font-size: 11px; color: #fff; text-align: left; }

.modal #popupCon .chart_roll.chart_roll2 tr td { padding: 8px 12px; border-top: 1px solid #e4e4e4; font-size: 11px; color: #1a1a1a; text-align: left; }

.modal #popupCon .chart_roll.chart_roll2 tr td.profile-thumb { width: 0; border: none; position: absolute; }

.modal #popupCon .chart_roll.chart_roll2 tr td input[type="text"] { width: 100%; height: 28px; border-radius: 4px; font-size: 12px; }

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp label + label { margin-left: 8px; }

.modal #popupCon .chart_roll.chart_roll2 tr td .radio-gp label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal #popupCon .chart_roll.chart_roll2 tr td .form-check, .modal #popupCon .chart_roll.chart_roll2 tr td input[type="radio"] { width: 14px; height: 14px; margin-right: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modal #popupCon .chart_roll.chart_roll2 tr td .form-chk > input[type=radio]:checked { border-width: 4px; }

.modal #popupCon .chart_roll.chart_roll2.roll_center tr th, .modal #popupCon .chart_roll.chart_roll2.roll_center tr td { text-align: center; }

.modal #popupCon .chart_roll.chart_roll2.cht-01 { margin-top: 18px; }

.modal #popupCon .chart_roll.chart_roll2.cht-01 th { margin-top: 12px; color: #666; background-color: #efefef; }

.modal #popupCon .chart_roll.chart_roll2.cht-01 td { text-align: center; }

.modal #popupCon .chart_roll2 tr th, .modal #popupCon .chart_roll2 tr td { text-align: center; }

.modal #popupCon .btnBoard.mdBtn { margin-top: 18px; border-radius: 1px; }

.modal #popupCon .btnBoard.mdBtn li { width: 55px !important; min-width: 55px !important; min-height: 30px !important; height: 30px !important; padding: 0 !important; }

.modal #popupCon .btnBoard.mdBtn li a { width: 55px; }

.modal #popupCon .radio-inline + .radio-inline, .modal #popupCon .checkbox-inline + .radio-inline, .modal #popupCon .form-chk-set > .form-chk + .radio-inline, .modal #popupCon .radio-inline + .checkbox-inline, .modal #popupCon .checkbox-inline + .checkbox-inline, .modal #popupCon .form-chk-set > .form-chk + .checkbox-inline, .modal #popupCon .form-chk-set > .radio-inline + .form-chk, .modal #popupCon .form-chk-set > .checkbox-inline + .form-chk, .modal #popupCon .form-chk-set > .form-chk + .form-chk { margin-left: 10px !important; margin-right: 0 !important; }

.modal #popupCon .form-chk > input[type=radio] { width: 14px !important; height: 14px !important; border-radius: 50% !important; }

.modal #popupCon .form-chk > input[type=radio]:checked { border-width: 4px !important; }

.modal #popupCon form[id*="form_"] { border-radius: 0 !important; }

.modal #popupCon select { width: 100% !important; height: 26px !important; border-radius: 4px !important; font-size: 12px !important; }

.modal #popupCon .sub_tit { font-weight: var(--fw-700); font-size: var(--fs-15); }

.modal #popupCon .sub_tit span { font-weight: bold !important; font-size: inherit !important; }

.modal #popupCon .sub_tit + * { margin-top: 12px !important; }

.modal #popupCon > ul { font-size: var(--fs-12); font-weight: var(--fw-400); }

.modal #popupCon .ico2, .modal #popupCon .ico2 .util, .ico2 .modal #popupCon .util { width: 100%; height: auto; margin-bottom: 12px; border-radius: 4px; border: 1px solid #dadada; margin-top: 12px; }

.modal #popupCon .ico2 .chBox, .ico2 .modal #popupCon .util .chBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 29px; padding: 0; border-radius: 4px; border: 0 !important; }

.modal #popupCon .ico2 .chBox ul, .ico2 .modal #popupCon .util .chBox ul { gap: 0 8px; }

.modal #popupCon .ico2 .chBox ul li, .ico2 .modal #popupCon .util .chBox ul li { font-size: var(--fs-12); font-weight: var(--fs-400); }

.modal #popupCon .ico2 + table, .modal #popupCon .ico2 .util + table, .ico2 .modal #popupCon .util + table, .modal #popupCon .ico2 + .info2, .modal #popupCon .ico2 .util + .info2, .ico2 .modal #popupCon .util + .info2 { margin-top: 0 !important; }

.modal #popupCon .info2 { width: 100%; position: relative; border-top: 1px solid var(--bdr-color-004); border-bottom: 0; }

.modal #popupCon .info2.center tr td, .modal #popupCon .info2.center tr th { text-align: center; }

.modal #popupCon .info2 col:nth-child(1) { width: 24%; }

.modal #popupCon .info2 col:nth-child(2) { width: 76%; }

.modal #popupCon .info2 tr { border: none !important; }

.modal #popupCon .info2 tr th, .modal #popupCon .info2 tr td { height: 33px; text-align: left; }

.modal #popupCon .info2 tr th:not(.profile-thumb) { height: 33px; padding: 0 10px; font-size: var(--fs-12); color: #fff; border-color: var(--cm-gray-800); border-left: 0; background-color: var(--cm-gray-800); }

.modal #popupCon .info2 tr td { height: 33px; padding: 0 7px 0 12px; font-size: 11px; border-bottom: 1px solid #e4e4e4; }

.modal #popupCon .info2 tr td:not(:nth-child(2)) { border-top: 0; }

.modal #popupCon .info2 tr td.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal #popupCon .info2 tr td label { font-size: 11px; }

.modal #popupCon .info2 tr td label input[type="text"], .modal #popupCon .info2 tr td label select, .modal #popupCon .info2 tr td label textarea { height: auto; }

.modal #popupCon .info2 tr td input, .modal #popupCon .info2 tr td select { height: 26px !important; border-radius: 4px !important; font-size: 12px !important; }

.modal #popupCon .info2 tr td.profile-thumb, .modal #popupCon .info2 tr td > .sProfile { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 20px; background-color: #fff; display: block; width: auto; height: auto; border: none; }

.modal #popupCon .info2 tr td.profile-thumb div, .modal #popupCon .info2 tr td > .sProfile div { display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal #popupCon .info2 tr #clp_batm1 { disflex: flex; gap: 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal #popupCon .info2 tr .orange { color: #333 !important; margin-right: 10px !important; }

.modal #popupCon .info2 tr .orange b { font-weight: var(--fw-400); }

.modal #popupCon .info2 tr:nth-child(6) td label { margin-right: 10px; }

.modal #popupCon .info2.no-flex { display: table; }

.modal #popupCon .info2.no-flex thead, .modal #popupCon .info2.no-flex tbody { display: table-header-group; }

.modal #popupCon .info2.no-flex tr { display: table-row; }

.modal #popupCon .info2.no-flex tr th { border-top: 1px solid var(--cm-gray-800); }

.modal #popupCon .info2.no-flex tr td, .modal #popupCon .info2.no-flex tr th { display: table-cell; width: auto; }

.modal #popupCon .btnBoard { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; margin-top: 18px; }

.modal #popupCon .btnBoard li { height: 30px !important; }

.modal #popupCon .btnBoard li a { padding: 0 16px; font-size: 12px; }

.modal #popupCon .btnBoard li.delete { border: var(--sc-color-300); }

.modal-content { padding: 24px 40px 40px; }

.modal-content .modal-header { padding: 0; }

.modal-content .modal-header .modal-title { font-size: 28px; font-weight: 700; }

.modal-content .modal-body { padding: 0; margin-top: 34px; }

.modal-content .modal-body .ico2, .modal-content .modal-body .ico2 .util, .ico2 .modal-content .modal-body .util { margin: 20px 0; }

.radio-inline, .checkbox-inline, .form-chk-set > .form-chk { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.radio-inline input, .checkbox-inline input, .form-chk-set > .form-chk input { margin-right: 8px; }

.radio-inline.none-inline, .none-inline.checkbox-inline, .form-chk-set > .none-inline.form-chk { display: inline; }

.radio-inline + .radio-inline, .checkbox-inline + .radio-inline, .form-chk-set > .form-chk + .radio-inline, .radio-inline + .checkbox-inline, .checkbox-inline + .checkbox-inline, .form-chk-set > .form-chk + .checkbox-inline, .form-chk-set > .radio-inline + .form-chk, .form-chk-set > .checkbox-inline + .form-chk, .form-chk-set > .form-chk + .form-chk { margin-left: 50px; }

.checkbox-inline + .checkbox-inline { margin-left: 25px; }

/* 240927 버튼 수정 */
.jui .ico2 > p.btn a, .jui .ico2 .util > p.btn a, .ico2 .jui .util > p.btn a { padding: 0; height: auto; border: none; background-color: transparent; font-size: var(--fs-16); }

.jui .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; border-radius: 8px; padding: 0 24px; height: 38px; font-size: var(--fs-14); font-weight: var(--fw-400); }

.jui .btn.small { height: 30px; border-radius: 4px; }

.jui .btn.focus, .jui .btn.focus:hover { border-color: var(--cm-gray-800); background-color: var(--cm-gray-800); color: var(--bg-color-000); }

.jui .btn.btn-delete { padding: 0 14px; color: var(--sc-color-600); border-color: var(--sc-color-600); }

.jui .btn.btn-delete i { background: url(../img/ico_bt_minus.svg) no-repeat center/20px; }

.jui .btn.btn-delete:hover { color: var(--sc-color-600); }

.jui .btn.btn-add { padding: 0 14px; color: #666 !important; }

.jui .btn.btn-add i { background: url(../img/ico_bt_plus.svg) no-repeat center/20px; }

.jui .btn > i { width: 24px; height: 24px; }

.modal-footer button + button { margin-left: 10px; }

.tb-row tr th, .tb-row tr td { height: 44px; }

/*! 20241004 컨텐츠 관리 수정 */
.msg-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.msg-wrap + .ico2, .ico2 .msg-wrap + .util { margin-bottom: 0; position: absolute; bottom: 30px; right: 30px; }

.msg-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--bg-color-000); border: 1px solid var(--cm-gray-200); border-radius: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(25% - 12px); box-sizing: border-box; min-height: 180px; max-height: 340px; }

.msg-box.none-content { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 410px; max-height: none; }

.msg-box.none-content .msg-contents { text-align: center; color: var(--cm-gray-700); }

.msg-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; }

.msg-header-date { font-size: var(--fs-12); font-weight: var(--fw-400); color: var(--cm-gray-600); }

.msg-header-title { margin-top: 5px; margin-bottom: 0; font-size: var(--fs-18); font-weight: var(--fw-500); }

.msg-header + .msg-contents { padding-top: 15px; margin-top: 15px; border-top: 1px dashed var(--cm-gray-300); }

.msg-header-btns .btn { font-size: var(--fs-12); height: auto; padding: 0 14px; border-radius: 4px; }

.msg-contents { width: 100%; font-size: var(--fs-14); font-weight: var(--fw-400); overflow-y: auto; }

/*! 20241010 아코디언*/
.accordion_div { padding: 0px 0px 20px 0px; /* width:800px;*/ width: 100%; }

.accordion_div dl dt { background: #f1f1f1; padding: 8px 30px; cursor: pointer; }

div dl dt:hover { background: lightgrey; }

.btn1 { padding: 6px 12px; }

.sub-btn { background-color: #6c757d; color: #fff; font-size: .756rem; line-height: 1.5; border-radius: .2rem; }

button:not(:disabled) { cursor: pointer; }

.date { border: 1px solid #cdcdcd; background: #ffffff; padding: 4px; border-radius: 4px; direction: ltr; }

select.bdGray { padding: 6px 5px; border-radius: 4px; vertical-align: middle; border: 1px solid #cdcdcd; background-color: #ffffff; }

.accordion-wrap { position: relative; text-align: left; padding-left: 30px; }

.accordion-wrap::after { content: ""; position: absolute; left: 10px; display: block; border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; margin-top: -2px; top: 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.accordion-wrap.open::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.btnAddandDel td a { margin-right: 20px; }

.scroll-container { width: 100%; }

.scroll-container-x { max-height: 300px; overflow-y: auto; }

/*! 20241011 댓글 */
.comment-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px 0; }

.comment-list > .comment-list-box + .comment-list-box { border-top: 1px solid var(--cm-gray-400); padding-top: 20px; }

.comment-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 10px; }

.comment-head-writer { font-size: var(--fs-15); color: var(--cm-gray-900); font-weight: var(--fw-400); }

.comment-head-writer-date { margin-left: 5px; font-size: var(--fs-12); color: var(--cm-gray-700); }

.comment-btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 5px; }

.comment-btns > .comment-btns-fix { color: var(--cm-gray-900); }

.comment-btns > .comment-btns-del { color: var(--sc-color-300); }

.comment-btns > a { font-size: var(--fs-12); }

.comment-content { margin-top: 10px; font-size: var(--fs-15); font-weight: var(--fw-400); color: var(--cm-gray-800); }

.comment-content textarea { line-height: 33px; }

.layout-inner-body { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.bootstrap-datetimepicker-widget .timepicker-picker, .bootstrap-datetimepicker-widget .table-condensed { height: 100%; }

.bootstrap-datetimepicker-widget a[data-action] { padding: 0 24px !important; }

.bootstrap-datetimepicker-widget a[data-action] i { width: auto; height: auto; }

#chartjs-tooltip { -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

#chartjs-tooltip .tootlip-text { background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 50px; min-width: 30px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.jui .btn-black:has(> img) { background-color: transparent; border: none; margin: 0 !important; }

.crtUl { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 190px; overflow: hidden; border-radius: 8px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 12px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); gap: 0 7px; }

.crtUl li { height: 100%; overflow-y: scroll; }

.crtUl li::-webkit-scrollbar { display: none; }

.crtUl li > p { width: 74px; line-height: 26px; cursor: pointer; font-size: 15px; font-weight: 400; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 4px; color: #1a1a1a; }

.crtUl li > p:not(.active):hover { background-color: #eee; font-weight: 500; }

.crtUl li > p:not(:last-child) { margin-bottom: 7px; }

.crtUl li > p.active { background-color: #272525; color: #fff; font-weight: 500; }

.grid-dp-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid var(--cm-gray-300); }

.grid-dp-flex .dp-flex-box { min-width: 33.33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.grid-dp-flex .dp-flex-box:has(> .btnBoard) { height: 56px; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; }

.grid-dp-flex .dp-flex-title, .grid-dp-flex .dp-flex-content, .grid-dp-flex .dp-flex-box:has(> .btnBoard) { height: 56px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--fs-14); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; border-bottom: 1px solid var(--bdr-color-004); }

.grid-dp-flex .dp-flex-title { width: 180px; background-color: var(--cm-gray-100); font-weight: var(--fw-500); color: var(--cm-gray-900); -ms-flex-negative: 0; flex-shrink: 0; }

.grid-dp-flex .dp-flex-content { color: var(--cm-gray-800); font-weight: var(--fw-400); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.grid-dp-flex .dp-flex-content > input, .grid-dp-flex .dp-flex-content select { max-width: 100% !important; }

.grid-dp-flex.wrapFlex .dp-flex-box:not(.dp-flex-btntype) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.grid-dp-flex.wrapFlex .dp-flex-box:has(> .btnBoard) { width: 100%; border-bottom: 0; }