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

/* 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; -webkit-font-smoothing:antialiased;}
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;}
fieldset {display:block; margin:0; padding:0; border:0;}
legend {position:absolute; overflow:hidden; width:1px; height:1px;}
input, textarea, button, select {box-sizing:border-box; margin:4px 0; vertical-align:middle;}
input[type="radio"], input[type="checkbox"] {margin-left:4px; margin-right:4px; padding:0;}
input[type="image"] {border-radius:0;}
input[type="image"], input[type="button"], input[type="submit"], input[type="reset"], button {margin:0; cursor:pointer;}
textarea {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 {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;}

/* °øÅë 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;}

.tip {color:#888;}
.tip:empty {display:none;}
span.tip {margin-left:8px;}
p.tip {margin:8px 0 8px 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;}

.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 {font-size:0.75rem;}
.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_i {display:inline-block; overflow:hidden; width:18px; height:18px; margin:2px; padding:0; border:1px solid #333; border-radius:50%; background:#FFF; box-sizing:border-box; font-weight:600; font-size:13px; color:#333; line-height:16px; vertical-align:middle; -webkit-appearance:none;}
.btn_i:hover {color:#333; text-decoration:none;}
.btn_add, .btn_del, .btn_up, .btn_dwn, .btn_color, .btn_calendar, .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, .btn_del:after {position:absolute; top:9px; left:4px; width:13px; height:3px; background:#3AC; content:'';}
.btn_del:before, .btn_del:after {background:#E56; transform:rotate(45deg);}
.btn_add:after, .btn_del:after {top:4px; left:9px; width:3px; height:13px;}
.btn_up:before, .btn_dwn:before {float:left; width:0; height:0; margin:6px 4px; border:7px solid transparent; content:'';}
.btn_up:before {border-top:0; border-bottom:10px solid #3AC;}
.btn_dwn:before {border-bottom:0; border-top:10px solid #3AC;}
.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.gif) 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';}

.inp_date {display:inline-block; width:8.5rem; height:1.5rem; border:1px solid #777; margin:4px 0; 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.gif) no-repeat 50% 50%; line-height:999px; -webkit-appearance:none;}
.inp_date.time {width:13rem;}
.inp_date.time input {width:11.5em;}

.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 li {float:left; margin:0.2em -1px 0 0; padding:0; border:1px solid #CCC;}
.tab_normal a {float:left; height:2.3em; padding:0 1.2em; background:#F6F6F6; color:#555; line-height:2.3em;}
.tab_normal a:hover {background:#FFF; color:#27A; text-decoration:none;}
.tab_normal .on {margin-top:0; border-bottom:0;}
.tab_normal .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:5px 0;}

.tbl_normal, .tbl_normal table, .tbl_normal th, .tbl_normal td {border:1px solid #DDD;}
.tbl_normal caption {display:none;}
.tbl_normal th {padding:8px; background:#F6F6F6; font-weight:normal; text-align:center;}
.tbl_normal td {padding:8px 12px;}
.tbl_normal .req {font-weight:normal; color:#F00;}
.tbl_normal .req:empty {display:none;}
.tbl_normal .detail {margin:8px 0 8px 1em;}
.tbl_normal+.tbl_normal {margin-top:30px;}

.tbl_list, .tbl_list th, .tbl_list td {border:1px solid #DDD; border-right:0; border-left:0;}
.tbl_list caption {display:none;}
.tbl_list th, .tbl_list td {padding:8px 0; text-align:center;}
.tbl_list th {padding:16px 0; background:#F6F6F6; font-weight:normal; line-height:1.4;}
.tbl_list tr.on td {background:#DEF;}
.tbl_list tr:hover td {background:#FFB;}
.tbl_list .tit, .tbl_list .note {padding-left:8px; text-align:left;}
.tbl_list a.fail, .tbl_list a.fail:hover {color:#F00;}

.tbl_menu, .tbl_menu th, .tbl_menu td {border:1px solid #DDD; border-right-width:0; border-left-width:0;}
.tbl_menu {table-layout:fixed;}
.tbl_menu caption {display:none;}
.tbl_menu th, .tbl_menu td {padding:0; text-align:center;}
.tbl_menu th {padding:12px 0; background:#F6F6F6; font-weight:normal; line-height:1.4;}
.tbl_menu tr:hover td {background:#FFB;}
.tbl_menu .disabled td {color:#999; font-style:italic;}
.tbl_menu .tit {text-align:left;}
.tbl_menu.structure, .tbl_menu.structure th, .tbl_menu.structure td {border-width:1px;}
.tbl_menu.structure .tit {padding-left:0.5em;}
.tbl_menu.structure .dep2 {padding-left:1em;}
.tbl_menu.structure .dep3 {padding-left:1.5em;}
.tbl_menu.structure .dep4 {padding-left:2em;}
.tbl_menu.structure .dep5 {padding-left:2.5em;}
.tbl_menu.structure .clickable {border-bottom-color:#CCC; background:#EFF; cursor:pointer;}
.tbl_menu.structure .clickable:hover {background:#FE9;}
.tbl_menu .chart {margin-right:70px; text-align:left;}
.tbl_menu .chart .bar {position:relative; height:14px; background:#0CE;}
.tbl_menu .chart .max {background:#F77;}
.tbl_menu .chart b {position:absolute; top:-3px; left:100%; padding-left:5px; font-weight:normal; line-height:20px;}

table.fixed {table-layout:fixed;}
table.full {width:100%;}
table div.nobr {overflow:hidden; width:100%; text-overflow:ellipsis;}

.nav_normal {margin:30px 0; text-align:center;}
.nav_normal a, .nav_normal b {display:inline-block; height:2em; padding:0 0.5em; line-height:2em; vertical-align:middle; 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 {overflow:hidden; width:2em; padding:0; color:#333;}
.nav_normal .go_first:hover, .nav_normal .go_prev:hover, .nav_normal .go_next:hover, .nav_normal .go_last:hover {border-radius:1em; background:#EEE; color:#333; text-decoration:none;}
.nav_normal .go_first:before, .nav_normal .go_prev:before, .nav_normal .go_next:before, .nav_normal .go_last:before {float:left; width:2em; height:2em; text-align:center;}
.nav_normal .go_first:before {content:'\3008\3008';}
.nav_normal .go_prev:before {content:'\3008';}
.nav_normal .go_next:before {content:'\3009';}
.nav_normal .go_last:before {content:'\3009\3009';}
.nav_normal:empty {display:none;}

.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); font-size:1rem; text-align:left;}
.ox_confirm .h {display:block; height:3em; padding:0 3em 0 1em; 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:1em 0; padding:0 1em; background:#FFF;}
.ox_confirm .note:after {display:block; clear:both; content:'';}
.ox_confirm .tit {margin:4px 0;}
.ox_confirm .tit:after {display:block; clear:both; content:'';}
.ox_confirm .tit b {float:left; font-size:1.125em; white-space:nowrap;}
.ox_confirm .tit b+.btn_s {float:right;}
.ox_confirm b.tit {display:block; font-size:1.125em;}
.ox_confirm p {margin:1em 0;}
.ox_confirm hr {display:block; margin:1em 0; border:0; border-top:1px solid #DDD;}
.ox_confirm .btns {padding:0.7em 0; background:#F6F6F6; text-align:center;}
.ox_confirm .btns .btn {margin:0 2px;}

.ox_rmenu {position:absolute; width:10em; border:1px solid #888; background:#FFF; box-shadow:0 0 9px rgba(0,0,0,0.3); font-size:1rem; 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:12px 1.2em; border-left:5px solid #FC5; background:#FFF3CC;}
.ox_warning {border-color:#E55; background:#FDD;}
.ox_tip {position:absolute; max-width:500px; padding:8px 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:16px 1.2em; border:3px solid #666; background:#FFF; text-align:justify;}

.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; font-size:1.25em;}
h5 {margin:30px 0 10px; 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 {float:left; margin:0;}
.ox_head h4+.btn_s {float:right; margin:5px 0;}
.ox_head h4+.btn {float:right; margin:1px 0;}
.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,
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; 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;}

/* ¹è³Ê°ü¸® */
.banner_info {padding:5px; font-size:0.75em; text-align:left; word-break:break-all;}
.banner_info_more {height:14px; margin-top:-14px;}
.banner_info_more button {float:right; overflow:hidden; width:14px; height:14px; margin:0; padding:0; border:0; background:none;}
.banner_info_more button:before {float:left; width:14px; height:14px; font-size:10px; color:#333; line-height:14px; text-align:center; content:'\25BC';}
.banner_info_more .close:before {content:'\25B2';}

/* Àι°¼Ò°³ */
.person_preview {padding:4px 0;}
.person_preview img {width:auto; max-width:150px; height:auto; max-height:150px;}
.person_preview .noimg {color:#888; line-height:150px; text-align:center;}

/* Æû¸ÞÀÏ */
.fmail_setting {margin:0; padding:0 0 0 20px; text-align:left;}
.fmail_setting dt {float:left; width:4em; margin:0 -4em 0 0; padding:0;}
.fmail_setting dd {margin:0 0 0 4em; padding:0;}
.fmail_setting .tip {font-size:0.75em;}