@charset "UTF-8";
.main-board .board ul li .tit a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.modal-wrap.active, .pop-box .title, .pop-box .admin-wrap, .body-title, header, .pop-filter .filter-box .list li:first-child, .main-title { display: flex; justify-content: space-between; align-items: center; }

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, form, 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; color: #393939; line-height: 1.428571429; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; word-break: break-all; font-family: "Noto Sans KR", "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; }

/* HTML5 display-role reset for older browsers */
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

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

strong { font-weight: 500; }

textarea { display: block; }

html { scrollbar-face-color: #F6F6F6; scrollbar-shadow-color: #AEAEAE; scrollbar-highlight-color: #AEAEAE; scrollbar-3dlight-color: #F6F6F6; scrollbar-darkshadow-color: #F6F6F6; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #AEAEAE; }

/* Chrome용 스크롤 바 */
::-webkit-scrollbar { width: 7px; height: 7px; }

::-webkit-scrollbar-track { background: none; box-shadow: none; border-radius: 10px; }

::-webkit-scrollbar-track:hover { background: none; box-shadow: none; border-radius: 10px; }

::-webkit-scrollbar-thumb { background: #b9bec2; border-radius: 10px; }

::-webkit-scrollbar-thumb:hover { background: #9da5ab; }

/*::-webkit-scrollbar-button { width: 8px;}*/
::-webkit-scrollbar-button { display: none; }

legend, caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

/* select */
.select-box { display: inline-block; margin: 0 1px; vertical-align: middle; }
.select-box select { width: 100%; height: 27px; padding: 0 30px 2px 8px; background-image: url("../images/icon-select-arrow.png"); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; cursor: pointer; outline: none; -webkit-appearance: none; /* for chrome*/ -moz-appearance: none; /* for firefox*/ appearance: none; }
.select-box select::-ms-expand { display: none; /* for IE10, 11*/ }

/* checkbox radio */
.radios, .checkboxes { display: flex; flex-direction: column; flex-wrap: nowrap; }

label { cursor: pointer; }

input[type="checkbox"], input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
input[type="checkbox"] + label, input[type="radio"] + label { position: relative; align-items: center; padding: 1px 6px 0 23px; user-select: none; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before { content: ""; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; border: 1px solid #d7d7d7; background: #fff; text-align: center; transition: transform 200ms ease-out; }
input[type="checkbox"] + label:after, input[type="radio"] + label:after { content: ""; background-color: #fff; position: absolute; transform: scale(0); transition: transform 200ms ease-out; }

input[type="checkbox"] + label:after { background-color: transparent; content: ""; display: block; position: absolute; left: 5px; top: 4px; width: 4px; height: 6px; opacity: 0.1; border-bottom: 3px solid #005098; border-right: 3px solid #005098; transform: rotate(45deg); transition: border-color 0.3s ease; }
input[type="checkbox"]:checked + label:before { content: ""; }
input[type="checkbox"]:checked + label:after { content: ""; opacity: 1; }

input[type="radio"] + label:before, input[type="radio"] + label:after { border-radius: 50%; }
input[type="radio"] + label:after { left: 4px; top: 6px; width: 8px; height: 8px; }
input[type="radio"]:checked + label:before { background: #fff; animation: borderscale 300ms ease-in; }
input[type="radio"]:checked + label:after { background: #005098; transform: scale(1); }

input[type="checkbox"]:disabled + label:before { background-color: #eaeaea; }

.date-box { display: inline-block; width: 120px; height: 27px; padding: 0 0 0 8px; border: 1px solid #d7d7d7; border-radius: 3px; cursor: pointer; background-color: #fff; }
.date-box input[type="text"] { width: calc(100% - 27px); height: 100%; padding: 3px 0; border: none; cursor: pointer; }
.date-box img { padding: 5px; vertical-align: middle; box-sizing: content-box; }
.date-box + em { padding: 0 8px; }
.date-box.disabled { opacity: 0.8; background-color: #f2f2f2; }
.date-box.disabled input[type="text"] { background-color: #f2f2f2; cursor: default; }
.date-box.disabled img { cursor: default; }

/* Datepicker */
.ui-datepicker { display: none; width: 260px; height: auto; min-height: 200px; margin: 7px 0 0 -10px; padding: 10px; background-color: #fff; border: 1px solid #d7d7d7; z-index: 100 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; left: 5%; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; right: 5%; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; top: 0; cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0; text-align: center; color: #333; }
.ui-datepicker select.ui-datepicker-month { width: 30%; }
.ui-datepicker .ui-datepicker-year { width: 30%; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 auto; font-size: 12.5px; }
.ui-datepicker table th { padding: 7px 0 6px; text-align: center; border: 0; font-size: 14px; font-weight: 500; }
.ui-datepicker table th:first-child span { color: #e60012; }
.ui-datepicker table td { padding: 2px 0; }
.ui-datepicker table td.ui-datepicker-week-end a { color: #e60012; }
.ui-datepicker table td a { display: block; width: 25px; height: 25px; margin: 0px 3px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 25px; }
.ui-datepicker table td a:hover { background-color: #e6e6e6; text-decoration: none; }
.ui-datepicker table td a.ui-datepicker-today a { background-color: #0390d5; color: #fff; }
.ui-datepicker table td a.ui-state-active { background-color: #0390d5; font-weight: bold; color: #fff; }
.ui-datepicker table tbody tr:first-child td { padding-top: 7px; }

.ui-icon { display: block; width: 22px; height: 22px; text-indent: -99999px; overflow: hidden; }

.ui-icon-circle-triangle-w { background: url("../images/btn_prev_01.png") 45% 49% no-repeat; }

.ui-icon-circle-triangle-e { background: url("../images/btn_next_01.png") 55% 49% no-repeat; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

.ui-widget-header { height: 28px; margin: 0; border-bottom: 0; color: #333; font-size: 12px; }

.ui-widget-header .ui-datepicker-title { font-size: 16px; font-weight: 500; }
.ui-widget-header .ui-datepicker-title span { font-size: 16px; font-weight: 500; }

html, body { width: 100%; height: 100%; }

.blind { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

img, fieldset, iframe { border: 0 none; }

address { font-style: normal; }

input, select, button { vertical-align: middle; }

i, em, address { font-style: normal; }

label, button { cursor: pointer; }

textarea { width: 100%; resize: none; }

button { height: 27px; margin: 0; outline: none; background-color: #fff; border-radius: 3px; border-color: #e0e0e0; border-width: 1px; border-style: solid; letter-spacing: -0.5px; }
button + button { margin: 0 0 0 3px; }

a { outline: 0; text-decoration: none; color: #393939; cursor: pointer; }
a:hover { text-decoration: none; color: #0390d5; }

input, textarea { ime-mode: active; outline: none; }

input:disabled { opacity: 0.8; background-color: #f2f2f2; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select, input[type="number"], input[type="file"] { min-width: 45px; height: 27px; box-sizing: border-box; padding: 5px 7px; border: #e0e0e0 1px solid; border-radius: 3px; color: #393939; font-family: "Noto Sans KR", "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; }

em { text-decoration: none; font-style: normal; }

i { display: inline-block; background-repeat: no-repeat; line-height: 0; vertical-align: middle; }

.blue { color: #1450ea; }

.red { color: #ef1d1d; }

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

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

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

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

/* 정렬, 길이, 여백 */
.tx-left, .tx-left th, .tx-left td { text-align: left !important; }

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

tr.tx-center th { text-align: center !important; }

.table.tx-center td { text-align: center; }

.tx-right, .tx-right td { text-align: right !important; }

.wfull { width: 100% !important; }

.w30 { width: 30px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w170 { width: 170px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w250 { width: 250px !important; }

.w270 { width: 270px !important; }

.w280 { width: 280px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.w450 { width: 450px !important; }

.w500 { width: 500px !important; }

.w550 { width: 550px !important; }

.w600 { width: 600px !important; }

.w650 { width: 650px !important; }

.w700 { width: 700px !important; }

.w750 { width: 750px !important; }

.w800 { width: 800px !important; }

.w850 { width: 850px !important; }

.w900 { width: 900px !important; }

.w1000 { width: 1000px !important; }

.w1100 { width: 1100px !important; }

.w1300 { width: 1300px !important; }

.w1500 { width: 1500px !important; }

.w1700 { width: 1700px !important; }

.w1900 { width: 1900px !important; }

.w2000 { width: 2000px !important; }

.w2200 { width: 2200px !important; }

.w2400 { width: 2400px !important; }

.w2600 { width: 2600px !important; }

.h30 { height: 30px !important; }

.h50 { height: 50px !important; }

.h70 { height: 70px !important; }

.hfull { height: 100% !important; }

.h100 { height: 100px !important; }

.h150 { height: 150px !important; }

.h200 { height: 200px !important; }

.h210 { height: 210px !important; }

.h250 { height: 250px !important; }

.h300 { height: 300px !important; }

.h400 { height: 400px !important; }

.h450 { height: 450px !important; }

.h480 { height: 480px !important; }

.h500 { height: 500px !important; }

.h600 { height: 600px !important; }

.h640 { height: 640px !important; }

.h650 { height: 650px !important; }

.h700 { height: 700px !important; }

.h760 { height: 760px !important; }

.mh100 { min-height: 100px !important; }

.mh150 { min-height: 150px !important; }

.mh200 { min-height: 200px !important; }

.mg15 { margin: 15px !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

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

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

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

.mr30 { margin-right: 30px !important; }

.ml0 { margin-left: 0px !important; }

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

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

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

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

.ml25 { margin-left: 25px !important; }

.pd0 { padding: 0 !important; }

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

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

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

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

.mr-auto { margin-right: auto; }

.ml-auto { margin-left: auto; }

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../fonts/NotoSansKR-Regular.woff2) format("woff2"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(../fonts/NotoSansKR-Regular.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../fonts/NotoSansKR-Medium.woff2) format("woff2"), url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR-Medium.otf) format("opentype"); }
.r-btn { text-align: right; }

i { width: 16px; height: 16px; background-position: 50% 50%; background-repeat: no-repeat; }
i.i-excel { background-image: url("../images/icon-excel_01.png"); }
i.i-hwp { background-image: url("../images/icon-hwp.png"); }
i.i-ppt { background-image: url("../images/icon-ppt.png"); }
i.i-pdf { background-image: url("../images/icon-pdf.png"); }
i.i-txt { background-image: url("../images/icon-txt.png"); }
i.i-img { background-image: url("../images/icon-img.png"); }
i.i-erase { background-image: url("../images/icon-delete_02.png"); }
i.i-delete { background-image: url("../images/icon-delete_01.png"); }
i.i-download { background-image: url("../images/icon-download_01.png"); }

.btn { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; white-space: nowrap; border: 1px solid #ddd; font-size: 13px; font-family: "Noto Sans KR", "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; cursor: pointer; }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }
.btn i { width: 12px; height: 12px; margin-right: 7px; background-position: 50% 50%; background-repeat: no-repeat; }
.btn i.i-close { background-image: url("../images/icon-close_01.png"); }
.btn i.i-apply { background-image: url("../images/icon-apply_02.png"); }
.btn i.i-write { background-image: url("../images/icon-write_01.png"); }
.btn i.i-save { background-image: url("../images/icon-save.png"); }
.btn i.i-edit { background-image: url("../images/icon-edit_01.png"); }
.btn i.i-password { width: 11px; height: 13px; background-image: url("../images/icon_password_02.png"); }
.btn i.i-download { height: 14px; background-image: url("../images/icon_download.png"); }
.btn i.i-reset { background-image: url("../images/icon-reset_01.png"); }
.btn i.i-delete { background-image: url("../images/icon-delete_01.png"); }
.btn i.i-upload { background-image: url("../images/icon-upload.png"); }
.btn.medium { height: 30px; }
.btn.point { background-color: #004888; color: #fff; border: 1px solid #004888; }
.btn.point .i-download { background-image: url("../images/icon-download_02.png"); }
.btn.point .i-doc { background-image: url("../images/icon-doc_02.png"); }
.btn.indent { text-indent: -9999em; padding: 0; width: 27px; }
.btn.indent i { margin-right: 0; }
.btn.light { border: 1px solid #004888; color: #004888; }

.i-btn { padding: 0 !important; font-size: 0; border-color: transparent; background-color: transparent; }
.i-btn i { width: 20px; height: 19px; }
.i-btn i.i-vote { background-image: url("../images/icon-vote.png"); }
.i-btn i.i-resolution { background-image: url("../images/icon-resolution.png"); }
.i-btn i.i-more {
    width: 10px;
    height: 10px;
    background-image: url("../images/icon-plus_01.png");
}

.he-frm { height: calc(100% - 180px); }

.table-scroll-wrap { position: relative; padding-top: 32px; height: 100%; min-width: 1040px; }
.table-scroll-wrap .table-scroll { height: 100%; overflow-y: auto; }
.table-scroll-wrap .table-scroll .fixed-header-bg { position: absolute; left: 0; top: 0; width: 100%; height: 33px; background: #f0f0f0; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.table-scroll-wrap .table.list thead th { height: 0; border: none; padding: 0; }
.table-scroll-wrap .table.list thead th .fixed-th { position: absolute; top: 0; height: 32px; display: flex; justify-content: center; align-items: center; }
.table-scroll-wrap .table.list thead th .fixed-th::after { content: ""; position: absolute; top: 0; left: -.5px; width: 1px; height: 100%; background-color: #e0e0e0; }

.table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 1px solid #c1c1c1; border-right: 1px solid #e0e0e0; }
.table th, .table td { padding: 6px 5px; color: #333; font-size: 13px; font-weight: 500; line-height: 1.5em; border: 1px solid #e0e0e0; border-top: 0; }
.table th { background-color: #f3f3f3; }
.table td { font-weight: 300; text-align: center; }
.table td.subject { text-align: left; padding-left: 15px; }
.table td img { vertical-align: middle; margin: -.2em 1px 0; }
.table tr.on td { background-color: #e2edf4 !important; font-weight: 500; }
.table .btn.download { width: 16px; height: 16px; padding: 0; border: 0; font-size: 0; line-height: 0; background-color: transparent; }
.table .btn.download i { margin: 0; }
.table.form th, .table.form td { padding: 3px 5px; }
.table.form th { vertical-align: middle; }
.table.form td { text-align: left; }
.table.list tr:hover td { background-color: #eff4f8; }
.table.list td { vertical-align: middle; }
.table.list td button { margin: -4px 0 -3px; height: 23px; padding: 4px 8px; }

.table-txt { position: relative; font-size: 13px; line-height: 1.4em; color: #777; margin-bottom: 10px; padding-left: 25px; }

.table-txt:before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url("../images/icon_mark.png") 50% 50% no-repeat; }

.overflow-y { overflow-y: scroll; overflow-x: hidden; }
.overflow-y .table { border-top: 0; }

.overflow-x { overflow-x: auto; }
.overflow-x + .table { margin-top: 15px; }

.modal-wrap { width: 100vw; height: 100vh; pointer-events: none; display: none; }
.modal-wrap.active { justify-content: center; pointer-events: auto; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 100; overflow: hidden; }

.pop-box .title { height: 40px; background-color: #004888; padding: 0 20px; }
.pop-box .title h1 { font-size: 15px; line-height: 1.4em; color: #fff; font-weight: 400; }
.pop-box .title .btn { font-size: 0; line-height: 0; padding: 0; background-color: transparent; border: 0; }
.pop-box .title .btn i { width: 14px; height: 14px; margin-right: 0; }
.pop-box .title .btn i.i-close { background-image: url("../images/btn-close_01.png"); }
.pop-box .scroll-box { overflow: auto; }
.pop-box .body { padding: 15px 20px 20px; background-color: #fff; }
.pop-box h2 { position: relative; padding-left: 20px; font-size: 13.5px; line-height: 1.4em; color: #444; font-weight: 500; letter-spacing: -.1px; }
.pop-box h2:before { content: ""; position: absolute; top: 4px; left: 0; width: 13px; height: 13px; background: url("../images/tt_dot.png") 50% 50% no-repeat; }
.pop-box .admin-wrap div { font-size: 13px; line-height: 1.4em; color: #777; }
.pop-box .admin-wrap .bar { display: inline-block; vertical-align: middle; position: relative; width: 1px; height: 10px; background: #dddbdb; margin: 0 5px; }
.pop-box .cont-body { border-top: 1px solid #ddd; padding: 20px 0; margin-top: 10px; font-size: 13px; color: #444; }
.pop-box .btns { display: flex; align-items: center; justify-content: flex-end; background-color: #f1f1f1; height: 48px; padding: 0 20px; }
.pop-box .btns div + div { margin-left: auto; }
.pop-box.scroll-view .title { margin-right: 12px; }
.pop-box.scroll-view .btns { margin-right: 12px; }
.pop-box .table-scroll-wrap { min-width: auto; height: 320px; }
.pop-box .tabArea { height: 750px; background-color: #fff; }

.cont-txt { font-size: 13px; line-height: 1.5em; color: #444; margin-bottom: 10px; }
.cont-txt strong { color: #ef1d1d; }

.body-title { height: 27px; margin-bottom: 5px; }
.body-title .required-txt { font-size: 13px; line-height: 1.4em; color: #444; }
.body-title h3 { font-size: 17px; font-weight: 500; }

#Index { overflow: hidden; position: absolute; left: -9999px; width: 0; height: 0; margin: 0; padding: 0; }

.inner { width: 800px; margin: 0 auto; }

#wrapper { min-width: 800px; height: 100%; }

#container { width: 100%; min-width: 800px; height: calc(100% - 60px); }

#gnb { background-color: #004888; }
#gnb ul { display: flex; }
#gnb ul li { flex: 1; text-align: center; position: relative; }
#gnb ul li:first-child:before, #gnb ul li:after { content: ""; position: absolute; top: 0; width: 1px; height: 100%; background: #fff; opacity: .15; }
#gnb ul li:first-child:before { left: 0; }
#gnb ul li:after { right: 0; }
#gnb ul li a { display: block; font-size: 16px; line-height: 47px; color: #fff; font-weight: 500; }

/* header */
header { min-width: 800px; height: 60px; padding: 0 20px; box-shadow: -3px 1px 4px rgba(0, 0, 0, 0.2); }
header.inner { padding: 0; box-shadow: none; }
header .site-logo a { display: block; width: 210px; height: 60px; font-size: 0; background: url("../images/sitelogo.png") 50% 50% no-repeat; }
header .t-global ul { display: flex; }
header .t-global ul li { display: inline-flex; align-items: center; padding: 0 10px; }
header .t-global .user-box { position: relative; display: flex; align-items: center; z-index: 10; }
header .t-global .user-box .userimg { display: inline-block; width: 36px; height: 36px; border: 1px solid #e6e6e6; border-radius: 100%; background: url("../images/bg-user.png") 50% 50% no-repeat; background-size: 34px; overflow: hidden; }
header .t-global .user-box .userimg img { width: 34px; height: 34px; }
header .t-global .user-box .btn-mypage { width: auto; height: 100%; border: 0; }
header .t-global .i-btn { display: flex; align-items: center; border: 0; }
header .t-global .i-btn .i-logout { width: 22px; height: 22px; background: url("../images/icon-logout_01.png") 50% 50% no-repeat; margin-right: 10px; }

/* sub */
.contArea { display: flex; width: 100%; min-width: 800px; height: 100%; overflow: hidden; }

#lnb { width: 190px; height: 100%; background-color: #eef0f2; }
#lnb ul li { height: 60px; background-color: #035cac; }
#lnb ul li a { display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: #fff; font-size: 16px; line-height: 1.4em; }
#lnb ul li a i { width: 60px; height: 60px; margin-right: 20px; background-color: #004888; background-position: 50% 50%; background-repeat: no-repeat; }
#lnb ul li a i.i-review { background-image: url("../images/lnb-review.png"); }
#lnb ul li a i.i-notice { background-image: url("../images/lnb-notice.png"); }
#lnb ul li a i.i-search {
    background-image: url("../images/lnb-search.png");
}
#lnb ul li a:hover { opacity: .85; }
#lnb ul li.active { background-color: #1390da; }
#lnb ul li.active a { border-bottom-color: transparent; }
#lnb ul li.active a i { background-color: #0e6cc1; }

.sub-inner { margin: 20px; flex: 1 1 auto; width: 1%; min-width: 1040px; height: 100%; }

/* board */
.board-searh { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.board-searh label { margin-right: 7px; }
.board-searh label::before { display: inline-block; content: ''; width: 3px; height: 3px; border-radius: 50%; margin: 0 5px 3px 0; background-color: #777; }
.board-searh > div { margin-right: 4px; }

.search-box { height: 27px; border: 1px solid #e0e0e0; border-radius: 3px; }
.search-box input[type="search"] { border: none; width: calc(100% - 25px); height: calc(100% - 1px); padding: 0; background-color: transparent; }
.search-box button { width: 20px; height: 20px; border: 0; background: url("../images/icon-search_01.png") 50% 50% no-repeat; margin: 0; text-indent: -999em; }
.search-box .btn.indent { width: 27px; height: 27px; padding: 0; }
.search-box .btn i { margin-right: 0; }

.r-guide { padding: 7px 3px 5px 18px; font-size: 12px; color: #1450ea; background: url("../images/icon-info_03.png") 7px 9px no-repeat; }

.pop-filter { float: right; z-index: 10; vertical-align: middle; padding-left: 20px; }
.pop-filter .i-btn { position: absolute; right: 5px; top: calc(50% - 9px); width: 19px; height: 18px; padding: 0; background-color: #fff; border: 1px solid #e1e5e8; }
.pop-filter .i-btn.active { border: 1px solid #d7d7d7; }
.pop-filter .i-btn.active i.asc-btn, .pop-filter .i-btn.active i.desc-btn { background-image: url("../images/icon-filter_02.png"); }
.pop-filter .i-btn i { width: 16px; height: 16px; background-position: 50% 50%; }
.pop-filter .i-btn i.asc-btn, .pop-filter .i-btn i.desc-btn { background-image: url("../images/icon-select-arrow.png"); }
.pop-filter .i-btn i.desc-btn { transform: rotate(180deg); background-position: 40% 50%; }
.pop-filter .filter-box { display: none; position: absolute; min-width: 100px; z-index: 30; right: 1px; top: 32px; border: 1px solid #e1e5e8; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.pop-filter .filter-box .list { overflow: auto; min-width: 100px; max-height: 160px; padding: 10px; }
.pop-filter .filter-box .list li { text-align: left; white-space: nowrap; }
.pop-filter .filter-box .list li input[type="checkbox"] + label { padding: 1px 6px 0 23px; }
.pop-filter .filter-box .list li input[type="checkbox"] + label::before { top: 3px; }
.pop-filter .filter-box .list li input[type="checkbox"] + label::after { top: 5px; }
.pop-filter .filter-box .list li:first-child { padding-bottom: 3px; margin-bottom: 5px; border-bottom: #eee 1px solid; }
.pop-filter .filter-box .list li:first-child label { font-weight: 500; }
.pop-filter .filter-box .list li + li { margin-top: 3px; }

.filter-reset { border: none; width: 16px; height: 16px; padding: 0; }
.filter-reset i { width: 16px; height: 16px; background-image: url("../images/icon-filter_reset.png"); }

.search-form { position: relative; z-index: 40; }
.search-form .btn-period { padding-right: 25px; padding-bottom: 2px; background: #fff url("../images/icon-select-arrow.png") 90% 55% no-repeat; }
.search-form .pop-period { display: none; position: absolute; z-index: 41; top: 29px; width: 288px; background-color: #fff; border: 1px solid #e1e5e8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.search-form .pop-period .wfull { padding: 10px 10px 0 10px; }
.search-form .pop-period .c-btn { padding: 10px; }
.search-form .pop-period .c-btn .btn { width: 23.3%; height: 40px; }
.search-form .pop-period .c-btn .btn.active { font-weight: 500; background-color: #0390d5; border-color: #0390d5; color: #fff; }
.search-form .pop-period .c-btn + .r-guide { padding: 0 10px 10px 24px; background-position: 11px 2px; }
.search-form .pop-period .period-box { padding: 7px 10px 10px; background-color: #edeff0; }
.search-form .pop-period .period-box h5 { margin-bottom: 5px; }
.search-form .pop-period .period-box .date-box { width: 104px; }
.search-form .pop-period .period-box .btn { margin-left: 3px; padding: 4px 7px; }

#login #wrapper { display: flex; align-items: center; justify-content: center; background: url("../images/login_bg.jpg") 50% 50% no-repeat; background-size: cover; }
#login #container { height: auto; margin-top: 45px; }

.login-box { display: flex; align-items: center; background: #fff; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); width: 790px; margin: 0 auto; overflow: hidden; }
.login-box .form { width: 390px; padding: 0 45px; }
.login-box .form .logo { margin-bottom: 15px; }
.login-box .form .logo-txt { margin-bottom: 35px; }
.login-box .form .group { position: relative; margin-bottom: 10px; }
.login-box .form .group:last-child { margin-bottom: 0; }
.login-box .form .group .input { width: 100%; height: 40px; padding: 0 10px 0 44px; font-size: 16px; line-height: 38px; }
.login-box .form .group.id::before, .login-box .form .group.pw::before { content: ""; position: absolute; top: 0; left: 0; width: 44px; height: 40px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../images/icon_id.png"); }
.login-box .form .group.pw::before { background-image: url("../images/icon_password.png"); }
.login-box .form .group .submit { border-radius: 3px; width: 100%; border: 0; cursor: pointer; background-color: #004888; color: #fff; font-size: 20px; line-height: 40px; height: 40px; }
.login-box .pic { width: 400px; line-height: 0; }

.login-copy { text-align: center; margin-top: 30px; font-size: 12px; line-height: 1.4em; color: #767676; }

/* main */
.main-visual { height: 250px; background: #c7d8ee url("../images/main_visual.png") 58% 0 no-repeat; }
.main-visual + .inner { padding-bottom: 40px; }

.main-btn { display: flex; justify-content: space-between; margin-top: -180px; margin-bottom: 20px; }
.main-btn .conference button { display: inline-flex; align-items: center; justify-content: center; height: 55px; padding: 0 20px; border: none; color: #fff; background-color: #3883d8; }
.main-btn .conference button i { width: 22px; height: 23px; margin-right: 10px; background-position: 50% 50%; }
.main-btn .conference button i.i-down { background-image: url("../images/icon-conference_down.png"); }
.main-btn .conference button i.i-run { background-image: url("../images/icon-conference_run.png"); }
.main-btn .conference button + button { background-color: #0a8180; }
.main-btn .mypage button { height: auto; border: none; background-color: transparent; color: #011b4f; text-align: center; }
.main-btn .mypage button i { display: block; width: 100%; height: 28px; margin-bottom: 8px; background-position: 50% 50%; }
.main-btn .mypage button i.i-info_edit { background-image: url("../images/icon-info_edit.png"); }
.main-btn .mypage button i.i-pw_change { background-image: url("../images/icon-pw_change.png"); }

.main-title { margin-bottom: 10px; }
.main-title h2 { font-size: 18px; line-height: 1.4em; color: #333; font-weight: 500; }
.main-title .more { display: block; width: 22px; height: 22px; text-indent: -9999em; background: url("../images/more.png") 50% 50% no-repeat; }

.main-board { display: flex; justify-content: space-between; align-items: flex-start; height: 260px; margin-bottom: 40px; }
.main-board .schedule-info { width: calc(50% - 15px); height: 100%; padding: 15px 20px; background-color: #f2f3f5; }
.main-board .schedule-info .list { display: flex; }
.main-board .schedule-info .list dl { width: 1%; height: 190px; flex: 1 1 auto; padding: 5px; text-align: center; background-color: #fff; border-radius: 4px; }
.main-board .schedule-info .list dl + dl { margin-left: 10px; }
.main-board .schedule-info .list dl dt { height: 36px; padding: 6px; font-size: 16px; font-weight: 500; border-radius: 4px; }
.main-board .schedule-info .list dl dd { margin-top: 15px; }
.main-board .schedule-info .list dl dd .label { display: inline-block; width: 80px; height: 24px; margin-bottom: 10px; padding: 1px 4px; line-height: 19px; border: 1px solid #c4cdd2; border-radius: 3px; }
.main-board .schedule-info .list dl dd .tit { display: block; }
.main-board .board { width: calc(50% - 15px); height: 100%; padding: 15px 20px 10px; background-color: #fff; border: 1px solid #e5e5e5; }
.main-board .board ul li { display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 12px; }
.main-board .board ul li:before { content: ""; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background: #888; }
.main-board .board ul li .tit { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; align-items: center; margin-right: 10px; }
.main-board .board ul li .tit a { display: inline-block; font-size: 14px; line-height: 38px; color: #333; }
.main-board .board ul li .btn { font-size: 0; line-height: 0; border: 0; margin-left: 5px; }
.main-board .board ul li .date { font-size: 13px; line-height: 1.4em; color: #777; }

.main-calendar { border: 1px solid #e5e5e5; padding: 15px 20px; }

.calendar-head { text-align: center; margin-bottom: 20px; }
.calendar-head h3 { display: inline-block; vertical-align: middle; margin: 0 20px; color: #333; font-size: 23px; line-height: 1.15em; }
.calendar-head .cal-btn { display: inline-block; vertical-align: middle; width: 30px; height: 30px; overflow: hidden; border: 0; text-indent: -999em; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; }
.calendar-head .cal-prev { background-image: url("../images/cal_prev.png"); }
.calendar-head .cal-next { background-image: url("../images/cal_next.png"); }

.calendar table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; }
.calendar table th { padding: 5px 4px; border: 1px solid #e8e8e8; background: #f7f7f7; color: #333; font-size: 15px; line-height: 1.4em; font-weight: 500; }
.calendar table th:first-child { border-left: 0; color: #ef1d1d; }
.calendar table th:last-child { border-right: 0; color: #1450ea; }
.calendar table td { height: 100px; padding: 2px; vertical-align: top; border: 1px solid #e8e8e8; color: #333; font-size: 13px; line-height: 25px; font-weight: 500; letter-spacing: -.03em; }
.calendar table td .box { width: 100%; height: 100%; padding: 0 5px 5px; }
.calendar table td .box .i-btn {
    width: 20px;
    height: 20px;
    border: 1px solid #c4cdd2;
    border-radius: 3px;
}
.calendar table td:first-child { border-left: 0; }
.calendar table td:first-child .cal-date { color: #ef1d1d; }
.calendar table td:last-child { border-right: 0; }
.calendar table td:last-child .cal-date { color: #1450ea; }
.calendar .cal-date-wrap { display: flex; align-items: center; justify-content: flex-end; padding: 4px 0; }
.calendar .cal-date { line-height: 1em; color: #333; width: 23px; height: 23px; line-height: 23px; border-radius: 100%; text-align: center; }
.calendar .cal-blank .cal-date { opacity: .4; }
.calendar .cal-holiday .cal-date { color: #ef1d1d !important; }
.calendar .day-active .cal-date { background: #016cbe; color: #fff !important; }
.calendar li { margin-bottom: 2px; display: flex; }
.calendar li .label { min-width: 56px; height: 20px; padding: 0 4px; background: #fff; text-align: center; font-size: 12.5px; line-height: 18px; border: 1px solid #c4cdd2; border-radius: 3px; margin-right: 5px; }
.calendar li .tit { line-height: 20px; }
.calendar .fc-more { display: block; padding: 0 5px; text-align: right; font-size: 12px; color: #666; }

.review-type01 { background-color: #daedf7; color: #2871bb; }

.review-type02 { background-color: #fef4d2; color: #D9570A; }

.review-type03 { background-color: #e4f2d8; color: #0aa40f; }

.review-type04 { background-color: #e0def5; color: #3932a9; }

.review-type05 { background-color: #fdeae6; color: #e72718; }

.tabArea { position: relative; }
.tabArea .tabs { border-bottom: #d7d9dd 1px solid; }
.tabArea .tabs li { display: inline-block; padding: 0 0 0 20px; }
.tabArea .tabs li a { display: flex; align-items: center; height: 40px; padding: 0 7px; text-align: center; cursor: pointer; }
.tabArea .tabs li.on a { font-weight: 500; color: #005098; border-bottom: 2px solid #005098; }
.tabArea .tabcontents { display: none; height: calc(100% - 42px); overflow-y: auto; }
.tabArea .tabcontents.on { display: block; }
.tabArea .tabcontents.on .inner-tabArea .tabcontents.on { display: block; }
.tabArea .tabcontents .inner-tabArea { height: calc(100% - 48px); padding: 15px; }
.tabArea .tabcontents .contents { padding: 15px; height: calc(100% - 48px); }
.tabArea .tabcontents .inner-con + .inner-con { margin-top: 15px; }
.tabArea .tabcontents .inner-con .table-scroll-wrap { height: calc(100% - 37vh); }

.inner-tabArea .subtabs { margin: 0; overflow: hidden; position: relative; border-bottom: 0; }
.inner-tabArea .subtabs::after { content: ''; display: block; width: 100%; height: 1px; background-color: #9d9fa5; position: absolute; bottom: 0; left: 0; z-index: 0; }
.inner-tabArea .subtabs li { float: left; padding: 0; }
.inner-tabArea .subtabs li a { display: block; float: left; height: 29px; box-sizing: border-box; padding: 5px 20px; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; position: relative; top: 1px; cursor: pointer; background-color: #f2f2f2; }
.inner-tabArea .subtabs li:first-child a { border-left: 1px solid #d7d7d7; }
.inner-tabArea .subtabs li.on a { z-index: 1; background-color: #fff; border: #9d9fa5 1px solid; margin-left: -1px; color: #0390d5; font-weight: 500; }
.inner-tabArea .subtabs li.on:first-child a { margin-left: 0; }
.inner-tabArea .subtabcontents { display: none; padding: 5px 0 15px 0; }
.inner-tabArea .subtabcontents.on { display: block; }
.inner-tabArea .subtabcontents .tree-box { margin-top: 5px; }

.date-time { display: inline-block; min-width: 120px; height: 27px; border: #e0e0e0 1px solid; border-radius: 3px; background: url("../images/icon-calendar.png") 96% 50% no-repeat; }
.date-time .basicDate { width: 100%; border: none; height: 25px; background-color: transparent; }

.flatpickr-calendar { background: transparent; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 13px; line-height: 24px; border-radius: 5px; position: absolute; width: 260px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; visibility: visible; overflow: visible; max-height: 640px; }

.flatpickr-calendar.open { display: inline-block; z-index: 99999; }

.flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px; }

.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }

.flatpickr-calendar.static.open { z-index: 999; display: block; }

.flatpickr-calendar.hasWeeks { width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }

.flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; }

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; }

.flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; }

.flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; }

.flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; }

.flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after { border-top-color: #fff; }

.flatpickr-calendar:focus { outline: 0; }

.flatpickr-wrapper { position: relative; display: inline-block; }

.flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 38px; padding-top: 5px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }

.flatpickr-prev-month, .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 5px; line-height: 16px; height: 28px; padding: 10px calc(3.57% - 1.5px); z-index: 3; }

.flatpickr-prev-month i, .flatpickr-next-month i { position: relative; }

.flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ }

/* /*rtl:begin:ignore*/
/* /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ }

/* /*rtl:begin:ignore*/
/* /*rtl:end:ignore*/
.flatpickr-prev-month:hover, .flatpickr-next-month:hover { color: #959ea9; }

.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg { fill: #f64747; }

.flatpickr-prev-month svg, .flatpickr-next-month svg { width: 14px; }

.flatpickr-prev-month svg path, .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; }

.numInputWrapper { position: relative; height: auto; }

.numInputWrapper input, .numInputWrapper span { display: inline-block; }

.numInputWrapper input { width: 100%; }

.numInputWrapper input::-ms-clear { display: none; }

.numInputWrapper span { position: absolute; right: -20px; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.05); -webkit-box-sizing: border-box; box-sizing: border-box; }

.numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33%; }

.numInputWrapper span.arrowUp { top: 0; border-bottom: 0; }

.numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown { top: 50%; }

.numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg { width: inherit; height: auto; }

.numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span { opacity: 1; }

.flatpickr-current-month { font-size: 135%; line-height: inherit; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month.slideLeft { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideLeftNew { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRight { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRightNew { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; font-size: 15px; margin-right: 10px; margin-left: 0.5ch; padding: 0; }

.flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 500; line-height: inherit; font-size: 14px; height: initial; border: 0; border-radius: 0; vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus { outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; }

.flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; 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; height: 28px; }

span.flatpickr-weekday { cursor: default; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; }

.dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; }

.flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 240px; }

.flatpickr-days:focus { outline: 0; }

.dayContainer { padding: 0; outline: 0; text-align: left; width: 240px; min-width: 240px; max-width: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; }

.flatpickr-calendar.animate .dayContainer.slideLeft { -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideLeftNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideRight { -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideRightNew { -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 32px; margin: 0; height: 32px; line-height: 32px; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; }

.flatpickr-day.today { border-color: #959ea9; }

.flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #0390d5; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #0390d5; }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange { -webkit-box-shadow: -10px 0 0 #0390d5; box-shadow: -10px 0 0 #0390d5; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; }

.flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #0390d5, 5px 0 0 #0390d5; box-shadow: -5px 0 0 #0390d5, 5px 0 0 #0390d5; }

.rangeMode .flatpickr-day { margin-top: 1px; }

.flatpickr-weekwrapper { display: inline-block; float: left; }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; }

.flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.flatpickr-rContainer { display: inline-block; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flatpickr-time:after { content: ""; display: table; clear: both; }

.flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }

.flatpickr-time.time24hr .numInputWrapper { width: 49%; }

.flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour { font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; }

.flatpickr-time input:focus { outline: 0; border: 0; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus { background: #f0f0f0; }

.flatpickr-input[readonly] { cursor: pointer; }

@-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fpSlideLeft { from { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
  to { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } }
@keyframes fpSlideLeft { from { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
  to { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } }
@-webkit-keyframes fpSlideLeftNew { from { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); }
  to { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes fpSlideLeftNew { from { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); }
  to { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes fpSlideRight { from { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }
  to { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } }
@keyframes fpSlideRight { from { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }
  to { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } }
@-webkit-keyframes fpSlideRightNew { from { -webkit-transform: translate3d(-100%, 0, 0px); transform: translate3d(-100%, 0, 0px); }
  to { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } }
@keyframes fpSlideRightNew { from { -webkit-transform: translate3d(-100%, 0, 0px); transform: translate3d(-100%, 0, 0px); }
  to { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); } }
@-webkit-keyframes fpFadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fpFadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@-webkit-keyframes fpFadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fpFadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.required::before { display: inline-block; content: '*'; margin: 0 4px -4px 0; color: #ef1d1d; vertical-align: text-bottom; }

.download-box { border: 1px solid #ddd; display: flex; }
.download-box .down-tit { background-color: #f5f5f5; width: 150px; display: flex; align-items: center; justify-content: center; }
.download-box .down-tit .btn { font-size: 14px; line-height: 1.4em; color: #444; border: 0; background-color: transparent; padding: 0; }
.download-box .info { flex: 1 1 auto; min-width: 0; width: 1%; padding: 8px 10px; max-height: 105px; overflow-y: auto; }
.download-box .info > .scroll { width: 100%; overflow: auto; }
.download-box .info li { height: 22px; }

.down-list-scroll { max-height: 100px; overflow: auto; min-height: 27px; }
.down-list-scroll li { height: 22px; }

.down-list { display: flex; align-items: center; }
.down-list i { background-repeat: no-repeat; background-position: 50% 50%; width: 15px; height: 16px; margin-right: 4px; }
.down-list i.i-txt { background-image: url("../images/icon-txt.png"); }
.down-list i.i-pdf { background-image: url("../images/icon-pdf.png"); }
.down-list i.i-ppt { background-image: url("../images/icon-ppt.png"); }
.down-list i.i-hwp { background-image: url("../images/icon-hwp.png"); }
.down-list i.i-excel { background-image: url("../images/icon-excel_01.png"); }
.down-list .tt { margin-right: 5px; }
.down-list .btn { border: 0; padding: 0; }

.content-box { border: 1px solid #ddd; background: #f3f3f3; padding: 10px; }
.content-box .tit { position: relative; font-size: 15px; line-height: 1.4em; font-weight: 500; color: #333; margin-bottom: 10px; }
.content-box .box { background: #fff; padding: 10px; }
.content-box .box dl { display: flex; margin-bottom: 4px; }
.content-box .box dl:last-child { margin-bottom: 0; }
.content-box .box dl dt { width: 50px; position: relative; padding-left: 10px; font-weight: 500; color: #333; }
.content-box .box dl dt:before { content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background: #a4a4a4; font-weight: 700; }

.color-grey { color: #999; }

.color-red { color: #ef1d1d; }

/* 페이지목록 */
.table-total { margin: 10px 0 10px; }
.table-total select { width: 100px; }

.paginate-wrap { position: relative; border-top: 1px solid #e1e5e8; border-bottom: 1px solid #e1e5e8; padding: 10px 0; }
.paginate-wrap .page-number { position: absolute; top: 50%; margin-top: -10px; left: 0; font-size: 13px; line-height: 20px; color: #333; }

.paginate { text-align: center; }
.paginate a, .paginate strong { display: inline-block; padding: 0; margin: 0 3px; width: 20px; height: 25px; font-size: 13px; line-height: 25px; color: #333; border-radius: 4px; text-decoration: none; text-align: center; vertical-align: middle; }
.paginate strong { color: #0050b0; background-color: #e5edf4; }
.paginate a:hover { background-color: #f4f4f4; }
.paginate a.direction { background-position: 50% 50%; background-repeat: no-repeat; }
.paginate a.direction span { font-size: 0; line-height: 0; text-indent: -999px; }
.paginate a.direction.first { background-image: url("../images/btn_first_01.png"); }
.paginate a.direction.prev { background-image: url("../images/btn_prev_01.png"); }
.paginate a.direction.next { background-image: url("../images/btn_next_01.png"); }
.paginate a.direction .last { background-image: url("../images/btn_last_01.png"); }
.paginate a.direction.disabled { display: none; }

.txt-name { display: flex; align-items: center; }
.txt-name span { margin-left: 5px; margin-right: 10px; }
.txt-name .i-btn { width: 20px; height: 20px; }
.txt-name + .txt-name { margin-top: 2px; }

.fill { padding: 1px 4px; border-radius: 2px; }
.fill.gray { background-color: #eee; color: #393939; }
.fill.red { background-color: #fff1f1; }
.fill.blue { background-color: #e9f0f9; }
.fill.green { color: #077230; background-color: #e8f7e5; }
.fill + .fill { margin-left: 6px; }

strong.fill { font-weight: 500; }

.checkbox-list, .radio-list { display: inline-block; }
.checkbox-list span, .radio-list span { display: inline-flex; align-items: center; height: 27px; margin: 0 10px 0 0; }
.checkbox-list span:last-child, .radio-list span:last-child { margin: 0 0; }
.checkbox-list span input, .radio-list span input { vertical-align: middle; }
.checkbox-list.multi span, .radio-list.multi span { min-width: 140px; }
.checkbox-list input[type="radio"] + label, .radio-list input[type="radio"] + label { padding: 1px 6px 0 23px !important; }

.opinion { height: calc(100% - 70px); }
.opinion h3 { margin-bottom: 15px; text-align: center; font-size: 22px; }
.opinion .table td { padding: 10px; font-size: 14px; text-align: left; }
.opinion .overflow-y { height: calc(100% - 99px); margin-top: 10px; font-size: 14px; }

/*# sourceMappingURL=style-online.css.map */

/* icon - 미리보기*/
div.common-filelist {display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; margin-bottom: 1px;}
div button.i-preview {margin-left: auto; white-space: nowrap;}
i.i-preview {background: url(../images/icon-preview_01.png) no-repeat; height: 13px; margin-top: -1px;}
button.point i.i-preview {background: url(../images/icon-preview_02.png) no-repeat; height: 13px; margin-top: -1px;}