body{position:relative;min-width:320px;background-color:#F5F5F7;color:#3d3d3d;font-size:14px;font-weight:300;font-family:'NotoSans',sans-serif;letter-spacing:-0.5px;-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}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}

.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 !important;-ms-user-select:text !important;-moz-user-select:text;user-select:text}
.slt_bx{height:22px;max-width:130px;color:#9fa0a1;font-size:14px;border: none;box-sizing:border-box;background: #F5F5F7;border-radius: 4px; margin: 0 10px;}
input.txt_bx{width:300px;height:22px;margin-right:5px;padding-left:5px;border:1px solid #ededed;box-sizing:border-box}
textarea.txt_bx{display:block;padding:5px;border:1px solid #ededed;box-sizing:border-box;resize:none}

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

.elps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/*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;top:20px;left:50%;min-width:200px;padding:10px;background-color:#7b8490;color:#fff;font-weight:300;text-align:left;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}
.check_bx>input{display:none}
.check_bx>input.check+label{display:inline-block;width:10px;height:10px;margin-top:3px;background:url(../img/btn_check.png) center no-repeat;background-size:10px 10px;cursor:pointer}
.check_bx>input.check:checked+label{width:10px;height:10px;margin-top:3px;background:url(../img/btn_check_active.png) center no-repeat;background-size:10px 10px;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:260px;padding:10px;z-index:10;border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); background: #F5F5F7;}
.option_bx .chk_opt:after{display:block;clear:both;content:""}
.option_bx .chk_opt>ul{overflow-y:auto;float:left;width:100%;margin-bottom:10px;padding-bottom:10px;font-weight:300;border-bottom:1px solid #e6e6e6;box-sizing:border-box;max-height: 160px; overflow-y: auto;}
.option_bx .chk_opt ul li {line-height: 30px;}
.option_bx .chk_opt ul {overflow: auto; max-height: 150px;}
.option_bx .chk_opt>ul>li+li{margin-top:10px}
.option_bx .chk_opt>button{float:right;text-decoration:none}
.option_bx .chk_opt .check_bx>label>span{display:block;white-space:nowrap}
.option_bx .chk_opt .chk_section {background: #fff; border-bottom: none; padding: 10px; border-radius: 8px;box-shadow: 0 0 4px rgba(143, 143, 143, 0.25);}
.option_bx .chk_opt .chk_all {border-bottom: 1px solid #F0F0F0; padding-bottom: 8px;}
.option_bx .chk_opt .chk_all button {font-size: 14px; color: #0050FF; font-weight: 400;}
.option_bx .chk_opt .chk_filter {border-top: 1px solid #F0F0F0; display: flex; justify-content: space-between; padding-top: 8px; color: #5D6673; font-weight: 400;}

/*table option box*/
.table .head>table>thead>tr .opt{float:none;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:22px;padding:0 5px;font-size:14px;box-sizing:border-box}
[class*='btn_']+[class*='btn_']{margin-left:5px}
a[class*='btn_']{display:inline-block;text-align:center;line-height:18px}
[class*='btn_under_']{height:auto;padding:0;text-decoration:underline;cursor:pointer}
[class*='btn_i_']{min-width:0;padding:0}
.btn_full_01{background-color:#f37320;color:#fff}
.btn_border_01{border: none; background: #F5F5F7; border-radius: 4px; color: #5D6673; padding: 0 6px; line-height: 22px;}
.btn_border_02{color:#575757;border:1px solid #575757}
.btn_under_01{color:#f37320}
.btn_under_02{color:#e02020}
.btn_under_03{color:#07235e}
.btn_under_04{color:#0050ff}
.btn_i_search{width:13px;height:13px;background:url(../img/i_search_01.png) center no-repeat;background-size:13px 13px}
.btn_i_x_01{width:10px;height:10px;background:url(../img/i_x_01.png) center no-repeat;background-size:10px 8px}
.btn_i_x_02{width:7px;height:7px;background:url(../img/i_x_02.png) center no-repeat;background-size:7px 5px}
.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_prev_02{width:12px;height:12px;background:url(../img/arr_prev_02.png) center no-repeat;background-size:9px 12px}
.btn_i_next_02{width:12px;height:12px;background:url(../img/arr_next_02.png) center no-repeat;background-size:9px 12px}
.btn_i_prev_03{width:12px;height:12px;background:url(../img/arr_prev_active_02.png) center no-repeat;background-size:9px 12px}
.btn_i_next_03{width:12px;height:12px;background:url(../img/arr_next_active_02.png) center no-repeat;background-size:9px 12px}

/*datepicker*/
.datepicker_bx{color:#a5a5a5;font-size:14px}
.datepicker_bx:after{display:block;clear:both;content:""}
.datepicker_bx .txt{float:left;margin:0 5px;line-height:20px}
.datepicker_bx .today{float:left;margin-right:5px;box-sizing:border-box;border: none; color: #A5A9AE; margin-right: 0;}
.datepicker_bx > i { float:left; display: flex; align-items: center; color: #5D6673; margin-right: 5px; font-weight: 400;}
.datepicker{float:left;position:relative}
.datepicker:after{display:block;clear:both;content:""}
.datepicker .picker{float:left;height:22px;padding:0 5px;background-color:transparent;font-size:14px;text-align:center;border: none;box-sizing:border-box;cursor:pointer;text-decoration: underline; color: #A5A9AE; width: 75px; margin: 0;}
.datepicker .i_picker{display: none;}
.datepicker .i_picker .i{display:block;position:relative;top:3px;width:14px;height:14px;margin:0 auto;background:url(../img/i_calandar.png) center no-repeat;background-size:14px 14px}
.datepicker .month_popup{position:relative;top:22px}
.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:#f37320;color:#fff;border-radius:6px}
.datepicker .tui-datepicker .tui-is-selectable:hover{border-radius:6px}
.datepicker .tui-datepicker.tui-rangepicker .tui-is-selected-range{background-color:#f4efe8}
.datepicker .tui-datepicker .tui-is-selectable:hover{background-color:#f4efe8}
.datepicker .tui-datepicker-type-date,
.datepicker .tui-calendar{width:212px}
.datepicker .tui-calendar .tui-calendar-header-inner{height:30px}
.datepicker .tui-calendar .tui-calendar-title{font-size:14px}
.datepicker .tui-calendar td,
.datepicker .tui-calendar th{height:30px}
.datepicker .tui-calendar-btn{height:30px}
.datepicker .tui-calendar-header-info{display:none}
.datepicker .tui-calendar .tui-calendar-header-inner{padding:0}
.datepicker .tui-calendar .tui-calendar-title{line-height:30px;vertical-align:middle}
.datepicker .tui-calendar .tui-calendar-today{color:#999}


/*search box*/
.search_bx:after{display:block;clear:both;content:""}
.search_bx .slt_bx{float:left}
.search_bx .txt_bx{float:left;width:150px;color:#a5a5a5;border: none; border-bottom: 1px solid #CACACA;}
.search_bx [class*="btn_"]{float:left}

/*select box*/
.select_bx>dt{float:left;color:#5D6673;display: flex; margin-right: 0; font-weight: 400;}
.select_bx>dd{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{box-sizing:border-box;border-bottom: none; background: #F1F7F8; border-radius: 8px 8px 0 0;}
.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 #F0F0F0;}
.table .body>table>tbody>tr:nth-child(even){background-color:#fff}
.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>div>table>thead>tr>th,
.table>div>table>tbody>tr>td{padding:0 2px}
.table.wide{overflow-x:auto}
.table.wide .head,
.table.wide .body{width:2000px}
.table .head .turn,
.table .body .turn {width: 5%;}

/*pagination*/
.pagination{position:relative;width:100%;height:22px;padding-top:10px;background-color:#fff;text-align:center}
.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:22px;height:22px;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:22px;height:22px;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:22px;height:22px;color:#c8c6c6;font-size:14px;line-height:22px;cursor:pointer}
.pagination>.wrap .paging .page.click{color:#404040}
.pagination>.slt_bx{position:absolute;top:10px;right:10px;width:auto;height:auto;margin-right:0;border:none}
.pagination>.slt_bx>select{height:22px;color:#c8c6c6;font-size:14px;font-weight:300;border:1px solid #d8d8d8;;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;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2500}
.popup .pop_wrap{padding:10px}