@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
@import url('login.css');

/* common */
html {height:100%;}
body {float:left; width:100%; min-height:100%; line-height:1.8;}
body, input, textarea, button, select, pre {font-family:'³ª´®°íµñ','NanumGothic','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; font-size:1rem;}
body, form, p, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0;}
hr {display:none;}
a {color:#000; text-decoration:none;}
a:hover {color:#369; text-decoration:underline;}
input, textarea, button, select {box-sizing:border-box; margin:0.25em 0; vertical-align:middle;}
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select {height:1.625em;}
select[size] {height:auto;}
input[type="checkbox"], input[type="radio"] {margin-left:0.25em; margin-right:0.25em; padding:0;}
input[type="button"], input[type="image"], input[type="reset"], input[type="submit"], button {margin:0; cursor:pointer;}
input[type="image"] {border-radius:0;}
textarea, h1, h2, h3, h4, h5, h6 {line-height:1.5;}
img {border:0; vertical-align:middle;}
table {border-spacing:0; border-collapse:collapse;}
b, strong, th, h1, h2, h3, h4, h5, h6, optgroup[label] {font-weight:600;}
i {font-style:normal;}
i:before {margin:0 2px; content:'\201C';}
i:after {margin:0 2px; content:'\201D';}
var {font-size:0.875em; font-style:normal;}
var:before {content:'\007B';}
var:after {content:'\007D';}
var[onclick] {cursor:pointer;}
var[onclick]:hover {text-decoration:underline;}

/* popup */
.pop_header {background:#345; color:#FFF;}
.pop_header h1, .pop_header h2, .pop_header h3 {overflow:hidden; padding:0 60px 0 30px; font-size:1.2em; line-height:4em; white-space:nowrap; text-overflow:ellipsis;}
.pop_header .print {position:absolute; top:1.4em; right:70px; height:2em; margin:0; padding:0 0.75em; border:1px solid #FFF; border-radius:1em; background:#345; color:#FFF; line-height:1.875em; -webkit-appearance:none;}
.pop_header .close {position:absolute; top:1.2em; right:20px; overflow:hidden; width:2.4em; height:2.4em; margin:0; padding:0; border:0; background:none; color:#FFF;}
.pop_header .close:before {float:left; width:1.5em; height:1.5em; font-size:1.6em; line-height:1.5em; text-align:center; content:'\2715';}
.pop_content {max-width:1200px; margin:30px auto 50px; padding:0 30px;}

.page_break {margin-top:50px; padding-top:50px; border-top:3px dotted #333;}
.page_break:before {display:block; height:50px; margin:-53px -30px 0; border-top:3px dotted #333; content:'';}

@media screen and (max-width:600px) {
    .pop_header h1, .pop_header h2, .pop_header h3 {padding-left:20px; font-size:1.125em; line-height:3.2em;}
    .pop_header .print {top:0.9em; right:60px; font-size:0.9em;}
    .pop_header .close {top:0.6em; right:10px;}
    .pop_content {padding-right:10px; padding-left:10px;}

    .page_break:before {margin-right:-10px; margin-left:-10px;}
}

@media print {
    .pop_header {display:none;}
    .pop_content {width:800px; max-width:none; margin:0; padding:0;} /* A4¿¡ Àû´çÇÑ »çÀÌÁî·Î °íÁ¤ */

    .page_break {page-break-before:always; margin:0; padding:0; border:0;}
    .page_break:before {display:none;}

    .noprint {display:none;}
}

/* °øÅë UI */
a.b, a.b:hover {font-weight:normal; color:#369;}
a.q {color:#369;}
a.q:before {margin:0 2px; content:'\201C';}
a.q:after {margin:0 2px; content:'\201D';}
a.q:hover {background:#DEF; text-decoration:none;}
a.u {border-bottom:1px solid #000; text-decoration:none;}
a.u:hover {border-color:#369; text-decoration:none;}
a.pop:after {display:inline-block; width:12px; height:12px; margin:-1px 0 1px 5px; background:url(image/ico_pop.svg) no-repeat; vertical-align:middle; content:'';}

.tip {color:#888;}
.tip:empty {display:none;}
span.tip {margin-left:0.5em;}
p.tip {margin:0.5em 0 0.5em 1em;}
p.tip b {color:#F00;}

.ox_list {margin:0; padding:0; list-style:none;}
.ox_list li {margin:0; padding:0;}

.inline_box {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}

.ox_form {display:block; min-width:0; margin:0; padding:0; border:0;}
.ox_form>legend {position:absolute; overflow:hidden; width:1px; height:1px;}

.btn_a {display:inline-block; overflow:visible; height:1.5em; padding:0 0.5em; border:1px solid #666; border-radius:2px; background:#FFF; box-shadow:0 1px 2px rgba(0,0,0,0.2); box-sizing:content-box; font-size:0.75rem; color:#333; line-height:1.5em; vertical-align:middle; white-space:nowrap; -webkit-appearance:none;}
.btn_a:hover {color:#333; text-decoration:none;}
.btn, .btn_s, .btn_b {display:inline-block; overflow:visible; height:2.125em; padding:0 0.75em; border:0; border-radius:3px; background:#567; font-size:1rem; color:#FFF; line-height:2.125em; vertical-align:middle; white-space:nowrap; -webkit-appearance:none;}
.btn:hover, .btn_s:hover, .btn_b:hover {color:#FFF; text-decoration:none;}
.btn_s {height:2em; font-size:0.8125rem; line-height:2em;}
.btn_b {height:2.5em; padding:0 1em; font-size:1.125rem; line-height:2.5em;}
.btn.del, .btn_s.del, .btn_b.del {background:#E56;}
.btn.xls, .btn_s.xls, .btn_b.xls {background:#3A6;}
.btn.light, .btn_s.light, .btn_b.light {background:#DDD; color:#000;}
.btn.light:hover, .btn_s.light:hover, .btn_b.light:hover {color:#000;}
.btn:disabled, .btn_s:disabled, .btn_b:disabled {opacity:0.5;}
.btn.full, .btn_s.full, .btn_b.full {width:100%; padding:0; text-align:center;}
.btn.blink, .btn_s.blink, .btn_b.blink {animation:blink 1s linear infinite;}
@keyframes blink {
    50% {background:#1BC;}
}
.btn_i {display:inline-block; overflow:hidden; width:1.3572em; height:1.3572em; margin:0; padding:0; border:1px solid #000; border-radius:50%; background:#FFF; box-sizing:border-box; font-weight:600; font-size:0.875rem; color:#000; line-height:1em; text-align:center; vertical-align:middle; -webkit-appearance:none;}
.btn_i:hover {color:#000; text-decoration:none;}
.btn_add, .btn_del, .btn_up, .btn_dwn, .btn_color, .btn_calendar, .btn_print, .btn_download, .btn_more {display:inline-block; overflow:hidden; width:22px; height:22px; margin:0; padding:0; border:0; border-radius:0; background:none; vertical-align:middle; -webkit-appearance:none;}
.btn_add, .btn_del {position:relative; line-height:999px;}
.btn_add:before, .btn_add:after, .btn_del:before {position:absolute; top:0; right:1px; bottom:1px; left:0; width:15px; height:3px; margin:auto; background:#3AC; content:'';}
.btn_add:after {width:3px; height:15px;}
.btn_del:before {background:#E56;}
.btn_up:before, .btn_dwn:before {float:left; width:12px; height:12px; margin:8px 5px; box-shadow:inset 3px 3px 0 #3AC; transform:rotate(45deg); content:'';}
.btn_dwn:before {margin-top:2px; transform:rotate(225deg);}
.btn_color {border:1px solid #555; border-radius:50%; line-height:999px;}
.btn_calendar:before {float:left; width:22px; height:22px; background:url(image/ico_calendar.svg) no-repeat 50% 50%; content:'';}
.btn_print:before {float:left; width:22px; height:22px; background:url(image/ico_print.svg) no-repeat 50% 50%; content:'';}
.btn_download:before {float:left; width:22px; height:22px; background:url(image/ico_download.svg) no-repeat 50% 50%; content:'';}
.btn_more:before {float:left; width:22px; height:22px; margin:-5px 0 5px; font-weight:600; font-size:18px; line-height:6px; text-align:center; white-space:pre; content:'\002E\A\002E\A\002E';}

.btn_inp_reset {display:inline-block; position:relative; overflow:hidden; width:22px; height:22px; margin:0; padding:0; border:0; border-radius:0; background:none; line-height:999px; vertical-align:middle; -webkit-appearance:none;}
.btn_inp_reset:before, .btn_inp_reset:after {position:absolute; top:0; right:0; bottom:0; left:0; width:16px; height:2px; margin:auto; background:#000; transform:rotate(45deg); content:'';}
.btn_inp_reset:after {transform:rotate(135deg);}

.inp_date {display:inline-block; width:8.5em; height:1.5em; border:1px solid #777; margin:0.25em 0; font-size:1rem; vertical-align:middle;}
.inp_date input {float:left; width:7em; height:1.5em; margin:0; padding:0; border:0; border-radius:0; background:#FFF; line-height:1.5em; text-align:center;}
.inp_date input::-ms-clear {display:none;}
.inp_date button {float:left; overflow:hidden; width:1.5em; height:1.5em; margin:0; padding:0; border:0; border-radius:0; background:#FFF url(image/ico_calendar.svg) no-repeat 50% 50%; line-height:999px; -webkit-appearance:none;}
.inp_date.time {width:13em;}
.inp_date.time input {width:11.5em;}
.inp_date.disabled {border-color:#CCC;}
.inp_date.disabled input, .inp_date.disabled button {background-color:#F9F9F9;}

.tab_normal {width:100%; margin-bottom:30px; border-bottom:1px solid #CCC;}
.tab_normal:after {display:block; clear:both; content:'';}
.tab_normal>ul {float:right; margin:0 0 -1px; padding:0 1px 0 0; list-style:none;}
.tab_normal>ul>li {float:left; margin:0.2em -1px 0 0; padding:0; border:1px solid #CCC;}
.tab_normal>ul>li a {float:left; height:2.3em; padding:0 1.2em; background:#F6F6F6; color:#555; line-height:2.3em;}
.tab_normal>ul>li a:hover {background:#FFF; color:#27A; text-decoration:none;}
.tab_normal>ul>li.on {margin-top:0; border-bottom:0;}
.tab_normal>ul>li.on a {height:2.5em; margin-bottom:-2px; border-bottom:2px solid #FFF; background:#FFF; color:#27A; line-height:2.5em;}
.tab_normal .lst {float:left; white-space:nowrap;}
.tab_normal .lst select {width:250px;}

.tab_sub {width:100%; margin-bottom:15px;}
.tab_sub:after {display:block; clear:both; content:'';}
.tab_sub ul {float:right; margin:0; padding:0; list-style:none;}
.tab_sub li {float:left; margin:0; padding:0 0 0 12px; line-height:1.6em;}
.tab_sub li:before {float:left; width:1px; height:0.8em; margin:0.4em 12px 0 0; background:#27A; content:'';}
.tab_sub li:first-child {padding:0;}
.tab_sub li:first-child:before {display:none;}
.tab_sub a, .tab_sub a:hover {color:#27A;}
.tab_sub .on {font-weight:600;}
.tab_sub h4 {float:left; margin:0;}
.tab_sub h4+ul {margin:0.3125em 0;}

.ox_select {display:inline-block; position:relative; width:150px; font-size:1rem; text-align:left; vertical-align:middle; white-space:nowrap;}
.ox_select b {display:block; overflow:hidden; height:1.5em; padding:0 5px; border:1px solid #777; background:#FFF; line-height:1.5em; font-weight:normal; text-overflow:ellipsis; cursor:default;}
.ox_select b:before {float:right; font-size:12px; color:#333; content:'\25BC';}
.ox_select ul {position:absolute; top:0; left:0; width:100%; margin:0; padding:0; border:1px solid #000; border-right:0; border-left:0; background:#FFF; list-style:none; z-index:900;}
.ox_select li {margin:0; padding:0; border:1px solid #000; border-top:0; border-bottom:0;}
.ox_select li a {display:block; overflow:hidden; height:1.5em; padding:0 5px; line-height:1.5em; text-overflow:ellipsis;}
.ox_select li a:hover {background:#DDD; color:#000; text-decoration:none;}
.ox_select .on a {background:#29D; color:#FFF;}
.ox_select .on a:hover {background:#5BE; color:#FFF;}
.ox_select .fold {overflow:hidden; width:1px; height:1px; border:0; background:none;}
.ox_select .fold li {border:0;}
.ox_select.artpp {width:90px;}

.ox_tbl_list, .ox_tbl_list>*>tr>*,
.ox_tbl_view, .ox_tbl_view>*>tr>*,
.ox_tbl_form, .ox_tbl_form th, .ox_tbl_form td {border:1px solid #DDD; border-left-width:0; border-right-width:0;}

.ox_tbl_list {width:100%; border-top:3px solid #888;}
.ox_tbl_list>caption {display:none;}
.ox_tbl_list>*>tr>* {padding:0.625em 0; text-align:center;}
.ox_tbl_list>*>tr>th {background:#F6F6F6; font-weight:normal;}
.ox_tbl_list>*>tr:hover>td {background-color:#EEE;}
.ox_tbl_list td.tit {padding-left:0.5em; text-align:left;}
.ox_tbl_list td.view {padding:0; border:0;}
.ox_tbl_list td.view .note {position:relative; margin:-1px 0; padding:3% 4%; border:3px solid #888; background:#FFF; text-align:justify;}

.ox_tbl_view {width:100%; table-layout:fixed;}
.ox_tbl_view>caption {display:none;}
.ox_tbl_view>*>tr>* {padding:0.5em 0.75em;}
.ox_tbl_view>*>tr>th {padding-right:1.25em; background:#F6F6F6; font-weight:normal; text-align:right;}
.ox_tbl_view .req {font-weight:normal; color:#F00;}
.ox_tbl_view .req:empty {display:none;}
.ox_tbl_view .detail {margin:0.5em 0 0.5em 1em;}
.ox_tbl_view select,
.ox_tbl_view input,
.ox_tbl_view textarea {max-width:100%;}
.ox_tbl_view+.ox_tbl_view {margin-top:30px;}

.ox_tbl_form {width:100%;}
.ox_tbl_form caption {display:none;}
.ox_tbl_form th, .ox_tbl_form td {padding:0.5em 0; text-align:center;}
.ox_tbl_form th {background:#F6F6F6; font-weight:normal;}
.ox_tbl_form tr.on td {background-color:#DEF;}

.ox_tbl_grid {width:100%; border:1px solid #DDD;}
.ox_tbl_grid caption {display:none;}
.ox_tbl_grid th, .ox_tbl_grid td {padding:0.5em; border:1px solid #DDD;}
.ox_tbl_grid th {background:#F6F6F6; font-weight:normal; text-align:center;}

.ox_tbl_xls {width:100%; border:1px solid #888; border-top-width:3px; border-left-width:3px;}
.ox_tbl_xls caption {display:none;}
.ox_tbl_xls th, .ox_tbl_xls td {padding:1px 3px; border:1px solid #BBB;}
.ox_tbl_xls th {background:#F3F3F3; font-weight:normal; text-align:center;}
.ox_tbl_xls th:first-child {width:50px;}
.ox_tbl_xls thead th:first-child:after {display:block; width:40px; height:1px; content:'';}
.ox_tbl_xls th.on {background:#DFDFDF; color:#163;}
.ox_tbl_xls td.on {position:relative; padding:0 2px; border:2px solid #274;}
.ox_tbl_xls td.on:after {position:absolute; right:-4px; bottom:-4px; width:5px; height:5px; border:1px solid #FFF; background:#274; content:'';}

table.fixed {table-layout:fixed;}
table.full {width:100%;}

.nav_normal {margin:30px 0; line-height:2em; text-align:center;}
.nav_normal a, .nav_normal b {display:inline-block; height:2em; padding:0 0.5em; vertical-align:top; white-space:nowrap;}
.nav_normal b {min-width:1em; margin:0 4px; border-radius:1em; background:#36A; color:#FFF;}
.nav_normal .on {padding:0;}
.nav_normal .on:hover {text-decoration:none;}
.nav_normal .go_first, .nav_normal .go_prev, .nav_normal .go_next, .nav_normal .go_last {position:relative; overflow:hidden; width:2em; padding:0; border-radius:1em; line-height:9em;}
.nav_normal .go_first:hover, .nav_normal .go_prev:hover, .nav_normal .go_next:hover, .nav_normal .go_last:hover {background:#EEE; text-decoration:none;}
.nav_normal .go_first:before, .nav_normal .go_first:after, .nav_normal .go_prev:before, .nav_normal .go_next:before, .nav_normal .go_last:before, .nav_normal .go_last:after {position:absolute; top:0.7em; left:0.8em; width:0.6em; height:0.6em; box-shadow:inset 1px 1px 0 #555; transform:rotate(-45deg); content:'';}
.nav_normal .go_first:before {left:1em;}
.nav_normal .go_first:after, .nav_normal .go_next:before {left:0.6em;}
.nav_normal .go_last:before {left:0.4em;}
.nav_normal .go_next:before, .nav_normal .go_last:before, .nav_normal .go_last:after {transform:rotate(135deg);}
.nav_normal:empty {display:none;}

.srch_normal {margin-top:50px; padding:1.25em 0; border-radius:3px; background:#F3F3F3; text-align:center;}
.srch_normal .kwd {width:30%; min-width:120px; max-width:300px;}

.ox_confirm {position:absolute; overflow:hidden; width:500px; border:2px solid #58C; border-top:0; background:#FFF; box-sizing:border-box; box-shadow:0 0 9px rgba(0,0,0,0.3); text-align:left;}
.ox_confirm .h {display:block; height:3em; padding:0 3em 0 15px; background:#58C; color:#FFF; line-height:3em; cursor:move;}
.ox_confirm .close {position:absolute; top:0; right:0; overflow:hidden; width:3em; height:3em; line-height:3em; color:#FFF;}
.ox_confirm .close:before {float:left; width:2em; height:2em; font-size:1.5em; color:#FFF; line-height:2em; text-align:center; content:'\2715';}
.ox_confirm .close:hover {color:#FFF; text-decoration:none;}
.ox_confirm .note {margin:15px 0; padding:0 15px; background:#FFF;}
.ox_confirm .note:after {display:block; clear:both; content:'';}
.ox_confirm div.tit {margin:15px 0 4px;}
.ox_confirm div.tit:first-child {margin-top:4px;}
.ox_confirm div.tit:after {display:block; clear:both; content:'';}
.ox_confirm div.tit b {float:left; white-space:nowrap;}
.ox_confirm div.tit b+.btn_s {float:right;}
.ox_confirm b.tit {display:block;}
.ox_confirm p {margin:15px 0;}
.ox_confirm hr {display:block; margin:15px 0; border:0; border-top:1px solid #DDD;}
.ox_confirm .btns {margin:15px 0; text-align:center;}
.ox_confirm .note+.btns {margin:0; padding:12px 0; background:#F6F6F6;}
.ox_confirm .btns .btn {margin:0 2px;}
.ox_confirm .tbl_list_wrap {min-height:420px;}
.ox_confirm .ox_tbl_list>*>tr>* {padding-top:6px; padding-bottom:6px;}
.ox_confirm .srch_normal {margin:0; padding:0; background:none;}
.ox_confirm .ox_notice, .ox_confirm .ox_warning {margin:15px 0;}

.ox_rmenu {position:absolute; width:10em; border:1px solid #888; background:#FFF; box-shadow:0 0 9px rgba(0,0,0,0.3); text-align:left;}
.ox_rmenu .h {display:block; overflow:hidden; padding:4px 0.5em; border-bottom:1px solid #CCC; font-weight:600; text-align:center; text-overflow:ellipsis;}
.ox_rmenu ul {margin:0; padding:0; list-style:none;}
.ox_rmenu li {width:100%; margin:0; padding:0; border-top:1px solid #CCC; vertical-align:top;}
.ox_rmenu li:first-child {border:0;}
.ox_rmenu li a, .ox_rmenu .disabled {display:block; padding:4px 0.5em;}
.ox_rmenu li a:hover {background:#EEE; color:#000; text-decoration:none;}
.ox_rmenu .disabled {padding-left:1em; color:#888;}

.ox_notice, .ox_warning {margin:30px 0; padding:0.75em 1.2em; border-left:5px solid #FC5; background:#FFF3CC;}
.ox_warning {border-color:#E55; background:#FDD;}
.ox_warning2 {padding:30px 0; font-size:1.25em; text-align:center;}
.ox_warning2:before {display:block; margin-bottom:15px; font-size:4.25em; color:#FA3; line-height:1; content:'\26A0';}
.ox_warning2 p {margin-top:20px; font-size:0.8em;}
.ox_tip {position:absolute; max-width:500px; padding:0.5em 1em; border:1px solid #888; border-radius:5px; background:#FFF; box-sizing:border-box; box-shadow:0 0 9px rgba(0,0,0,0.3); text-align:left;}
.ox_help {position:absolute; max-width:500px; padding:1em 1.2em; border:3px solid #666; background:#FFF; text-align:left;}

.ox_loading {overflow:hidden; width:40px; height:40px; border:6px solid #DDD; border-top-color:#555; border-radius:50%; text-indent:-999px; animation:spin 1s linear infinite; z-index:9999;}
@keyframes spin {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

h4 {margin:30px 0 10px; padding:0.15em 0; font-size:1.25em;}
h5 {margin:30px 0 10px; padding:0.25em 0; font-size:1.125em;}
h5:before {content:'\002D\0020';}
.ox_head, .ox_foot {width:100%; margin:10px 0;}
.ox_head:after, .ox_foot:after {display:block; clear:both; content:'';}
.ox_head {margin-top:30px;}
.ox_head h4, .ox_head h5 {float:left; margin:0;}
.ox_head h4+.btn_s, .ox_head h5+.btn_s {float:right; margin:0.3846em 0;}
.ox_head h4+.btn {float:right; margin:0.0625em 0;}
.ox_head h4+.btn_print {float:right; width:1.5em; height:1.5em; margin:0.375em 0;}
.ox_head h4+.btn_print:before {width:1.5em; height:1.5em;}
.ox_head .cate {float:left; white-space:nowrap;}
.ox_head .lst, .ox_head .tot, .ox_head>.btns, .ox_foot>.btns {float:right; white-space:nowrap;}
.ox_head .lst select {width:250px;}
.ox_foot {text-align:center;}
.ox_btns {margin:30px 0; text-align:center;}
.ox_btns .btn_b {margin:0 2px;}
.ox_btns:empty {display:none;}

h4:first-child,
h5:first-child,
.ox_head:first-child,
h4+h5,
h4+.ox_notice,
h5+.ox_notice,
h4+.ox_warning,
h5+.ox_warning,
legend+h4,
legend+h5,
legend+.ox_head,
h4+.ox_head,
h5+.ox_head {margin-top:0;}

.nobr {white-space:nowrap;}
.br {margin-top:8px;}
.break {margin-top:30px;}
.ubreak {margin-bottom:30px;}
.blind {position:absolute; top:-1px; left:-1px; overflow:hidden; width:1px; height:1px;}
.hidden {display:none!important;}
.b {font-weight:600;}
.i {font-style:italic;}
.u {border-bottom:1px solid #000;}
.p_l {text-align:left!important;}
.p_r {text-align:right!important;}
.p_c {text-align:center!important;}
.v_t {vertical-align:top;}
.v_m {vertical-align:middle;}
.v_b {vertical-align:bottom;}
.f_l {float:left!important;}
.f_r {float:right!important;}
.clr {clear:both;}
.clr_self:after {display:block; clear:both; content:'';}
.ctr {margin-right:auto; margin-left:auto;}