#kt_app_root {
    /*visibility: hidden;*/
}

body, th, td, textarea, input, h1, h2, h3, h4, h5, h6 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.267;
    color: #151515;
    letter-spacing: -0.25px;
    vertical-align: top;
}


.list-table01>tr>td{
    text-align: center !important;
}

th {
    font-size: 15px !important;
}

.hide { display: none; }

.list-table thead tr, .list-table tbody td { text-align: center }
.list-table thead th { color:#423939 !important; font-size:1.0rem !important; }
.list-table .btn { padding: 6px 12px !important; }
.m-r-5 { margin-right:5px; }
.m-l-5 { margin-left:5px; }
.m-l-10 { margin-left:10px !important; }
.m-t-25 { margin-top:25px !important; }
.text-left { text-align: left !important; padding-left:5px; }

#modal-right-view .text-grid01 {
    padding-top: calc(0.775rem + 1px);
    padding-bottom: calc(0.775rem + 1px);
}

.btn-info2 { background-color: #c1b8cd !important; color:#fff !important; }
.btn-info2 i{ color:#fff !important; }

.dap-modal-close { position: absolute; top:15px; right:15px; }
.dap-modal-close  i{  font-size: 1.5rem !important; }
.modal-footer-dark { background-color: #2e1934; padding:10px; }
#confirmModal .modal-body p { font-size : 1.5rem; padding-top: 6px; }
#confirmModal .modal-footer .btn { padding: 10px; font-size: 1.0rem; }

#modal-right-view .col-form-label {
    background-color: #f7f7f7 !important; border-radius: 0.5rem;
}

.list_table { min-width:1700px; width:100%; }
.list_table.w-1800  {min-width:2100px !important; }
.list_table tr th { text-align: center; }
.blue_table tr th { background: #202085; color:#fff; }
.list_table tr td { vertical-align: middle !important; }
.help { margin-top:5px; color:#c12424; margin-bottom: 0px !important; }
.search_txt_cs1 { margin-right:5px; }
.delete_cs { color: #ff0000 !important; font-weight: 800; }
.text-right { text-align: right; }
.gm-btn { width: 100px; margin-left: 5px; }
.list_table tr td { padding:2px !important; }

.table-responsive::-webkit-scrollbar {
    width: 10px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.table-responsive::-webkit-scrollbar-track {
    background-color: #805c7e;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}

.no-data { height:150px; line-height: 150px; }
textarea { padding:3px !important; margin:0px; font-size:13px !important; }

/* 테이블 정의 */
.table_style01 th { font-weight: 500 !important; background-color: var(--table-th-bg); white-space: nowrap;  color: var(--bs-gray-70)}
.table_style01 th, .table_style01 td { border: 1px solid var(--table-td-border); font-size: 13px; line-height: 24px; text-align: center; vertical-align: middle; padding: 8px; }
.table_style01 th:first-child { border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0px; border-left:0px; }
.table_style01 th:last-child { border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 5px; border-right:0px; }
.table_style01 td:first-child { border-left:0px; }
.table_style01 td:last-child { border-right:0px; }

/* 버튼 정의 */
.btn_modify01 i { font-size: 17px; color: var(--btn_modify01_color); vertical-align: middle; }
.btn_modify01 span { color: var(--btn_modify01_color); padding-left:3px; font-size: 14px; vertical-align: middle; }

.btn_del01 i { font-size: 17px; color: #ca7342; vertical-align: middle; }
.btn_del01 span { color: #6d6c42; padding-left:3px; font-size: 14px; vertical-align: middle; }

.btn-type01 { color: var(--bs-dark); border-color: var(--bs-info); background-color: #f4f4f4; }
.btn-type01:hover { color: var(--bs-info-inverse); background-color: #cccccc; }
.btn-type01:active, .btn-type01:target { color: var(--bs-info-inverse); background-color: #cccccc; }

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm, .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: calc(0.45rem + 1px) calc(1.15rem + 1px);
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(0.675rem + 1px) calc(1.4rem + 1px);
}
.btn.btn-dark { background-color:var(--btn-dark01) !important; }

.text-left01 { text-align: left!important; padding-left:7px !important; }
.fa.fa-close { font-size: 21px !important; }
.helpTxt { padding-left:5px; padding-top:7px ; color:#929dc5 }
.form_textarea { width:100%;  padding:10px !important; }

.table_style01 .text-dark { color: var(--table-color01) !important;}
.table-top-right-btn { margin-bottom:10px; padding-right:0px !important; }

.tb_main_menu td { text-align: left; padding-left:15px; background:var(--table-tr-bg) }
.tb_main_menu td span { font-weight: 700; }
.tb_sub_menu td { text-align: left; padding-left:35px; }
.form-check-custom .form-check-label { margin-left: 0.1rem; }
#alertMsg { font-size: 17px; }

.custom-select {
    display: block;
    width: 100%;
    padding: 0.675rem 0.8rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: var(--sel-bg01) ;
    color: var(--sel-cr01) !important; ;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

[data-bs-theme=dark] {
    --btn_modify01_color: #ffffff;
    --btn_modify01_txtcolor: #ffffff;
    --table-td-border: none;
    --table-th-bg: #171327;
    --bs-dark: #000;
    --btn-dark01:#f7f7f7;
    --table-color01:#ddd;
    --table-tr-bg:none;
    --bs-gray-70:#fff;
    --sel-bg01: #474761;
    --sel-cr01 : #f1f1f1;
}

[data-bs-theme=light] {
    --btn_modify01_color: #0a58ca;
    --btn_modify01_txtcolor: #3a2159;
    --table-td-border: #ffe2e2;
    --table-th-bg: #171327;
    --bs-dark: #2b1c5d;
    --btn-dark01:#0f5132;
    --bs-gray-70:#fff;
    --table-color01:#000;
    --table-tr-bg:#f2f2f2;
    --sel-bg01: #fff;
    --sel-cr01 : #999;
}

.help-block { margin-top:5px; display: block; color:#202085 }
.new_content_tab .nav-link { font-size:1.4rem !important; color:#000 !important; }