/* 공통 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.PKvalue {
    background-color: #ffebef;
}
.NPKvalue {
    background-color: #ffebef;
}
.AIvalue {
    background-color: #e1edff;
}

.GrayBC {
    background-color: #EFEFEF;
}
.WhiteBC {
    background-color: #FFFFFF;
}

.popButton input{font-family: "Font Awesome 5 Free"; background: #fff; width: 100%; border: 0px;}


.jqx-grid-header{
    width: 100% !important;

}

/* 초기화 */
html {
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.0375em;
    color: #333;
    font-size: 14px;
    height: 100%;
}
ul,
ol,
li {
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
input {
    border: 1px solid #d9d9d9;
}
textarea {
    resize: none;
}

/* 공통 */
.cf::after {
    content: '';
    display: block;
    clear: both;
}
.w1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    min-height: 100%;
}
.ib {
    display: inline-block;
}
.dpb {
    display: block;
}
.m_auto {
    margin: auto;
}

:disabled {
    background-color: #f5f5f5;
}
select:disabled {
    background: url('/uploads/img/common/down.png') #f5f5f5 no-repeat 94% !important;
}
:focus {
    outline: none;
}
::selection {
    background-color: #dbdbdb;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand {
    display: none;
}
::placeholder {
    color: #ccc;
}

/* input -+버튼 삭제 */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button,
input[type='date']::-webkit-outer-spin-button,
input[type='date']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* input box color */
input:-webkit-autofill {
    -webkit-text-fill-color: #333;
}
.loginInput input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

/* --- */

.fl {
    float: left;
}
.fr {
    float: right;
}
.blind {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
    opacity: 0;
}
.under_li {
    padding: 10px;
    border-bottom: 1px dotted #d9d9d9;
    display: inline-block;
}
.vt_t {
    vertical-align: top;
}
.disnone {
    display: none;
}
.rel {
    position: relative;
}
.text_c {
    text-align: center;
}
.text_l {
    text-align: left;
}
.text_r {
    text-align: right;
}
.bold {
    font-weight: bold;
}

/* border */
.b_l {
    border-left: 1px solid #ddd;
}
.b_r {
    border-right: 1px solid #ddd;
}
.b_b {
    border-bottom: 1px solid #ddd;
}
.b_t {
    border-top: 1px solid #ddd;
}

.bb_none {
    border-bottom: none;
}

/* margin */
.ml_0 {
    margin-left: 0;
}
.ml_5 {
    margin-left: 5px;
}
.ml_10 {
    margin-left: 10px;
}
.ml_15 {
    margin-left: 15px;
}
.ml_20 {
    margin-left: 20px;
}
.ml_25 {
    margin-left: 25px;
}
.ml_30 {
    margin-left: 30px;
}
.ml_35 {
    margin-left: 35px;
}
.ml_40 {
    margin-left: 40px;
}
.ml_45 {
    margin-left: 45px;
}
.ml_50 {
    margin-left: 50px;
}
.ml_55 {
    margin-left: 55px;
}
.ml_60 {
    margin-left: 60px;
}
.ml_65 {
    margin-left: 65px;
}
.ml_70 {
    margin-left: 70px;
}
.ml_75 {
    margin-left: 75px;
}
.ml_80 {
    margin-left: 80px;
}
.ml_85 {
    margin-left: 85px;
}
.ml_90 {
    margin-left: 90px;
}
.ml_95 {
    margin-left: 95px;
}
.ml_100 {
    margin-left: 100px;
}
.ml_220 {
    margin-left: 220px;
}

.mt_0 {
    margin-top: 0;
}
.mt_5 {
    margin-top: 5px;
}
.mt_10 {
    margin-top: 10px;
}
.mt_15 {
    margin-top: 15px;
}
.mt_16 {
    margin-top: 16px;
}
.mt_19 {
    margin-top: 19px;
}
.mt_20 {
    margin-top: 20px;
}
.mt_25 {
    margin-top: 25px;
}
.mt_30 {
    margin-top: 30px;
}
.mt_35 {
    margin-top: 35px;
}
.mt_40 {
    margin-top: 40px;
}
.mt_45 {
    margin-top: 45px;
}
.mt_50 {
    margin-top: 50px;
}
.mt_55 {
    margin-top: 55px;
}
.mt_60 {
    margin-top: 60px;
}
.mt_65 {
    margin-top: 65px;
}
.mt_70 {
    margin-top: 70px;
}
.mt_75 {
    margin-top: 75px;
}
.mt_80 {
    margin-top: 80px;
}
.mt_85 {
    margin-top: 85px;
}
.mt_90 {
    margin-top: 90px;
}
.mt_95 {
    margin-top: 95px;
}
.mt_100 {
    margin-top: 100px;
}

.mb_0 {
    margin-bottom: 0;
}
.mb_5 {
    margin-bottom: 5px;
}
.mb_10 {
    margin-bottom: 10px;
}
.mb_15 {
    margin-bottom: 15px;
}
.mb_20 {
    margin-bottom: 20px;
}
.mb_25 {
    margin-bottom: 25px;
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_35 {
    margin-bottom: 35px;
}
.mb_40 {
    margin-bottom: 40px;
}
.mb_45 {
    margin-bottom: 45px;
}
.mb_50 {
    margin-bottom: 50px;
}
.mb_55 {
    margin-bottom: 55px;
}
.mb_60 {
    margin-bottom: 60px;
}
.mb_65 {
    margin-bottom: 65px;
}
.mb_70 {
    margin-bottom: 70px;
}
.mb_75 {
    margin-bottom: 75px;
}
.mb_80 {
    margin-bottom: 80px;
}
.mb_85 {
    margin-bottom: 85px;
}
.mb_90 {
    margin-bottom: 90px;
}
.mb_95 {
    margin-bottom: 95px;
}
.mb_100 {
    margin-bottom: 100px;
}

.mr_0 {
    margin-right: 0;
}
.mr_5 {
    margin-right: 5px;
}
.mr_5_ {
    margin-right: 5px;
}
.mr_10 {
    margin-right: 10px;
}
.mr_15 {
    margin-right: 15px;
}
.mr_20 {
    margin-right: 20px;
}
.mr_25 {
    margin-right: 25px;
}
.mr_29 {
    margin-right: 29px;
}
.mr_30 {
    margin-right: 30px;
}
.mr_35 {
    margin-right: 35px;
}
.mr_40 {
    margin-right: 40px;
}
.mr_45 {
    margin-right: 45px;
}
.mr_50 {
    margin-right: 50px;
}
.mr_55 {
    margin-right: 55px;
}
.mr_60 {
    margin-right: 60px;
}
.mr_65 {
    margin-right: 65px;
}
.mr_70 {
    margin-right: 70px;
}
.mr_75 {
    margin-right: 75px;
}
.mr_80 {
    margin-right: 80px;
}
.mr_85 {
    margin-right: 85px;
}
.mr_90 {
    margin-right: 90px;
}
.mr_95 {
    margin-right: 95px;
}
.mr_100 {
    margin-right: 100px;
}

.m10 {
    margin: 10px;
}
.m15 {
    margin: 15px;
}
.m20 {
    margin: 20px;
}
.m25 {
    margin: 25px;
}

/* padding */
.pl_0 {
    padding-left: 0;
}
.pl_5 {
    padding-left: 5px;
}
.pl_10 {
    padding-left: 10px;
}
.pl_15 {
    padding-left: 15px;
}
.pl_20 {
    padding-left: 20px;
}
.pl_25 {
    padding-left: 25px;
}
.pl_30 {
    padding-left: 30px;
}
.pl_35 {
    padding-left: 35px;
}
.pl_40 {
    padding-left: 40px;
}
.pl_45 {
    padding-left: 45px;
}
.pl_50 {
    padding-left: 50px;
}
.pl_55 {
    padding-left: 55px;
}
.pl_60 {
    padding-left: 60px;
}
.pl_65 {
    padding-left: 65px;
}
.pl_70 {
    padding-left: 70px;
}
.pl_75 {
    padding-left: 75px;
}
.pl_80 {
    padding-left: 80px;
}
.pl_85 {
    padding-left: 85px;
}

.pt_0 {
    padding-top: 0;
}
.pt_5 {
    padding-top: 5px;
}
.pt_10 {
    padding-top: 10px;
}
.pt_15 {
    padding-top: 15px;
}
.pt_16 {
    padding-top: 16px;
}
.pt_19 {
    padding-top: 19px;
}
.pt_20 {
    padding-top: 20px;
}
.pt_25 {
    padding-top: 25px;
}
.pt_30 {
    padding-top: 30px;
}
.pt_35 {
    padding-top: 35px;
}
.pt_40 {
    padding-top: 40px;
}
.pt_45 {
    padding-top: 45px;
}
.pt_50 {
    padding-top: 50px;
}
.pt_55 {
    padding-top: 55px;
}
.pt_60 {
    padding-top: 60px;
}
.pt_65 {
    padding-top: 65px;
}
.pt_70 {
    padding-top: 70px;
}
.pt_75 {
    padding-top: 75px;
}
.pt_80 {
    padding-top: 80px;
}
.pt_85 {
    padding-top: 85px;
}
.pt_100 {
    padding-top: 100px;
}

.pb_0 {
    padding-bottom: 0;
}
.pb_5 {
    padding-bottom: 5px;
}
.pb_10 {
    padding-bottom: 10px;
}
.pb_15 {
    padding-bottom: 15px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pb_25 {
    padding-bottom: 25px;
}
.pb_30 {
    padding-bottom: 30px;
}
.pb_35 {
    padding-bottom: 35px;
}
.pb_40 {
    padding-bottom: 40px;
}
.pb_45 {
    padding-bottom: 45px;
}
.pb_50 {
    padding-bottom: 50px;
}
.pb_55 {
    padding-bottom: 55px;
}
.pb_60 {
    padding-bottom: 60px;
}
.pb_65 {
    padding-bottom: 65px;
}
.pb_70 {
    padding-bottom: 70px;
}
.pb_75 {
    padding-bottom: 75px;
}
.pb_80 {
    padding-bottom: 80px;
}
.pb_85 {
    padding-bottom: 85px;
}
.pb_100 {
    padding-bottom: 100px;
}

.pr_0 {
    padding-right: 0;
}
.pr_5 {
    padding-right: 5px;
}
.pr_10 {
    padding-right: 10px;
}
.pr_15 {
    padding-right: 15px;
}
.pr_20 {
    padding-right: 20px;
}
.pr_25 {
    padding-right: 25px;
}
.pr_29 {
    padding-right: 29px;
}
.pr_30 {
    padding-right: 30px;
}
.pr_35 {
    padding-right: 35px;
}
.pr_40 {
    padding-right: 40px;
}
.pr_45 {
    padding-right: 45px;
}
.pr_50 {
    padding-right: 50px;
}
.pr_50 {
    padding-right: 50px;
}
.pr_50 {
    padding-right: 50px;
}
.pr_50 {
    padding-right: 50px;
}
.pr_55 {
    padding-right: 55px;
}
.pr_60 {
    padding-right: 60px;
}
.pr_65 {
    padding-right: 65px;
}
.pr_70 {
    padding-right: 70px;
}
.pr_75 {
    padding-right: 75px;
}
.pr_80 {
    padding-right: 80px;
}
.pr_85 {
    padding-right: 85px;
}

.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.p25 {
    padding: 25px;
}

/* alert */
#alert {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
}
.errorWrap {
    margin: 0 auto;
    width: 500px;
    background: #fff;
    overflow: hidden;
    z-index: 100;
    opacity: 1;
}
.fa-exclamation-circle {
    color: #717171;
}
.fa-exclamation-circle {
    font-size: 22px;
}
.fa-exclamation-triangle {
    font-size: 50px;
    color: #e40909;
    margin-right: 20px;
}
.waningText h1 {
    font-size: 17px;
    color: #444;
    line-height: 30px;
    font-weight: 400;
}
.errorBt {
    display: inline-block;
    padding: 15px 0;
    font-size: 20px;
    color: #fff;
    background: #e40909;
    width: 100%;
    letter-spacing: 10px;
}
.errorCode {
    padding: 20px 30px;
    overflow-y: scroll;
    max-height: 450px;
}
/* .errorCode {overflow-y: scroll; height: 0; height:133px; } */
.errorCode ul li {
    font-size: 15px;
    border-bottom: 1px solid #d9d9d9;
}
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background: none;
}
::-webkit-scrollbar-thumb {
    background: #cbd4db;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.errorDetailBt {
    display: inline-block;
}
.errorDetailBt.copy {
    margin-right: 2px;
    background: #aaa;
    width: 22px;
    height: 22px;
    vertical-align: top;
    text-align: center;
    border-radius: 50%;
}
.errorDetailBt.copy i {
    color: #fff;
    font-size: 10px;
    line-height: 20px;
}

/* Grid */
.w2ui-grid .w2ui-grid-body table .w2ui-head > div {
    text-align: center;
}
#grid_grid_records td.w2ui-grid-data input[type='text'] {
    width: 100%;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    background-color: transparent;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
}

/* loading progress start */
.loadingW {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}
.loadText {
    margin-top: 15px;
    color: #666;
    font-size: 18px;
    font-weight: 500;
}
.container {
    overflow: hidden;
}
.box {
    text-align: center;
    display: inline-block; /* height:  ;*/
    width: 600px;
    float: left;
    position: absolute;
    transition: all 0.2s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 30px #bbb;
    border: 1px solid #f6f6f6;
    padding: 30px 40px;
}
.loader4 {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 144, 0, 0.6);
    overflow: hidden;
    margin: 0 5px;
}
.loader4:first-child {
    animation: loader1 1s ease-in-out infinite;
}
.loader4:nth-child(2) {
    animation: loader2 1s ease-in-out infinite;
}
.loader4:nth-child(3) {
    animation: loader3 1s ease-in-out infinite;
}
/* .loader4:before{content: "";position: absolute;background-color: #ff9000;top: 0px;left: 0px;height: 20px;width: 0px;z-index: 0;opacity: 1;border-radius: 20px; -webkit-transform-origin:  100% 0%; transform-origin:  100% 0% ; -webkit-animation: loader4 10s ease-in-out infinite; animation: loader4 10s ease-in-out infinite; }
.loader4:after{ content: ""; color: #fff; position: absolute; width: 100%; height: 20px; line-height: 20px; left: 0; top: 0; border-radius: 20px; } */

@keyframes loader1 {
    0% {
        background: rgba(255, 144, 0, 1);
        transform: scale(1.5);
    }
    50% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
    100% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
}
@keyframes loader2 {
    0% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
    50% {
        background: rgba(255, 144, 0, 1);
        transform: scale(1.5);
    }
    100% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
}
@keyframes loader3 {
    0% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
    50% {
        background: rgba(255, 144, 0, 0.6);
        transform: scale(1);
    }
    100% {
        background: rgba(255, 144, 0, 1);
        transform: scale(1.5);
    }
}
/* loading progress end */