.sub-container { }
    #se-router-root .sub-container { width: 1303px; margin:0 auto; margin-bottom: 16px; }

.popupWrapper #popupHeader { position: fixed; top:0; width:100%; padding:20px; background:#fff; z-index: 9999; border-bottom: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important; }
    #popupHeader:after {content: ""; display: block; clear: both;}
    #popupHeader h2 {display:inline-block; color: #444; font-size: 20px; font-weight:500;}
    #popupHeader a {float:right;color: #fff;font-size: 14px;padding: 5px 10px; margin-left:5px; margin-right: 0; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;}
    #popupHeader a.red {background: #ff0060;}
    #popupHeader a.blue {background:#4C93E3;}
    #popupHeader a.green {background:lightseagreen;}
    .popupWrapper #se-router-root { margin: 0 auto 0 auto; width:95%; padding-top: 110px; padding-bottom: 16px; }
    .popupWrapper .sub { min-width: auto; width: auto; }
    .popupWrapper > .wrap > .sub > h2.title,
    .popupWrapper > .wrap > .general-page > h2.title { display: none; }

/*.popupWrapper #popupHeader { position: fixed; top:0; width:100%; padding:20px; background:#2d3273; z-index: 9999;}
#popupHeader:after {content: ""; display: block; clear: both;}
#popupHeader h2 {display:inline-block; color:#fff; font-size:26px; font-weight:500;}
#popupHeader a {float:right;color: #2d3273;font-size: 18px;padding: 5px 13px;background: #fff;font-weight: bold;margin-right:40px;}
.popupWrapper #se-router-root { margin: 0 auto 0 auto; width:95%; padding-top: 90px; padding-bottom: 16px; }
.popupWrapper .sub { min-width: auto; width: auto; }*/

.jq-ui .popup-panel-content { font-size: 14px; padding: 20px; }
.jq-ui .Btn-Default,
.jq-ui .Btn-Default-Outline { padding: 3px 10px; background-color: #2d3273; color: #fff; display: inline-block; }

.jq-ui .Btn-Default {padding:5px 15px;font-size:16px;}
.jq-ui .Btn-Default-Outline {background-color: #fff;color: #444;border-radius: 20px;color: #fff;border: 0;background: #3182f6;font-size: 14px;}
.jq-ui .Btn-Default-Outline:hover {text-decoration: underline;}

.Btn-Large { border: 1px solid #333; border-radius: 4px; padding: 3px 10px; background-color: #2d3273; color: #fff; margin-bottom: 16px; margin-left: auto; margin-right: auto; padding: 16px 32px; }

.hidden,
.hidden th,
.hidden td { display: none !important; }

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

.border-box,
.border-box * { box-sizing: border-box; }

.block { display: block; }
.inline-block { display: inline-block; }

.float-left { float: left; }
.float-right { float: right; }
.clearfix:after { display: block; content: ""; clear: both; }

.no_data { text-align: center; }
    .no_data--balloon { color: #888; font-size: 14px; margin: 30px 0 50px 0; }    
        .no_data--balloon:before { content: ' '; background-image: url('../../images/contents/no_data.png'); display: block; width: 120px; height: 106px; margin: 0 auto; margin-bottom: 16px; }
        
.circle-clear-btn { color: #999; }        
    .circle-clear-btn:hover { color: #666; }        
    .circle-clear-btn:before { display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f622"; }        

label.required {  }
    label.required:after { content: ' *'; color: #f00; }

.input-group { display: flex; }
    .input-group input,
    .input-group .input-group-input { width: 100%; flex: 1; }
    .input-group .input-group-append { }

.input-remark { margin-top: 8px; }
    ul.input-remark { list-style: '※'; margin-left: 12px; }
        ul.input-remark > li { color: #e24800; font-size: 12px; line-height: 13px; list-style: '※'; padding-left: 4px; }
    

.ul-horizontal { }
    .ul-horizontal > li { display: inline-block; margin-right: 8px; }

table.table-style1 { border: 1px solid #cdcdcd; border-top-width: 2px; border-top-color: #333; width: 100%; color: #000; table-layout: fixed; background-color: #fff; }
    table.table-style1 > tbody > tr > th,
    table.table-style1 > tr > th,
    table.table-style1 > tbody > tr > td,
    table.table-style1 > tr > td { border: 1px solid #cdcdcd; border-right: none; border-bottom: none; padding: 8px; line-height: 1.5em; }
    table.table-style1 > tbody > tr > th,
    table.table-style1 > tr > th { background: #f6f6f6; font-size: 14px; font-weight: 500; }
    /*table.table-style1 .no_data { font-size: 18px; color: #666; text-align: center; padding: 32px 0; box-sizing: border-box; }
        table.table-style1 .no_data:before { content: ' '; background-image: url('../../images/main/no_data.png'); display: block; width: 88px; height: 88px; margin: 0 auto; margin-bottom: 16px; }*/

table.table-style2 { border: 1px solid #cdcdcd; border-top-width: 2px; border-top-color: #333; width: 100%; color: #000; margin-bottom: 16px; table-layout: fixed; background-color: #fff; border-left: none; }
    table.table-style2 > tbody > tr > th,
    table.table-style2 > tr > th,
    table.table-style2 > tbody > tr > td,
    table.table-style2 > tr > td { border: 1px solid #cdcdcd; border-right: none; border-bottom: none; padding: 10px; line-height: 1.6em; }
    table.table-style2 > tbody > tr > th,
    table.table-style2 > tr > th { background: #f6f6f6; font-size: 14px; font-weight: 400; }
    table.table-style2 input,
    table.table-style2 textarea { border: 1px solid #ccc; border-radius: 2px; padding: 4px; box-sizing: border-box; }

table.table-style3 { border: 1px solid #e0d7b8; border-top-width: 2px; border-top-color: #e0d7b8; width: 100%; color: #000; table-layout: fixed; background-color: #fff; border-left: none; border-right: none; margin-top:20px;}
    table.table-style3 > tbody > tr > th,
    table.table-style3 > tr > th,
    table.table-style3 > tbody > tr > td,
    table.table-style3 > tr > td { border: 1px solid #e0d7b8; border-bottom: none; padding: 8px; line-height: 1.6em; }
    table.table-style3 > tbody > tr > th,
    table.table-style3 > tr > th { background: #fff9e5; font-weight: 400; }
    table.table-style3 input,
    table.table-style3 textarea { border: 1px solid #ccc; border-radius: 2px; padding: 4px; box-sizing: border-box; }

table.search-table-style1 { border: 1px solid #cdcdcd; border-top-width: 2px; border-top-color: #333; width: 100%; color: #000; margin-bottom: 16px; table-layout: auto; background-color: #fff; }
    table.search-table-style1 > tbody > tr > th,
    table.search-table-style1 > tr > th,
    table.search-table-style1 > tbody > tr > td,
    table.search-table-style1 > tr > td { border: 1px solid #cdcdcd; border-right: none; border-bottom: none; padding: 8px;}
    table.search-table-style1 > tbody > tr > th,
    table.search-table-style1 > tr > th { background: #f6f6f6; font-weight: 500; }
    /*table.search-table-style1 .no_data { font-size: 18px; color: #666; text-align: center; padding: 32px 0; box-sizing: border-box; }
        table.search-table-style1 .no_data:before { content: ' '; background-image: url('../../images/main/no_data.png'); display: block; width: 88px; height: 88px; margin: 0 auto; margin-bottom: 16px; }*/

.review-row { }
    .review-row .review-info-wrap { display: inline-block; text-align: left; }
    .review-row .review-info {font-size: 13px;color: #26549a;margin-top:8px;line-height: 18px;}
        .review-row .review-info:last-child {margin-top:0px;}
        .review-row .review-info label { color: #777; margin-bottom: 0; }
    .review-row.review-type-EXPC_1 th {background: #f2edfa;}
    .review-row.review-type-EXPC_2 th {background: #dff4ff;}
    .review-row.review-type-EXPC_3 th { background: #ffe3e3;}

/*parsley*/
.parsley-errors-list { display: none; }
    .parsley-errors-list li { font-size: 12px; padding-top: 5px; }
    .SeCmpErrorContainer--Radio .parsley-errors-list li { padding-top: 0; padding-left: 20px; }
    .parsley-errors-list.filled { display: block; }
.parsley-required,
.parsley-password,
.parsley-min,
.parsley-mincheck,
.parsley-maxcheck,
.parsley-minlength,
.parsley-maxlength,
.parsley-dateformat,
.parsley-telformat,
.parsley-range,
.parsley-custom-error-message { color: #ff5757 !important; }
.parsley-required:before,
.parsley-password:before,
.parsley-min:before,
.parsley-mincheck:before,
.parsley-maxcheck:before,
.parsley-minlength:before,
.parsley-maxlength:before,
.parsley-telformat:before,
.parsley-range:before,
.parsley-custom-error-message:before { content: '\f06a'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 4px; padding-left: 4px; }
.parsley-success { color: #1e620f; border-color: #7cd362; background: #d3ffc6; }
.parsley-success { background: inherit; }
.parsley-error,
.parsley-type { color: #620f0f; border-color: #db6a6a; background: #ffc6c6; }
.parsley-error,
.parsley-type { background: inherit; }
.parsley-success { border-color: #77e038 !important; }
.parsley-error { border-color: #e03838 !important; }

/*SeCodeRadio*/
.SeCodeToRadio { }
    .SeCodeToRadio:after { content: ' '; clear: both; display: block; }
    .SeCodeToRadio > li { float: left; margin-right: 25px; }
        .SeCodeToRadio > li > label { }
            .SeCodeToRadio > li > label > input { }

/*SeCodeToSelect*/
.SeCodeToSelect { }

/*modal*/
.modal-open {overflow: hidden;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0;}
    .modal.fade .modal-dialog {-webkit-transition: -webkit-transform 0.3s ease-out;transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;-webkit-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);}
    .modal.show .modal-dialog {-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
    .modal-open .modal {overflow-x: hidden;overflow-y: auto;}
    .modal-dialog {position: relative;width: auto;margin: 10px;}
    .modal-content {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0.3rem;outline: 0;}
    .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
        .modal-backdrop.fade {opacity: 0;}
        .modal-backdrop.show {opacity: 0.5;}
    .modal-header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 15px;border-bottom: 1px solid #eceeef;}
    .modal-title {margin-bottom: 0;line-height: 1.5;}
    .modal-body {position: relative;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 15px;}
    .modal-footer {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding: 15px;border-top: 1px solid #eceeef;}
        .modal-footer > :not(:first-child) {margin-left: .25rem;}
        .modal-footer > :not(:last-child) {margin-right: .25rem;}
    .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

.se-modal { }
    .se-modal .modal-dialog { box-shadow: none !important; }
        .se-modal.modal-last .modal-dialog { box-shadow: 0 5px 25px rgba(0, 0, 0, .3) !important; }
    .se-modal .modal-content { border: 1px solid #ccc; box-shadow: none !important; }
        .se-modal.modal-last .modal-content { box-shadow: 0 5px 25px rgba(0, 0, 0, .3) !important; }

.se-modal .user label {display:inline-block; margin:5px 10px; font-size:16px; width:25%;}

.se-modal-msgbox { }
.se-modal-msgbox .modal-content .modal-body {padding: 20px;font-size: 16px;word-break: break-all;}
    .modal.show .se-modal-msgbox.modal-dialog { top: 50%; margin-top: 0; transform: translate(0, -50%); }
    .se-modal-msgbox .modal-header { display: none; }
    .se-modal-msgbox .modal-body {padding: 50px 20px 50px 20px;font-size: 16px;word-break: break-all;}
        .se-modal-msgbox .modal-body .se-modal-alert__content { text-align: left; padding-top: 20px; }
    .se-modal-msgbox .modal-footer { justify-content: center;}
        .se-modal-msgbox .modal-footer button {  width:100%; padding: 15px; }

.se-modal-alert { }
    .se-modal-alert .modal-header { }
    .se-modal-alert .modal-body { text-align: center; }
        .se-modal-alert .modal-body .incident-id { color: #999; position: absolute; right: 0; bottom: -4px; font-size: 9px; text-align: right; width: 100%; box-sizing: border-box; border: none; background: none; padding-right: 16px; }
    .se-modal-alert .modal-footer { }
        .se-modal-alert .modal-footer button { }

.se-modal-confirm { }
    .se-modal-confirm .modal-header { }
    .se-modal-confirm .modal-body { text-align: center; }
    .se-modal-confirm .modal-footer { }
        .se-modal-confirm .modal-footer button { flex: 1; border-bottom-left-radius: 0; margin: 0; }
        .se-modal-confirm .modal-footer button.se-modal-button-yes { background:#03aae2; color: #fff; }

.se-modal-input { }
    .se-modal-input .modal-header { }
    .se-modal-input .modal-body { text-align: center; }
        .se-modal-input .modal-body input,
        .se-modal-input .modal-body textarea { display: block; width: 100%; border: 1px solid #ccc; margin-top: 10px; padding: 8px; box-sizing: border-box; }
        .se-modal-input .modal-body textarea { height: 10em; }
    .se-modal-input .modal-footer { }
        .se-modal-input .modal-footer button {  width:48%; border-bottom-left-radius: 0; margin: 0; }
        .se-modal-input .modal-footer button.se-modal-button-yes {background:#03aae2; color: #fff;}
        
.se-loader-overlay { position: absolute; background: rgba(255,255,255,0.10); z-index: 99990; }
.se-loader-overlay-content { position: fixed; background: #fff; border-radius: 8px; padding: 24px 48px; max-width: 400px; z-index: 99990; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.075); }
    .se-loader-overlay-content__message { margin-top: 16px; color: #666; }
    .se-loader-overlay-content .spinner {margin: 0 auto;width: 80px;height: 40px;text-align: center;font-size: 10px;}
        .se-loader-overlay-content .spinner > div {background-color: #797979;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out; margin-right: 4px;}
        .se-loader-overlay-content .spinner .rect2 {background-color: #e999a6;-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
        .se-loader-overlay-content .spinner .rect3 {background-color: #9CB96A;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
        .se-loader-overlay-content .spinner .rect4 {background-color: #E6B926;-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
        .se-loader-overlay-content .spinner .rect5 {background-color: #cbcbcb;-webkit-animation-delay: -0.8s;animation-delay: -0.8s;margin-right:0;}
.se-loader-overlay-activator { background-color: #dedede !important; color: #fff !important;; border-style: none !important; }
    .se-loader-overlay-activator:after { content: '\f110'; font: normal normal normal 14px/1 FontAwesome; display: inline-block;   -webkit-animation: fa-spin 0.5s infinite steps(8); animation: fa-spin 0.5s infinite steps(8); width: 1.28571429em; text-align: center; margin-left: 0.5em; }
        
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

/*jquery ui dialog*/
.jq-ui .ui-dialog { box-shadow: 0 5px 25px rgba(0, 0, 0, .3) !important; }
    .jq-ui .ui-dialog .ui-dialog-titlebar { background: #fff; color: #444; font-size: 20px; font-weight: 500; padding: 15px; border-style: none none solid none; }
        .jq-ui .ui-dialog .ui-dialog-titlebar .ui-dialog-title { width: auto; }
        .jq-ui .ui-dialog .ui-dialog-titlebar-close { border: none; background: transparent; }
            .jq-ui .ui-dialog .ui-dialog-titlebar-close:after { background: #ff0060; border: none; padding: 5px 10px; border-radius: 0; position: absolute; right: 0; top: 0; line-height: normal;content: "×";color: #fff; text-indent: 0; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif; font-size: 14px; box-sizing: border-box; }

.exp-plan-view-wrapper { }
    .exp-plan-view-wrapper.hasAnnotation { position: relative; }
        .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-content-wrap { display: flex; }
            .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-content-wrap .exp-plan-view-content { flex: 1; }
        .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation { width: 400px; position: fixed; right: 64px; top: 110px; bottom: 16px; }
            .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation > table { width:100%; height: 100%; }
                .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation > table th { height: 1em; }
                .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation .annotation-list { overflow: auto; height: 100%; }

.exp-plan-diff-content { margin-top: 120px; }

.exp-plan-diff-toolbar { z-index: 9; position: fixed; left: 0; top: 70px; width: 100%; background: #fff; padding-left: 2.5%; padding-right: 2.5%; padding-top: 20px; padding-bottom: 20px; }

.exp-plan-diff-selector { display: flex; padding-left: 50px; padding-right: 50px; }
    .exp-plan-diff-selector h4 { color: #333; font-size: 14px; margin-bottom: 8px; font-weight: normal; }
    .exp-plan-diff-selector__prev { flex: 1; margin-right: 1em; }
    .exp-plan-diff-selector__cur { flex: 1; margin-left: 1em; }

.diffins { background: #99ff99; color: #333; }
.diffmod { background: #ffff99; color: #333; }
    del.diffmod { background: #ff9999; color: #333; }
    .diffdel { background: #ff9999; color: #333; }

.annotator-hl { border: 1px solid #eedc00; border-radius: 4px; }
    .annotator-hl-anchor { color: #0275d8; font-size: 0.75em; vertical-align: super; }
    .annotator-hl-hover { background: #eedc00; border-color: rgba(255,255,10,0.3); }
    .annotator-hl-active { animation-duration: 1s; animation-name: annotator-hl-active; }

@keyframes annotator-hl-active {
    0% {
        border-color: #6c6;
        background-color: rgba(100,255,160,0.3);
    }
    20% {
        border-color: #eedc00;
        background-color: rgba(255,255,10,0.3);
    }
    40% {
        border-color: #6c6;
        background-color: rgba(100,255,160,0.3);
    }
    60% {
        border-color: #eedc00;
        background-color: rgba(255,255,10,0.3);
    }
    80% {
        border-color: #6c6;
        background-color: rgba(100,255,160,0.3);
    }
    100% {
        border-color: #eedc00;
        background-color: rgba(255,255,10,0.3);
    }
}

.annotation-list { }
    .annotation-list__item { padding: 2px 0; }
        .annotation-list__item a { color: #0275d8; }

.pseudo-checkbox { font-size: 12px; line-height: 12px; }
.pseudo-radio { font-size: 12px; line-height: 12px; }

.exp-plan-frm { }
.exp-plan-frm section {margin-bottom: 32px; border-bottom: 1px solid #ccc;padding-bottom: 2px;padding-bottom: 20px;}
    .exp-plan-frm, 
    .exp-plan-frm select,
    .exp-plan-frm input,
    .exp-plan-frm textarea { font-size: 14px;}
    .exp-plan-frm input:hover,
    .exp-plan-frm textarea:hover { background: #b5ecfa; }
    /*.exp-plan-frm button {border:0; border-radius: 4px; padding: 5px 10px; background-color: #2d3273; color: #fff; font-size:14px;}*/
        /*.exp-plan-frm button.fa { border: none; margin: 0; padding: 0; line-height: 1.2em; background-color: transparent; color: #2d3273; }*/
        .exp-plan-frm button[disabled] { color: #ccc !important; border-color: #fdfdfd !important; background-color: #fdfdfd !important; }
        .exp-plan-frm button.close {background: red; color: #fff;}
    .exp-plan-frm .annotator-adder > button { border: none; background: 0; }
    .exp-plan-frm > section > button { margin-bottom: 16px; }
    .exp-plan-frm textarea { border-color: #b5ecfa; border-style: solid; border-width: 0 0 1px 0; padding: 2px 8px; box-sizing: border-box; resize: vertical; display: block; }
        .exp-plan-frm textarea[readonly] {border-style: none;/* background: mintcream; */border: 1px solid #ccc;background: #f6f6f6;color: #aaa;}
    .exp-plan-frm input {padding:5px 8px;box-sizing: border-box;border: 1px solid #ccc; }
        .exp-plan-frm input[readonly] {}
    .exp-plan-frm ::placeholder { font-style: italic; }
        .exp-plan-frm :-ms-input-placeholder { font-style: italic; }
        .exp-plan-frm ::-ms-input-placeholder { font-style: italic; }
    .exp-plan-frm .text-left { text-align: left; }
    .exp-plan-frm .text-center { text-align: center; }
    .exp-plan-frm .text-right { text-align: right; }
    .exp-plan-frm .pt0 { padding-top: 0 !important; }
    .exp-plan-frm .pl0 { padding-left: 0 !important; }
    .exp-plan-frm .pr0 { padding-right: 0 !important; }
    .exp-plan-frm .pb0 { padding-bottom: 0 !important; }
    .exp-plan-frm .no-padding { padding: 0 !important; }
    .exp-plan-frm .readonly { }
        .exp-plan-frm .readonly input,
        .exp-plan-frm .readonly textarea { border-style: none; background: mintcream; }
        .exp-plan-frm .readonly button { color: #999; border-color: #ccc; background-color: #fdfdfd; }
    .exp-plan-frm .has-hint { position: relative; }
        .exp-plan-frm .has-hint .hint-icon { display: inline-block; position: relative; text-indent: -10000px; width: 1.4em; height: 1.4em; vertical-align: middle; }
            .exp-plan-frm .has-hint .hint-icon::after { content: "\f059"; font: normal normal normal 14px/1 FontAwesome; color: #009; position: absolute; left: 0; top: 0; text-indent: 0; }
    .exp-plan-frm .table-anesthesia { margin-bottom: 0; }
        .exp-plan-frm .table-anesthesia > tr:first-child > td,
        .exp-plan-frm .table-anesthesia > tbody > tr:first-child > td { border-top: none; }
    .exp-plan-frm .inner-table { margin-bottom: 0; }
        .exp-plan-frm .inner-table > tr:first-child > td,
        .exp-plan-frm .inner-table > tbody > tr:first-child > th,
        .exp-plan-frm .inner-table > tbody > tr:first-child > td { border-top: none; }
    .exp-plan-frm .content-box { border: 1px solid #000; padding: 16px; }
        .exp-plan-frm .content-box ol { }
            .exp-plan-frm .content-box ol > li { background:url("/images/contents/list_bullet.png")no-repeat left center; padding-left:20px; margin:2px 0;}
                /*.exp-plan-frm .content-box ol > li::before { content: counter(step-counter)'.'; position: absolute; top: 0; left: 0; }*/
    .exp-plan-frm ol { }
        .exp-plan-frm ol > li { display: inline-block; }
    .exp-plan-frm h4 {display:inline-block; font-weight: 500; font-size:20px; background:url("/images/contents/bullet03.png")no-repeat left center; padding-left:18px;}
    .exp-plan-frm .exp-section-row { display: -webkit-box; display: -webkit-flex; display: flex; margin: 15px 0; }
        .exp-plan-frm .exp-section-head { width: 16%; border: 1px solid #cdcdcd; border-top: 2px solid #333; border-right: none; background: #f6f6f6; font-size: 16px; font-weight: 500; text-align: center; padding: 8px; line-height: 1.7em; box-sizing: border-box; }
            .exp-plan-frm .exp-section-head.text-left { text-align: left; }
            .exp-plan-frm .exp-section-head > label { position: relative; top: 50%; transform: translateY(-50%); display: block; }
        .exp-plan-frm .exp-section-content { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-top: 2px solid #333; }
            .exp-plan-frm .exp-section-content > table { margin: 0; border-top: none; }
.exp-plan-frm h4 label{font-size:16px; color:#444; margin-bottom: 0;}
.exp-plan-frm h4 label:first-child {margin:0 5px 0 20px;}
    .exp-plan-frm table { border: 1px solid #cdcdcd; border-top-width: 2px; border-top-color: #333; width: 100%; color: #000; margin: 15px 0; table-layout: fixed; background-color: #fff; }
        .exp-plan-frm table th,
        .exp-plan-frm table td {border: 1px solid #cdcdcd;padding:8px;color:#444;line-height: 1.7em;font-size:14px;display: table-cell;border-bottom: 0;border-right: 0;}
        .exp-plan-frm table th { background: #f6f6f6; font-weight: 500; text-align: center; }
            .exp-plan-frm table th.fg-dimmed,
            .exp-plan-frm table td.fg-dimmed { color: #494; }
.table-anesthesia tr:first-child th {border-top:0;}
.exp-plan-frm table table { border-style: none; margin-top: 0; margin-bottom: 0; }
    .exp-plan-frm table table.has-border { border-style: solid; }
    .exp-plan-frm table table.has-border { border-style: solid; }
    .exp-plan-frm .debug-v-model { color: #333; position: absolute; font-size: 9px; background: #fff; opacity: 0.25;transform: translate(0, 6px);  }
        .exp-plan-frm .debug-v-model:hover { opacity: 1; font-size: 12px; background: #009; color: #fff; padding: 2px 4px; }

.exp-plan-frm table td label {margin: 0 5px;}
.exp-plan-frm table td label input {margin-right:5px;}
.exp-plan-frm .bold-border-top th,
.exp-plan-frm .bold-border-top td {border-top-color: #333;}
.exp-plan-frm .bold-border-bottom th,
.exp-plan-frm .bold-border-bottom td {border-bottom-color: #333;}
.exp-plan-frm .dotted-border th,
.exp-plan-frm .dotted-border td {border-top-style: dotted; border-bottom-style: dotted; border-top-color: #e9e9e9; border-bottom-color: #e9e9e9;}
.exp-plan-frm .dotted-border-top th,
.exp-plan-frm .dotted-border-top td {border-top-style: dotted; border-top-color: #e9e9e9;}
.exp-plan-frm .dotted-border-bottom th,
.exp-plan-frm .dotted-border-bottom td {border-bottom-style: dotted; border-bottom-color: #e9e9e9;}
.exp-plan-frm .dotted-border-right th,
.exp-plan-frm .dotted-border-right td {border-right-style: dotted; border-right-color: #e9e9e9;}
.exp-plan-frm .none-border-top th,
.exp-plan-frm .none-border-top td {border-top-style: none;}

.exp-plan-frm .input-hint { margin-bottom: 8px; }
    .exp-plan-frm ul.input-hint { list-style: disc; margin-left: 20px; }
        .exp-plan-frm ul.input-hint > li { color: #e24800; font-size: 12px; line-height: 13px; list-style: disc; }

.exp-plan-view-block,
.exp-plan-view-inline,
.exp-plan-view-inline-block { display: none; }

.exp-plan-view { }
    .exp-plan-view td { height: 1.7em; }
    .exp-plan-view label.required:after { content: ''; display: none; }
    .exp-plan-view .is-required:after { content: ''; display: none; }
    .exp-plan-view .exp-plan-view-hidden { display: none; }
    .exp-plan-view .exp-plan-view-block { display: block; }
    .exp-plan-view .exp-plan-view-inline { display: inline; }
    .exp-plan-view .exp-plan-view-inline-block { display: inline-block; }
    .exp-plan-view.exp-plan-frm td.keyword ol { width: auto; }
        .exp-plan-view.exp-plan-frm td.keyword ol > li { width: auto; display: inline; }
            .exp-plan-view.exp-plan-frm td.keyword ol > li > span { width: auto; }

.btn {  }
    .btn--delete-small { display: inline-block; background: url('../../images/contents/icon_trash.png'); width: 12px; height: 12px;}

.SeCmp { box-sizing: border-box; }

.SeTimePicker { display: inline-block; line-height: 1em; }
    .SeTimePicker > .SeTimePicker__ReadOnlyValue { border: 1px solid #ccc; width: 108px; height: 32px; text-align: center; vertical-align: middle; line-height: 32px; font-size: 16px; }
    .SeTimePicker > div {  }
        .SeTimePicker > div > .tui-timepicker { padding: 0; border: 1px solid #ccc; top: 0; }
            .SeTimePicker > div > .tui-timepicker .tui-timepicker-column { vertical-align: baseline; }
                .SeTimePicker > div > .tui-timepicker .tui-timepicker-select { margin: 0; padding: 3px 8px; box-sizing: border-box; border: none; font-size: 16px; height: auto; }
            .SeTimePicker > div > .tui-timepicker .tui-timepicker-colon { width: auto; }
    .SeTimePicker .tui-ico-colon { opacity: 0.75; }
    .SeTimePicker .tui-timepicker-spinbox { width: 32px; }
        .SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area { height: auto; padding: 0; text-align: left; }
            .SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area input { width: 100%; border: none; }
            .SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area button { width: 40%; height: 50%; left: auto; right: 0; border: none; background: #fff; padding: 0 !important; display: none; }
                .SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area button span { vertical-align: top; margin-top: 4px; }

.SeDatePicker { display: inline-block; }
    .SeDatePickerWrap { display: flex; width: 150px;}
    .SeDatePicker input { flex: 1; width: 1px }
    .SeDatePicker .SeDateRange__From {}
    .SeDatePicker button { border-radius: 0; padding: 0 12px !important; background: #0067b3; border:0; }

.SeDateRange { width: 320px;}
    .SeDateRangeWrap { display: flex; }
    .SeDateRange input { flex: 1; width: 1px }
    .SeDateRange .SeDateRange__From {}
    .SeDateRange button { border-radius: 0; padding: 0 12px !important; background: #0067b3; border:0; }
    .SeDateRange .SeDateRange__PopupBtn { background:#00bca4;  }
    .SeDateRange__Separator { display: none; }

.SeDateRange--HasTime { width: 497px;}
    .SeDateRange--HasTime .SeDateRange__Separator { display: inline-block; text-align: center; width: 32px; line-height: 32px; }

.SeDateRange__Popup { background: #fff; padding: 8px; border: 1px solid #ccc; border-radius: 4px; z-index: 99000;}
    .SeDateRange__Popup__CalendarWrap { display: table; margin-bottom: 8px; }
        .jq-ui .SeDateRange__Popup__CalendarWrap .ui-datepicker-inline { border-style: none; }
        .jq-ui .ui-datepicker-header { border-style: none; background: none; border-bottom: 1px solid #ccc; border-radius: 0; padding-bottom: 8px !important; }
        .jq-ui .ui-datepicker .ui-datepicker-prev,
        .jq-ui .ui-datepicker .ui-datepicker-next { height: 2.2em; top: 4px;}
        .jq-ui .ui-datepicker-header .ui-icon { background-image: url(../../images/layout/pager_left2.png); width: 18px; height: 18px; background-position: center center; }
        .jq-ui .ui-datepicker-header .ui-datepicker-next .ui-icon { background-image: url(../../images/layout/pager_right2.png); }
        .jq-ui .ui-datepicker select.ui-datepicker-month { width: 35%; }
        .SeDateRange__Popup__From { display: table-cell; width: 50%; }
        .SeDateRange__Popup__To { display: table-cell; width: 50%; }
    .SeDateRange__Popup__BtnWrap { width: 100%; }
        .SeDateRange__Popup__BtnOk { float: left; width: 50%; background: #4C93E3; padding: 8px; }
        .SeDateRange__Popup__BtnCancel { float: left; width: 50%; background:#ff0060; padding: 8px; }

/* daterangepicker [START] */
.code:after {content: ""; display: block; clear: both;}
.daterangepicker.show-calendar { z-index: 10000; }
.daterangepicker.daterangepicker-static {float:left; z-index: auto; position: static; display: block; top: auto; left: auto; right: auto; border: none; }
    .daterangepicker.daterangepicker-static:before { display: none; }
    .daterangepicker.daterangepicker-static:after { clear: both; position: static; content: ' '; display: block; height: 0; line-height: 0; padding: 0; margin: 0; left: auto; top: auto; right: auto; bottom: auto; }
/* daterangepicker [ END ] */

.pending-rpt-list .rpt-list-item {width:95%; padding:2px 2px; font-size:12px; margin:5px auto; border-radius: 20px; cursor: default; box-sizing: border-box}
.pending-rpt-list .rpt-list-item.dday--after {border:1px solid #aaa; color:#999;}
.pending-rpt-list .rpt-list-item.dday--after span.dday.dday--after {color:#aaa;}
.pending-rpt-list .rpt-list-item.dday--before-0,
.pending-rpt-list .rpt-list-item.dday--before-7 {border:1px solid #f66262; color:#f66262;}
.pending-rpt-list .rpt-list-item.dday--before-30 {border:1px solid #1c82e1; color:#1c82e1;}

.pending-rpt-list button.rpt-list-item {font-size:12px; margin: 0 auto; cursor: pointer; background:#1c82e1; color:#fff !important; border: 1px solid #1c82e1 !important;}
.pending-rpt-list button.rpt-list-item:hover {background: #fff; color:#1c82e1 !important; }

/*.pending-rpt-list button {font-size:12px;color: #ff0060;background: #fff;border-radius: 10px;margin-top:10px;padding: 4px 10px;border: 1px solid #ff0060;}
.pending-rpt-list li .rpt-list-button {margin: 0 auto; cursor: pointer; background:#1c82e1; color:#fff;}*/

.modal-full { width: 100%; }

@media (min-width: 576px) {
    .modal-dialog {max-width: 500px;margin: 30px auto;}
    .modal-xl {max-width: 560px;}
    .modal-sm {max-width: 300px;}
}

@media (min-width: 992px) {
    .modal-xl {max-width: 900px;}
    .modal-lg {max-width: 800px;}
}

@media (min-width: 1300px) {
    .modal-xl {max-width: 1200px;}
}

.SeImgPreview { }
    .SeImgPreview__Item { position: relative; display: inline-block; background: #f7f7f7; margin-right: 8px; }
        .SeImgPreview__Item__ImgWrap { position: relative; overflow: hidden; }
        .SeImgPreview__Item__Img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; }
        .SeImgPreview__Item--Uploading { }
            .SeImgPreview__Item--Uploading:after { content: '\F296'; font-family: bootstrap-icons; display: block; -webkit-font-smoothing: antialiased; font-size: 1rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.5); padding: 2px 0.5rem; border-radius: 0.4rem; }
        .SeImgPreview__Item--LoadError { background: #f7f7f7; }
            .SeImgPreview__Item--LoadError svg { max-width: 50%; max-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ccc; }
            /*.SeImgPreview__Item--LoadError:before { content: '\F42A'; font-family: bootstrap-icons; display: block; -webkit-font-smoothing: antialiased; font-size: 1rem; color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/
        .SeImgPreview__Item button { background: #e46c75; border-radius: 4px; width: 1rem; height: 1rem; line-height: 1rem; padding: 0; margin: 0; position: absolute; bottom: 4px; right: 4px; }
            .SeImgPreview__Item button:hover { background: #dd4752; }

.btn-file-upload-wrap { text-align: left; }
    .btn-file-upload-wrap .btn-file-upload { }
        .btn-file-upload-wrap .btn-file-upload button {  color: #fff; display: inline-block; }
        .btn-file-upload-wrap.readonly .btn-file-upload button { background-color: #f9f9f9; border-color: #bcbcbc; color: #bcbcbc; cursor: default; }
        .btn-file-upload-wrap .btn-file-upload input { display: none; }
        .btn-file-upload-wrap .file-input-count { background: #00967f;  font-size: 0.9em; padding: 0 4px; border-radius: 4px; min-width: 1em; display: inline-block; }
    .btn-file-upload-wrap .file-input-list-wrap { margin-top: 15px; display: block; border: 1px solid #cdcdcd; border-top-width: 2px; border-top-color: #333; }
    .btn-file-upload-wrap .file-input-list { }
        .btn-file-upload-wrap .file-input-list > li { padding: 5px 10px; border-bottom: 1px solid #cdcdcd; font-size:14px;}
            .btn-file-upload-wrap .file-input-list > li:last-child { border-bottom-style: none; }
    .btn-file-upload-wrap h4 {display: block; font-weight: 500; font-size: 14px; margin: 0; border-bottom: 1px solid #cdcdcd; background: #f0f6ff; padding: 5px 10px; }
        .btn-file-upload-wrap h4::before { display: none; }

.popup-panel { background: #fff; border: 1px solid #ccc; padding: 4px; z-index: 9999; }
    .popup-panel { }

.tui-grid-container { font-size: 18px; }
    .tui-grid-container p,
    .tui-grid-container input,
    .tui-grid-container textarea { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', 'Nanum Gothic', '돋움', dotum, '굴림', gulim, Helvetica, sans-serif; }
    .tui-grid-container strong,
    .tui-grid-container em  { font-weight: 500; }
    .tui-grid-container .tui-grid-header-area { border-color: #333; }
    .tui-grid-container .tui-grid-cell-header { border-left: none; border-right: none; font-size: 16px; }
    .tui-grid-container .tui-grid-border-line-top { border-top: 2px solid #333; }
    .tui-grid-container .tui-grid-cell-current-row td { border-bottom-color: #4b96e6; background:#e4e9ff;}
        .tui-grid-container .tui-grid-cell-content button { }
        .tui-grid-container .tui-grid-cell-content button.grid-button {border:0; display: block;width: 89%;padding: 10px;background-color: #fff;color: #333;margin: 5px 0;}
        .tui-grid-container .tui-grid-cell-content button.grid-button:last-child { border-bottom-style: solid; }
        .tui-grid-container .tui-grid-cell-content button.grid-button.action { background-color: #4C93E3; color: #fff; }
        .tui-grid-container .tui-grid-cell-content button.grid-button[disabled],
        .tui-grid-container .tui-grid-cell-content button.grid-button.action[disabled] { color: #ccc; cursor: no-drop; }
        .tui-grid-container .tui-pagination .tui-is-selected,
        .tui-grid-container .tui-pagination .tui-page-btn { border: none; width: auto; padding:3px 10px; border-radius: 17px; font-size: 14px; line-height: 1.4em; }
        .tui-grid-container .tui-pagination strong { background: #000; color: #fff; }
            .tui-grid-container .tui-pagination strong:hover { background: #333; color: #fff; }
        .tui-grid-container .tui-pagination .tui-ico-first { background-image: url("../../images/layout/pager_left.png"); width: 12px; height: 14px; background-position: 0 0; }
        .tui-grid-container .tui-pagination .tui-ico-prev { background-image: url("../../images/layout/pager_left2.png"); width: 8px; height: 14px; background-position: 0 0; }
        .tui-grid-container .tui-pagination .tui-ico-next { background-image: url("../../images/layout/pager_right2.png"); width: 8px; height: 14px; background-position: 0 0; }
        .tui-grid-container .tui-pagination .tui-ico-last { background-image: url("../../images/layout/pager_right.png"); width: 12px; height: 14px; background-position: 0 0; }
        .tui-grid-container .tui-pagination .tui-is-disabled .tui-ico-first,
        .tui-grid-container .tui-pagination .tui-is-disabled .tui-ico-prev,
        .tui-grid-container .tui-pagination .tui-is-disabled .tui-ico-next,
        .tui-grid-container .tui-pagination .tui-is-disabled .tui-ico-last { opacity: 0.25; }
    .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-body-area .tui-grid-table { border-right: 1px solid #ccc !important; }
    .tui-grid-container.no-data .tui-grid-body-area,
    .tui-grid-container.no-data .tui-grid-border-line.tui-grid-border-line-bottom,
    .tui-grid-container.no-data .tui-grid-scrollbar-frozen-border,
    .tui-grid-container.no-data .tui-grid-scrollbar-y-inner-border,
    .tui-grid-container.no-data .tui-grid-scrollbar-left-bottom,
    .tui-grid-container.no-data .tui-grid-layer-state { display: none !important; }
    .tui-grid-container .no_data { display: none; }
        .tui-grid-container.no-data .no_data { display: block; font-size: 18px; color: #666; text-align: center; padding-top: 50px; }
            .tui-grid-container.no-data .no_data p { font-size: 18px; }
    .tui-grid-container .tui-grid-context-menu { min-width: 140px; }
    .tui-grid-container .tui-grid-context-menu .menu-item { font-size: 14px; line-height: 24px; height: 24px; }

.fixed-bottom-form { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 16px; border-top: 1px solid #999; box-sizing: border-box; }
    .fixed-bottom-form .collapse-visible { display: block; }
    .fixed-bottom-form .toggle-btn { position: absolute; top: -32px; left: 0; width: 100%; height: 32px; text-align: center; border: none; background: transparent; }
    #se-router-root .fixed-bottom-form .toggle-btn { padding: 0; }
        .fixed-bottom-form .toggle-btn > div { height: 24px; background: #fff; border: 1px solid #999; border-bottom-style: none; padding: 2px 32px; display: inline-block; border-top: 4px solid #2c7ae9; }
    .fixed-bottom-form.collapsed .collapse-hidden { display: none; }
    .fixed-bottom-form.collapsed .collapse-visible { display: block; }

.fixed-review-form { position: fixed; top: 70px; right: 0; width: 400px; bottom: 0; background: #fff; padding: 36px 16px 16px 0; border-top: 1px solid #999; box-sizing: border-box; overflow: auto; }
    .fixed-review-form .collapse-visible { display: block; }
    .fixed-review-form .toggle-btn { position: absolute; top: -32px; left: 0; width: 100%; height: 32px; text-align: center; border: none; background: transparent; }
    #se-router-root .fixed-review-form .toggle-btn { padding: 0; }
        .fixed-review-form .toggle-btn > div { height: 24px; background: #fff; border: 1px solid #999; border-bottom-style: none; padding: 2px 32px; display: inline-block; border-top: 4px solid #2c7ae9; }
    .fixed-review-form.collapsed .collapse-hidden { display: none; }
    .fixed-review-form.collapsed .collapse-visible { display: block; }

.reviewer-selector { display: table; width: 100%; height: 170px; }
    .reviewer-selector .conflict { color: #999; }
    .reviewer-selector .reviewer-candidate { display: table-cell; width: 40%; vertical-align: middle; }
.reviewer-selector .reviewer-candidate select,.reviewer-selector .reviewer-selected select {width: 95%;height: 100%;border: 1px solid #ccc;padding: 10px;font-size: 16px;}
    .reviewer-selector .reviewer-selected { display: table-cell; width: 40%;  vertical-align: middle; }
    .reviewer-selector .reviewer-selector-btn-wrap { display: table-cell; text-align: center;  vertical-align: middle; }
        .reviewer-selector .reviewer-selector-btn-wrap button { display: block; margin: 8px auto; }
        .reviewer-selector .reviewer-add,
        .reviewer-selector .reviewer-remove { color: #fff; padding: 5px 8px; border-radius: 4px;  }
        .reviewer-selector .reviewer-add { background: #3182f6; border: 1px solid #3182f6; margin-bottom: 10px; }
        .reviewer-selector .reviewer-remove { background: red; border: 1px solid red; }

.review-item-nm { word-break: keep-all; }
.review-item-content { margin: 0;}
    .review-item-content > li { margin: 0; padding: 0 0 0 0; background: url("/images/contents/bullet5.gif")left 12px no-repeat; padding-left:10px; }

/*.exp-plan-sts-list { margin-top: 16px;}
    .exp-plan-sts-list > section { clear: both; }
        .exp-plan-sts-list > section a.active table { outline: 2px solid #428BDC; }
        .exp-plan-sts-list > section table { float: left; margin-right: 16px; margin-bottom: 16px; }
            .exp-plan-sts-list > section table th { background-color: #D9E1F1; }
            .exp-plan-sts-list > section table th,
            .exp-plan-sts-list > section table td { border: 1px solid #333; padding: 4px 0; width: 140px; font-size: 16px; text-align: center; }*/

td.plan-sts-label-wrap,
#main_container .section01 .tab_contents_s .tab_contents_table th.plan-sts-label-wrap,
#main_container .section01 .tab_contents_s .tab_contents_table td.plan-sts-label-wrap  { padding: 0; height: inherit; box-sizing: border-box; }
    td.plan-sts-label-wrap .tui-grid-cell-content,
    th.plan-sts-label-wrap .tui-grid-cell-content { height: 100%; position: relative; }
    .plan-sts-label { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
        /* 작성중 */ .plan-sts-label.EXPS_00 {background: #f7f7f7; color:#666;}
        /* 신청 */ .plan-sts-label.EXPS_10 { background: #e5f7ff; color: #0077d9; }
        /* 사전검토 */ .plan-sts-label.EXPS_20 { background: #fef5ff; color: #a92ebc; }
        /* 접수 */ .plan-sts-label.EXPS_30 { background:#dff7ee; color:#007a64; }

        /* 심의 중 */ .plan-sts-label.ongoing,
        /* 전체위원 심사 */ .plan-sts-label.EXPS_40,
        /* 위원장 심사 */ .plan-sts-label.EXPS_50{background:#dff7ee; color:#007a64;}

        /* 승인서발급 */ .plan-sts-label.EXPS_60 { background: #e5f7ff; color: #0077d9; }
        /* 승인        */ .plan-sts-label.EXPS_70 { background: #e5f7ff; color: #0077d9; }
        /* 미승인      */ .plan-sts-label.EXPS_80 { background: #fff1f1; color: #f00000; }

        /* 수정요청    */ .plan-sts-label.EXPS_90,
        /* 수정중      */ .plan-sts-label.EXPS_95 { background: #fef5ff; color: #a92ebc; }

        /* 작성중 */ .plan-sts-label.EXRS_00 {background: #f7f7f7; color:#666;}
        /* 신청 */ .plan-sts-label.EXRS_10 { background: #e5f7ff; color: #0077d9; }
        /* 사전검토 */ .plan-sts-label.EXRS_20 { background: #fef5ff; color: #a92ebc; }
        /* 접수 */ .plan-sts-label.EXRS_30 { background:#dff7ee; color:#007a64; }

        /* 심의 중 */ .plan-sts-label.ongoing,
        /* 전체위원 심사 */ .plan-sts-label.EXRS_40,
        /* 위원장 심사 */ .plan-sts-label.EXRS_50{background:#dff7ee; color:#007a64;}

        /* 승인서발급 */ .plan-sts-label.EXRS_60 { background: #e5f7ff; color: #0077d9; }
        /* 승인        */ .plan-sts-label.EXRS_70 { background: #e5f7ff; color: #0077d9; }
        /* 미승인      */ .plan-sts-label.EXRS_80 { background: #fff1f1; color: #f00000; }

        /* 수정요청    */ .plan-sts-label.EXRS_90,
        /* 수정중      */ .plan-sts-label.EXRS_95 { background: #fef5ff; color: #a92ebc; }

        /* 제출 */ .plan-sts-label.UCST_1 { background:#dff7ee; color:#007a64; }
        /* 승인 */ .plan-sts-label.UCST_3 { background: #e5f7ff; color: #0077d9; }
        /* 반려 */ .plan-sts-label.UCST_9 { background: #fff1f1; color: #f00000; }

        /* 매입 */ .plan-sts-label.PURYN_Y { background: #D4FFD2; color: #f00000; }
        /* 비매입 */ .plan-sts-label.PURYN_N { background: #F49D9C; color: #f00000; }
    .plan-sts-label .plan-sts-label-content { position: relative; top: 50%; transform: translateY(-50%); }


/* 작성중 */ .text-EXPS_00 {background: #f7f7f7; color:#666;}
/* 신청 */ .text-EXPS_10 { background: #e5f7ff; color: #0077d9; }
/* 사전검토 */ .text-EXPS_20 { background: #fef5ff; color: #a92ebc; }
/* 접수 */ .text-EXPS_30 { background:#dff7ee; color:#007a64; }

/* 심의 중 */ .text-ongoing,
/* 전체위원 심사 */ .text-EXPS_40,
/* 위원장 심사 */ .text-EXPS_50{background:#dff7ee; color:#007a64;}

/* 승인서발급 */ .text-EXPS_60 { background: #e5f7ff; color: #0077d9; }
/* 승인        */ .text-EXPS_70 { background: #e5f7ff; color: #0077d9; }
/* 미승인      */ .text-EXPS_80 { background: #fff1f1; color: #f00000; }

/* 수정요청    */ .text-EXPS_90,
/* 수정중      */ .text-EXPS_95 { background: #fef5ff; color: #a92ebc; }

/* 작성중 */ .text-EXRS_00 {background: #f7f7f7; color:#666;}
/* 신청 */ .text-EXRS_10 { background: #e5f7ff; color: #0077d9; }
/* 사전검토 */ .text-EXRS_20 { background: #fef5ff; color: #a92ebc; }
/* 접수 */ .text-EXRS_30 { background:#dff7ee; color:#007a64; }

/* 심의 중 */ .text-ongoing,
/* 전체위원 심사 */ .text-EXRS_40,
/* 위원장 심사 */ .text-EXRS_50{background:#dff7ee; color:#007a64;}

/* 승인서발급 */ .text-EXRS_60 { background: #e5f7ff; color: #0077d9; }
/* 승인        */ .text-EXRS_70 { background: #e5f7ff; color: #0077d9; }
/* 미승인      */ .text-EXRS_80 { background: #fff1f1; color: #f00000; }

/* 수정요청    */ .text-EXRS_90,
/* 수정중      */ .text-EXRS_95 { background: #fef5ff; color: #a92ebc; }

/* 제출 */ .text-UCST_1 { background:#dff7ee; color:#007a64; }
/* 승인 */ .text-UCST_3 { background: #e5f7ff; color: #0077d9; }
/* 반려 */ .text-UCST_9 { background: #fff1f1; color: #f00000; }

/* 매입 */ .text-PURYN_Y { background: #D4FFD2; color: #f00000; }
/* 비매입 */ .text-PURYN_N { background: #F49D9C; color: #f00000; }


.persona-committee-visible,
.persona-chairman-visible,
.persona-admin-visible,
.persona-researcher-visible,
.persona-lac_admin-visible,
.persona-lac_user-visible { display: none; }
    body.persona-committee .persona-committee-visible,
    body.persona-chairman .persona-chairman-visible,
    body.persona-admin .persona-admin-visible,
    body.persona-researcher .persona-researcher-visible,
    body.persona-lac_admin .persona-lac_admin-visible,
    body.persona-lac_user .persona-lac_user-visible { display: block; }
    body.persona-committee .persona-committee-inline,
    body.persona-chairman .persona-chairman-inline,
    body.persona-admin .persona-admin-inline,
    body.persona-researcher .persona-researcher-inline,
    body.persona-lac_admin .persona-lac_admin-inline,
    body.persona-lac_user .persona-lac_user-inline { display: inline-block; }

.persona-committee-hidden,
.persona-chairman-hidden,
.persona-admin-hidden,
.persona-researcher-hidden { }
    body.persona-committee .persona-committee-hidden,
    body.persona-chairman .persona-chairman-hidden,
    body.persona-admin .persona-admin-hidden,
    body.persona-researcher .persona-researcher-hidden { display: none; }

.SePager {margin:50px 0; text-align:center;}
    .SePager ul li {display:inline-block; margin:0 5px; }
        .SePager ul li.SePager__Page a {display:block; color:#666; padding:5px 10px; border-radius:100%; background-repeat: no-repeat; }
            .SePager ul li.SePager__Page a:hover {text-decoration:underline;}
            .SePager ul li.SePager__Page--Active a {color:#fff; background:#000;}
            .SePager ul li.SePager__Page--Disabled a { opacity: 0.25; }
        .SePager ul li.SePager__First,
        .SePager ul li.SePager__Prev,
        .SePager ul li.SePager__Next,
        .SePager ul li.SePager__Last { margin: 0; }
            .SePager ul li.SePager__First a,
            .SePager ul li.SePager__Prev a,
            .SePager ul li.SePager__Next a,
            .SePager ul li.SePager__Last a { width: 28px; padding: 7px 0; }
                .SePager ul li.SePager__First a:hover,
                .SePager ul li.SePager__Prev a:hover,
                .SePager ul li.SePager__Next a:hover,
                .SePager ul li.SePager__Last a:hover { background-color: #f4f4f4; }
                .SePager ul li.SePager__First a span { background-image: url("../../images/layout/pager_left.png"); width: 12px; height: 14px; display: inline-block; }
                .SePager ul li.SePager__Prev a span { background-image: url("../../images/layout/pager_left2.png"); width: 8px; height: 14px; display: inline-block; }
                .SePager ul li.SePager__Next a span { background-image: url("../../images/layout/pager_right2.png"); width: 8px; height: 14px; display: inline-block; }
                .SePager ul li.SePager__Last a span { background-image: url("../../images/layout/pager_right.png"); width: 12px; height: 14px; display: inline-block; }

.collapsible { }
    .collapsible .collapsible__hidden { display: block; }
    .collapsible .collapsible__inline-hidden { display: inline-block; }
    .collapsible .collapsible__block { display: none; }
    .collapsible .collapsible__inline { display: none; }
    .collapsible.collapsible--collapsed {}
        .collapsible.collapsible--collapsed .collapsible__hidden { display: none; }
        .collapsible.collapsible--collapsed .collapsible__inline-hidden { display: none; }
        .collapsible.collapsible--collapsed .collapsible__block { display: block; }
        .collapsible.collapsible--collapsed .collapsible__inline { display: inline-block; }

.info.popper { z-index: 90; }
    .info.popper button { padding: 6px 15px; border: 0; font-weight: normal; }

.iacuc-plan-tree-panel.popper { z-index: 90; padding: 20px; }
    .iacuc-plan-tree-panel.popper button { padding: 6px 15px; border: 0; font-weight: normal; }
.iacuc-plan-tree-wrap { position: relative; padding-top: 10px; margin-left: 100px; }
    .iacuc-plan-tree-wrap:before { position: absolute; top: 0;left: 0;width: 10px; /* width of horizontal line */height: 10px; /* vertical position of line */vertical-align: top;border-left: thin solid #cbcbcb;content: "";display: inline-block; line-height: 10px; }
.iacuc-plan-tree { display: table; }
    .iacuc-plan-tree .tree li.iacuc-plan-tree__header { font-size: 15px; font-weight: 500; min-width: 380px; }
    .iacuc-plan-tree > .tree { display: table-cell; }
    .iacuc-plan-tree .tree,
    .iacuc-plan-tree .tree ul {list-style: none;margin: 0;padding: 0;}
        .iacuc-plan-tree .tree li.tree-node {position: relative;margin-left: 0;padding-left: 10px; padding-right: 16px; margin-top: 0;margin-bottom: 0;border-left: thin solid #cbcbcb; padding-bottom: 8px; }
            .iacuc-plan-tree .tree li.tree-node:last-child {border-left: none; padding-left: 11px;}
            .iacuc-plan-tree .tree li.tree-node:before {position: absolute;top: 0;left: 0;width: 10px; /* width of horizontal line */height: 16px; /* vertical position of line */vertical-align: top;border-bottom: thin solid #cbcbcb;content: "";display: inline-block;}
                .iacuc-plan-tree .tree li.iacuc-plan-tree__header:before { border-bottom: none; }
            .iacuc-plan-tree .tree li.tree-node:last-child:before {border-left: 1px solid #cbcbcb;}
        .iacuc-plan-tree .tree button { width: 100%;background: #008fff;color: #fff;padding: 5px 10px; text-align: left; }
            .iacuc-plan-tree .tree .action-button { background: #e7f1ff; padding: 10px 20px; }
                .iacuc-plan-tree .tree .action-button:after { content: ''; clear: both; display: block; }
                .iacuc-plan-tree .tree .action-button__item { width: 33%; float: left; padding-right: 5px; }
                    .iacuc-plan-tree .tree .action-button__item:last-child { padding-right: 0; }
                    .iacuc-plan-tree .tree .action-button button { background: #fff; color: #444; padding: 3px 10px; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 5px; }
                        .iacuc-plan-tree .tree .action-button button:last-child { margin-bottom: 0; }
        .iacuc-plan-tree .tree.exp-rpt-tree button { background: #af7ae0; width: 100%; }
            .iacuc-plan-tree .tree.exp-rpt-tree .action-button { background: #f6edff; }
                .iacuc-plan-tree .tree.exp-rpt-tree .action-button button { background: #fff; color: #444; }
    .iacuc-plan-tree .exp-plan-tree { }
        .iacuc-plan-tree.has-rpt .exp-plan-tree { border-top: 1px solid #cbcbcb; }
        .iacuc-plan-tree .exp-plan-tree > li.tree-node:first-child { padding-top: 0.7em; }
            .iacuc-plan-tree .exp-plan-tree > li.tree-node:first-child:before { height: 1.2em; }
    .iacuc-plan-tree .exp-rpt-tree { display: none; }
        .iacuc-plan-tree.has-rpt .exp-rpt-tree { display: block; }
        .iacuc-plan-tree .exp-rpt-tree li.iacuc-plan-tree__header { /*min-width: 240px;*/ }
        .iacuc-plan-tree .exp-rpt-tree > li.tree-node:first-child { padding-top: 0.7em; }
            .iacuc-plan-tree .exp-rpt-tree > li.tree-node:first-child:before { height: 1.2em; }
        .iacuc-plan-tree .exp-rpt-tree li a {display:block; width:89%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px; background: url("/images/contents/icon_file02.png")no-repeat left center; padding-left:23px; margin-bottom:10px;}
            .iacuc-plan-tree .exp-rpt-tree li a:last-child {margin-bottom: 0;}
            .iacuc-plan-tree .exp-rpt-tree li a:hover {text-decoration: underline;}

li.bullet-list-item { background: url("/images/contents/bullet02.png")left center no-repeat; padding-left:16px; margin-right:5px; }

@keyframes spinner {
    from {transform: rotate(0deg); }
    to {transform: rotate(360deg);}
}

/*@keyframes loader-icon1 {*/
    /*0% { opacity: 0; }*/
    /*5% { opacity: 1; }*/
    /*20% { opacity: 1; }*/
    /*25% { opacity: 0; }*/
    /*26% { opacity: 0; }*/
    /*100% { opacity: 0; }*/
/*}*/
/*@keyframes loader-icon2 {*/
    /*0% { opacity: 0; }*/
    /*25% { opacity: 0; }*/
    /*30% { opacity: 1; }*/
    /*45% { opacity: 1; }*/
    /*51% { opacity: 0; }*/
    /*100% { opacity: 0; }*/
/*}*/
/*@keyframes loader-icon3 {*/
    /*0% { opacity: 0; }*/
    /*50% { opacity: 0; }*/
    /*55% { opacity: 1; }*/
    /*70% { opacity: 1; }*/
    /*76% { opacity: 0; }*/
    /*100% { opacity: 0; }*/
/*}*/
/*@keyframes loader-icon4 {*/
    /*0% { opacity: 0; }*/
    /*75% { opacity: 0; }*/
    /*80% { opacity: 1; }*/
    /*95% { opacity: 1; }*/
    /*100% { opacity: 0; }*/
/*}*/

@keyframes loader-icon1 {
    0% { opacity: 1; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes loader-icon2 {
    0% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes loader-icon3 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes loader-icon4 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}

.se-router-loader { display: none; }
    body.se-router-loading .se-router-loader { display: block; }
    .se-router-loader .se-router-loader-spinner-bg {box-sizing: border-box;position: fixed;top: 50%;left: 50%;width: 140px;height: 140px;margin-top: -70px;margin-left: -70px;background: #fff;z-index: 999999;opacity: 0.5; border-radius: 16px;}
    .se-router-loader .se-router-loader-spinner {box-sizing: border-box;position: fixed;top: 50%;left: 50%;width: 110px;height: 110px;margin-top: -55px;margin-left: -55px;border-radius: 50%;border: 4px solid transparent;border-top-color: #333;border-bottom-color: #333;animation: spinner 1.6s ease infinite;z-index: 999999;opacity: 1;}
    .se-router-loader .se-router-loader-icon1,
    .se-router-loader .se-router-loader-icon2,
    .se-router-loader .se-router-loader-icon3,
    .se-router-loader .se-router-loader-icon4 { position: fixed;top: 50%;left: 50%; background-image: url('../../images/common/se-router-loading.png'); display: block; width: 64px; height: 70px; z-index: 999999;transform: translate(-32px, -35px);}
    .se-router-loader .se-router-loader-icon1 { animation: loader-icon1 6.4s ease infinite; }
    .se-router-loader .se-router-loader-icon2 { animation: loader-icon2 6.4s ease infinite; background-position-x: 64px; }
    .se-router-loader .se-router-loader-icon3 { animation: loader-icon3 6.4s ease infinite; background-position-x: 132px; }
    .se-router-loader .se-router-loader-icon4 { animation: loader-icon4 6.4s ease infinite; background-position-x: 200px; }
.se-router-loader-bg { display: none; background: #000; opacity: 0.1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; }
    body.se-router-loading .se-router-loader-bg { display: block; }

.simple-tab { }
    .simple-tab > .simple-tab__header { }
        .simple-tab > .simple-tab__header:after { content: ''; display: block; clear: both; }
        .simple-tab > .simple-tab__header > ul { }
        .simple-tab > .simple-tab__header .simple-tab__tab { float: left; position: relative; }
            .simple-tab > .simple-tab__header .simple-tab__tab > a { display: block; color: #999; text-align: center; background: #fafafa; border: 1px solid #ccc; border-bottom: 0; padding: 10px 20px; box-sizing: border-box; }
            .simple-tab > .simple-tab__header .simple-tab__tab.active {  }
                .simple-tab > .simple-tab__header .simple-tab__tab.active a { color: #fff; border: 1px solid #2d3276; background: #2d3276; }
        .simple-tab > .simple-tab__page { border: 1px solid #ccc; }
        
.simple-toolbar { margin-bottom: 8px; }
    .simple-toolbar:after {content: ""; display: block; clear: both; }
    .simple-toolbar__left { float: left; margin-right: 8px; }
    .simple-toolbar__right { float: right; margin-left: 8px; }
    .simple-toolbar__item { display: inline-block; margin-left: 16px; }
    .simple-toolbar__item:first-child { margin-left: 0; }
    .simple-toolbar select { padding-top: 3px; padding-bottom: 4px; }
    .simple-toolbar input { padding-top: 4px; padding-bottom: 4px; }

.main_visual .visual_wrap .quick_menu .fixed-visible { display: none; }
    .quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu .fixed-visible { display: block; }

.quickMenuFixed .main_visual .visual_wrap .quick_menu { min-height: 129px; padding-top: 0; }
    .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap { margin: 0 auto; width: 1303px; }
    .quickMenuFixed .main_visual .visual_wrap .quick_menu ul { }
            .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap .con ul  { margin-right: 16px; }
                .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap .con ul li { width: 105px; margin: 0 4px 0 0; }
                    .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap .con ul li.lst_title { margin-bottom: 8px; }
                    .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap .con ul li a { padding: 4px 8px; }
            .quickMenuFixed .main_visual .visual_wrap .quick_menu ul li h3 { }
    .quickMenuFixed .main_visual .visual_wrap .quick_menu .quick_wrap { display: block; opacity: 1; position: absolute; bottom: 0; padding: 8px 0; }
        .quickMenuFixed.page-exp-mainResearcher .main_visual .visual_wrap .quick_menu .quick_wrap .total ul.lst_menu { margin-bottom: 8px; }
    .quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu { display: block; opacity: 1; position: fixed; top: 0; left: 0; width: 100%; background: #296cbc; z-index: 999; bottom: auto; margin-left: 0; min-height: auto; padding: 0; }
        .quickMenuFixed.quickMenuSticky .main_visual .quick_menu .total { display: none; }
        .quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu .quick_wrap { margin: 0 auto; width: 1303px; display: block; position: static; }
            .quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu .quick_wrap .con { float: none; width: auto; }
    /* 보고서 화면 */
    .quickMenuFixed .main_visual .visual_wrap .quick_menu.viewMode-rpt { min-height: 232px; }
        .quickMenuFixed .main_visual .visual_wrap .quick_menu.viewMode-rpt .tab_menu { top: -78px; }
        .quickMenuFixed .main_visual .visual_wrap .quick_menu.viewMode-rpt .quick_wrap .con ul { margin-bottom: 6px; }
            .quickMenuFixed .main_visual .visual_wrap .quick_menu.viewMode-rpt .quick_wrap .con ul:last-child { margin-bottom: 0; }
            .quickMenuFixed .main_visual .visual_wrap .quick_menu.viewMode-rpt .quick_wrap .con ul li { width: 170px; }
    /* 위원 화면 */
    .quickMenuFixed .main_visual .visual_wrap .quick_menu.committee { min-height: 181px; }
        .quickMenuFixed .main_visual .visual_wrap .quick_menu.committee .tab_menu { top: -78px; }
    /* 위원장 화면 */
    .quickMenuFixed .main_visual .visual_wrap .quick_menu.chairman { min-height: 176px; }
        .quickMenuFixed .main_visual .visual_wrap .quick_menu.chairman .tab_menu { top: -78px; }
        .quickMenuFixed .main_visual .visual_wrap .quick_menu.chairman div span { margin-top: 55px; }
        /*.quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu.chairman div,*/
        /*.quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu.chairman div.waiting,*/
        /*.quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu.chairman div.complete { float: none; }*/
        .quickMenuFixed.quickMenuSticky .main_visual .visual_wrap .quick_menu.chairman .quick_wrap { float: none; }
    .quickMenuFixed .main_visual .visual_wrap .quick_menu .tab_menu { display: none; }

.quickMenuFixed .lac_main_visual .visual_wrap .quick_menu { }
    .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 { margin: 0 auto; width: 1303px; }
    .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 li { width: 10%; }
        .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 li h2 { float: left; padding: 8px 0 0 16px; }
        .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 li a { height: auto; padding: 0; }
        .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 li a span { margin-top: 0; text-align: right; padding-right: 16px; }
            .quickMenuFixed .lac_main_visual .visual_wrap .quick_menu ul.quick_menu-type1 li a span p:first-child { font-size: 24px; }
    .quickMenuFixed .lac_main_visual .quick_menu { display: block; opacity: 1; position: absolute; bottom: 0; padding: 8px 0; }
    .quickMenuFixed.quickMenuSticky .lac_main_visual .quick_menu { display: block; opacity: 1; position: fixed; top: 0; left: 0; width: 100%; background: #152437; z-index: 999; bottom: auto; }

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

.site-selector-btn { color: #333; font-size: 18px; position: absolute; top: 12px; right: -24px; }
.on .site-selector-btn { display: none; } /* 메뉴 표시시 숨기기 */
body.page-main .site-selector-btn { color: #fff; }

.site-iacuc .site-iacuc-hidden { display: none; }
.site-lac .site-lac-hidden { display: none; }

.header-site-selector { background: #fff; padding: 16px; position: absolute; left: 0; top: 0; border-radius: 16px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); }
    .header-site-selector__list__item > a { background: none; text-indent: -10000px; }

#assetVersionChangeAlert { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; text-align: center; padding: 4px; background: #fffacd; border-bottom: 1px solid #bfa87e; }
    #assetVersionChangeAlert .fa-exclamation-triangle { font-size: 1.5em; vertical-align: middle; color: #cc9933; }
    #assetVersionChangeAlert .content { display: inline-block; padding: 0 8px; }
    
/*region 페이지별 CSS */
.page-com-custMngForm .cust-weekday { text-align: center; background-color: #F49D9C; }
    .page-com-custMngForm .cust-weekday.cust-weekday-purchase { background-color: #D4FFD2; }

.page-com-eduMng { }
    .page-com-eduMng .search_wrap { }
        .page-com-eduMng .code .search .search_wrap select { width: 15%; }
        .page-com-eduMng .code .search .search_wrap select:first-child { width: 38%; }
        .page-com-eduMng .code .search .search_wrap input { width: 40%; }

.page-lac-equipInList .tab_contents_table tr td span.end,
.page-lac-equipInListMng .tab_contents_table tr td span.end { background: #f9f9f9; }

.page-lac-animalCalMngPopup #main_container .section01,
.page-lac-visitCalMngPopup #main_container .section01 { margin-top: 0; }
    .page-lac-animalCalMngPopup #main_container .section01 .block01,
    .page-lac-visitCalMngPopup #main_container .section01 .block01 { padding: 32px 0 0 0; border: none; }

.page-com-popupMngForm { }
    .page-com-popupMngForm__popup-position { }
        .page-com-popupMngForm__popup-position th { padding: 0 8px; font-weight: normal; }
        .page-com-popupMngForm__popup-position label { margin: 0; }
        .page-com-popupMngForm__popup-position input[readonly] { background: #fffff0; border-color: #e9e9e9; }

.page-com-userPermMng { }
.page-com-userPermMng .user_modify h4 { background: none; padding-left: 0; padding-bottom: 8px; /* border-bottom: 1px solid #ccc; */ display: block; /* margin: 8px 0 8px 0; */ font-size: 16px; }
    .page-com-userPermMng .user_modify div:first-child > h4 { margin-top: 0; }
.page-com-userPermMng .perm-cd-list { margin-bottom: 16px;  background: #f6f6f6;padding: 10px 5px;}
    .page-com-userPermMng .role-cd-list > li,
    .page-com-userPermMng .perm-cd-list > li { width: 100%; display: inline-block; vertical-align: top; }

.page-com-pageMngPreview { height:100%; }
    .page-com-pageMngPreview .popupWrapper { height: 100%; }
    .page-com-pageMngPreview #se-router-root { height: 100%; }
    .page-com-pageMngPreview #se-router-root > div { bottom: 0; width: 100%; position: absolute; left: 0; top: 72px; overflow: hidden; }
    .page-com-pageMngPreview #se-router-root > div > iframe { height: 100%; width: 100%; }
    
@media (min-width: 992px) {
    .page-com-userPermMng .role-cd-list > li,
    .page-com-userPermMng .perm-cd-list > li { width: 49%; }
}
/*endregion 페이지별 CSS */

.SeFieldSet { }
    .SeFieldSet__Title { border-bottom: 1px solid #ccc; margin: 8px 0 16px 0; padding-bottom: 8px; display: block; font-weight: 500; font-size: 20px; background: url(/images/contents/bullet03.png)no-repeat 8px 8px; padding-left: 38px;
    }

.SeForm { display: table; width: 100%; box-sizing: border-box; }
    .SeForm__Item { display: table-row; }
        .SeForm__Item__Label { display: table-cell; text-align: right; padding-right: 16px; vertical-align: top; width: 150px; line-height: 31px; }
            .SeForm__Item__Label--Required { }
            .SeForm__Item__Label__RequiredMark:after { content: '*'; display: inline-block; color: #f00; }
        .SeForm__Item__Text { line-height: 31px; }
        .SeForm__Item__Field { display: table-cell; }
        .SeForm__Item__Label,
        .SeForm__Item__Field { padding-top: 2px; padding-bottom: 2px; }
            .SeForm__Item__Field--combo select { border: 1px solid #ccc; padding: 5px; }
            .SeForm__Item__Field--textarea textarea { border: 1px solid #ccc; padding: 5px; height: 4em; }
            .SeForm__Item__Field--checkList label,
            .SeForm__Item__Field--check label { line-height: 31px; }
            .SeForm__Item__Field--checkList label { width: 150px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            .SeForm__Item__Field .Label { line-height: 31px; }
            .SeForm__Item__Field select,
            .SeForm__Item__Field input,
            .SeForm__Item__Field textarea,
            .SeForm__Item__Field label { box-sizing: border-box; }

/*region 페이지 로딩 에러 */
.pageload-error-panel { }
    .pageload-error-panel__message { text-align: center; font-size: 1.4em; font-weight: 500; margin-top: 32px; margin-bottom: 32px; }
        .pageload-error-panel__message .fa { color: #FF0956; }
    .pageload-error-panel__reason { text-align: center; margin-bottom: 32px; font-size: 1.2em; }
    .pageload-error-panel__button { text-align: center; }
/*endregion 페이지 로딩 에러 */

/*region 팝업 공지 */
.popup-notice { }
    .popup-notice label { margin-bottom: 0; }
    .popup-notice--banner { position: relative; padding: 8px 16px; box-shadow: inset rgba(0, 0, 0, .1) 0 -1px 1px 0; }
        .popup-notice--banner .popup-notice__footer { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #333; }
            .popup-notice--banner .popup-notice__close { margin-left: 8px; }
            .popup-notice--banner--dark .popup-notice__footer, 
            .popup-notice--banner--dark .popup-notice__close { color: #fff; }
    .popup-notice--layer { position: absolute; top: 0; left: 0; z-index: 99999; border: 1px solid #333; }
        .popup-notice--layer .popup-notice__content { background: #333; } 
            .popup-notice--layer.popup-notice--html .popup-notice__content { background: #fff; padding: 8px 16px; } 
        .popup-notice--layer .popup-notice__link-wrap { background: #f4f4f4; color: #333; padding: 4px 16px; }
            .popup-notice--layer .popup-notice__link-wrap a { }
                .popup-notice--layer .popup-notice__link-wrap a:hover,
                .popup-notice--layer .popup-notice__link-wrap a:active { text-decoration: underline; }
        .popup-notice--layer .popup-notice__footer { background: #333; color: #fff; padding: 4px 16px; }
            .popup-notice--layer .popup-notice__footer label { padding-right: 16px; }
            .popup-notice--layer .popup-notice__footer a { color: #fff; border: none; float: right; }
/*endregion 팝업 공지 */

.info-box { background: #f1fdf1; border: 1px solid #b8f1b8; padding: 20px; margin-bottom: 30px; }
    .info-box h4 { display: inline-block; font-weight: 500; font-size: 20px; background: url(/images/contents/bullet03.png)no-repeat left center; padding-left: 18px; margin-bottom: 8px; }
        .info-box ul { }
            .info-box li { background: url(/images/contents/bullet02.png)no-repeat left 0.3em; padding-left: 20px; margin-top: 10px; }

.info-box.info-box--style2 { background: #f0f6ff; border-color: #d3e5ff; }
    .info-box.info-box--style2 h4 { background: url("/images/contents/bullet04.png")no-repeat left center; padding-left: 25px; }
        .info-box.info-box--style2 ul { }
            .info-box.info-box--style2 li { background: url(/images/contents/list_bullet.png)no-repeat left center; }

/*html, body { width: 600px !important; overflow: hidden; }*/
/*.sub { min-width: 800px !important; width: 800px !important; margin: 0 !important; }*/
/*body .popupWrapper #popupHeader { display: none; }*/
/*body .popupWrapper #se-router-root { width: 800px; }*/
/*body .popupWrapper #se-router-root > .sub > * { width: 200px; }*/

.alert.alert--has-icon { position: relative; padding-left: 44px; }
    .alert.alert--has-icon > .bi,
    .alert.alert--has-icon > .fa { position: absolute; left: 16px; top: 8px; font-size: 1.25em; }

.print-block { display: none; }
.print-inline-block { display: none; }

.se-noty { }
    .se-noty__item { background: #fff; border: 1px solid #ccc; margin-top: 4px; border-radius: 4px; box-shadow: 1px 3px 2px 0px rgba(0,0,0,.1); }
        .se-noty__item--success { border: 1px solid #7cdd77; background-color: #bcf5bc; color: #040;  }
        .se-noty__item--info { border: 1px solid #3badd6; background-color: #c2ecff; color: #001a23;}
        .se-noty__item--warning { border: 1px solid #ffc237; background-color: #ffeaa8; color: #826200; }
        .se-noty__item--danger { border: 1px solid #e25353; background-color: #ff8181; color: white; }
        .se-noty__item--has-icon {  }
            .se-noty__item--has-icon:before { 
                content: ''; 
                position: absolute; 
                left: 10px; 
                top: 10px;
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: normal !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                vertical-align: -.125em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 1.5rem;
            }
            .se-noty__item--has-icon.se-noty__item--success:before { content: "\f26b"; }
            .se-noty__item--has-icon.se-noty__item--info:before { content: '\f431'; }
            .se-noty__item--has-icon.se-noty__item--warning:before { content: '\f33b'; }
            .se-noty__item--has-icon.se-noty__item--danger:before { content: '\f623'; }
            .se-noty__item--has-icon .noty_message { padding-left: 28px; padding-right: 28px; }
        .se-noty__item > .noty_bar { padding: 10px; }

@media print {
    body { /*zoom: 80%;*/ }
        body #popupHeader { display: none; }
        body .popupWrapper #se-router-root { padding-top: 32px; margin-left: 0; margin-right: 0; }
            body .popupWrapper #se-router-root > .sub { min-width: 990px; width: 990px; }
            /*body .popupWrapper #se-router-root > .sub { margin-left: 0; margin-right: 0; width: 1000px; min-width: 1000px; }*/
        body .sub > .select-version { display: none; }
        body .sub > .info { display: none; }
        body > .annotator-notice { display: none; }
        body h3.title { background-image: none; padding-left: 0; }
        body .exp-plan-frm h4 { background-image: none; padding-left: 0; margin-left: 22px; list-style-image: url('/images/contents/bullet03.png'); display: list-item; }

    th, td { vertical-align: top; }

    .exp-plan-frm .exp-section-head > label { position: static; top: 0; transform: none; }
    
    .print-hidden { display: none !important; }
    .print-block { display: block !important; }
    .print-inline-block { display: inline-block !important; }

    .exp-plan-view-wrapper.hasAnnotation { } 
        .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-content-wrap { display: block; }
        .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation { display: block; position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%; }
            .exp-plan-view-wrapper.hasAnnotation .exp-plan-view-annotation .annotation-list { overflow: visible; height: auto; }

    .exp-plan-diff-content { margin-top: 0; }

    .exp-plan-diff-toolbar { display: none; }

    .exp-plan-frm table,
    .exp-plan-frm tbody,
    .exp-plan-frm tr,
    .exp-plan-frm td { page-break-inside: auto; break-inside: auto; page-break-before: avoid !important; break-before: avoid !important; page-break-after: avoid !important; break-after: avoid !important; }
        
    @page {
        size: 210mm 297mm;
    }
}


/*.exp-plan-frm table thead,*/
/*.exp-plan-frm table tbody,*/
/*.exp-plan-frm table tr,*/
/*.exp-plan-frm table td*/
/*{ page-break-inside: avoid; page-break-after: avoid; page-break-before: avoid; }*/

.pulse td { animation: tableRowPulse 1s; }

@keyframes tableRowPulse {
    0% {
        background-color: #e7b5a1;
    }
    5% {
        background-color: #e7b5a1;
    }
    100% {
        background-color: inherit;
    }
}