@charset "UTF-8";
/*기존  css 수정*/
article .lnb > li > a { height: auto; }

article .lnb > li .depth2 > li.has_children > a { pointer-events: auto; cursor: pointer; }

article { min-height: calc(100% - 65px); height: auto; }

/*기존  css 수정 끝*/
body, html { color: #333; }

.font-size-14px { font-size: 14px; }

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

.font-size-18px { font-size: 18px; }

.font-size-20px { font-size: 20px; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: .25rem !important; }

.mt-1, .my-1 { margin-top: .25rem !important; }

.mr-1, .mx-1 { margin-right: .25rem !important; }

.mb-1, .my-1 { margin-bottom: .25rem !important; }

.ml-1, .mx-1 { margin-left: .25rem !important; }

.mt-2, .my-2 { margin-top: .5rem !important; }

.mr-2, .mx-2 { margin-right: .5rem !important; }

.mb-2, .my-2 { margin-bottom: .5rem !important; }

.ml-2, .mx-2 { margin-left: .5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 2rem !important; }

.mt-5, .my-5 { margin-top: 2rem !important; }

.mr-5, .mx-5 { margin-right: 2rem !important; }

.mb-5, .my-5 { margin-bottom: 2rem !important; }

.ml-5, .mx-5 { margin-left: 2rem !important; }

.m-6 { margin: 2.5rem !important; }

.mt-6, .my-6 { margin-top: 2.5rem !important; }

.mr-6, .mx-6 { margin-right: 2.5rem !important; }

.mb-6, .my-6 { margin-bottom: 2.5rem !important; }

.ml-6, .mx-6 { margin-left: 2.5rem !important; }

.m-7 { margin: 3rem !important; }

.mt-7, .my-7 { margin-top: 3rem !important; }

.mr-7, .mx-7 { margin-right: 3rem !important; }

.mb-7, .my-7 { margin-bottom: 3rem !important; }

.ml-7, .mx-7 { margin-left: 3rem !important; }

.m-8 { margin: 4rem !important; }

.mt-8, .my-8 { margin-top: 4rem !important; }

.mr-8, .mx-8 { margin-right: 4rem !important; }

.mb-8, .my-8 { margin-bottom: 4rem !important; }

.ml-8, .mx-8 { margin-left: 4rem !important; }

.m-9 { margin: 5rem !important; }

.mt-9, .my-9 { margin-top: 5rem !important; }

.mr-9, .mx-9 { margin-right: 5rem !important; }

.mb-9, .my-9 { margin-bottom: 5rem !important; }

.ml-9, .mx-9 { margin-left: 5rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: .25rem !important; }

.pt-1, .py-1 { padding-top: .25rem !important; }

.pr-1, .px-1 { padding-right: .25rem !important; }

.pb-1, .py-1 { padding-bottom: .25rem !important; }

.pl-1, .px-1 { padding-left: .25rem !important; }

.p-2 { padding: .5rem !important; }

.pt-2, .py-2 { padding-top: .5rem !important; }

.pr-2, .px-2 { padding-right: .5rem !important; }

.pb-2, .py-2 { padding-bottom: .5rem !important; }

.pl-2, .px-2 { padding-left: .5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 2rem !important; }

.pt-5, .py-5 { padding-top: 2rem !important; }

.pr-5, .px-5 { padding-right: 2rem !important; }

.pb-5, .py-5 { padding-bottom: 2rem !important; }

.pl-5, .px-5 { padding-left: 2rem !important; }

.p-6 { padding: 2.5rem !important; }

.pt-6, .py-6 { padding-top: 2.5rem !important; }

.pr-6, .px-6 { padding-right: 2.5rem !important; }

.pb-6, .py-6 { padding-bottom: 2.5rem !important; }

.pl-6, .px-6 { padding-left: 2.5rem !important; }

.p-7 { padding: 3rem !important; }

.pt-7, .py-7 { padding-top: 3rem !important; }

.pr-7, .px-7 { padding-right: 3rem !important; }

.pb-7, .py-7 { padding-bottom: 3rem !important; }

.pl-7, .px-7 { padding-left: 3rem !important; }

.p-8 { padding: 4rem !important; }

.pt-8, .py-8 { padding-top: 4rem !important; }

.pr-8, .px-8 { padding-right: 4rem !important; }

.pb-8, .py-8 { padding-bottom: 4rem !important; }

.pl-8, .px-8 { padding-left: 4rem !important; }

.p-9 { padding: 5rem !important; }

.pt-9, .py-9 { padding-top: 5rem !important; }

.pr-9, .px-9 { padding-right: 5rem !important; }

.pb-9, .py-9 { padding-bottom: 5rem !important; }

.pl-9, .px-9 { padding-left: 5rem !important; }

.form-control { display: block; width: 100%; padding: 0.58203rem 0.625rem !important; font-size: 0.875rem; font-weight: 400; line-height: 1.1; color: #343a40; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; border-radius: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { appearance: none; }

.row { display: flex; flex-wrap: wrap; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: 0; }

.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; min-width: 0; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; min-width: 0; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; min-width: 0; }

.col-3 { flex: 0 0 25%; max-width: 25%; min-width: 0; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; min-width: 0; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; min-width: 0; }

.col-6 { flex: 0 0 50%; max-width: 50%; min-width: 0; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; min-width: 0; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; min-width: 0; }

.col-9 { flex: 0 0 75%; max-width: 75%; min-width: 0; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; min-width: 0; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; min-width: 0; }

.col-12 { flex: 0 0 100%; max-width: 100%; min-width: 0; }

.overflow-y-auto { overflow-y: auto; }

.border { border: 1px solid #d9d9d9; }

.border-left-1 { border-left: 1px solid #d9d9d9; }

.title-sm { line-height: 37px; color: #333; font-size: 16px; _font-weight: 300; }

.modal-lg { min-width: 900px !important; }

.modal-dialog { margin: 0 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.align-items-end { align-items: flex-end !important; }

.font-weight-light { font-weight: 300 !important; }

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

.min-width-50px { min-width: 50px; }

.min-height-37px { min-height: 37px !important; }

.min-height-50px { min-height: 50px; }

.min-height-150px { min-height: 150px; }

.max-height-300px { max-height: 300px; }

.btn-lg { height: 37px; }

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

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

.text-gray { color: #a9a9a9 !important; }

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

.table-fixed { table-layout: fixed !important; }

.break-all { word-break: break-all; }

.form-control.disabled { border-right: 1px solid #d9d9d9 !important; background-color: #eee !important; }

[class^=icon-] { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 0 0; font-style: normal; font-size: 0; line-height: 1; }

.icon-search { width: 18px; height: 18px; background-image: url("../images/icon-search.svg"); }

.icon-close-circle { width: 14px; height: 14px; background-image: url("../images/icon-close-circle.svg"); }

.loader { flex-basis: 100%; max-width: 100%; width: 30px; height: 30px; position: relative; overflow: hidden; z-index: 1; margin: auto; }

.loader-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.ball { position: absolute; }

.loader ::before, .loader ::after { position: absolute; content: ""; box-sizing: border-box; }

.default .loader-container { width: 30px; height: 30px; }

.default .ball { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 19.18%; height: 50%; background-color: transparent; transform-origin: bottom center; overflow: visible; }

.default .ball:nth-of-type(2) { transform: translate(-50%, 0) rotate(36deg); }

.default .ball:nth-of-type(3) { transform: translate(-50%, 0) rotate(72deg); }

.default .ball:nth-of-type(4) { transform: translate(-50%, 0) rotate(108deg); }

.default .ball:nth-of-type(5) { transform: translate(-50%, 0) rotate(144deg); }

.default .ball:nth-of-type(6) { transform: translate(-50%, 0) rotate(180deg); }

.default .ball:nth-of-type(7) { transform: translate(-50%, 0) rotate(216deg); }

.default .ball:nth-of-type(8) { transform: translate(-50%, 0) rotate(252deg); }

.default .ball:nth-of-type(9) { transform: translate(-50%, 0) rotate(288deg); }

.default .ball:nth-of-type(10) { transform: translate(-50%, 0) rotate(324deg); }

.default-01 .ball::before { top: 0; left: 0; width: 100%; padding-bottom: 100%; border-radius: 50%; background-color: #939393; transform: translateZ(0); animation: circle 1.2s infinite linear; }

.default-01 .ball:nth-of-type(2)::before { animation-delay: 0.1s; }

.default-01 .ball:nth-of-type(3)::before { animation-delay: 0.2s; }

.default-01 .ball:nth-of-type(4)::before { animation-delay: 0.3s; }

.default-01 .ball:nth-of-type(5)::before { animation-delay: 0.4s; }

.default-01 .ball:nth-of-type(6)::before { animation-delay: 0.5s; }

.default-01 .ball:nth-of-type(7)::before { animation-delay: 0.6s; }

.default-01 .ball:nth-of-type(8)::before { animation-delay: 0.7s; }

.default-01 .ball:nth-of-type(9)::before { animation-delay: 0.8s; }

.default-01 .ball:nth-of-type(10)::before { animation-delay: 0.9s; }

@keyframes circle { 33% { transform: translateZ(0);
    background-color: #fff;
    opacity: 1; }
  66% { transform: translateZ(0);
    opacity: .5; }
  100% { transform: translateZ(0);
    opacity: 0; } }

.search-input { position: relative; }

.search-input input { padding-left: 2.5rem !important; }

.search-input .icon-search { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); }

.border-container { border: 1px solid #d9d9d9; padding: 0.5rem; }

.border-container + .border-container { margin-top: -1px; }

.dot-list li { color: #333; font-size: 16px; font-weight: 300; }

.dot-list li::before { content: '·'; margin-right: 8px; }

.dot-list li + li { margin-top: 10px; }

.bootstrap-tagsinput { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -0.25rem; min-height: 30px; padding: 0; }

.bootstrap-tagsinput input { min-width: 300px !important; max-width: none !important; width: auto !important; height: 28px; margin-left: 10px; }

.bootstrap-tagsinput .tag { padding: 0.25rem 0.9rem; background: #ededed; margin: 0.25rem; border-radius: 30px; font-size: 14px; color: #333; display: inline-flex; align-items: center; }

.bootstrap-tagsinput .tag [data-role="remove"]::after { background: url(../images/icon-close-circle.svg) no-repeat center; background-size: contain; width: 14px; height: 14px; }

.tag-input-area { display: inline-flex; width: 100%; padding: 0.25rem; }

.phrases-wrap { display: inline-flex; flex-wrap: wrap; align-items: center; margin: -0.25rem; _border: 1px solid #d9d9d9; min-height: 30px; }

.phrases-wrap .tag.label.label-info { display: flex; align-items: center; padding: 0.44rem 0.8rem; background: #ededed; margin: 0.25rem; border-radius: 30px; font-size: 14px; margin-right: 10px; }

.phrases-wrap .tag.label.label-info [data-role="remove"] { height: 14px; }

.tag-input-area .tag-input { width: auto; min-width: 300px; border: 0; }

.ment_btn { width: 30px !important; height: 30px !important; min-width: auto !important; padding: 0 !important; line-height: normal !important; letter-spacing: normal !important; }

.modal .ment_btn { width: 37px !important; height: 37px !important; }

.tbl .tbody li > div > [class*="col"] { padding: 10px; box-sizing: border-box; height: auto; }

table td, table th { min-height: 45px; }

.dictionary_list li + li { margin-top: 10px; }

#chart { margin: 3rem 0; }

#chart svg { margin-left: -16px; }

.statistics-result-table { max-height: 300px; overflow-y: auto; table-layout: fixed !important; border-top: 2px solid #b3b9be; }

.statistics-result-table thead tr { height: 50px; padding: 0 15px; background-color: #f9f9f9; color: #333; font-size: 1rem; font-weight: 300; position: relative; width: 25%; }

.statistics-result-table thead tr th { width: 25%; border-bottom: 0; }

.statistics-result-table thead tr:hover { background: #f9f9f9 !important; }

.statistics-result-table tbody tr { border: 1px solid #b3b9be; }

.statistics-result-table tbody tr:hover { background: #fffbed !important; }

.statistics-result-table tbody th { color: #666; }

.statistics-result-table tbody td { text-align: center; line-height: 18px; height: 45px; padding: 3px 6px; color: #666; font-size: .9375rem; font-weight: 300; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

em.important { position: relative; }

em.important::after { margin-left: 5px; font-size: 14px; color: #9a0102; font-weight: 500; display: inline-block; content: "*"; }

.code-list { padding: 0.75rem; }

.code-list + .code-list { padding-top: 0; }

input.readonly { border: 1px solid #b3b9be !important; padding-left: 0.75rem !important; }
/*# sourceMappingURL=new.css.map */