/**************************
*** 
*** 중복되는 요소들이 있다. 수정시 첫번째가 아닌 두번째의 중복 요소를 지운다.
(중복되는 요소 지우는 작업중)
*****************************/


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*:focus-visible { outline:1px solid #000;  box-sizing: border-box;}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px !important;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: #000;
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, '맑은고딕', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", "仿宋", STFangSong, "华文仿宋", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif !important;
    font-weight: 400;
    word-break: break-all;
    -webkit-word-break: break-all;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: block;
    width: 100%;
}

a,
a:hover {
    color: #1b1b1b;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

.div_pd_unset , table tr td.td_pd_unset .custom-combobox {
    padding: unset!important;
}

/* select custom */
select::-ms-expand {
    /* for IE 10, 11 */
    display: none;
}

/* IE 화살표 삽입 */
select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none !important;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: url('../images/icon-selectbtn.png') no-repeat 97% 50%/15px #FFF !important;
    background-size: 20px;
    padding: 0 3px 0 5px;
    border-radius: 2px;
    outline: 0 none;
    padding: 0 5px 5px !important;
    background-color: #fff;
}

select#sel_type {  width: 70px!important; }

select option {
    color: #000;
    padding: 3px 0;
}
/**/

.noShrink {
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1;
    flex: 1 1 30%;
}

.noResizing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
    flex: none;
    vertical-align: middle;
    align-items: center;
}

button {
    font-size: 15px;
}

button:hover,
#lbl_file_add:hover,
.lbl_file_add:hover {
    cursor: pointer;
}

button:disabled,
.lbl_file_add:disabled,
.disabled {
    opacity: 0.5;
    cursor: text;
}

.lbl_file_add:disabled:hover,
#lbl_file_add:disabled:hover,
button:disabled:hover,
.disabled:hover {
    cursor: text !important;
}

.wrap-overScore table tr td.overScore { color: #FFF!important; background-color: #245396 !important; }
.wrap-overScore table tr td.overScore:hover ,
.wrap-overScore table tr td.overScore:focus {color: #FFF!important;}


/* [접근성] 본문으로 이동하기, Go Main(index) page */
.link-to-main,
.link-to-main:focus {
    position: fixed;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background: #333;
    color: #fff;
    line-height: 40px;
    text-align: center;
    z-index: 111111;
}

/*관리화면*/
h1.h1_system {
    font-size: 20px;
    border-left: unset;
    position: relative;
    margin-top: 0px;
    padding-bottom: 0;
    margin-bottom: 4px;
    line-height: 20px;
    padding-left: 20px;
}

h1.h1_system:before {
    top: 0px !important;
}

h2.h2_system,
.grid_title {
    font-size: 18px;
    border-left: unset;
    position: relative;
    padding-left: 10px;
    margin-top: 0px;
    padding-bottom: 0;
    margin-bottom: 4px;
}

h1.h1_system:before,
h2.h2_system:before,
.grid_title:before {
    content: "";
    width: 14px;
    height: 20px;
    background: url(../images/bullet-main.png) no-repeat center;
    position: absolute;
    top: 5px;
    left: 0;
    background-size: cover;
}

h3.h3_system {
    font-size: 16px;
}

/** PopupDiv CSS 설정 **/
.pDiv {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pMenu {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px #cfcfcf;
    border-radius: 6px;
    position: fixed;
    padding: 4px 6px;
}

.pMenu ul {
    list-style: none;
    margin: 0px;
}

.pMenu ul li {
    margin: 0;
    padding: 6px;
}

.pMenu ul li button {
    border: unset;
    background-color: unset;
    color: #646464;

}

.pMenu ul li:active {
    cursor: pointer;
    font-weight: 500;
    color: #245396;
}

.pMenu ul li:hover {
    cursor: pointer;
    background-color: #EEF5FF;
    border-radius: 4px;
    padding: 6px;
}

.pMenu ul li:active button,
.pMenu ul li:hover button {
    cursor: pointer;
}

/* popup div 아이콘 버튼 */
.btn_multisort {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/multisort.png') no-repeat;
    height: 20px;
    vertical-align: middle;
    border: unset;
    padding-left: 25px;
}
.btn_filter {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/filter.png') no-repeat;
    height: 20px;
    vertical-align: middle;
    border: unset;
    padding-left: 25px;
}
.btn_export {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/export.png') no-repeat;
    height: 20px;
    vertical-align: middle;
    border: unset;
    padding-left: 25px;
}
.btn_hide {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/hide.png') no-repeat;
    height: 20px;
    vertical-align: middle;
    border: unset;
    padding-left: 25px;
}
.btn_resizeorg {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/resizeorg.png') no-repeat;
    height: 20px;
    vertical-align: middle;
    border: unset;
    padding-left: 25px;
}
.btn_gridUp {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-gridup.png') no-repeat center;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    border: unset;
}
.btn_gridDown {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-griddown.png') no-repeat center;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    border: unset;
}

/** PopupDiv End **/
/* PopupDiv 일 때 grid_title 아이콘 설정*/
.icon-cursor {
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.icon-cursor:after {
    content: '';
    background: url('../images/icon-click.png') no-repeat center;
    height: 16px;
    width: 16px;
    position: absolute;
    background-size: cover;
    top: 0px;
    transform: rotate(-12deg);
}


/**/
img {
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
    max-width: 100%;
    vertical-align: middle;
}

/**/

/* input, textarea, select ... */

input[type="file"] {
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0);
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
table tr td select,
textarea,
table.table-top_border tr td .custom-combobox,
.div_wrap_col3 .table-top_border input,
.div_wrap_col3 .table-top_border select,
.div_wrap_col3 .table-top_border textarea,
.div_wrap_col2 .table-top_border input,
.div_wrap_col2 .table-top_border select,
.div_wrap_col2 .table-top_border textarea {
    border-radius: 3px;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    font-size: 15px;
    width: -webkit-fill-available;
    background-color: #F5F5F5;
    border: unset;
    width: 100%;
    vertical-align: middle;
    color: #333;
}

table tr td select {
    background-color: #F5F5F5!important;
    border: unset;
}

/*활성화*/
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
input[type="number"]:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="email"]:active,
select:active,
textarea:active,
textarea:focus,
.div_wrap_col3 .table-top_border input:focus,
.div_wrap_col3 .table-top_border select:focus,
.div_wrap_col3 .table-top_border textarea:focus,
.div_wrap_col2 .table-top_border input:focus,
.div_wrap_col2 .table-top_border select:focus,
.div_wrap_col2 .table-top_border textarea:focus,
.custom-combobox:focus input {
    border: 1px solid #245396 !important;
    background-color: #fff;
}

.custom-combobox input {
    padding: 0 !important;
}

.custom-combobox input:focus-visible { outline: none;}

input.custom-combobox-input {
    border: unset !important;
}

/* 비활성화 */
input:disabled,
select:disabled,
.custom-combobox input:disabled .div_wrap_col3 .table-top_border input:disabled,
.div_wrap_col3 .table-top_border select:disabled,
.div_wrap_col2 .table-top_border input:disabled,
.div_wrap_col2 .table-top_border select:disabled {
    color: #666666 !important;
    background-color: #E9E9E9 !important;
    opacity: 1;
    border: unset !important;
    height: 30px;
}

textarea:disabled,
.div_wrap_col3 .table-top_border textarea:disabled,
.div_wrap_col2 .table-top_border textarea:disabled {
    color: #999 !important;
    background-color: #EEE !important;
    opacity: 1;
    border: unset !important;
}

textarea.csr-disabled:disabled,
.div_wrap_col3 .table-top_border textarea.csr-disabled:disabled,
.div_wrap_col2 .table-top_border textarea.csr-disabled:disabled {
    color: inherit !important;
}

input:disabled::placeholder {
    color: #B8B8B8;
}

input:disabled::-webkit-input-placeholder {
    color: #B8B8B8;
}

input:disabled:-ms-input-placeholder {
    color: #B8B8B8;
}

input:disabled:focus,
select:disabled:focus,
textarea:disabled:focus,
input:disabled:active,
select:disabled:active,
textarea:disabled:active,
.custom-combobox:disabled:active,
.custom-combobox:disabled:focus {
    border: unset !important;
}

/* 비활성화 된 입력창 클릭 안되게 */
input[disabled="disabled"],
input:disabled,
.multi_inputs input:disabled ~ img,
.multi_inputs input[disabled="disabled"] ~ img {
    pointer-events: none !important;
}

.custom label:hover input[disabled="disabled"] ~ .checkmark {
    cursor: text !important;
}

.custom-combobox input[disabled="disabled"] ~ a span {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.custom-combobox:focus ~ input[disabled="disabled"],
.custom-combobox:active ~ input[disabled="disabled"] {
    border: unset !important;
}

/**/

/* 커스텀 스핀 */
.grid_number_spin {
    position: relative;
}

.grid_number_spin input {
    width: 70px!important;
    height: 30px;
    border: 1px solid #D6D9DC;
    border-radius: 4px;
    background-color: #FFF;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    padding: 0 20px 0 10px!important;
}

.grid_number_spin input:focus {
    outline: 0;
}

.grid_number_spin input[type=number] {
    background-color: #FFF;
    -moz-appearance: textfield;
}

.grid_number_spin input[type=number]::-webkit-inner-spin-button ,
.grid_number_spin input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.spin-nav {
    float: left;
    position: relative;
    height: 30px;
}

.spin-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 26px;
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.spin-button.spin-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

.spin-button.spin-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}



.div_wrap_col2 table tr td input,
.div_wrap_col3 table tr td input {
    border: 1px solid #D6D9DC;
    background-color: #fff
}

.custom-combobox a.custom-combobox-button-disabled {
    margin-right: 0;
}

.custom-checkbox_radio {
    font-size: 15px;
}

input[focus]:hover {
    /*border: 1px solid #E1E1E1 !important;*/
}

select opiton {
    height: 30px;
}

textarea {
    width: 100%;
    resize: none;
    padding: 6px 10px !important;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}

textarea.autosize {
    height: 30px;
    overflow-y: clip;
}

.textarea_auto {
    box-sizing: border-box;
    resize: none;
    height: 32px;
}
/**/

/* table 공통 */
table tr td input[type="text"],
table tr td input[type="password"],
table tr td input[type="email"],
table tr td select {
    height: 30px;
}

table tr td textarea {
    margin: 6px 0;
    padding: 10px;
}

.tr_bdr_unset {
    border-bottom: unset !important;
}

.tr_bdr {
    border-bottom: 1px solid #B8B8B8 !important;
}

/********************************
표 설정
*************************************/
table {
    width: 100%;
    border-collapse: collapse;
    /*separate!important;*/
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

table tr th,
table .fake_th {
    font-weight: 400;
    padding: 0 10px !important;
    height: 30px;
    display: table-cell;
    background-color: #FAFAFA;
    font-size: inherit;
}

table.table-top_border td  , table.table-top_border th {
    border-bottom: 1px solid rgba(225,225,225,1) !important;
}

table tr td {
    text-align: left;
    font-size: inherit;
    display: table-cell;
    box-sizing: border-box;
    padding: 0 10px;
}

table tr th:nth-last-child(1),
table tr td:nth-last-child(1) {
    border-right: 1px solid rgba(0, 0, 0, 0);
}

th,
td {
    padding: 0px 10px;
}

.height_unset {
    height: unset !important;
}

th:first-child,
td:first-child {
    border-left: none;
}

.td_40 {
    height: 40px !important;
}

table tbody tr.border_bottom_unset:nth-last-child(1) {
    border-bottom: unset !important;
}

.sm_td {
    padding: 4px 8px;
}

.table_unset tr td {
    background-color: rgba(255, 255, 255, 0);
    border: 1px rgba(255, 255, 255, 0);
    padding: 2px;
}

.wrap_add_table {
    padding: 20px;
    background-color: rgba(248, 248, 248, 0.3);
    border: 1px solid #BCBCBC;
}

table tr th:nth-last-child(1) {
    border-right: none;
}

/* table 내부에 위치 접근성 커서 */
caption,
.readers {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/**/

.multi_inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.multi_inputs .custom-combobox a {
    /* jQuery의 combobox 아이콘 */
    right: 10px;
}

.multi_inputs .custom-combobox a span {
    /* 2개의 input박스가 있는 경우 체크박스 아이콘 위치 */
    margin-left: -5px !important;
}

/* 조건부 3개 -- 작은사이즈 일 때 */
.div_wrap_col1_sm .multi_inputs .custom-combobox a span,
.div_wrap_col2_sm .multi_inputs .custom-combobox a span,
.div_wrap_col3_sm .multi_inputs .custom-combobox a span {}

.div_wrap_col1_sm .multi_inputs .custom-combobox input,
.div_wrap_col2_sm .multi_inputs .custom-combobox input,
.div_wrap_col3_sm .multi_inputs .custom-combobox input {
    padding: 0 6px !important;
}

/* 버튼 */
.btn-img {
    height: 30px;
    border: 1px solid #D6D9DC;
    background-color: #fff;
    border-radius: 4px;
    width: 30px;
}
.btn_slt {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #245396;
    color: #fff;
    padding: 0 10px;
    font-size: 16px;
}

.btn-pos {
    background-color: #6B6B6B;
    border: 1px solid #6B6B6B;
    color: #fff;
    padding: 0px 10px;
    height: 30px;
    border-radius: 3px;
}

.btn-pos:hover,
.btn-pos:active,
.btn-pos:focus {
    cursor: pointer;
}

.btn-default {
    padding: 0px 10px;
    color: #6b6b6b;
    border: 1px solid #6b6b6b;
    background-color: #fff;
    height: 30px;
    border-radius: 3px;
}

/*파일첨부 input type="file" */
.filebox .upload-name {
    /* 인풋 스타일 변경 */
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    vertical-align: middle;
    width: auto;
    color: #6b6b6b;
    border: 1px solid #6b6b6b;
}

.filebox label {
    /* label 변경 */
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    cursor: pointer;
    height: 30px;
    margin-left: 1px;
    line-height: 30px;
}

.filebox input[type="file"] {
    /* 기존 type="file" unset */
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
/**/


/*************
modal
****************/
.wrap_modal_all {
    height: auto;
    width: 50%;
    padding: 10px 30px 20px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 111 !important;
    position: absolute !important;
    /* top: 50% !important;
    left: 50% !important;
    margin-right: -50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%) !important; */

}

.wrap_modal_contents .wrapper-btn {
    margin-bottom: 4px;
}

@media only screen and (max-width: 992px) {
    .wrap_modal_all {
        padding: 10px;
        width: 100%;
    }

    .wrap_modal_all ul.wrap_icons {
        padding-bottom: 10px;
    }
}

.wrap_modal_all ul.wrap_icons {
    text-align: right;
    padding-bottom: 10px;
}

.wrap_modal_all ul.wrap_icons li {
    display: inline-block;
    margin: 6px;
}

.wrap_modal_all ul.wrap_icons li#title { /* 팝업 내부 타이틀 숨기기 */
    /* display: none;*/
}

.wrap_modal_all ul.wrap_icons li img {
    width: 20px;
    height: 20px;
}

.wrap_modal_all ul.wrap_icons li img:hover {
    cursor: pointer;
}

.wrap_modal_contents {
    padding-top: 6px;
    height: 100vh;
}

/* 에디터 내용 불러오는 곳 */
#html_inp1_message {
    padding: 16px 20px;

}

/* 트리메뉴 */
.menu {
    width: 100%;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: left;
}

.menu ul {
    width: 100%;
    height: 52px;
    background-color: #005DAA;
    display: table-cell;
    vertical-align: middle;
}

.menu ul li {
    display: inline-block;
    margin: 0 10px;
    color: #fff;
}

.menu ul li img {
    vertical-align: middle;
}

.menu ul li:hover {
    cursor: pointer;
}

.menu ul li.active {
    color: #F8F800;
}

.menu ul li:hover {
    opacity: 0.5;
    transition: 0.3s;
}


/***************
tree
****************/
.wrapper-tree {
    /*position: fixed;*/
    overflow-y: auto;
    z-index: 0;
}

.wrapper-tree.tui-tree-wrap button {
    background-color: transparent;
    cursor: pointer;
}

.tui-tree-wrap,
.bg_fff {
    background-color: #fff !important;
}

.bg_editcol {
    background-color: #FFFFF0 !important;
}

.tui-tree-node.tui-tree-opened {
    background-color: #fff;
    border-bottom: 1px solid #E1E1E1;
}

.tui-tree-node.tui-tree-opened:nth-last-child(1) {
    border-top: 1px solid transparent;
}

.tui-tree-subtree.tui-js-tree-subtree .tui-tree-opened .tui-tree-btn .tui-tree-toggle-btn.tui-js-tree-toggle-btn {
    font-weight: 600;
}

ul li div.tui-tree-btn {
    padding: 10px 10px;
}

.tui-tree-subtree.tui-js-tree-subtree li div p.tui-tree-text.tui-js-tree-text {
    padding-left: 6px;
    font-weight: unset;
}

.tui-tree-subtree.tui-js-tree-subtree li.tui-tree-node.tui-tree-leaf.tui-tree-active div p.tui-tree-text.tui-js-tree-text {
    font-weight: 600;
}

.tui-tree-subtree.tui-js-tree-subtree .tui-tree-node.tui-tree-closed .tui-tree-btn {
    padding: 10px 0 10px 20px;
}

.tui-tree-active {
    background-color: #e6f3fc;
    color: #004191 !important;
    border-left: 4px solid #004191;
}

.tui-tree-active span {
    color: #005DAA !important;
}

.tui-tree-subtree.tui-js-tree-subtree {
    background-color: #fff;
}

.tui-tree-btn {
    cursor: pointer;
}

.tui-tree-subtree.tui-js-tree-subtree .tui-tree-subtree.tui-js-tree-subtree {
    background-color: #f5f5f5;
}


/*********
.wrapper-contents
**********/
.wrapper-contents {
    padding: 0px;
    width: 100%;
    overflow-y: auto;
    height: auto;
    border-left: 1px solid #95B8E7;
    background-color: #fff;
}

/***********
top_top_tabs
*************/
#top_tabs > ul {
    background-color: #f2f2f3;
    padding: 10px 10px 0;
    border-bottom: 1px solid #005daa;
}

#top_tabs > ul li {
    width: auto;
    display: inline-block;
    padding: 6px 26px 6px 6px;
    background-color: #f2f2f3;
    border: 1px solid #e1e1e1;
    border-bottom: unset;
    margin-right: 5px;
    position: relative;
    color: #9a9a9a;
    margin-bottom: -1px;
}

#top_tabs > ul li a {
    color: #9a9a9a;
}

#top_tabs > ul li:nth-child(1) {
    padding: 6px 10px;
    /* 상단의 1번째 메뉴에만 적용이 된다. */
}

#top_tabs > ul li img {
    /* 닫기버튼 */
    vertical-align: baseline;
    position: absolute;
    right: 6px;
    width: 12px;
    top: 10px;
}

/*현재 열려있는 tab 메뉴*/
#top_tabs > li.active {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

#top_tabs li.active {
    color: #005DAA;
    border: 1px solid #005DAA;
    border-bottom: none;
    background-color: #fff;
    opacity: 1;
    font-weight: 600;
    border-bottom: 1px solid #fff;
}

#top_tabs li.active a {
    color: #005DAA;
    font-weight: 600;
}

#top_tabs li:hover {
    cursor: pointer;
}

#top_tabs.tab li img {
    width: 12px;
    height: 12px;
    opacity: .5;
}

.top_tabs li:active img,
.top_tabs li:focus img {
    opacity: 1;
}

#top_tabs.tab li.active img {
    opacity: 1;
}

/* 탭메뉴 내용 */
#top_tabs .tabcontent {
    display: none;
    overflow: hidden;
    padding: 0 10px 10px !important;
    /*임시*/
}

#top_tabs .tabcontent > iframe,
iframe {
    width: 100%;
    border: unset !important;

}

/*iframe, 메인 아이프레임 외의 프로그램 내 아이프레임 배경색 제외 */
iframe[name="popup_modal"],  /* 팝업 아이프레임 배경색 포함 */
iframe.wrap-ifram body,
#tab_panels {
    background-color: #F2F3F5;
}

.bar_vertical {
    border: 1px solid rgba(0, 0, 0, 0);
}

#popup_modal {
    background-color: unset !important;
    margin: 0 !important;
    padding: 0 !important;

}

.wrapper-right {
    width: -webkit-fill-available;
}

.top_tabs > ul {
    min-height: 42px;
}


/***************
tab
****************/
.div_wrap_title {
    /* 프로그램 상단 제목 타이틀과 오른쪽 버튼 정렬 */
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
    padding-top: 20px;
    align-items: flex-start;
}

.div_wrap_title .div_wrap_title {
    padding-bottom: 0;
}

.div_wrap_title .grid_title div span {
    vertical-align: sub;
}

.div_wrap_title .grid_title div span:nth-child(1):hover {
    cursor: pointer;
}

.div_wrap_title button {
    margin-bottom: 0;
}

.body .div_wrap_title {
    /* iframe안에 있는 타이틀 */
    margin-left: 0px;
    margin-right: 0px;
}

.div_wrap_title ul {
    margin-bottom: 5px;
}

.grid_count {
    /* 0건 */
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #9a9a9a;
    margin-left: 6px;
}

.div_wrap_title > ul li {
    display: inline-block;
    vertical-align: bottom;
}

.grid_title {
    /* 프로그램 상단 제목 타이틀 */
    font-size: 16px;
    font-weight: 500;
    height: 26px;
}

.grid_title_arrange {
    /* 텍스트 옆 select 정렬 */
    display: inline-box;
    display: -webkit-inline-box;
}

.grid_title_arrange > div {
    margin-right: 6px;
}

.grid_title .slt_default {
    /* 타이틀 안에 위치한 select */
    padding: 0px;
    text-transform: auto !important;
    -o-appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 4px;
}

.grid_title .slt_default:hover {
    cursor: pointer;
}

.icon-indent {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}

.wrapper-btn {
    /* 양쪽에 위치해 있는 버튼 */
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
}

.wrapper-btn button {
    margin-bottom: 4px;
    border-radius: 3px;
}

/*********** 버튼설정 ***********/
.button_md {
    height: 36px !important;
}

/*공통버튼*/
#div_common_button {
    margin-bottom: 5px;
    margin-top: 8px;
}

.inp_btn,
.div_button,
.div_btn {
    /* font-size: 0; */
}

.inp_btn button,
.div_button button,
.div_btn button {
    font-size: 15px;
    margin-right: 4px;
}

/*공통버튼에 조건부 있을 경우 */
.div_top_arg {
    margin-bottom: 5px !important;
}

.div_top_arg #div_common_button {
    margin-bottom: 0 !important;
}

.div_wrap_title button {
    width: max-content;
    vertical-align: middle;
}

.div_wrap_comp .btn-default,
.div_wrap_comp .btn-disabled {
    padding: 5px 10px;
}

.div_wrap_comp .btn-default:hover {
    background-color: #fff;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    border: 1px solid #005DAA;
    background-color: #F5F8FF;
    color: #005DAA;
    cursor: pointer;
}

.btn-disabled {
    /* 비활성화 버튼 */
    border: 1px solid #E1E1E1;
    background: #f2f2f3;
    border-radius: 2px;
    color: #444;
    padding: 6px 12px;
    opacity: 0.4;
}

.btn-default:disabled:hover {
    color: #6b6b6b;
    border: 1px solid #6b6b6b;
    background-color: #fff;
    cursor: unset;
}

.div_wrap_sm {
    border: 1px solid #e1e1e1;
    background-color: rgba(8, 138, 221, 0.1);
    padding: 4px 6px !important;
    margin-top: 0px !important;
}

/* 조건부 */
.div_arg2_sm {
    /*border: 1px solid #D2D5D6;*/
    border-radius: 1px;
    background-color: #fff;
    /*padding: 1px;*/
    /*padding-bottom: 4px;*/
}

.div_arg2_sm .custom-combobox input {
    line-height: 28px;
}

.div_wrap div .div_wrap_comp {
    display: inline-block;
    margin: 0 auto;
    text-align: left !important;
    vertical-align: middle;
}

.div_wrap_comp {
    clear: both;
}

.div_wrap_comp > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.div_wrap_comp > div button {
    vertical-align: middle;
}

.div_wrap #div_arg2 .div_wrap_comp,
.div_wrap #div_arg3 .div_wrap_comp {
    display: inline-flex;
    align-items: center;
}

.div_wrap #div_arg2 .div_wrap_radio_h {
    width: 100%;
    margin-right: 0;
}

/* 조건부 왼쪽정렬 */
.div_wrap_comp > label {
    display: inline-block;
    text-align: left;
    /*float: left;*/
}

/* 조건부 사이 거리 */
.div_wrap_comp {
    margin: 0 10px;
}

/* 아이콘 버튼 */
.btn_popup {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-search.png') no-repeat center;
    background-size: contain;
    height: 18px;
    width: 18px;
    padding: 0;
    vertical-align: middle;
    border: unset;
    margin-left: 4px;
}

.multi_inputs .btn_popup:disabled {
    padding-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 0;
    /*padding: 8px;*/
    background-size: cover;
    margin: 2px;
}

.btn_gridup {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-gridup.png') no-repeat center;
    background-size: auto;
    height: 30px;
    width: 30px;
    background-color: #FFF2F2;
    vertical-align: middle;
    border: unset!important;
}

.btn_griddown {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-griddown.png') no-repeat center;
    background-size: auto;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border: unset!important;
    background-color: #E6FFE9;
}
/**/
.custom-combobox-input:focus,
select:focus,
.div_wrap select:focus,
.div_wrap input:focus,
.div_wrap select:hover,
.div_wrap input:hover {
    border: 1px solid #245396;
    outline: none;
}

.custom-combobox[disabled="disabled"],
.custom-combobox:disabled,
select:disabled,
.input_disabled {
    border: 1px solid #E1E1E1 !important;
    background: #f2f2f3;
    opacity: 0.6;
}

.wrapper-disabledinput input {
    width: 100%;
    padding: 4px;
}

.div_wrap_grid {
    overflow: hidden;
    border: 1px solid #D2D5D6 !important;
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
}

.div_wrap_grid > div {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #E1E1E1;
    background-color: #FFF;
}

.div_wrap_grid > div:nth-last-child(1) {
    border-right: none;
}

.div_wrap_grid > div p {
    font-weight: 600;
}

.div_wrap_grid .div_wrap_checkbox {
    padding-left: 0;
}

.wrapper-sm_listbox {
    height: 270px;
    border: 1px solid #E1E1E1;
    border-top: none;
}

.select-border {
    border: 1px solid #005daa !important;
}

.div_button {
    /*모두 오른쪽으로 정렬이 되어있는 버튼 */
    text-align: right;
    clear: both;
}

.div_button button,
#div_common_button button {
    margin-right: 4px;
    vertical-align: middle;
}

.div_wrap_textarea {
    text-align: right;
    display: inline-flex;
    vertical-align: text-top;
}

.div_wrap_textarea p {
    text-align: left;
    padding-right: 6px;
    vertical-align: -webkit-baseline-middle;
}

.div_wrap_textarea textarea {
    vertical-align: inherit;
    padding: 6px;
    border: 1px solid #E1E1E1;
    resize: vertical;
}

.div_wrap_textarea p,
.div_wrap_textarea textarea {
    display: inline-block;
}

/*.custom-combobox:focus,*/
textarea:focus,
input:focus {
    outline: 0;
    border: 1px solid #245396;
}

/* 비활성화 */
.custom-combobox-input[disabled] input[disabled] {
    /*
    background-color: #f5f5f5;
    color: #444444;
    border: 1px solid #E1E1E1;
    opacity: 0.7;*/
}

/* type 400 - tab*/
.div_tabbtn {
    font-size: 0; /* 기본설정 버튼사이의 갭 제거를 위해 폰트사이즈 0으로 지정 */
    margin-top: 10px;
}

.div_tabbtn button {
    border: unset;
    font-size: 15px;
    margin: 0;
    padding: 0;
    background-color: #E3E3E3;
    margin-right: 6px;
    border-radius: 6px 6px 0 0;
    padding: 8px 20px 6px ;
    color: #9DA2AF;
    height: unset;
}

.div_tabbtn button.active , .div_tabbtn button.active:hover {
    font-weight: 600;
    color: #245396;
    background-color: #FFF;
}

.div_tabbtn button:hover {
    border: unset;
    background-color: #E3E3E3;
    color: #9DA2AF;
    cursor: pointer;
}

.div_tabs {
    margin-top: 0px;
    border-radius: 4px;
    padding: 0px;
}

#mainTab .div_tab_border > div { /*탭 테두리*/
    border: 1px solid #D2D5D6 !important;
}

.ui-tabs .ui-tabs-panel {
    border: unset !important;
}

.ui-tabs .ui-tabs-panel .div_wrap_title:nth-child(1) {
    padding-top: 0;
}

.div_tabs ul {
    border-bottom: unset !important;
    /*1px solid #D6D9DC !important;*/
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    /* 탭 각각의 내부 패딩값 */
    padding: 8px 20px 6px !important;
    color: #666666;
}

.ui-widget.ui-widget-content li {
    /* 개별 탭 */
    background-color: #E9E9E9 !important;
    border-radius: 6px 6px 0 0 !important;
}

.div_tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content ul li {
    display: inline-block;
    background-color: #E3E3E3 !important;
    opacity: 1;
    margin-right: 6px !important;
    border: unset;
}


.div_tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content ul li:nth-last-child(1) {
    /* 탭 마지막에 위치한 메뉴의 오른쪽 마진값 0 */
    margin-right: 0;
}

/* 커서가 가면 안되는 탭일 경우 */
.div_tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content ul li.tabDisabled,
.multi_inputs input:disabled ~ img,
.multi_inputs input[disabled="disabled"] ~ img {
    opacity: 0.5;
}

.div_tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content ul li.tabDisabled:hover {
    cursor: text;
    pointer-events: none !important;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li.ui-tabs-active.ui-state-active {
    opacity: 1;
    background-color: #fff !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0;
    border: unset !important;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li.ui-tabs-active.ui-state-active a {
    border-bottom: unset !important;
    font-weight: 600;
    color: #245396;
    margin-bottom: 0px;
    border-left: unset;
    background-color: #FFF;
    border: unset !important;
    border-radius: 4px 4px 0 0;
}


/**/
#div_inp2 .div_wrap_comp {
    width: 100%;
    display: inline-flex;
}

/* 달력 기간 선택 */
.div_wrap #div_arg1 .div_wrap_comp {
    display: inline-flex;
    align-items: center;
}

.warp-selectdate2inputs > div {
    width: 100%;
    display: inline-flex;
}

.warp-selectdate2inputs > div span {
    vertical-align: middle;
    margin: 0 4px;
}

.warp-selectdate2inputs > div div {
    width: 50%;
    display: inline-flex;
    align-items: center;
}

.warp-selectdate2inputs > div div input {
    width: 90%;
}

/******/
.wrapper {
    display: flex;
}

.container {
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.max1060 {
    max-width: 1060px;
}

.screen_center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.custom-combobox {
    width: 100% !important;
    height: 30px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #D6D9DC;
}

.div_wrap_col2_sm .custom-combobox {
    height: unset;
}

.div_wrap_col2_sm table tr td {
    padding: 0 !important;
    height: 30px !important;
}

.custom-combobox a {
    background-color: unset !important;
    height: 28px !important;
}

.ui-widget-content {
    background-color: unset !important;
}

.custom-combobox-input {
    padding: 0 5px;
}

/*검색창에 위치하는 input */
#txt_arg1_search_nm {
    border: 1px solid #D6D9DC;
    height: 36px;
    background-color: #FFF;
}

.input_fff {border: 1px solid #D6D9DC!important; background-color: #FFF!important;}

/**************************************************************************
조건부 정의
**/
/* 공통 */
table.table_showBorder {
    /* table에 보여야 할 보더값이 안보일 때 */
    width: 100%;
    border-collapse: separate !important;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

table.table-top_border.table_showBorder tr td {
    height: 40px !important;
    text-align: right;
}


.form-basic table.table-top_border {
    border-top: 2px solid #000;
    margin-top: 10px;
}

table.table-top_border {
    /*border-top: 2px solid #000 !important;*/
    margin-top: 0 !important;
}

table.table-top_border tr th,
table.table-top_border tr td {
    padding: 6px;
}

table.table-top_border tr th:nth-last-child(1) {
    border-right: none;
}

table.table-top_border tr td input,
table.table-top_border tr td .custom-combobox {
    font-size: 15px;
    height: 30px;
    border-radius: 4px;
    /*border: unset !important;*/
}

table.table-top_border tr td .custom-combobox {
    width: 100% !important;
    padding: 0;
}

table.table-top_border tr td .bg-icon_calendar input {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 0 6px;
}

table.table-top_border tr td .custom-combobox input {
    margin: 0;
    border: unset !important;
    padding: 0 10px !important;
    width: 100%;
}

table.table-top_border tr td .custom-combobox a {
    right: 10px;
    width: unset;
}

table.table-top_border tr td .custom-combobox a span {
    border: 1px solid #D2D5D6;
    border-radius: 4px;
    background-color: #FFF;
}

table.table-top_border tr td .multi_inputs {
    /*background-color: #F5F5F5;*/
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
}

table.table-top_border tr:nth-last-child(1) th,
table.table-top_border tr:nth-last-child(1) td {
    border-bottom: unset !important;
}

table.table_showBorder.table-top_border tr:nth-last-child(1) td {
    border-bottom: unset!important;
}

.div_wrap_col1 table.table-top_border tr td {
    height: unset !important;
    padding: 6px !important;
    background-color: #fff;
    border-bottom: 1px solid #E1E1E1 !important;
}

.bdr_table_setting ,
.div_wrap_col2,
.div_wrap_col3 {
    width: 100%;
    border: 1px solid #D2D5D6;
    border-radius: 4px;
    background-color: #fff;
    padding: 5px;
}

/* 조건부 1개 */
.custom-combobox-toggle {
    width: unset !important;
    right: 6px;
}

.div_wrap_col1 table tr td {
    padding: 0;
    text-align: left;
    background-color: unset;
}

.div_wrap_col1 table tr td label {
    text-align: left;
    vertical-align: middle;
    margin-right: 6px !important;
}

.div_wrap_col1 table tr td .custom-combobox a span {
    border: 1px solid #D2D5D6;
    border-radius: 4px;
    margin-top: -8px;
}

.div_wrap_col1 table tr td .custom-combobox a.custom-combobox-toggle {
    right: 10px;
}

.div_wrap_col3 {
    width: 100%;
}

.div_wrap_col1 #div_arg1 table tr td,
.div_wrap_col2 #div_arg1 table tr td,
.div_wrap_col3 #div_arg1 table tr td {
    border-right: unset;
    border-bottom: unset;
}

.div_wrap_col3 [id] table tr td {
    background-color: #f3f3f3;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
    padding: 0 10px;
}

.div_wrap_col3 {
    padding: 0;
}

.div_wrap_col3 table tr td:has(input),
.div_wrap_col3 table tr td:has(select) {
    background-color: #FFFFFF !important;
    padding: 0 5px !important;
}

.div_wrap_col1 #div_arg1 table tr td input,
.div_wrap_col2 #div_arg1 table tr td input,
.div_wrap_col3 #div_arg1 table tr td input,
input[type="number"] {
    border: 1px solid #D6D9DC;
    border-radius: 4px;
}

.div_wrap_col1 #div_arg1 table tr td input,
input[type="number"] {
    height: 30px;
}

.div_wrap_col2 #div_arg1 table tr td input,
.div_wrap_col3 #div_arg1 table tr td input,
.div_wrap_col2 #div_arg1 table tr td .custom-combobox,
.div_wrap_col3 #div_arg1 table tr td .custom-combobox {
    height: 36px;
}

.custom-combobox input,
.div_wrap_col2 #div_arg1 table tr td .custom-combobox input,
.div_wrap_col3 #div_arg1 table tr td .custom-combobox input {
    height: unset;
    line-height: 34px;
    padding: 0 10px !important;
    width: 100%;
}

.div_wrap_col1 #div_arg1 table tr td .custom-combobox,
.div_wrap_col2 #div_arg1 table tr td .custom-combobox,
.div_wrap_col3 #div_arg1 table tr td .custom-combobox {
    border: 1px solid #D6D9DC;
    border-radius: 4px;
}

.custom-combobox:focus,
.custom-combobox:active {
    background-color: #fff;
    border: 1px solid #245396 !important;
}

.custom-combobox input:focus,
.custom-combobox input:active {
    border: unset !important;
}

table tr td .custom-combobox input[disabled="disabled"]:active {
    border: unset !important;
    background-color: #E9E9E9 !important;
}

.custom-combobox a span {
    border: 1px solid #D2D5D6;
    border-radius: 4px;
}

.div_wrap_col1_sm,
.div_wrap_col2_sm,
.div_wrap_col3_sm {
    border: unset;
    padding: unset;
}

.div_wrap_col1_sm {
    width: 30%;
    margin-bottom: 2px;
}

.div_wrap_col2_sm {
    width: 40%;
    margin-bottom: 2px;
}

.div_wrap_col3_sm {
    width: 50%;
    margin-bottom: 2px;
}

.div_wrap_col1 table tr td:nth-child(1) {
    border-left: unset;
}

.div_wrap_col3 table tr td:nth-last-child(1) {
    border-right: unset;
}

.div_wrap_vertical table tr td:nth-child(1),
.div_wrap_col1 table tr td:nth-child(odd),
.div_wrap_col3 table tr td:nth-child(odd),
.div_wrap_col2 table tr td:nth-child(odd) {
    /* 홀수 */
    font-weight: 500;
    text-align: right;
    font-size: inherit;
}

.div_wrap_col2 table tr td:nth-child(even),
.div_wrap_col3 table tr td:nth-child(even) {
    /* 그리드3개짜리 - 테이블 짝수 td */
    /*border-right: 1px solid #E1E1E1;*/
    text-align: inherit;
}

.div_wrap_col2 table tr td:nth-child(4n),
.div_wrap_col3 table tr td:nth-child(6n) {
    /* 조건부 6의 배수의 td마다 보더 없음 */
    border-right: unset !important;
}


/* 조건부 테이블 */
.div_wrap_col2 table tr td,
.div_wrap_col3 table tr td {
    /* 조건부 td의 세로 높이*/
    display: table-cell;
    height: 42px !important;
    padding: 0 5px;
}

.div_wrap_col2 table tr td {
    box-sizing: content-box;
}

.div_wrap_col1.div_wrap_col1_sm table tr td,
.div_wrap_col2.div_wrap_col2_sm table tr td,
.div_wrap_col3.div_wrap_col3_sm table tr td {
    padding: 0;
}

.div_wrap_col1.div_wrap_col1_sm table tr td,
.div_wrap_col2.div_wrap_col2_sm table tr td,
.div_wrap_col3.div_wrap_col3_sm table tr td,
.div_wrap_col1.div_wrap_col1_sm table tr td input,
.div_wrap_col2.div_wrap_col2_sm table tr td input,
.div_wrap_col3.div_wrap_col3_sm table tr td input,
.div_wrap_col1.div_wrap_col1_sm table tr td select,
.div_wrap_col2.div_wrap_col2_sm table tr td select,
.div_wrap_col3.div_wrap_col3_sm table tr td select {
    height: 28px !important;
}

.div_wrap_col1.div_wrap_col1_sm table tr td .custom-combobox input {
    height: 30px !important;
    width: 100%;
    padding: 0 10px !important;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
}

.div_wrap_col1 tr td input,
.div_wrap_col1 tr td select,
.div_wrap_col1 tr td textarea,
.div_wrap_col2 tr td input,
.div_wrap_col2 tr td select,
.div_wrap_col2 tr td textarea,
.div_wrap_col3 tr td input,
.div_wrap_col3 tr td select,
.div_wrap_col3 tr td textarea {
    border: unset;
    line-height: 28px;
}

/* 하나의 div에 2개 이상 input */
.multi_inputs .txt_default[disabled="disabled"] .btn_popup {
    background-color: #f1f1f1 !important;
}

.multi_inputs input {
    margin-right: 1px;
    height: 30px;
}

.multi_inputs img {
    width: 16px;
    height: 16px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    cursor: pointer;
}

.multi_inputs input:disabled {
    margin-right: 0 !important;
}

.multi_inputs input:nth-child(1) {
    margin-right: 2px;
}

.multi_inputs button.btn-default {
    /*width: 30%;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
    flex: none;
    /*높이값지정필요*/
    align-items: center;
}

/* 조건부 table tr td 안의 이미지 버튼 */
table tr td .multi_inputs .btn_popup,
table tr td .multi_inputs img {
    margin-right: 0;
    width: 20px;
    height: 20px;
    padding: 2px;
    background-size: cover;
}

/**/

/* 관리시스템 조건부 */
table.system {
    display: table;
    padding: 0 10px;
    border-top: 2px solid #008add;
    margin-bottom: 10px;
}

table.system tr th,
table.system .fake_th {
    display: table-cell;
    height: 28px !important;
    padding: 0 10px;
    box-sizing: border-box;
}

table.system tr td {
    display: table-cell;
    height: 26px !important;
    padding: 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E1E1;
}

table.system tr td input[type="text"],
table.system tr td input[type="password"],
table.system tr td select {
    height: 26px;
    display: flex;
    align-items: center;
}

table.system tr th input,
table.system tr td input,
table.system tr th select,
table.system tr td select,
table.system tr td .custom-select.custom,
table.system tr th textarea,
table.system tr td textarea {
    border: rgba(0, 0, 0, 0);
}

table.system tr th input:focus,
table.system tr td input:focus,
table.system tr th select:focus,
table.system tr td select:focus,
table.system tr td .custom-select.custom:focus,
table.system tr th textarea:focus,
table.system tr td textarea:focus {
    border: 1px solid #008add;
    box-sizing: border-box;
    box-shadow: unset;
}

.student_info ul li:nth-child(1) {
    border-top: 2px solid #008add;
    font-weight: 500;
    padding: 10px;
    text-align: center;
}


/**************
관리화면
*/
.nav_mypage {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.nav_mypage ul {
    margin: 0 12px;
    align-content: center;
}

.nav_mypage ul li {
    text-align: center;
}

.portalsystem {
    background-color: #F5F5F5;
    padding-top: 4px;
    color: #797676;
}

.gwanrisystem .login_thelastest {
    background-color: #F5F5F5;
    padding-top: 4px;
    padding-right: 20px;
    color: #797676;
}

.gwanrisystem .wrap-btn_system {
    text-align: right;
}

.gwanrisystem .treemenu {
    float: left;
}

.gwanrisystem .contents_right {
    float: right;
}

.gwanrisystem .wrap_treemenu_contents:after {
    content: '';
    clear: both;
}

/* 체크박스 */
.custom .custom-checkbox_radio input {
    opacity: 0;
}

/* 파이어폭스에서 보이는 것 숨김처리*/
table.system .custom-checkbox_radio.onlybox,
table.system .custom-checkbox .checkmark {
    width: 16px;
    height: 16px;
}

/* --건이 조회되었습니다 */
.import_nb {
    color: #797676;
}

/* 전체 삭제 */
.wrap-icon_deleteall {
    text-align: right;
}

.icon_deleteall {
    width: 20px;
    height: auto;
    cursor: pointer;
}

/* (A) LIST TO MENU */
.system_treemenu .section label {
    padding: 8px 10px;
    border-bottom: 1px solid #DCDCDC;
}

.system_treemenu .section label:after {
    font-size: 24px;
}

.system_treemenu .treemenu .tree li ul {
    padding: 4px 10px;
    border-bottom: 1px solid #DCDCDC;
}

.system_treemenu .tree li ul li {
    padding: 4px 0 4px 12px;
}

.system_treemenu .logo img {
    /*관리화면 네비게이션 로고*/
    height: 36px;
}

.system_treemenu .wrap_nav {
    /* 관리화면 네비게이션 패딩*/
    padding: 10px;
}

.system_treemenu .nav_menuname .active a:after {
    /* 관리화면 네비게이션이 활성화 되어있었을 때 보더 */
    bottom: -16px;
}

.system_treemenu .section ul li.active:before {
    left: -2px;
    top: 10px;
}

.tree,
.section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tree li ul li {
    padding: 15px 10px;
}

.menu_only {
    border-bottom: 1px solid #e1e1e1;
}

/* 관리화면 */
.tree li:last-child {
    border: 0;
}

/* SUB-SECTIONS */
/* TOGGLE SHOW/HIDE */
.section ul {
    display: none;
}

.section input:checked ~ ul {
    display: block;
}

/* HIDE CHECKBOX */
.section input[type=checkbox] {
    display: none;
}

.section {
    position: relative;
}

.section label {
    width: 100%;
    display: block;
    padding: 14px 16px;
}

.section label:after {
    content: "\0002B";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    text-align: center;
    font-size: 30px;
    color: #797676;
    transition: all 0.5s;
}

.section input:checked ~ label:after {
    color: #245396;
    transform: rotate(45deg);
}

.menu_only,
.tree-depth1_2 {
    padding: 14px 16px;
}

.section label.tree-depth2-1 {
    padding: 0;
}


.section input:checked ~ label {
    /* 선택되었을 때 */
    color: #245396;
    font-weight: 500;
    background-color: #F5F8FF;
    border: 1px solid #DEE8FF;
    /*padding: 14px 16px;*/
}

.section ul li.active {
    position: relative;
}

.section input:checked ~ label.tree-depth2-1,
.section ul li.active {
    color: #245396;
    font-weight: 500;
    background-color: unset;
    border: unset;
    padding-left: 16px;
}

.section input:checked ~ label.tree-depth2-1:before,
.section ul li.active:before {
    content: '';
    /*≫*/
    color: #245396;
    font-size: 12px;
    font-weight: bold;
    vertical-align: unset;
    margin-right: 10px;
    transition: 0.3s;

    background: url('../images/icon_arrow-right.svg') no-repeat center;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 0px;
    top: 20px;
}

.treemenu .tree li ul {
    padding: 10px;
}

/* navi custom */
.nav_menuname .active {
    position: relative;
}

.nav_menuname .active a {
    color: #008add;
    font-weight: 500;
}

.nav_menuname .active a:after {
    content: '';
    border-bottom: 4px solid #008add;
    width: 100%;
    position: absolute;
    bottom: -31px;
    left: 0;

}

.systempage {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #DCDCDC;
}

.wrap-seperated_all {
    background-color: #304F96;
}

.treemenu {}

.wrap-topmenutab { width: 100%;}

.wrap-seperated_all .contents_right {
    /*width: calc(100% - 250px);*/
    background-color: #F2F3F5;
    height: 100%;
    border-radius: 0 !important;
}

.left_space {width: calc(100% - 250px)!important;} /* 오른쪽 컨텐츠 여백 생기게 된다 */
.left_full {width: 100%;} /* 되돌리기 */

#tabButtons {
    /*overflow-x: scroll;*/
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 5px;
}

/*
담당자관리화면 treemenu */
.tree-depth_3 {
    background-color: #F2F2F3;
    border: 1px solid #C7CED2;
    border-radius: 4px;
    margin-top: 10px !important;
}

.treemenu .tree .tree-depth_3 li {
    border-bottom: unset;
    color: #797676;
}

/* 1차메뉴 */
.toggle-menu-wrap > .toggle-menu > li {
    border: 1px solid #E1E1E1;
    border-top: unset;
    display: table;
    width: 100%;
}

.toggle-menu-wrap > .toggle-menu > li a {
    font-size: 16px;
    padding: 0 10px;
    height: 70px;
    line-height: 1.5;
    vertical-align: middle;
    display: table-cell !important;
    width: 100% !important;
    text-align: left;
}

/* 2차메뉴 */
.toggle-menu-wrap > .toggle-menu > li ul li {
    border-bottom: 1px solid #E1E1E1;
    height: 50px;
    line-height: 50px;
}

.toggle-menu-wrap > .toggle-menu > li ul li:nth-child(1) {
    border-top: 1px solid #E1E1E1;
}

.toggle-menu-wrap > .toggle-menu > li ul li:nth-last-child(1) {
    border-top: unset;
    border-bottom: unset;
}

.toggle-menu-wrap > .toggle-menu > li ul li a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.wrap_programs {
    /* border-top: 1px solid #AAA; */
    margin-top: -1px;
    padding: 10px 0;
    height: 100%;
}

.wrap-menu-tab {
    font-size: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 0;
}

.wrap-menu-tab .menu-badge {
    padding: 6px 10px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #797676;
    margin-left: -1px;
    background-color: #fff;
    margin: 0 2px;
}

.wrap-menu-tab .menu-badge:nth-child(1) {
    margin-left: 0;
}

.tab .menu-badge.active {
    border-bottom: 1px solid #fff;
    color: #245396;
    font-weight: 500;
}

.menu-badge_active:after {
    content: '×';
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    vertical-align: tinitial;
}

.menu-badge:after {
    /*
    content: '×';
    font-weight: 600;
    color: #999;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    vertical-align: initial;*/
}

/* 탭 내부 체크박스 */
.system-tab_close {
    color: #999;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    vertical-align: initial;
}

/*조건부*/
.wrapper_col_3 {
    margin-top: 4px;
    margin-bottom: 6px;
}

table.div_col_3 {
    border-top: 1px solid #E1E1E1;
    margin: 0;
}

table.div_col_3 tr td input,
table.div_col_3 tr td select,
table.div_col_3 tr td .custom {
    display: flex;
    align-items: center;
}


table.div_col_3 tr td input[type="text"],
table.div_col_3 tr td input[type="password"],
table.div_col_3 tr td select {
    height: 26px;
}


.wrap_titlebtn {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

/******
최근접속기록
*/
.login_thelastest {
    text-align: right;
}

.login_thelastest p {
    color: #797676;
    margin-top: 10px;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

/******
평가화면
*/
.profile-pic {
    width: 188.8px;
    height: 226.6px;
    background: url('../images/profile_default.png') no-repeat center;
    background-size: cover;
}

/* 2025/06/24 학적부 이미지 조정으로 작성 - 시작 */
.profile-pic-auto {
    width: 100%;
    max-width: 188.8px;
    /*height: auto;*/
    background: url('../images/profile_default.png') no-repeat center;
    background-size: cover;
}

.img-frame {
    aspect-ratio: 188.8 / 226.6; /* 원래 이미지 비율 유지 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* 2025/06/24 학적부 이미지 조정으로 작성 - 끝 */

#mainTab .profile-pic {width: 188.8px; height: 226.6px;}

#accordian .menu li a:focus,
#accordian .menu li a:active {
    font-weight: 500;
    color: #245396;
}

.student_info {
    width: 100%;
    margin-top: 10px;
}

.student_info ul {
    margin-bottom: 10px;
    background-color: #fafafa;
}

.student_info ul li {
    text-align: center;
    padding: 10px;
    font-size: 18px;
}

.student_info ul li:nth-last-child(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.pyeongga_2 .title_h2 {
    margin-bottom: 0px;
}

.pyeongga_2 table {
    margin-top: 4px;
}

.pyeongga_1 .btn_spacearound,
.btn_spacearound {
    display: flex;
    justify-content: space-between !important;
}

.pyeongga_1 {
    width: 30%;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    margin: 20px;
    position: relative;
    margin-right: 0px;
}

.pyeongga_1 .wrap-btn_system {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pyeongga_1-1 {
    width: 100%;
    margin-top: 50px;
    margin-right: 20px;
}

.pyeongga_2 {
    width: 70%;
    padding: 20px;
}

.pyeongga_2 .wrap_contents_pyeongga_2 {
    display: flex;
    align-items: flex-start;
}

.pyeongga_2 .wrap_contents_pyeongga_2-right {
    width: 80%;
    margin-left: 20px;
}

.pyeongga_2 .wrap_contents_pyeongga_2 .ttl_mypage {
    height: 90px;
    padding: 10px;
}

.pyeongga_2 .wrap_contents_pyeongga_2 .ttl_mypage span {
    font-size: 20px;
}

.pyeongga_2 .wrap_contents_pyeongga_2 .toggle-menu-wrap > .toggle-menu > li a {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.pyeongga_2 .wrap_contents_pyeongga_2 .toggle-menu-wrap > .toggle-menu > li > ul li a {
    padding-left: 20px;
}

.icon_expand {
    background-color: #245396;
    padding: 10px 4px;
    position: absolute;
    right: 0;
    border-radius: 0;
    cursor: pointer;
    top: -36px;
    left: 0;
}

.icon_expand.flip {
    border-radius: 0;
    margin-left: 0 !important;
}

.flip {
    transform: scaleX(-1);
    transition: .3s;
    margin-left: 10px
}

/* 마이페이지 메뉴 상단 타이틀 */
.menu_left {
    width: 20%;
    margin-top: 70px;
}

.wrap-mypage .ttl_mypage {
    background-color: #245396;
    color: #fff;
    text-align: center;
    height: 130px;
    display: table;
    width: 100%;
    padding: 20px;
}

.wrap-mypage .ttl_mypage span {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
}

/* 추후에 혹시 추가 될 수 있는 2,3차 depth 일 경우 */
.toggle-menu-wrap {
    transition: 0.5s;
}

.toggle-menu-wrap.active {
    left: 0;
}

.toggle-menu-wrap > .toggle-menu {
    width: 100%;
    line-height: 40px;
    background-color: #fff;
    text-align: left;
}

.toggle-menu-wrap > .toggle-menu > li > a {
    display: block;
}

.toggle-menu-wrap > .toggle-menu > li > ul {
    background-color: #f5f5f5;
    color: #03102B;
    overflow: hidden;
    max-height: 0;
    transition: .5s;
}

.toggle-menu-wrap > .toggle-menu > li.active > ul {
    max-height: 1000px;
}

.toggle-menu-wrap.active ul li.active a {
    color: #245396;
    font-weight: 500;
}

.toggle-menu-wrap.active ul li.active ul li a {
    color: #03102b;
}

@media all and (max-height: 768px) {

    * {
        font-size: 15px;
    }

    .wrapper-login .container .login_title {
        font-size: 24px;
    }

    .wrap-tab.wrap-login {
        width: 1025px;
    }

    .tab_login_contents .align_center button {
        margin-top: 10px;
    }

    .login-input,
    .login-input select {
        margin-bottom: 10px;
    }

    .wrapper-login .find_idpw {
        margin-top: 0;
    }

    .login-input,
    .login-input select {
        height: 30px;
    }

    .tab_login_foreign,
    .tab_login__tabcontent {
        height: 560px;
    }

    .tab_login__tabcontent {
        padding: 20px;
    }

    .tab_login_inputs {
        padding: 30px;
    }

    .wrapper-login.wrapper-login_tab .wrap-login.wrap-tab .container .gap_top_60 {
        margin-top: 20px;
    }


}

/**/



/***************
[대학원-일반]로그인 - 심플형 - 수험번호 기준
로그인 화면에 탭 위치
*/
/* tab 기본 */
.login-pd .tab {
    overflow: hidden;
}

.login-pd .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 28px;
    transition: 0.3s;
    background-color: #EDEDED;
    font-size: 17px;
    color: #797676;
}

.login-pd .tab button:hover {
    background-color: #E1E1E1;
}

.login-pd .tab button.active {
    background-color: #fff;
    font-weight: 500;
    color: #444;
    transition: 0.3s;
}

/* tab 추가 */
.login-pd .tab_login_infotxt.agreenemt_scroll {
    max-height: unset;
    margin-right: 40px;
    height: 100%;
    border: unset;
    background-color: unset;
    padding: unset;
}

.login-pd .wrapper-login .container .tab_login_inputs .login_title {
    margin-top: 0;
}

.login-pd .wrap-tab.wrap-login {
    max-width: 960px;
}

.login-pd .tab_login__tabcontent {
    display: none;
    padding: 40px 36px;
    border-top: none;
    border-radius: 0px 6px 6px 6px;
    height: 728px;
}

.login-pd .tab_login__tabcontent .tab_arrange {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.login-pd .tab_login_contents {
    background-color: #fff;
    border-radius: 0px 6px 6px 6px;
}

.login-pd .tab_login_contents .align_center button {
    margin-top: 20px;
    margin-bottom: 10px;
}

.login-pd .tab_login_foreign {
    height: 628px;
}

.login-pd .tab_login_infotxt {
    width: 45%;
}

.login-pd .tab_login_inputs {
    width: 55%;
    height: 100%;
    border: 1px solid #e5e5e5;
    padding: 40px;
}

/*************************
로그인
***/
.wrapper-login {
    /*position: relative;*/
    background-color: #f5f5f5;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.wrap-login {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 500px;
}

.wrapper-login .container {
    margin: 0 auto;
}

.wrapper-login .container .login_title {
    text-align: left;
    color: #444;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 100px;
    margin-bottom: 40px;
}

.wrapper-login .container label {
    display: block;
    color: #444;
}

.login-input,
.login-input select {
    margin-bottom: 20px;
    height: 40px;
    /* 로그인에 위치하는 input들의 높이만 해당 */
    margin-top: 6px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #245396 !important;
    letter-spacing: 0px;
    color: #444;
}

.wrapper-login .container .clearfix {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.wrapper-login button {
    padding: 10px 16px;
    font-size: 16px;
}

.wrapper-login .container .clearfix button:hover {
    cursor: pointer;
}

.wrapper-login .container .clearfix button.btn_request_code {
    width: 40%;
    background-color: #fff;
    border: 1px solid #005DAA;
    color: #005DAA;
}

.wrapper-login .find_idpw {
    color: #797676;
    text-align: center;
    margin-top: 20px;
}

.wrapper-login .find_idpw:hover {
    cursor: pointer;
}

.wrap_logo_img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.wrapper-login .logo_title {
    width: auto;
}

.wrapper-login .box-msg {
    color: #797676;
    font-size: 15px;
    margin-top: 100px;
}


@media only screen and (max-width: 767px) {
    .wrap-login {
        width: 100%;
    }

    .wrapper-login .container {
        padding: 20px;
    }
}



/* jQuery select(combo) */
/* 아이콘 버튼 */
/* 커스텀 칼럼 스타일 정의 */
.aui-grid-user-custom-column {
    background: #ffffee;
    font-weight: bold;
}

/* HTML 템플릿에서 사용할 스타일 정의*/
.aui_grid_div {
    display: inline-block;
    margin-top: 4px;
    line-height: 12px;
}

.aui_grid_div img {
    width: auto;
    /*height: 12px;*/
    vertical-align: top;
    /*padding-right: 4px;*/
}

.gridPopup {
    content: url(../images/icon-search.png);
    /*background: url('../../images/icon-search.png') no-repeat center;*/
    width: 16px !important;
    height: 16px;
}

/* 위 아래 화살표 아이콘 버튼 */
.gridUp {
    content: url(../images/icon-gridup.png);
    width: 20px;
    height: 20px;
    padding: 0;
}

.gridDown {
    content: url(../images/icon-griddown.png);
    width: 20px;
    height: 20px;
    padding: 0;
}

/**/

.GG2216P_btn_arrange {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


#html_inp1_message {
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #D2D5D6;
    overflow-y: auto !important;
}


/* 참고파일: CO0701P.html */
.div_wrap_col1.div_wrap_col1_xl table.table-top_border {
    border: 1px solid #E1E1E1 !important;
    background-color: #FFF;
    border-radius: 4px;
}

.div_wrap_col1.div_wrap_col1_xl table.table-top_border tr td {
    height: 42px !important;
    /*border-bottom: 1px solid #E1E1E1 !important;*/
    text-align: left;
    padding: 0 10px;
    background-color: #fff !important;
}

.div_wrap_col1.div_wrap_col1_xl table.table-top_border tr td.fake_th {
    background-color: #FAFAFA !important;
}

.div_wrap_col1.div_wrap_col1_xl table.table-top_border tr td.fake_th label {
    text-align: left;
}

.div_wrap_col1.div_wrap_col1_xl table.table-top_border tr td .custom-combobox {
    border: unset !important;
    background-color: #E9E9E9;
}

/*---  EN0120M ---*/
.EN0120M .div_wrap_col3_sm.div_wrap_col3 .multi_inputs .custom-combobox {
    border: 1px solid #D6D9DC;
    margin-right: 4px;
}

/*--- 주소 검색 ---*/
input#keyword {
    /*height: 36px !important;*/
    /*outline: none;*/
    /*border: none;*/
    margin-left: 10px;
}

.list div table {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #000;
}

.list div table th {
    background-color: #f5f5f5;
    padding: 10px;
}

.list div table tbody tr {
    border-bottom: 1px solid #DDDDDD;
}

.list div table tbody tr td {
    text-align: left;
    padding: 10px !important;
}

.paging span {
    color: #646464;
}

.paging ul li {
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    margin: 2px;
    display: inline-block;
    border-radius: 4px;
}

.paging ul li.active {
    font-weight: 500;
    color: #003A78;
    background-color: #f5f5f5;
}

.paging ul li:hover,
.list button:hover {
    cursor: pointer;
}

.list table tbody tr:hover {
    background-color: rgba(238, 245, 255, 0.3);
    cursor: pointer;
}

.list table tbody tr:focus {
    background-color: rgba(238, 245, 255, 0.5);
    font-weight: 500;
    cursor: pointer;
}

/*=== MediaQuery ===*/
@media only screen and (max-width: 1536px)  {
    .custom-checkbox_radio {margin-right: 10px;}
}

@media only screen and (max-width: 1500px ){

    .wrap-ifram { min-width: 1536px;}
    /* 가로스크롤 */
    #tabPanels .tabcontent {
        width: 100%;
        white-space: nowrap;
        height: calc(100% - 20px )!important;
        overflow-x: scroll!important;
    }

    iframe {
        overflow: auto;
        /* min-width: 1536px; */
        width: 100%;
        height: 100%;

    }
}


@media only screen and (min-width: 768px) and (max-width: 1650px) {
    * { font-size: 15px;}

    select { width: 50px!important;}
    /*== 일부페이지 정렬
    서류전형평가대상자 EN1110M
    필기전형평가대상자 EN1210M
    면접전형평가대상자 EN1310M
    */
    /* 버튼 2개 상단 정렬 */
    /* 버튼 2개 오른쪽 정렬 */ /* 콤보박스 + 버튼 */
    .EN1110M .comboBtns ,
    .EN1210M .wrap-btn , .EN1210M .comboBtns ,
    .EN1310M .wrap-btn , .EN1310M .comboBtns { margin-bottom: 4px; justify-content: flex-end; }
    .EN1110M .comboBtns , .EN1210M .comboBtns , .EN1310M .comboBtns { margin-bottom: 0; }

    /* 일부 페이지 컴포넌트 두줄로 표시가 됨*/
    .grid_title , .div_wrap_title .grid_title div span { font-size: 15px;}
    .div_wrap_title .grid_title div span { letter-spacing: -1px;}
    .div_wrap_title .grid_title div span.grid_count { letter-spacing: -1.5px;font-size: 14px;}
    .div_wrap_title button { padding: 0 5px; }

}

@media only screen and (max-width: 1740px) {

    .wrap-ifram { max-height: unset; min-height: unset; }
    .wrap_programs { width: 100%;}
    .container-topmenutab { position: relative;}
    .wrap_programs #tabPanels { }

}

/**/
img {
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
    max-width: 100%;
    vertical-align: middle;
}
/**/

/* input, textarea, select ... */
input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea,
table.table-top_border tr td .custom-combobox,
.div_wrap_col3 .table-top_border input,
.div_wrap_col3 .table-top_border select,
.div_wrap_col3 .table-top_border textarea,
.div_wrap_col2 .table-top_border input,
.div_wrap_col2 .table-top_border select,
.div_wrap_col2 .table-top_border textarea {
    border-radius: 3px;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    font-size: 15px;
    width: -webkit-fill-available;
    background-color: #FFFFFF;
    width: 100%;
    vertical-align: middle;
    color: #333;
    border: 1px solid #D6D9DC;
}
/**/

.div_wrap_col3 table tr td textarea {
    border: 1px solid #D6D9DC !important;
    background-color: #fff
}

.wrapper-disabledinput {
    border: 1px solid #E1E1E1;
    background: #f2f2f3;
    padding: 4px;
}


/**/


/***************
[대학원-일반]로그인 - 심플형 - 수험번호 기준
로그인 화면에 탭 위치
*/

/*************************
로그인
***/
.wrapper-login button.btn_login {
    width: 60%;
    margin-right: 10px;
    background-color: #005DAA;
    color: #fff;
    border: 1px solid #005DAA;
}

.paging ul {
    text-align: center;
}

/* 게시물 아래 페이징처리 LM0563P 참고 */
.pagination {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pagination .prev,
.pagination .next {
    display: table;
}

.pagination .prev span,
.pagination .next span {
    background-color: #FFF;
}
.pagination .prev {
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.pagination .next {
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.pagination .prev img {
    transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    margin-top: 18px;
}

.pagination .prev img,
.pagination .next img {
    display: inline-block;
}

.pagination .next img {
    transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    margin-top: 18px;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination ul li {
    margin: 0 1px;
    width: 2rem;
    height: 2rem;
    background-color: rgba(255, 255, 255);
    line-height: 2rem;
    text-align: center;
    cursor: pointer;
}

.pagination ul li.dots {
    line-height: 1.9rem;
    cursor: text;
}

.pagination ul li.dots span {
    width: 4px;
    height: 4px;
    background-color: #000;
    margin: 0 2px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.pagination ul li:not(.dots):hover {
    color: #666;
    background-color: #F2F2F3;
    border-radius: 50%;
    transition: 0.3s;
}

.pagination ul li.active {
    background-color: #000;
    color: #FFF;
    border-radius: 50%;
}

.pagination .prev #btn_prev,
.pagination .next #btn_next {
    border: 1px solid #000;
    margin-top: 20px;
    cursor: pointer;
    width: 3em;
    height: 3em;
    text-align: center;
}

/* 에디터 */
#smart_editor2 .se2_input_wysiwyg {background-color: #FFF;}


/*===== LM0563P 설문조사 =====*/
.wrap-popup {
    /* width: 500px;*/
    width: 100%;
    height: 700px;
}

.popup {
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 20px;
}

.LM0563MP .popup .btn-submit {
    /* 마지막 페이지에 보이는 제출버튼 */
    margin: 20px 12px 58px;
}

.LM0563MP .popup .btn-submit button {
    width: 100%;
}

/* 설문조사 > 팝업 내부 라디오버튼 위치 이동 */
.popup .ev_div_nm .item_asw div label {
    border-radius: 6px;
    padding: 10px 12px;
    width: 100%;
}

.popup .custom-radio .checkmark {
    left: unset;
    right: 10px;
    margin-right: unset;
    top: unset !important;
}

.popup #ans_parent .custom-radio .checkmark {
    top: 50%!important;
}

/* 설문조사 > 팝업 내부 라디오버튼 활성화 일 때 */
.popup .ev_div_nm .item_asw div label:active,
.popup .ev_div_nm .item_asw div label:focus-within {
    background-color: #000;
    color: #FFF;
}

.popup .custom-radio input:checked ~ .checkmark {
    border: 1px solid #FFF;
}

/**/
.LM0563MP .center {
    max-width: unset !important;
    clear: unset !important;
    padding: unset !important;
}

.LM0563MP .item,
.LM0563MP .item {
    height: 100%;
    padding: 0;
    /*width: 100vw;*/
}

.info_msg_line {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #000;
    padding: 24px 32px 28px;
    margin: 10px 0;
    font-size: 16px;
    letter-spacing: 0;
}

.wrap-popup .info_msg_line {
    width: 100%;
}

.ev_div_nm {
    padding: 1rem 0rem 0;
}

.ev_div_nm .item {
    width: 100%;
}

.ev_div_nm .item_nm {
    border-radius: 0px;
    padding: 6px;
}

.ev_div_nm .item_qst {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.ev_div_nm .item_asw {
}

.ev_div_nm .item_asw div {
    padding: 30px 12px 0px;
}

.ev_div_nm .item_asw div label {
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 15px;
    background-color: #F5F5F5;
}


/*=== C0004P */
#dropArea {
    border: 2px dashed #ccc;
    padding: 20px;
    width: 100%;
    height: 120px;
    text-align: center;
    margin-top: 20px;
    display: table;
    border-radius: 6px;
}

#dropArea>div {
    display: table-cell;
}

#dropArea p {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.25px;
}

#dropArea span {
    background: url('../images/drag-and-drop.png') no-repeat center;
    background-size: cover;
    height: 48px;
    display: block;
    width: 48px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 5px;
}

#dropArea.dragOver {
    background-color: rgba(238, 245, 255, 0.7);
}

#dropArea.dragOver p {
    font-weight: 500;
    color: #003A78;
}

#mainTab div ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li.ui-tabs-active.ui-state-active a {/*탭안에 탭*/background-color: #003a78!important;color: #fff;}

#mainTab .div_tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content ul li {
border-radius: 4px!important;}

#mainTab ul .ui-tabs-panel.ui-corner-bottom.ui-widget-content { /*탭 테두리*/
border: 1px solid #ccc!important;}

.main-title{
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: .8em;
}

/*---  SL9910M 증명서발급처리 ---*/
.keypad {
    width: 100%;
    height: 72%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.btn-keypad {
    font-size: 35px;
    font-weight: 600;
    border: 2px solid;
    border-radius: 10px;
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
}

.btn-keypad-md {
    font-size: 35px;
    font-weight: 600;
    border: 2px solid;
    border-radius: 10px;
    display: inline-block;
    height: 60px;
    width: 120px;
    text-align: center;
}

.btn_full {
    border: 1px solid rgba(0, 0, 0, 0);
    width: 100%;
    background-color: #6B6B6B;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 5px;
}