@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/* ==========================================================================
 * 1.0 기본 설정
 * ========================================================================== */

/* RESET THE BOX-SIZING */

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

*:focus {
    outline-style: none !important;
}

/**
 * BODY RESET
 * 1. iOS와 안드로이드의 웹킷 기반 브라우저(사파리, 크롬 등)에서 링크영역 하이라이트를 삭제
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); /* 1 */
    overflow: hidden;
}

body,
button,
input,
select,
textarea {
    font-family: Arial, 'Noto Sans KR', sans-serif;
    color: #222;
    font-size: 12px !important;
    letter-spacing: -1px;
    line-height: 1.2;
}

body {
    height: 100%;
    min-width: 1200px;
    min-height: 800px;
    -ms-overflow-style: scrollbar;
}

::-moz-selection {
    background: #ffb966;
    text-shadow: none;
}

/*::selection {
    background: #ffb966;
    text-shadow: none;
}*/

/* LINKS */

a {
    color: #222;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #111;
    text-decoration: none;
}

/* LIST STYLE */

ul, ol, dl {
    list-style: none;
}

/* FORM FIELD */

label {
    cursor: pointer
}

textarea {
    resize: vertical;
    padding: 5px;
    min-height: 60px;
}

::-webkit-input-placeholder {
    color: #ccc; /* Chrome/Opera/Safari */
}

::-moz-placeholder {
    color: #ccc; /* Firefox 19+ */
}

:-ms-input-placeholder {
    color: #ccc; /* IE 10+ */
}

:-moz-placeholder {
    color: #ccc; /* Firefox 18- */
}

select {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    height: 24px;
}

select::-ms-expand {
    /* display: none; */
}

.select {
    position: relative;
    z-index: 1;
}

.select:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #666;
}

.input-chk {
    display: block;
    height: 20px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

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

.input-chk input {
    z-index: 9;
    outline-style: none !important;
    width: 15px;
    height: 16px;
    position: absolute;
    top: -100%;
    left: 2px;
}

.input-chk label {
    outline-style: none !important;
    outline: 0;
    display: block;
    padding: 0 0 0 40px;
    background: url(../img/ico_mode.gif) 0 0 no-repeat;
}

.input-chk input + label.active {
    background: url(../img/ico_mode_on.gif) 0 0 no-repeat;
}

.btn {
    border-color: #bbb;
    background: #fdfdfd;
    background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
    background-image: linear-gradient(#fdfdfd, #e8e8e8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
    box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
}

.btn:focus,
.btn:hover {
    border-color: #888;
}

input[type="radio"],
input[type="checkbox"],
label {
    vertical-align: middle;
    margin-top: 0;
    margin-right: 5px;
}

.btn-box {
    padding: 12px;
    text-align: center;
}

.btn-block .btn {
    display: block;
    width: 100%;
}

.btn_normal {
    height: 30px;
    line-height: 22px;
    padding: 0 17px;
    color: #3b44ac;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #3b44ac;
    border-radius: .25rem;
}

.btn_normal:disabled {
    color: #fff;
    background-color: #ddd;
    border: 1px solid #ddd;
}

.btn_normal.em {
    color: #fff;
    background-color: #3b44ac;
    border: 1px solid #3b44ac;
}

.btn_normal.em:disabled {
    color: #fff;
    background-color: #ddd;
    border: 1px solid #ddd;
}

.btn_normal.red {
    color: #f00;
    border: 1px solid #f00;
}

.btn_normal.simple {
    color: #222;
    border: 1px solid #ccc;
}

.btn_small {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    color: #3b44ac;
    background-color: #fff;
    font-weight: 500;
    border: 1px solid #3b44ac;
    border-radius: 3px;
}

.btn_small.em {
    color: #fff;
    background-color: #3b44ac;
    border: 1px solid #3b44ac;
}

.btn_small.red {
    color: #f00;
    border: 1px solid #f00;
}

img {
    border: none;
    vertical-align: middle;
}

table {
    border-spacing: 0;
    /*border-collapse: collapse;*/
}

.tbl {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

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

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

.vat {
    vertical-align: top !important;
}

.normal {
    font-weight: normal !important;
}

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

.white {
    color: #fff !important;
}

.red {
    color: #f00 !important;
}

.green {
    color: #008000 !important;
}

.blue {
    color: #0062c3 !important;
}

.green {
    color: #008000 !important;
}

.gray {
    color: #aaa !important;
}

.color-pdf {
    color: #e91f00 !important;
}

.color-xls {
    color: #287d21 !important;
}

.color-ppt {
    color: #df4c0b !important;
}

.color-img {
    color: #90aed6 !important;
}

.border_gray {
    border: 1px solid #ddd !important;
}

.black {
    color: #000 !important;
}

.red-bold {
    color: #f00;
    font-weight: 500;
}

.bg_gray {
    background-color: #f9f9fb;
}

.bg_white {
    background-color: #fff;
}

.disable {
    background-color: #eee !important;
}

.hidden {
    display: none;
}

.inline {
    display: inline;
}

.placeholder {
    color: #999;
    text-align: left;
}

.col_bg_light {
    background-color: #F2F4F7 !important;
}

.col_bg_red {
    color: #fff !important;
    background-color: #f00 !important;
}

.col_bg_green {
    color: #fff !important;
    background-color: #008000 !important;
}

.col_bg_lightblue {
    background-color: #ddebf7 !important;
}

.col_bg_yellow {
    color: #000 !important;
    background-color: #ff0 !important;
}

.col_bg_orange {
    color: #000 !important;
    background-color: #fdd100 !important;
}

.col_bg_error {
    background-color: #feefef !important;
}

.col_num_warn {
    background-color: #ff0 !important;
    text-align: right !important;
}

.col_num_error {
    color: #fff !important;
    background-color: #f00 !important;
    text-align: right !important;
}

a {
}

a:visited {
}

a:hover, a:active, a:focus {
}

.gap25 {
    height: 25px !important;
}

.gap30 {
    height: 30px !important;
}

.w23p {
    width: 23% !important;
}

.w24p {
    width: 24% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w33p {
    width: 33% !important;
}

.w34p {
    width: 34% !important;
}

.w35p {
    width: 35% !important;
}

.w40p {
    width: 40% !important;
}

.w45p {
    width: 45% !important;
}

.w50p {
    width: 50% !important;
}

.w55p {
    width: 55% !important;
}

.w60p {
    width: 60% !important;
}

.w65p {
    width: 65% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w85p {
    width: 85% !important;
}

.w90p {
    width: 90% !important;
}

.w95p {
    width: 95% !important;
}

.w98p {
    width: 98% !important;
}

.w100p {
    width: 100% !important;
}

.w8 {
    width: 8px !important;
}

.w10 {
    width: 10px !important;
}

.w15 {
    width: 15px !important;
}

.w17 {
    width: 17px !important;
}

.w20 {
    width: 20px !important;
}

.w22 {
    width: 22px !important;
}

.w23 {
    width: 23px !important;
}

.w25 {
    width: 25px !important;
}

.w26 {
    width: 26px !important;
}

.w30 {
    width: 30px !important;
}

.w35 {
    width: 35px !important;
}

.w40 {
    width: 40px !important;
}

.w45 {
    width: 45px !important;
}

.w48 {
    width: 48px !important;
}

.w50 {
    width: 50px !important;
}

.w55 {
    width: 55px !important;
}

.w60 {
    width: 60px !important;
}

.w63 {
    width: 63px !important;
}

.w70 {
    width: 70px !important;
}

.w75 {
    width: 75px !important;
}

.w79 {
    width: 79px !important;
}

.w80 {
    width: 80px !important;
}

.w84 {
    width: 84px !important;
}

.w85 {
    width: 85px !important;
}

.w88 {
    width: 88px !important;
}

.w89 {
    width: 89px !important;
}

.w90 {
    width: 90px !important;
}

.w93 {
    width: 93px !important;
}

.w94 {
    width: 94px !important;
}

.w96 {
    width: 96px !important;
}

.w98 {
    width: 98px !important;
}

.w100 {
    width: 100px !important;
}

.w102 {
    width: 102px !important;
}

.w105 {
    width: 105px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w128 {
    width: 128px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w144 {
    width: 144px !important;
}

.w148 {
    width: 148px !important;
}

.w150 {
    width: 150px !important;
}

.w153 {
    width: 153px !important;
}

.w155 {
    width: 155px !important;
}

.w156 {
    width: 156px !important;
}

.w159 {
    width: 159px !important;
}

.w160 {
    width: 160px !important;
}

.w165 {
    width: 165px !important;
}

.w167 {
    width: 167px !important;
}

.w168 {
    width: 168px !important;
}

.w169 {
    width: 169px !important;
}

.w170 {
    width: 170px !important;
}

.w176 {
    width: 176px !important;
}

.w178 {
    width: 178px !important;
}

.w179 {
    width: 179px !important;
}

.w180 {
    width: 180px !important;
}

.w190 {
    width: 190px !important;
}

.w194 {
    width: 194px !important;
}

.w200 {
    width: 200px !important;
}

.w202 {
    width: 202px !important;
}

.w203 {
    width: 203px !important;
}

.w210 {
    width: 210px !important;
}

.w220 {
    width: 220px !important;
}

.w225 {
    width: 225px !important;
}

.w230 {
    width: 230px !important;
}

.w240 {
    width: 240px !important;
}

.w250 {
    width: 250px !important;
}

.w270 {
    width: 270px !important;
}

.w280 {
    width: 280px !important;
}

.w281 {
    width: 281px !important;
}

.w290 {
    width: 290px !important;
}

.w300 {
    width: 300px !important;
}

.w310 {
    width: 310px !important;
}

.w318 {
    width: 318px !important;
}

.w320 {
    width: 320px !important;
}

.w330 {
    width: 330px !important;
}

.w340 {
    width: 340px !important;
}

.w350 {
    width: 350px !important;
}

.w360 {
    width: 360px !important;
}

.w370 {
    width: 370px !important;
}

.w380 {
    width: 380px !important;
}

.w390 {
    width: 390px !important;
}

.w400 {
    width: 400px !important;
}

.w410 {
    width: 410px !important;
}

.w420 {
    width: 420px !important;
}

.w430 {
    width: 430px !important;
}

.w440 {
    width: 440px !important;
}

.w450 {
    width: 450px !important;
}

.w460 {
    width: 460px !important;
}

.w470 {
    width: 470px !important;
}

.w480 {
    width: 480px !important;
}

.w490 {
    width: 490px !important;
}

.w500 {
    width: 500px !important;
}

.w510 {
    width: 510px !important;
}

.w520 {
    width: 520px !important;
}

.w530 {
    width: 530px !important;
}

.w600 {
    width: 600px !important;
}

.w609 {
    width: 609px !important;
}

.w700 {
    width: 700px !important;
}

.w750 {
    width: 750px !important;
}

.w844 {
    width: 844px !important;
}

.w930 {
    width: 930px !important;
}

.w1360 {
    width: 1360px !important;
}

.minw1920 {
    min-width: 1920px !important;
}

.h8 {
    height: 8px !important;
}

.h10 {
    height: 10px !important;
}

.h18 {
    height: 18px !important;
}

.h20 {
    height: 20px !important;
}

.h24 {
    height: 24px !important;
}

.h27 {
    height: 27px !important;
}

.h28 {
    height: 28px !important;
}

.h50 {
    height: 50px !important;
}

.h70 {
    height: 70px !important;
}

.h90 {
    height: 90px !important;
}

.h100 {
    height: 100px !important;
}

.h120 {
    height: 120px !important;
}

.h130 {
    height: 130px !important;
}

.h160 {
    height: 160px !important;
}

.h170 {
    height: 170px !important;
}

.h180 {
    height: 180px !important;
}

.h200 {
    height: 200px !important;
}

.h250 {
    height: 250px !important;
}

.h270 {
    height: 270px !important;
}

.h300 {
    height: 300px !important;
}

.h340 {
    height: 340px !important;
}

.h350 {
    height: 350px !important;
}

.h480 {
    height: 480px !important;
}

.h535 {
    height: 535px !important;
}

.h100p {
    height: 100% !important;
}

.p0 {
    padding: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.p7 {
    padding: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pt5 {
    padding-top: 5px !important;
}

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

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pl4 {
    padding-left: 4px !important;
}

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

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

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb4 {
    padding-bottom: 4px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

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

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

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

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

.ml15 {
    margin-left: 15px !important;
}

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

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.nbt {
    border-top: 0px !important;
}

.nbl {
    border-left: 0px !important;
}

.nbr {
    border-right: 0px !important;
}

.nbb {
    border-bottom: 0px !important;
}

.vam {
    vertical-align: middle !important;
}

.ti0 {
    text-indent: 0px !important;
}

.f10 {
    font-size: 10px;
}

.clear {
    clear: both;
    height: 0;
}

.nopad {
    padding: 0px !important;
}

.user_txt {
    font-size: 11pt;
    color: #fff;
    font-weight: 500;
}

.cnt_txt {
    font-weight: 500;
}

.btn_img, .btn_td, .btn, label {
    cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
}


#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#lean_overlay2 {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#lean_overlay3 {
    position: fixed;
    z-index: 300;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.modal_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/modal_close.png);
    z-index: 2;
}

.w_modal_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/modal_close.png);
    z-index: 2;
}

.modal_close2 {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/modal_close.png);
    z-index: 2;
}

.modal_close3 {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    z-index: 2;
}

/*.aui-grid-selection-bg {
	background-color: #32c2ff !important;
}*/

.aui-grid-body-panel table tr:hover {
    background: #D9E5FF;
    color: #000;
}

.aui-grid-main-panel .aui-grid-body-panel .aui-grid-table tr td:hover {
    background: #D9E5FF;
    color: #000;
}

.aui-grid-default-footer {
    text-align: right;
}

.my-column {
    text-align: right;
}

#headerMenu {
    position: absolute;
    display: none;
}

#headerMenu2 {
    position: absolute;
    display: none;
}

#bodyMenu {
    position: absolute;
    display: none;
    z-index: 100;
}

.ui-menu {
    width: 200px;
    font-size: 12px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.ui-widget-header {
    padding: 0.2em;
}

.tbl_top {
    width: 100%;
    height: 100%;
}

.tbl_top .td_logo {
    width: 10px;
    padding: 0 50px 0 10px;
}

.menu_list {
    list-style: none;
}

.menu_list li {
    display: inline;
    padding: 0 20px 0 0;
}

.td_user {
    text-align: right;
}

.user_list {
    list-style: none;
}

.user_list li {
    display: inline;
    padding: 0 15px 0 0;
}

.aui-grid-drop-list-item-wrapper {
    text-align: left;
}

.css-title:before {
    content: "기초자료설정";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #DDD;
    padding: 2px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.css-title :first-child {
    margin-top: 20px;
}

.aui-grid input[type=text] {
    ime-mode: inactive;
}

.multiselect_header {
    text-align: center;
    font-weight: 500;
}

.link_loginnw {
    font-weight: 700;
    font-size: 11px !important;
    color: #666;
    line-height: 24px;
    font-family: tahoma !important;
}

.link_loginnw:hover:link {
    text-decoration: underline;
}

.tbl_nb, .tbl_nb TH, .tbl_nb TD {
    border: 0px !important;
}