body{position:relative;min-width:320px;font-family:'NotoSans',sans-serif;color:#3e3e3e;font-size:14px;font-weight:normal;background-color:#f0f0f0;-ms-user-select:none !important}
button,
select{font-family:'NotoSans',sans-serif;font-weight:300}
button,
textarea,
input,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="reset"],
input[type="submit"]{font-family:'NotoSans',sans-serif;font-weight:300;font-size:inherit;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none}
input::placeholder{color:inherit;font-size:inherit;font-weight:inherit}
input::-webkit-input-placeholder{color:inherit;font-size:inherit;font-weight:inherit}
input:-ms-input-placeholder{color:inherit;font-size:inherit;font-weight:inherit}
input:-moz-placeholder{color:inherit;font-size:inherit;font-weight:inherit}
textarea::placeholder{color:inherit;font-size:inherit;font-weight:inherit}
textarea::-webkit-input-placeholder{color:inherit;font-size:inherit;font-weight:inherit}
textarea:-ms-input-placeholder{color:inherit;font-size:inherit;font-weight:inherit}
textarea:-moz-placeholder{color:inherit;font-size:inherit;font-weight:inherit}

.en{font-family:'Inter',sans-serif;font-weight:300}
.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1500}
.drag{-webkit-user-select:text;-ms-user-select:text !important;-moz-user-select:text;user-select:text}
.placeholder{color:#8b8c8e;font-size:12px}
.slt_bx{width:100px;height:32px;margin-right:8px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box;color:#9fa0a1}
input.txt_bx{width:300px;height:32px;margin-right:8px;padding-left:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
textarea.txt_bx{display:block;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box;resize:none}

.help_txt{display:none}
.help_txt.on{display:block}

.t_dot{position:relative}
.t_dot:before{position:absolute;bottom:4px;right:-8px;width:5px;height:5px;background-color:#0050ff;border-radius:50%;content:""}

.fc_tit{color:#002d6b;font-size:20px;font-weight:700}
.fc_mid{color:#555;font-size:16px;font-weight:500}

.bx_arr{position:relative}
.bx_arr:before{position:absolute;top:14px;left:-30px;width:32px;height:44px;background:url('../img/i_page_arr.png') center no-repeat;background-size:32px 44px;content:""}

/*info box*/
.i_help{display:inline-block;position:relative;top:1px;width:12px;height:12px;margin-left:5px;background:url(../img/i_guide.png) center no-repeat;background-size:12px 12px;cursor:pointer}
.i_help .help_txt{display:none;position:absolute;bottom:20px;left:50%;min-width:250px;padding:10px;background-color:#7b8490;color:#fff;font-size:12px;font-weight:300;text-align:center;word-break:keep-all;border-radius:3px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);z-index:50}
.i_help:hover .help_txt{display:block}

/*check box*/
.check_bx{position:relative;background-color:#fff}
.check_bx>input{display:none}
.check_bx>input.check+label{display:inline-block;width:16px;height:16px;margin-top:3px;background:url(../img/btn_check.png) center no-repeat;background-size:16px 16px;cursor:pointer}
.check_bx>input.check:checked+label{width:16px;height:16px;margin-top:3px;background:url(../img/btn_check_active.png) center no-repeat;background-size:16px 16px;cursor:pointer}
.check_bx>input.check+label>span{position:absolute;top:0;left:26px}
.check_bx input.radio+label{display:inline-block;width:13px;height:13px;background:url(../img/btn_radio.png) center no-repeat;background-size:13px 13px;cursor:pointer}
.check_bx input.radio:checked+label{width:13px;height:13px;background:url(../img/btn_radio_active.png) center no-repeat;background-size:13px 13px;cursor:pointer}
.check_bx input.radio+label>span{position:absolute;top:0;left:26px}
.check_bx>label>span{color:#9d9d9d}

/*option selected box*/
.option_bx{position:relative}
.option_bx .slt_opt{display:block;position:relative;width:74px;height:32px;text-align:left;line-height:32px;text-decoration:underline}
.option_bx .slt_opt:before{position:absolute;top:50%;right:0;width:15px;height:15px;background:url(../img/arr_down_02.png) center no-repeat;background-size:15px 15px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.option_bx .chk_opt{display:none;position:absolute;top:32px;left:0;width:250px;padding:10px;background-color:#fff;border-radius:3px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);z-index:10}
.option_bx .chk_opt:after{display:block;clear:both;content:""}
.option_bx .chk_opt>ul{overflow-y:auto;float:left;width:100%;max-height:150px;margin-bottom:10px;padding-bottom:10px;font-weight:300;border-bottom:1px solid #e6e6e6;box-sizing:border-box}
.option_bx .chk_opt>ul>li+li{margin-top:10px}
.option_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.option_bx .chk_opt>button{float:right;text-decoration:none}

/*table option box*/
.table .head>table>thead>tr .opt{float:unset;position:relative;margin-right:0}
.table .head>table>thead>tr .opt>i{position:relative;cursor:pointer}
.table .head>table>thead>tr .opt>i:before{position:absolute;top:3px;right:-15px;width:15px;height:15px;background:url('../img/arr_down_02.png') center no-repeat;background-size:15px 15px;content:""}
.table .head>table>thead>tr .opt .chk_opt{top:40px;left:50%;text-align:left;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.table .head>table>thead>tr .opt .chk_opt .tree_bx{overflow:auto;height:200px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e6e6e6;box-sizing:border-box}

/*button*/
[class^='btn_']{height:32px;min-width:50px;padding:0 10px;border-radius:6px;box-sizing:border-box}
[class^='btn_']+[class^='btn_']{margin-left:10px}
a[class^='btn_']{display:inline-block;text-align:center;line-height:30px}
[class^='btn_under_']{height:auto;min-width:unset;padding:0}
[class^='btn_i_']{min-width:unset;padding:0}
.btn_border_01{color:#0050ff;border:1px solid #0050ff}
.btn_border_02{color:#003a79;border:1px solid #003a79}
.btn_border_03{color:#ff4368;border:1px solid #ff4368}
.btn_border_04{color:#7c7c7c;border:1px solid #7c7c7c}
.btn_border_05{color:#3e3e3e;border:1px solid #3e3e3e}
.btn_full_01{background-color:#0050ff;color:#fff}
.btn_full_02{background-color:#003a79;color:#fff}
.btn_full_03{background-color:#ff4368;color:#fff}
.btn_full_04{background-color:#7c7c7c;color:#fff}
.btn_full_05{background-color:#3e3e3e;color:#fff}
.btn_under_01{color:#0050ff;text-decoration:underline}
.btn_under_02{color:#003a79;text-decoration:underline}
.btn_under_03{color:#ff4368;text-decoration:underline}
.btn_under_04{color:#7c7c7c;text-decoration:underline}
.btn_under_05{color:#3e3e3e;text-decoration:underline}
.btn_i_search{width:32px;height:32px;background:url(../img/i_search.png) center no-repeat;background-size:19px 18px;content:""}
.btn_i_file{width:32px;height:32px;background:url(../img/i_upload2.png) center no-repeat;background-size:32px 32px;content:""}
.btn_i_close{width:24px;height:24px;background:url(../img/i_close.png) center no-repeat;background-size:20px 18px;content:""}
.btn_i_del{width:24px;height:24px;background:url(../img/i_del.png) center no-repeat;background-size:17px 15px;content:""}
.btn_i_prev{width:11px;height:11px;background:url('../img/arr_prev_03.png') center no-repeat;background-size:7px 11px}
.btn_i_next{width:11px;height:11px;background:url('../img/arr_next_03.png') center no-repeat;background-size:7px 11px}
.btn_i_back{width:20px;height:20px;background:url(../img/arr_prev_active_02.png) center no-repeat;background-size:11px 11px;content:""}
.btn_i_up{width:20px;height:20px;background:url(../img/arr_up_01.png) center no-repeat;background-size:14px 10px;content:""}
.btn_i_down{width:20px;height:20px;background:url(../img/arr_down_01.png) center no-repeat;background-size:14px 10px;content:""}

/*datepicker*/
.datepicker_bx{font-size:14px}
.datepicker_bx:after{display:block;clear:both;content:""}
.datepicker_bx .txt{float:left;margin:0 10px;line-height:32px}
.datepicker_bx .today{float:left;margin-right:8px}
.datepicker{float:left;position:relative;width:100px;height:32px}
.datepicker:after{display:block;clear:both;content:""}
.datepicker .i_picker{position:absolute;top:50%;right:5px;width:15px;height:15px;background:url(../img/i_calandar.png) center no-repeat;background-size:15px 15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.datepicker .picker{width:100%;height:100%;padding:0 5px;background-color:transparent;color:#003a79;text-align:left;border:1px solid #003a79;border-radius:3px;box-sizing:border-box}
.datepicker .tui-datepicker{left:0;z-index:1}
.datepicker .tui-datepicker .tui-is-selectable.tui-is-selected,
.datepicker .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected{background-color:#3171ff;border-radius:6px}
.datepicker .tui-datepicker .tui-is-selectable:hover{border-radius:6px}
.datepicker .tui-calendar-header-info{display:none}
.datepicker .tui-calendar .tui-calendar-header-inner{padding:0}
.datepicker .tui-calendar .tui-calendar-title{line-height:50px;vertical-align:middle}

/*search box*/
.search_bx:after{display:block;clear:both;content:""}
.search_bx .slt_bx{float:left}
.search_bx .txt_bx{float:left}
.search_bx [class^="btn_"]{float:left}

/*table*/
.table>div>table{width:100%;text-align:center;table-layout:fixed}
.table>div>table>thead>tr,
.table>div>table>tbody>tr{height:50px}
.table .head{border-bottom:1px solid #7c7c7c;box-sizing:border-box}
.table .head.empty{padding-right:17px}
.table .head>table>thead>tr>th{font-weight:500}
.table .body{overflow-y:auto;height:300px;background-color:#fff}
.table .body>table>tbody{font-weight:300}
.table .body>table>tbody>tr{border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.table .body>table>tbody>tr>td>[class^='btn_']{min-width:unset;height:auto;padding:0}
.table .body>table>tbody>tr>td>[class^='btn_i_']{min-width:unset;width:24px;height:24px;padding:0}
.table>div>table>thead>tr>th.hide,
.table>div>table>tbody>tr>td.hide{display:none}
.table.wide{overflow-x:auto}
.table.wide .head,
.table.wide .body{width:2000px}

/*pagination*/
.pagination{position:relative;width:100%;height:24px;padding-top:15px;background-color:#fff;text-align:center;border-top:1px solid #7c7c7c}
.pagination>.wrap{display:inline-block}
.pagination>.wrap:after{display:block;clear:both;content:""}
.pagination>.wrap>button{display:block;float:left}
.pagination>.wrap .p_prev,
.pagination>.wrap .p_next,
.pagination>.wrap .p_prev.active,
.pagination>.wrap .p_next.active{width:24px;height:24px;background-size:8px 10px;background-repeat:no-repeat;background-position:center}
.pagination>.wrap .a_prev,
.pagination>.wrap .a_next,
.pagination>.wrap .a_prev.active,
.pagination>.wrap .a_next.active{width:24px;height:24px;background-size:4px 8px;background-repeat:no-repeat;background-position:center}
.pagination>.wrap .p_prev{background-image:url(../img/arr_prev_02.png)}
.pagination>.wrap .p_prev.active{background-image:url(../img/arr_prev_active_02.png)}
.pagination>.wrap .p_next{background-image:url(../img/arr_next_02.png)}
.pagination>.wrap .p_next.active{background-image:url(../img/arr_next_active_02.png)}
.pagination>.wrap .a_prev{background-image:url(../img/arr_prev_01.png)}
.pagination>.wrap .a_prev.active{background-image:url(../img/arr_prev_active_01.png)}
.pagination>.wrap .a_next{background-image:url(../img/arr_next_01.png)}
.pagination>.wrap .a_next.active{background-image:url(../img/arr_next_active_01.png)}
.pagination>.wrap .paging{float:left;font-size:14px;text-align:center}
.pagination>.wrap .paging:after{display:block;clear:both;content:""}
.pagination>.wrap .paging .page{float:left;width:24px;height:24px;line-height:24px;cursor:pointer}
.pagination>.wrap .paging .page.click{background-color:#d4f0ff;color:#07235e;border-radius:50%}
.pagination>.slt_bx{position:absolute;top:15px;right:0;width:auto;height:auto;margin-right:0;border:none}
.pagination>.slt_bx>select{width:100px;height:24px;color:#c8c6c6;font-weight:300;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}

/*tree*/
.tree_bx .jstree-anchor{padding:0 8px 0 2px}
.tree_bx .jstree-default .jstree-anchor{font-size:14px}
.tree_bx .jstree-default>.jstree-container-ul>.jstree-node{padding-left:0}
.tree_bx .jstree-default .jstree-node{margin-left:0;padding-left:24px}
.tree_bx .jstree-default .jstree-wholerow{border-bottom:none}
.tree_bx .jstree-default .jstree-wholerow-hovered{background:transparent;font-weight:700}
.tree_bx .jstree-default .jstree-wholerow-clicked{background:transparent;box-shadow:none}
.tree_bx .jstree-default>.jstree-wholerow-ul .jstree-clicked{font-weight:700}
.tree_bx .jstree-default .jstree-node,
.tree_bx .jstree-default .jstree-icon{background-image:unset}
.tree_bx .jstree-default .jstree-icon:empty{width:10px;height:10px;margin:7px 5px 0 0;line-height:16px}
.tree_bx .jstree-default .jstree-open>.jstree-ocl{background-position:0px 0px}
.tree_bx .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-image:url(../img/i_tree_open.png);background-size:10px 10px;background-position:0px 0px}
.tree_bx .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-image:url(../img/i_tree_close.png);background-size:10px 10px;background-position:0px 0px}
.tree_bx .jstree-default>.jstree-no-dots .jstree-anchor .jstree-themeicon{margin-top:9px;background:url(../img/i_tree_part.png) center no-repeat;background-size:7px 7px;background-position:0px 0px}
.tree_bx .jstree-default .jstree-icon.jstree-checkbox,
.tree_bx .jstree-default .jstree-icon.jstree-undetermined{width:16px;height:16px;margin-top:4px;background:url(../img/btn_check.png) center no-repeat;background-size:16px 16px}
.tree_bx .jstree-default .jstree-clicked>.jstree-checkbox,
.tree_bx .jstree-default .jstree-checked>.jstree-checkbox{width:16px;height:16px;margin-top:3px;background:url(../img/btn_check_active.png) center no-repeat;background-size:16px 16px}
.tree_bx .jstree-default>.jstree-no-dots [id^='user_'] .jstree-themeicon{margin-top:8px;background:url(../img/i_tree_user.png) center no-repeat;background-size:10px 10px;background-position:0px 0px}

/*text editor*/
.editor_bx .note-editor.note-airframe,
.editor_bx .note-editor.note-frame{background-color:#fff}
.editor_bx .note-editor .note-toolbar,
.editor_bx .note-popover .popover-contentnote-editor.note-frame{background-color:#fff}

/*popup box*/
.popup{display:none;position:fixed;top:50%;left:50%;width:500px;background-color:#fff;border-radius:3px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2000}
.popup>.pop_wrap{padding:20px}