body,
html {
    width: 100%;
    height: 100%;
    font-size: 12px;
    -webkit-text-size-adjust: none
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
legend,
li,
ol,
p,
pre,
select,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
pre,
ul {
    font-family: "NotoSans", "MS PGothic", "돋움", Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif
}

fieldset,
img {
    border: 0;
    vertical-align: top
}

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

a {
    color: #1a1a1a
}

address,
em {
    font-style: normal
}

li,
ol,
ul {
    list-style: none
}

button,
label {
    cursor: pointer
}

input::-ms-clear {
    display: none
}

input:disabled {
    -webkit-text-fill-color: #8d8d8d;
    opacity: 1
}

iframe {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-overflow-scrolling: touch
}

#editorContent li,
#editorContent ol,
#editorContent ul {
    list-style: inherit
}

#editorContent ol {
    list-style-type: decimal
}

ol, ul {
    padding: 0 !important;
}

ul {
    margin-bottom: 0 !important;
}

@font-face {
    font-family: "NSKR";
    src: url(/modules/barcode/static/media/NotoSans-Regular.7c7f50cb.eot) format("embedded-opentype"), url(/modules/barcode/static/media/NotoSans-Regular.1ef18564.otf) format("opentype"), url(/modules/barcode/static/media/NotoSans-Regular.d19c129f.woff) format("woff"), url(/modules/barcode/static/media/NotoSans-Regular.12c5f3f9.woff2) format("woff2")
}

@font-face {
    font-family: "NSKB";
    src: url(/modules/barcode/static/media/NotoSans-Bold.97724077.eot) format("embedded-opentype"), url(/modules/barcode/static/media/NotoSans-Bold.0476118d.otf) format("opentype"), url(/modules/barcode/static/media/NotoSans-Bold.ba396a9f.woff) format("woff"), url(/modules/barcode/static/media/NotoSans-Bold.a2b8ed27.woff2) format("woff2")
}

@font-face {
    font-family: "NotoSans";
    font-weight: 400;
    src: url(/modules/barcode/static/media/NotoSans-Regular.7c7f50cb.eot) format("embedded-opentype"), url(/modules/barcode/static/media/NotoSans-Regular.1ef18564.otf) format("opentype"), url(/modules/barcode/static/media/NotoSans-Regular.d19c129f.woff) format("woff"), url(/modules/barcode/static/media/NotoSans-Regular.12c5f3f9.woff2) format("woff2")
}

@font-face {
    font-family: "NotoSans";
    font-weight: 700;
    src: url(/modules/barcode/static/media/NotoSans-Bold.97724077.eot) format("embedded-opentype"), url(/modules/barcode/static/media/NotoSans-Bold.0476118d.otf) format("opentype"), url(/modules/barcode/static/media/NotoSans-Bold.ba396a9f.woff) format("woff"), url(/modules/barcode/static/media/NotoSans-Bold.a2b8ed27.woff2) format("woff2")
}

@font-face {
    font-family: "MS PGothic";
    src: url(/modules/barcode/static/media/msgothic.fa5839bf.ttc) format("truetype")
}

@font-face {
    font-family: "stamp";
    src: url(/modules/barcode/static/media/Wolin.f4d2092e.woff) format("woff")
}

input:-webkit-autofill {
    box-shadow: inset 0 0 0 30px #fff;
    -webkit-text-fill-color: #000
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

::-moz-placeholder {
    text-align: left !important;
    color: #999;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

:-ms-input-placeholder {
    text-align: left !important;
    color: #999 !important;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

::placeholder {
    text-align: left !important;
    color: #999;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

input::-moz-placeholder {
    text-align: left !important;
    color: #999;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

input:-ms-input-placeholder {
    text-align: left !important;
    color: #999 !important;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

input::placeholder {
    text-align: left !important;
    color: #999;
    padding-top: 0 !important;
    font-family: "NSKR" !important
}

.accessibility {
    left: -1000px;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    text-indent: -9999px
}

.accessibility,
.hidden {
    overflow: hidden;
    position: absolute
}

.hidden {
    top: -10000px;
    left: -10000px;
    width: 1px;
    height: 1px
}

.blind {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.skip {
    display: none
}

.ellipsis,
.ellipsis2,
.ellipsis3 {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ellipsis2 {
        -webkit-line-clamp: 2
    }

    .ellipsis2,
    .ellipsis3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal
    }

    .ellipsis3 {
        -webkit-line-clamp: 3
    }
}

.no_ellipsis {
    white-space: normal !important
}

.td_ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px !important
}

.mtImg {
    vertical-align: middle;
    margin-top: -2px
}

.ovh {
    overflow: hidden !important
}

.ovv {
    overflow: visible !important
}

.eventLink,
.link {
    cursor: pointer
}

.link {
    position: relative
}

.link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: all .5s
}

.link:hover:after {
    width: 100%;
    transition: all .5s
}

.spBar10 {
    color: #e6e6e6;
    font-size: 10px;
    display: inline-block
}

.h-box {
    flex-direction: row
}

.h-box,
.v-box {
    display: flex;
    min-width: 0
}

.v-box {
    flex-direction: column
}

.flex-1 {
    flex: 1 1;
    min-width: 0
}

.flex-2 {
    flex: 2 1;
    min-width: 0
}

.flex-3 {
    flex: 3 1;
    min-width: 0
}

.h-align-start {
    justify-content: flex-start
}

.h-align-center {
    justify-content: center
}

.h-align-end {
    justify-content: flex-end
}

.v-align-start {
    align-items: flex-start
}

.v-align-center {
    align-items: center
}

.v-align-end {
    align-items: flex-end
}

.flex-center {
    justify-content: center;
    align-items: center
}

.scroll_on {
    overflow: auto !important
}

.scroll_off {
    overflow: hidden !important
}

.scroll_y_on {
    overflow-x: hidden !important;
    overflow-y: auto !important
}

.scroll_x_on {
    overflow-y: hidden !important;
    overflow-x: auto !important
}

.scroll_fix {
    overflow: scroll !important
}

.scroll_y_fix {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

.scroll_x_fix {
    overflow-y: hidden !important;
    overflow-x: scroll !important
}

.posi_re {
    position: relative !important
}

.posi_ab {
    position: absolute !important
}

.posi_fix {
    position: fixed !important
}

.posi_inh {
    position: inherit !important
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.cl {
    clear: both !important
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.dp_ib {
    display: inline-block !important
}

.dp_i {
    display: inline !important
}

.dp_b {
    display: block !important
}

.dp_n {
    display: none !important
}

.dp_g {
    display: grid !important
}

.vv {
    visibility: visible
}

.vh {
    visibility: hidden
}

.al {
    text-align: left !important
}

.ac {
    text-align: center !important
}

.ar {
    text-align: right !important
}

.vt {
    vertical-align: top !important
}

.vm {
    vertical-align: middle !important
}

.vb {
    vertical-align: bottom !important
}

.alvm {
    align-items: center;
    display: flex
}

.acvm {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

.lh1 {
    line-height: 1 !important
}

.lh12 {
    line-height: 12px !important
}

.lh13 {
    line-height: 13px !important
}

.lh14 {
    line-height: 14px !important
}

.lh15 {
    line-height: 15px !important
}

.lh16 {
    line-height: 16px !important
}

.lh17 {
    line-height: 17px !important
}

.lh18 {
    line-height: 18px !important
}

.lh19 {
    line-height: 19px !important
}

.lh20 {
    line-height: 20px !important
}

.lh21 {
    line-height: 21px !important
}

.lh22 {
    line-height: 22px !important
}

.lh23 {
    line-height: 23px !important
}

.lh24 {
    line-height: 24px !important
}

.lh25 {
    line-height: 25px !important
}

.lh26 {
    line-height: 26px !important
}

.lh27 {
    line-height: 27px !important
}

.lh28 {
    line-height: 28px !important
}

.lh29 {
    line-height: 29px !important
}

.lh30 {
    line-height: 30px !important
}

.text_line {
    text-decoration: underline
}

.delLine {
    text-decoration: line-through;
    color: red
}

.text_ho:hover {
    color: #1c90fb;
    text-decoration: underline
}

.ti0 {
    text-indent: 0 !important
}

.ti4 {
    text-indent: 4px !important
}

.ti7 {
    text-indent: 7px !important
}

.text_white {
    color: #fff !important
}

.text_blue {
    color: #1c90fb !important
}

.text_green {
    color: #3fa684 !important
}

.text_orange {
    color: #ff4d00 !important
}

.text_red {
    color: red !important
}

.text_redline {
    color: #e85e30 !important;
    text-decoration: line-through !important
}

.text_gray {
    color: #a6a6a6 !important
}

.text_yellow {
    color: #f09618 !important
}

.colB,
.colB td {
    color: #1c90fb !important;
    font-weight: 700 !important
}

.k-disabled {
    color: #cececc !important
}

.text_blue input {
    color: #1c90fb !important
}

.text_red input {
    color: red !important
}

.brn {
    border: none !important
}

.brrn {
    border-right: none !important
}

.brln {
    border-left: none !important
}

.brtn {
    border-top: none !important
}

.brbn {
    border-bottom: none !important
}

.Pop_border {
    border: 1px solid #dcdcdc
}

.borderT {
    border-top: 1px solid #dcdcdc
}

.borderB {
    border-bottom: 1px solid #dcdcdc
}

.borderR {
    border-right: 1px solid #eaeaea !important
}

.borderR_black {
    border-right: 1px solid #000
}

.borderL {
    border-left: 1px solid #eaeaea !important
}

.tb_borderT {
    border-top: 1px solid #eaeaea !important
}

.tb_borderB {
    border-bottom: 1px solid #eaeaea !important
}

.bd_blue {
    border: 1px solid #54b5ff !important
}

.borderT2 {
    border-top: 2px solid #666
}

.bgn {
    background: none !important
}

.bg_gray {
    background: #f5f5f5 !important
}

.bg_blue {
    background: #56a8f4 !important
}

.bg_red {
    background: #f33e51 !important
}

.bg_total {
    background: #f1f1f1 !important
}

.hei_auto {
    height: auto !important
}

.wid_auto {
    width: auto !important
}

.let0 {
    letter-spacing: 0 !important
}

.let1 {
    letter-spacing: -1px
}

.let1n5 {
    letter-spacing: -1.5px
}

.let2 {
    letter-spacing: -2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .let-1 {
        letter-spacing: -1px
    }
}

.f11 {
    font-size: 11px !important
}

.f12 {
    font-size: 12px !important
}

.f13 {
    font-size: 13px !important
}

.f14 {
    font-size: 14px !important
}

.f15 {
    font-size: 15px !important
}

.f16 {
    font-size: 16px !important
}

.f17 {
    font-size: 17px !important
}

.f18 {
    font-size: 18px !important
}

.f19 {
    font-size: 19px !important
}

.f20 {
    font-size: 20px !important
}

.f23 {
    font-size: 23px !important
}

.f24 {
    font-size: 24px !important
}

.f30 {
    font-size: 30px !important
}

.fwb {
    font-weight: 700 !important
}

.fwn {
    font-weight: 400 !important
}

.word_b {
    word-break: break-all
}

.boxBorder {
    box-sizing: border-box
}

.boxContent {
    box-sizing: content-box
}

.w100per {
    width: 100% !important
}

.h100per {
    height: 100% !important
}

.p0 {
    padding: 0 !important
}

.p10 {
    padding: 10px !important
}

.p15 {
    padding: 15px !important
}

.p20 {
    padding: 20px !important
}

.pt0 {
    padding-top: 0 !important
}

.pt1 {
    padding-top: 1px !important
}

.pt2 {
    padding-top: 2px !important
}

.pt3 {
    padding-top: 3px !important
}

.pt4 {
    padding-top: 4px !important
}

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

.pt6 {
    padding-top: 6px !important
}

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

.pt13 {
    padding-top: 13px !important
}

.pt15,
.pt17 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pb5 {
    padding-bottom: 5px !important
}

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

.pb12 {
    padding-bottom: 12px !important
}

.pb13 {
    padding-bottom: 13px !important
}

.pb15 {
    padding-bottom: 15px !important
}

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

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl5 {
    padding-left: 5px !important
}

.pl9 {
    padding-left: 9px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl12 {
    padding-left: 12px !important
}

.pl13 {
    padding-left: 13px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl19 {
    padding-left: 19px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl120 {
    padding-left: 120px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr4 {
    padding-right: 4px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr7 {
    padding-right: 7px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr17 {
    padding-right: 17px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr24 {
    padding-right: 24px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr70 {
    padding-right: 70px !important
}

.m0 {
    margin: 0 !important
}

.m5 {
    margin: 5px !important
}

.mt-1 {
    margin-top: -1px !important
}

.mt-5 {
    margin-top: -5px !important
}

.mt-15 {
    margin-top: -15px !important
}

.mt-20 {
    margin-top: -20px !important
}

.mt-44 {
    margin-top: -44px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

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

.mt6 {
    margin-top: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

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

.mt12 {
    margin-top: 12px !important
}

.mt14 {
    margin-top: 14px !important
}

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

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

.mt23 {
    margin-top: 23px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt27 {
    margin-top: 27px !important
}

.mt28 {
    margin-top: 28px !important
}

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

.mt35 {
    margin-top: 35px !important
}

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

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt70 {
    margin-top: 70px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb1 {
    margin-bottom: 1px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.mb4 {
    margin-bottom: 4px !important
}

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

.mb6 {
    margin-bottom: 6px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mb9 {
    margin-bottom: 9px !important
}

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

.mb13 {
    margin-bottom: 13px !important
}

.mb14 {
    margin-bottom: 14px !important
}

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

.mb17 {
    margin-bottom: 17px !important
}

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

.mb21 {
    margin-bottom: 21px !important
}

.mb25 {
    margin-bottom: 25px !important
}

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

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml-1 {
    margin-left: -1px !important
}

.ml-14 {
    margin-left: -14px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml1 {
    margin-left: 1px !important
}

.ml2 {
    margin-left: 2px !important
}

.ml3 {
    margin-left: 3px !important
}

.ml4 {
    margin-left: 4px !important
}

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

.ml6 {
    margin-left: 6px !important
}

.ml7 {
    margin-left: 7px !important
}

.ml8 {
    margin-left: 8px !important
}

.ml9 {
    margin-left: 9px !important
}

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

.ml13 {
    margin-left: 13px !important
}

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

.ml17 {
    margin-left: 17px !important
}

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

.ml22 {
    margin-left: 22px !important
}

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

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml70 {
    margin-left: 70px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr1 {
    margin-right: 1px !important
}

.mr2 {
    margin-right: 2px !important
}

.mr3 {
    margin-right: 3px !important
}

.mr4 {
    margin-right: 4px !important
}

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

.mr6 {
    margin-right: 6px !important
}

.mr7 {
    margin-right: 7px !important
}

.mr8 {
    margin-right: 8px !important
}

.mr9 {
    margin-right: 9px !important
}

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

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

.mr17 {
    margin-right: 17px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr26 {
    margin-right: 26px !important
}

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

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr70 {
    margin-right: 70px !important
}

/*!
 * --------------------------------------
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 * 
 * Modifier ~2019 JM (T:12,D:12,A:88)
 * -------------------------------------- 
 */
.animated01s {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.animated02s {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.animated03s {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.animated04s {
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.animated05s {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated1s {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animated15s {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.animated2s {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated25s {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.animated3s {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.animated35s {
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s
}

.animated4s {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.animated45s {
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.animated5s {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.delay01s {
    animation-delay: .1s;
    -webkit-animation-delay: .1s
}

.delay02s {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.delay03s {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.delay04s {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.delay05s {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.delay06s {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}

.delay07s {
    animation-delay: .7s;
    -webkit-animation-delay: .7s
}

.delay08s {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}

.delay09s {
    animation-delay: .9s;
    -webkit-animation-delay: .9s
}

.delay1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

.delay11s {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s
}

.delay12s {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

.delay13s {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s
}

.delay14s {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s
}

.delay15s {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s
}

.delay16s {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
}

.delay17s {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s
}

.delay18s {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s
}

.delay19s {
    animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s
}

.delay2s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s
}

.delay25s {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s
}

.delay3s {
    animation-delay: 3s;
    -webkit-animation-delay: 3s
}

.delay35s {
    animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s
}

.delay4s {
    animation-delay: 4s;
    -webkit-animation-delay: 4s
}

.delay45s {
    animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s
}

.delay5s {
    animation-delay: 5s;
    -webkit-animation-delay: 5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.clipTvOut {
    -webkit-animation-name: clipTvOut;
    animation-name: clipTvOut
}

@keyframes clipTvOut {
    0% {
        transform: none
    }

    50% {
        transform: scaleY(.0005)
    }

    to {
        transform: scale(0, .0005)
    }
}

@-webkit-keyframes clipTvOut {
    0% {
        -webkit-transform: none
    }

    50% {
        -webkit-transform: scaleY(.0005)
    }

    to {
        -webkit-transform: scale(0, .0005)
    }
}

.clipXIn {
    -webkit-animation-name: clipXIn;
    animation-name: clipXIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipXIn {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes clipXIn {
    0% {
        -webkit-transform: scaleY(0)
    }

    to {
        -webkit-transform: none
    }
}

.clipYIn {
    -webkit-animation-name: clipYIn;
    animation-name: clipYIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipYIn {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes clipYIn {
    0% {
        -webkit-transform: scaleX(0)
    }

    to {
        -webkit-transform: none
    }
}

.clipXYIn {
    -webkit-animation-name: clipXYIn;
    animation-name: clipXYIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipXYIn {
    0% {
        transform: scale(0, .5)
    }

    50% {
        transform: scaleY(.5)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes clipXYIn {
    0% {
        -webkit-transform: scale(0, .5)
    }

    50% {
        -webkit-transform: scaleY(.5)
    }

    to {
        -webkit-transform: none
    }
}

.clipXOut {
    -webkit-animation-name: clipXOut;
    animation-name: clipXOut;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipXOut {
    0% {
        transform: none
    }

    to {
        transform: scaleY(0)
    }
}

@-webkit-keyframes clipXOut {
    0% {
        -webkit-transform: none
    }

    to {
        -webkit-transform: scaleY(0)
    }
}

.clipYOut {
    -webkit-animation-name: clipYOut;
    animation-name: clipYOut;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipYOut {
    0% {
        transform: none
    }

    to {
        transform: scaleX(0)
    }
}

@-webkit-keyframes clipYOut {
    0% {
        -webkit-transform: none
    }

    to {
        -webkit-transform: scaleX(0)
    }
}

.clipXYOut {
    -webkit-animation-name: clipXYOut;
    animation-name: clipXYOut;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes clipXYOut {
    0% {
        transform: none
    }

    50% {
        transform: scaleY(.5)
    }

    to {
        transform: scale(0, .5)
    }
}

@-webkit-keyframes clipXYOut {
    0% {
        -webkit-transform: none
    }

    50% {
        -webkit-transform: scaleY(.5)
    }

    to {
        -webkit-transform: scale(0, .5)
    }
}

.float {
    -webkit-animation-name: float;
    animation-name: float
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

@-webkit-keyframes float {

    0%,
    to {
        -webkit-transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-20px)
    }
}

.orbit {
    -webkit-animation-name: orbit;
    animation-name: orbit;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes orbit {
    0% {
        transform: rotate(0deg) translateX(20px) rotate(0deg)
    }

    to {
        transform: rotate(1turn) translateX(20px) rotate(-1turn)
    }
}

@-webkit-keyframes orbit {
    0% {
        -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn) translateX(20px) rotate(-1turn)
    }
}

.spiral {
    -webkit-animation-name: spiral;
    animation-name: spiral;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

@keyframes spiral {
    0% {
        transform: rotateY(-1turn) translateY(-150%)
    }

    to {
        transform: rotateY(0) translateY(0)
    }
}

@-webkit-keyframes spiral {
    0% {
        -webkit-transform: rotateY(-1turn) translateY(-150%)
    }

    to {
        -webkit-transform: rotateY(0) translateY(0)
    }
}

.whirl {
    -webkit-animation-name: whirl;
    animation-name: whirl;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

@keyframes whirl {
    0% {
        transform: translateY(1000px) rotateY(0deg)
    }

    80% {
        transform: translateY(-100%) rotateY(2turn)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes whirl {
    0% {
        -webkit-transform: translateY(1000px) rotateY(0deg)
    }

    80% {
        -webkit-transform: translateY(-100%) rotateY(2turn)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

.rotateInScale {
    -webkit-animation-name: rotateInScale;
    animation-name: rotateInScale;
    -webkit-animation-timing-function: easec;
    animation-timing-function: ease-in-out
}

@keyframes rotateInScale {
    0% {
        transform: scale(0) rotate(-540deg);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

@-webkit-keyframes rotateInScale {
    0% {
        -webkit-transform: scale(0) rotate(-540deg);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) rotate(0deg)
    }
}

.rotateOutScale {
    -webkit-animation-name: rotateOutScale;
    animation-name: rotateOutScale;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@keyframes rotateOutScale {
    0% {
        transform: scale(1) rotate(0deg)
    }

    40% {
        opacity: 1
    }

    to {
        transform: scale(0) rotate(540deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutScale {
    0% {
        -webkit-transform: scale(1) rotate(0deg)
    }

    40% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) rotate(540deg);
        opacity: 0
    }
}

.sleepyEyes {
    -webkit-animation-name: sleepyEyes;
    animation-name: sleepyEyes;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes sleepyEyes {
    0% {
        transform: perspective(400px)
    }

    5% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: .5
    }

    15% {
        transform: perspective(400px);
        opacity: 1
    }

    35% {
        transform: perspective(400px) rotateX(-20deg);
        opcity: .75
    }

    45% {
        transform: perspective(400px) rotateX(-2deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes sleepyEyes {
    0% {
        transform: perspective(400px)
    }

    5% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: .5
    }

    15% {
        transform: perspective(400px);
        opacity: 1
    }

    35% {
        transform: perspective(400px) rotateX(-20deg);
        opcity: .75
    }

    45% {
        transform: perspective(400px) rotateX(-2deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(-90deg);
        opacity: 0
    }
}

#wrap {
    position: relative;
    z-index: 1
}

#klagoWrap,
#wrap {
    width: 100%;
    height: 100%
}

#klagoWrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

#notiWrap,
#notiWrap .ieChrome {
    width: 100%;
    height: 100px
}

#notiWrap .ieChrome {
    position: relative;
    background-color: #303c52;
    box-sizing: border-box;
    justify-content: center
}

#notiWrap .ieChrome .textBox {
    padding: 0 200px 0 70px
}

#notiWrap .ieChrome .textBox .text01 {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
    letter-spacing: -.55px
}

#notiWrap .ieChrome .textBox .text02 {
    margin: 8px 20px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    opacity: .65;
    letter-spacing: -.65px
}

#notiWrap .ieChrome .chromeBtn {
    position: absolute;
    top: 27px;
    right: 50px;
    width: 146px;
    height: 46px;
    padding: 7px 0 0 40px;
    font-size: 12px;
    line-height: 14px;
    color: #37b9fc;
    letter-spacing: -1px;
    border: 2px solid #40b2ed;
    border-radius: 10px;
    background: rgba(64, 178, 237, 0) url(/modules/barcode/static/media/img_download_chrome.63da18bc.png) no-repeat left 11px center;
    background-size: 22px;
    box-sizing: border-box;
    cursor: pointer
}

#notiWrap .ieChrome .chromeBtn:hover {
    color: #fff;
    background: rgba(58, 188, 255, .4) url(/modules/barcode/static/media/img_download_chrome.63da18bc.png) no-repeat left 11px center;
    background-size: 22px
}

#notiWrap .ieChrome .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%;
    cursor: pointer
}

#notiWrap .ieChrome .closeBtn:hover {
    background: url(/modules/barcode/static/media/ic_close_01_s_disable.574680dd.png) no-repeat 50%
}

#notiWrap + #klagoWrap,
#notiWrap + #klagoWrap #sideWrap,
#notiWrap + #klagoWrap .newPortalWrap {
    top: 100px;
    height: calc(100% - 100px)
}

#notiWrap + #klagoWrap .newPortalWrap .newPortalHeaderWrap,
#notiWrap + #klagoWrap .newPortalWrap .userPortletControll {
    top: 100px
}

#notiWrap + #klagoWrap .newPortalWrap.mode-SRT .searchCategory {
    top: 170px
}

#notiWrap + #klagoWrap .newPortalWrap.mode-SRT .relationKeyword {
    top: 222px
}

#notiWrap + #klagoWrap .newPortalWrap .newPortalAlertView {
    top: 200px
}

.popIeChromeGuide {
    position: relative
}

.popIeChromeGuide .tit_p {
    margin: 70px 0 0
}

.popIeChromeGuide .chromeDownBtn {
    position: absolute;
    top: 7px;
    right: 10px
}

.popIeChromeGuide .chromeDownBtn > div > img {
    width: 16px
}

.popIeChromeGuide .borderBox {
    margin: 0 0 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden
}

.popIeChromeGuide .borderBox img {
    width: 100%
}

.pubWindowPopup {
    width: 100%;
    height: 100%
}

.pubWindowPopup > div {
    min-width: auto !important
}

.pop_wrap {
    height: 100%;
    box-sizing: border-box
}

.pop_wrap .pop_head {
    padding: 20px 20px 0;
    box-sizing: border-box
}

.pop_wrap .pop_head_submit {
    position: relative
}

.pop_wrap .pop_head_submit .layer_title {
    height: 32px;
    padding: 10px 20px;
    background-color: #394456;
    box-sizing: content-box
}

.pop_wrap .pop_head_submit .left_div {
    float: left
}

.pop_wrap .pop_head_submit .left_div .layer_tit {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #fff
}

.pop_wrap .pop_head_submit .right_div {
    float: right
}

.pop_wrap .pop_con {
    padding: 0 20px 10px;
    box-sizing: border-box;
    overflow-y: auto
}

.pop_wrap .pop_foot .cen_div {
    padding-top: 15px;
    width: 100%;
    height: 62px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    text-align: center
}

.pop_wrap .pop_foot .cen_div > div {
    margin-left: 4px
}

.pop_wrap .pop_foot .cen_div > div:first-child {
    margin-left: 0
}

.pop_wrap .layer_title {
    margin-right: 0
}

.pop_wrap [class*=OBTDockPanel_bottom] {
    height: 62px
}

.pop_wrap.pop_admin [class*=OBTDockPanel_bottom],
.pop_wrap.pop_notice [class*=OBTDockPanel_bottom] {
    height: 35px
}

.pop_wrap.pop_admin .cen_div {
    display: none
}

.pop_closeall {
    height: 35px;
    background: #767676;
    line-height: 35px;
    color: #fff;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box
}

.pop_close {
    color: #fff;
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat right 3px;
    padding-right: 20px;
    cursor: pointer
}

.newPop_wrap {
    position: relative;
    height: 100%;
    min-width: 530px
}

.newPop_wrap .pop_head {
    box-sizing: border-box;
    height: 100px;
    background: url(/modules/barcode/static/media/img_notice_bg.0ef53b5e.png) no-repeat 100% 100%, linear-gradient(90deg, #d9f0ff, #e3f4ff 35%, #ebf7ff);
    display: flex;
    align-items: center;
    padding: 0 0 0 30px
}

.newPop_wrap .pop_head:after {
    content: "";
    position: absolute;
    right: 20px;
    width: 160px;
    height: 100px;
    background: url(/modules/barcode/static/media/img_notice@2x.99b0b284.png) no-repeat 100%;
    background-size: 160px 100px;
    z-index: 1
}

.newPop_wrap .pop_head .layer_tit {
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: -1.1px;
    color: #0c2b65;
    font-weight: 700;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.newPop_wrap .pop_head .left_div_in {
    padding: 0 190px 0 12px;
    font-size: 13px;
    line-height: 20px;
    color: #5c7198
}

.newPop_wrap .pop_head .popClose {
    position: absolute;
    top: 21px;
    right: 20px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 100% 0;
    cursor: pointer;
    background-size: 14px 14px;
    z-index: 2
}

.newPop_wrap .pop_title {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin: 0 31px;
    padding: 20px 0 21px
}

.newPop_wrap .pop_title .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: -.8px;
    padding-right: 30px
}

.newPop_wrap .pop_title .data {
    color: #8c8c8c;
    padding-top: 2px
}

.newPop_wrap .pop_con .conBox {
    padding: 10px 31px 0;
    line-height: 20px;
    height: calc(100% - 10px)
}

.newPop_wrap .pop_con .conBox img {
    max-width: 100%
}

.newPop_wrap .pop_fileDown {
    padding: 15px 31px 10px
}

.newPop_wrap .pop_foot {
    height: 40px;
    margin-top: 21px
}

.newPop_wrap .pop_foot .newPop_closeall {
    height: inherit;
    background: #50596c;
    color: #fff;
    padding: 0 0 0 30px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.newPop_wrap .pop_foot .newPop_closeall svg {
    background: #fff
}

.newPop_wrap .pop_foot .newPop_closeall span[class*=UFOCheckBox_label_text] {
    padding-left: 22px
}

.newPop_wrap .pop_foot .newPop_close {
    height: inherit;
    color: #fff;
    background: #394357;
    padding: 0 30px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center
}

#sideWrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #333948;
    z-index: 10;
    transition: all 0s;
    display: none;
}

#sideWrap.on {
    transition: all .2s
}

#sideWrap .module-item {
    position: relative;
    height: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    box-sizing: border-box;
    z-index: 5
}

#sideWrap .module-item.selected {
    background-color: rgba(0, 0, 0, .5)
}

#sideWrap .module-item.selected .module-link {
    opacity: 1 !important
}

#sideWrap #sideGnb .module-item.selected .module-name:before {
    color: #fff
}

#sideWrap .module-link {
    position: relative;
    display: block;
    width: 48px;
    height: 50px;
    opacity: .4;
    transition: opacity .5s;
    text-indent: -9999px;
    cursor: pointer;
    background: no-repeat 50%;
    z-index: 5
}

#sideWrap .fixed_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #333948;
    z-index: 6
}

#sideWrap .fixed_top .module-name {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 47px;
    transform: translateX(-150%);
    z-index: 5
}

#sideWrap .fixed_top .module-name:before {
    content: attr(data-name);
    display: block;
    width: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -.5px;
    border: 1px solid #13141a;
    background: #2b2e37;
    box-sizing: border-box;
    transition: .3s;
    overflow: hidden
}

#sideWrap .fixed_top .module-name.sub-item ul {
    display: none
}

#sideWrap .fixed_top .module-link.allMenu {
    background-image: url(/modules/barcode/static/media/ic_allmemu_open.ad87eef2.png);
    background-size: 48px 44px
}

#sideWrap .fixed_top .module-link.personalMenu {
    background-image: url(/modules/barcode/static/media/ico_mymenu.bf121268.png);
    background-size: 48px 44px
}

#sideWrap .fixed_top > ul li {
    float: left
}

#sideWrap .fixed_top .allM {
    height: 44px;
    width: 48px;
    float: left;
    background-color: #333948;
    z-index: 10;
    position: relative
}

#sideWrap .fixed_top .allM .ico {
    width: 100%;
    height: 100%;
    opacity: .2;
    background: url(/modules/barcode/static/media/ic_allmemu_open.ad87eef2.png) no-repeat 50%;
    background-size: 48px 44px
}

#sideWrap .fixed_top .allM:hover .ico {
    opacity: 1;
    cursor: pointer
}

#sideWrap .fixed_top .allM.selected .ico {
    opacity: 1
}

#sideWrap .fixed_top .allM.selected .ico,
#sideWrap.on .fixed_top .allM .ico {
    background: url(/modules/barcode/static/media/ic_allmemu_close.3f51e819.png) no-repeat 50%;
    background-size: 48px 44px
}

#sideWrap .fixed_top .fixed_top_in {
    height: 44px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #333948
}

#sideWrap .fixed_top .fixed_top_ul {
    overflow: hidden;
    padding: 0 12px;
    display: flex
}

#sideWrap.on .fixed_top .fixed_top_ul li div.ico {
    width: 38px
}

#sideWrap.on .fixed_top .fixed_top_in {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#sideWrap .fixed_top .fixed_top_ul li {
    flex: 1 1;
    text-align: center
}

#sideWrap .fixed_top .fixed_top_ul li div.ico {
    height: 43px;
    width: 0;
    margin: 0 auto;
    opacity: .2;
    transition: all .3s;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    border-bottom: 2px solid transparent
}

#sideWrap .fixed_top .fixed_top_ul li:hover div.ico,
#sideWrap.on .fixed_top .fixed_top_ul li.selected div.ico {
    opacity: 1;
    border-bottom: 2px solid #fff
}

#sideWrap .fixed_top .fixed_top_ul li.snbTabM .ico {
    background: url(/modules/barcode/static/media/ic_snb_tab_menu.83efd15b.png) no-repeat 50%;
    background-size: 22px
}

#sideWrap .fixed_top .fixed_top_ul li.snbTabF .ico {
    background: url(/modules/barcode/static/media/ic_snb_tab_favorite.caf35d99.png) no-repeat 50%;
    background-size: 22px
}

#sideWrap .fixed_top .fixed_top_ul li.snbTabR .ico {
    background: url(/modules/barcode/static/media/ic_snb_tab_recent.7203d55c.png) no-repeat 50%;
    background-size: 22px
}

#sideWrap #sideGnb.mini li {
    width: 48px !important
}

#sideWrap .snbSc > div:first-child {
    overflow: hidden !important
}

#sideWrap:hover .snbSc > div:first-child {
    overflow: scroll !important
}

#sideWrap .snbSc .stab {
    display: none
}

#sideWrap .snbSc .stab.on {
    display: block;
    position: absolute;
    left: 48px;
    right: 0;
    color: #fff
}

.intoMenu {
    padding-top: 2px
}

.intoMenu .dep1 > li > .tit_div {
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    padding-left: 16px;
    box-sizing: border-box;
    color: #858891;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 20px center;
    cursor: pointer
}

.intoMenu .dep1 > li.open > .tit_div {
    color: #fff;
    background: #354064 url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat right 20px center
}

.intoMenu .dep1 > li.open .dep2 {
    height: auto;
    padding: 0 0 8px
}

.intoMenu .dep1 > li.open .dep2 > li:first-child {
    margin-top: 14px
}

.intoMenu .dep1 > li.open .dep2 > li:last-child {
    margin-bottom: 6px
}

.intoMenu .dep1 .dep2 {
    background: #2d323c;
    box-sizing: border-box;
    height: 0;
    padding: 0 0 0 10px;
    transition: all .3s ease;
    overflow: hidden
}

.intoMenu .dep1 .dep2 li {
    margin-left: 10px;
    position: relative
}

.intoMenu .dep1 .dep2 li .tit_div {
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    box-sizing: border-box;
    color: #fff;
    background: url(/modules/barcode/static/media/ic_menu.f6890fe5.png) no-repeat 0;
    cursor: pointer;
    padding-left: 24px;
    margin-bottom: 8px
}

.intoMenu .dep1 .dep2 li .tit_div.folder {
    background: url(/modules/barcode/static/media/ic_folder_close.db7ae65e.png) no-repeat 0
}

.intoMenu .dep1 .dep2 li .clo {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url(/modules/barcode/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 1px;
    right: 10px;
    opacity: .4
}

.intoMenu .dep1 .dep2 li .clo:hover {
    opacity: 1
}

.intoMenu .dep1 .dep2 li .tit_div:hover > .clo {
    display: inline-block
}

.intoMenu .dep1 .dep2 li .tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    display: block
}

.intoMenu .dep1 .dep2 li .tit_clone {
    visibility: hidden;
    white-space: nowrap;
    z-index: -10;
    text-indent: -50000px;
    font-size: 13px
}

.intoMenu .dep1 .dep2 li.open .tit_div.folder {
    background: url(/modules/barcode/static/media/ic_folder_open.6bc8c629.png) no-repeat 0;
    color: #fff
}

.intoMenu .dep1 .dep2 li.open .dep3 {
    height: auto
}

.intoMenu .dep1 .dep2 .on > .tit_div,
.intoMenu .dep1 .dep2 .open > .tit_div {
    color: #1c90fb
}

.intoMenu .dep1 .dep3 {
    box-sizing: border-box;
    height: 0;
    transition: all .3s ease;
    overflow: hidden
}

.intoMenu .dep1 .dep3 li {
    margin-left: 20px
}

#sideWrap .fixed-bottom {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    padding: 6px 0 0;
    box-sizing: border-box;
    background: #333948;
    z-index: 6
}

#sideWrap .fixed-bottom .arrow-item {
    height: 17px;
    font-size: 1px;
    line-height: 1px;
    text-indent: -9999px;
    cursor: pointer;
    background: transparent no-repeat 50%;
    opacity: .4;
    width: 48px
}

#sideWrap .fixed-bottom .arrow-item:hover {
    opacity: 1
}

#sideWrap .fixed-bottom .arrow-item.up {
    background-image: url(/modules/barcode/static/media/ico_arrowItem_up.981afce2.png)
}

#sideWrap .fixed-bottom .arrow-item.down {
    background-image: url(/modules/barcode/static/media/ico_arrowItem_down.6b85629d.png)
}

#sideWrap .fixed-bottom .arrow-item.disabled {
    cursor: inherit;
    opacity: .1 !important
}

#sideWrap #sideGnb {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: 48px;
    background: #333948;
    transition: top .5s;
    width: 100%;
    padding: 2px 0 0
}

#sideWrap #sideGnb .module-link {
    position: relative;
    display: block;
    width: 48px;
    height: 44px;
    opacity: .4;
    transition: opacity .5s;
    text-indent: -9999px;
    cursor: pointer;
    background: no-repeat 50%;
    z-index: 5
}

#sideWrap #sideGnb .module-name {
    cursor: pointer;
    width: calc(100% - 48px);
    position: absolute;
    top: 0;
    left: 47px;
    z-index: 5
}

#sideWrap #sideGnb .module-name:before {
    content: attr(data-name);
    position: relative;
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #858891;
    letter-spacing: -.5px;
    box-sizing: border-box;
    z-index: 1;
    transition: .3s;
    overflow: hidden
}

#sideWrap #sideGnb .module-name.sub-item:before {
    background: #2b2e37
}

#sideWrap #sideGnb .module-name ul {
    position: relative;
    width: 100%;
    padding: 3px 0;
    font-size: 14px;
    color: #000;
    letter-spacing: -.5px;
    border: 1px solid #13141a;
    background: #fff;
    box-sizing: border-box;
    z-index: 1
}

#sideWrap #sideGnb .module-name ul li {
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 20px;
    transition: all .3s
}

#sideWrap #sideGnb .module-name ul li span {
    cursor: pointer;
    padding: 0 0 0 8px;
    background: url(/modules/barcode/static/media/ico_subItem_bullet.de22159a.png) no-repeat 0
}

#sideWrap #sideGnb .module-name.selected {
    font-weight: 700
}

#sideWrap #sideGnb li.module-item:hover {
    background-color: rgba(0, 0, 0, .4)
}

#sideWrap #sideGnb li.module-item:hover .module-name:before {
    color: #fff
}

#sideWrap #sideGnb li.module-item:hover .module-link {
    opacity: 1
}

#sideWrap .sideWrapIn {
    position: relative;
    height: 100%;
    overflow: hidden
}

.snbSc {
    margin-top: 48px
}

.snbSc > div:last-child {
    right: 6px !important;
    z-index: 10
}

.snbSc > div:last-child > div {
    background-color: #fff !important;
    visibility: hidden
}

#sideWrap:hover .snbSc > div:last-child > div {
    visibility: visible
}

#sideWrap #sideGnb .module-link.EA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ea@2x.bafad2ad.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.EC {
    background-image: url(/modules/barcode/static/media/ic_gnb_ec@2x.eb5d3514.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ML {
    background-image: url(/modules/barcode/static/media/ic_gnb_ml@2x.09bc53c5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CL {
    background-image: url(/modules/barcode/static/media/ic_gnb_cl@2x.ba045c0d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.RM {
    background-image: url(/modules/barcode/static/media/ic_gnb_rm@2x.3037fff5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BD {
    background-image: url(/modules/barcode/static/media/ic_gnb_bd@2x.95734f9c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.GSM {
    background-image: url(/modules/barcode/static/media/ic_gnb_management@2x.83dea9b7.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OF {
    background-image: url(/modules/barcode/static/media/ic_gnb_of@2x.807e3cee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OC {
    background-image: url(/modules/barcode/static/media/ic_gnb_oc@2x.71c85081.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.KS {
    background-image: url(/modules/barcode/static/media/ic_gnb_ks@2x.10a48fbb.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.FAX {
    background-image: url(/modules/barcode/static/media/ic_gnb_fax@2x.b6b9cf2d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SMS {
    background-image: url(/modules/barcode/static/media/ic_gnb_sms@2x.9653f495.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.UMS {
    background-image: url(/modules/barcode/static/media/ic_gnb_fax_sms@2x.ee3ebf18.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ADDR {
    background-image: url(/modules/barcode/static/media/ic_gnb_address@2x.ca7bb777.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CU {
    background-image: url(/modules/barcode/static/media/ic_gnb_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.MA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ma@2x.103747f5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.FI {
    background-image: url(/modules/barcode/static/media/ic_gnb_fi@2x.a5ed5240.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CO {
    background-image: url(/modules/barcode/static/media/ic_gnb_co@2x.88bcf793.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ia@2x.8d400335.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ca@2x.5feb7b0c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TR {
    background-image: url(/modules/barcode/static/media/ic_gnb_tr@2x.fb652481.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BM {
    background-image: url(/modules/barcode/static/media/ic_gnb_bm@2x.aacbbf22.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TX {
    background-image: url(/modules/barcode/static/media/ic_gnb_tx@2x.b9c23b92.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.AU {
    background-image: url(/modules/barcode/static/media/ic_gnb_au@2x.73f55fac.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OSS {
    background-image: url(/modules/barcode/static/media/ic_gnb_os@2x.3c0075d2.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HR {
    background-image: url(/modules/barcode/static/media/ic_gnb_hr@2x.8515ff08.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HM {
    background-image: url(/modules/barcode/static/media/ic_gnb_hm@2x.d886f9cd.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BPM {
    background-image: url(/modules/barcode/static/media/ic_gnb_bpm@2x.8957a672.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BI {
    background-image: url(/modules/barcode/static/media/ic_gnb_bi@2x.acc179be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.LE {
    background-image: url(/modules/barcode/static/media/ic_gnb_le@2x.4f7cf1ba.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.LO {
    background-image: url(/modules/barcode/static/media/ic_gnb_lo@2x.e2c57742.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PU {
    background-image: url(/modules/barcode/static/media/ic_gnb_pu@2x.02fda09d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PM {
    background-image: url(/modules/barcode/static/media/ic_gnb_pm@2x.7d02549e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PP {
    background-image: url(/modules/barcode/static/media/ic_gnb_pp@2x.c9c2259e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ME {
    background-image: url(/modules/barcode/static/media/ic_gnb_me@2x.8dcde795.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IM {
    background-image: url(/modules/barcode/static/media/ic_gnb_im@2x.5511133c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IE {
    background-image: url(/modules/barcode/static/media/ic_gnb_ie@2x.87d3770d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SD {
    background-image: url(/modules/barcode/static/media/ic_gnb_sd@2x.8b81ec2b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BP {
    background-image: url(/modules/barcode/static/media/ic_gnb_bp@2x.85d76dd3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PS {
    background-image: url(/modules/barcode/static/media/ic_gnb_ps@2x.3f04256a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SF {
    background-image: url(/modules/barcode/static/media/ic_gnb_sf@2x.50d15b03.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SR {
    background-image: url(/modules/barcode/static/media/ic_gnb_sr@2x.299116ee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.QM {
    background-image: url(/modules/barcode/static/media/ic_gnb_qm@2x.20f474b9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CI {
    background-image: url(/modules/barcode/static/media/ic_gnb_ci@2x.cfa6fd7d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.MP {
    background-image: url(/modules/barcode/static/media/ic_gnb_mp@2x.d12164e4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SET {
    background-image: url(/modules/barcode/static/media/ic_gnb_setting@2x.fde6be7c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SC {
    background-image: url(/modules/barcode/static/media/ic_gnb_sc@2x.ad06bbb1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.EX {
    background-image: url(/modules/barcode/static/media/ic_gnb_ex@2x.530620b4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OS {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_subcontractor@2x.0c124682.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SM {
    background-image: url(/modules/barcode/static/media/ic_gnb_smart_manufacturing@2x.7e52d05d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CI {
    background-image: url(/modules/barcode/static/media/ic_gnb_ci@2x.cfa6fd7d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ma@2x.103747f5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BPM {
    background-image: url(/modules/barcode/static/media/ic_gnb_bpm@2x.8957a672.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BI {
    background-image: url(/modules/barcode/static/media/ic_gnb_bi@2x.acc179be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MP {
    background-image: url(/modules/barcode/static/media/ic_gnb_mp@2x.d12164e4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10AU {
    background-image: url(/modules/barcode/static/media/ic_gnb_au@2x.73f55fac.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10OS {
    background-image: url(/modules/barcode/static/media/ic_gnb_os@2x.3c0075d2.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10FI {
    background-image: url(/modules/barcode/static/media/ic_gnb_fi@2x.a5ed5240.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CO {
    background-image: url(/modules/barcode/static/media/ic_gnb_co@2x.88bcf793.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ia@2x.8d400335.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CA {
    background-image: url(/modules/barcode/static/media/ic_gnb_ca@2x.5feb7b0c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10TR {
    background-image: url(/modules/barcode/static/media/ic_gnb_tr@2x.fb652481.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BM {
    background-image: url(/modules/barcode/static/media/ic_gnb_bm@2x.aacbbf22.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10TX {
    background-image: url(/modules/barcode/static/media/ic_gnb_tx@2x.b9c23b92.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LR {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_lr@2x.8db31fd9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10RE {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_re@2x.6ed830f7.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LE {
    background-image: url(/modules/barcode/static/media/ic_gnb_le@2x.4f7cf1ba.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LO {
    background-image: url(/modules/barcode/static/media/ic_gnb_lo@2x.e2c57742.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PU {
    background-image: url(/modules/barcode/static/media/ic_gnb_pu@2x.02fda09d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PM {
    background-image: url(/modules/barcode/static/media/ic_gnb_pm@2x.7d02549e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PP {
    background-image: url(/modules/barcode/static/media/ic_gnb_pp@2x.c9c2259e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IM {
    background-image: url(/modules/barcode/static/media/ic_gnb_im@2x.5511133c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IE {
    background-image: url(/modules/barcode/static/media/ic_gnb_ie@2x.87d3770d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SD {
    background-image: url(/modules/barcode/static/media/ic_gnb_sd@2x.8b81ec2b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PS {
    background-image: url(/modules/barcode/static/media/ic_gnb_ps@2x.3f04256a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SF {
    background-image: url(/modules/barcode/static/media/ic_gnb_sf@2x.50d15b03.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SR {
    background-image: url(/modules/barcode/static/media/ic_gnb_sr@2x.299116ee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10QM {
    background-image: url(/modules/barcode/static/media/ic_gnb_qm@2x.20f474b9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BP {
    background-image: url(/modules/barcode/static/media/ic_gnb_bp@2x.85d76dd3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CR {
    background-image: url(/modules/barcode/static/media/ic_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10ME {
    background-image: url(/modules/barcode/static/media/ic_gnb_me@2x.8dcde795.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SC {
    background-image: url(/modules/barcode/static/media/ic_gnb_sc@2x.ad06bbb1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MB {
    background-image: url(/modules/barcode/static/media/ic_gnb_sms@2x.9653f495.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MF {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_mf@2x.499ddba0.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10EC {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_ec@2x.e532f8cc.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PX {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_px@2x.0d90e17e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10EH {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_eh@2x.97730745.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10HR {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_hr@2x.b231a4a3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10WF {
    background-image: url(/modules/barcode/static/media/ic_gnb_erp10_wf@2x.cd18ce40.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SM {
    background-image: url(/modules/barcode/static/media/ic_gnb_sm@2x.953f9d25.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCZ {
    background-image: url(/modules/barcode/static/media/ic_snb_HCZ@3x.3f5f0dda.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCM {
    background-image: url(/modules/barcode/static/media/ic_snb_HCM@2x.67c6a8c9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCB {
    background-image: url(/modules/barcode/static/media/ic_snb_HCB@3x.9eff2b4b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCR {
    background-image: url(/modules/barcode/static/media/ic_snb_HCR@2x.6f87cc82.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCS {
    background-image: url(/modules/barcode/static/media/ic_snb_HCS@2x.3a56df5c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCC {
    background-image: url(/modules/barcode/static/media/ic_snb_HCC@2x.6fc00348.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCI {
    background-image: url(/modules/barcode/static/media/ic_snb_HCI@2x.38bacedf.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCF {
    background-image: url(/modules/barcode/static/media/ic_snb_HCF@2x.e59763be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCN {
    background-image: url(/modules/barcode/static/media/ic_snb_HCN@2x.0d34d5d1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCA {
    background-image: url(/modules/barcode/static/media/ic_snb_HCA@3x.a52caa9d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HEXCE {
    background-image: url(/modules/barcode/static/media/ic_snb_HEXCE@3x.518e0746.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCL {
    background-image: url(/modules/barcode/static/media/ic_education@3x.fb91a2b4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HEXCL {
    background-image: url(/modules/barcode/static/media/ic_labor@3x.82b5e6f4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HEXCP {
    background-image: url(/modules/barcode/static/media/ic_theporterzone@3x.c686a710.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.WK {
    background-image: url(/modules/barcode/static/media/ic_wk.06dbe56a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.DC {
    background-image: url(/modules/barcode/static/media/ic_dc.16962dc4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ECM {
    background-image: url(/modules/barcode/static/media/ic_ecm.0fd9c475.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.WR {
    background-image: url(/modules/barcode/static/media/ic_wr.ca3dd4a8.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CR {
    background-image: url(/modules/barcode/static/media/ic_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TADDR {
    background-image: url(/modules/barcode/static/media/ic_gnb_total_address@2x.6fb5d867.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BuminEdu {
    background-image: url(/modules/barcode/static/media/ic_bumin_edu@2x.20ec3a8a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.DongaMla {
    background-image: url(/modules/barcode/static/media/ic_gnb_ml_archiving@2x.ca8e538f.png);
    background-size: 48px 44px
}

#headerWrap {
    position: fixed;
    top: 0;
    left: 48px;
    right: 0;
    height: 94px;
    z-index: 12
}

#headerWrap #main-ci {
    position: relative;
    width: 200px;
    height: 50px;
    margin: 0;
    padding: 5px 20px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 101
}

#headerWrap #main-ci h1 {
    overflow: hidden;
    margin: 0;
    font-size: 1px;
    height: 40px;
    line-height: 40px
}

#headerWrap #main-ci h1 img {
    max-width: 150px;
    max-height: 38px;
    vertical-align: middle;
    cursor: pointer
}

#headerWrap #headFnc {
    position: relative;
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 1
}

#headerWrap #headFnc .headfnc {
    padding: 0 20px;
    height: 50px
}

#headerWrap #headFnc .headfnc:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 0;
    transition: all .1s;
    overflow: hidden
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on {
    width: calc(100% - 45px);
    overflow: hidden
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar {
    position: relative;
    z-index: 1
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchInput {
    width: 0;
    height: 32px;
    padding: 0 10px;
    border-radius: 16px;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    transition: all .2s;
    border: 1px solid #fff
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar {
    position: relative;
    z-index: 1;
    margin-left: 0
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 0 60px 0 10px
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:focus {
    border: 1px solid #1c90fb;
    background-color: #fff;
    box-sizing: border-box;
    outline: none
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::-moz-placeholder {
    font-weight: 400 !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::placeholder {
    font-weight: 400 !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .deleteBtn {
    position: absolute;
    top: 7px;
    right: 75px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/icon_tabon_close_normal@2x.1f853267.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchBtn {
    position: absolute;
    top: 7px;
    right: 50px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/icon_misc_search@2x.6bf4b623.png) no-repeat 50%;
    background-size: 30px;
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .closeBtn {
    width: 40px;
    font-size: 12px;
    line-height: 32px;
    color: #000;
    text-align: center;
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText {
    display: none;
    position: fixed;
    top: 52px;
    right: 20px;
    margin: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    z-index: 10
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn {
    max-width: 500px;
    height: auto;
    max-height: 460px;
    padding: 0 0 20px;
    overflow: auto
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl {
    padding: 20px 20px 0 0
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dt {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 0 0 7px 15px;
    background: url(/modules/barcode/static/media/ico_autotext_arrow.791aacab.png) no-repeat left 10px
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd {
    padding: 0 15px;
    line-height: 22px;
    white-space: nowrap
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #000;
    outline: none;
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: all .5s
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:focus:after,
#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:hover:after {
    width: 100%;
    transition: all .5s
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .match {
    color: #1c90fb
}

#headerWrap #headFnc .headfnc .head-misc {
    position: relative;
    height: 50px
}

#headerWrap #headFnc .headfnc .head-misc ul li {
    position: relative;
    margin: 10px 0 0 6px;
    min-width: 30px;
    min-height: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.btn {
    display: block;
    width: 30px;
    height: 30px;
    /*background: transparent no-repeat 50%;*/
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc ul li span.btnCnt {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 14px;
    height: 14px;
    padding: 1px 3px 0;
    font-family: "돋움", Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background: #fc5356;
    box-sizing: border-box;
    cursor: pointer
}

#headerWrap #headFnc .headfnc .head-misc ul li span.alert {
    background-image: url(../images/icon_misc_alert@2x.2eca22b5.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.org {
    background-image: url(../images/icon_misc_org@2x.52fc0bb9.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.search {
    background-image: url(../images/icon_misc_search@2x.6bf4b623.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.more {
    background-image: url(../images/icon_misc_more@2x.81aec4a5.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.manual {
    background-image: url(../images/ic_misc_manual@2x.87f6ab8a.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .user-info {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 14px 0 0
}

#headerWrap #headFnc .headfnc .user-info.on:hover {
    background-color: transparent !important
}

#headerWrap #headFnc .headfnc .user-info:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

#headerWrap #headFnc .headfnc .user-info:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6
}

#headerWrap #headFnc .headfnc .user-info.on:before {
    display: none
}

#headerWrap #headFnc .headfnc .user-info .divi_pic {
    float: left;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #fff;
    background: transparent no-repeat 50%;
    cursor: pointer;
    overflow: hidden
}

#headerWrap #headFnc .headfnc .user-info .divi_pic img {
    width: 100%;
    min-height: 32px;
    vertical-align: top
}

#headerWrap #headFnc .headfnc .user-info .name_txt {
    margin: 1px 0 0 10px;
    font-size: 11px
}

#headerWrap #headFnc .headfnc .user-info .divi_txt,
#headerWrap #headFnc .headfnc .user-info .name_txt {
    position: relative;
    display: inline-block;
    line-height: 14px;
    color: #000;
    letter-spacing: -.5px;
    transition: all .2s;
    min-width: 52px;
    box-sizing: border-box
}

#headerWrap #headFnc .headfnc .user-info .divi_txt {
    padding-right: 18px;
    margin: 0 0 0 10px;
    font-size: 10px;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 100%
}

#headerWrap #headTabs {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden
}

#headerWrap #headTabs .homePortal {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 44px;
    background: url(/modules/barcode/static/media/ico_home_portal.03313bd0.png) no-repeat 50%;
    cursor: pointer;
    border-right: 1px solid rgba(7, 102, 190, .41);
    box-sizing: border-box;
    background-color: #1c90fb
}

#headerWrap #headTabs .homePortal:hover {
    background-color: #067add;
    transition: all .3s
}

#headerWrap #headTabs .tabs {
    margin: 10px 30px 0 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

#headerWrap #headTabs .tabs:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

#headerWrap #headTabs .tabs .tab-item {
    position: relative;
    display: inline-block;
    width: 138px;
    height: 32px;
    padding: 0 23px 0 0;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 2px
}

#headerWrap #headTabs .tabs .tab-item .react-contextmenu-wrapper {
    padding-left: 30px
}

#headerWrap #headTabs .tabs .tab-item:hover {
    border: 1px solid #9f9f9f;
    background-color: #eff7ff;
    transition: all .3s
}

#headerWrap #headTabs .tabs .tab-item.rightOn {
    border: 1px solid #8c8c8c;
    transition: all .3s
}

#headerWrap #headTabs .tabs .tab-item .new-window {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    height: 30px;
    background: url(../images/icon_tabon_new_normal@2x.95e45835.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

#headerWrap #headTabs .tabs .tab-item .module-name {
    display: block;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 30px;
    letter-spacing: -.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

#headerWrap #headTabs .tabs .tab-item .item-close {
    position: absolute;
    top: 0;
    right: 8px;
    width: 18px;
    height: 30px;
    background: url(../images/icon_tabon_close_normal@2x.1f853267.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

#headerWrap #headTabs .tabs .tab-item.on .module-name {
    color: #1c90fb
}

#headerWrap #headTabs .tabs .tab-item:active {
    background-color: #eff7ff
}

#headerWrap #headTabs .tabs .tab-item.on {
    border: 1px solid #0e7add;
    background-color: #eff7ff;
    box-sizing: border-box
}

#headerWrap #headTabs .tabs .tab-item.on .new-window {
    background: url(../images/icon_tabon_new_select@2x.3a90e293.png) no-repeat 50%;
    background-size: 11px
}

#headerWrap #headTabs .tabs .tab-item.on .item-close {
    background: url(../images/icon_tabon_close_select@2x.25fdfbdf.png) no-repeat 50%;
    background-size: 11px
}

#headerWrap #headTabs .tab-more-out {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 32px;
    box-sizing: border-box;
    background: #fff
}

#headerWrap #headTabs .tab-more {
    width: 26px;
    height: 32px;
    box-sizing: border-box;
    background: #fff url(../images/dot_more_over@2x.9a2576ef.png) no-repeat 50%;
    background-size: 12px 4px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

#headerWrap #headTabs .tab-more:hover {
    border: 1px solid #8c8c8c;
    background-color: #eff7ff;
    transition: all .3s
}

#headerWrap #headerTitle {
    height: 44px;
    width: 100%;
    background: #1c90fb;
    position: absolute;
    top: 50px;
    overflow: hidden
}

#headerWrap #headerTitle .tit {
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    float: left;
    padding-left: 10px
}

#headerWrap #headerTitle .menuLnb {
    width: 44px;
    height: 44px;
    float: left;
    background: #0c76d8 url(/modules/barcode/static/media/icon_menu.5d3a7637.png) no-repeat 50%;
    cursor: pointer
}

#headerWrap #headerTitle .menuLnb:hover {
    background: #0259ac url(/modules/barcode/static/media/icon_menu.5d3a7637.png) no-repeat 50%
}

#headerWrap #headerTitle .menuLnb.folding {
    background: #0c76d8 url(/modules/barcode/static/media/icon_menu_open.4eba76ef.png) no-repeat 50%
}

#headerWrap #headerTitle .menuLnb.folding:hover {
    background: #0259ac url(/modules/barcode/static/media/icon_menu_open.4eba76ef.png) no-repeat 50%
}

.commonPopup {
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    background-color: #fff;
    z-index: 10
}

.commonPopup,
.commonPopup:after {
    position: absolute;
    border: 1px solid #a6a6a6
}

.commonPopup:after {
    content: "";
    top: -5px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    background: #fff;
    transform: rotate(45deg);
    z-index: 15
}

.newPortalHeader .userInfoPop,
.userInfoPop {
    position: fixed;
    top: 50px;
    right: 10px;
    width: 550px
}

.userInfoPop {
    cursor: auto
}

.userInfoPop:after {
    right: calc(50% - 34px)
}

.userInfoPop .infoTop {
    position: relative;
    margin: 0 16px;
    padding: 40px 0 20px;
    border-bottom: 1px solid #e6e6e6
}

.userInfoPop .infoTop .userInfoBtn-setting {
    position: absolute;
    top: 13px;
    right: 21px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_settine_01_m_normal@2x.873e4c57.png) no-repeat 50%;
    background-size: 18px;
    cursor: pointer
}

.userInfoPop .infoTop .userInfoBtn-logout {
    position: absolute;
    top: 12px;
    right: -4px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_onoff_m_normal@2x.32ac8267.png) no-repeat 50%;
    background-size: 18px;
    cursor: pointer
}

.userInfoPop .infoTop .user_pic {
    width: 60px;
    height: 60px;
    margin: 0 20px 0 0;
    border-radius: 60px;
    box-sizing: border-box;
    overflow: hidden
}

.userInfoPop .infoTop .user_pic img {
    width: 100%
}

.userInfoPop .infoTop .user_name {
    text-align: left;
    margin: 2px 0
}

.userInfoPop .infoTop .user_name,
.userInfoPop .infoTop .user_name .cls {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.userInfoPop .infoTop .user_org {
    font-size: 11px;
    line-height: 15px;
    margin: 0 0 2px;
    text-align: left;
    color: #4a4a4a
}

.userInfoPop .infoTop .user_ip {
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    color: #a6a6a6
}

.userInfoPop .infoBot {
    margin: 0 16px;
    height: 210px
}

.userInfoPop .infoBtnBox {
    margin: 22px 0 0;
    height: 62px;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center
}

.userInfoErp10Pop {
    position: absolute;
    top: 40px;
    right: 30%;
    width: 290px;
    border-radius: 12px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    cursor: auto
}

.userInfoErp10Pop:before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -7px;
    width: 13px;
    height: 8px;
    background: transparent url(/modules/barcode/static/media/box_tail_blue@2x.345e3db6.png) no-repeat 50%;
    background-size: contain
}

.userInfoErp10Pop .user-info-box {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-image: url(/modules/barcode/static/media/bg_top_profile@2x.75cf8ec7.png);
    background-position: 0 0;
    background-size: 100% 147px;
    background-repeat: no-repeat
}

.userInfoErp10Pop .user-info-box .user-info-detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 20px;
    padding: 24px 0 13px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text {
    flex: 0 0 auto;
    width: 190px;
    margin-right: 12px
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    color: #fff;
    font-size: 17px;
    line-height: 23px;
    text-align: left;
    letter-spacing: -.43px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name .name {
    font-weight: 700
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name .grade {
    margin: 0 0 0 5px
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group {
    width: 100%;
    margin-bottom: 7px;
    color: #fff;
    opacity: .8;
    font-size: 11px;
    line-height: 23px;
    text-align: left;
    letter-spacing: -.28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .company {
    padding-right: 6px
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .group {
    position: relative;
    padding-left: 7px
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .group:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    opacity: .5;
    background-color: #fff
}

.userInfoErp10Pop .user-info-box .user-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: nowrap;
    margin-bottom: 0;
    padding: 5px 12px 8px
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn {
    padding: 0 8px 0 34px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    letter-spacing: -.3px;
    color: #fff;
    border-radius: 20px;
    cursor: pointer
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn.mySet {
    background: transparent url(/modules/barcode/static/media/ic_myinfo_setting@2x.7d22ccb9.png) no-repeat left 8px center;
    background-size: 24px
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn.mySet:hover {
    background: rgba(0, 0, 0, .16) url(/modules/barcode/static/media/ic_myinfo_setting@2x.7d22ccb9.png) no-repeat left 8px center;
    background-size: 24px
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn.logout {
    background: transparent url(/modules/barcode/static/media/ic_logout@2x.84383692.png) no-repeat left 8px center;
    background-size: 24px
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn.logout:hover {
    background: rgba(0, 0, 0, .16) url(/modules/barcode/static/media/ic_logout@2x.84383692.png) no-repeat left 8px center;
    background-size: 24px
}

.userInfoErp10Pop .user-info-box .user-pic {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0
}

.userInfoErp10Pop .user-info-box .user-pic img {
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .16);
    border-radius: 50%
}

.userInfoErp10Pop .user-info-change {
    padding: 10px 20px 14px;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.userInfoErp10Pop .user-info-change .user-status-change {
    height: 47px;
    padding: 9px 7px 0 34px;
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
    box-sizing: border-box
}

.userInfoErp10Pop .user-info-change .user-status-change.change-company {
    background: url(/modules/barcode/static/media/ic_comp_02_l_normal@2x.ad1a1596.png) no-repeat top 11px left;
    background-size: 24px
}

.userInfoErp10Pop .user-info-change .user-status-change.change-authority {
    background: url(/modules/barcode/static/media/ic_department_l_normal@2x.8b582122.png) no-repeat top 11px left;
    background-size: 24px
}

.userInfoErp10Pop .user-info-change .user-status-change.change-group {
    background: url(/modules/barcode/static/media/ic_authority_l_normal@2x.905345bc.png) no-repeat top 11px left;
    background-size: 24px
}

.userInfoErp10Pop .user-info-change .user-status-change.change-language {
    background: url(/modules/barcode/static/media/ic_web_l_normal@2x.750b72d0.png) no-repeat top 11px left;
    background-size: 24px
}

.userInfoErp10Pop .user-info-change .user-status-change.change-timezone {
    background: url(/modules/barcode/static/media/ic_time_l_normal@2x.30bc5347.png) no-repeat top 11px left;
    background-size: 24px
}

.userInfoErp10Pop .user-info-change .user-status-change [class*=OBTDropDownList_default] div div > span:first-child {
    border: 1px solid transparent !important
}

.userInfoErp10Pop .user-info-change .user-status-change [class*=OBTDropDownList_default]:hover div div > span:first-child {
    border: 1px solid #dbdbdb !important
}

.userInfoErp10Pop .user-info-change .user-status-change [class*=OBTDropDownList_default].on div div > span:first-child {
    border: 1px solid #58adfc !important
}

.userInfoErp10Pop .user-info-change .user-bottom-buttons {
    padding: 10px 0 0
}

.userInfoErp10Pop .user-info-change .user-bottom-buttons .apply {
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    background-color: #1c90fb;
    font-size: 13px;
    letter-spacing: -.33px;
    cursor: pointer
}

.userInfoErp10Pop .user-info-change .user-bottom-buttons .apply:hover {
    background-color: #036ddd
}

.userInfoErp10Pop .user-info-change .user-bottom-buttons .apply.disabled,
.userInfoErp10Pop .user-info-change .user-bottom-buttons .apply.disabled:hover {
    color: rgba(0, 0, 0, .4);
    box-shadow: none;
    border-color: #ebebeb;
    background-color: #fff;
    cursor: default
}

.companySelectWrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.companySelectWrap .joinText {
    display: inline-block;
    padding: 0 0 0 20px;
    font-size: 12px;
    line-height: 20px;
    color: #20c997;
    background: url(/modules/barcode/static/media/icon_confirm_posi.bdd77602.png) no-repeat left 0 center
}

.companySelectWrap .pubFormStyle.header table {
    border-bottom: none
}

.companySelectWrap .pubFormStyle.body table {
    border-top: none
}

.newPortalHeader .integratedNotification {
    top: 41px;
    right: calc(100% - 50px);
    width: 380px;
    height: 620px
}

.newPortalHeader .newIntegratedNotification {
    top: 41px;
    right: calc(100% - 80px);
    width: 320px;
    height: 655px
}

.integratedNotification {
    top: 40px;
    right: calc(100% - 50px);
    width: 380px;
    height: 620px
}

.integratedNotification:after {
    right: 30px
}

.integratedNotification.alert:after {
    right: 30px;
    background: #f7f7f7
}

.integratedNotification .tab {
    background: #f7f7f7
}

.integratedNotification .tab:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.integratedNotification .tab li {
    float: left;
    width: 50%;
    margin: 0 !important;
    padding: 0;
    text-align: center;
    cursor: pointer
}

.integratedNotification .tab li:first-child {
    border-radius: 0 10px 0 0
}

.integratedNotification .tab li:last-child {
    border-radius: 10px 0 0 0
}

.integratedNotification .tab li span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    color: #a6a6a6;
    vertical-align: middle
}

.integratedNotification .tab li span.tab01 .ico {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    background: url(/modules/barcode/static/media/ic_noti_off.741e3779.png) no-repeat left 0 center
}

.integratedNotification .tab li span.tab02 .ico {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    background: url(/modules/barcode/static/media/ic_mention_off.f27b0645.png) no-repeat left 0 center
}

.integratedNotification .tab li span .txt {
    padding: 0;
    line-height: 20px
}

.integratedNotification .tab li.on {
    background-color: #fff
}

.integratedNotification .tab li.on span .txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 46px;
    color: #000
}

.integratedNotification .tab li.on span.tab01 .ico {
    background: url(/modules/barcode/static/media/ic_noti_on.228f106d.png) no-repeat left 0 center
}

.integratedNotification .tab li.on span.tab02 .ico {
    background: url(/modules/barcode/static/media/ic_mention_on.33620463.png) no-repeat left 0 center
}

.integratedNotification .tabCon .tabFn {
    width: 100%;
    text-align: right;
    line-height: 21px;
    padding: 10px 20px 13px 0;
    box-sizing: border-box
}

.integratedNotification .tabCon .tabFn + div > div {
    z-index: 1
}

.integratedNotification .tabCon .tabFn .allRead {
    margin: 0 0 0 5px
}

.integratedNotification .tabCon .dayline {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    color: #222;
    margin: 0;
    padding: 0 0 0 24px;
    overflow: hidden;
    background: #fafafa;
    z-index: 1
}

.integratedNotification .tabCon .dayline .today {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 37px;
    height: 18px;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    color: #319df6;
    border: 1px solid #319df6;
    border-radius: 10px;
    box-sizing: border-box
}

.integratedNotification .tabCon ul {
    position: relative;
    margin: 10px 0;
    z-index: 0
}

.integratedNotification .tabCon ul:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 33px;
    bottom: 20px;
    width: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.integratedNotification .tabCon ul li {
    position: relative;
    float: unset !important;
    width: 100%;
    margin: 0 !important;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    cursor: pointer
}

.integratedNotification .tabCon ul li:hover {
    background: rgba(228, 242, 255, .5);
    transition: .2s
}

.integratedNotification .tabCon ul li .list_con {
    overflow: hidden;
    color: #a6a6a6
}

.integratedNotification .tabCon ul li .list_con .topline {
    margin-right: 15px
}

.integratedNotification .tabCon ul li .list_con .topline dl {
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.integratedNotification .tabCon ul li .list_con .topline dl dt {
    font-size: 12px;
    line-height: 18px
}

.integratedNotification .tabCon ul li .list_con .topline dl dd {
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.integratedNotification .tabCon ul li .list_con .topline dl dd.name {
    position: relative;
    padding: 0 0 0 5px
}

.integratedNotification .tabCon ul li .list_con .botline {
    margin: 4px 15px 0 0
}

.integratedNotification .tabCon ul li .list_con .botline .text {
    font-size: 11px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.integratedNotification .tabCon ul li .list_con .botline .text .mentionGreen {
    color: #09b481
}

.integratedNotification .tabCon ul li .list_con .botline .text .mentionBlue {
    color: #1c90fb
}

.integratedNotification .tabCon ul li .time {
    font-size: 11px;
    line-height: 18px;
    color: #a6a6a6;
    padding: 0 20px 0 0;
    vertical-align: top
}

.integratedNotification .tabCon ul li .time.fold {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat top 2px right
}

.integratedNotification .tabCon ul li .time.unfold {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat top 2px right
}

.integratedNotification .tabCon ul li .icon {
    width: 28px;
    height: 28px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden
}

.integratedNotification .tabCon ul li .icon.profile {
    background: url(/modules/barcode/static/media/ic_notice_profile.5fbbbfeb.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.profile img {
    width: 100%
}

.integratedNotification .tabCon ul li .icon.of {
    background: url(/modules/barcode/static/media/ic_notice_oneffice_read.a66564f7.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.sc {
    background: url(/modules/barcode/static/media/ic_notice_schedule_read.f7b2c1d1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.an {
    background: url(/modules/barcode/static/media/ic_notice_announcement_read.8cbfa7ed.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ea {
    background: url(/modules/barcode/static/media/ic_notice_approval_read.60c0964f.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ma {
    background: url(/modules/barcode/static/media/ic_notice_mail_read.993f4e3d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.mg {
    background: url(/modules/barcode/static/media/ic_notice_message_read.7d3dfbf2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.fx {
    background: url(/modules/barcode/static/media/ic_notice_fax_read.2f26b7fa.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ks {
    background: url(/modules/barcode/static/media/ic_notice_kiss_read.cad85903.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.bd {
    background: url(/modules/barcode/static/media/ic_notice_board_read.47bfa816.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.dc {
    background: url(/modules/barcode/static/media/ic_notice_doc_read.8fd1dd6d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.wr {
    background: url(/modules/barcode/static/media/ic_notice_projectreport_read.6fe331c2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.nt {
    background: url(/modules/barcode/static/media/ic_notice_note_read.cd137002.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.fl {
    background: url(/modules/barcode/static/media/ic_notice_file_read.fcae7bb2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.hr {
    background: url(/modules/barcode/static/media/ic_notice_hr_read.ec90a7c8.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ac {
    background: url(/modules/barcode/static/media/ic_notice_accounting_read.6d58ab59.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.rs {
    background: url(/modules/barcode/static/media/ic_notice_resource_read.fa027eb6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.oc {
    background: url(/modules/barcode/static/media/ic_notice_oc_read.9d85d459.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.st {
    background: url(/modules/barcode/static/media/ic_notice_sign_read.a9dcf3e3.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.pw {
    background: url(/modules/barcode/static/media/ic-notice-pw-reset-read.044a8209.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.crm {
    background: url(/modules/barcode/static/media/ic-notice-crm-read.86561852.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.gsm {
    background: url(/modules/barcode/static/media/ic_notice_management_read.c7276477.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.vote {
    background: url(/modules/barcode/static/media/ic_notice_vote_read.6fbbdbf6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.clinic {
    background: url(/modules/barcode/static/media/ic_notice_clinic_read.6e27644d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.taddr {
    background: url(/modules/barcode/static/media/ic_notice_total_address_read.e22d5bbe.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.of {
    background: url(/modules/barcode/static/media/ic_notice_oneffice.94d5270d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.sc {
    background: url(/modules/barcode/static/media/ic_notice_schedule.0b887d91.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.an {
    background: url(/modules/barcode/static/media/ic_notice_announcement.64c78360.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ea {
    background: url(/modules/barcode/static/media/ic_notice_approval.3c3f8e4a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ma {
    background: url(/modules/barcode/static/media/ic_notice_mail.dd5ddb8a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.mg {
    background: url(/modules/barcode/static/media/ic_notice_message.7dad3dac.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.fx {
    background: url(/modules/barcode/static/media/ic_notice_fax.ef3b3b47.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ks {
    background: url(/modules/barcode/static/media/ic_notice_kiss.8851d410.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.bd {
    background: url(/modules/barcode/static/media/ic_notice_board.2fb21c4d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.dc {
    background: url(/modules/barcode/static/media/ic_notice_doc.f347ae7a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.wr {
    background: url(/modules/barcode/static/media/ic_notice_projectreport.46171d52.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.nt {
    background: url(/modules/barcode/static/media/ic_notice_note.f0fd01fe.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.fl {
    background: url(/modules/barcode/static/media/ic_notice_file.53168560.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.hr {
    background: url(/modules/barcode/static/media/ic_notice_hr.226f8680.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ac {
    background: url(/modules/barcode/static/media/ic_notice_accounting.4d409e0b.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.rs {
    background: url(/modules/barcode/static/media/ic_notice_resource.dfde123f.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.oc {
    background: url(/modules/barcode/static/media/ic_notice_oc.fd129e5b.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.st {
    background: url(/modules/barcode/static/media/ic_notice_sign.a6ea4759.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.pw {
    background: url(/modules/barcode/static/media/ic-notice-pw-reset.5143dbc1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.crm {
    background: url(/modules/barcode/static/media/ic-notice-crm.3d8921d6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.gsm {
    background: url(/modules/barcode/static/media/ic_notice_management.ea7a55a1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.vote {
    background: url(/modules/barcode/static/media/ic_notice_vote.cbebd3ab.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.clinic {
    background: url(/modules/barcode/static/media/ic_notice_clinic.643af79e.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.taddr {
    background: url(/modules/barcode/static/media/ic_notice_total_address.ed9aa7f9.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .list_con {
    overflow: hidden;
    color: #222
}

.integratedNotification .categoryFn {
    padding: 0 20px;
    height: 44px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box
}

.integratedNotification .categoryFn .itemDiv {
    white-space: nowrap;
    overflow: hidden;
    scroll-behavior: smooth
}

.integratedNotification .categoryFn .itemDiv .item {
    margin: 10px 0 0 4px;
    padding: 0 8px;
    height: 24px;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.integratedNotification .categoryFn .itemDiv .item:first-child {
    margin: 10px 0 0
}

.integratedNotification .categoryFn .itemDiv .item.on {
    color: #1c90fb;
    border: 1px solid #1c90fb;
    background-color: #eff7ff
}

.integratedNotification .categoryFn .arrDiv {
    margin: 0 0 0 10px;
    justify-content: center;
    align-items: center
}

.integratedNotification .categoryFn .arrDiv .prevBtn {
    margin: 0 2px 0 0;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_normal.d93d1189.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.integratedNotification .categoryFn .arrDiv .prevBtn:hover {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_over.e7e38012.png) no-repeat 50%;
    background-size: cover
}

.integratedNotification .categoryFn .arrDiv .prevBtn.disabled {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_disable.8aa96f28.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.integratedNotification .categoryFn .arrDiv .nextBtn {
    margin: 0 0 0 2px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.integratedNotification .categoryFn .arrDiv .nextBtn:hover {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: cover
}

.integratedNotification .categoryFn .arrDiv .nextBtn.disabled {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.newIntegratedNotification {
    top: 40px;
    right: calc(100% - 80px);
    width: 320px;
    height: 655px
}

.newIntegratedNotification:after {
    right: 60px
}

.newIntegratedNotification.alert:after {
    right: 30px;
    background: #f7f7f7
}

.newIntegratedNotification .tab {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e6e6e6
}

.newIntegratedNotification .tab li {
    width: 100%;
    margin: 0 24px !important;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.newIntegratedNotification .tab li .tab01 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_noti_off@2x.a4ee32f3.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li .tab02 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_mention_off@2x.69fe455a.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li .tab03 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_dday_off@2x.fa1257a0.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li .txt {
    padding: 38px 0 0;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.2px;
    color: #a6a6a6
}

.newIntegratedNotification .tab li .cnt {
    position: absolute;
    top: 12px;
    left: 30px;
    margin: 0;
    padding: 0 5px;
    width: auto;
    height: 14px;
    font-size: 10px;
    line-height: 13px;
    color: #fff;
    text-align: right;
    border-radius: 14px;
    background-color: #fc5356
}

.newIntegratedNotification .tab li.on {
    border-bottom: 2px solid #1c90fb
}

.newIntegratedNotification .tab li.on .tab01 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_noti_on@2x.98d0aebc.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li.on .tab02 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_mention_on@2x.1e99a135.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li.on .tab03 {
    position: relative;
    background: url(/modules/barcode/static/media/ic_dday_on@2x.8e6001f0.png) no-repeat top 13px center;
    background-size: 20px
}

.newIntegratedNotification .tab li.on .txt {
    padding: 38px 0 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -.2px;
    color: #1c90fb
}

.newIntegratedNotification .tabCon {
    background-color: #f2f6fa
}

.newIntegratedNotification .tabCon .tabFn {
    width: 100%;
    text-align: right;
    line-height: 21px;
    padding: 10px 20px 11px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff
}

.newIntegratedNotification .tabCon .tabFn + div > div {
    z-index: 1
}

.newIntegratedNotification .tabCon .tabFn .allRead {
    margin: 0 0 0 5px
}

.newIntegratedNotification .tabCon .dayline {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    color: #222;
    margin: 0;
    padding: 0 0 0 24px;
    overflow: hidden;
    background: #fff;
    z-index: 1
}

.newIntegratedNotification .tabCon .dayline .today {
    display: inline-block;
    margin: 6px 0 0 10px;
    width: 37px;
    height: 18px;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    color: #fff;
    background-color: #319df6;
    border-radius: 10px;
    box-sizing: border-box;
    vertical-align: top
}

.newIntegratedNotification .tabCon .notiUl {
    position: relative;
    margin: 10px 0;
    z-index: 0
}

.newIntegratedNotification .tabCon .notiUl:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 33px;
    bottom: 20px;
    width: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.newIntegratedNotification .tabCon .notiUl li {
    position: relative;
    float: unset !important;
    width: 100%;
    margin: 0 !important;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    cursor: pointer
}

.newIntegratedNotification .tabCon .notiUl li:hover {
    background: rgba(228, 242, 255, .5);
    transition: .2s
}

.newIntegratedNotification .tabCon .notiUl li .list_con {
    overflow: hidden;
    color: #a6a6a6
}

.newIntegratedNotification .tabCon .notiUl li .list_con .topline {
    margin-right: 15px
}

.newIntegratedNotification .tabCon .notiUl li .list_con .topline dl {
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dt {
    font-size: 12px;
    line-height: 18px
}

.newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dd {
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dd.name {
    position: relative;
    padding: 0 0 0 5px
}

.newIntegratedNotification .tabCon .notiUl li .list_con .botline {
    margin: 4px 15px 0 0
}

.newIntegratedNotification .tabCon .notiUl li .list_con .botline .text {
    font-size: 11px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newIntegratedNotification .tabCon .notiUl li .list_con .botline .text .mentionGreen {
    color: #09b481
}

.newIntegratedNotification .tabCon .notiUl li .list_con .botline .text .mentionBlue {
    color: #1c90fb
}

.newIntegratedNotification .tabCon .notiUl li .time {
    font-size: 11px;
    line-height: 18px;
    color: #a6a6a6;
    padding: 0 20px 0 0;
    vertical-align: top
}

.newIntegratedNotification .tabCon .notiUl li .time.fold {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat top 2px right
}

.newIntegratedNotification .tabCon .notiUl li .time.unfold {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat top 2px right
}

.newIntegratedNotification .tabCon .notiUl li .icon {
    width: 28px;
    height: 28px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden
}

.newIntegratedNotification .tabCon .notiUl li .icon.profile {
    background: url(/modules/barcode/static/media/ic_notice_profile.5fbbbfeb.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.profile img {
    width: 100%
}

.newIntegratedNotification .tabCon .notiUl li .icon.of {
    background: url(/modules/barcode/static/media/ic_notice_oneffice_read.a66564f7.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.sc {
    background: url(/modules/barcode/static/media/ic_notice_schedule_read.f7b2c1d1.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.an {
    background: url(/modules/barcode/static/media/ic_notice_announcement_read.8cbfa7ed.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.ea {
    background: url(/modules/barcode/static/media/ic_notice_approval_read.60c0964f.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.ma {
    background: url(/modules/barcode/static/media/ic_notice_mail_read.993f4e3d.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.mg {
    background: url(/modules/barcode/static/media/ic_notice_message_read.7d3dfbf2.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.fx {
    background: url(/modules/barcode/static/media/ic_notice_fax_read.2f26b7fa.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.ks {
    background: url(/modules/barcode/static/media/ic_notice_kiss_read.cad85903.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.bd {
    background: url(/modules/barcode/static/media/ic_notice_board_read.47bfa816.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.dc {
    background: url(/modules/barcode/static/media/ic_notice_doc_read.8fd1dd6d.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.wr {
    background: url(/modules/barcode/static/media/ic_notice_projectreport_read.6fe331c2.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.nt {
    background: url(/modules/barcode/static/media/ic_notice_note_read.cd137002.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.fl {
    background: url(/modules/barcode/static/media/ic_notice_file_read.fcae7bb2.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.hr {
    background: url(/modules/barcode/static/media/ic_notice_hr_read.ec90a7c8.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.ac {
    background: url(/modules/barcode/static/media/ic_notice_accounting_read.6d58ab59.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.rs {
    background: url(/modules/barcode/static/media/ic_notice_resource_read.fa027eb6.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.oc {
    background: url(/modules/barcode/static/media/ic_notice_oc_read.9d85d459.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.st {
    background: url(/modules/barcode/static/media/ic_notice_sign_read.a9dcf3e3.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.pw {
    background: url(/modules/barcode/static/media/ic-notice-pw-reset-read.044a8209.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.crm {
    background: url(/modules/barcode/static/media/ic-notice-crm-read.86561852.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.gsm {
    background: url(/modules/barcode/static/media/ic_notice_management_read.c7276477.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.vote {
    background: url(/modules/barcode/static/media/ic_notice_vote_read.6fbbdbf6.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.clinic {
    background: url(/modules/barcode/static/media/ic_notice_clinic_read.6e27644d.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li .icon.taddr {
    background: url(/modules/barcode/static/media/ic_notice_total_address_read.e22d5bbe.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.of {
    background: url(/modules/barcode/static/media/ic_notice_oneffice.94d5270d.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.sc {
    background: url(/modules/barcode/static/media/ic_notice_schedule.0b887d91.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.an {
    background: url(/modules/barcode/static/media/ic_notice_announcement.64c78360.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.ea {
    background: url(/modules/barcode/static/media/ic_notice_approval.3c3f8e4a.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.ma {
    background: url(/modules/barcode/static/media/ic_notice_mail.dd5ddb8a.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.mg {
    background: url(/modules/barcode/static/media/ic_notice_message.7dad3dac.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.fx {
    background: url(/modules/barcode/static/media/ic_notice_fax.ef3b3b47.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.ks {
    background: url(/modules/barcode/static/media/ic_notice_kiss.8851d410.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.bd {
    background: url(/modules/barcode/static/media/ic_notice_board.2fb21c4d.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.dc {
    background: url(/modules/barcode/static/media/ic_notice_doc.f347ae7a.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.wr {
    background: url(/modules/barcode/static/media/ic_notice_projectreport.46171d52.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.nt {
    background: url(/modules/barcode/static/media/ic_notice_note.f0fd01fe.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.fl {
    background: url(/modules/barcode/static/media/ic_notice_file.53168560.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.hr {
    background: url(/modules/barcode/static/media/ic_notice_hr.226f8680.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.ac {
    background: url(/modules/barcode/static/media/ic_notice_accounting.4d409e0b.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.rs {
    background: url(/modules/barcode/static/media/ic_notice_resource.dfde123f.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.oc {
    background: url(/modules/barcode/static/media/ic_notice_oc.fd129e5b.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.st {
    background: url(/modules/barcode/static/media/ic_notice_sign.a6ea4759.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.pw {
    background: url(/modules/barcode/static/media/ic-notice-pw-reset.5143dbc1.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.crm {
    background: url(/modules/barcode/static/media/ic-notice-crm.3d8921d6.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.gsm {
    background: url(/modules/barcode/static/media/ic_notice_management.ea7a55a1.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.vote {
    background: url(/modules/barcode/static/media/ic_notice_vote.cbebd3ab.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.clinic {
    background: url(/modules/barcode/static/media/ic_notice_clinic.643af79e.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .icon.taddr {
    background: url(/modules/barcode/static/media/ic_notice_total_address.ed9aa7f9.png) no-repeat 50%
}

.newIntegratedNotification .tabCon .notiUl li.unread .list_con {
    overflow: hidden;
    color: #222
}

.newIntegratedNotification .tabCon .dDayList {
    padding: 2px 20px 10px
}

.newIntegratedNotification .tabCon .dDayList:before {
    display: none
}

.newIntegratedNotification .tabCon .dDayList li {
    margin: 8px 0 0 !important
}

.newIntegratedNotification .categoryFn {
    padding: 0 20px;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box
}

.newIntegratedNotification .categoryFn + div > div {
    z-index: 1
}

.newIntegratedNotification .categoryFn .itemDiv {
    white-space: nowrap;
    overflow: hidden;
    scroll-behavior: smooth
}

.newIntegratedNotification .categoryFn .itemDiv .item {
    margin: 10px 0 0 4px;
    padding: 0 8px;
    height: 24px;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.newIntegratedNotification .categoryFn .itemDiv .item:first-child {
    margin: 10px 0 0
}

.newIntegratedNotification .categoryFn .itemDiv .item.on {
    color: #1c90fb;
    border: 1px solid #1c90fb;
    background-color: #eff7ff
}

.newIntegratedNotification .categoryFn .arrDiv {
    margin: 0 0 0 10px;
    justify-content: center;
    align-items: center
}

.newIntegratedNotification .categoryFn .arrDiv .prevBtn {
    margin: 0 2px 0 0;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_normal.d93d1189.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newIntegratedNotification .categoryFn .arrDiv .prevBtn:hover {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_over.e7e38012.png) no-repeat 50%;
    background-size: cover
}

.newIntegratedNotification .categoryFn .arrDiv .prevBtn.disabled {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_s_disable.8aa96f28.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.newIntegratedNotification .categoryFn .arrDiv .nextBtn {
    margin: 0 0 0 2px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newIntegratedNotification .categoryFn .arrDiv .nextBtn:hover {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: cover
}

.newIntegratedNotification .categoryFn .arrDiv .nextBtn.disabled {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.UJAP003 .layer_title {
    padding: 8px 20px 7px !important
}

.UJAP003 .layer_title .layer_tit {
    font-size: 16px !important
}

.UJAP003 .pop_con {
    padding-top: 15px
}

.UJAP003 .pop_con .mentionGreen {
    color: #09b481
}

.UJAP003 .pop_con .mentionBlue {
    color: #1c90fb
}

.UJAP003 .pop_con .icon {
    width: 30px;
    height: 30px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden
}

.UJAP003 .pop_con .icon.profile {
    background: url(/modules/barcode/static/media/ic_notice_profile.5fbbbfeb.png) no-repeat 50%
}

.UJAP003 .pop_con .icon.profile img {
    width: 100%
}

.organizationInfoBox {
    position: relative;
    width: 250px;
    height: 200px;
    margin: 0 0 10px;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #d5dce8;
    background-color: #f2f5fa;
    box-sizing: border-box
}

.organizationInfoBox .profile_pic {
    width: 72px;
    height: 72px;
    margin: 20px auto 0;
    border-radius: 36px;
    overflow: hidden;
    background: url(/modules/barcode/static/media/profile_noimg_large.df1413b9.png) no-repeat 50%
}

.organizationInfoBox .profile_pic img {
    width: 100%
}

.organizationInfoBox .profile_name {
    margin: 8px 0 0;
    padding: 0 0 11px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid rgba(190, 198, 222, .4)
}

.organizationInfoBox .profile_name span {
    position: relative;
    font-size: 11px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    vertical-align: top
}

.organizationInfoBox .profile_name span:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #bec6de
}

.organizationInfoBox .profile_etc {
    align-items: center;
    margin: 10px 0 0
}

.organizationInfoBox .profile_etc .profileId {
    background: url(/modules/barcode/static/media/ic_user_m_normal.f13b2214.png) no-repeat top 3px left
}

.organizationInfoBox .profile_etc .profileBd,
.organizationInfoBox .profile_etc .profileId {
    display: inline-block;
    text-align: left;
    font-size: 11px;
    line-height: 24px;
    color: #4a4a4a;
    padding: 0 0 0 21px
}

.organizationInfoBox .profile_etc .profileBd {
    background: url(/modules/barcode/static/media/ic_birthday.a1931dcd.png) no-repeat top 3px left
}

.organizationInfoBox .profile_badge {
    position: absolute;
    top: 8px;
    right: 30px;
    height: 18px;
    padding: 0 6px 1px;
    border-radius: 9px;
    font-size: 11px;
    letter-spacing: -1.1px;
    line-height: 18px;
    color: #fff;
    background: #9da3aa
}

.organizationInfoBox .profile_myGroup {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_folder_my_m_normal.28379d4e.png) no-repeat 50%;
    cursor: pointer
}

.organizationInfoBox .profile_myGroup:hover {
    background: url(/modules/barcode/static/media/ic_folder_my_m_over.cf6a3569.png) no-repeat 50%
}

.organizationCardBox {
    position: relative;
    width: 100%;
    height: 100%
}

.organizationCardBox .profile_pic {
    width: 72px;
    height: 72px;
    margin: 23px 0 0 25px;
    border-radius: 36px;
    overflow: hidden;
    background: url(/modules/barcode/static/media/profile_noimg_large.df1413b9.png) no-repeat 50%
}

.organizationCardBox .profile_pic img {
    width: 100%
}

.organizationCardBox .infoTop {
    margin: 24px 0 0 20px
}

.organizationCardBox .infoTop .profile_name {
    max-width: 90px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-align: left
}

.organizationCardBox .infoTop .profile_position {
    max-width: 120px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-align: left;
    margin: 0 0 0 5px
}

.organizationCardBox .infoTop .profile_id {
    max-width: 100px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    vertical-align: top
}

.organizationCardBox .infoTop .profile_id:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #bec6de
}

.organizationCardBox .infoMid {
    margin: 0 20px;
    min-height: 30px
}

.organizationCardBox .infoMid .profile_org {
    font-size: 12px;
    line-height: 1.25;
    color: #4a4a4a;
    text-align: left
}

.organizationCardBox .infoMid .profile_org.line:hover {
    text-decoration: underline;
    cursor: pointer
}

.organizationCardBox .infoBot {
    margin: 0 20px
}

.organizationCardBox .infoBot .profile_phone {
    background: url(/modules/barcode/static/media/ic_phone_01_m_normal.6367485c.png) no-repeat top 2px left
}

.organizationCardBox .infoBot .profile_mobile,
.organizationCardBox .infoBot .profile_phone {
    font-size: 12px;
    line-height: 20px;
    color: #a6a6a6;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px
}

.organizationCardBox .infoBot .profile_mobile {
    background: url(/modules/barcode/static/media/ic_mobile_m_normal.6bcdf52b.png) no-repeat top 2px left
}

.organizationCardBox .deleteBox {
    display: none
}

.organizationBtnBox {
    position: absolute;
    top: 0;
    right: 0
}

.organizationBtnBox .listType {
    margin: 0 0 0 4px
}

.organizationBtnBox .listType:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.organizationBtnBox .listType ul {
    overflow: hidden
}

.organizationBtnBox .listType ul li {
    float: left;
    width: 26px;
    height: 25px;
    border: 1px solid #a6a6a6;
    transition: .3s;
    background-image: linear-gradient(0deg, #f0f0f0, #fff)
}

.organizationBtnBox .listType ul li:first-child {
    border-width: 1px;
    border-right-color: transparent;
    border-radius: 2px 0 0 2px
}

.organizationBtnBox .listType ul li:last-child {
    border-width: 1px;
    border-left-color: transparent;
    border-radius: 0 2px 2px 0
}

.organizationBtnBox .listType ul li.on {
    border: 1px solid #1c90fb;
    background-image: linear-gradient(0deg, #a0d6fe, #e6f5ff)
}

.organizationBtnBox .listType ul li span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.organizationBtnBox .listType ul li span.typeThumbBtn {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%
}

.organizationBtnBox .listType ul li span.typeListBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.organizationBtnBox .listType ul li.on span.typeThumbBtn {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%
}

.organizationBtnBox .listType ul li.on span.typeListBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%
}

.excelSaveRadioBox {
    margin: 10px 0 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
    text-align: center
}

.pubCardListStyle.orgCardList .cardList {
    border-top: none
}

.pubCardListStyle.orgCardList .cardList .selectedList {
    background: #eff7ff !important
}

.pubCardListStyle.orgCardList .cardList > div > div + div > div > div > div ul > li,
.pubCardListStyle.orgCardList .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px
}

.pubFormStyle.orgForm.bt > table {
    border-top: none
}

.pubFormStyle.orgForm th {
    font-size: 12px;
    color: #000
}

.orgCardMyGroup .organizationCardBox .deleteBox {
    display: block;
    position: absolute;
    top: 11px;
    right: 11px
}

.orgCardMyGroup .organizationCardBox .deleteBox .deleteBtn {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%;
    z-index: 1;
    cursor: pointer
}

.orgCardMyGroup .selectedBorder {
    z-index: 2
}

.orgCardMyGroup .selectedBorder + .organizationCardBox .deleteBox .deleteBtn {
    background: url(/modules/barcode/static/media/ic_close_01_m_over.9cfeef50.png) no-repeat 50%
}

.pubTabStyle.orgTab > div > div > div > div > ul > div:first-child li > button > span:first-child,
.pubTooltip {
    display: none
}

.pubTooltip {
    z-index: 10;
    margin-top: 3px;
    position: fixed
}

.pubTooltip .box {
    position: absolute;
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 10px 7px 12px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap
}

.pubTooltip .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow.d0da4711.png) left top 1px no-repeat;
    z-index: 10
}

#headerWrap #headTabs .tabs .tab-item .module-name.toolTipOn + .module-name-clone + .pubTooltip,
.pubTooltip.hover {
    display: block
}

#headerWrap .tab-item .module-name-clone {
    position: fixed;
    left: -50000px;
    display: block;
    font-size: 12px;
    font-weight: 200;
    color: #8c8c8c;
    line-height: 2;
    letter-spacing: -.5px;
    padding: 3px 0
}

.cmrDiv {
    z-index: 101;
    outline: none
}

.cmrList:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 5%;
    display: block;
    width: 18px;
    height: 9px;
    background: url(/modules/barcode/static/media/bg_popup_up_arrow.e9fa6a38.png) no-repeat 50%
}

.cmrList {
    border: 1px solid #a6a6a6;
    width: 150px;
    margin-top: 20px;
    margin-left: -10px
}

.cmrList ul {
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    max-height: 271px;
    overflow-y: auto
}

.cmrList ul li {
    float: inherit !important;
    margin: 0 !important;
    min-width: auto !important;
    min-height: auto !important;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding: 0 20px 0 11px;
    background-color: #fff;
    cursor: pointer
}

.cmrList ul li:hover {
    background: #eff7ff
}

.cmrList span {
    line-height: 24px;
    float: left;
    color: #000;
    font-size: 12px
}

.cmrList .react-contextmenu-item {
    outline: none
}

.miscMore {
    display: none;
    position: fixed;
    z-index: 100;
    border: 1px solid #a6a6a6
}

.miscMore:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 14px;
    margin-left: -9px;
    display: block;
    width: 18px;
    height: 9px;
    background: url(/modules/barcode/static/media/bg_popup_up_arrow.e9fa6a38.png) no-repeat 50%
}

.miscMore ul {
    min-width: 128px;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    max-height: 271px;
    overflow-y: auto
}

.miscMore ul li {
    float: inherit !important;
    margin: 0 !important;
    min-width: auto !important;
    min-height: auto !important;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 27px;
    padding: 0 20px 0 11px;
    background-color: #fff;
    cursor: pointer
}

.miscMore ul li:hover {
    color: #1c90fb;
    background: #eff7ff
}

.miscMore ul li:hover span.as {
    background: url(/modules/barcode/static/media/ic_pc_m_over.0caff452.png) no-repeat top 1px center
}

.miscMore ul li:hover span.down {
    background: url(/modules/barcode/static/media/ic_download_m_over.3fd101f4.png) no-repeat 50%
}

.miscMore ul li:hover span.help {
    background: url(/modules/barcode/static/media/ic_help_m_over.8f1ed4aa.png) no-repeat 50%
}

.miscMore ul li:hover span.update {
    background: url(/modules/barcode/static/media/ic_happy_m_over.0a49543d.png) no-repeat 50%
}

.miscMore ul li:hover span.online {
    background: url(/modules/barcode/static/media/ic_online_center_m_over.c14f5f19.png) no-repeat top 1px center
}

.miscMore ul li:hover span.foex {
    background: url(/modules/barcode/static/media/ic_foex_m_over.dd581bb5.png) no-repeat 50%
}

.miscMore ul li span.ico {
    width: 17px;
    height: 17px;
    float: left;
    margin-top: 5px;
    margin-right: 4px
}

.miscMore ul li span.as {
    background: url(/modules/barcode/static/media/ic_pc_m_normal.e52a7ef8.png) no-repeat top 1px center
}

.miscMore ul li span.down {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.miscMore ul li span.help {
    background: url(/modules/barcode/static/media/ic_help_m_normal.c4749336.png) no-repeat 50%
}

.miscMore ul li span.update {
    background: url(/modules/barcode/static/media/ic_happy_m_normal.68d4cc43.png) no-repeat 50%
}

.miscMore ul li span.online {
    background: url(/modules/barcode/static/media/ic_online_center_m_normal.f4c9fdba.png) no-repeat top 1px center
}

.miscMore ul li span.foex {
    background: url(/modules/barcode/static/media/ic_foex_m_normal.0c19c8d9.png) no-repeat 50%
}

.miscMore ul li span.txt {
    line-height: 27px;
    float: left
}

.tab-more-popup {
    display: none;
    position: absolute;
    z-index: 100;
    border: 1px solid #a6a6a6
}

.tab-more-popup:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -9px;
    display: block;
    width: 18px;
    height: 9px;
    background: url(/modules/barcode/static/media/bg_popup_up_arrow.e9fa6a38.png) no-repeat 50%
}

.tab-more-popup ul {
    width: 228px;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    max-height: 271px;
    overflow-y: auto
}

.tab-more-popup ul .tab-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 27px;
    padding: 0 30px 0 36px;
    background-color: #fff
}

.tab-more-popup ul .tab-item:first-child {
    border-width: 0
}

.tab-more-popup ul .tab-item:hover {
    background-color: #eff7ff;
    transition: all .3s
}

.tab-more-popup ul .tab-item.rightOn {
    background-color: #f5f5f5;
    transition: all .3s
}

.tab-more-popup ul .tab-item.on {
    background-color: #eff7ff
}

.tab-more-popup ul .tab-item .new-window {
    position: absolute;
    top: 0;
    left: 10px;
    width: 26px;
    height: 27px;
    background: url(../images/icon_tabon_new_normal.24cdce3f.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.tab-more-popup ul .tab-item .module-name {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #000;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.tab-more-popup ul .tab-item .item-close {
    position: absolute;
    top: 0;
    right: 10px;
    width: 16px;
    height: 27px;
    background: url(../images/icon_tabon_close_normal@2x.1f853267.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.tmp-foot {
    height: 40px;
    background: #f7f7f7;
    text-align: center;
    box-sizing: border-box;
    padding-top: 8px
}

#containerWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
    overflow-x: auto
}

#containerWrap #sideLnb {
    position: absolute;
    top: 94px;
    left: 0;
    bottom: 0;
    min-width: 194px;
    border: solid #e5e5e5;
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    background: #f6f8fa;
    transform: translateX(0);
    transition: transform .5s;
    z-index: 11
}

#containerWrap #sideLnb [class*=OBTPageContainer_root] > [class*=OBTPageContainer_section] > [class*=OBTPageContainer_contentsWrapper] {
    z-index: auto !important
}

#containerWrap #sideLnb.onLnb {
    z-index: 12
}

#containerWrap #sideLnb.folding {
    transform: translateX(-100%);
    transition: transform .5s
}

#containerWrap #sideLnb.hide {
    transform: translateX(-150%);
    transition: transform .5s
}

#containerWrap #sideLnb .lnbTab {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    box-sizing: border-box;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

#containerWrap #sideLnb .lnbTab .menu {
    cursor: pointer;
    background: url(/modules/barcode/static/media/ico_lnbTab_menu.8d6fb4c1.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .menu.on,
#containerWrap #sideLnb .lnbTab .menu:hover {
    position: relative;
    background: url(/modules/barcode/static/media/ico_lnbTab_menu_on.0a3b433b.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .menu.on:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #0c89fb
}

#containerWrap #sideLnb .lnbTab .favorite {
    cursor: pointer;
    background: url(/modules/barcode/static/media/ico_lnbTab_favorite.fa858f81.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .favorite.on,
#containerWrap #sideLnb .lnbTab .favorite:hover {
    position: relative;
    background: url(/modules/barcode/static/media/ico_lnbTab_favorite_on.35556cd9.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .favorite.on:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #0c89fb
}

#containerWrap #sideLnb .lnbTab .history {
    cursor: pointer;
    background: url(/modules/barcode/static/media/ico_lnbTab_history.c0613837.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .history.on,
#containerWrap #sideLnb .lnbTab .history:hover {
    position: relative;
    background: url(/modules/barcode/static/media/ico_lnbTab_history_on.bfba6152.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .history.on:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #0c89fb
}

#containerWrap #sideLnb .lnbTab .process {
    cursor: pointer;
    background: url(/modules/barcode/static/media/ico_lnbTab_process.5eed6d8a.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .process.on,
#containerWrap #sideLnb .lnbTab .process:hover {
    position: relative;
    background: url(/modules/barcode/static/media/ico_lnbTab_process_on.fef3dd77.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .process.on:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #0c89fb
}

#containerWrap #sideLnb .lnb-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

#containerWrap #sideLnb .lnb-container .nav-item {
    padding-left: 20px;
    box-sizing: border-box;
    cursor: pointer
}

#containerWrap #sideLnb .lnb-container .nav-item.selected > .extend {
    color: #1c90fb;
    font-weight: 700
}

#containerWrap #sideLnb .lnb-container .nav-item.selected > .extend .nav-text-cnt {
    color: #1c90fb
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 {
    padding: 0;
    border: solid #e1e6ec;
    border-width: 0 0 1px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend {
    padding: 0 15px 0 12px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-icon {
    display: none !important
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text {
    flex: 1 1;
    display: inline-block;
    font-size: 13px;
    line-height: 2;
    letter-spacing: -.5px;
    padding: 5px 30px 5px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text:hover {
    color: #1c90fb
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text-cnt {
    margin-top: 13px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .item-close {
    margin-top: 7px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-2 > .extend {
    padding-right: 15px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-2.nav-item-close:first-child:after,
#containerWrap #sideLnb .lnb-container .nav-item.step-2.nav-item-open:first-child:after {
    content: "";
    width: 25px;
    height: 13px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0
}

#containerWrap #sideLnb .lnb-container .nav-item.step-3 {
    padding-left: 15px;
    background: url(/modules/barcode/static/media/bg_dat.00f5513a.png) repeat-y 14px 0
}

#containerWrap #sideLnb .lnb-container .nav-item.step-3:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 14px;
    width: 1px;
    height: 4px;
    background: url(/modules/barcode/static/media/bg_dat.00f5513a.png) repeat-y;
    opacity: .4
}

#containerWrap #sideLnb .lnb-container .nav-item.step-3 > .extend {
    padding-right: 15px
}

#containerWrap #sideLnb .lnb-container .nav-item.item-folder > .extend .nav-icon {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/modules/barcode/static/media/ic_arrow_right_02_m_normal.d07bd820.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item.item-folder.nav-item-open > .extend .nav-icon {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/modules/barcode/static/media/ic_arrow_left_02_m_normal.e439f3f7.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend .nav-icon {
    background: #fff url(/modules/barcode/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0;
    height: 20px
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend .nav-icon:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -1px;
    width: 9px;
    height: 9px;
    background: url(/modules/barcode/static/media/btn_tree_open.ef0b2fb5.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend + .sub-container {
    height: auto;
    transform: rotateX(0deg);
    transition: .5s
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-close > .extend .nav-icon {
    background: #fff url(/modules/barcode/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0;
    height: 20px
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-close > .extend .nav-icon:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -1px;
    width: 9px;
    height: 9px;
    background: url(/modules/barcode/static/media/btn_tree_close.5c8a0ad2.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item .extend {
    position: relative;
    display: flex;
    align-items: center;
    height: 28px;
    font-size: 0;
    box-sizing: border-box
}

#containerWrap #sideLnb .lnb-container .nav-item .extend + .sub-container {
    height: 0;
    transform: rotateX(-90deg)
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 15px;
    background: #fff url(../images/bg_datL2.0edaccd3.png) no-repeat 3px 0
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/modules/barcode/static/media/ic_favorite_off.07d7b49c.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite.on {
    background: url(/modules/barcode/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text {
    display: block;
    font-size: 13px;
    letter-spacing: -.5px;
    padding: 0 0 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text:hover,
#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text:hover + .nav-text-cnt {
    color: #1c90fb
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text-cnt {
    display: block;
    height: 17px;
    font-size: 11px;
    text-align: right;
    margin-left: 4px;
    color: #a6a6a6
}

#containerWrap #sideLnb .lnb-container .nav-item > .extend .item-close {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url(/modules/barcode/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px
}

#containerWrap #sideLnb .lnb-container .nav-item > .extend .item-close:hover {
    background: url(/modules/barcode/static/media/ic_close_01_s_over.3586af5f.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .sub-container,
#containerWrap #sideLnb .lnb-container .sub-container li {
    background: url(/modules/barcode/static/media/bg_dat.00f5513a.png) repeat-y 19px 0
}

#containerWrap #sideLnb .lnb-container .sub-container li:last-child {
    background: none
}

#containerWrap #sideLnb .lnb-container .sub-container li:last-child .nav-icon {
    width: 13px;
    height: 15px;
    background: #fff url(../images/bg_datL2.0edaccd3.png) no-repeat 3px 0
}

#containerWrap #sideLnb .lnb-container .sub-container li .extend {
    margin-left: -4px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 {
    padding: 0;
    border-bottom: 1px solid #d9d9d9
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend {
    height: 35px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt {
    flex-direction: row;
    align-items: center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt .nav-text {
    padding-right: 14px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt .nav-text-cnt {
    margin: 0 14px 0 0;
    font-weight: 700;
    font-family: "NotoSans"
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-text {
    font-weight: 700
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-text-cnt {
    margin-left: 15px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-setting {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_settine_02_s_normal.8620777b.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-setting:hover {
    background: url(/modules/barcode/static/media/ic_settine_02_s_over.be8e8120.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item > .extend,
#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1:last-child > .extend {
    border-bottom: none
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item.nav-item-open:last-child > .extend,
#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item.nav-item-open > .extend {
    border-bottom: 1px solid #d9d9d9
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-open > .extend {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat right 14px center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-open > .extend:hover {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_over.248d893e.png) no-repeat right 14px center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close > .extend {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 14px center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close > .extend:hover {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat right 14px center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close .extend + .sub-container {
    padding: 0;
    margin-top: -1px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-hidden .extend {
    background: none
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-hidden .extend + .sub-container {
    padding: 0;
    margin-top: -1px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2 .extend + .sub-container {
    padding: 0
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2 .extend .nav-text {
    font-size: 13px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item .extend + .sub-container {
    padding: 4px 5px 4px 0;
    background: #fff
}

.sideRegi {
    overflow: hidden;
    text-align: center;
    display: flex;
    padding: 12px;
    box-sizing: border-box
}

.sideRegi > div {
    flex: 1 1 auto
}

.sideRegi .btn_sideRegi {
    background: #1c90fb !important;
    color: #fff !important;
    border: none !important;
    height: 34px;
    padding: 0 !important;
    width: 100%;
    border-radius: 2px
}

.sideRegi .btn_sideRegi:hover {
    background: #034ca6 !important
}

.sideRegi .btn_sideRegi:hover span:after {
    background: none !important
}

.sideRegi div + div {
    margin-left: 1px
}

.sideRegi button span {
    font-size: 13px !important
}

.sideRegi button img {
    margin-left: -18px;
    margin-right: -2px !important;
    width: 34px;
    height: 34px
}

.sideTab {
    height: 100%
}

.sideRegi + .lnb-container {
    top: 61px !important;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.sideLnbMenu {
    background: #fafafa;
    position: relative;
    border-top: 1px solid #e6e6e6
}

.sideLnbMenu .lnb-container {
    overflow: visible !important;
    overflow: initial !important
}

.sideBtm {
    text-align: center;
    background: #ecf1f5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.sideBtm .calSetting {
    padding-left: 22px;
    background: url(/modules/barcode/static/media/ic_settine_02_m_normal.43b85a14.png) no-repeat left top 2px
}

.sideBtm .calSetting,
.sideBtm .txt {
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    margin-top: 12px;
    display: inline-block
}

.sideBtm .sbDiv {
    height: 36px;
    justify-content: center;
    box-sizing: border-box;
    display: flex;
    text-align: center
}

.sideBtm .sbDiv:hover {
    background: #e6f5ff
}

.sideBtm .sbDiv.hover_no:hover {
    background: inherit !important
}

.sideBtm .sbDiv .sbBtn {
    flex: 1 1 auto;
    cursor: pointer
}

.sideBtm .sbDiv .sbBtn.on .tit {
    color: #1c90fb
}

.sideBtm .sbDiv .sbBtn.on .sbTxtUser {
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.sideBtm .sbDiv .sbBtn.on .sbTxtUser .ico {
    background: url(/modules/barcode/static/media/ic_user_select@2x.f4f0e905.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn.on .sbTxtAdmin {
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.sideBtm .sbDiv .sbBtn.on .sbTxtAdmin .ico {
    background: url(/modules/barcode/static/media/ic_administrator_select@2x.04660f88.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn.on .sbTxtMaster {
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.sideBtm .sbDiv .sbBtn.on .sbTxtMaster .ico {
    background: url(/modules/barcode/static/media/ic_master_select@2x.64d987d5.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtUser .ico {
    background: url(/modules/barcode/static/media/ic_user_select@2x.f4f0e905.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtAdmin .ico {
    background: url(/modules/barcode/static/media/ic_administrator_select@2x.04660f88.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtMaster .ico {
    background: url(/modules/barcode/static/media/ic_master_select@2x.64d987d5.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn > span {
    width: 22px;
    height: 28px;
    display: inline-block;
    margin: 4px
}

.sideBtm .sbDiv .sbBtn.flex {
    display: flex
}

.sideBtm .sbDiv .sbBtn .sbTxtUser {
    flex: 1 1
}

.sideBtm .sbDiv .sbBtn .sbTxtUser .ico {
    background: url(/modules/barcode/static/media/ic_user_normal@2x.f6f0dab6.png) no-repeat 50%;
    display: inline-block;
    height: 28px;
    width: 22px;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn .sbTxtAdmin {
    flex: 1 1
}

.sideBtm .sbDiv .sbBtn .sbTxtAdmin .ico {
    background: url(/modules/barcode/static/media/ic_administrator_normal@2x.54c206bb.png) no-repeat 50%;
    display: inline-block;
    height: 28px;
    width: 22px;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn .sbTxtMaster {
    flex: 1 1
}

.sideBtm .sbDiv .sbBtn .sbTxtMaster .ico {
    background: url(/modules/barcode/static/media/ic_master_normal@2x.fe795c17.png) no-repeat 50%;
    display: inline-block;
    height: 28px;
    width: 22px;
    background-size: 18px
}

#containerWrap #sideLnb .sizeTool {
    position: absolute;
    top: 0;
    right: -7px;
    bottom: 0;
    width: 6px;
    border: solid #e6e6e6;
    border-width: 1px 1px 0 0;
    background: #fafafa;
    box-sizing: border-box;
    cursor: ew-resize
}

#containerWrap #sideLnb .sizeTool .sizeToolBtn {
    position: absolute;
    top: 50%;
    background-color: #b4bcc5;
    width: 3px;
    height: 15px;
    cursor: pointer;
    transition: all .2s;
    transform: translate(1px, -50%)
}

#containerWrap #sideLnb .sizeTool:hover .sizeToolBtn {
    background-color: #333948
}

#containerWrap #sideLnb .sizeTool .sizeToolBtn:hover {
    background-color: #333948;
    width: 5px;
    height: 50px;
    transform: translateY(-50%)
}

#containerWrap #titleFnc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box
}

#containerWrap #titleFnc .content-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50px;
    padding: 0 0 0 50px;
    box-sizing: border-box
}

#containerWrap #titleFnc .content-title .title-fnc {
    position: absolute;
    top: 16px;
    left: 19px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_smallthumb_m_normal.e2166ed5.png) no-repeat 50%;
    cursor: pointer
}

#containerWrap #titleFnc .content-title .title-text {
    display: block;
    font-size: 18px;
    line-height: 2;
    letter-spacing: -.5px;
    padding: 7px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#containerWrap #titleFnc .content-title-fnc {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50px;
    overflow: hidden
}

#containerWrap #titleFnc .content-title-fnc:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

#containerWrap #titleFnc .content-title-fnc ul {
    float: right;
    margin: 13px 15px 0 0
}

#containerWrap #titleFnc .content-title-fnc ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

#containerWrap #titleFnc .content-title-fnc ul li {
    float: right;
    margin: 0 0 0 5px
}

#containerWrap #titleFnc .content-title-fnc ul li span {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer
}

#containerWrap #titleFnc .content-title-fnc ul li .favorites {
    background: url(/modules/barcode/static/media/ic_favorite_off.07d7b49c.png) no-repeat 50%
}

#containerWrap #titleFnc .content-title-fnc ul li .favorites.on {
    background: url(/modules/barcode/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

#containerWrap #titleFnc .content-title-fnc ul li .help {
    background: url(/modules/barcode/static/media/ic_question_01_m_normal.f38af889.png) no-repeat 50%
}

#containerWrap #contents {
    position: absolute;
    top: 94px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: auto;
    z-index: 11
}

#containerWrap #contents > div {
    min-height: 536px
}

#contents {
    min-width: 1032px
}

#contents .onlineManualBtn {
    display: inline-flex;
    align-items: center
}

#contents > div {
    height: 100%
}

#contents [class*=OBTPageContainer_root] [class*=OBTPageContainer_header] [class*=OBTPageContainer_title] [class*=OBTPageContainer_titleButton] {
    display: none
}

#containerWrap #contentsFull {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

#portalviewContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .5s
}

.logintype-A {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    background: url(/modules/barcode/static/media/img_login.575a1cfc.jpg) no-repeat top;
    background-size: 1920px 1080px;
    overflow: hidden
}

@media screen and (min-height:1081px),
screen and (min-width:1921px) {
    .logintype-A {
        background: url(/modules/barcode/static/media/img_login.575a1cfc.jpg) no-repeat 0 0;
        background-size: cover;
        transition: background-size 1s linear
    }
}

@media screen and (min-width:1921px) {
    .logintype-A .userCustomBox .loginLogo img {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        max-width: 12.9vw !important;
        transition: .5s
    }

    .logintype-A .userCustomBox .loginTxt .bigText {
        font-size: 1.65vw !important;
        line-height: 1.9vw !important;
        font-weight: 400 !important;
        transition: .5s
    }

    .logintype-A .userCustomBox .loginTxt .subText {
        font-size: .83vw !important;
        line-height: 1vw !important;
        font-weight: 400 !important;
        transition: .5s
    }
}

.logintype-A .userCustomBox {
    position: absolute;
    top: 150px;
    left: 70px;
    right: 515px;
    width: auto;
    height: auto
}

.logintype-A .userCustomBox .loginLogo {
    width: auto;
    height: auto
}

.logintype-A .userCustomBox .loginLogo img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 247px
}

.logintype-A .userCustomBox .loginTxt {
    margin: 45px 0 0;
    min-width: 475px
}

.logintype-A .userCustomBox .loginTxt .bigText {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.58px;
    color: #fff
}

.logintype-A .userCustomBox .loginTxt .subText {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.16px;
    color: hsla(0, 0%, 100%, .8);
    margin: 20px 0 0
}

.logintype-A .copy {
    position: absolute;
    left: 70px;
    bottom: 30px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: -.12px
}

.logintype-A .loginBox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 445px;
    background-color: hsla(0, 0%, 100%, .8)
}

.logintype-A .loginBox .loginForm {
    position: absolute;
    top: 50%;
    left: 50px;
    right: 50px;
    height: auto;
    transform: translateY(-50%)
}

.logintype-A .loginBox .loginForm .loginTitle {
    margin-bottom: 70px;
    color: #2e3645;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700
}

.logintype-A .loginBox .loginForm .loginTitle b {
    font-size: 26px;
    font-weight: 700
}

.logintype-A .loginBox .loginForm .inputStyle {
    width: 100%;
    height: 50px;
    margin: 0 0 14px;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 50px
}

.logintype-A .loginBox .loginForm .inputStyle input {
    height: 50px !important;
    padding: 0 25px !important;
    transition: all .3s !important;
    box-sizing: border-box !important;
    border: 1px solid #c4c4c4 !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important
}

.logintype-A .loginBox .loginForm .inputStyle input:focus {
    border: 1px solid #1c90fb !important
}

.logintype-A .loginBox .loginForm .inputStyle.disabled input {
    color: #7b7b7b;
    border: 1px solid rgba(207, 209, 215, 0) !important;
    background-color: rgba(207, 209, 215, .5) !important
}

.logintype-A .loginBox .loginForm .inputStyle.disabled input:focus {
    border: 1px solid rgba(207, 209, 215, .5) !important
}

.logintype-A .loginBox .loginForm .inputStyle input::-moz-placeholder {
    color: #a6a6a6
}

.logintype-A .loginBox .loginForm .inputStyle input:-ms-input-placeholder {
    color: #a6a6a6
}

.logintype-A .loginBox .loginForm .inputStyle input::placeholder {
    color: #a6a6a6
}

.logintype-A .loginBox .loginForm .loginBtn {
    margin: 35px 0 0
}

.logintype-A .loginBox .loginForm .wBox .loginBtn {
    margin: 40px 0 0
}

.logintype-A .loginBox .loginForm .loginBtn button {
    display: block !important;
    width: 100% !important;
    height: 54px !important
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex {
    padding: 0 10px 0 0;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27) !important;
    background-image: linear-gradient(90deg, #0af 4%, #8168ff 95%) !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex span {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff !important
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.poc span {
    font-size: 16px !important;
    font-weight: 700;
    color: #fff !important
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex:hover {
    background-image: linear-gradient(90deg, #0084f4 4%, #654ae8 95%) !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27) !important;
    background: #fff !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 700 !important;
    color: #000 !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex:active,
.logintype-A .loginBox .loginForm .loginBtn .btnFlex:hover {
    border: 1px solid #1c90fb !important;
    background: #fff !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27) !important;
    background-image: linear-gradient(90deg, #0af 4%, #8168ff 95%) !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 700 !important;
    color: #fff !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue:active,
.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue:hover {
    background-image: linear-gradient(90deg, #0084f4 4%, #654ae8 95%) !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27) !important;
    background: #ddd !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 700 !important;
    color: #a6a6a6 !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled:active,
.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled:hover {
    border: 1px solid #ddd !important;
    background: #ddd !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27) !important;
    background: #b4b9bc !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 700 !important;
    color: hsla(0, 0%, 100%, .5) !important
}

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled:active,
.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled:hover {
    border: 1px solid #b4b9bc !important;
    background: #b4b9bc !important
}

.logintype-A .loginBox .loginForm .loginBtn > div {
    flex: 1 1
}

.logintype-A .loginBox .loginForm .loginBtn > div:first-child {
    margin: 0
}

.logintype-A .loginBox .loginForm .loginBtn > div:nth-child(2) {
    margin: 0 8px
}

.logintype-A .loginBox .loginForm .loginBtn > div:nth-child(3) {
    margin: 0
}

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:first-child {
    margin: 0 !important
}

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:nth-child(2) {
    margin: 0 0 0 8px !important
}

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:nth-child(3) {
    margin: 0 !important
}

.logintype-A .loginBox .loginForm .loginPrevText {
    margin: 15px 0 0 !important;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.7px
}

.logintype-A .loginBox .loginForm .orLine {
    position: relative;
    margin: 20px 0 22px !important;
    font-size: 14px;
    color: #8c8c8c;
    text-align: center;
    letter-spacing: -.7px
}

.logintype-A .loginBox .loginForm .orLine:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 130px;
    height: 1px;
    background-color: #ddd
}

.logintype-A .loginBox .loginForm .orLine:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 130px;
    height: 1px;
    background-color: #ddd
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.megazone {
    padding: 0 10px 0 0;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(90, 90, 90, .15) !important;
    background-color: #000;
    background-image: none !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.megazone span {
    font-size: 16px !important;
    color: #fff !important;
    letter-spacing: -.4px
}

.logintype-A .loginBox .loginForm .wBox {
    position: relative;
    width: 100%;
    height: 360px;
    box-sizing: border-box
}

.logintype-A .loginBox .loginForm .wBox .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.8px;
    color: #2e3645
}

.logintype-A .loginBox .loginForm .btnDiv {
    position: absolute;
    width: 100%;
    bottom: 40px;
    text-align: center
}

.logintype-A .loginBox .loginForm .btnDiv2 {
    position: absolute;
    width: 100%;
    bottom: 80px;
    text-align: center
}

.logintype-A .loginBox .loginForm .txtDiv {
    width: 100%;
    margin: 10px 0 0
}

.logintype-A .loginBox .loginForm .txtDiv:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.logintype-A .loginBox .loginForm .txtDiv .linkTxt {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px
}

.logintype-A .loginBox .loginForm .qrBoxStyle {
    padding: 150px 0 0
}

.logintype-A .loginBox .loginForm .qrBoxStyle .qr_view {
    position: absolute;
    width: 100%;
    top: 60px;
    text-align: center
}

.logintype-A .loginBox .loginForm .qrBoxStyle .text {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-A .loginBox .loginForm .stepDiv {
    position: relative;
    padding: 20px 20px 0
}

.logintype-A .loginBox .loginForm .stepDiv:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #a6a6a6;
    z-index: 1
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit {
    position: relative;
    border: 1px solid #a6a6a6;
    border-radius: 16px;
    text-align: center;
    background: #fff;
    z-index: 2
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit:nth-child(2) {
    margin: 0 12px
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit .num {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #a6a6a6
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit .txt {
    padding: 0 0 0 2px;
    font-size: 11px;
    line-height: 30px;
    color: #a6a6a6;
    letter-spacing: -.28px
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on {
    border: 1px solid #1c90fb;
    background: #e9f5ff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on .num {
    background: #1c90fb
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on .txt {
    color: #1c90fb
}

.logintype-A .loginBox .loginForm .sertiType {
    position: relative
}

.logintype-A .loginBox .loginForm .sertiType .radio {
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background: url(/modules/barcode/static/media/login_radio.516cc124.png) no-repeat 50%
}

.logintype-A .loginBox .loginForm .sertiType .radio.on {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/login_radio_checked.95b6fb4e.png) no-repeat 50%
}

.logintype-A .loginBox .loginForm .sertiType .txt {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    color: #4a4a4a
}

.logintype-A .loginBox .loginForm .sertiType .text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    margin: 20px 0 -20px
}

.logintype-A .loginBox .loginForm .sertiType .unit01 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_mobile.90a79c78.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-A .loginBox .loginForm .sertiType .unit02 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_otp.9957aa87.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-A .loginBox .loginForm .sertiType .unit03 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-A .loginBox .loginForm .sertiType .unit04 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_password.5d323548.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-A .loginBox .loginForm .textBox {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: center
}

.logintype-A .loginBox .loginForm .textBox .sertiHelpBtn {
    position: relative;
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px;
    color: #000
}

.logintype-A .loginBox .loginForm .textBox .sertiHelpBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 18px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.logintype-A .loginBox .loginForm .textBox .text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-A .loginBox .loginForm .imgBoxStyle {
    position: relative
}

.logintype-A .loginBox .loginForm .imgBoxStyle .text {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000;
    letter-spacing: -.65px
}

.logintype-A .loginBox .loginForm .imgBoxStyle .radio {
    text-align: center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.certi-notallowed {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_certification.02745a96.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.app-install {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_app.6791eac1.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.complete {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/ic_complete.366c2cc9.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.device {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.device-rerun {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device-rerun.16415087.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .pin_area {
    padding: 50px 0 0
}

.logintype-A .loginBox .loginForm .pin_input {
    height: 50px;
    margin: 0 4px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box
}

.logintype-A .loginBox .loginForm .pin_input .number {
    width: 100%;
    padding: 0;
    font-size: 25px;
    line-height: 50px;
    color: #4c9cff;
    border: none;
    text-indent: 0;
    border-radius: 4px;
    text-align: center;
    background: transparent;
    outline: none
}

.logintype-A .loginBox .loginForm .text {
    margin: 30px 0 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000
}

.logintype-A .loginBox .loginForm .text .menuIco {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.logintype-A .loginBox .loginForm .imgDevice {
    position: relative
}

.logintype-A .loginBox .loginForm .imgDevice.device-connected {
    padding: 110px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.logintype-A .loginBox .loginForm .imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/modules/barcode/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgDevice .text {
    font-size: 13px;
    line-height: 41px;
    letter-spacing: -.65px;
    text-align: center
}

.logintype-A .loginBox .loginForm .imgDevice .text span {
    font-size: 13px;
    font-weight: 700;
    line-height: 41px
}

.logintype-A .loginBox .loginForm .checkboxItem {
    margin: 15px 0 0
}

.logintype-A .loginBox .loginForm .checkboxItem span > span > span {
    background-image: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) !important;
    margin-top: -8px !important
}

.logintype-A .loginBox .loginForm .checkboxItem:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.logintype-A .loginBox .loginForm .checkboxItem input[type=checkbox] + svg {
    border-radius: 3px;
    background: #dddee0;
    margin-top: -8px !important
}

.logintype-A .loginBox .loginForm .checkboxItem input[type=checkbox] + svg path {
    fill: #babcc3
}

.logintype-A .loginBox .loginForm .checkboxItem input[type=checkbox]:checked + svg {
    border-radius: 3px;
    background: #1c90fb;
    margin-top: -8px !important
}

.logintype-A .loginBox .loginForm .checkboxItem input[type=checkbox]:checked + svg path {
    fill: #1c90fb
}

.logintype-A .loginBox .loginForm .checkboxItem input[type=checkbox]:checked + svg polygon {
    fill: #fff
}

.logintype-A .loginBox .loginForm .checkboxItem label {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "NotoSans" !important;
    margin-left: 5px
}

.logintype-A .loginBox .loginForm .checkboxItem label:focus:after,
.logintype-A .loginBox .loginForm .checkboxItem label:hover:after {
    width: 100%;
    transition: all .5s
}

.logintype-A .loginBox .loginForm .findPwItem {
    margin: 15px 10px 0
}

.logintype-A .loginBox .loginForm .findPwItem .findPw {
    font-size: 14px
}

.certiBrowserBox {
    margin: 10px 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    justify-content: center
}

.certiBrowserBox .unit01 {
    background: url(/modules/barcode/static/media/img_download_edge.1f27a298.png) no-repeat top 33px center
}

.certiBrowserBox .unit01,
.certiBrowserBox .unit02 {
    max-width: 90px;
    padding: 105px 24px 0;
    text-align: center
}

.certiBrowserBox .unit02 {
    background: url(/modules/barcode/static/media/img_download_chrome.63da18bc.png) no-repeat top 33px center
}

.certiBrowserBox .unit03 {
    max-width: 90px;
    padding: 105px 24px 0;
    text-align: center;
    background: url(/modules/barcode/static/media/img_download_safari.6859387f.png) no-repeat top 33px center
}

.certiGuideText .tit_p {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #000
}

.certiGuideText li {
    font-size: 12px;
    line-height: 16px;
    color: #4a4a4a
}

.certiFidoGuideText {
    width: 678px;
    height: 100px;
    margin: 0 0 10px;
    background: url(/modules/barcode/static/media/img_mail_resend.ee9f3b28.png) no-repeat
}

.certiFidoGuideText .tit_p {
    margin: 18px 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #0c2b65
}

.certiFidoGuideText .text {
    margin: 3px 0 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: #5c7198
}

.lanagageLayer {
    position: fixed;
    bottom: 56px;
    right: 51px
}

.lanagageLayer .filterText {
    min-width: 59px;
    color: #000;
    padding: 0 27px 0 0;
    background: url(/modules/barcode/static/media/btn_arrow_down_normal.1ed5bddd.png) no-repeat right 5px center;
    background-size: 12px;
    cursor: pointer
}

.lanagageLayer .filterText span {
    background: url(/modules/barcode/static/media/ic_web_s_normal@2x.2e63f7be.png) no-repeat left top 3px;
    background-size: 14px;
    padding: 0 0 0 18px
}

.lanagageLayer .filterText.on {
    background: url(/modules/barcode/static/media/btn_arrow_up_normal.5eacb2f3.png) no-repeat right 5px center;
    background-size: 12px
}

.lanagageLayer .layerBox {
    position: absolute;
    bottom: 28px;
    right: 0;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff;
    box-sizing: border-box
}

.lanagageLayer .layerBox ul li {
    font-size: 12px;
    line-height: 27px;
    color: #000;
    padding: 0 12px 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.lanagageLayer .layerBox ul li:hover {
    background-color: #e6f5ff
}

.lanagageLayer .layerBox ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 14px
}

.lanagageLayer .layerBox ul li.chk:hover {
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 14px
}

.simpleLoginDialog ._isDialog > div:nth-child(2) {
    border-radius: 8px !important
}

.simpleLoginDialog .dialog_content .dialog_data > div:first-child {
    display: none
}

.simpleLoginDialog .dialog_content .dialog_data > div:nth-child(2) {
    border-top: none
}

.simpleLoginDialog .dialog_content .dialog_data > div:nth-child(2) [class*=OBTDialog_dataWrapper] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.simpleLoginDialog .dialog_content .dialog_data > div:nth-child(3) {
    display: none
}

.logintype-simple {
    padding: 130px 0 0
}

.logintype-simple .loginForm .titleImg {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background: url(/modules/barcode/static/media/img_logout.44d9eb28.png) no-repeat 50%
}

.logintype-simple .loginForm .text01 {
    margin: 20px 0 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.24px;
    text-align: center;
    color: #2e3645
}

.logintype-simple .loginForm .text02 {
    margin: 8px 0 25.5px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .inputDiv {
    position: relative;
    margin: 14.5px auto 0
}

.logintype-simple .loginForm .inputDiv .inputStyle > div {
    border-radius: 25px !important
}

.logintype-simple .loginForm .inputDiv .inputStyle > div > div {
    height: 48px !important;
    padding: 0 30px 0 25px !important;
    border-radius: 25px !important
}

.logintype-simple .loginForm .inputDiv .inputStyle > div > div > input {
    font-size: 16px !important;
    letter-spacing: -.4px !important
}

.logintype-simple .loginForm .inputDiv .inputStyle > div > div > svg {
    top: 16px !important;
    right: 15px !important
}

.logintype-simple .loginForm .inputDiv .validateText {
    position: absolute;
    top: 57px;
    left: 25px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: #e33e35
}

.logintype-simple .loginForm .loginBtn {
    width: 344px;
    margin: 60px auto 0
}

.logintype-simple .loginForm .loginBtn button {
    display: block !important;
    width: 100% !important;
    height: 54px !important
}

.logintype-simple .loginForm .loginBtn .btnFlex {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .15) !important;
    background: #fff !important;
    outline: none
}

.logintype-simple .loginForm .loginBtn .btnFlex span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 400 !important;
    color: #000 !important
}

.logintype-simple .loginForm .loginBtn .btnFlex:active,
.logintype-simple .loginForm .loginBtn .btnFlex:hover {
    border: 1px solid #1c90fb !important;
    background: #fff !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .15) !important;
    background-image: linear-gradient(90deg, #0af 4%, #8168ff 95%) !important;
    outline: none
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 400 !important;
    color: #fff !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue:active,
.logintype-simple .loginForm .loginBtn .btnFlex.blue:hover {
    background-image: linear-gradient(90deg, #0084f4 4%, #654ae8 95%) !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.disabled {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .15) !important;
    background: #ddd !important;
    outline: none
}

.logintype-simple .loginForm .loginBtn .btnFlex.disabled span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 400 !important;
    color: #a6a6a6 !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.disabled:active,
.logintype-simple .loginForm .loginBtn .btnFlex.disabled:hover {
    border: 1px solid #ddd !important;
    background: #ddd !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .15) !important;
    background: #b4b9bc !important;
    outline: none
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled span {
    font-size: 18px !important;
    line-height: 54px !important;
    font-weight: 400 !important;
    color: hsla(0, 0%, 100%, .5) !important
}

.logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled:active,
.logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled:hover {
    border: 1px solid #b4b9bc !important;
    background: #b4b9bc !important
}

.logintype-simple .loginForm .loginBtn > div {
    flex: 1 1
}

.logintype-simple .loginForm .loginBtn > div:first-child {
    margin: 0 4px 0 0
}

.logintype-simple .loginForm .loginBtn > div:nth-child(2) {
    margin: 0 0 0 4px
}

.logintype-simple .loginForm .loginBtn > div:last-child:first-child {
    margin: 0 !important
}

.logintype-simple .loginForm .findPwItem {
    margin: 12px auto 0
}

.logintype-simple .loginForm .findPwItem div {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .loginPrevText {
    margin: 12px auto 0
}

.logintype-simple .loginForm .loginPrevText div {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .wBox {
    position: relative;
    width: 100%;
    height: 360px;
    box-sizing: border-box
}

.logintype-simple .loginForm .wBox .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.24px;
    color: #2e3645
}

.logintype-simple .loginForm .wBox .topText {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    margin: 8px 0 0
}

.logintype-simple .loginForm .wBox .cBox {
    width: 425px;
    height: 362px;
    margin: 0 auto;
    justify-content: center
}

.logintype-simple .loginForm .wBox .cBox .botText {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    margin: 30px 0 0
}

.logintype-simple .loginForm .wBox .cBox .botText .menuIco {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .txtDiv {
    width: 344px;
    margin: 12px auto 0
}

.logintype-simple .loginForm .wBox .txtDiv:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.logintype-simple .loginForm .wBox .txtDiv .linkTxt {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px
}

.logintype-simple .loginForm .wBox .qrBoxStyle {
    margin: 40px 0 0
}

.logintype-simple .loginForm .wBox .qrBoxStyle .qr_view {
    width: 140px;
    height: 140px;
    margin: 0 auto
}

.logintype-simple .loginForm .wBox .qrBoxStyle .qr_view,
.logintype-simple .loginForm .wBox .qrBoxStyle .qr_view img {
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(61, 69, 86, .14)
}

.logintype-simple .loginForm .wBox .qrBoxStyle .count {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26px;
    margin: 20px auto 0;
    padding: 0 8px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #1c90fb;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    text-align: center
}

.logintype-simple .loginForm .wBox .qrBoxStyle .count .num {
    margin: 0 0 0 4px
}

.logintype-simple .loginForm .wBox .qrBoxStyle .text {
    margin: 30px 0 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .wBox .stepDiv {
    position: relative;
    padding: 20px 20px 0
}

.logintype-simple .loginForm .wBox .stepDiv:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #a6a6a6;
    z-index: 1
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit {
    position: relative;
    border: 1px solid #a6a6a6;
    border-radius: 16px;
    text-align: center;
    background: #fff;
    z-index: 2
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit:nth-child(2) {
    margin: 0 12px
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit .num {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    background: #a6a6a6
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit .txt {
    padding: 0 0 0 2px;
    font-size: 11px;
    line-height: 30px;
    color: #a6a6a6;
    letter-spacing: -.28px
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit.on {
    border: 1px solid #1c90fb;
    background: #e9f5ff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit.on .num {
    background: #1c90fb
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit.on .txt {
    color: #1c90fb
}

.logintype-simple .loginForm .wBox .sertiType {
    position: relative;
    align-items: center
}

.logintype-simple .loginForm .wBox .sertiType .radio {
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background: url(/modules/barcode/static/media/login_radio.516cc124.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .sertiType .radio.on {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/login_radio_checked.95b6fb4e.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .sertiType .txt {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    color: #4a4a4a
}

.logintype-simple .loginForm .wBox .sertiType .text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    margin: 20px 0 -20px
}

.logintype-simple .loginForm .wBox .sertiType .unit01 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_mobile.90a79c78.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-simple .loginForm .wBox .sertiType .unit02 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_otp.9957aa87.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-simple .loginForm .wBox .sertiType .unit03 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-simple .loginForm .wBox .sertiType .unit04 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_password.5d323548.png) no-repeat top 30px center;
    cursor: pointer;
    justify-content: center
}

.logintype-simple .loginForm .wBox .textBox {
    margin: 30px 0 0;
    text-align: center
}

.logintype-simple .loginForm .wBox .textBox .sertiHelpBtn {
    position: relative;
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px;
    color: #000
}

.logintype-simple .loginForm .wBox .textBox .sertiHelpBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 18px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.logintype-simple .loginForm .wBox .textBox .text {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .wBox .imgBoxStyle {
    position: relative
}

.logintype-simple .loginForm .wBox .imgBoxStyle .text {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000;
    letter-spacing: -.65px
}

.logintype-simple .loginForm .wBox .imgBoxStyle .radio {
    text-align: center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.certi-notallowed {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_certification.02745a96.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.app-install {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_app.6791eac1.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.complete {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/ic_complete.366c2cc9.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.device {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.device-rerun {
    padding: 150px 0 0;
    background: url(/modules/barcode/static/media/img_device-rerun.16415087.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .pin_area {
    margin: 40px 0 0;
    justify-content: center
}

.logintype-simple .loginForm .wBox .pin_area .pin_input {
    max-width: 40px;
    height: 50px;
    margin: 0 4px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box
}

.logintype-simple .loginForm .wBox .pin_area .pin_input .number {
    width: 100%;
    padding: 0;
    font-size: 25px;
    line-height: 48px;
    color: #4c9cff;
    border: none;
    text-indent: 0;
    border-radius: 4px;
    text-align: center;
    background: transparent;
    outline: none
}

.logintype-simple .loginForm .wBox .pin_area .text {
    margin: 30px 0 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .wBox .pin_area .text .menuIco {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .pin_table {
    width: 344px;
    margin: 30px auto 0
}

.logintype-simple .loginForm .wBox .pin_table > div:first-child .pin_btn {
    margin: 0
}

.logintype-simple .loginForm .wBox .pin_table > div:first-child .pin_btn:nth-child(2) {
    margin: 0 6px
}

.logintype-simple .loginForm .wBox .pin_table .pin_btn {
    max-width: 110px;
    height: 48px;
    margin: 6px 0 0
}

.logintype-simple .loginForm .wBox .pin_table .pin_btn:nth-child(2) {
    margin: 6px 6px 0
}

.logintype-simple .loginForm .wBox .pin_table .pin_btn .btn {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    outline: 0;
    border: none;
    border-radius: 4px;
    color: #2e3645;
    background: #f2f5f9;
    cursor: pointer
}

.logintype-simple .loginForm .wBox .pin_table .pin_btn .btn:active {
    background: #e6ecf4
}

.logintype-simple .loginForm .wBox .imgDevice {
    position: relative
}

.logintype-simple .loginForm .wBox .imgDevice.device-connected {
    padding: 110px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.logintype-simple .loginForm .wBox .imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/modules/barcode/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgDevice .text {
    font-size: 13px;
    line-height: 41px;
    letter-spacing: -.65px;
    text-align: center
}

.logintype-simple .loginForm .wBox .imgDevice .text span {
    font-size: 13px;
    font-weight: 700;
    line-height: 41px
}

.logintype-simple .loginForm .wBox .checkboxItem {
    margin: 15px 0 0
}

.logintype-simple .loginForm .wBox .checkboxItem span > span > span {
    background-image: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) !important;
    margin-top: -8px !important
}

.logintype-simple .loginForm .wBox .checkboxItem:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.logintype-simple .loginForm .wBox .checkboxItem input[type=checkbox] + svg {
    border-radius: 3px;
    background: #dddee0;
    margin-top: -8px !important
}

.logintype-simple .loginForm .wBox .checkboxItem input[type=checkbox] + svg path {
    fill: #babcc3
}

.logintype-simple .loginForm .wBox .checkboxItem input[type=checkbox]:checked + svg {
    border-radius: 3px;
    background: #1c90fb;
    margin-top: -8px !important
}

.logintype-simple .loginForm .wBox .checkboxItem input[type=checkbox]:checked + svg path {
    fill: #1c90fb
}

.logintype-simple .loginForm .wBox .checkboxItem input[type=checkbox]:checked + svg polygon {
    fill: #fff
}

.logintype-simple .loginForm .wBox .checkboxItem label {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-left: 5px
}

.logintype-simple .loginForm .wBox .checkboxItem label:focus:after,
.logintype-simple .loginForm .wBox .checkboxItem label:hover:after {
    width: 100%;
    transition: all .5s
}

.login_v2 .login_wrap {
    overflow: hidden;
    background: #fff;
    box-sizing: border-box
}

.login_v2 .login_wrap h2 {
    padding: 20px 80px 15px;
    font-size: 30px;
    text-align: center
}

.login_v2 .login_wrap h2 img {
    vertical-align: middle;
    margin-top: -3px
}

.login_v2 .login_wrap h2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.login_v2 .login_wrap .info_txt {
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -1px;
    text-align: center
}

.login_v2 .login_wrap .qr_area {
    width: 146px;
    margin: 0 auto
}

.login_v2 .login_wrap .qr_area .qr_img {
    padding: 14px 14px 9px;
    border: solid #1c90fb;
    display: block
}

.login_v2 .login_wrap .qr_area .qr_time {
    height: 30px;
    background-color: #1c90fb;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    text-align: center
}

.login_v2 .login_wrap .qr_view {
    width: 112px;
    height: 112px
}

.login_v2 .login_wrap .qr_view img {
    width: 100%
}

.login_v2 .login_wrap .sub_info_txt {
    padding: 20px 0;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -1px;
    text-align: center
}

.login_v2 .login_wrap .btn_area {
    margin: 0 auto;
    text-align: center
}

.login_v2 .login_wrap .pin_area {
    padding: 0 60px
}

.login_v2 .login_wrap .pin_area .pin_input {
    padding: 0 0 10px;
    border-bottom: 1px solid #d9d9d9
}

.login_v2 .login_wrap .pin_area .pin_input table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px
}

.login_v2 .login_wrap .pin_area .pin_input table td {
    border: 1px solid #d9d9d9;
    height: 50px;
    border-radius: 3px
}

.login_v2 .login_wrap .pin_area .pin_input table td .number {
    width: 100%;
    height: 100%;
    font-size: 22px;
    outline: 0;
    border: none;
    text-indent: 0;
    border-radius: 3px
}

.login_v2 .login_wrap .pin_area .pin_board {
    padding: 10px 0 0
}

.login_v2 .login_wrap .pin_area .pin_board table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px
}

.login_v2 .login_wrap .pin_area .pin_board table td {
    border: 1px solid #d9d9d9;
    height: 50px;
    border-radius: 3px
}

.login_v2 .login_wrap .pin_area .pin_board table td .btn {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 700;
    outline: 0;
    border: none;
    border-radius: 10px
}

.login_v2 .login_wrap .pin_area .pin_board table td input[type=button]:active {
    background: #f4f9fe
}

.simpleDialog .dialog_content .dialog_data > div:first-child {
    display: none
}

.simpleDialog .dialog_content .dialog_data > div:nth-child(2) {
    border-top: none
}

.simpleDialog .dialog_content .dialog_data > div:nth-child(3) {
    background: #fff;
    padding: 20px 0
}

.RError_div {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.RError_div .RError_div_in {
    margin-top: -50px
}

.RError_div .RError_div_in .txt1 {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 4px
}

.RError_div .RError_div_in .txt2 {
    font-size: 16px;
    line-height: 1.44;
    letter-spacing: -.8px;
    color: #a6a6a6
}

body .btn_cen,
html .btn_cen {
    margin-top: 10px;
    text-align: center
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important
}

.line-clamp:after {
    content: "...";
    text-align: right;
    bottom: 0;
    right: 0;
    width: 15px;
    display: block;
    position: absolute;
    max-height: 1.2em;
    background: #fff
}

@supports(-webkit-line-clamp:1) {
    .line-clamp:after {
        display: none !important
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    max-height: 1.2em
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    max-height: 2.4em
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    max-height: 3.6em
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    max-height: 4.8em
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    max-height: 6em
}

.modalCSS {
    background: #000;
    opacity: .5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    text-align: center
}

.modalCSS,
.modalText {
    z-index: 2000;
    position: absolute
}

.modalText {
    color: #fff;
    font-size: 21.5px;
    top: 50%;
    margin-top: -11px
}

.modalFixed {
    background: #000;
    opacity: .4;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: fixed;
    filter: alpha(opacity=40);
    text-align: center
}

.stamp_default {
    width: 49px;
    height: 49px;
    background: url(/modules/barcode/static/media/EA_confirm_bg.74c0a7ae.gif) no-repeat 50%;
    margin: 0 auto;
    overflow: hidden;
    word-break: break-all;
    line-height: 49px;
    white-space: normal
}

.stamp {
    color: #ea4949;
    line-height: 18px
}

.stamp,
.stamp2 {
    margin: 0 auto;
    width: 33px;
    height: 35px;
    padding: 1px 3px 0 0;
    text-align: right;
    font-size: 18px;
    font-family: stamp;
    border: 5px solid #ea4949;
    border-radius: 50%;
    letter-spacing: -2px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal
}

.stamp2 {
    color: #fff;
    background: #ea4949;
    line-height: 17px
}

.stamp3 {
    color: #ea4949
}

.stamp3,
.stamp4 {
    margin: 0 auto;
    width: 33px;
    height: 35px;
    padding: 1px 3px 0 0;
    text-align: right;
    font-size: 18px;
    font-family: stamp;
    border: 5px solid #ea4949;
    border-radius: 20%;
    line-height: 18px;
    letter-spacing: -2px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal
}

.stamp4 {
    color: #fff;
    background: #ea4949
}

.location_wrap {
    position: relative
}

.location_wrap,
.location_wrap .location_info {
    overflow: hidden
}

.location_wrap .location_info ul {
    margin: 17px 0
}

.location_wrap .location_info ul li {
    display: inline-block;
    padding: 0 5px 0 10px;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 0
}

.location_wrap .location_info ul li:first-child {
    background: none;
    padding: 0 7px 0 1px
}

.location_wrap .location_info ul li a {
    font-size: 11px;
    color: #8d8d8d;
    text-decoration: none;
    vertical-align: middle
}

.location_wrap .location_info ul li a:hover {
    text-decoration: underline
}

.location_wrap .location_info ul li img {
    vertical-align: baseline
}

.location_wrap .location_info ul li.on a {
    font-weight: 700;
    color: #058df5
}

.location_wrap .btn_manual {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 12px;
    color: #008ef7;
    background: url(/modules/barcode/static/media/ic_question_01_s_over.17da9865.png) no-repeat 0 0;
    padding-left: 17px
}

.btn_div .tit,
.tit_p {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    margin-right: 5px
}

.tit_p {
    float: left;
    background: url(/modules/barcode/static/media/ico_dot01.73743b1b.png) no-repeat 0;
    padding-left: 8px
}

.tit_a_down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat left 5px
}

.tit_a_down,
.tit_a_up {
    font-weight: 700;
    padding-left: 16px;
    font-size: 14px;
    cursor: pointer;
    line-height: 27px;
    margin-right: 5px
}

.tit_a_up {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat left 5px
}

.tit_check {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    line-height: 27px;
    margin-right: 5px
}

.help_btn {
    float: left;
    background: url(/modules/barcode/static/media/ic_question_01_s_normal.4b2fa2e2.png) no-repeat 0 5px;
    width: 15px;
    height: 27px;
    margin: 5px 0 0 5px;
    cursor: pointer
}

.com_ta table {
    width: 100%
}

.com_ta table td,
.com_ta table th {
    height: 26px;
    color: #4a4a4a;
    border: 1px solid #eaeaea;
    padding: 5px 0
}

.com_ta table th {
    background: #f9f9f9;
    font-weight: 400;
    text-align: right;
    padding-right: 15px
}

.com_ta table td {
    border-right: none;
    padding-left: 13px;
    padding-right: 13px;
    word-break: break-all
}

.com_ta table .cen {
    text-align: center !important;
    padding-left: 0;
    padding-right: 0
}

.com_ta table .ri {
    text-align: right !important;
    padding-right: 10px
}

.com_ta table .le {
    text-align: left !important;
    padding-left: 10px
}

.profilePop {
    background: #f2f5fa;
    border: 1px solid #d5dce8;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    height: 256px !important
}

.profilePop .profile_img {
    text-align: center;
    padding-top: 30px
}

.profilePop .profile_img .img {
    width: 131px;
    height: 166px;
    background: url(/modules/barcode/static/media/profile_personaldata_noimg_02.e260af16.png) no-repeat 50%;
    background-size: 100% 100%;
    margin: 0 auto
}

.profilePop .profile_img .img img {
    width: 131px;
    height: 166px;
    background: #f2f5fa
}

.profilePop .profile_img .name {
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    line-height: 15px
}

.profile_info {
    padding: 30px 20px 0;
    font-size: 11px;
    color: #4a4a4a
}

.profile_info table {
    table-layout: fixed
}

.profile_info table tr:last-child td {
    padding-bottom: 1px
}

.profile_info table tr td {
    padding-bottom: 13px;
    line-height: 16px;
    padding-left: 25px;
    color: #4a4a4a;
    vertical-align: top
}

.profile_info table tr td.icon01 {
    background: url(/modules/barcode/static/media/ic_comp_02_m_normal@2x.5f8c6129.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon02 {
    background: url(/modules/barcode/static/media/ic_user_m_normal@2x.f5aa73b5.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon03 {
    background: url(/modules/barcode/static/media/ic_mobile_m_normal@2x.d4c9234e.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon04 {
    background: url(/modules/barcode/static/media/ic_phone_01_m_normal@2x.3122757d.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon05 {
    background: url(/modules/barcode/static/media/ic_mail_m_normal@2x.3a174fb5.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon06 {
    background: url(/modules/barcode/static/media/ic_address_m_normal@2x.ed24d52a.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon07 {
    background: url(/modules/barcode/static/media/ico_profile_icon07.8c8a7e97.png) no-repeat top 0 left;
    background-size: 18px 16px
}

.profile_info table tr td.icon08 {
    background: url(/modules/barcode/static/media/ic_birthday_m_normal@2x.28f73468.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon09 {
    background: url(/modules/barcode/static/media/ic_pc_m_normal@2x.c807d42e.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon10 {
    background: url(/modules/barcode/static/media/ic_print_m_normal@2x.b0a4056d.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon11 {
    background: url(/modules/barcode/static/media/ic_career_m_normal@2x.7c019d23.png) no-repeat top 1px left 2px;
    background-size: 14px 14px
}

.profile_info table tr td.icon12 {
    background: url(/modules/barcode/static/media/ic_sns_m_normal@2x.2ef32cc3.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon13 {
    background: url(/modules/barcode/static/media/ic_mail_personal_m_normal@2x.eb247eef.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td.icon14 {
    background: url(/modules/barcode/static/media/ic_organization_m_normal@2x.b3e51af0.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.profile_info table tr td .profileTooltip {
    max-width: 100%;
    line-height: 18px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden
}

.profile_btn {
    padding: 0 30px;
    height: 106px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    margin-top: 10px;
    box-sizing: border-box
}

.profile_btn ul {
    display: flex;
    margin-top: 26px
}

.profile_btn ul li {
    flex: 1 1 auto;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    position: relative
}

.profile_btn ul li .ico {
    width: 24px;
    height: 24px;
    margin: 0 auto
}

.profile_btn ul li.video .ico {
    background: url(/modules/barcode/static/media/ic_video_conversation_l_normal.cd0bf3da.png) no-repeat 50%
}

.profile_btn ul li.cal .ico {
    background: url(/modules/barcode/static/media/ic_calendar_l_normal.f209b14c.png) no-repeat 50%
}

.profile_btn ul li.todo .ico {
    background: url(/modules/barcode/static/media/ic_todo_01_l_normal.83f78f8d.png) no-repeat 50%
}

.profile_btn ul li.report .ico {
    background: url(/modules/barcode/static/media/ic_report_l_normal.58b197da.png) no-repeat 50%
}

.profile_btn ul li.mail .ico {
    background: url(/modules/barcode/static/media/ic_mail_l_normal.173e9f2a.png) no-repeat 50%
}

.profile_btn ul li.msg .ico {
    background: url(/modules/barcode/static/media/ic_msg_l_normal.ad778bde.png) no-repeat 50%
}

.profile_btn ul li.cmt .ico {
    background: url(/modules/barcode/static/media/ic_comment_l_normal.1b081c10.png) no-repeat 50%
}

.profile_btn ul li.sms .ico {
    background: url(/modules/barcode/static/media/ic_sms_l_normal.3459569c.png) no-repeat 50%
}

.profile_btn ul li.fax .ico {
    background: url(/modules/barcode/static/media/ic_print_l_normal.f194b465.png) no-repeat 50%
}

.profile_btn ul li .tit {
    line-height: 20px;
    color: #4a4a4a;
    margin-top: 7px
}

.profile_btn ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 16px;
    height: 27px;
    width: 1px;
    background-color: #dce2eb
}

.profile_btn ul li:last-child:after {
    display: none
}

.profile_btn ul li:hover .tit {
    color: #1c90fb
}

.profile_btn ul li:hover.video .ico {
    background: url(/modules/barcode/static/media/ic_video_conversation_l_over.ff57cfa6.png) no-repeat 50%
}

.profile_btn ul li:hover.cal .ico {
    background: url(/modules/barcode/static/media/ic_calendar_l_over.0ce862e9.png) no-repeat 50%
}

.profile_btn ul li:hover.todo .ico {
    background: url(/modules/barcode/static/media/ic_todo_01_l_over.2691f934.png) no-repeat 50%
}

.profile_btn ul li:hover.report .ico {
    background: url(/modules/barcode/static/media/ic_report_l_over.93492feb.png) no-repeat 50%
}

.profile_btn ul li:hover.mail .ico {
    background: url(/modules/barcode/static/media/ic_mail_l_over.8dee9702.png) no-repeat 50%
}

.profile_btn ul li:hover.msg .ico {
    background: url(/modules/barcode/static/media/ic_msg_l_over.87d064ea.png) no-repeat 50%
}

.profile_btn ul li:hover.cmt .ico {
    background: url(/modules/barcode/static/media/ic_comment_l_over.0a4aad6c.png) no-repeat 50%
}

.profile_btn ul li:hover.sms .ico {
    background: url(/modules/barcode/static/media/ic_sms_l_over.1866f8c9.png) no-repeat 50%
}

.profile_btn ul li:hover.fax .ico {
    background: url(/modules/barcode/static/media/ic_print_l_over.3736308f.png) no-repeat 50%
}

.topBox {
    position: relative;
    background: #fff
}

.topBox .searchBox {
    border: 2px solid #e0e0e0;
    overflow: hidden
}

.topBox .searchBox dl {
    margin-top: 9px;
    margin-bottom: 8px;
    overflow: hidden;
    float: left
}

.topBox .searchBox dl dt {
    line-height: 27px;
    color: #4a4a4a;
    box-sizing: border-box;
    text-align: right;
    padding-right: 6px;
    font-size: 13px;
    letter-spacing: -.05em;
    float: left;
    padding-left: 20px;
    vertical-align: middle
}

.topBox .searchBox dl dt.btnDt {
    text-align: left;
    padding-left: 8px
}

.topBox .searchBox dl dd {
    float: left;
    vertical-align: middle;
    height: 27px
}

.topBox .searchBox .nextDiv dl {
    margin-top: 0
}

.topBox .searchBox .searBtnSp {
    position: absolute !important;
    right: 11px;
    top: 9px
}

.topBox .searchBox .detailBtnSp {
    position: absolute !important;
    right: 8px;
    top: 9px
}

.topBox .searchBox .detailBtnSp .detailBtn {
    border: 1px solid #a6a6a6 !important
}

.topBox .searchBox .detailBtnSp .detailBtn.down {
    background: url(/modules/barcode/static/media/detail_arr_down01.31dbdfd6.png) no-repeat 50% !important
}

.topBox .searchBox .detailBtnSp .detailBtn.up {
    background: url(/modules/barcode/static/media/detail_arr_up01.d3c831c1.png) no-repeat 50% !important
}

.topBox .searchBox .find_sp {
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -10px;
    line-height: 1;
    color: #1c90fb;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    background: #fff
}

.topBox .searchDetail {
    width: calc(100% - 2px);
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #8d8d8d;
    display: none;
    z-index: 12
}

.topBox .searchDetail .searchDetailIn {
    margin: 16px 0;
    overflow: hidden
}

.topBox .searchDetail .searchDetailIn .sd_div {
    width: calc(50% - 60px);
    padding: 0 30px;
    overflow: hidden;
    float: left
}

.topBox .searchDetail .searchDetailIn .sd_div dl {
    float: left;
    width: 100%
}

.topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half {
    width: 50%
}

.topBox .searchDetail .searchDetailIn .sd_div dl dt {
    text-align: right;
    font-weight: 700;
    float: left;
    min-width: 90px;
    padding: 4px 6px 4px 0;
    line-height: 27px;
    letter-spacing: -1px;
    font-size: 12px
}

.topBox .searchDetail .searchDetailIn .sd_div dl dd {
    padding: 4px 0;
    float: left;
    vertical-align: middle
}

.topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half + .topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half dt {
    padding-left: 10px
}

.topBox .searchDetail .btn_area {
    clear: both;
    text-align: center;
    padding: 8px 0;
    overflow: hidden;
    background: #f8f8f8
}

.topBox .searchDetail.show {
    display: block;
    top: 47px
}

.topBox.topBox_half .searchDetail .sd_div {
    width: calc(100% - 60px)
}

.topBox.mline .searchBox {
    padding: 9px 0
}

.topBox.mline .searchBox dl {
    margin: 0
}

.topBox.grayStyle {
    background: #f2f2f2
}

.topBox.grayStyle .searchBox {
    border: 1px solid #e0e0e0
}

.topBox.mline.grayStyle .searchBox {
    padding: 16px 0 6px 10px
}

.topBox.mline.grayStyle .searchBox dl dd {
    height: 31px
}

.input100 input[type=text] {
    width: 100% !important
}

.searBtnStyle {
    background: url(/modules/barcode/static/media/ic_search_s_normal.70431986.png) no-repeat right 6px center, url(/modules/barcode/static/media/bg_btn01.4cd4f2af.png) repeat-x 50% !important;
    color: #000 !important;
    border: 1px solid #a6a6a6 !important;
    padding-right: 24px !important;
    color: #000;
    font-weight: 700
}

@-webkit-keyframes detailfadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -40%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes detailfadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -40%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.detailfadeInDown {
    -webkit-animation-name: detailfadeInDown;
    animation-name: detailfadeInDown
}

.termStyle {
    background: url(/modules/barcode/static/media/bg_btn01.4cd4f2af.png) repeat-x 50% !important;
    border: 1px solid #a6a6a6 !important;
    border-right: none !important
}

.termStyle.on {
    background: url(/modules/barcode/static/media/bg_btn02.2e4524d0.png) repeat-x 50% !important;
    border: 1px solid #1c90fb !important
}

.termStyle.on + .termStyle {
    border-left: none !important;
    border-right: 1px solid #a6a6a6 !important
}

.pubAvbStyle .avb_set {
    width: 100%;
    display: flex
}

.pubAvbStyle .avb_set .avb_td {
    display: inline-flex;
    flex: 1 1
}

.pubAvbStyle .avb_set .avb_td > div {
    width: 100%
}

.pubAvbStyle .avb_set .avb_tit {
    text-align: right;
    line-height: 27px;
    width: 94px;
    padding-right: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700
}

.pubAvbStyle.border1 [class*=OBTConditionPanel_root] > [class*=OBTConditionPanel_primaryRoot] {
    border: 1px solid #e6e6e6
}

.pubAvbStyle.border2 {
    padding: 4px;
    border: 2px solid #e6e6e6
}

.cenMid {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    width: 20px
}

.smallTox {
    width: auto !important
}

.smallTox > span {
    min-width: 50px
}

.noSearchCondi [class*=OBTConditionPanel_searchButton] {
    display: none
}

.gridPaging {
    position: relative;
    text-align: center;
    padding: 9px 0 10px
}

.gridPaging > div {
    display: inline-block;
    vertical-align: middle
}

.gridPaging .page_info {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 21px;
    line-height: 21px
}

.gridPaging div + div > div > span {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 19px !important;
    line-height: 19px !important
}

.gridPaging .page_info span {
    font-size: 13px;
    color: #8c8c8c;
    word-spacing: -2px
}

.gridPaging .page_info span.fwb {
    color: #000
}

.pubFormStyle.borderTopNone > table {
    border-top: none
}

.pubFormStyle > table {
    width: 100%;
    border-collapse: collapse !important;
    box-sizing: border-box
}

.pubFormStyle > table thead th {
    border-top: 1px solid #e6e6e6;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px 8px;
    background: #fafafa;
    color: #000;
    height: 29px;
    font-weight: 700;
    box-sizing: border-box
}

.pubFormStyle > table tbody {
    border-collapse: collapse
}

.pubFormStyle > table tbody td,
.pubFormStyle > table tbody th {
    border-top: 1px solid #e6e6e6;
    border-collapse: collapse;
    border-spacing: 0
}

.pubFormStyle > table tbody th {
    text-align: right;
    padding: 5px 8px
}

.pubFormStyle > table tbody th[rowspan] {
    border-right: 1px solid #e6e6e6
}

.pubFormStyle > table tbody th[rowspan].noLine {
    border-right: none
}

.pubFormStyle > table tbody .infoIcon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px 5px 0 0;
    background: url(/modules/barcode/static/media/ic_info_01_s_normal.db619444.png) no-repeat 50%
}

.pubFormStyle > table tbody th + th {
    border-left: 1px solid #e6e6e6
}

.pubFormStyle > table tbody td {
    text-align: left;
    padding: 5px 8px;
    word-break: break-all
}

.pubFormStyle > table tbody td .fullPicker > div {
    width: 100% !important
}

.pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type=text]::-moz-placeholder {
    text-align: right !important
}

.pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type=text]:-ms-input-placeholder {
    text-align: right !important
}

.pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type=text]::placeholder {
    text-align: right !important
}

.pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type=text]::-ms-input-placeholder {
    text-align: right !important
}

.pubFormStyle > table .LS_saoinput table td,
.pubFormStyle > table .LS_saoinput table th {
    border-top: none;
    padding: auto !important
}

.pubFormStyle > table .LS_saoinput table th + th {
    border-left: none
}

.pubFormStyle > table .LS_saoinput table td {
    text-align: left;
    padding: 0 !important
}

.pubFormStyle > table .mline {
    position: relative
}

.pubFormStyle > table .mline > div {
    display: block !important
}

.pubFormStyle > table .mline .engAdd {
    position: absolute;
    float: right;
    right: 8px
}

.pubFormStyle.vertical table thead th {
    text-align: center !important;
    border-left: 1px solid #e6e6e6
}

.pubFormStyle.vertical table thead th:first-child {
    border-left: none
}

.pubFormStyle.vertical table thead th[rowspan] {
    border-right: 1px solid #e6e6e6
}

.pubFormStyle.vertical table thead th > div {
    justify-content: center !important
}

.pubFormStyle.vertical table thead th.le {
    text-align: left !important
}

.pubFormStyle.vertical table thead th.le > div {
    justify-content: flex-start !important
}

.pubFormStyle.vertical table tbody th {
    text-align: center !important;
    border-left: 1px solid #e6e6e6
}

.pubFormStyle.vertical table tbody th:first-child {
    border-left: none
}

.pubFormStyle.vertical table tbody th[rowspan] {
    border-right: 1px solid #e6e6e6
}

.pubFormStyle.vertical table tbody th > div {
    justify-content: center !important
}

.pubFormStyle.vertical table tbody th.le {
    text-align: left !important
}

.pubFormStyle.vertical table tbody th.le > div {
    justify-content: flex-start !important
}

.pubFormStyle.vertical table tbody th.ri {
    text-align: right !important
}

.pubFormStyle.vertical table tbody th.ri > div {
    justify-content: flex-end !important
}

.pubFormStyle.vertical table tbody td {
    height: 29px;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    background-color: #fff
}

.pubFormStyle.vertical table tbody td:first-child {
    border-left: none
}

.pubFormStyle.vertical table tbody td[rowspan] {
    border-right: 1px solid #e6e6e6
}

.pubFormStyle.vertical table tbody td > div {
    justify-content: center !important
}

.pubFormStyle.vertical table tbody td.le {
    text-align: left !important
}

.pubFormStyle.vertical table tbody td.le > div {
    justify-content: flex-start !important
}

.pubFormStyle.vertical table tbody td.ri {
    text-align: right !important
}

.pubFormStyle.vertical table tbody td.ri > div {
    justify-content: flex-end !important
}

.pubFormStyle.vertical table tbody td.bg {
    background-color: #f2f6f8
}

.pubFormStyle.vertical table tbody tr.on td {
    background: #e9f5ff
}

.pubFormStyle.vertical.h22 tr {
    height: 32px
}

.pubFormStyle.vertical.h22 td {
    height: 22px
}

.pubFormStyle.BTN {
    margin-top: -2px
}

.pubFormStyle.BTN table {
    border-top: none;
    width: 100%
}

.pubFormStyle .le {
    text-align: left !important;
    padding-left: 8px
}

.pubFormStyle .le > div {
    justify-content: flex-start !important
}

.pubFormStyle .ri {
    text-align: right !important;
    padding-right: 8px
}

.pubFormStyle .ri > div {
    justify-content: flex-end !important
}

.pubFormStyle .cen {
    padding: 0 !important;
    text-align: center !important
}

.pubFormStyle .cen > div {
    justify-content: center !important
}

.pubFormStyle .impo {
    color: #ff3838;
    line-height: 27px;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
    height: 20px
}

.pubFormStyle .pubRadioGroupStyle > div > span {
    line-height: 27px !important
}

.pubFormStyle .byte {
    color: #8c8c8c;
    vertical-align: bottom;
    font-size: 12px
}

.pubFormStyle .hoverTd {
    position: relative
}

.pubFormStyle .hoverTd .hoverBtn {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3)
}

.pubFormStyle .hoverTd .hoverBtn button {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 50%;
    margin-left: -21px
}

.pubFormStyle .hoverTd:hover .hoverBtn {
    display: block
}

.pubFormStyle.hei100per,
.pubFormStyle.hei100per > table,
.pubFormStyle.hei100per > table tbody {
    height: 100%
}

.pubFormStyle.hei50per {
    height: 50%
}

.pubFormStyle.hei50per > table,
.pubFormStyle.hei50per > table tbody {
    height: 100%
}

.pubFormStyle.bgLine {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6;
    box-sizing: border-box;
    margin-top: 0
}

.pubFormStyle .left_div {
    float: left
}

.pubFormStyle .right_div {
    float: right
}

.pubFormStyle .cusSp {
    cursor: pointer
}

.pubFormStyle .cusSp:hover {
    text-decoration: underline
}

.pubFormStyle .td_bottom > div {
    align-items: flex-end !important
}

.pubFormStyle [class*=OBTDatePicker] table thead th {
    border-top: none;
    background: none
}

.pubFormStyle [class*=OBTDatePicker] table thead th + th {
    border-left: none
}

.pubFormStyle [class*=OBTDatePicker] table tbody td,
.pubFormStyle [class*=OBTDatePicker] table tbody th {
    border-top: none
}

.pubFormStyle [class*=OBTDatePicker] table tbody th {
    text-align: left;
    text-align: initial
}

.pubFormStyle [class*=OBTDatePicker] table tbody th + th {
    border-left: none
}

.pubFormStyle [class*=OBTDatePicker] table tbody td {
    text-align: left;
    text-align: initial
}

.svgDiv {
    width: 16px;
    height: 16px;
    transform-origin: 8px 8px;
    float: left;
    -webkit-animation: ratation 1s infinite forwards;
    animation: ratation 1s infinite forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.svgDiv .circleBar {
    stroke-linecap: round;
    -webkit-animation: loading 1s infinite;
    animation: loading 1s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes loading {
    to {
        stroke-dasharray: 50 100
    }

    50% {
        stroke-dasharray: 90 100
    }

    0% {
        stroke-dasharray: 50 100
    }
}

@keyframes loading {
    to {
        stroke-dasharray: 50 100
    }

    50% {
        stroke-dasharray: 90 100
    }

    0% {
        stroke-dasharray: 50 100
    }
}

@-webkit-keyframes ratation {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ratation {
    to {
        transform: rotate(1turn)
    }
}

.pubFormListStyle .BTN {
    margin-top: 0
}

.pubFormListStyle .lineOver {
    padding-right: 1px;
    overflow: hidden
}

.pubFormListStyle .pubFormStyle tr:hover td {
    border-bottom: 1px solid #008ef7 !important;
    border-top: 1px solid #008ef7 !important
}

.pubFormListStyle tr {
    position: relative
}

.pubFormListStyle tr:first-child td {
    border-top: none
}

.pubFormListStyle tr td:first-child {
    border-left: none
}

.pubFormListStyle tr:first-child:hover td {
    border-top: 1px solid #008ef7
}

.pubFormListStyle tr:hover {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18);
    outline: 1px solid #008ef7;
    box-sizing: border-box;
    border: 1px solid #008ef7
}

.pubFormListStyle tr:hover td:first-child {
    border-left: 1px solid #008ef7
}

.pubFormListStyle tr:hover td {
    border-bottom: 1px solid #008ef7
}

.pubFormListStyle.drop tr:hover {
    background: url(/modules/barcode/static/media/icon_con_change.29f67e65.png) no-repeat 0
}

.pubFormListStyle.drop tr:active {
    background: #e9f5ff url(/modules/barcode/static/media/icon_con_change.29f67e65.png) no-repeat 0
}

.pubFormListStyle.borT {
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666;
    box-sizing: border-box
}

.pubFormListStyle.borT .pubFormStyle > table {
    border-top: none;
    border-left: none
}

.pubFormListStyle.borT .pubFormStyle > table tr td:first-child {
    border-left: none
}

.pubFormListStyle.borT .pubFormStyle > table tr:first-child:hover {
    border-top: none
}

.pubFormListStyle.borT .pubFormStyle > table tr:hover td {
    border-top: none !important
}

.textButton {
    position: relative
}

.textButton .btnOrgan {
    background: url(/modules/barcode/static/media/ic_organization_s_normal.52a8ee4d.png) no-repeat 50% !important
}

.textButton .btnOrgan,
.textButton .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    width: 27px !important;
    border: none;
    border-radius: 0
}

.textButton .btnSearch {
    background: url(/modules/barcode/static/media/ic_search_s_normal@2x.0e8720b7.png) no-repeat 50% !important;
    background-size: 14px !important
}

.textButton .btnRepeat {
    background: url(/modules/barcode/static/media/ic_repeat_s_normal.4cc4ad52.png) no-repeat 50% !important
}

.textButton .btnCode,
.textButton .btnRepeat {
    position: absolute;
    right: 0;
    top: 0;
    width: 27px !important;
    border: none;
    border-radius: 0
}

.textButton .btnCode {
    background: url(/modules/barcode/static/media/ic_code_m_normal.3e060352.png) no-repeat 50% !important
}

.textButton.repeatInput > div > div > div {
    background: #fff !important
}

.textButton [class*=OBTTextField] > div > div {
    justify-content: start !important
}

.textButton [class*=OBTTextField] > div > div > input {
    width: calc(100% - 20px) !important;
    text-overflow: ellipsis !important
}

.pubTextStyle {
    display: inline-block;
    vertical-align: middle
}

.pubTextSuccess {
    position: relative
}

.pubTextSuccess > div > div {
    border: 1px solid #8fe1bd !important
}

.pubTextSuccess + .ico {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -8px 0 0 !important
}

.pubTextError {
    position: relative
}

.pubTextError > div > div {
    border: 1px solid #fc5356 !important
}

.pubTextError + .ico {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -8px 0 0 !important
}

[class*=OBTButtonGroup_buttonGroup].btnGroupImg > * > [class*=OBTButtonGroup_button][class*=OBTButtonGroup_focus].btn_list {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%, linear-gradient(0deg, #d0ebff, #edf6ff) !important
}

[class*=OBTButtonGroup_buttonGroup].btnGroupImg > * > [class*=OBTButtonGroup_button][class*=OBTButtonGroup_focus].btn_thumb {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%, linear-gradient(0deg, #d0ebff, #edf6ff) !important
}

[class*=OBTButtonGroup_buttonGroup].btnGroupImg > * > [class*=OBTButtonGroup_button][class*=OBTButtonGroup_focus].btn_cal {
    background: url(/modules/barcode/static/media/ic_inputcal_m_over.f08b05b2.png) no-repeat 50%, linear-gradient(0deg, #d0ebff, #e6f6ff) !important
}

.pubButtonStyle {
    display: inline-block;
    vertical-align: middle
}

.btnImg {
    width: 27px
}

.btnImg,
.btnImgSmall {
    padding: 0 !important;
    vertical-align: middle
}

.btnImgSmall {
    width: 21px
}

.btnNemo {
    padding: 0 !important;
    width: 27px !important;
    height: 27px !important;
    vertical-align: middle;
    outline: none;
    cursor: pointer
}

[class*=OBTButton_disabled].btnImg,
[class*=OBTButton_disabled].btnImgSmall {
    border-color: #ccc !important;
    background-color: #f5f5f5 !important
}

.btnImgTxt {
    padding-left: 24px !important
}

.btn_thumb {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_thumb:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_thumb {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_thumbnail_02_m_disable.e63b3b12.png) no-repeat 50% !important
}

.btn_thumb.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_thumb {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_thumb:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_list {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_list:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_list {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_list_02_m_disable.7623be08.png) no-repeat 50% !important
}

.btn_list.on {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_list {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_list:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_detail {
    background: url(/modules/barcode/static/media/ic_view_detail_m_normal.20a43d10.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_detail:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_detail_m_normal.20a43d10.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_detail {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_detail_m_disable.2f6b86eb.png) no-repeat 50% !important
}

.btn_detail.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_view_detail_m_over.952254df.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_detail {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_detail:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_mixed {
    background: url(/modules/barcode/static/media/ic_view_mixed_normal.9ccc2b46.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_mixed:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_mixed_normal.9ccc2b46.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.btn_mixed.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_view_mixed_select.5a02eeb9.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_mixed {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_mixed:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_down {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_down:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_down {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_download_m_disable.9f7a7646.png) no-repeat 50% !important
}

.btn_down.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_download_m_over.3fd101f4.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_down {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_down:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_reset {
    background: url(/modules/barcode/static/media/ic_reset_m_normal.c477ca02.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_reset:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_reset_m_normal.c477ca02.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.btn_reset.big {
    height: 27px !important;
    vertical-align: middle
}

[class*=OBTButton_disabled].btn_reset {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_reset_m_disable.462fd468.png) no-repeat 50% !important
}

.btn_reset.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_reset_m_over.3147b75a.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_reset {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_reset:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_delete {
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_delete:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_delete {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_trashcan_m_disable.326c2d71.png) no-repeat 50% !important
}

.btn_delete.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_trashcan_m_over.0b33d2c9.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_delete {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_delete:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_viewer {
    background: url(/modules/barcode/static/media/ic_viewer_open_m_normal@2x.34e29185.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    background-size: 18px !important
}

.btn_viewer:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_viewer_open_m_normal@2x.34e29185.png) no-repeat left 4px center, linear-gradient(180deg, #ddd, #f5f5f5) !important;
    background-size: 18px !important
}

[class*=OBTButton_disabled].btn_fileAdd {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_viewer_open_m_disable@2x.692a19cf.png) no-repeat 50% !important;
    background-size: 18px !important
}

.btn_viewer.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_viewer_open_m_over@2x.73674553.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important;
    background-size: 18px !important
}

input.btn_viewer {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_viewer:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_fileAdd {
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat left 4px center, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_fileAdd:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat left 4px center, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_fileAdd {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_attach_m_disable.4ef0aa0b.png) no-repeat 50% !important
}

.btn_fileAdd.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_attach_m_over.d291181e.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_fileAdd {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_fileAdd:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_close {
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_close:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_close {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_close_01_m_disable.6978da85.png) no-repeat 50% !important
}

.btn_close.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_close_01_m_over.9cfeef50.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_close {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_close:hover {
    border: 1px solid #a6a6a6 !important
}

.btnImgTxt.btn_search,
.btnImgTxt.btn_search:active {
    background-position: left 5px center !important
}

.btn_search {
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat, linear-gradient(0deg, #f0f0f0, #fff) !important;
    background-position: 50% !important
}

.btn_search:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat, linear-gradient(180deg, #ddd, #f5f5f5) !important;
    background-position: 50% !important
}

[class*=OBTButton_disabled].btn_close {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat !important;
    background-position: 50% !important
}

.btn_search.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_search_m_over.deb9fb27.png) no-repeat, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important;
    background-position: 50% !important
}

input.btn_search {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_search:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_plus {
    background: url(/modules/barcode/static/media/ic_add_01_m_normal.00bdb48d.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

[class*=OBTButton_disabled].btn_plus {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_add_01_m_disable.351e3f1b.png) no-repeat 50% !important
}

.btn_plus.on {
    background: url(/modules/barcode/static/media/ic_add_01_m_over.66d621f5.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.btn_plus.on,
.btn_plus:hover {
    border: 1px solid #1c90fb !important
}

.btn_plus:hover {
    background: url(/modules/barcode/static/media/ic_add_01_m_over.66d621f5.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_plus:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_add_01_m_normal.00bdb48d.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

input.btn_plus {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_plus:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_minus {
    background: url(/modules/barcode/static/media/ic_minus_m_normal.b6e458ae.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_minus.on {
    background: url(/modules/barcode/static/media/ic_minus_m_over.da154bbe.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.btn_minus.on,
.btn_minus:hover {
    border: 1px solid #1c90fb !important
}

.btn_minus:hover {
    background: url(/modules/barcode/static/media/ic_minus_m_over.da154bbe.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_minus:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_minus_m_normal.b6e458ae.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_minus {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_minus_m_disable.41de8f88.png) no-repeat 50% !important
}

input.btn_minus {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_minus:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_arrUp {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_arrUp:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_plus {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_arrow_up_01_m_disable.c2e57fcb.png) no-repeat 50% !important
}

.btn_arrUp.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_over.cd343fcf.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_arrUp {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_arrUp:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_arrDown {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_arrDown:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_plus {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_arrow_down_01_m_disable.b2ae9c3b.png) no-repeat 50% !important
}

.btn_arrDown.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_over.7ed6eade.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_arrDown {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_arrDown:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_arrLeft {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_m_normal.2912c4ea.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_arrLeft:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_arrow_left_01_m_normal.2912c4ea.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_plus {
    background: #f5f5f5 url(/modules/barcode/static/media/ic_arrow_left_01_m_disable.d9d257f0.png) no-repeat 50% !important
}

.btn_arrLeft.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_arrow_left_01_m_over.568de6b0.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_arrLeft {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_arrLeft:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_arrRight {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_arrRight:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_plus {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_arrow_right_01_m_disable.f0e91d8a.png) no-repeat 50% !important
}

.btn_arrRight.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

input.btn_arrRight {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_arrRight:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_cal {
    background: url(/modules/barcode/static/media/ic_inputcal_m_normal.681e477a.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_cal:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_inputcal_m_normal.681e477a.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.btn_cal.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_inputcal_m_over.f08b05b2.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

[class*=OBTButton_disabled].btn_cal {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_inputcal_m_disable.5f997263.png) no-repeat 50% !important
}

input.btn_cal {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_cal:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_newPage {
    background: url(/modules/barcode/static/media/ic_write_newpage_m_normal.d0d7382f.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_newPage:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_write_newpage_m_normal.d0d7382f.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.btn_newPage.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_write_newpage_m_over.3c0614d0.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

[class*=OBTButton_disabled].btn_newPage {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_write_newpage_m_disable.ff909379.png) no-repeat 50% !important
}

input.btn_newPage {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_newPage:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_excel_down_nobg {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_excel_save_m_normal.60020c1e.png) no-repeat 50% !important
}

.btn_excel_down_nobg:hover {
    background: url(/modules/barcode/static/media/ic_excel_save_m_over.4ea43a08.png) no-repeat 50% !important
}

.newOpen {
    background: url(/modules/barcode/static/media/ic_newpage_s_normal.31b42127.png) no-repeat 50% !important;
    border: none !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px;
    padding: 0
}

.btn_board_hu {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_user_m_normal@2x.f5aa73b5.png) no-repeat 50% !important;
    background-size: 18px !important
}

.btn_board_add {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_add_02_m_normal.29b8a0ba.png) no-repeat 50% !important
}

.btn_board_cata {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_board_classify_m_normal.45340e48.png) no-repeat 50% !important
}

.btn_board_clo {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 50% !important;
    background-size: 14px !important
}

.btn_board_org {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_organization_m_normal.abfb1efd.png) no-repeat 50% !important
}

[class*=OBTButton_disabled].btnImg.btn_board_org {
    border: none !important;
    background: transparent url(/modules/barcode/static/media/ic_organization_m_normal.abfb1efd.png) no-repeat 50% !important;
    cursor: not-allowed !important
}

.btn_onechamber {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50% !important
}

.btnNemo.btn_onechamber {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    background: auto auto;
    height: 27px !important
}

.btnNemo.btn_onechamber:hover {
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #fafafa) !important;
    background: auto auto
}

.btn_color {
    border-radius: 2px;
    background: #fff !important;
    height: 27px
}

.btn_color [class*=OBTButton_wrapper] {
    display: block
}

.btn_color.on {
    border: none !important;
    font-weight: 700;
    color: #fff
}

.btn_color.on span {
    color: #fff !important
}

.btn_color.gray {
    border: 1px solid #929fbc !important;
    color: #929fbc
}

.btn_color.gray span {
    color: #929fbc
}

.btn_color.gray.on {
    background: #929fbc !important
}

.btn_color.lightGray {
    border: 1px solid #9da3aa !important;
    color: #9da3aa
}

.btn_color.lightGray span {
    color: #9da3aa
}

.btn_color.lightGray.on {
    background: #9da3aa !important
}

.btn_color.blue {
    border: 1px solid #46a3f0 !important;
    color: #46a3f0
}

.btn_color.blue span {
    color: #46a3f0
}

.btn_color.blue.on {
    background: #46a3f0 !important
}

.btn_color.green {
    border: 1px solid #20c997 !important;
    color: #20c997
}

.btn_color.green span {
    color: #20c997
}

.btn_color.green.on {
    background: #20c997 !important
}

.btn_color.yellow {
    border: 1px solid #f0c325 !important;
    color: #f0c325
}

.btn_color.yellow span {
    color: #f0c325
}

.btn_color.yellow.on {
    background: #f0c325 !important
}

.btn_color.red {
    border: 1px solid #ff8787 !important;
    color: #ff8787
}

.btn_color.red span {
    color: #ff8787
}

.btn_color.red.on {
    background: #ff8787 !important
}

.pubTextareaStyle {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.pubTextareaStyle div,
.pubTextareaStyle div div {
    height: 100%
}

.pubTextareaStyle div div textarea {
    height: 100% !important
}

.pubTextareaStyle.readOnly textarea {
    color: #1a1a1a !important;
    background: #fff !important
}

.twinBox > table {
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    table-layout: fixed
}

.twinBox > table td {
    border: solid #e6e6e6;
    border-width: 0 0 0 1px
}

.twinBox > table td:first-child {
    border: none
}

.twinBox > table td.twinBox_td {
    vertical-align: top;
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

.twinBox > table td.twinBox_cen {
    vertical-align: middle;
    text-align: center
}

.cen_arr_div {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative
}

.cen_arr_div .btn_set {
    position: absolute;
    top: 50%;
    margin-top: -28px
}

.cen_arr_div .btn_set > div:first-child {
    margin-bottom: 2px
}

.cen_arr_div .btn_set button {
    border: 1px solid #a6a6a6;
    background-color: linear-gradient(0deg, #f0f0f0, #fff);
    width: 27px !important;
    padding: 0 !important
}

.cen_arr_div .btn_set button > div {
    width: 100%;
    height: 100%
}

.cen_arr_div .btn_set button:hover {
    background-color: linear-gradient(0deg, #d9d9d9, #fafafa)
}

.cen_arr_div .btn_set button:active {
    background-color: linear-gradient(0deg, #ccc, #f5f5f5)
}

.cen_arr_div .btn_set button.arrBtnNext {
    margin-bottom: 2px
}

.cen_arr_div .btn_set button.arrBtnNext > div {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat 50% !important
}

.cen_arr_div .btn_set button.arrBtnPrev > div {
    background: url(/modules/barcode/static/media/ic_arrow_left_01_m_normal.2912c4ea.png) no-repeat 50% !important
}

.mid_arr_div {
    width: 100%;
    padding: 10px 0;
    text-align: center
}

.mid_arr_div .btn_set {
    margin: 0 auto
}

.mid_arr_div .btn_set > div:first-child {
    margin-right: 2px
}

.mid_arr_div .btn_set button {
    border: 1px solid #a6a6a6 !important;
    background-color: linear-gradient(0deg, #f0f0f0, #fff);
    width: 27px !important;
    padding: 0 !important
}

.mid_arr_div .btn_set button > div {
    width: 100%;
    height: 100%
}

.mid_arr_div .btn_set button:hover {
    background-color: linear-gradient(0deg, #d9d9d9, #fafafa)
}

.mid_arr_div .btn_set button:active {
    background-color: linear-gradient(0deg, #ccc, #f5f5f5)
}

.mid_arr_div .btn_set button.arrBtnUp > div {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat 50% !important
}

.mid_arr_div .btn_set button.arrBtnDown > div {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat 50% !important
}

.flexBox {
    display: flex;
    -ms-display: flex;
    height: 100%
}

.flexBox .fb_div {
    display: inline-flex;
    -ms-display: inline-flex;
    height: 100%;
    flex-direction: column;
    vertical-align: top
}

.flexBox .fb_div.treeViewBox > div:first-child {
    border: 1px solid #e6e6e6
}

.flexBox.borderBox {
    box-sizing: border-box
}

.flexBox.borderBox .fb_div {
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.flexBox.borderBox .fb_div:first-child {
    border-right: none
}

.flexBox .high_div {
    display: none
}

.flexBox.highlight {
    position: absolute;
    z-index: 10001;
    background: #fff;
    width: 100%
}

.flexBox.highlight > .fb_div {
    width: 100%
}

.flexBox.highlight .high_div {
    position: fixed;
    top: 185px;
    right: 30px;
    display: block
}

.flexBox.highlight .high_div .txt {
    color: #fff;
    float: left;
    font-size: 20px;
    line-height: 27px;
    margin-right: 20px
}

.flexBox.highlight .high_div .btn_high_clo {
    background: url(/modules/barcode/static/media/btn_highlight_clo01.9784419f.png) no-repeat 50% !important;
    border: none !important;
    float: right
}

.pubGridStyle {
    height: 100%;
    width: 100%;
    position: relative
}

.pubGridStyle [class*=OBTPagination_drop] {
    vertical-align: top
}

.pubGridStyle > div > div {
    border-top-color: #666
}

.btn_div + .pubGridStyle {
    height: calc(100% - 41px)
}

.pubSelectStyle div > div > span {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 19px !important;
    line-height: 19px !important
}

.luxTapStyle > div:first-child {
    text-align: left !important;
    margin-top: 0
}

.luxTapStyle > div:first-child > div ul li button {
    min-width: 100px
}

.luxTapStyle > div {
    margin-top: 15px
}

.pubTabStyle > div > div > div > div > ul > div:first-child li > button > span:first-child {
    display: none
}

.pubTabStyle.tabCusButton > div > div:first-child > div > div:first-child {
    margin-right: 120px !important
}

.pubTabStyle.tabCusButton [class*=OBTTabs_buttonGroup] {
    right: 72px
}

.pubTabStyle.conPt20 > div > div > div:nth-child(2) {
    padding-top: 20px !important;
    box-sizing: border-box
}

.pubTabStyle.conPt15 > div > div > div:nth-child(2) {
    padding-top: 15px !important;
    box-sizing: border-box
}

.tabW135 > div > div > div > div > ul li > button {
    width: 135px !important
}

.tabW184 > div > div > div > div > ul li > button {
    width: 184px !important
}

.btnCusTab {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.btn_div {
    padding-bottom: 5px;
    height: 31px;
    box-sizing: border-box
}

.btn_div.h27 {
    padding-bottom: 0;
    height: 27px
}

.btn_div .left_div {
    float: left
}

.btn_div .left_div_in > div {
    vertical-align: middle
}

.btn_div .left_div .left_div_in,
.btn_div .left_div > div:first-child,
.btn_div .left_div > span:first-child {
    float: left
}

.btn_div .right_div {
    float: right
}

.btn_div .right_div > div {
    vertical-align: middle
}

.btn_div .cen_div {
    text-align: center
}

.btn_div .cen_div > div {
    vertical-align: middle
}

.btn_div button {
    vertical-align: top;
    margin-left: 4px;
    min-width: 27px
}

.btn_div [data-orbit-component=OBTButtonGroup] button {
    margin-left: 0
}

.btn_div .left_div button {
    margin-left: 0;
    margin-right: 4px
}

.btn_div input {
    height: 22px;
    padding: 0 0 0 6px;
    border: 1px solid #c9cac9;
    background: #fff;
    color: #4a4a4a
}

.btn_div input:hover {
    border: 1px solid #1088e3
}

.btn_div button.btn_clo {
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50% !important;
    border: none !important
}

.btn_div .btn_list {
    margin-left: -1px !important
}

.btn_div .txt {
    line-height: 27px;
    color: #666;
    margin-left: 5px
}

.btn_div .left_div .txt {
    margin-left: 0;
    margin-right: 5px
}

.treeBox {
    border: 1px solid #e6e6e6;
    overflow-y: auto
}

.treeBox,
.treeBox > div {
    height: 100%;
    box-sizing: border-box
}

.treeBox > div {
    display: block;
    border: none;
    width: 100%
}

.pubAccordionStyle .checkTable {
    margin: 12px 0
}

.pubAccordionStyle .tit_sp {
    font-size: 13px;
    color: #4a4a4a
}

.pubAccordionStyle .so_txt {
    color: #a6a6a6;
    margin-left: 6px
}

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

.checkTable table td,
.checkTable table th {
    height: 38px;
    border: 1px solid #e6e6e6
}

.checkTable table th {
    font-size: 12px;
    font-weight: 700;
    background: #fafafa
}

.checkTable table td {
    text-align: center;
    font-size: 12px;
    color: #000
}

.checkTable table .imgQue {
    background: url(/modules/barcode/static/media/ic_question_01_s_normal.4b2fa2e2.png) no-repeat 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top
}

.con_normal {
    height: 100%;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -.8px
}

.con_normal .text {
    background: url(/modules/barcode/static/media/img_empty_write.1cbb36b7.png) no-repeat 50%;
    padding-top: 120px;
    margin-top: -30px
}

.con_normal .text.nolist {
    background: url(/modules/barcode/static/media/img_empty_list.80a602d4.png) no-repeat 50%
}

.con_normal .text.nocompany {
    background: url(/modules/barcode/static/media/img_empty_company.14e1a6b2.png) no-repeat 50%
}

.con_normal.small {
    font-size: 12px
}

.con_normal.small .text {
    padding-top: 80px;
    background-size: 42px 42px
}

.con_normal.small .text.nolist {
    background: url(/modules/barcode/static/media/img_empty_list_s.32062d05.png) no-repeat 50%
}

.no_data {
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -.8px
}

.no_data.border {
    border: 1px solid #e6e6e6
}

.no_data .text {
    background: url(/modules/barcode/static/media/img_empty_data.33d0180f.png) no-repeat 50%;
    padding-top: 120px;
    margin-top: -45px
}

.no_data .text.nowrite {
    background: url(/modules/barcode/static/media/img_empty_write.1cbb36b7.png) no-repeat 50%
}

.no_data .text.nosearch {
    background: url(/modules/barcode/static/media/img_empty_search.d06c259c.png) no-repeat 50%
}

.no_data .text.nolist {
    background: url(/modules/barcode/static/media/img_empty_list.80a602d4.png) no-repeat 50%
}

.no_data .text.nodept {
    background: url(/modules/barcode/static/media/img_empty_dept.b2215ffd.png) no-repeat 50%
}

.no_data .text.novideo {
    background: url(/modules/barcode/static/media/img_empty_video.210490bf.png) no-repeat 50%
}

.no_data .text.nomemo {
    background: url(/modules/barcode/static/media/img_empty_memo.d1d0037d.png) no-repeat 50%
}

.no_data .text.noevent {
    background: url(/modules/barcode/static/media/img_empty_event.729e05c0.png) no-repeat 50%
}

.no_data .text.nocompany {
    background: url(/modules/barcode/static/media/img_empty_company.14e1a6b2.png) no-repeat 50%
}

.no_data .text.noform {
    background: url(/modules/barcode/static/media/img_empty_form.4a1ef099.png) no-repeat 50%
}

.no_data .text.nocomment {
    background: url(/modules/barcode/static/media/img_empty_comment.556bf2dd.png) no-repeat 50%
}

.no_data .text.noproduct {
    background: url(/modules/barcode/static/media/img_empty_product.ef54050f.png) no-repeat 50%
}

.no_data .text.nouser {
    background: url(/modules/barcode/static/media/img_empty_user.62df579f.png) no-repeat 50%
}

.no_data .text.analysis {
    background: url(/modules/barcode/static/media/img_empty_analysis.7eb17bba.png) no-repeat 50%
}

.no_data .text.userAdd {
    background: url(/modules/barcode/static/media/img_empty_user_add.786d7ab4.png) no-repeat 50%
}

.no_data .text.noalert {
    background: url(/modules/barcode/static/media/img_empty_noti.e5d7daeb.png) no-repeat 50%
}

.no_data .text.nomail {
    background: url(/modules/barcode/static/media/img_empty_mail.de348ffd.png) no-repeat 50%
}

.no_data .text.nomailselect {
    background: url(/modules/barcode/static/media/img_select_mail.7f81609e.png) no-repeat 50%
}

.no_data .text.notrash {
    background: url(/modules/barcode/static/media/img_empty_trash.989ff963.png) no-repeat 50%
}

.no_data .text.norecent {
    background: url(/modules/barcode/static/media/img_empty_recent.57186b85.png) no-repeat 50%
}

.no_data .text.nosignhistory {
    background: url(/modules/barcode/static/media/img_empty_sign_history.57601211.png) no-repeat 50%
}

.no_data .text.noDday {
    background: url(/modules/barcode/static/media/img_empty_dday.f7ed54d3.png) no-repeat 50%
}

.no_data .text.noshare {
    background: url(/modules/barcode/static/media/img_empty_share.655c0f69.png) no-repeat 50%
}

.no_data .text.noauthority {
    background: url(/modules/barcode/static/media/img_empty_authority.81fc19c6.png) no-repeat 50%
}

.no_data .text.nodocuflow {
    background: url(/modules/barcode/static/media/img_empty_docuflow.f5245cd2.png) no-repeat 50%
}

.no_data .text.nodeptdocu {
    background: url(/modules/barcode/static/media/img_empty_dept_docu.51db4deb.png) no-repeat 50%
}

.no_data .text.nolock {
    background: url(/modules/barcode/static/media/img_empty_lock.6e5d92bd.png) no-repeat 50%
}

.no_data .text.noonefilp {
    background: url(/modules/barcode/static/media/img_empty_onefilp.3e056544.png) no-repeat 50%
}

.no_data .text.noimportant {
    background: url(/modules/barcode/static/media/img_empty_important.57ee1424.png) no-repeat 50%
}

.no_data .text.noprocess {
    background: url(/modules/barcode/static/media/img_empty_process.93db3332.png) no-repeat 50%
}

.no_data .text.noclass {
    background: url(/modules/barcode/static/media/img_empty_class.ca27108b.png) no-repeat 50%
}

.no_data .text.noattachfile {
    background: url(/modules/barcode/static/media/img_empty_attachfile.f052d5bd.png) no-repeat 50%
}

.no_data.small {
    font-size: 12px
}

.no_data.small .text {
    padding-top: 70px;
    background: url(/modules/barcode/static/media/img_empty_data_s.410970b4.png) no-repeat 50%;
    background-size: 42px 42px;
    margin-top: -35px
}

.no_data.small .text.nowrite {
    background: url(/modules/barcode/static/media/img_empty_write_s.9f18c9a1.png) no-repeat 50%
}

.no_data.small .text.nosearch {
    background: url(/modules/barcode/static/media/img_empty_search_s.dabcfbb4.png) no-repeat 50%
}

.no_data.small .text.nolist {
    background: url(/modules/barcode/static/media/img_empty_list_s.32062d05.png) no-repeat 50%
}

.no_data.small .text.nodept {
    background: url(/modules/barcode/static/media/img_empty_dept_s.c7bdaa25.png) no-repeat 50%
}

.no_data.small .text.novideo {
    background: url(/modules/barcode/static/media/img_empty_video_s.dfd36579.png) no-repeat 50%
}

.no_data.small .text.nomemo {
    background: url(/modules/barcode/static/media/img_empty_memo_s.95d69089.png) no-repeat 50%
}

.no_data.small .text.noevent {
    background: url(/modules/barcode/static/media/img_empty_event_s.86b7b528.png) no-repeat 50%
}

.no_data.small .text.nocompany {
    background: url(/modules/barcode/static/media/img_empty_company_s.1b66ae12.png) no-repeat 50%
}

.no_data.small .text.nocomment {
    background: url(/modules/barcode/static/media/img_empty_comment_s.1a8e61e7.png) no-repeat 50%
}

.no_data.small .text.noalert {
    background: url(/modules/barcode/static/media/img_empty_noti_s.4c0abc2d.png) no-repeat 50%
}

.no_data.small .text.nomail {
    background: url(/modules/barcode/static/media/img_empty_mail_s.6741eac2.png) no-repeat 50%
}

.no_data.small .text.nomailselect {
    background: url(/modules/barcode/static/media/img_select_mail_s.0551796c.png) no-repeat 50%
}

.no_data.small .text.notime {
    background: url(/modules/barcode/static/media/img_empty_time_s.d1b751f7.png) no-repeat 50%
}

.no_data.small .text.nosetting {
    background: url(/modules/barcode/static/media/img_empty_setting_s.70fa5990.png) no-repeat 50%
}

.no_data.small .text.noscreen {
    background: url(/modules/barcode/static/media/img_empty_screen_s.4c24189c.png) no-repeat 50%
}

.no_data.small .text.nouser {
    background: url(/modules/barcode/static/media/img_empty_user_s.d4b30c05.png) no-repeat 50%
}

.no_data.small .text.userAdd {
    background: url(/modules/barcode/static/media/img_empty_user_add_s.d7c0f756.png) no-repeat 50%
}

.no_data.small .text.nosignhistory {
    background: url(/modules/barcode/static/media/img_empty_sign_history_s.c87b7f31.png) no-repeat 50%
}

.no_data.small .text.noSchedule {
    background: url(/modules/barcode/static/media/img_empty_schedule_s@2x.ac74ee4f.png) no-repeat 50%;
    background-size: 42px 42px
}

.no_data.small .text.noSelectSchedule {
    background: url(/modules/barcode/static/media/img_select_schedule_s.1930cac3.png) no-repeat 50%
}

.no_data.small .text.noNameCard {
    background: url(/modules/barcode/static/media/img_empty_businesscard_s@2x.b234791b.png) no-repeat 50%;
    background-size: 42px 42px
}

.no_data.small .text.nohistory {
    background: url(/modules/barcode/static/media/img_empty_history_s.3d9e821f.png) no-repeat 50%
}

.no_data.small .text.noshare {
    background: url(/modules/barcode/static/media/img_empty_share_s.59899c57.png) no-repeat 50%
}

.no_data.small .text.noimportant {
    background: url(/modules/barcode/static/media/img_empty_important_s.eb57ea38.png) no-repeat 50%
}

.no_data.small .text.noauthority {
    background: url(/modules/barcode/static/media/img_empty_authority_s.2be40ee1.png) no-repeat 50%
}

.no_data.small .text.nodocuflow {
    background: url(/modules/barcode/static/media/img_empty_docuflow_s.2d9ae404.png) no-repeat 50%
}

.no_data.small .text.nochart {
    background: url(/modules/barcode/static/media/img_empty_chart_s.08d0313b.png) no-repeat 50%
}

.no_data.small .text.nodeptdocu {
    background: url(/modules/barcode/static/media/img_empty_dept_docu_s.9f774dff.png) no-repeat 50%
}

.no_data.small .text.nokeep {
    background: url(/modules/barcode/static/media/img_empty_keep_s.47e017dc.png) no-repeat 50%
}

.no_data.small .text.nodocconn {
    background: url(/modules/barcode/static/media/img_empty_doc_conn_s.405d7e54.png) no-repeat 50%
}

.no_data.small .text.noclass {
    background: url(/modules/barcode/static/media/img_empty_class_s.05c34685.png) no-repeat 50%
}

.no_data.small .text.noprocess {
    background: url(/modules/barcode/static/media/img_empty_process_s.d9653913.png) no-repeat 50%
}

.no_data.small .text.noprofile {
    background: url(/modules/barcode/static/media/img_empty_profile_s.b2362f81.png) no-repeat 50%
}

.no_data.small .text.nomydocu {
    background: url(/modules/barcode/static/media/img_empty_mydocu_s.f3760046.png) no-repeat 50%
}

.no_data.small .text.noattachfile {
    background: url(/modules/barcode/static/media/img_empty_attachfile_s.94505818.png) no-repeat 50%
}

.no_data div,
.no_data div img {
    text-align: center
}

.no_data .txt {
    font-size: 15.5px;
    line-height: 1.16;
    letter-spacing: -.78px;
    margin-top: 7px
}

.no_data .subTxt,
.no_data .txt {
    text-align: center;
    color: #8c8c8c
}

.no_data .subTxt {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.6px;
    margin-top: 8px
}

.emptySet {
    overflow: hidden
}

.emptySet .tit {
    height: 29px;
    font-size: 20px;
    line-height: 1.45;
    color: #1c90fb;
    clear: both
}

.emptySet ul {
    margin-top: 30px;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px
}

.emptySet ul li {
    margin-bottom: 50px;
    position: relative
}

.emptySet ul li .txt {
    font-size: 16px;
    line-height: 24px;
    clear: both;
    color: #000;
    padding-bottom: 10px;
    display: block
}

.emptySet ul li .box {
    height: 240px;
    width: 330px
}

.emptySet ul li .small_box {
    height: 200px;
    width: 264px
}

.emptySet ul li .codePreDiv {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 20px
}

.emptySet ul li .codePreDiv pre {
    background: #f2f2f2;
    padding: 20px;
    border: 1px solid #e6e6e6
}

.emptySet ul li .codePreDiv .btn_board_clo {
    position: absolute;
    right: 0;
    top: 10px
}

.layer_set {
    height: 100%
}

.layer_set .layer_wrap {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    z-index: 100
}

.layer_set .titleSearchWrap {
    box-sizing: border-box
}

.layer_set .titleSearchWrap .titleSearch {
    position: absolute;
    top: -70px;
    left: -20px;
    height: 49px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    background-color: #fff
}

.layer_set .titleSearchWrap .titleSearch .titleDivUnit .title {
    font-size: 18px;
    line-height: 49px;
    letter-spacing: -.8px;
    color: #000
}

.layer_set .titleSearchWrap .titleSearch .titleDivUnit .cnt {
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -.8px;
    color: #1c90fb
}

.layer_set .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn {
    margin: 18px 0 0;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_refresh_s_normal@2x.b8973f45.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.layer_set .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn:hover {
    background: url(/modules/barcode/static/media/ic_refresh_s_over@2x.ebeeabc3.png) no-repeat 50%;
    background-size: 14px
}

.layer_wrap {
    height: 100%;
    position: relative;
    overflow: hidden
}

.layer_wrap .layer_div {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    display: none;
    background: #fff;
    border: 1px solid #fff;
    border-top: none;
    box-sizing: border-box;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.layer_wrap .layer_div .layer_div_in {
    height: 100%;
    position: relative
}

.layer_wrap .layer_div .layer_div_in img {
    vertical-align: middle
}

.layer_wrap .layer_div .layer_div_in [class*=OBTDropDownList2] img {
    vertical-align: top
}

.layer_wrap .layer_div .layer_sc {
    overflow: auto;
    height: 100%
}

.layer_wrap .layer_div .layer_sc > div > div:nth-child(2) {
    display: none
}

.layer_wrap .layer_div .layer_sc .layer_sc_in {
    height: 100%
}

.layer_wrap .layer_div .layer_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: #f2f2f2;
    text-align: center
}

.layer_wrap .layer_div .layer_foot .cen_div {
    margin-top: 11px
}

.layer_wrap .layer_div .layer_foot .cen_div > div {
    margin-left: 4px
}

.layer_wrap .layer_div .layer_foot .cen_div > div:first-child {
    margin-left: 0
}

.layer_wrap .layer_div .layer_foot.dat_foot {
    height: 62px;
    background: #50596c
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div {
    margin-top: 15px
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div .dat {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_comment_m_disable.2c6d5931.png) no-repeat 0;
    padding-left: 24px
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div .dat .num {
    color: #1ae0ed
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div .chk {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 0;
    padding-left: 24px
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div .chk.on {
    background: url(/modules/barcode/static/media/ic_check_02_m_over.d7007d29.png) no-repeat 0;
    padding-left: 24px
}

.layer_wrap .layer_div .layer_foot.dat_foot .cen_div .off {
    font-size: 18px;
    color: #fff;
    cursor: not-allowed;
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_close_02_m_disable.4bd16946.png) no-repeat 0;
    padding-left: 24px
}

.layer_wrap.active {
    display: block
}

.layer_wrap.active .layer_div {
    left: 0;
    width: 100%;
    display: block
}

.layer_wrap.pdStyle .layer_div {
    border: 1px solid #666
}

.layer_wrap.pdStyle .layer_div .layer_div_in {
    padding: 20px 0 20px 20px
}

.layer_wrap.pdStyle .layer_div .layer_div_in .layer_sc_in {
    height: auto;
    padding-bottom: 20px;
    padding-right: 14px;
    box-sizing: border-box
}

.layer_wrap.pdStyle .layer_div .layer_sc {
    margin-right: 6px
}

.layer_wrap.pdStyle30 .layer_div {
    border: 1px solid #666
}

.layer_wrap.pdStyle30 .layer_div .layer_div_in {
    padding: 24px 0 30px 30px
}

.layer_wrap.pdStyle30 .layer_div .layer_div_in .layer_title {
    margin-right: 30px;
    font-size: 20px
}

.layer_wrap.pdStyle30 .layer_div .layer_div_in .layer_sc_in {
    height: auto;
    padding-bottom: 20px;
    padding-right: 24px;
    box-sizing: border-box
}

.layer_wrap.pdStyle30 .layer_div .layer_sc {
    margin-right: 6px
}

.layer_wrap.pdStyle13 .layer_div {
    border: 1px solid #a6a6a6
}

.layer_wrap.pdStyle13 .layer_div .layer_div_in {
    padding: 10px 13px
}

.layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_title {
    border-bottom: 1px solid #d9d9d9
}

.layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_title .layer_tit {
    font-size: 13px;
    font-weight: 700
}

.layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_sc_in {
    height: auto;
    padding-bottom: 20px;
    padding-right: 24px;
    box-sizing: border-box
}

.layer_wrap.pdStyle13 .layer_div .layer_sc {
    margin-right: 6px
}

.layer_wrap.npdStyle .layer_div {
    border: 1px solid #666
}

.layer_wrap.pubLayerSlide .layer_div .layer_div_in {
    box-sizing: border-box
}

.layer_wrap.pubLayerSlide .layer_title {
    margin-right: 0
}

.layer_wrap.pubLayerSlide.pdStyle .layer_title {
    margin-right: 20px
}

.layer_wrap.pubLayerSlide.btnBoxStyle .layer_title .left_div .layer_tit {
    margin-right: 5px;
    background: url(/modules/barcode/static/media/ico_dot01.73743b1b.png) no-repeat 0;
    font-weight: 700;
    padding-left: 8px;
    font-size: 14px;
    line-height: 27px
}

.layer_wrap.pubLayerSlide.btnBoxStyle .layer_title .left_div .left_div_in {
    margin-left: 0;
    color: #666
}

.layer_wrap.noBorderTitle .layer_title {
    border-bottom: none
}

.layer_wrap.noBorderTitle.btnBoxStyle .layer_title {
    height: 31px
}

.layer_wrap_comment {
    overflow: hidden
}

.layer_wrap_comment,
.layer_wrap_comment .layer_div {
    height: 100%;
    position: absolute;
    bottom: 0;
    display: none
}

.layer_wrap_comment .layer_div {
    width: 0;
    background: #fff;
    border: 1px solid #fff;
    border-top: none;
    box-sizing: border-box
}

.layer_wrap_comment .layer_div .layer_div_in {
    height: 100%;
    position: relative
}

.layer_wrap_comment .layer_div .layer_sc {
    overflow: auto;
    height: 100%
}

.layer_wrap_comment .layer_div .layer_sc > div > div:nth-child(2) {
    display: none
}

.layer_wrap_comment .layer_div .layer_sc .layer_sc_in {
    height: 100%
}

.layer_wrap_comment .layer_div .layer_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: #f2f2f2;
    text-align: center
}

.layer_wrap_comment .layer_div .layer_foot .cen_div {
    margin-top: 11px
}

.layer_wrap_comment .layer_div .layer_foot .cen_div > div {
    margin-left: 4px
}

.layer_wrap_comment .layer_div .layer_foot .cen_div > div:first-child {
    margin-left: 0
}

.layer_wrap_comment.active {
    display: block
}

.layer_wrap_comment.active .layer_div {
    left: 0;
    width: 100%;
    display: block
}

.layer_wrap_comment.pdStyle .layer_div {
    border: 1px solid #666
}

.layer_wrap_comment.pdStyle .layer_div .layer_div_in {
    padding: 20px 0 20px 20px
}

.layer_wrap_comment.pdStyle .layer_div .layer_div_in .layer_sc_in {
    height: auto;
    padding-bottom: 20px;
    padding-right: 14px
}

.layer_wrap_comment.pdStyle .layer_div .layer_sc {
    margin-right: 6px
}

.layer_wrap_comment.npdStyle .layer_div {
    border: 1px solid #666
}

.small_tit {
    font-family: NotoSansCJKkr;
    font-size: 13px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -.65px;
    color: #000
}

.line_ta table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.line_ta table td,
.line_ta table th {
    height: 39px;
    font-size: 13px
}

.line_ta table th {
    font-weight: 400;
    text-align: left;
    padding-left: 10px
}

.line_ta table td {
    font-weight: 700
}

.line_ta table .cen {
    text-align: center !important;
    padding-left: 0;
    padding-right: 0
}

.line_ta table .ri {
    text-align: right !important;
    padding-right: 10px
}

.line_ta table .le {
    text-align: left !important;
    padding-left: 10px
}

.line_ta table .entry_img {
    background: url(/modules/barcode/static/media/ic_room_enter_m_normal.7a8b602c.png) no-repeat 50%
}

.line_ta table .entry_img,
.line_ta table .out_img {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    padding-right: 6px
}

.line_ta table .out_img {
    background: url(/modules/barcode/static/media/ic_room_leave_m_normal.c4c6fda0.png) no-repeat 50%
}

.line_ta table .inout_th {
    font-weight: 700;
    text-align: center;
    padding-top: 5px
}

.line_ta table .inout_td {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    padding-left: 24px;
    color: #000;
    height: 49px;
    padding-bottom: 5px
}

.line_ta table .inout_td.on {
    opacity: .3;
    color: rgba(0, 0, 0, .3)
}

.line_ta.bar {
    background: url(/modules/barcode/static/media/line_ta_bar.27fdaead.png) no-repeat 50%
}

.pub_ta table {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #666
}

.pub_ta table td,
.pub_ta table th {
    height: 39px;
    font-size: 13px;
    border: 1px solid #e6e6e6
}

.pub_ta table th {
    font-weight: 400;
    background: #fafafa
}

.pub_ta table td {
    font-weight: 700
}

.pub_ta table .cen {
    text-align: center !important;
    padding-left: 0;
    padding-right: 0
}

.pub_ta table .ri {
    text-align: right !important;
    padding-right: 10px
}

.pub_ta table .le {
    text-align: left !important;
    padding-left: 10px
}

.pub_ta.vertical td,
.pub_ta.vertical th {
    text-align: center
}

.pub_ta.small td,
.pub_ta.small th {
    height: 25px;
    font-size: 12px;
    letter-spacing: -1px
}

.mdt-7 > div {
    margin-top: -7px
}

.boardAd_list {
    border: 1px solid #ccc;
    width: 100%;
    height: 129px;
    overflow-y: auto
}

.boardAd_list ul li {
    line-height: 32px;
    padding-left: 9px;
    padding-right: 10px;
    clear: both
}

.boardAd_list ul li .sp {
    float: right;
    margin-top: 5px;
    height: 20px
}

.boardAd_list .btn_board_clo {
    float: right;
    height: 20px
}

.layer_title {
    height: 36px;
    box-sizing: border-box;
    border-bottom: 1px solid #666;
    margin-right: 20px
}

.layer_title .left_div {
    float: left
}

.layer_title .left_div .layer_tit {
    float: left;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px
}

.layer_title .left_div .left_div_in {
    float: left;
    margin-left: 5px;
    line-height: 27px
}

.layer_title .right_div {
    float: right
}

.layer_title .right_div > div {
    vertical-align: top;
    margin-left: 4px
}

.layer_title button.btn_clo {
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50% !important;
    border: none !important
}

.layer_title button.btn_del {
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50% !important;
    border: none !important
}

.layer_title button.btn_cal {
    background: url(/modules/barcode/static/media/ic_inputcal_m_normal.681e477a.png) no-repeat 50% !important;
    border: none !important
}

.PubDropDownList {
    vertical-align: middle;
    background-color: beige
}

.pubRfpStyle [class*=OBTReferencePanel_nochildreferbox] {
    border-radius: 3px
}

.rfpLine2 > [class*=OBTReferencePanel_nochildreferbox] {
    height: 59px
}

.rfpLine2 > [class*=OBTReferencePanel_nochildreferbox] > [class*=OBTReferencePanel_icon] {
    margin-top: -17px
}

.refBox {
    background: url(/modules/barcode/static/media/ic_info_03_m_normal@2x.b85fd7f1.png) no-repeat top 1px left 0;
    background-size: 18px 18px
}

.refBox .infoTxt {
    margin: 0 0 0 22px;
    font-size: 12px;
    line-height: 18px;
    color: #4a4a4a
}

.lc_tip_rfp .lc_list.st4 ul li {
    width: 25%
}

.lc_tip_rfp .lc_list.st6 ul li {
    width: 16.6%
}

.lc_tip_rfp .lc_list ul {
    margin-right: 20px
}

.lc_tip_rfp .lc_list ul li {
    float: left;
    position: relative;
    text-align: center
}

.lc_tip_rfp .lc_list ul li:after {
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    color: #a6a6a6
}

.lc_tip_rfp .lc_list ul li:last-child:after {
    display: none
}

.lc_tip_rfp .lc_list ul li .txt {
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    width: 100%
}

.lc_tip_rfp .lc_list ul li .num {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 2
}

.lc_tip_rfp .lc_list ul li [class*=OBTTooltip_root] {
    max-width: calc(100% - 90px)
}

.lc_tip_rfp [class*=OBTReferencePanel_content] {
    padding: 12px 0
}

.lc_tip_rfp [class*=OBTReferencePanel_content] .lc_list {
    margin-left: 36px;
    clear: both;
    padding-top: 10px
}

.lc_tip_rfp [class*=OBTReferencePanel_content] .lc_list:first-child {
    padding-top: 0
}

.z101 [class*=OBTReferencePanel_content] {
    z-index: 101 !important
}

.pubDatePickerStyle {
    vertical-align: middle
}

.pubDatePickerStyle > div {
    display: block
}

.pubCheckboxStyle.cen svg {
    left: 50% !important;
    margin-left: -7px !important
}

.UpDownLoader_s input[type=checkbox],
.UpDownLoader_th input[type=checkbox],
.UpDownLoader input[type=checkbox] {
    position: absolute;
    z-index: -10;
    visibility: hidden;
    height: 14px;
    width: 14px;
    top: 0
}

.UpDownLoader_s input[type=checkbox]:before,
.UpDownLoader_th input[type=checkbox]:before,
.UpDownLoader input[type=checkbox]:before {
    padding-right: 10px
}

.UpDownLoader_s input[type=checkbox] + label,
.UpDownLoader_th input[type=checkbox] + label,
.UpDownLoader input[type=checkbox] + label {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    margin-top: -3px
}

.UpDownLoader_s input[type=checkbox]:checked + label,
.UpDownLoader_th input[type=checkbox]:checked + label,
.UpDownLoader input[type=checkbox]:checked + label {
    border: 1px solid #1e91fb;
    background-color: #eff7ff;
    background: url(/modules/barcode/static/media/ico_mail_filter_chk.842c639b.png) no-repeat 50%;
    background-size: 10px 8px
}

.UpDownLoader_s input[type=checkbox]:disabled + label,
.UpDownLoader_th input[type=checkbox]:disabled + label,
.UpDownLoader input[type=checkbox]:disabled + label {
    border: 1px solid #ccc;
    background-color: #f5f5f5
}

.UpDownLoader .btn_UD_thumb,
.UpDownLoader_s .btn_UD_thumb,
.UpDownLoader_th .btn_UD_thumb {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.UpDownLoader .btn_UD_thumb:active,
.UpDownLoader_s .btn_UD_thumb:active,
.UpDownLoader_th .btn_UD_thumb:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.UpDownLoader [class*=OBTButton_disabled].btn_UD_thumb,
.UpDownLoader_s [class*=OBTButton_disabled].btn_UD_thumb,
.UpDownLoader_th [class*=OBTButton_disabled].btn_UD_thumb {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_thumbnail_02_m_disable.e63b3b12.png) no-repeat 50% !important
}

.UpDownLoader .btn_UD_thumb.on,
.UpDownLoader_s .btn_UD_thumb.on,
.UpDownLoader_th .btn_UD_thumb.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.UpDownLoader_s input.btn_UD_thumb,
.UpDownLoader_th input.btn_UD_thumb,
.UpDownLoader input.btn_UD_thumb {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

.UpDownLoader_s input.btn_UD_thumb:hover,
.UpDownLoader_th input.btn_UD_thumb:hover,
.UpDownLoader input.btn_UD_thumb:hover {
    border: 1px solid #a6a6a6 !important
}

.UpDownLoader .btn_UD_detail,
.UpDownLoader_s .btn_UD_detail,
.UpDownLoader_th .btn_UD_detail {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.UpDownLoader .btn_UD_detail:active,
.UpDownLoader_s .btn_UD_detail:active,
.UpDownLoader_th .btn_UD_detail:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.UpDownLoader [class*=OBTButton_disabled].btn_UD_detail,
.UpDownLoader_s [class*=OBTButton_disabled].btn_UD_detail,
.UpDownLoader_th [class*=OBTButton_disabled].btn_UD_detail {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_list_02_m_disable.7623be08.png) no-repeat 50% !important
}

.UpDownLoader .btn_UD_detail.on,
.UpDownLoader_s .btn_UD_detail.on,
.UpDownLoader_th .btn_UD_detail.on {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.UpDownLoader_s input.btn_UD_detail,
.UpDownLoader_th input.btn_UD_detail,
.UpDownLoader input.btn_UD_detail {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

.UpDownLoader_s input.btn_UD_detail:hover,
.UpDownLoader_th input.btn_UD_detail:hover,
.UpDownLoader input.btn_UD_detail:hover {
    border: 1px solid #a6a6a6 !important
}

.UpDownLoader .btn_UD_list,
.UpDownLoader_s .btn_UD_list,
.UpDownLoader_th .btn_UD_list {
    background: url(/modules/barcode/static/media/ic_view_detail_m_normal.20a43d10.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.UpDownLoader .btn_UD_list:active,
.UpDownLoader_s .btn_UD_list:active,
.UpDownLoader_th .btn_UD_list:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_view_detail_m_normal.20a43d10.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.UpDownLoader [class*=OBTButton_disabled].btn_UD_list,
.UpDownLoader_s [class*=OBTButton_disabled].btn_UD_list,
.UpDownLoader_th [class*=OBTButton_disabled].btn_UD_list {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_view_detail_m_disable.2f6b86eb.png) no-repeat 50% !important
}

.UpDownLoader .btn_UD_list.on,
.UpDownLoader_s .btn_UD_list.on,
.UpDownLoader_th .btn_UD_list.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_view_detail_m_over.952254df.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.UpDownLoader_s input.btn_UD_list,
.UpDownLoader_th input.btn_UD_list,
.UpDownLoader input.btn_UD_list {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

.UpDownLoader_s input.btn_UD_list:hover,
.UpDownLoader_th input.btn_UD_list:hover,
.UpDownLoader input.btn_UD_list:hover {
    border: 1px solid #a6a6a6 !important
}

.UpDownLoader .btn_UD_down,
.UpDownLoader_s .btn_UD_down,
.UpDownLoader_th .btn_UD_down {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.UpDownLoader .btn_UD_down:active,
.UpDownLoader_s .btn_UD_down:active,
.UpDownLoader_th .btn_UD_down:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.UpDownLoader [class*=OBTButton_disabled].btn_UD_down,
.UpDownLoader_s [class*=OBTButton_disabled].btn_UD_down,
.UpDownLoader_th [class*=OBTButton_disabled].btn_UD_down {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/modules/barcode/static/media/ic_download_m_disable.9f7a7646.png) no-repeat 50% !important
}

.UpDownLoader .btn_UD_down.on,
.UpDownLoader_s .btn_UD_down.on,
.UpDownLoader_th .btn_UD_down.on {
    border: 1px solid #1c90fb !important;
    background: url(/modules/barcode/static/media/ic_download_m_over.3fd101f4.png) no-repeat 50%, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important
}

.UpDownLoader_s input.btn_UD_down,
.UpDownLoader_th input.btn_UD_down,
.UpDownLoader input.btn_UD_down {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

.UpDownLoader_s input.btn_UD_down:hover,
.UpDownLoader_th input.btn_UD_down:hover,
.UpDownLoader input.btn_UD_down:hover {
    border: 1px solid #a6a6a6 !important
}

.UpDownLoader {
    border: 1px solid #e4e4e4;
    background-color: #fff;
    clear: both;
    box-sizing: border-box
}

.UpDownLoader.dragbg {
    border-color: #1c90fb
}

.UpDownLoader .header {
    height: 37px;
    line-height: 37px;
    background-color: #f4f4f4
}

.UpDownLoader .header .title {
    float: left;
    padding-left: 10px
}

.UpDownLoader .header .title .check {
    float: left;
    padding: 0 10px
}

.UpDownLoader .header .title .size {
    color: #b4b4b4;
    padding: 0 0 0 5px
}

.UpDownLoader .header .title .ico_file {
    height: 14px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 0
}

.UpDownLoader .header .btnBox {
    float: right;
    height: 33px;
    padding: 4px 10px 0 0;
    position: relative
}

.UpDownLoader .header .btnBox span {
    float: left
}

.UpDownLoader .header .btnBox span:last-child .fileTooltip {
    float: right;
    right: 0;
    margin-left: 0
}

.UpDownLoader .header .btnBox span:last-child .fileTooltip .arrow {
    margin-left: -30px;
    left: 100%
}

.UpDownLoader .header .btnBox span .btn {
    width: 27px;
    height: 27px;
    padding: 0;
    cursor: pointer;
    margin-left: -1px;
    outline: none
}

.UpDownLoader .header .btnBox span .btnSingle {
    width: 27px !important;
    height: 27px;
    padding: 0 !important;
    cursor: pointer;
    outline: none;
    vertical-align: middle
}

.UpDownLoader .header .btnBox span .btnSingle.btn_fileAdd {
    background-position: 50% !important
}

.UpDownLoader .header .btnBox span .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left
}

.UpDownLoader .header .btnBox span .fileTooltip {
    margin-top: -5px;
    position: absolute;
    text-align: left
}

.UpDownLoader .header .btnBox span .fileTooltip .arrow {
    left: 0;
    margin-left: 9px
}

.UpDownLoader .header .btnBox span .fileTooltip .box {
    position: relative
}

.UpDownLoader .header .sp_ocm {
    line-height: normal !important;
    margin-left: 5px;
    cursor: pointer
}

.UpDownLoader .header .sp_ocm .btn_ocm {
    width: auto !important;
    padding-left: 24px;
    padding-right: 4px;
    height: 27px;
    border: 1px solid #a6a6a6;
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat left 5px center, linear-gradient(0deg, #f0f0f0, #fff) !important;
    outline: none;
    cursor: pointer
}

.UpDownLoader .header .sp_ocm .btn_ocm:hover {
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat left 5px center, linear-gradient(0deg, #d9d9d9, #fafafa) !important
}

.UpDownLoader .conBox {
    position: relative;
    height: 105px;
    background: #fff
}

.UpDownLoader .conBox ul li {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    box-sizing: border-box;
    white-space: nowrap
}

.UpDownLoader .conBox ul li:hover {
    background-color: #e9f5ff
}

.UpDownLoader .conBox ul li .check {
    float: left;
    padding: 0 0 0 10px;
    width: 24px
}

.UpDownLoader .conBox ul li .check img {
    vertical-align: middle
}

.UpDownLoader .conBox ul li .ico_new img {
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -1px
}

.UpDownLoader .conBox ul li .ellipsis {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    padding-left: 22px
}

.UpDownLoader .conBox ul li .ocm {
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 1px;
    float: left
}

.UpDownLoader .conBox .noFile {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    position: relative
}

.UpDownLoader .conBox .noFile .text {
    display: table-cell;
    vertical-align: middle
}

.UpDownLoader .conBox .noFile .ico {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px;
    height: 16px;
    background: url(/modules/barcode/static/media/ic_docu_addfile_m_normal.7c4b48ff.png) no-repeat 0;
    margin-right: 3px
}

.UpDownLoader .conBox .dragDropCon {
    background-color: rgba(239, 247, 255, .7);
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute
}

.UpDownLoader .conBox .dragDropCon .dragDropOn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

.UpDownLoader .conBox .dragDropCon .dragDropOn img {
    width: 26px;
    height: 24px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    margin: 0 0 7px
}

.UpDownLoader .conBox .dragDropCon .dragDropOn .textBox {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #fff;
    border-radius: 9px;
    padding: 0 7px 1px;
    background-color: #1c90fb;
    cursor: default
}

.UpDownLoader .conBox .ico_eapFile_on {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_open_s_normal.ea703409.png) no-repeat 50%
}

.UpDownLoader .conBox .ico_eapFile_off {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_private_s_disable.f126abb0.png) no-repeat 50%
}

.UpDownLoader .flexBox.thumb {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.UpDownLoader .flexBox.thumb .icon {
    background-size: 36px 42px
}

.UpDownLoader .flexBox.thumb .fb_div ul {
    padding: 0 10px
}

.UpDownLoader .flexBox.thumb .fb_div ul li {
    border: none;
    float: left;
    width: 74px;
    height: 90px;
    margin: 8px 10px 0 0;
    position: relative;
    padding-right: 0
}

.UpDownLoader .flexBox.thumb .fb_div ul li:last-child {
    margin-right: 0
}

.UpDownLoader .flexBox.thumb .fb_div ul li:hover {
    background: #fff
}

.UpDownLoader .flexBox.thumb .fb_div ul li .ellipsis {
    width: 100%;
    cursor: default;
    line-height: 13px;
    box-sizing: border-box;
    padding: 42px 0 0 2px
}

.UpDownLoader .flexBox.thumb .fb_div ul li .fileBox {
    width: inherit;
    height: 100%;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 7px
}

.UpDownLoader .flexBox.thumb .fb_div ul li .text {
    float: left;
    width: inherit;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 11px
}

.UpDownLoader .flexBox.thumb .fb_div ul li .size {
    float: left;
    font-size: 11px
}

.UpDownLoader .flexBox.thumb .fb_div ul li .check {
    float: right;
    line-height: 0;
    padding: 8px 0 0;
    height: 11px;
    margin-right: -5px
}

.UpDownLoader .flexBox.thumb .fb_div ul li .check img {
    margin-top: -4px
}

.UpDownLoader .flexBox.thumb .fb_div .eapFile {
    position: absolute
}

.UpDownLoader .flexBox.thumb .fb_div .ico_eapFile_off,
.UpDownLoader .flexBox.thumb .fb_div .ico_eapFile_on {
    margin: 5px 0 0 2px
}

.UpDownLoader .flexBox.thumb .fb_div .prvIco {
    margin: 5px 0 0 5px
}

.UpDownLoader .flexBox.thumb .fb_div .delIco,
.UpDownLoader .flexBox.thumb .fb_div .downIco,
.UpDownLoader .flexBox.thumb .fb_div .historyIco,
.UpDownLoader .flexBox.thumb .fb_div .linkIco {
    margin: 5px 0 0 2px
}

.UpDownLoader .flexBox.list {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.UpDownLoader .flexBox.list .icon {
    overflow: hidden;
    float: left;
    background-size: 16px 16px;
    max-width: calc(100% - 185px);
    text-overflow: ellipsis;
    padding-left: 22px
}

.UpDownLoader .flexBox.list .fb_div {
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: block
}

.UpDownLoader .flexBox.list .fb_div:last-child {
    border-right: none
}

.UpDownLoader .flexBox.list .eapFile {
    float: left
}

.UpDownLoader .flexBox.list .ocm {
    vertical-align: middle;
    margin-top: -1px;
    float: inherit;
    display: inline-block
}

.UpDownLoader .flexBox.list ul {
    display: flex !important;
    flex-flow: column wrap
}

.UpDownLoader .flexBox.list ul li {
    width: auto;
    border-right: 1px solid #e4e4e4;
    display: flex;
    cursor: default;
    min-width: 220px
}

.UpDownLoader .flexBox.list ul li.last .fileTooltip {
    margin-top: -60px !important
}

.UpDownLoader .flexBox.list ul li.last .fileTooltip .arrow {
    top: auto !important;
    bottom: -6px !important;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow_down.d1f3eaed.png) left bottom 1px no-repeat !important
}

.UpDownLoader .flexBox.list ul li.last .LayerSel {
    bottom: 0
}

.UpDownLoader .flexBox.list .ico_eapFile_off,
.UpDownLoader .flexBox.list .ico_eapFile_on {
    margin: 8px 4px 0 0
}

.UpDownLoader .flexBox.list .ext {
    float: left
}

.UpDownLoader .flexBox.list .delIco,
.UpDownLoader .flexBox.list .downIco,
.UpDownLoader .flexBox.list .historyIco,
.UpDownLoader .flexBox.list .linkIco,
.UpDownLoader .flexBox.list .prvIco {
    margin: 8px 0 0 3px
}

.UpDownLoader .flexBox.detail {
    width: 100%;
    overflow: auto
}

.UpDownLoader .flexBox.detail .icon {
    float: left;
    padding-left: 22px;
    overflow: hidden;
    background-size: 16px 16px;
    max-width: calc(100% - 185px);
    text-overflow: ellipsis
}

.UpDownLoader .flexBox.detail .eapFile {
    float: left
}

.UpDownLoader .flexBox.detail ul li.last .fileTooltip {
    margin-top: -60px !important
}

.UpDownLoader .flexBox.detail ul li.last .fileTooltip .arrow {
    top: auto !important;
    bottom: -6px !important;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow_down.d1f3eaed.png) left bottom 1px no-repeat !important
}

.UpDownLoader .flexBox.detail ul li.last .LayerSel {
    bottom: 0
}

.UpDownLoader .flexBox.detail .ocm {
    vertical-align: middle;
    margin-top: -1px;
    float: inherit;
    display: inline-block
}

.UpDownLoader .flexBox.detail .ico_eapFile_off,
.UpDownLoader .flexBox.detail .ico_eapFile_on {
    margin: 8px 4px 0 0
}

.UpDownLoader .flexBox.detail .ext {
    float: left
}

.UpDownLoader .flexBox.detail .delIco,
.UpDownLoader .flexBox.detail .downIco,
.UpDownLoader .flexBox.detail .historyIco,
.UpDownLoader .flexBox.detail .linkIco,
.UpDownLoader .flexBox.detail .prvIco {
    margin: 8px 0 0 3px
}

.UpDownLoader .flexBox .fb_div {
    width: 100%
}

.UpDownLoader.small {
    border: none;
    background: none
}

.UpDownLoader.small .UpDownLoader_in {
    clear: both;
    border: 1px solid #e4e4e4;
    background: #fff
}

.UpDownLoader.small .header {
    height: 24px;
    line-height: 24px
}

.UpDownLoader.small .conBox ul li {
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0
}

.UpDownLoader.small .flexBox.detail .ico_eapFile_off,
.UpDownLoader.small .flexBox.detail .ico_eapFile_on {
    margin: 5px 4px 0 0
}

.UpDownLoader.small .flexBox.detail .icon {
    max-width: calc(100% - 60px)
}

.UpDownLoader.small .flexBox.detail li.eapFileIcons .icon {
    max-width: calc(100% - 78px)
}

.UpDownLoader.small .flexBox.detail .pd_btns {
    position: absolute;
    right: 0;
    top: -1px;
    height: 24px;
    box-shadow: -6px 0 5px #fff;
    background: #fff
}

.UpDownLoader.small .flexBox.detail .pd_btns .delIco,
.UpDownLoader.small .flexBox.detail .pd_btns .downIco,
.UpDownLoader.small .flexBox.detail .pd_btns .historyIco,
.UpDownLoader.small .flexBox.detail .pd_btns .linkIco,
.UpDownLoader.small .flexBox.detail .pd_btns .prvIco {
    margin: 5px 0 0 3px
}

.UpDownLoader.small .subj_div .subj {
    float: left;
    line-height: 21px
}

.UpDownLoader.small .subj_div .btns {
    float: right
}

.UpDownLoader.small .subj_div .btns .btn {
    width: 21px;
    height: 21px;
    outline: none;
    cursor: pointer;
    border-radius: 2px
}

.UpDownLoader.small .subj_div .btns .btn_fileAdd {
    background-position: 50% !important;
    margin-left: 2px
}

.UpDownLoader.small .header .title .size {
    padding: 0 0 0 3px
}

.QuickButtonLayer {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    height: 29px
}

.QuickButtonLayer ul {
    margin: 0 5px
}

.QuickButtonLayer ul li {
    float: left;
    padding: 0
}

.QuickButtonLayer ul li input {
    border: none;
    background: none
}

.QuickButtonLayer ul li .btnCustom {
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: 2px;
    cursor: pointer;
    outline: none
}

.QuickButtonLayer ul li .btnCustom.pcSave {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.QuickButtonLayer ul li .btnCustom.viewer {
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%
}

.QuickButtonLayer ul li .btnCustom:hover {
    background-color: #e5e5e5 !important;
    border-radius: 50%
}

.QuickButtonLayer ul li:hover {
    background-color: #fff
}

.fileTooltip {
    z-index: 100;
    margin-top: 3px
}

.fileTooltip .box {
    position: absolute;
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 10px 7px 12px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    white-space: pre-line
}

.fileTooltip .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow.d0da4711.png) left top 1px no-repeat;
    z-index: 10
}

.fileTooltipFix {
    z-index: 100;
    margin-top: 3px;
    position: fixed
}

.fileTooltipFix .box {
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 10px 7px 12px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    word-break: break-all
}

.fileTooltipFix .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow.d0da4711.png) left top 1px no-repeat;
    z-index: 10
}

.LayerSel {
    position: fixed;
    z-index: 10
}

.LayerSel ul {
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff
}

.LayerSel ul li {
    min-width: 140px;
    height: 27px !important;
    line-height: 27px !important;
    padding: 0 10px
}

.LayerSel ul li:hover {
    background: #e6f5ff
}

.LayerSel ul li:last-child {
    border-bottom: none !important
}

.LayerSel ul li.pc {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) left 10px center no-repeat;
    padding-left: 30px
}

.LayerSel ul li.view {
    background: url(/modules/barcode/static/media/ic_viewer_open_m_normal.03a458c0.png) left 10px center no-repeat;
    padding-left: 30px
}

.LayerSel ul li.fax {
    background: url(/modules/barcode/static/media/ic_fax_m_normal.2df68f6e.png) left 10px center no-repeat;
    padding-left: 30px
}

.ThumbLayerSel {
    position: absolute;
    width: inherit;
    top: 6px;
    z-index: 10;
    text-align: center;
    white-space: normal
}

.ThumbLayerSel .btn {
    width: 70px;
    height: 27px;
    border-radius: 2px;
    border: 1px solid #a6a6a6;
    background: linear-gradient(0deg, #f0f0f0, #fff);
    font-size: 12px
}

.ThumbLayerSel .btn:hover {
    border: 1px solid #036ddd;
    background: linear-gradient(0deg, #1c90fb, #5eb5fd);
    color: #fff
}

.samNemo {
    border: 1px solid #666;
    background: #fff;
    height: 16px;
    width: 50px;
    display: inline-block;
    vertical-align: top
}

.thumb .icon_ae {
    background: url(/modules/barcode/static/media/icon_board_ae_medium.0cd17bf1.png) left 14px top 22px no-repeat
}

.thumb .icon_ai {
    background: url(/modules/barcode/static/media/icon_board_ai_medium.57ae6327.png) left 14px top 22px no-repeat
}

.thumb .icon_asf {
    background: url(/modules/barcode/static/media/icon_board_asf_medium.e4c39fc3.png) left 14px top 22px no-repeat
}

.thumb .icon_avi {
    background: url(/modules/barcode/static/media/icon_board_avi_medium.5dde3c49.png) left 14px top 22px no-repeat
}

.thumb .icon_bmp {
    background: url(/modules/barcode/static/media/icon_board_bmp_medium.c662d2f2.png) left 14px top 22px no-repeat
}

.thumb .icon_doc {
    background: url(/modules/barcode/static/media/icon_board_doc_medium.7d34afb8.png) left 14px top 22px no-repeat
}

.thumb .icon_docx {
    background: url(/modules/barcode/static/media/icon_board_docx_medium.4e902e05.png) left 14px top 22px no-repeat
}

.thumb .icon_dwg {
    background: url(/modules/barcode/static/media/icon_board_dwg_medium.24993130.png) left 14px top 22px no-repeat
}

.thumb .icon_etc {
    background: url(/modules/barcode/static/media/icon_board_etc_medium.dd0cec56.png) left 14px top 22px no-repeat
}

.thumb .icon_flv {
    background: url(/modules/barcode/static/media/icon_board_flv_medium.8a492559.png) left 14px top 22px no-repeat
}

.thumb .icon_gif {
    background: url(/modules/barcode/static/media/icon_board_gif_medium.13a7a42e.png) left 14px top 22px no-repeat
}

.thumb .icon_gul {
    background: url(/modules/barcode/static/media/icon_board_gul_medium.ce056964.png) left 14px top 22px no-repeat
}

.thumb .icon_htm {
    background: url(/modules/barcode/static/media/icon_board_htm_medium.b90744f0.png) left 14px top 22px no-repeat
}

.thumb .icon_html {
    background: url(/modules/barcode/static/media/icon_board_html_medium.2ea60caf.png) left 14px top 22px no-repeat
}

.thumb .icon_eml {
    background: url(/modules/barcode/static/media/icon_board_eml_medium.24cec4ce.png) left 14px top 22px no-repeat
}

.thumb .icon_hwp {
    background: url(/modules/barcode/static/media/icon_board_hwp_medium.4d5eef73.png) left 14px top 22px no-repeat
}

.thumb .icon_id {
    background: url(/modules/barcode/static/media/icon_board_id_medium.5610a9f2.png) left 14px top 22px no-repeat
}

.thumb .icon_img {
    background: url(/modules/barcode/static/media/icon_board_img_medium.88e300cb.png) left 14px top 22px no-repeat
}

.thumb .icon_jpg {
    background: url(/modules/barcode/static/media/icon_board_jpg_medium.724dcaba.png) left 14px top 22px no-repeat
}

.thumb .icon_mov {
    background: url(/modules/barcode/static/media/icon_board_mov_medium.6c6dd4da.png) left 14px top 22px no-repeat
}

.thumb .icon_mp3 {
    background: url(/modules/barcode/static/media/icon_board_mp_3_medium.df156097.png) left 14px top 22px no-repeat
}

.thumb .icon_mp4 {
    background: url(/modules/barcode/static/media/icon_board_mp_4_medium.560049d9.png) left 14px top 22px no-repeat
}

.thumb .icon_mpeg {
    background: url(/modules/barcode/static/media/icon_board_mpeg_medium.5e1d93a5.png) left 14px top 22px no-repeat
}

.thumb .icon_mpg {
    background: url(/modules/barcode/static/media/icon_board_mpg_medium.f6af4697.png) left 14px top 22px no-repeat
}

.thumb .icon_oneffice {
    background: url(/modules/barcode/static/media/icon_board_oneffice_medium.627692e9.png) left 14px top 22px no-repeat
}

.thumb .icon_onefficeSlide {
    background: url(/modules/barcode/static/media/ic_board_oneffice_slide_medium.def74126.png) left 14px top 22px no-repeat
}

.thumb .icon_pdf {
    background: url(/modules/barcode/static/media/icon_board_pdf_medium.800bf8db.png) left 14px top 22px no-repeat
}

.thumb .icon_png {
    background: url(/modules/barcode/static/media/icon_board_png_medium.47862568.png) left 14px top 22px no-repeat
}

.thumb .icon_ppt {
    background: url(/modules/barcode/static/media/icon_board_ppt_medium.6f5b27c4.png) left 14px top 22px no-repeat
}

.thumb .icon_pptx {
    background: url(/modules/barcode/static/media/icon_board_pptx_medium.67dced9c.png) left 14px top 22px no-repeat
}

.thumb .icon_psd {
    background: url(/modules/barcode/static/media/icon_board_psd_medium.a14f6d24.png) left 14px top 22px no-repeat
}

.thumb .icon_pr {
    background: url(/modules/barcode/static/media/icon_board_pr_medium.bd0154ce.png) left 14px top 22px no-repeat
}

.thumb .icon_tif {
    background: url(/modules/barcode/static/media/icon_board_tif_medium.62f72f87.png) left 14px top 22px no-repeat
}

.thumb .icon_txt {
    background: url(/modules/barcode/static/media/icon_board_txt_medium.19c8d063.png) left 14px top 22px no-repeat
}

.thumb .icon_wav {
    background: url(/modules/barcode/static/media/icon_board_wav_medium.e94b294f.png) left 14px top 22px no-repeat
}

.thumb .icon_wma {
    background: url(/modules/barcode/static/media/icon_board_wma_medium.f596b8de.png) left 14px top 22px no-repeat
}

.thumb .icon_wmv {
    background: url(/modules/barcode/static/media/icon_board_wmv_medium.c8becd83.png) left 14px top 22px no-repeat
}

.thumb .icon_word {
    background: url(/modules/barcode/static/media/icon_board_word_medium.6d7e5b79.png) left 14px top 22px no-repeat
}

.thumb .icon_xd {
    background: url(/modules/barcode/static/media/icon_board_xd_medium.a2eb4a77.png) left 14px top 22px no-repeat
}

.thumb .icon_xls {
    background: url(/modules/barcode/static/media/icon_board_xls_medium.88f069ae.png) left 14px top 22px no-repeat
}

.thumb .icon_xlsx {
    background: url(/modules/barcode/static/media/icon_board_xlsx_medium.f7431b94.png) left 14px top 22px no-repeat
}

.thumb .icon_zip {
    background: url(/modules/barcode/static/media/icon_board_zip_medium.1665756d.png) left 14px top 22px no-repeat
}

.icon_ae {
    background: url(/modules/barcode/static/media/icon_board_ae_small.67cbe8bd.png) 0 no-repeat
}

.icon_ai {
    background: url(/modules/barcode/static/media/icon_board_ai_small.3de44bd9.png) 0 no-repeat
}

.icon_asf,
.icon_avi {
    background: url(/modules/barcode/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_bmp {
    background: url(/modules/barcode/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_doc,
.icon_docx {
    background: url(/modules/barcode/static/media/icon_board_doc_small.1f921e97.png) 0 no-repeat
}

.icon_dwg {
    background: url(/modules/barcode/static/media/icon_board_dwg_small.a2103a67.png) 0 no-repeat
}

.icon_etc {
    background: url(/modules/barcode/static/media/icon_board_etc_small.5b82fc71.png) 0 no-repeat
}

.icon_flv {
    background: url(/modules/barcode/static/media/icon_board_flv_small.42a3279e.png) 0 no-repeat
}

.icon_gif {
    background: url(/modules/barcode/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_gul {
    background: url(/modules/barcode/static/media/icon_board_hwp_small.e895b398.png) 0 no-repeat
}

.icon_eml,
.icon_htm,
.icon_html {
    background: url(/modules/barcode/static/media/icon_board_html_small.192dc14a.png) 0 no-repeat
}

.icon_hwp {
    background: url(/modules/barcode/static/media/icon_board_hwp_small.e895b398.png) 0 no-repeat
}

.icon_id {
    background: url(/modules/barcode/static/media/icon_board_id_small.a883a3dc.png) 0 no-repeat
}

.icon_img,
.icon_jpg {
    background: url(/modules/barcode/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_mov {
    background: url(/modules/barcode/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_mp3 {
    background: url(/modules/barcode/static/media/icon_board_mp_3_small.4ac97eb9.png) 0 no-repeat
}

.icon_mp4,
.icon_mpeg,
.icon_mpg {
    background: url(/modules/barcode/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_oneffice {
    background: url(/modules/barcode/static/media/icon_board_oneffice_small.2d6c70ed.png) 0 no-repeat
}

.icon_onefficeSlide {
    background: url(/modules/barcode/static/media/ic_board_oneffice_slide_small.3b650300.png) 0 no-repeat
}

.icon_pdf {
    background: url(/modules/barcode/static/media/icon_board_pdf_small.f99e1f4c.png) 0 no-repeat
}

.icon_png {
    background: url(/modules/barcode/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_ppt,
.icon_pptx {
    background: url(/modules/barcode/static/media/icon_board_ppt_small.e693b4ee.png) 0 no-repeat
}

.icon_psd {
    background: url(/modules/barcode/static/media/icon_board_psd_small.06f6f041.png) 0 no-repeat
}

.icon_pr {
    background: url(/modules/barcode/static/media/icon_board_pr_small.37da9913.png) 0 no-repeat
}

.icon_tif {
    background: url(/modules/barcode/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_txt {
    background: url(/modules/barcode/static/media/icon_board_txt_small.e78aa25f.png) 0 no-repeat
}

.icon_wav,
.icon_wma {
    background: url(/modules/barcode/static/media/icon_board_mp_3_small.4ac97eb9.png) 0 no-repeat
}

.icon_wmv {
    background: url(/modules/barcode/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_word {
    background: url(/modules/barcode/static/media/icon_board_doc_small.1f921e97.png) 0 no-repeat
}

.icon_xd {
    background: url(/modules/barcode/static/media/icon_board_xd_small.5af1c233.png) 0 no-repeat
}

.icon_xls,
.icon_xlsx {
    background: url(/modules/barcode/static/media/icon_board_xls_small.08069d45.png) 0 no-repeat
}

.icon_zip {
    background: url(/modules/barcode/static/media/icon_board_zip_small.9cbf1c75.png) 0 no-repeat
}

.UpDownLoader_s {
    clear: both;
    overflow: hidden
}

.UpDownLoader_s > table {
    table-layout: fixed
}

.UpDownLoader_s .btn {
    width: 20px;
    padding: 0
}

.UpDownLoader_s .btn,
.UpDownLoader_s .btnSingle {
    height: 27px;
    cursor: pointer;
    outline: none;
    vertical-align: middle
}

.UpDownLoader_s .btnSingle {
    width: 27px !important;
    padding: 0 !important
}

.UpDownLoader_s .btnSingle.btn_fileAdd {
    background-position: 50% !important
}

.UpDownLoader_s .ocm {
    height: 12px;
    margin-left: 2px;
    margin-top: 2px;
    float: left
}

.UpDownLoader_s .btn_ocm,
.UpDownLoader_s .ocm {
    background: url(/modules/barcode/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat 50%;
    width: 12px
}

.UpDownLoader_s .btn_download,
.UpDownLoader_s .btn_ocm {
    height: 17px !important;
    border: none
}

.UpDownLoader_s .btn_download {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%;
    width: 13px
}

.UpDownLoader_s .btn_preView {
    background: url(/modules/barcode/static/media/ico_misc_search_SR.bd14b34d.png) no-repeat 50%;
    background-size: 22px 22px;
    width: 16px;
    height: 12px;
    height: 17px !important;
    border: none
}

.UpDownLoader_s .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left
}

.UpDownLoader_s .btn_delete {
    height: 14px;
    border: none !important;
    background: url(/modules/barcode/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50%, linear-gradient(0deg, #fff, #fff) !important;
    margin-top: 5px;
    vertical-align: top
}

.UpDownLoader_s .btn_delete:hover {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_trashcan_s_over.76b2afac.png) no-repeat 50%, linear-gradient(0deg, #fff, #fff) !important
}

.UpDownLoader_s .text {
    color: #b4b4b4;
    text-align: center;
    cursor: pointer
}

.UpDownLoader_s .fileDiv {
    border: 1px solid #e4e4e4;
    height: 27px;
    padding: 0 6px;
    line-height: 27px;
    box-sizing: border-box;
    margin-right: 4px;
    position: relative;
    overflow: hidden;
    cursor: default
}

.UpDownLoader_s .fileName {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    max-width: calc(100% - 170px)
}

.UpDownLoader_s .fileList {
    float: left;
    clear: both;
    margin: 5px 0 0;
    cursor: default;
    width: 100%
}

.UpDownLoader_s .fileList ul li {
    padding: 5px 0 0;
    display: flex;
    position: relative
}

.UpDownLoader_s .fileList ul li:first-child {
    padding: 0
}

.UpDownLoader_s .fileList ul li:hover {
    text-decoration: underline;
    cursor: default
}

.UpDownLoader_s .fileList ul li .QuickButtonLayer ul li {
    padding: 0
}

.UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom {
    width: 18px;
    height: 18px;
    margin-top: 5px
}

.UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom.pcSave {
    background: url(/modules/barcode/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom.viewer {
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%
}

.UpDownLoader_s .fileList .ico_file {
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat left 3px center
}

.UpDownLoader_s .fileList .fileName {
    padding: 0 0 0 22px
}

.UpDownLoader_s .fileList .delIco,
.UpDownLoader_s .fileList .downIco,
.UpDownLoader_s .fileList .historyIco,
.UpDownLoader_s .fileList .linkIco,
.UpDownLoader_s .fileList .prvIco {
    margin: 2px 0 0 3px
}

.UpDownLoader_s .fileList .btn_delete {
    margin-top: 2px
}

.UpDownLoader_s table td {
    padding: 0 !important;
    border: none !important;
    vertical-align: top
}

.UpDownLoader_s table td [class*=OBTTooltip_root] {
    vertical-align: top
}

.UpDownLoader_s .QuickButtonLayer,
.UpDownLoader_s .QuickButtonLayer ul li {
    height: 25px
}

.UpDownLoader_s .QuickButtonLayer ul li .btnCustom {
    width: 23px;
    height: 23px;
    padding: 0;
    margin-top: 1px;
    cursor: pointer;
    outline: none
}

.UpDownLoader_s .ext {
    float: left
}

.UpDownLoader_s .downIco,
.UpDownLoader_s .historyIco,
.UpDownLoader_s .linkIco,
.UpDownLoader_s .prvIco {
    margin: 6px 0 0 3px
}

.UpDownLoader_th {
    position: relative
}

.UpDownLoader_th .tf_con {
    float: left;
    width: 164px;
    height: 116px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

.UpDownLoader_th .tf_con .pic {
    width: inherit;
    height: inherit;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background: #fff
}

.UpDownLoader_th .tf_con .pic img {
    width: 100%;
    height: 100%
}

.UpDownLoader_th .btnDel {
    position: absolute;
    height: 21px;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 0
}

.UpDownLoader_th .btnDel .btn_file_del_w {
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat center top 2px !important;
    border: none !important;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    outline: none
}

.UpDownLoader_th .ThumbLayerSel {
    top: 30px
}

.UpDownLoader_th .ThumbLayerSel .btn {
    display: block;
    margin: 2px auto 0
}

.UpDownLoader_th .ocm {
    background: #fff url(/modules/barcode/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat 50%;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-top: 1px;
    float: left;
    position: absolute;
    left: 5px;
    top: 5px;
    box-shadow: 0 1px 7px 0 rgba(3, 14, 27, .2)
}

.UpDownLoader_th .btnSingle {
    width: 27px !important;
    height: 27px;
    padding: 0 !important;
    cursor: pointer;
    outline: none;
    vertical-align: middle
}

.UpDownLoader_th .btnSingle.btn_fileAdd {
    background-position: 50% !important
}

.UpDownLoader_th .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left
}

.UpDownLoader_th .prvIco {
    float: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 3px 0 0
}

.UpDownLoader_th .prvIco,
.UpDownLoader_th .prvIco:hover {
    background: url(/modules/barcode/static/media/icon_open_normal_w.5c011969.png) no-repeat 50%
}

.UpDownLoader_th .downIco {
    float: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 3px 0 0 5px
}

.UpDownLoader_th .downIco,
.UpDownLoader_th .downIco:hover {
    background: url(/modules/barcode/static/media/icon_savepc_normal_w.0ed4b843.png) no-repeat 50%
}

.UpDownLoader_th .delIco {
    float: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 3px 0 0 5px
}

.UpDownLoader_th .delIco,
.UpDownLoader_th .delIco:hover {
    background: url(/modules/barcode/static/media/icon_trashcan_normal_w.36e52ea5.png) no-repeat 50%;
    background-size: 14px
}

.UpDownLoader_th .linkIco {
    float: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_link_s_normal@2x.62444f7e.png) no-repeat 50%;
    cursor: pointer;
    margin: 3px 0 0 5px;
    background-size: 14px;
    filter: brightness(0) saturate(100%) invert(100%)
}

.UpDownLoader_th .linkIco:hover {
    background: url(/modules/barcode/static/media/ic_link_s_over@2x.5bd27906.png) no-repeat 50%;
    filter: brightness(0) saturate(100%) invert(100%);
    background-size: 14px
}

.file_btn_set {
    clear: both;
    margin-bottom: 5px;
    overflow: hidden
}

.file_btn_set .btn {
    width: 27px;
    padding: 0
}

.file_btn_set .btn,
.file_btn_set .btnSingle {
    height: 27px;
    cursor: pointer;
    outline: none;
    vertical-align: middle
}

.file_btn_set .btnSingle {
    width: 27px !important;
    padding: 0 !important
}

.file_btn_set .btnSingle.btn_fileAdd {
    background-position: 50% !important
}

.file_btn_set .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left
}

.file_btn_set .btn_delete {
    height: 17px;
    border: none !important;
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50%, linear-gradient(0deg, #fff, #fff) !important
}

.fileDownLayer {
    border: 1px solid #a6a6a6;
    width: 160px;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    z-index: 11;
    font-weight: 400
}

.fileDownLayer ul {
    padding: 0 !important
}

.fileDownLayer ul li {
    height: 27px !important;
    padding-left: 29px !important;
    line-height: 27px !important;
    cursor: pointer;
    width: auto !important;
    float: inherit !important;
    margin: 0 !important;
    min-width: auto !important
}

.fileDownLayer ul li.pc {
    background: url(/modules/barcode/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center
}

.fileDownLayer ul li.oc {
    background: url(/modules/barcode/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center
}

.fileDownLayer ul li.vi {
    background: url(/modules/barcode/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat left 9px center
}

.fileDownLayer ul li.fax {
    background: url(/modules/barcode/static/media/ic_fax_s_normal.5958d749.png) no-repeat left 9px center
}

.fileDownLayer ul li.doc {
    background: url(/modules/barcode/static/media/ic_docu_s_normal.0697e935.png) no-repeat left 9px center
}

.fileDownLayer ul li.of {
    background: url(/modules/barcode/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 9px center
}

.fileDownLayer ul li:hover.pc {
    background: #e6f5ff url(/modules/barcode/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.oc {
    background: #e6f5ff url(/modules/barcode/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.vi {
    background: #e6f5ff url(/modules/barcode/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.fax {
    background: #e6f5ff url(/modules/barcode/static/media/ic_fax_s_normal.5958d749.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.doc {
    background: url(/modules/barcode/static/media/ic_docu_s_normal.0697e935.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.of {
    background: url(/modules/barcode/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 9px center !important
}

.prvIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat 50%;
    cursor: pointer
}

.prvIco:hover {
    background: url(/modules/barcode/static/media/ic_viewer_open_s_over.af36d4f6.png) no-repeat 50%
}

.downIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_download_s_normal.96d944a7.png) no-repeat 50%;
    cursor: pointer
}

.downIco:hover {
    background: url(/modules/barcode/static/media/ic_download_s_over.dbaf1344.png) no-repeat 50%
}

.delIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50%;
    cursor: pointer
}

.delIco:hover {
    background: url(/modules/barcode/static/media/ic_trashcan_s_over.76b2afac.png) no-repeat 50%
}

.historyIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_time_history_s_normal.d60634b9.png) no-repeat 50%;
    cursor: pointer
}

.historyIco:hover {
    background: url(/modules/barcode/static/media/ic_time_history_s_over.9fceacd6.png) no-repeat 50%
}

.linkIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_link_s_normal@2x.62444f7e.png) no-repeat 50%;
    cursor: pointer;
    background-size: 14px
}

.linkIco:hover {
    background: url(/modules/barcode/static/media/ic_link_s_over@2x.5bd27906.png) no-repeat 50%;
    background-size: 14px
}

.pubThumbStyle {
    border: 1px solid #e6e6e6
}

.pubChipsStyle,
.pubThumbStyle {
    height: 100%;
    box-sizing: border-box
}

.pubChipsStyle {
    vertical-align: top
}

.pubChipsStyle.required {
    background-color: #fef4f4
}

.pubChipsStyle.disabled {
    background-color: #f5f5f5
}

.transitionBasic {
    transition: all .5s ease
}

.transitionBasic.close {
    height: 0 !important
}

.pubSearchBox {
    position: relative
}

.pubSearchBox .searchBtn {
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.pubSearchBox .searchBtn:hover {
    background: url(/modules/barcode/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.pubSearchBox .searchBtn.disabled {
    background: url(/modules/barcode/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat 50%
}

.btn_attach {
    border-radius: 2px;
    border: 1px solid #a6a6a6;
    width: 27px;
    height: 27px;
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    outline: none;
    vertical-align: middle
}

.btn_attach:hover {
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #fafafa) !important
}

.btn_attach:active {
    background: url(/modules/barcode/static/media/ic_attach_m_over.d291181e.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #f5f5f5) !important
}

.btn_attach_ocm {
    border-radius: 2px;
    border: 1px solid #a6a6a6;
    width: 27px;
    height: 27px;
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    outline: none;
    vertical-align: middle
}

.btn_attach_ocm:hover {
    background: url(/modules/barcode/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #fafafa) !important
}

.btn_attach_ocm:active {
    background: url(/modules/barcode/static/media/ic_onechamber_m_over.ddb1c03f.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #f5f5f5) !important
}

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

.rpWrite .rpWrite_ta table .anTit {
    margin-bottom: 10px
}

.rpWrite .rpWrite_ta table .anTit input[type=text] {
    vertical-align: middle;
    padding-right: 70px;
    box-sizing: border-box;
    height: 27px;
    outline: none;
    padding-left: 5px;
    line-height: 26px;
    border: 1px solid #ccc;
    font-size: 13px;
    width: 180px;
    word-break: break-all;
    background: #fff
}

.rpWrite .rpWrite_ta table .anTit .txt {
    margin-left: 10px;
    color: #999
}

.rpWrite .rpWrite_ta table .textSet {
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden
}

.rpWrite .rpWrite_ta table .textSet:focus-within {
    border: 1px solid #1c90fb
}

.rpWrite .rpWrite_ta table .textSet.fix100 .rpText {
    height: 100px;
    overflow-y: auto
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpText {
    width: calc(100% - 24px);
    height: 78px;
    padding: 12px;
    outline: none;
    font-size: 12px;
    line-height: 1.8;
    vertical-align: middle;
    word-break: break-all;
    background-color: #fff;
    overflow-y: auto
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc {
    width: 100%;
    height: 34px;
    border-top: 1px solid #e6e6e6;
    background-color: #fff
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn {
    position: relative;
    margin: 10px 0 10px 12px
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn {
    margin: 0 0 0 8px;
    cursor: pointer
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn:first-child {
    margin: 0
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoAttach {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoLink {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_link_s_normal.5c99f94d.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_emoticon_s_normal.956a211a.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoVoice {
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_voice_s_normal.d0766242.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .reCompBtn {
    margin: 7px
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .mentionListBox {
    left: -13px;
    right: 0;
    bottom: -11px;
    max-height: 136px
}

.rpWrite .rpWrite_ta table .textSet .rpText {
    width: calc(100% - 26px);
    height: 82px;
    padding: 15px 13px;
    outline: none;
    font-size: 13px;
    line-height: 1.8;
    vertical-align: middle;
    word-break: break-all;
    background-color: #fff;
    overflow-y: auto
}

.rpWrite .rpWrite_ta table .textSet .rpFnc {
    width: 100%;
    height: 47px;
    border-top: 1px solid #e6e6e6;
    background-color: #fff
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn {
    position: relative;
    margin: 15px 0 15px 13px
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn {
    margin: 0 0 0 10px;
    cursor: pointer
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn:first-child {
    margin: 0
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoAttach {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoLink {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_link_m_normal.924b6113.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_emoticon_m_normal.2630362c.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoVoice {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_voice_m_normal.0797718a.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .reCompBtn {
    margin: 7px 8px
}

.rpWrite .rpWrite_ta table .textSet input[type=text].cloneHiddenText {
    position: absolute;
    left: -1000000px;
    top: -10000000px;
    visibility: hidden
}

.rpWrite .rpWrite_ta table .textSet .keepLink {
    position: relative;
    display: inline-block;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 0 0 20px;
    cursor: pointer;
    max-width: 200px;
    vertical-align: middle
}

.rpWrite .rpWrite_ta table .textSet .keepLink img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

.rpWrite .rpWrite_ta table .textSet .keepLink .text {
    width: 100%;
    font-size: 12px;
    font-family: auto;
    line-height: 19px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.rpWrite .rpWrite_ta table .textSet .keepLink.small {
    position: relative;
    display: inline-block;
    height: 15px;
    margin: 0 5px 0 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    max-width: 180px;
    vertical-align: middle
}

.rpWrite .rpWrite_ta table .textSet .keepLink.small img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 11px;
    height: 11px
}

.rpWrite .rpWrite_ta table .textSet .keepLink.small .text {
    width: 100%;
    font-size: 11px;
    font-family: auto;
    line-height: 15px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.rpWrite .mentionListBox {
    display: none;
    position: absolute;
    bottom: -15px;
    left: -13px;
    right: 0;
    max-height: 158px;
    border: 1px solid #eaeaea;
    background: #fff;
    overflow-y: auto;
    z-index: 11
}

.rpWrite .mentionListBox li {
    position: relative;
    padding: 5px 0;
    border-top: 1px solid #eaeaea;
    cursor: pointer
}

.rpWrite .mentionListBox li.on,
.rpWrite .mentionListBox li:hover {
    background: #f2f2f2
}

.rpWrite .mentionListBox li:first-child {
    border-top: 0
}

.rpWrite .mentionListBox li .mentionImg {
    position: absolute;
    top: 5px;
    left: 0;
    width: 36px;
    height: 36px;
    margin: 0 0 0 4px;
    overflow: hidden;
    border-radius: 50% 50%;
    background: url(/modules/barcode/static/media/profile_noimg_large.df1413b9.png) no-repeat 50%;
    background-size: 36px 36px
}

.rpWrite .mentionListBox li .mentionImg img {
    width: 100%;
    height: 100%;
    border-radius: 50% 50%
}

.rpWrite .mentionListBox li .mentionInfo {
    margin: 0 0 0 44px;
    line-height: 18px
}

.rpWrite .mentionListBox li .mentionInfo dt {
    font-size: 12px;
    font-weight: 700
}

.rpWrite .mentionListBox li .mentionInfo dd {
    color: #b1b1b1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.naSed {
    font-size: 13px;
    margin-right: 4px;
    color: #1c90fb;
    display: inline;
    border: none;
    outline: none;
    background: transparent
}

.naSed.on {
    background: #000
}

.write_area .rpWrite_ta {
    padding: 20px 20px 0
}

.reply_set .replyFile {
    width: 100%;
    margin: 10px 0 0
}

.reply_set.photo_type .rp_head .rp_photo {
    display: block !important
}

.reply_set.photo_type .rp_head .rp_info {
    float: left;
    width: calc(100% - 48px);
    padding-top: 9px
}

.reply_set.photo_type .rp_contents {
    float: right;
    width: calc(100% - 48px);
    padding-top: 0 !important
}

.reply_set.photo_type .re .rp_head .rp_info {
    padding-top: 2px
}

.reply_set.photo_type .re .rp_contents {
    width: calc(100% - 66px);
    padding-left: 0 !important
}

.reply_set.photo_type .re .rp_head + .rpWrite .rpWrite_ta {
    margin-left: 66px !important
}

.reply_set.chat_type .rp_head .rp_photo {
    display: block !important
}

.reply_set.chat_type .rp_head .rp_info {
    float: left;
    width: calc(100% - 48px);
    padding-top: 9px
}

.reply_set.chat_type .rp_contents {
    float: right;
    width: calc(100% - 48px);
    padding: 10px !important;
    background: #eeeff1;
    border-radius: 8px
}

.reply_set.chat_type .re .rp_head .rp_info {
    padding-top: 2px
}

.reply_set.chat_type .re .rp_contents {
    width: calc(100% - 66px);
    padding-left: 10px !important;
    margin-top: 5px
}

.reply_set.chat_type .re .rp_head + .rpWrite .rpWrite_ta {
    margin-left: 66px !important
}

.reply_set.chat_type .semo {
    display: inline-block !important
}

.reply_set .reply_box {
    border-bottom: 1px solid #e6e6e6
}

.reply_set .reply_box:after {
    content: "";
    display: table;
    clear: both
}

.reply_set .reply_box .reply_div {
    padding: 0 20px 20px
}

.reply_set .reply_box .reply_div:after {
    content: "";
    display: table;
    clear: both
}

.reply_set .reply_box .reply_div.re {
    padding-left: 20px;
    background: url(/modules/barcode/static/media/icon_reply_bracket.669797aa.png) no-repeat 26px 24px
}

.reply_set .reply_box .reply_div.re .rp_head {
    padding-left: 28px
}

.reply_set .reply_box .reply_div.re .rp_head .rp_photo {
    display: none;
    width: 38px
}

.reply_set .reply_box .reply_div.re .rp_head .rp_photo .pic {
    width: 30px;
    height: 30px;
    background: url(/modules/barcode/static/media/profile_noimg_large.df1413b9.png) no-repeat 50%;
    background-size: 30px 30px
}

.reply_set .reply_box .reply_div.re .rp_head .rp_photo .pic img {
    width: 30px;
    height: 30px
}

.reply_set .reply_box .reply_div.re .rp_contents {
    padding-left: 28px
}

.reply_set .reply_box .reply_div.re .rpWrite {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px
}

.reply_set .reply_box .reply_div.re .rpWrite .rpWrite_ta {
    margin-left: 28px
}

.reply_set .reply_box .reply_div.re .rp_head + .rpWrite {
    border-top: none;
    clear: both;
    padding-top: 7px
}

.reply_set .reply_box .reply_div.deleted .rp_head .rp_info .left_div .na {
    display: none
}

.reply_set .reply_box .reply_div.deleted .rp_head .rp_info .left_div .date {
    padding-left: 0;
    margin-left: 0;
    background: none
}

.reply_set .reply_box .reply_div.deleted .rp_contents .rpText {
    color: #797979;
    background: url(/modules/barcode/static/media/ic_caution_01_s_normal_red.930bd9db.png) no-repeat 0;
    padding-left: 17px;
    word-break: break-all
}

.reply_set .reply_box .reply_div .rp_head {
    padding-top: 20px
}

.reply_set .reply_box .reply_div .rp_head:after {
    content: "";
    display: table;
    clear: both
}

.reply_set .reply_box .reply_div .rp_head .rp_photo {
    display: none;
    width: 48px;
    text-align: left;
    float: left
}

.reply_set .reply_box .reply_div .rp_head .rp_photo .pic {
    width: 40px;
    height: 40px;
    border-radius: 50% 50%;
    background: url(/modules/barcode/static/media/profile_noimg_large.df1413b9.png) no-repeat 50%;
    background-size: 40px 40px
}

.reply_set .reply_box .reply_div .rp_head .rp_photo .pic img {
    width: 40px;
    height: 40px;
    border-radius: 50% 50%
}

.reply_set .reply_box .reply_div .rp_head .rp_info .left_div {
    float: left;
    line-height: 24px
}

.reply_set .reply_box .reply_div .rp_head .rp_info .left_div .na {
    font-weight: 700;
    font-size: 13px
}

.reply_set .reply_box .reply_div .rp_head .rp_info .left_div .date {
    font-size: 12px;
    margin-left: 6px;
    padding-left: 7px;
    color: #797979;
    line-height: 12px;
    background: url(/modules/barcode/static/media/bg_line_bar01.98e6436d.png) no-repeat 0
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div {
    float: right
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span {
    float: left;
    position: relative;
    margin-left: 5px
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span > input[type=button] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_reply {
    border: none;
    outline: none;
    background: url(/modules/barcode/static/media/ic_comment_m_normal.738345be.png) no-repeat 50%
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_modify {
    border: none;
    outline: none;
    background: url(/modules/barcode/static/media/ic_edit_m_normal.f62c726f.png) no-repeat 50%
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_delete {
    border: none !important;
    outline: none;
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50% !important
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .fileTooltip {
    left: -8px;
    top: 17px;
    position: absolute
}

.reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .fileTooltip .box {
    white-space: nowrap
}

.reply_set .reply_box .reply_div .rp_contents {
    clear: both;
    font-size: 13px;
    box-sizing: border-box;
    padding-top: 5px;
    position: relative;
    word-break: break-all
}

.reply_set .reply_box .reply_div .rp_contents .rpSed {
    color: #1c90fb;
    font-weight: 700;
    margin-right: 5px
}

.reply_set .reply_box .reply_div .rp_contents .keepLink {
    position: relative;
    display: inline-block;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 0 0 20px;
    cursor: pointer;
    max-width: 200px;
    vertical-align: middle
}

.reply_set .reply_box .reply_div .rp_contents .keepLink img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

.reply_set .reply_box .reply_div .rp_contents .keepLink .text {
    width: 100%;
    font-size: 12px;
    font-family: auto;
    line-height: 19px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reply_set .reply_box .reply_div .rp_contents .keepLink.small {
    position: relative;
    display: inline-block;
    height: 15px;
    margin: 0 5px 0 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    max-width: 180px;
    vertical-align: middle
}

.reply_set .reply_box .reply_div .rp_contents .keepLink.small img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 11px;
    height: 11px
}

.reply_set .reply_box .reply_div .rp_contents .keepLink.small .text {
    width: 100%;
    font-size: 11px;
    font-family: auto;
    line-height: 15px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.reply_set .reply_box .reply_div .rp_contents .semo {
    width: 12px;
    height: 12px;
    display: none;
    position: absolute;
    background: url(/modules/barcode/static/media/img_reply_bubble.5fa61df9.png) no-repeat 50%;
    top: 1px;
    left: -11px
}

.reply_set .reply_box .reply_div + .reply_div.re {
    border-top: 1px dashed #e6e6e6
}

.reply_set .reply_box .reply_div.re + .reply_div.re {
    border-top: none
}

.reply_set .reply_box .reply_div.re + .reply_div.re .rp_head,
.reply_set .rpFile {
    border-top: 1px solid #e6e6e6
}

.reply_set .rpFile {
    padding-top: 10px;
    margin-top: 10px
}

.reply_set .rpFile li {
    line-height: 24px
}

.reply_set .rpFile li p {
    float: left;
    cursor: pointer;
    padding-left: 22px;
    max-width: calc(100% - 100px)
}

.reply_set .rpFile li p:hover {
    text-decoration: underline
}

.reply_set .rpText {
    white-space: pre-wrap
}

.pubDiaAlertStyle {
    display: inline
}

.pubDiaAlertStyle .dialog_content .dialog_data > div:first-child {
    display: none
}

.pubDiaAlertStyle .dialog_content .dialog_data > div:nth-child(2) {
    border-top: none
}

.pubDiaAlertStyle .dialog_content .dialog_data > div:nth-child(3) {
    background: #fff;
    padding: 10px 0 20px
}

.passDiv {
    text-align: center
}

.passDiv .ico {
    width: 38px;
    height: 38px;
    background: url(/modules/barcode/static/media/icon_alert_password.57cc36d9.png) no-repeat 50%;
    margin: 0 auto
}

.passDiv .txt {
    font-size: 15px
}

.footNo [class*=OBTDialog_bottomButton] {
    display: none
}

.scrollNo [class*=OBTDialog_data] {
    overflow: hidden
}

.selectiveInput {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    min-height: 27px;
    vertical-align: middle
}

.selectiveInput .selectField {
    width: 100%;
    min-height: 27px;
    height: 100%;
    padding: 0;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #fff;
    outline: none;
    box-sizing: border-box;
    cursor: text
}

.selectiveInput .selectField:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.selectiveInput .selectField:focus {
    border: 1px solid #3badde
}

.selectiveInput .selectField.disabled {
    color: #8d8d8d;
    background: #f3f3f3;
    cursor: not-allowed
}

.selectiveInput .selectField.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    cursor: not-allowed;
    z-index: 1
}

.selectiveInput .selectField.disabled:focus {
    background: #f3f3f3;
    cursor: not-allowed
}

.selectiveInput .selectField.disabled .addresObjView {
    border-color: #ccc !important;
    background: transparent !important;
    color: #ccc !important
}

.selectiveInput .selectField.disabled .addresObjView .addr_input,
.selectiveInput .selectField.disabled .addresObjView .btn_del,
.selectiveInput .selectField.disabled .addresObjView .btn_edit {
    display: none !important
}

.selectiveInput .selectField.disabled .addresObjViewText {
    margin: 0 5px !important
}

.selectiveInput .selectField .addresObjView {
    position: relative;
    float: left;
    min-height: 14px;
    line-height: 14px;
    padding: 1px 0 2px;
    color: #000;
    line-height: normal;
    border: 1px solid #adcfff;
    background-color: #eff7ff;
    cursor: text;
    margin: 1px 0 1px 1px;
    outline: none
}

.selectiveInput .selectField .addresObjView .addresObjViewText {
    margin: 0 5px !important;
    white-space: nowrap
}

.selectiveInput .selectField .addresObjView.edit .addresObjViewText,
.selectiveInput .selectField .addresObjView.write .addresObjViewText {
    visibility: hidden
}

.selectiveInput .selectField .addresObjView .btn_edit {
    cursor: pointer;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(/modules/barcode/static/media/icon_mail_edit_b.69168ef9.png) no-repeat 50%;
    outline: none;
    margin: 0 5px 0 0
}

.selectiveInput .selectField .addresObjView .btn_del {
    cursor: pointer;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(/modules/barcode/static/media/icon_mail_close_b.36106602.png) no-repeat 50%;
    outline: none;
    margin: 0 5px 0 0
}

.selectiveInput .selectField .addresObjView .addr_input {
    display: none
}

.selectiveInput .selectField .addresObjView.write .addr_input {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.selectiveInput .selectField .addresObjView.write .addr_input .editInput {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 2px;
    border: 1px solid transparent;
    background-color: #fff;
    box-sizing: border-box;
    outline: none
}

.selectiveInput .selectField .addresObjView.edit .addr_input {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.selectiveInput .selectField .addresObjView.edit .addr_input .editInput {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 2px;
    border: 1px solid #3badde;
    background-color: #fff;
    box-sizing: border-box;
    outline: none
}

.selectiveInput .selectField .addresObjView.error {
    border: 1px solid #ffb3ad;
    background-color: #ffeff0
}

.selectiveInput .selectField .addresObjView.error .btn_edit {
    background: url(/modules/barcode/static/media/icon_mail_edit_r.7da48e83.png) no-repeat 50%
}

.selectiveInput .selectField .addresObjView.error .btn_del {
    background: url(/modules/barcode/static/media/icon_mail_close_r.cf77900b.png) no-repeat 50%
}

.selectiveInput .selectField .addresObjView.error.edit .addr_input .editInput {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 2px;
    border: 1px solid #f38383;
    background-color: #fff;
    box-sizing: border-box;
    outline: none
}

.selectiveInput .cloneHiddenAddr {
    overflow: hidden;
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 1px;
    height: 1px
}

.selectiveInput .selectField:focus {
    border: 1px solid #2196f3
}

.div_autoComplete,
.selectiveInput .selectField.disabled:focus {
    border: 1px solid #ccc
}

.div_autoComplete {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 102;
    width: 100%;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    box-sizing: border-box
}

.div_autoComplete li {
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: list-item
}

.div_autoComplete li:hover {
    cursor: pointer;
    background: #f5f5f5
}

.div_autoComplete li.on {
    background: #f5f5f5
}

.div_autoComplete li .marking {
    background: #fff1c0
}

.selectField.error {
    background: url(/modules/barcode/static/media/icon_input_error.94963b92.png) no-repeat right 10px center;
    border: 1px solid #e85e30
}

.selectField.error .txt {
    color: #e85e30;
    margin-left: 7px;
    line-height: 25px
}

.selectField.error:focus {
    border: 1px solid #e85e30
}

.pageheadRight {
    position: absolute;
    top: -58px;
    right: 0
}

.managerPop {
    width: 100%;
    height: 100%;
    min-width: 1024px
}

.managerPop .popCon {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 20px 20px
}

.managerPop .pageHeader {
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
    line-height: 50px
}

.managerPop .pageHeader h2 {
    font-size: 18px
}

.managerPop .MenuTitle {
    height: 50px;
    padding: 0 20px;
    line-height: 50px
}

.managerPop .MenuTitle .left_div {
    float: left;
    font-size: 18px;
    padding: 0 0 0 30px
}

.managerPop .MenuTitle .left_div.snbGroup {
    background: url(/modules/barcode/static/media/ic_master_normal.d58c0c50.png) no-repeat 0
}

.managerPop .MenuTitle .left_div.snbCorp {
    background: url(/modules/barcode/static/media/ic_administrator_normal.4bd84038.png) no-repeat 0
}

.managerPop .MenuTitle .left_div.snbUser {
    background: url(/modules/barcode/static/media/ic_user_normal.048ee6ed.png) no-repeat 0
}

.managerPop .MenuTitle .right_div {
    float: right;
    right: 0
}

.managerPop .MenuTitle .right_div.ico_help {
    cursor: pointer;
    margin-top: 15px;
    width: 17px;
    height: 17px;
    background: url(/modules/barcode/static/media/ic_question_01_m_disable.f38af889.png) no-repeat 100%
}

.managerPop .fb_div {
    position: relative
}

.managerPop .pageheadRight {
    top: 11px;
    right: 20px
}

.managerPop .LnbMenu {
    border-right: 1px solid #d9d9d9;
    box-sizing: border-box;
    overflow: auto
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep + .sub_3dep {
    height: 0;
    transform: rotateX(-90deg)
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep {
    height: auto;
    transform: rotateX(0deg);
    transition: .5s
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep li:first-child {
    margin: 10px 0 0
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 25px 10px 10px;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat right 10px center;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep:hover {
    color: #1c90fb
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep.on {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat right 10px center
}

.managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep {
    display: block
}

.managerPop .LnbMenu .LnbMenuCon .sub_3dep {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 10px
}

.managerPop .LnbMenu .LnbMenuCon .sub_3dep li {
    background: url(/modules/barcode/static/media/bg_popSnb_depth.0e900c39.png) no-repeat left top 3px;
    padding: 0 0 10px 15px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

.managerPop .LnbMenu .LnbMenuCon .sub_3dep li.on,
.managerPop .LnbMenu .LnbMenuCon .sub_3dep li:hover {
    color: #1c90fb
}

.managerPop .LnbMenu .LnbMenuCon .sub_3dep li:last-child {
    padding: 0 0 10px 15px
}

.managerPop .LnbMenuManager {
    border-right: 1px solid #d9d9d9;
    box-sizing: border-box;
    overflow: auto
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div + .sub_2dep {
    height: 0;
    transform: rotateX(-90deg)
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div.on + .sub_2dep {
    height: auto;
    transform: rotateX(0deg);
    transition: .5s
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div.on + .sub_2dep > li:first-child {
    margin: 10px 0 0
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 25px 10px 10px;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat right 10px center;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div:hover {
    color: #1c90fb
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div.on {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat right 10px center
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div.on + .sub_3dep {
    display: block
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 10px;
    overflow-x: auto
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li {
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li .tit_div {
    background: url(/modules/barcode/static/media/bg_popSnb_depth.0e900c39.png) no-repeat left top 3px;
    cursor: pointer;
    padding: 0 0 10px 15px
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li > .tit_div.on,
.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li > .tit_div:hover {
    color: #1c90fb
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_close {
    background: url(/modules/barcode/static/media/ic_arrow_right_02_m_normal.d07bd820.png) no-repeat left -3px top 0 !important
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_open {
    background: url(/modules/barcode/static/media/ic_arrow_left_02_m_normal.e439f3f7.png) no-repeat left -1px top 0 !important
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_close + ul {
    display: none
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_open + ul {
    display: block
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li {
    padding-left: 15px
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li > .tit_div.on,
.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li > .tit_div:hover {
    color: #1c90fb
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li {
    padding-left: 15px
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li > .tit_div.on,
.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li > .tit_div:hover {
    color: #1c90fb
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li {
    padding-left: 15px
}

.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li > .tit_div.on,
.managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li > .tit_div:hover {
    color: #1c90fb
}

.managerPop .contntsView {
    overflow: auto;
    word-break: break-all;
    padding: 20px;
    height: 100%
}

.pubCardListStyle {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    position: relative;
    height: 100%;
    box-sizing: border-box
}

.pubCardListStyle.noSort [class*=OBTCardList_sortstyle] {
    display: none
}

.pubCardListStyle.checkCardList [class*=OBTCardList_checkstyle] {
    padding-right: 0;
    margin-left: 10px
}

.pubCardListStyle.qwMenuList [class*=OBTPagination_pageRight] {
    display: none
}

.pubCardListStyle.qwMenuList [class*=OBTCardList_checkstyle] {
    padding-right: 0;
    margin-left: 10px
}

.pubCardListStyle.qwMenuList .qw {
    position: absolute;
    right: 10px;
    top: 17px
}

.pubCardListStyle.qwMenuList .qw ul li {
    background: none !important;
    border: none !important
}

.pubCardListStyle.qwMenuList .qw ul li > div {
    height: 25px !important
}

.pubCardListStyle.qwMenuList .qw ul li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #e6e6e6
}

.pubCardListStyle.qwMenuList .qw ul li.basic span.on {
    background: #20c997
}

.pubCardListStyle.qwMenuList .qw ul li.erp span.on {
    background: #1c90fb
}

.pubCardListStyle.ctfMenuList [class*=OBTPagination_pageRight] {
    display: none
}

.pubCardListStyle.ctfMenuList [class*=OBTCardList_checkstyle] {
    padding-right: 0;
    margin-left: 10px
}

.pubCardListStyle.ctfMenuList .cardList > div > div + div > div > div > div ul > li,
.pubCardListStyle.ctfMenuList .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px !important
}

.pubCardListStyle.ctfMenuList .ctfBox {
    padding: 0 16px;
    box-sizing: border-box
}

.pubCardListStyle.ctfMenuList .ctfBox .topUnit {
    height: 41px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.pubCardListStyle.ctfMenuList .ctfBox .topUnit .text01 {
    font-size: 13px;
    line-height: 40px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pubCardListStyle.ctfMenuList .ctfBox .topUnit .text02 {
    font-size: 12px;
    line-height: 40px;
    color: #a6a6a6;
    margin: 0 0 0 10px
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit {
    padding: 13px 0 0
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit {
    height: 24px;
    margin: 0 0 10px
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .tag01 {
    width: 42px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: #7f98fd;
    border-radius: 18px
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .tag02 {
    width: 42px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: #37c1d6;
    border-radius: 18px
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico {
    justify-content: flex-end
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .mobile {
    width: 24px;
    height: 24px;
    margin: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_certify_mobile_l_normal.ebbbfee9.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .mobile.on {
    background: url(/modules/barcode/static/media/ic_certify_mobile_l_over.05a7c4f4.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .otp {
    width: 24px;
    height: 24px;
    margin: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_certify_otp_l_normal.98e16889.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .otp.on {
    background: url(/modules/barcode/static/media/ic_certify_otp_l_over.d36fc2fe.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .device {
    width: 24px;
    height: 24px;
    margin: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_certify_device_l_normal.fe6d11ba.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .device.on {
    background: url(/modules/barcode/static/media/ic_certify_device_l_over.c910505d.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .password {
    width: 24px;
    height: 24px;
    margin: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_certify_password_l_normal.d3239542.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .password.on {
    background: url(/modules/barcode/static/media/ic_certify_password_l_over.3de611af.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .fingerPrint {
    width: 24px;
    height: 24px;
    margin: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_certify_fingerprint_l_normal.a3068ece.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .fingerPrint.on {
    background: url(/modules/barcode/static/media/ic_certify_fingerprint_l_over.cccea1a0.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf {
    position: absolute;
    right: 10px;
    top: 22px
}

.pubCardListStyle.ctfMenuList .ctf ul li {
    background: none !important;
    border: none !important;
    float: left
}

.pubCardListStyle.ctfMenuList .ctf ul li > div {
    height: 25px !important
}

.pubCardListStyle.ctfMenuList .ctf ul li span {
    display: inline-block;
    width: 32px;
    height: 32px
}

.pubCardListStyle.ctfMenuList .ctf ul li.fingerprint span {
    background: url(/modules/barcode/static/media/ic_certify_fingerprint_l_disable.a3068ece.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.fingerprint span.on {
    background: url(/modules/barcode/static/media/ic_certify_fingerprint_l_over.cccea1a0.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.otp span {
    background: url(/modules/barcode/static/media/ic_certify_otp_l_normal.98e16889.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.otp span.on {
    background: url(/modules/barcode/static/media/ic_certify_otp_l_over.d36fc2fe.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.device span {
    background: url(/modules/barcode/static/media/ic_certify_device_l_disable.fe6d11ba.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.device span.on {
    background: url(/modules/barcode/static/media/ic_certify_device_l_over.c910505d.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.password span {
    background: url(/modules/barcode/static/media/ic_certify_password_l_normal.d3239542.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.password span.on {
    background: url(/modules/barcode/static/media/ic_certify_password_l_over.3de611af.png) no-repeat 50%
}

.pubCardListStyle .card_search {
    overflow: hidden;
    padding: 16px 10px 10px
}

.pubCardListStyle .card_search .btnImg {
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -3px
}

.pubCardListStyle .card_search.qwSearch {
    position: relative;
    height: 100px;
    padding: 9px 0;
    margin: 0 13px 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.pubCardListStyle .cd_tit {
    position: absolute;
    z-index: 2
}

.pubCardListStyle .cd_tit.qwCd_tit {
    top: 75px;
    left: 13px
}

.pubCardListStyle .cd_tit .ct {
    margin-right: 7px
}

.pubCardListStyle .cd_tit .ct em {
    font-weight: 700
}

.pubCardListStyle .cd_sort {
    position: absolute;
    z-index: 2;
    right: 0;
    padding: 10px 12px 0 0
}

.pubCardListStyle .cd_sort.qwCd_sort {
    top: 75px;
    right: 13px;
    padding: 0
}

.pubCardListStyle .cardList {
    border: none;
    border-top: 1px solid #e6e6e6
}

.pubCardListStyle .cardList [class*=OBTCardList_addRow] {
    background: #fff
}

.pubCardListStyle .cardList #inputElement {
    color: #000 !important
}

.pubCardListStyle .cardList > div {
    border: none
}

.pubCardListStyle .cardList > [class*=OBTCardList_pagination] {
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box
}

.pubCardListStyle .cardList > div > div:first-child {
    height: 36px !important;
    border-bottom: 0
}

.pubCardListStyle .cardList > div > div:first-child + div {
    display: none
}

.pubCardListStyle .cardList > div > div + div > div > div > div {
    padding: 10px 10px 0;
    box-sizing: border-box
}

.pubCardListStyle .cardList > div > div + div > div > div > div ul > li {
    margin-bottom: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 9px;
    box-sizing: border-box
}

.pubCardListStyle .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 9px
}

.pubCardListStyle .cardList > div > div + div > div > div > div ul > li > div:first-child {
    padding: 0 !important;
    height: 36px
}

.pubCardListStyle .cardList.toneDown .selectedList {
    background-color: #f2f8fd !important
}

.pubCardListStyle .cardList.toneDown > div > div + div > div > div > div ul > li {
    border: 1px solid #e0e0e0
}

.pubCardListStyle .cardList.toneDown > div > div + div > div > div > div ul > li > div > div > div,
.pubCardListStyle .cardList.toneDown [class*=OBTCardList_li_CardList] > div > div:nth-child(2) > div {
    color: #a6a6a6 !important
}

.pubCardListStyle .cardList.toneDown [class*=OBTCardList_selectedCardList] {
    border: 1px solid #afcfed;
    box-shadow: none
}

.pubCardListStyle.system {
    background: #fff;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-top-color: #000
}

.pubCardListStyle.system .cardList {
    border: none;
    border-top: 1px solid #000
}

.pubCardListStyle.system .cardList > div {
    border: none;
    border-bottom: 1px solid #e6e6e6
}

.pubCardListStyle.system .cardList > [class*=OBTCardList_pagination] {
    border: none
}

.pubCardListStyle.system .cardList > div + div > div > div + div + div {
    display: none
}

.pubCardListStyle.system .cardList > div > div + div > div > div > div ul > li {
    margin-bottom: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box
}

.pubCardListStyle.system .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px
}

.pubCardListStyle.noTitle .cardList > div > div:first-child {
    height: 0 !important;
    display: none
}

.cardTempBox {
    margin: 0 16px
}

.cardTempBox .typeUnit01 {
    width: 32px;
    height: 18px;
    margin: 2px 0 0 10px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    text-align: center
}

.cardTempBox .typeUnit01.type1 {
    background-color: #7f98fd
}

.cardTempBox .typeUnit01.type2 {
    background-color: #37c1d6
}

.cardTempBox .cardText01 {
    margin: 14px 0 5px;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

.stamp_ta table td,
.stamp_ta table th {
    border: 1px solid #e6e6e6
}

.stamp_ta table th {
    height: 33px;
    background: #f2f2f2
}

.stamp_ta table td {
    height: 126px;
    text-align: center
}

.stamp_ta table td .pic {
    position: relative;
    width: 82px;
    height: 82px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    margin: 0 auto;
    box-sizing: border-box
}

.stamp_ta table td .pic .pic_img {
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 2;
    width: 71px;
    left: 5px;
    top: 4px;
    height: 71px
}

.stamp_ta table td .pic .pic_img > img {
    max-width: 71px;
    max-height: 71px;
    background: #fff
}

.stamp_ta table td .pic:hover .btn_set {
    display: block
}

.stamp_ta table td .btn_set {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.stamp_ta table td.form_td .pic {
    width: 220px;
    height: 82px
}

.stamp_ta table td.form_td .pic .pic_img {
    width: 160px;
    height: 28px;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -14px
}

.stamp_ta table td.form_td .pic .pic_img > img {
    max-width: 160px;
    max-height: 28px
}

.stamp_ta table td .btn_set .opaci {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 3
}

.stamp_ta table td .txt {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 82px;
    display: inline-block;
    left: 50%;
    margin-left: -41px;
    z-index: 1
}

.stamp_ta table td .btn_set .btns {
    position: absolute;
    top: 30px;
    z-index: 4;
    width: 62px;
    left: 50%;
    margin-left: -31px
}

.stamp_ta table td .btn_set .btnImg {
    margin: 0 2px
}

.downLayer {
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .16);
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 1px solid #a6a6a6;
    background: #fff;
    z-index: 10;
    box-sizing: border-box
}

.downLayer_in {
    position: relative;
    padding: 20px
}

.downLayer .semo {
    position: absolute;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    top: -23px;
    cursor: pointer
}

.downLayer .semo .semoL {
    float: left;
    width: 8px;
    height: 25px;
    background: url(/modules/barcode/static/media/downLayer_semoL.eee084b8.png) no-repeat 0 0;
    background-size: 8px 24px
}

.downLayer .semo .text {
    float: left;
    width: 64px;
    padding: 3px 0 2px;
    background: #fff;
    box-shadow: 0 -10px 8px -7px rgba(0, 0, 0, .16);
    border-top: 1px solid #a6a6a6;
    text-align: center
}

.downLayer .semo .semoR {
    float: left;
    width: 8px;
    height: 25px;
    background: url(/modules/barcode/static/media/downLayer_semoR.be85bb63.png) no-repeat 100% 0;
    background-size: 8px 24px
}

.colorPick ul li {
    float: left;
    margin-right: 6px;
    position: relative;
    height: 20px
}

.colorPick ul li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer
}

.colorPick ul li span.plus_sp {
    width: 20px;
    height: 20px;
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    background: url(/modules/barcode/static/media/icon_cal_add_normal.5c14dd3e.png) no-repeat 50%;
    box-sizing: border-box
}

.colorPick ul li span.check {
    display: none;
    background: url(/modules/barcode/static/media/check@2x.c0113fae.png) no-repeat 50%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 10px 7px
}

.colorPick ul li.on span.check {
    display: inline-block
}

.depa_inp_div {
    background: #fff;
    width: 100%;
    padding: 10px 10px 5px;
    box-sizing: border-box;
    left: 0;
    top: 39px;
    z-index: 100;
    border: 1px solid #a6a6a6;
    position: absolute
}

.depa_inp_div > p {
    margin-bottom: 10px
}

.depa_inp_div > div {
    margin-bottom: 5px
}

.depa_inp_div table {
    width: 100%;
    margin-bottom: 5px
}

.depa_inp_div table td,
.depa_inp_div table th {
    border: none !important
}

.depa_inp_div table th {
    padding: 3px 0 !important
}

.depa_inp_div table td {
    padding: 3px 8px !important
}

.sortSet {
    position: relative
}

.sortSet .sortSp {
    display: block;
    border: 0;
    outline: none;
    font-size: 12px;
    font-family: inherit;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(/modules/barcode/static/media/btn_arrow_down_normal.1ed5bddd.png) no-repeat 100%;
    background-size: 12px 12px;
    padding-right: 15px
}

.sortSet .sortSp:hover {
    background: url(/modules/barcode/static/media/btn_arrow_down_hover.d41b7812.png) no-repeat 100%;
    background-size: 12px 12px
}

.sortSet .sortList {
    border: 1px solid #ccc;
    min-width: 168px;
    position: absolute;
    right: 0;
    top: 20px;
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1) 0ms, opacity .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border-radius: 2px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    z-index: 1000;
    max-height: 841px;
    overflow-y: auto
}

.sortSet .sortList ul li {
    padding: 2px 6px 0;
    text-decoration: none;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 20px;
    cursor: pointer
}

.sortSet .sortList ul li.on {
    color: #1c90fb;
    background: #e9f5ff
}

.sortSet .sortList ul li:hover {
    background: #e9f5ff
}

.sortSet .sortList.check li {
    padding-left: 24px
}

.sortSet .sortList.check li.on {
    color: #1c90fb;
    background: #e9f5ff;
    background: url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 6px
}

.sortSet.on .sortSp {
    background: url(/modules/barcode/static/media/btn_arrow_up_normal.5eacb2f3.png) no-repeat 100%;
    background-size: 12px 12px
}

.sortSet.on .sortSp:hover {
    background: url(/modules/barcode/static/media/btn_arrow_up_hover.d2f29140.png) no-repeat 100%;
    background-size: 12px 12px
}

.sortSet.on .sortList {
    opacity: 1;
    transform: scaleY(1)
}

.sortSet .sortList dl dt {
    font-weight: 700;
    padding: 0 0 0 10px
}

.sortSet .sortList dl dd,
.sortSet .sortList dl dt {
    font-size: 12px;
    line-height: 21px;
    border-bottom: 1px solid #f0f0f0
}

.sortSet .sortList dl dd ul li {
    font-size: 12px;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 27px
}

.sortSet .sortList dl dd ul li:hover {
    background-color: #e6f5ff
}

.sortSet .sortList dl dd ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 10px 5px
}

.sortSet .sortList dl dd ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 10px 5px
}

.sortSet .sortList dl dd ul li span {
    display: block;
    margin: 0 10px 0 0;
    line-height: 24px
}

.sortSet .sortList dl dd ul li span.up {
    display: block;
    background: url(/modules/barcode/static/media/ic_ascending_order_s_normal.f5f9c13e.png) no-repeat 100%
}

.sortSet .sortList dl dd ul li span.down {
    display: block;
    background: url(/modules/barcode/static/media/ic_descending_order_s_normal.768686f5.png) no-repeat 100%
}

.sortSet span.imc {
    display: inline-block !important;
    margin-right: 5px !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e6e6e6
}

.sortSet span.imc.basic {
    background: #1c90fb
}

.sortSet span.imc.user {
    background: #67ccb5
}

.sortSet span.imc.uc {
    background: #1c90fb
}

.sortSet span.imc.erp {
    background: #20c997
}

.sortSet span.imc.erp2 {
    background: #f48da5
}

.sortSet.disabled {
    cursor: not-allowed
}

.sortSet.disabled .sortSp {
    cursor: not-allowed;
    color: #8d8d8d
}

.sortSet.disabled .sortSp,
.sortSet.disabled .sortSp:hover {
    background: url(/modules/barcode/static/media/btn_arrow_down_disable.b4e1f27b.png) no-repeat 100%;
    background-size: 12px 12px
}

.sortSet.keepSt .sortList ul li {
    padding: 3px 33px 4px 51px
}

.sortSet.keepSt .sortList ul li.ico1 {
    background: url(/modules/barcode/static/media/ic_all_s_normal.6143874e.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico2 {
    background: url(/modules/barcode/static/media/ic_proval_s_normal.5c4fadac.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico3 {
    background: url(/modules/barcode/static/media/ic_mail_s_normal.1ea590ce.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico4 {
    background: url(/modules/barcode/static/media/ic_report_s_normal.e8ef95b5.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico5 {
    background: url(/modules/barcode/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico6 {
    background: url(/modules/barcode/static/media/ic_calendar_s_normal.8c51df9d.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico7 {
    background: url(/modules/barcode/static/media/ic_msg_s_normal.d03b3753.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico8 {
    background: url(/modules/barcode/static/media/ic_comment_s_normal.0e428e97.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico9 {
    background: url(/modules/barcode/static/media/ic_board_s_normal.2dabc785.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico10 {
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.on.ico1 {
    background: url(/modules/barcode/static/media/ic_all_s_over.9aa4836d.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico2 {
    background: url(/modules/barcode/static/media/ic_proval_s_over.77e08042.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico3 {
    background: url(/modules/barcode/static/media/ic_mail_s_over.dd978936.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico4 {
    background: url(/modules/barcode/static/media/ic_report_s_over.7ec252bb.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico5 {
    background: url(/modules/barcode/static/media/ic_oneffice_s_over.f2d6d9ba.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico6 {
    background: url(/modules/barcode/static/media/ic_calendar_s_over.dbf083f7.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico7 {
    background: url(/modules/barcode/static/media/ic_msg_s_over.f1cfc386.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico8 {
    background: url(/modules/barcode/static/media/ic_comment_s_over.9f18e141.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico9 {
    background: url(/modules/barcode/static/media/ic_board_s_over.d8bffabd.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico10 {
    background: url(/modules/barcode/static/media/ic_attach_s_over.4ec7637b.png) no-repeat left 30px center, url(/modules/barcode/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.btn_div .sortSet {
    margin-top: 5px
}

.noteCardList [class*=OBTCardList_checkstyle] {
    margin-left: 10px
}

.noteCardList .noteCard {
    position: relative;
    width: 100%
}

.noteCardList .noteCard .loca {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 13px 0 0 5px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 155px
}

.noteCardList .noteCard .ico_folder {
    background: url(/modules/barcode/static/media/ic_folder_blue.f0e10362.png) no-repeat 0;
    padding-left: 18px
}

.noteCardList .noteCard .date {
    float: right;
    font-size: 12px;
    color: #666;
    margin: 13px 17px 2px 0
}

.noteCardList .noteCard .tit {
    width: 210px;
    height: 25px;
    font-size: 16px;
    margin: 0 0 0 5px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    padding: 15px 0 0
}

.noteCardList .noteCard .icons {
    float: right;
    margin-right: 15px;
    margin-top: 2px
}

.noteCardList .noteCard .icons ul > li {
    border: none !important;
    float: left;
    background: none !important;
    margin-left: 4px
}

.noteCardList .noteCard .icons ul > li > div {
    width: 15px !important;
    height: 15px !important;
    border: none;
    padding: 0
}

.noteCardList .noteCard .icons .file {
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 50%
}

.noteCardList .noteCard .icons .book {
    background: url(/modules/barcode/static/media/ic_bookmark_01_m_normal.244f0323.png) no-repeat 50%
}

.noteCardList .noteCard .icons .book.on {
    background: url(/modules/barcode/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

.noteHead {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding-top: 10px
}

.noteHead .left_div {
    float: left;
    width: calc(100% - 250px)
}

.noteHead .left_div [class*=OBTTextField] > div > div {
    border: none !important;
    padding-top: 3px !important
}

.noteHead .left_div [class*=OBTTextField] > div > div input[type=text] {
    font-size: 14px !important
}

.noteHead .right_div {
    float: right;
    width: 250px;
    text-align: right
}

.noteHead .right_div > div {
    text-align: left
}

.noteHead .right_div .ico_folder {
    margin-left: 27px;
    float: left;
    background: url(/modules/barcode/static/media/ic_folder_blue.f0e10362.png) no-repeat 50%;
    width: 20px;
    height: 27px
}

.noteHead .note_tit {
    overflow: hidden
}

.noteHead .note_tit .book {
    float: left;
    background: url(/modules/barcode/static/media/ic_bookmark_01_m_normal.244f0323.png) no-repeat 50%;
    width: 25px;
    height: 27px
}

.noteHead .note_tit .book.on {
    background: url(/modules/barcode/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

.noteHead .note_tit .tit {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 35px)
}

.noteHead .note_info {
    margin-left: 24px;
    margin-top: 5px;
    float: left;
    width: calc(100% - 85px)
}

.noteHead .note_info li {
    float: left;
    background: url(/modules/barcode/static/media/bg_line_bar01.98e6436d.png) no-repeat 0;
    padding-right: 11px;
    padding-left: 10px
}

.noteHead .note_info li dt {
    float: left;
    margin-right: 5px;
    color: #a6a6a6
}

.noteHead .note_info li dd {
    float: left;
    color: #a6a6a6
}

.noteHead .note_info li .ico_folder {
    background: url(/modules/barcode/static/media/ic_folder_blue.f0e10362.png) no-repeat 0;
    padding-left: 20px;
    color: #a6a6a6
}

.noteHead .note_info li .loca {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.noteHead .note_info li:first-child {
    padding-left: 0;
    background: none
}

.noteHead .note_info li:last-child {
    padding-right: 0;
    width: calc(100% - 330px)
}

.noteHead .note_etc {
    float: right;
    margin-right: 10px
}

.noteHead .note_etc li {
    float: left;
    margin-left: 5px
}

.noteTexta {
    padding: 5px 0;
    box-sizing: border-box
}

.noteTexta.border {
    border: 1px solid #e6e6e6
}

.noteTexta textarea {
    border: none !important;
    font-size: 13px !important;
    line-height: 21px !important;
    color: #1a1a1a;
    vertical-align: top;
    box-sizing: border-box;
    resize: none
}

.noteTextaView {
    padding: 5px 6px;
    font-size: 13px;
    line-height: 21px;
    white-space: pre-wrap
}

.note_btn_edit {
    background: url(/modules/barcode/static/media/ic_edit_s_normal.f7b6eaa3.png) no-repeat 50% !important;
    border: none !important
}

.note_btn_del {
    background: url(/modules/barcode/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50% !important;
    border: none !important
}

[class*=OBTPageContainer_root] > [class*=OBTPageContainer_section] {
    overflow: inherit !important
}

.posi_top_box {
    background: #fff;
    position: absolute
}

.posi_top_box .pubAvbStyle > div > [class*=OBTConditionPanel_] {
    border: none;
    padding: 6px 4px 3px
}

.posi_top_box .pubAvbStyle .left_sear {
    position: absolute;
    top: 6px;
    left: 0
}

.posi_top_box .pubAvbStyle .right_sear {
    width: 200px !important;
    position: absolute;
    top: 6px;
    right: 37px
}

.posi_top_box .pubAvbStyle .right_sear input[type=text] {
    padding-right: 27px !important;
    width: calc(100% - 27px) !important
}

.posi_top_box .pubAvbStyle .singleSearch {
    position: absolute;
    right: -35px
}

.posi_top_box .pubAvbStyle [class*=OBTConditionPanel_optionalWrapper] {
    padding: 6px 4px 4px 0 !important
}

.posi_top_box .pubAvbStyle [class*=OBTConditionPanel_optional] {
    justify-content: flex-end
}

.posi_top_box .pubAvbStyle [class*=OBTConditionPanel_optional_] {
    padding: 4px 36px 4px 0 !important
}

.posi_top_box .pubAvbStyle [class*=OBTConditionItem_tooltipWrapper] {
    justify-content: flex-end
}

.posi_top_box .pubAvbStyle [class*=OBTConditionItem_tooltipWrapper] div {
    margin-left: 0 !important
}

.posi_top_box .pubAvbStyle [class*=OBTConditionPanel_primaryFunctions] [class*=OBTConditionPanel_searchButton] {
    border: none !important;
    background: none !important;
    position: relative;
    z-index: 2
}

.posi_top_box .pubAvbStyle [class*=OBTTooltip_tooltipFloatingPanel] {
    display: none !important
}

.posi_top_box .pubAvbStyle .bar {
    width: 1px;
    height: 16px;
    background: url(/modules/barcode/static/media/ico_page_bar.7286a1dc.png) no-repeat 50%;
    position: absolute;
    right: -3px;
    top: 15px
}

.posi_top_box .pubAvbStyle .dateBtn [class*=OBTButtonGroup_focus] {
    color: #007ff4 !important;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff) !important
}

.posi_top_box.rightBox .pubAvbStyle {
    position: relative
}

.posi_top_box.rightBox .pubAvbStyle [class*=OBTConditionPanel_primaryFunctions] [class*=OBTConditionPanel_searchButton] {
    position: absolute;
    right: 9px;
    top: 10px
}

.posi_top_box.rightBox .pubAvbStyle [class*=OBTConditionPanel_root] > [class*=OBTConditionPanel_primaryRoot] > [class*=OBTConditionPanel_primaryFunctions] {
    margin: 0
}

.posi_top_box.rightBox .pubAvbStyle [class*=OBTConditionPanel_root] > [class*=OBTConditionPanel_primaryRoot] > [class*=OBTConditionPanel_primary] {
    justify-content: flex-end
}

.posi_top_box.rightBox .pubAvbStyle .sear input[type=text] {
    padding-right: 27px !important;
    width: calc(100% - 27px) !important
}

.wid440 {
    width: 440px !important
}

.addrSide,
.boardSide,
.eapSide,
.extSide,
.onfficeSide {
    background: #fff
}

.addrSide .sideRegi .addrSideBtn,
.boardSide .sideRegi .addrSideBtn,
.eapSide .sideRegi .addrSideBtn,
.extSide .sideRegi .addrSideBtn,
.onfficeSide .sideRegi .addrSideBtn {
    width: 100%;
    height: 34px;
    border-radius: 2px;
    background-color: #1c90fb;
    cursor: pointer
}

.addrSide .sideRegi .addrSideBtn span,
.boardSide .sideRegi .addrSideBtn span,
.eapSide .sideRegi .addrSideBtn span,
.extSide .sideRegi .addrSideBtn span,
.onfficeSide .sideRegi .addrSideBtn span {
    position: relative;
    line-height: 33px;
    font-size: 13px;
    letter-spacing: -.65px;
    color: #fff
}

.addrSide .sideRegi .addrSideBtn span:after,
.boardSide .sideRegi .addrSideBtn span:after,
.eapSide .sideRegi .addrSideBtn span:after,
.extSide .sideRegi .addrSideBtn span:after,
.onfficeSide .sideRegi .addrSideBtn span:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -18px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_w_normal@2x.49ecd27c.png) no-repeat 50%;
    background-size: 14px
}

.addrSide .sideRegi .addrSideBtn:hover,
.boardSide .sideRegi .addrSideBtn:hover,
.eapSide .sideRegi .addrSideBtn:hover,
.extSide .sideRegi .addrSideBtn:hover,
.onfficeSide .sideRegi .addrSideBtn:hover {
    background-color: #036dd2
}

.addrSide .sideRegi .addrSideBtn:hover span:after,
.boardSide .sideRegi .addrSideBtn:hover span:after,
.eapSide .sideRegi .addrSideBtn:hover span:after,
.extSide .sideRegi .addrSideBtn:hover span:after,
.onfficeSide .sideRegi .addrSideBtn:hover span:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -18px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_w_over@2x.19d21af3.png) no-repeat 50%;
    background-size: 14px
}

.addrSide .sideRegi .addrSideBtn.on,
.boardSide .sideRegi .addrSideBtn.on,
.eapSide .sideRegi .addrSideBtn.on,
.extSide .sideRegi .addrSideBtn.on,
.onfficeSide .sideRegi .addrSideBtn.on {
    background-color: #1c90fb
}

.addrSide .sideRegi .addrSideBtn.on:after,
.boardSide .sideRegi .addrSideBtn.on:after,
.eapSide .sideRegi .addrSideBtn.on:after,
.extSide .sideRegi .addrSideBtn.on:after,
.onfficeSide .sideRegi .addrSideBtn.on:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -18px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_w_normal@2x.0698f62c.png) no-repeat 50%;
    background-size: 14px
}

.addrSide .sideRegi .addrSideBtn.on:hover,
.boardSide .sideRegi .addrSideBtn.on:hover,
.eapSide .sideRegi .addrSideBtn.on:hover,
.extSide .sideRegi .addrSideBtn.on:hover,
.onfficeSide .sideRegi .addrSideBtn.on:hover {
    background-color: #036dd2
}

.addrSide .sideRegi .addrSideBtn.on:hover span:after,
.boardSide .sideRegi .addrSideBtn.on:hover span:after,
.eapSide .sideRegi .addrSideBtn.on:hover span:after,
.extSide .sideRegi .addrSideBtn.on:hover span:after,
.onfficeSide .sideRegi .addrSideBtn.on:hover span:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -18px;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_w_over@2x.cbfc56fd.png) no-repeat 50%;
    background-size: 14px
}

.addrSide .ofMenuLnb,
.boardSide .ofMenuLnb,
.eapSide .ofMenuLnb,
.extSide .ofMenuLnb,
.onfficeSide .ofMenuLnb {
    position: relative;
    border-top: 1px solid #e6e6e6
}

.addrSide .ofMenuLnb .addrSideList,
.boardSide .ofMenuLnb .addrSideList,
.eapSide .ofMenuLnb .addrSideList,
.extSide .ofMenuLnb .addrSideList,
.onfficeSide .ofMenuLnb .addrSideList {
    z-index: 99;
    position: absolute;
    top: -13px;
    left: 12px;
    right: 12px;
    height: 56px;
    border: 1px solid #a6a6a6;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    background-color: #fff;
    box-sizing: border-box
}

.addrSide .ofMenuLnb .addrSideList .sideIco,
.boardSide .ofMenuLnb .addrSideList .sideIco,
.eapSide .ofMenuLnb .addrSideList .sideIco,
.extSide .ofMenuLnb .addrSideList .sideIco,
.onfficeSide .ofMenuLnb .addrSideList .sideIco {
    line-height: 27px;
    font-size: 12px;
    padding-left: 32px;
    cursor: pointer
}

.addrSide .ofMenuLnb .addrSideList .sideIco.write,
.boardSide .ofMenuLnb .addrSideList .sideIco.write,
.eapSide .ofMenuLnb .addrSideList .sideIco.write,
.extSide .ofMenuLnb .addrSideList .sideIco.write,
.onfficeSide .ofMenuLnb .addrSideList .sideIco.write {
    background: url(/modules/barcode/static/media/ic_docu_write_per_m_normal@2x.04a50d85.png) no-repeat left 11px center;
    background-size: 18px
}

.addrSide .ofMenuLnb .addrSideList .sideIco.write:hover,
.boardSide .ofMenuLnb .addrSideList .sideIco.write:hover,
.eapSide .ofMenuLnb .addrSideList .sideIco.write:hover,
.extSide .ofMenuLnb .addrSideList .sideIco.write:hover,
.onfficeSide .ofMenuLnb .addrSideList .sideIco.write:hover {
    background-color: #eff7ff
}

.addrSide .ofMenuLnb .addrSideList .sideIco.busiCard,
.boardSide .ofMenuLnb .addrSideList .sideIco.busiCard,
.eapSide .ofMenuLnb .addrSideList .sideIco.busiCard,
.extSide .ofMenuLnb .addrSideList .sideIco.busiCard,
.onfficeSide .ofMenuLnb .addrSideList .sideIco.busiCard {
    background: url(/modules/barcode/static/media/ic_businesscard_m_normal@2x.d01fba6e.png) no-repeat left 11px center;
    background-size: 18px
}

.addrSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover,
.boardSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover,
.eapSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover,
.extSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover,
.onfficeSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover {
    background-color: #eff7ff
}

.addrSide .ofMenuLnb ul.arrUp,
.boardSide .ofMenuLnb ul.arrUp,
.eapSide .ofMenuLnb ul.arrUp,
.extSide .ofMenuLnb ul.arrUp,
.onfficeSide .ofMenuLnb ul.arrUp {
    height: 0;
    transform: rotateX(-90deg)
}

.addrSide .ofMenuLnb ul,
.boardSide .ofMenuLnb ul,
.eapSide .ofMenuLnb ul,
.extSide .ofMenuLnb ul,
.onfficeSide .ofMenuLnb ul {
    height: auto;
    transform: rotateX(0deg);
    transition: .5s
}

.addrSide .ofMenuLnb ul li,
.boardSide .ofMenuLnb ul li,
.eapSide .ofMenuLnb ul li,
.extSide .ofMenuLnb ul li,
.onfficeSide .ofMenuLnb ul li {
    position: relative
}

.addrSide .ofMenuLnb ul li .tit_div,
.boardSide .ofMenuLnb ul li .tit_div,
.eapSide .ofMenuLnb ul li .tit_div,
.extSide .ofMenuLnb ul li .tit_div,
.onfficeSide .ofMenuLnb ul li .tit_div {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    padding-right: 10px;
    display: flex
}

.addrSide .ofMenuLnb ul li .tit,
.boardSide .ofMenuLnb ul li .tit,
.eapSide .ofMenuLnb ul li .tit,
.extSide .ofMenuLnb ul li .tit,
.onfficeSide .ofMenuLnb ul li .tit {
    padding-left: 22px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer;
    font-size: 13px;
    background-size: 18px
}

.addrSide .ofMenuLnb ul li .num,
.boardSide .ofMenuLnb ul li .num,
.eapSide .ofMenuLnb ul li .num,
.extSide .ofMenuLnb ul li .num,
.onfficeSide .ofMenuLnb ul li .num {
    font-size: 11px;
    font-weight: 700;
    color: #1c90fb;
    margin-left: 4px;
    color: #a6a6a6
}

.addrSide .ofMenuLnb ul li .dashboard .tit,
.boardSide .ofMenuLnb ul li .dashboard .tit,
.eapSide .ofMenuLnb ul li .dashboard .tit,
.extSide .ofMenuLnb ul li .dashboard .tit,
.onfficeSide .ofMenuLnb ul li .dashboard .tit {
    background-image: url(/modules/barcode/static/media/ic_dashboard_normal.c6e9325f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .storage .tit,
.boardSide .ofMenuLnb ul li .storage .tit,
.eapSide .ofMenuLnb ul li .storage .tit,
.extSide .ofMenuLnb ul li .storage .tit,
.onfficeSide .ofMenuLnb ul li .storage .tit {
    background-image: url(/modules/barcode/static/media/ic_storage_normal.b3f0f695.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .buiding .tit,
.boardSide .ofMenuLnb ul li .buiding .tit,
.eapSide .ofMenuLnb ul li .buiding .tit,
.extSide .ofMenuLnb ul li .buiding .tit,
.onfficeSide .ofMenuLnb ul li .buiding .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_building_normal.7ba28fba.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .recent .tit,
.boardSide .ofMenuLnb ul li .recent .tit,
.eapSide .ofMenuLnb ul li .recent .tit,
.extSide .ofMenuLnb ul li .recent .tit,
.onfficeSide .ofMenuLnb ul li .recent .tit {
    background-image: url(/modules/barcode/static/media/ic_clock_normal.dc351f72.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .share .tit,
.boardSide .ofMenuLnb ul li .share .tit,
.eapSide .ofMenuLnb ul li .share .tit,
.extSide .ofMenuLnb ul li .share .tit,
.onfficeSide .ofMenuLnb ul li .share .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_user_normal.d7a84676.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .impo .tit,
.boardSide .ofMenuLnb ul li .impo .tit,
.eapSide .ofMenuLnb ul li .impo .tit,
.extSide .ofMenuLnb ul li .impo .tit,
.onfficeSide .ofMenuLnb ul li .impo .tit {
    background-image: url(/modules/barcode/static/media/ic_star_normal.4eb48265.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .sear .tit,
.boardSide .ofMenuLnb ul li .sear .tit,
.eapSide .ofMenuLnb ul li .sear .tit,
.extSide .ofMenuLnb ul li .sear .tit,
.onfficeSide .ofMenuLnb ul li .sear .tit {
    background-image: url(/modules/barcode/static/media/ic_search_normal.34a5ba4e.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .auth .tit,
.boardSide .ofMenuLnb ul li .auth .tit,
.eapSide .ofMenuLnb ul li .auth .tit,
.extSide .ofMenuLnb ul li .auth .tit,
.onfficeSide .ofMenuLnb ul li .auth .tit {
    background-image: url(/modules/barcode/static/media/ic_user_add_normal.122cb1b0.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .graph .tit,
.boardSide .ofMenuLnb ul li .graph .tit,
.eapSide .ofMenuLnb ul li .graph .tit,
.extSide .ofMenuLnb ul li .graph .tit,
.onfficeSide .ofMenuLnb ul li .graph .tit {
    background-image: url(/modules/barcode/static/media/ic_graph_normal.cfdfd781.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .orgSet .tit,
.boardSide .ofMenuLnb ul li .orgSet .tit,
.eapSide .ofMenuLnb ul li .orgSet .tit,
.extSide .ofMenuLnb ul li .orgSet .tit,
.onfficeSide .ofMenuLnb ul li .orgSet .tit {
    background-image: url(/modules/barcode/static/media/ic_org_setting_normal.9a871fb8.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .doc .tit,
.boardSide .ofMenuLnb ul li .doc .tit,
.eapSide .ofMenuLnb ul li .doc .tit,
.extSide .ofMenuLnb ul li .doc .tit,
.onfficeSide .ofMenuLnb ul li .doc .tit {
    background-image: url(/modules/barcode/static/media/ic_doc_setting_normal.726ce397.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .cate .tit,
.boardSide .ofMenuLnb ul li .cate .tit,
.eapSide .ofMenuLnb ul li .cate .tit,
.extSide .ofMenuLnb ul li .cate .tit,
.onfficeSide .ofMenuLnb ul li .cate .tit {
    background-image: url(/modules/barcode/static/media/ic_paper_setting_normal.f5e042b4.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .graphSet .tit,
.boardSide .ofMenuLnb ul li .graphSet .tit,
.eapSide .ofMenuLnb ul li .graphSet .tit,
.extSide .ofMenuLnb ul li .graphSet .tit,
.onfficeSide .ofMenuLnb ul li .graphSet .tit {
    background-image: url(/modules/barcode/static/media/ic_graph_setting_normal.5c2d9c94.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .secuSet .tit,
.boardSide .ofMenuLnb ul li .secuSet .tit,
.eapSide .ofMenuLnb ul li .secuSet .tit,
.extSide .ofMenuLnb ul li .secuSet .tit,
.onfficeSide .ofMenuLnb ul li .secuSet .tit {
    background-image: url(/modules/barcode/static/media/ic_lock_setting_normal.b9e1b41f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .del .tit,
.boardSide .ofMenuLnb ul li .del .tit,
.eapSide .ofMenuLnb ul li .del .tit,
.extSide .ofMenuLnb ul li .del .tit,
.onfficeSide .ofMenuLnb ul li .del .tit {
    background-image: url(/modules/barcode/static/media/ic_delete_normal.e448c01c.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .oneflip .tit,
.boardSide .ofMenuLnb ul li .oneflip .tit,
.eapSide .ofMenuLnb ul li .oneflip .tit,
.extSide .ofMenuLnb ul li .oneflip .tit,
.onfficeSide .ofMenuLnb ul li .oneflip .tit {
    background-image: url(/modules/barcode/static/media/ic_oneflip_normal.e2728bd5.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .oneHome .tit,
.boardSide .ofMenuLnb ul li .oneHome .tit,
.eapSide .ofMenuLnb ul li .oneHome .tit,
.extSide .ofMenuLnb ul li .oneHome .tit,
.onfficeSide .ofMenuLnb ul li .oneHome .tit {
    background-image: url(/modules/barcode/static/media/ic_oneppice_normal.2ee9d434.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .my .tit,
.boardSide .ofMenuLnb ul li .my .tit,
.eapSide .ofMenuLnb ul li .my .tit,
.extSide .ofMenuLnb ul li .my .tit,
.onfficeSide .ofMenuLnb ul li .my .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_my_normal.7d749390.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .secuDoc .tit,
.boardSide .ofMenuLnb ul li .secuDoc .tit,
.eapSide .ofMenuLnb ul li .secuDoc .tit,
.extSide .ofMenuLnb ul li .secuDoc .tit,
.onfficeSide .ofMenuLnb ul li .secuDoc .tit {
    background-image: url(/modules/barcode/static/media/ic_lock_normal.5f0bf348.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .setDoc .tit,
.boardSide .ofMenuLnb ul li .setDoc .tit,
.eapSide .ofMenuLnb ul li .setDoc .tit,
.extSide .ofMenuLnb ul li .setDoc .tit,
.onfficeSide .ofMenuLnb ul li .setDoc .tit {
    background-image: url(/modules/barcode/static/media/ic_setting_normal.4d9bb8e8.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .boxSubmit .tit,
.boardSide .ofMenuLnb ul li .boxSubmit .tit,
.eapSide .ofMenuLnb ul li .boxSubmit .tit,
.extSide .ofMenuLnb ul li .boxSubmit .tit,
.onfficeSide .ofMenuLnb ul li .boxSubmit .tit {
    background-image: url(/modules/barcode/static/media/ic_box_submit_normal.e111b055.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .boxReceive .tit,
.boardSide .ofMenuLnb ul li .boxReceive .tit,
.eapSide .ofMenuLnb ul li .boxReceive .tit,
.extSide .ofMenuLnb ul li .boxReceive .tit,
.onfficeSide .ofMenuLnb ul li .boxReceive .tit {
    background-image: url(/modules/barcode/static/media/ic_box_receive_normal.be6fcbc7.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .boxPredocu .tit,
.boardSide .ofMenuLnb ul li .boxPredocu .tit,
.eapSide .ofMenuLnb ul li .boxPredocu .tit,
.extSide .ofMenuLnb ul li .boxPredocu .tit,
.onfficeSide .ofMenuLnb ul li .boxPredocu .tit {
    background-image: url(/modules/barcode/static/media/ic_box_predocu_normal.b422df34.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .boxCategory .tit,
.boardSide .ofMenuLnb ul li .boxCategory .tit,
.eapSide .ofMenuLnb ul li .boxCategory .tit,
.extSide .ofMenuLnb ul li .boxCategory .tit,
.onfficeSide .ofMenuLnb ul li .boxCategory .tit {
    background-image: url(/modules/barcode/static/media/ic_box_category_normal.3563f49f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .signSetting .tit,
.boardSide .ofMenuLnb ul li .signSetting .tit,
.eapSide .ofMenuLnb ul li .signSetting .tit,
.extSide .ofMenuLnb ul li .signSetting .tit,
.onfficeSide .ofMenuLnb ul li .signSetting .tit {
    background-image: url(/modules/barcode/static/media/ic_sign_setting_normal.eff17f39.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .transfer .tit,
.boardSide .ofMenuLnb ul li .transfer .tit,
.eapSide .ofMenuLnb ul li .transfer .tit,
.extSide .ofMenuLnb ul li .transfer .tit,
.onfficeSide .ofMenuLnb ul li .transfer .tit {
    background-image: url(/modules/barcode/static/media/ic_transfer_normal.a60626d6.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .boxDocu .tit,
.boardSide .ofMenuLnb ul li .boxDocu .tit,
.eapSide .ofMenuLnb ul li .boxDocu .tit,
.extSide .ofMenuLnb ul li .boxDocu .tit,
.onfficeSide .ofMenuLnb ul li .boxDocu .tit {
    background-image: url(/modules/barcode/static/media/ic_docu_box_normal.57ed3757.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .distributionDocu .tit,
.boardSide .ofMenuLnb ul li .distributionDocu .tit,
.eapSide .ofMenuLnb ul li .distributionDocu .tit,
.extSide .ofMenuLnb ul li .distributionDocu .tit,
.onfficeSide .ofMenuLnb ul li .distributionDocu .tit {
    background-image: url(/modules/barcode/static/media/ic_docu_distribution_normal.34fbe023.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .notice .tit,
.boardSide .ofMenuLnb ul li .notice .tit,
.eapSide .ofMenuLnb ul li .notice .tit,
.extSide .ofMenuLnb ul li .notice .tit,
.onfficeSide .ofMenuLnb ul li .notice .tit {
    background-image: url(/modules/barcode/static/media/ic_notice_normal.9762ed7e.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .write .tit,
.boardSide .ofMenuLnb ul li .write .tit,
.eapSide .ofMenuLnb ul li .write .tit,
.extSide .ofMenuLnb ul li .write .tit,
.onfficeSide .ofMenuLnb ul li .write .tit {
    background-image: url(/modules/barcode/static/media/ic_write_normal.28b9b544.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .board .tit,
.boardSide .ofMenuLnb ul li .board .tit,
.eapSide .ofMenuLnb ul li .board .tit,
.extSide .ofMenuLnb ul li .board .tit,
.onfficeSide .ofMenuLnb ul li .board .tit {
    background-image: url(/modules/barcode/static/media/ic_board_normal.bb1b5a57.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .survey .tit,
.boardSide .ofMenuLnb ul li .survey .tit,
.eapSide .ofMenuLnb ul li .survey .tit,
.extSide .ofMenuLnb ul li .survey .tit,
.onfficeSide .ofMenuLnb ul li .survey .tit {
    background-image: url(/modules/barcode/static/media/ic_survey_normal.a0f4bba4.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .activity .tit,
.boardSide .ofMenuLnb ul li .activity .tit,
.eapSide .ofMenuLnb ul li .activity .tit,
.extSide .ofMenuLnb ul li .activity .tit,
.onfficeSide .ofMenuLnb ul li .activity .tit {
    background-image: url(/modules/barcode/static/media/ic_activity_normal.4e89fdcd.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .visitor .tit,
.boardSide .ofMenuLnb ul li .visitor .tit,
.eapSide .ofMenuLnb ul li .visitor .tit,
.extSide .ofMenuLnb ul li .visitor .tit,
.onfficeSide .ofMenuLnb ul li .visitor .tit {
    background-image: url(/modules/barcode/static/media/ic_visitor_normal.a8d3196f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .allAddr .tit,
.boardSide .ofMenuLnb ul li .allAddr .tit,
.eapSide .ofMenuLnb ul li .allAddr .tit,
.extSide .ofMenuLnb ul li .allAddr .tit,
.onfficeSide .ofMenuLnb ul li .allAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_normal@2x.bfefd904.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .favoriteAddr .tit,
.boardSide .ofMenuLnb ul li .favoriteAddr .tit,
.eapSide .ofMenuLnb ul li .favoriteAddr .tit,
.extSide .ofMenuLnb ul li .favoriteAddr .tit,
.onfficeSide .ofMenuLnb ul li .favoriteAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_favo_normal@2x.9640ad17.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .groupAddr .tit,
.boardSide .ofMenuLnb ul li .groupAddr .tit,
.eapSide .ofMenuLnb ul li .groupAddr .tit,
.extSide .ofMenuLnb ul li .groupAddr .tit,
.onfficeSide .ofMenuLnb ul li .groupAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_group_normal@2x.29fc2445.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .groupAddr,
.boardSide .ofMenuLnb ul li .groupAddr,
.eapSide .ofMenuLnb ul li .groupAddr,
.extSide .ofMenuLnb ul li .groupAddr,
.onfficeSide .ofMenuLnb ul li .groupAddr {
    position: relative
}

.addrSide .ofMenuLnb ul li .groupAddr .addBtnSetting,
.boardSide .ofMenuLnb ul li .groupAddr .addBtnSetting,
.eapSide .ofMenuLnb ul li .groupAddr .addBtnSetting,
.extSide .ofMenuLnb ul li .groupAddr .addBtnSetting,
.onfficeSide .ofMenuLnb ul li .groupAddr .addBtnSetting {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_settine_02_s_normal.8620777b.png) no-repeat 50%;
    cursor: pointer
}

.addrSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover,
.boardSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover,
.eapSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover,
.extSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover,
.onfficeSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover {
    background: url(/modules/barcode/static/media/ic_settine_02_s_over.be8e8120.png) no-repeat 50%
}

.addrSide .ofMenuLnb ul li .tit_div.on .num,
.addrSide .ofMenuLnb ul li .tit_div.on .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover .num,
.addrSide .ofMenuLnb ul li .tit_div:hover .tit,
.boardSide .ofMenuLnb ul li .tit_div.on .num,
.boardSide .ofMenuLnb ul li .tit_div.on .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover .num,
.boardSide .ofMenuLnb ul li .tit_div:hover .tit,
.eapSide .ofMenuLnb ul li .tit_div.on .num,
.eapSide .ofMenuLnb ul li .tit_div.on .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover .num,
.eapSide .ofMenuLnb ul li .tit_div:hover .tit,
.extSide .ofMenuLnb ul li .tit_div.on .num,
.extSide .ofMenuLnb ul li .tit_div.on .tit,
.extSide .ofMenuLnb ul li .tit_div:hover .num,
.extSide .ofMenuLnb ul li .tit_div:hover .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on .num,
.onfficeSide .ofMenuLnb ul li .tit_div.on .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover .num,
.onfficeSide .ofMenuLnb ul li .tit_div:hover .tit {
    color: #1c90fb
}

.addrSide .ofMenuLnb ul li .tit_div.on.dashboard .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.dashboard .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.dashboard .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit,
.extSide .ofMenuLnb ul li .tit_div.on.dashboard .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.dashboard .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit {
    background-image: url(/modules/barcode/static/media/ic_dashboard_select.5a27f97a.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.storage .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.storage .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.storage .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.storage .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.storage .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.storage .tit,
.extSide .ofMenuLnb ul li .tit_div.on.storage .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.storage .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.storage .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.storage .tit {
    background-image: url(/modules/barcode/static/media/ic_storage_select.5bdc29ad.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.buiding .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.buiding .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.buiding .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.buiding .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.buiding .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.buiding .tit,
.extSide .ofMenuLnb ul li .tit_div.on.buiding .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.buiding .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.buiding .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.buiding .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_building_select.04b65fa9.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.recent .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.recent .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.recent .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.recent .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.recent .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.recent .tit,
.extSide .ofMenuLnb ul li .tit_div.on.recent .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.recent .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.recent .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.recent .tit {
    background-image: url(/modules/barcode/static/media/ic_clock_select.b6875625.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.share .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.share .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.share .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.share .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.share .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.share .tit,
.extSide .ofMenuLnb ul li .tit_div.on.share .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.share .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.share .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.share .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_user_select.d62f23c1.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.impo .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.impo .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.impo .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.impo .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.impo .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.impo .tit,
.extSide .ofMenuLnb ul li .tit_div.on.impo .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.impo .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.impo .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.impo .tit {
    background-image: url(/modules/barcode/static/media/ic_star_select.dea70285.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.sear .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.sear .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.sear .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.sear .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.sear .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.sear .tit,
.extSide .ofMenuLnb ul li .tit_div.on.sear .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.sear .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.sear .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.sear .tit {
    background-image: url(/modules/barcode/static/media/ic_search_select.061a2ecd.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.auth .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.auth .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.auth .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.auth .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.auth .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.auth .tit,
.extSide .ofMenuLnb ul li .tit_div.on.auth .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.auth .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.auth .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.auth .tit {
    background-image: url(/modules/barcode/static/media/ic_user_add_select.38c675a0.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.graph .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.graph .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.graph .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.graph .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.graph .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.graph .tit,
.extSide .ofMenuLnb ul li .tit_div.on.graph .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.graph .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.graph .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.graph .tit {
    background-image: url(/modules/barcode/static/media/ic_graph_select.64febeb6.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.orgSet .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.orgSet .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.orgSet .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit,
.extSide .ofMenuLnb ul li .tit_div.on.orgSet .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.orgSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit {
    background-image: url(/modules/barcode/static/media/ic_org_setting_select.1c0b8edb.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.doc .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.doc .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.doc .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.doc .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.doc .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.doc .tit,
.extSide .ofMenuLnb ul li .tit_div.on.doc .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.doc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.doc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.doc .tit {
    background-image: url(/modules/barcode/static/media/ic_doc_setting_select.87741f20.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.cate .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.cate .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.cate .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.cate .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.cate .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.cate .tit,
.extSide .ofMenuLnb ul li .tit_div.on.cate .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.cate .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.cate .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.cate .tit {
    background-image: url(/modules/barcode/static/media/ic_paper_setting_select.94df9aab.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.graphSet .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.graphSet .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.graphSet .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit,
.extSide .ofMenuLnb ul li .tit_div.on.graphSet .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.graphSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit {
    background-image: url(/modules/barcode/static/media/ic_graph_setting_select.576bfa82.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.secuSet .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.secuSet .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.secuSet .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit,
.extSide .ofMenuLnb ul li .tit_div.on.secuSet .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.secuSet .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit {
    background-image: url(/modules/barcode/static/media/ic_lock_setting_select.df757f40.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.del .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.del .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.del .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.del .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.del .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.del .tit,
.extSide .ofMenuLnb ul li .tit_div.on.del .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.del .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.del .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.del .tit {
    background-image: url(/modules/barcode/static/media/ic_delete_select.b445bad9.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.oneflip .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.oneflip .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.oneflip .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit,
.extSide .ofMenuLnb ul li .tit_div.on.oneflip .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.oneflip .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit {
    background-image: url(/modules/barcode/static/media/ic_oneflip_select.0560c6ae.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.oneHome .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.oneHome .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.oneHome .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit,
.extSide .ofMenuLnb ul li .tit_div.on.oneHome .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.oneHome .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit {
    background-image: url(/modules/barcode/static/media/ic_oneppice_select.010533bf.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.my .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.my .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.my .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.my .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.my .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.my .tit,
.extSide .ofMenuLnb ul li .tit_div.on.my .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.my .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.my .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.my .tit {
    background-image: url(/modules/barcode/static/media/ic_folder_my_select.fdcc751c.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit,
.extSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit {
    background-image: url(/modules/barcode/static/media/ic_lock_select.ec56da7f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit,
.extSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit {
    background-image: url(/modules/barcode/static/media/ic_box_submit_select.eb035d02.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit,
.extSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit {
    background-image: url(/modules/barcode/static/media/ic_box_receive_select.be47615d.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit,
.extSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit {
    background-image: url(/modules/barcode/static/media/ic_box_predocu_select.c720a015.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit,
.extSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit {
    background-image: url(/modules/barcode/static/media/ic_box_category_select.8f9b4aab.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.signSetting .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.signSetting .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.signSetting .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit,
.extSide .ofMenuLnb ul li .tit_div.on.signSetting .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.signSetting .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit {
    background-image: url(/modules/barcode/static/media/ic_sign_setting_select.fae79a11.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.transfer .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.transfer .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.transfer .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.transfer .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.transfer .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.transfer .tit,
.extSide .ofMenuLnb ul li .tit_div.on.transfer .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.transfer .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.transfer .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.transfer .tit {
    background-image: url(/modules/barcode/static/media/ic_transfer_select.c45b4fc9.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit,
.extSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit {
    background-image: url(/modules/barcode/static/media/ic_docu_box_select.9e31d6bb.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit,
.extSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit {
    background-image: url(/modules/barcode/static/media/ic_docu_distribution_select.b5ed5cf7.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.notice .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.notice .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.notice .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.notice .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.notice .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.notice .tit,
.extSide .ofMenuLnb ul li .tit_div.on.notice .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.notice .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.notice .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.notice .tit {
    background-image: url(/modules/barcode/static/media/ic_notice_select.506295f8.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.write .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.write .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.write .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.write .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.write .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.write .tit,
.extSide .ofMenuLnb ul li .tit_div.on.write .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.write .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.write .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.write .tit {
    background-image: url(/modules/barcode/static/media/ic_write_select.d9b656db.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.board .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.board .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.board .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.board .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.board .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.board .tit,
.extSide .ofMenuLnb ul li .tit_div.on.board .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.board .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.board .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.board .tit {
    background-image: url(/modules/barcode/static/media/ic_board_select.bc1f30b3.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.survey .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.survey .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.survey .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.survey .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.survey .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.survey .tit,
.extSide .ofMenuLnb ul li .tit_div.on.survey .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.survey .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.survey .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.survey .tit {
    background-image: url(/modules/barcode/static/media/ic_survey_select.bbdac64b.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.activity .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.activity .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.activity .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.activity .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.activity .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.activity .tit,
.extSide .ofMenuLnb ul li .tit_div.on.activity .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.activity .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.activity .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.activity .tit {
    background-image: url(/modules/barcode/static/media/ic_activity_select.5438b917.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.visitor .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.visitor .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.visitor .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.visitor .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.visitor .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.visitor .tit,
.extSide .ofMenuLnb ul li .tit_div.on.visitor .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.visitor .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.visitor .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.visitor .tit {
    background-image: url(/modules/barcode/static/media/ic_visitor_select.aae4d24d.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.allAddr .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.allAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.allAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit,
.extSide .ofMenuLnb ul li .tit_div.on.allAddr .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.allAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_select@2x.531b4d4c.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit,
.extSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_favo_select@2x.3d8a089f.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit,
.addrSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit,
.extSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit {
    background-image: url(/modules/barcode/static/media/ic_address_group_select@2x.fb86d9e6.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul li .tit_div.on.setDoc .tit,
.boardSide .ofMenuLnb ul li .tit_div.on.setDoc .tit,
.eapSide .ofMenuLnb ul li .tit_div.on.setDoc .tit,
.extSide .ofMenuLnb ul li .tit_div.on.setDoc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div.on.setDoc .tit {
    color: #000
}

.addrSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit,
.boardSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit,
.eapSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit,
.extSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit,
.onfficeSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit {
    color: #1c90fb;
    background-image: url(/modules/barcode/static/media/ic_setting_select.0bfef580.png);
    background-repeat: no-repeat;
    background-position: 0
}

.addrSide .ofMenuLnb ul .tit_div:hover,
.boardSide .ofMenuLnb ul .tit_div:hover,
.eapSide .ofMenuLnb ul .tit_div:hover,
.extSide .ofMenuLnb ul .tit_div:hover,
.onfficeSide .ofMenuLnb ul .tit_div:hover {
    background-color: #eff7ff
}

.addrSide .ofMenuLnb ul .arr,
.boardSide .ofMenuLnb ul .arr,
.eapSide .ofMenuLnb ul .arr,
.extSide .ofMenuLnb ul .arr,
.onfficeSide .ofMenuLnb ul .arr {
    position: absolute;
    height: 36px;
    width: 11px;
    top: 0;
    left: 6px;
    cursor: pointer
}

.addrSide .ofMenuLnb ul .arr.down,
.boardSide .ofMenuLnb ul .arr.down,
.eapSide .ofMenuLnb ul .arr.down,
.extSide .ofMenuLnb ul .arr.down,
.onfficeSide .ofMenuLnb ul .arr.down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 50%;
    background-size: 11px
}

.addrSide .ofMenuLnb ul .arr.up,
.boardSide .ofMenuLnb ul .arr.up,
.eapSide .ofMenuLnb ul .arr.up,
.extSide .ofMenuLnb ul .arr.up,
.onfficeSide .ofMenuLnb ul .arr.up {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50%;
    background-size: 11px
}

.addrSide .ofMenuLnb ul .arr:hover.down,
.boardSide .ofMenuLnb ul .arr:hover.down,
.eapSide .ofMenuLnb ul .arr:hover.down,
.extSide .ofMenuLnb ul .arr:hover.down,
.onfficeSide .ofMenuLnb ul .arr:hover.down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat 50%;
    background-size: 11px
}

.addrSide .ofMenuLnb ul .arr:hover.up,
.boardSide .ofMenuLnb ul .arr:hover.up,
.eapSide .ofMenuLnb ul .arr:hover.up,
.extSide .ofMenuLnb ul .arr:hover.up,
.onfficeSide .ofMenuLnb ul .arr:hover.up {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: 11px
}

.addrSide .ofMenuLnb ul.dep1,
.boardSide .ofMenuLnb ul.dep1,
.eapSide .ofMenuLnb ul.dep1,
.extSide .ofMenuLnb ul.dep1,
.onfficeSide .ofMenuLnb ul.dep1 {
    margin-top: 4px
}

.addrSide .ofMenuLnb ul.dep1 > li > .tit_div,
.boardSide .ofMenuLnb ul.dep1 > li > .tit_div,
.eapSide .ofMenuLnb ul.dep1 > li > .tit_div,
.extSide .ofMenuLnb ul.dep1 > li > .tit_div,
.onfficeSide .ofMenuLnb ul.dep1 > li > .tit_div {
    padding-left: 20px
}

.addrSide .ofMenuLnb ul.dep1 > li > .tit_div .tit,
.boardSide .ofMenuLnb ul.dep1 > li > .tit_div .tit,
.eapSide .ofMenuLnb ul.dep1 > li > .tit_div .tit,
.extSide .ofMenuLnb ul.dep1 > li > .tit_div .tit,
.onfficeSide .ofMenuLnb ul.dep1 > li > .tit_div .tit {
    font-weight: 700
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 {
    padding-left: 28px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li {
    padding-left: 13px;
    background: url(/modules/barcode/static/media/bg_dat.00f5513a.png) repeat-y 1px 0;
    clear: both;
    position: relative
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child {
    background: none
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div {
    height: 28px;
    line-height: 28px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover {
    background-color: #fff
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul {
    display: block
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr {
    display: inline-block;
    background: url(/modules/barcode/static/media/btn_tree_open.ef0b2fb5.png) no-repeat 0 10px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit {
    background: none
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul {
    display: none
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr {
    display: inline-block;
    background: url(/modules/barcode/static/media/btn_tree_close.5c8a0ad2.png) no-repeat 0 10px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit {
    background: none
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon {
    position: absolute;
    left: -2px;
    top: 0;
    width: 14px;
    height: 15px;
    background: #fff url(/modules/barcode/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr {
    width: 14px;
    height: 20px;
    float: left;
    display: none;
    top: 0;
    left: -3px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit {
    padding-left: 2px
}

.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close:after,
.addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open:after,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close:after,
.boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open:after,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close:after,
.eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open:after,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close:after,
.extSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open:after,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close:after,
.onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff
}

.addrSide .ofMenuLnb ul.dep2,
.boardSide .ofMenuLnb ul.dep2,
.eapSide .ofMenuLnb ul.dep2,
.extSide .ofMenuLnb ul.dep2,
.onfficeSide .ofMenuLnb ul.dep2 {
    transition: all .3s ease-in-out;
    overflow: hidden
}

.addrSide .ofMenuLnb ul.dep2.arrUp,
.boardSide .ofMenuLnb ul.dep2.arrUp,
.eapSide .ofMenuLnb ul.dep2.arrUp,
.extSide .ofMenuLnb ul.dep2.arrUp,
.onfficeSide .ofMenuLnb ul.dep2.arrUp {
    height: 0 !important
}

.top_less_box {
    height: 54px !important;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    width: calc(100% + 40px) !important;
    position: absolute;
    left: -20px;
    z-index: 2;
    padding: 0 20px
}

.top_less_box .left_div {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 13px
}

.top_less_box .right_div {
    float: right;
    padding-top: 13px;
    padding-right: 20px
}

.top_less_box.top_ex_box {
    width: 100% !important;
    position: inherit;
    left: 0
}

.top_less_box.plus20 {
    width: calc(100% + 20px) !important
}

.top_less_box_bg {
    height: 34px;
    margin-top: 0 !important
}

.top_btn_blind:after {
    content: "";
    height: 50px !important;
    top: -74px;
    right: 30px;
    width: 60px
}

.top_btn_blind:after,
.top_less_box_zero {
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    z-index: 2
}

.top_less_box_zero {
    height: 0 !important;
    width: calc(100% + 40px) !important;
    left: -20px;
    padding: 0 20px;
    z-index: 3
}

.top_less_box_zero .left_div {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 13px
}

.top_less_box_zero .right_div {
    float: right;
    padding-top: 13px;
    padding-right: 20px
}

.top_less_box_zero.top_ex_box {
    width: 100% !important;
    position: inherit;
    left: 0
}

.dock_top_less {
    height: calc(100% + 20px) !important;
    margin-top: -20px
}

.dock_left_right_less {
    width: calc(100% + 40px) !important;
    margin-left: -20px
}

.noBgBtn {
    border: none !important;
    background: none !important
}

.downloadCenterHeader {
    width: 100%;
    height: 280px;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 1px
}

.downloadCenterHeader .dcHeaderText {
    position: absolute;
    top: 87px;
    left: 50px
}

.downloadCenterHeader .dcHeaderText .tit {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    margin: 0 0 12px
}

.downloadCenterHeader .dcHeaderText .tit .blue {
    color: #1c90fb
}

.downloadCenterHeader .dcHeaderText .dis {
    font-size: 14px;
    line-height: 20px;
    color: #a6a6a6
}

.downloadCenterHeader .dcHeaderBg {
    background: url(/modules/barcode/static/media/img_downloadcenter.449167ab.png) no-repeat 50%;
    background-size: 100% 100%
}

.downloadCenterContents {
    position: relative;
    margin: 20px 0 0;
    box-sizing: border-box;
    overflow: hidden
}

.downloadCenterContents .downloadBox {
    box-sizing: border-box
}

.downloadCenterContents .downloadBox .unit {
    position: relative;
    min-width: 280px;
    height: 310px;
    margin: 0 0 0 6px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box
}

.downloadCenterContents .downloadBox .unit:first-child {
    margin: 0
}

.downloadCenterContents .downloadBox .unit.bg1 {
    background: url(/modules/barcode/static/media/img_download_agent.68f26c61.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg2 {
    background: url(/modules/barcode/static/media/img_download_msg.1b8f9e9a.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg3 {
    background: url(/modules/barcode/static/media/img_download_onechamber.c72dedce.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg4 {
    background: url(/modules/barcode/static/media/img_download_mobile.14a2b4b4.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit .txt {
    margin: 170px 20px 0;
    padding: 0 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #4a4a4a;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.downloadCenterContents .downloadBox .unit .installation {
    margin: 15px 0 5px;
    font-size: 13px;
    line-height: 18px;
    color: #a6a6a6;
    text-align: center
}

.downloadCenterContents .downloadBox .unit .installation.blue {
    color: #1c90fb
}

.downloadCenterContents .downloadBox .unit .btn {
    text-align: center
}

.downloadCenterContents .downloadBox .unit .winTxt {
    display: inline-block;
    margin: 15px 20px 5px 0;
    padding: 0 0 0 22px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    text-align: left;
    background: url(/modules/barcode/static/media/ic_download_windows.0c4ff387.png) no-repeat left 0 center
}

.downloadCenterContents .downloadBox .unit .winTxt + .btn {
    margin: 0 20px 0 0
}

.downloadCenterContents .downloadBox .unit .macTxt {
    display: inline-block;
    margin: 15px 0 5px 20px;
    padding: 0 0 0 22px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    text-align: left;
    background: url(/modules/barcode/static/media/ic_download_mac.b6b844e5.png) no-repeat left 0 center
}

.downloadCenterContents .downloadBox .unit .macTxt + .btn {
    margin: 0 0 0 20px
}

.downloadCenterContents .downloadBox .unit .line {
    width: 1px;
    height: 20px;
    margin: 42px 0 0;
    background-color: #e6e6e6
}

.downloadCenterContents .downloadBox .unit .googleBtn {
    margin: 25px 2px 0 0;
    padding: 0 6px;
    height: 40px
}

.downloadCenterContents .downloadBox .unit .appstoreBtn {
    margin: 25px 0 0 2px;
    padding: 0 6px;
    height: 40px
}

.downloadCenterContents .downloadBox .unit .QrBox {
    position: absolute;
    top: 35px;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: 0 0 0 -95px;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    z-index: 1
}

.downloadCenterContents .downloadBox .unit .QrBox:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
    z-index: -1
}

.downloadCenterContents .downloadBox .unit .QrBox.left:after {
    left: 30px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.downloadCenterContents .downloadBox .unit .QrBox.right:after {
    right: 30px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.downloadCenterContents .downloadBox .unit .QrBox img {
    width: 100%
}

.downloadCenterContents .downloadBox .unit .QrBox .clearDim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    box-sizing: border-box;
    background-color: transparent;
    z-index: -1
}

.downloadCenterContents .serviceBox {
    box-sizing: border-box
}

.downloadCenterContents .serviceBox .grayTxt {
    color: #8c8c8c
}

.downloadCenterContents .serviceBox .winTxt {
    padding: 0 0 0 22px;
    text-align: left;
    background: url(/modules/barcode/static/media/ic_download_windows.0c4ff387.png) no-repeat left 0 center
}

.downloadCenterContents .serviceBox .macTxt {
    padding: 0 0 0 22px;
    text-align: left;
    background: url(/modules/barcode/static/media/ic_download_mac.b6b844e5.png) no-repeat left 0 center
}

.downloadCenterContents .serviceBox .chromeTxt {
    padding: 0 0 0 22px;
    text-align: left;
    background: url(/modules/barcode/static/media/img_download_chrome.580ed386.png) no-repeat left 0 center
}

.downloadCenterContents .serviceBox .safariTxt {
    padding: 0 0 0 22px;
    text-align: left;
    background: url(/modules/barcode/static/media/img_download_safari.9fb102fe.png) no-repeat left 0 center
}

.downloadCenterContents .serviceBox .ieTxt {
    padding: 0 0 0 22px;
    text-align: left;
    background: url(/modules/barcode/static/media/img_download_ie.56b24385.png) no-repeat left 0 center
}

.downloadCenterContents .systemBox {
    box-sizing: border-box
}

.downloadCenterContents .systemBox .referenceTitle {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.downloadCenterContents .systemBox .referenceDis {
    font-size: 12px;
    color: #4a4a4a
}

.visitorHead {
    position: relative
}

.visitorHead > h2 {
    float: left;
    font-size: 18px;
    padding-right: 14px;
    font-weight: 700;
    letter-spacing: -.8px;
    text-align: center;
    color: #000;
    line-height: 27px
}

.visitorHead .btn_set {
    float: left
}

.visitorHead .btn_set > div {
    vertical-align: middle
}

.visitorHead .cal_posi {
    position: absolute;
    top: 29px;
    z-index: 1
}

.xHidden [class*=OBTDockPanel_wrapper] {
    overflow-x: hidden !important
}

.yHidden [class*=OBTDockPanel_wrapper] {
    overflow-y: hidden !important
}

.bs_set_step {
    background: #fff;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    display: none;
    box-sizing: border-box
}

.bs_set_step.active {
    display: block
}

.bs_set_step.active .layer_div {
    left: 0;
    width: 100%;
    display: block
}

.bs_set_step .Pop_border .tit_p,
.fwn_div.Pop_border .tit_p {
    font-weight: 400
}

.bs_tab {
    border: 1px solid #dcdcdc;
    overflow: hidden
}

.bs_tab.tab1 ul li {
    width: 100% !important
}

.bs_tab.tab2 ul li {
    width: 50% !important
}

.bs_tab.tab3 ul li {
    width: 33.33% !important
}

.bs_tab.tab4 ul li {
    width: 25% !important
}

.bs_tab.tab5 ul li {
    width: 20% !important
}

.bs_tab.tab6 ul li {
    width: 16.6% !important
}

.bs_tab.tab7 ul li {
    width: 14.28% !important
}

.bs_tab ul li {
    float: left;
    text-align: center;
    width: 33%;
    position: relative
}

.bs_tab ul li:last-child {
    width: 34%
}

.bs_tab ul li .tit_step {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    width: 100%;
    font-weight: 700;
    cursor: default;
    text-indent: 14px
}

.bs_tab ul li.on .tit_step {
    background: #50a2e0;
    color: #fff
}

.bs_tab ul li .arr_semo {
    display: block;
    position: absolute;
    right: -22px;
    top: -1px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #dcdcdc
}

.bs_tab ul li .arr_semo:after {
    content: "";
    position: absolute;
    right: 2px;
    top: -20px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #fff
}

.bs_tab ul li.on .arr_semo {
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #dcdcdc
}

.bs_tab ul li.on .arr_semo:after {
    content: "";
    position: absolute;
    right: 2px;
    top: -20px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #50a2e0
}

.bs_tab ul li.on:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #fff
}

.bs_tab ul li:first-child.on:before {
    display: none
}

.bs_tab ul li:last-child.on .arr_semo {
    right: none;
    left: 0;
    top: -1px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #dcdcdc
}

.bs_tab ul li:last-child.on .arr_semo:after {
    right: none;
    left: -22px;
    top: -20px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right: none;
    border-left: 20px solid #fff
}

.bs_tab ul li:first-child {
    z-index: 2
}

.chkBoxList .title {
    color: #000;
    font-size: 13px;
    margin-top: 10px;
    padding-left: 45px;
    margin-bottom: 5px;
    background: url(/modules/barcode/static/media/ic_check_03_m_normal.0b8cd8df.png) no-repeat left 18px center;
    cursor: pointer
}

.chkBoxList .title.checked {
    background: url(/modules/barcode/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat left 18px center
}

.chkBoxList ul {
    padding: 5px 0
}

.chkBoxList ul li {
    font-size: 13px;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 54px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin: 0 16px 15px 0;
    background: url(/modules/barcode/static/media/ic_check_03_m_normal.0b8cd8df.png) no-repeat left 18px center;
    display: flex;
    align-items: center
}

.chkBoxList ul li.checked {
    border: 1px solid #1c90fb;
    background: #e9f5ff url(/modules/barcode/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat left 18px center
}

.chkBoxList ul li .textDiv {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    padding: 0 0 0 45px;
    line-height: 18px
}

.chkBoxList ul li .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
    max-width: calc(100% - 30px);
    position: relative;
    line-height: 27px
}

.chkBoxList ul li .ico {
    width: 27px;
    height: 22px;
    display: inline-block;
    margin-right: 3px
}

.chkBoxList ul li .ico.group {
    background: url(/modules/barcode/static/media/ico_group_human.3f971a88.png) no-repeat 50%;
    background-size: 18px 18px
}

.chkBoxList ul li .ico.company {
    background: url(/modules/barcode/static/media/ic_comp_01.2b9c0ec4.png) no-repeat 50%;
    background-size: 16px 14px
}

.chkBoxList ul li .subTxt {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    flex: 400px 1;
    line-height: 18px;
    color: #666;
    position: relative;
    padding: 0 0 0 30px;
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chkBoxList ul li .subTxt .stSp {
    line-height: 27px
}

.chkBoxList ul li .subTxt:after {
    content: "|";
    font-size: 12px;
    color: #666;
    position: absolute;
    left: 0
}

.chkBoxList ul li .subTxt [class*=OBTTooltip_tooltipFloatingPanel] {
    max-width: 350px
}

.chkBoxList ul li .subTxt [class*=OBTTooltip_tooltipFloatingPanel] [class*=OBTTooltip_contents] {
    line-height: 16px;
    white-space: normal
}

.chkBoxList ul li [class*=OBTTooltip_root] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 20px)
}

.tooltip[tooltip]:hover:after {
    content: attr(tooltip);
    position: fixed;
    top: var(--tooltip-top);
    left: var(--tooltip-left);
    z-index: 1;
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 10px 7px 12px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    line-height: 16px
}

.tooltip:hover:before {
    content: "";
    position: fixed;
    top: var(--tooltip-arr-top);
    left: var(--tooltip-arr-left);
    width: 11px;
    height: 7px;
    background: url(/modules/barcode/static/media/bg_tooltip_arrow.d0da4711.png) left top 1px no-repeat;
    z-index: 2
}

.tooltip.top[tooltip]:hover:after {
    top: auto !important;
    bottom: var(--tooltip-bottom)
}

.tooltip.top:hover:before {
    content: "";
    transform: rotateX(180deg);
    top: inherit !important;
    bottom: var(--tooltip-arr-bottom)
}

.tooltip[tooltip].max:hover:after {
    white-space: normal;
    max-width: var(--tooltip-max-width)
}

.report_box .type01Unit01 {
    min-width: 190px;
    height: 70px;
    margin: 0;
    padding: 11px 0 0 75px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff url(/modules/barcode/static/media/tab_all_none.8c4ea60b.png) no-repeat top 10px left 15px;
    box-sizing: border-box;
    cursor: pointer
}

.report_box .type01Unit01:hover {
    border: 1px solid #1c90fb
}

.report_box .type01Unit01.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/modules/barcode/static/media/tab_all_sele.138fbe01.png) no-repeat top 10px left 15px
}

.report_box .type01Unit01 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a
}

.report_box .type01Unit01 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a
}

.report_box .type01Unit01 .txt02 b {
    padding: 0 2px 0 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    letter-spacing: -.9px;
    margin: 0 2px 0 0;
    text-decoration: underline
}

.report_box .type01Unit02 {
    min-width: 190px;
    height: 70px;
    margin: 0 0 0 8px;
    padding: 11px 0 0 75px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff url(/modules/barcode/static/media/tab_report_receive_none.cbce5c96.png) no-repeat top 10px left 15px;
    box-sizing: border-box;
    cursor: pointer
}

.report_box .type01Unit02:hover {
    border: 1px solid #1c90fb
}

.report_box .type01Unit02.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/modules/barcode/static/media/tab_report_receive_sele.5cbf2426.png) no-repeat top 10px left 15px
}

.report_box .type01Unit02 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a
}

.report_box .type01Unit02 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a
}

.report_box .type01Unit02 .txt02 b {
    padding: 0 2px 0 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    letter-spacing: -.9px;
    margin: 0 2px 0 0;
    text-decoration: underline
}

.report_box .type01Unit03 {
    min-width: 190px;
    height: 70px;
    margin: 0 0 0 8px;
    padding: 11px 0 0 75px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff url(/modules/barcode/static/media/tab_report_refer_none.b360efa3.png) no-repeat top 10px left 15px;
    box-sizing: border-box;
    cursor: pointer
}

.report_box .type01Unit03:hover {
    border: 1px solid #1c90fb
}

.report_box .type01Unit03.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/modules/barcode/static/media/tab_report_refer_sele.93745085.png) no-repeat top 10px left 15px
}

.report_box .type01Unit03 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a
}

.report_box .type01Unit03 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a
}

.report_box .type01Unit03 .txt02 b {
    padding: 0 2px 0 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    letter-spacing: -.9px;
    margin: 0 2px 0 0;
    text-decoration: underline
}

.report_box .type01Unit04 {
    min-width: 190px;
    height: 70px;
    margin: 0 0 0 8px;
    padding: 11px 0 0 75px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff url(/modules/barcode/static/media/tab_report_share_none.b2e8847b.png) no-repeat top 10px left 15px;
    box-sizing: border-box;
    cursor: pointer
}

.report_box .type01Unit04:hover {
    border: 1px solid #1c90fb
}

.report_box .type01Unit04.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/modules/barcode/static/media/tab_report_share_sele.77b7f0b8.png) no-repeat top 10px left 15px
}

.report_box .type01Unit04 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a
}

.report_box .type01Unit04 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a
}

.report_box .type01Unit04 .txt02 b {
    padding: 0 2px 0 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    letter-spacing: -.9px;
    margin: 0 2px 0 0;
    text-decoration: underline
}

.report_box .type01Unit05 {
    min-width: 190px;
    height: 70px;
    margin: 0 0 0 8px;
    padding: 11px 0 0 75px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff url(/modules/barcode/static/media/tab_report_star_none.5fe03e83.png) no-repeat top 10px left 15px;
    box-sizing: border-box;
    cursor: pointer
}

.report_box .type01Unit05:hover {
    border: 1px solid #1c90fb
}

.report_box .type01Unit05.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/modules/barcode/static/media/tab_report_star_sele.64ebd471.png) no-repeat top 10px left 15px
}

.report_box .type01Unit05 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a
}

.report_box .type01Unit05 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a
}

.report_box .type01Unit05 .txt02 b {
    padding: 0 2px 0 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
    letter-spacing: -.9px;
    margin: 0 2px 0 0;
    text-decoration: underline
}

.wrHead {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding-top: 10px
}

.wrHead [class*=OBTTextField] > div > div {
    border: none !important;
    padding-top: 3px !important;
    padding-bottom: 9px !important
}

.wrHead [class*=OBTTextField] > div > div input[type=text] {
    font-size: 14px !important
}

.btn_pop_return {
    background: url(/modules/barcode/static/media/ic-return-m-normal.e4487d36.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_export {
    background: url(/modules/barcode/static/media/ic-export-m-normal.c7ae82d6.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_more {
    background: url(/modules/barcode/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_star {
    background: url(/modules/barcode/static/media/ic_favorite_m_off.77a469ff.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_star:hover {
    background: url(/modules/barcode/static/media/ic_favorite_m_over.fa0e1ad1.png) no-repeat 50% !important
}

.btn_pop_star.on {
    background: url(/modules/barcode/static/media/ic_favorite_m_on.74d2d252.png) no-repeat 50% !important
}

.noBorderText > div > div {
    border: none !important
}

.noBorderText input {
    background: none !important;
    font-size: 12px !important
}

.noBorderTextarea {
    padding: 5px 0;
    box-sizing: border-box
}

.noBorderTextarea textarea {
    border: none !important;
    font-size: 12px !important;
    line-height: 21px !important;
    color: #1a1a1a;
    vertical-align: top;
    box-sizing: border-box;
    resize: none
}

.noBorderTextaView {
    font-size: 13px;
    line-height: 21px;
    white-space: pre-wrap;
    box-sizing: border-box
}

.dropDownLayer {
    position: absolute;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff
}

.dropDownLayer ul li {
    line-height: 27px;
    padding-left: 7px;
    cursor: pointer
}

.dropDownLayer ul li span {
    display: inline-block
}

.dropDownLayer ul li:hover {
    background: #e6f5ff
}

.dropDownLayer ul li.cmt span {
    background: url(/modules/barcode/static/media/ic_comment_s_normal.0e428e97.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.edit span {
    background: url(/modules/barcode/static/media/ic_edit_s_normal.f7b6eaa3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.del span {
    background: url(/modules/barcode/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.like span {
    background: url(/modules/barcode/static/media/icon_dropdown_like.d88a52a3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.like.on span {
    background: url(/modules/barcode/static/media/icon_board_like_click.42df9633.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.scrap span {
    background: url(/modules/barcode/static/media/ic_scrap_s_normal.a964e841.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.print span {
    background: url(/modules/barcode/static/media/ic_print_s_normal.6762b9b0.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.userweek span {
    background: url(/modules/barcode/static/media/ic_user_s_normal.cec8cec3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.excel span {
    background: url(/modules/barcode/static/media/ic_excel_save_s_normal.3f005a01.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.open span {
    background: url(/modules/barcode/static/media/ic_open_s_normal.ea703409.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.private span {
    background: url(/modules/barcode/static/media/ic_private_s_normal.386ac9f0.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.shareAgain span {
    background: url(/modules/barcode/static/media/ic_share_again_s_normal.37f22119.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.copy span {
    background: url(/modules/barcode/static/media/ic_doc_copy_s_normal@2x.58d294be.png) no-repeat 0;
    padding-left: 17px;
    background-size: 14px
}

.work_onefficeArea {
    min-height: 400px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding-top: 40px
}

.btn_modify_oneffice {
    width: 78px;
    background: url(/modules/barcode/static/media/btn_modify_normal.53c1201b.png) no-repeat 0
}

.btn_modify_oneffice,
.btn_modify_txt {
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer
}

.btn_modify_txt {
    min-width: 44px;
    border-radius: 15px;
    background: url(/modules/barcode/static/media/ic_edit_m_white.7373d39d.png) no-repeat left 12px center, linear-gradient(180deg, #5eb5fd, #1c90fb);
    padding: 0 15px 0 32px;
    color: #fff;
    line-height: 30px;
    text-align: center
}

.fido_sel_ta {
    margin: 0 auto
}

.fido_sel_ta table {
    width: 100%
}

.fido_sel_ta table td,
.fido_sel_ta table th {
    border: none;
    text-align: center
}

.fido_sel_ta .textBox {
    margin: 50px 0 0;
    text-align: center
}

.fido_sel_ta .textBox .sertiHelpBtn {
    position: relative;
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.7px;
    color: #000
}

.fido_sel_ta .textBox .sertiHelpBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 18px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.fido_install {
    padding: 180px 0 0;
    background: url(/modules/barcode/static/media/img_app_install.7b00184d.png) no-repeat top 5px center
}

.fido_install .sub {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #8c8c8c
}

.fido_box.imgBoxStyle {
    position: relative
}

.fido_box.imgBoxStyle .text {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -.8px;
    text-align: center;
    color: #4a4a4a;
    margin: 4px 0
}

.fido_box.imgBoxStyle .text .icoFingerPrint {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 32px;
    margin: 0;
    background: url(/modules/barcode/static/media/ic_certify_fingerprint_l_normal.a3068ece.png) no-repeat 0
}

.fido_box.imgBoxStyle .text .icoOtp {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 32px;
    margin: 0;
    background: url(/modules/barcode/static/media/ic_private_l_normal.33e5cdf6.png) no-repeat 0 0
}

.fido_box.imgBoxStyle .text .icoDevice {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 32px;
    margin: 0;
    background: url(/modules/barcode/static/media/ic_certify_device_l_normal.fe6d11ba.png) no-repeat 0
}

.fido_box.imgBoxStyle .sub {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #8c8c8c
}

.fido_box.imgBoxStyle .sub .menuIco {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    background: url(/modules/barcode/static/media/ic_view_list_02_s_over.01cab9f3.png) no-repeat 50%
}

.fido_box.imgBoxStyle.certi-notallowed {
    padding: 160px 0 0;
    background: url(/modules/barcode/static/media/img_certi_notallowed.336acfc8.png) no-repeat top 0 center
}

.fido_box.imgBoxStyle.user-notallowed {
    padding: 90px 0 0;
    background: url(/modules/barcode/static/media/img_user_notallowed.baba9c29.png) no-repeat top 0 center
}

.fido_box.imgBoxStyle.certification {
    padding: 210px 0 0;
    background: url(/modules/barcode/static/media/img_certification.02745a96.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.device-notregistered {
    padding: 210px 0 0;
    background: url(/modules/barcode/static/media/img_device_notregistered.f9e8d470.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.app-install {
    padding: 210px 0 0;
    background: url(/modules/barcode/static/media/img_app_install.7b00184d.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.complete {
    padding: 160px 0 0;
    background: url(/modules/barcode/static/media/ic_complete.366c2cc9.png) no-repeat top 35px center
}

.fido_box.pin_area {
    padding: 35px
}

.fido_box.pin_area .pin_input {
    height: 50px;
    margin: 0 4px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box
}

.fido_box.pin_area .pin_input .number {
    width: 100%;
    padding: 13px 0;
    font-size: 16px;
    line-height: 24px;
    border: none;
    text-indent: 0;
    border-radius: 4px;
    text-align: center;
    background: transparent;
    outline: none
}

.fido_box .text {
    font-size: 13px;
    line-height: 41px;
    letter-spacing: -.65px;
    text-align: center
}

.fido_box .text span {
    font-size: 13px;
    font-weight: 700;
    line-height: 41px
}

.fido_box.pin_area .pin_input {
    padding: 0 0 10px;
    border-bottom: 1px solid #d9d9d9
}

.fido_box.pin_area .pin_input table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px
}

.fido_box.pin_area .pin_input table td {
    border: 1px solid #d9d9d9;
    height: 50px;
    border-radius: 3px
}

.fido_box.pin_area .pin_input table td .number {
    width: 100%;
    height: 100%;
    font-size: 22px;
    outline: 0;
    border: none;
    text-indent: 0;
    border-radius: 3px
}

.fido_box.pin_area .pin_board {
    padding: 10px 0 0
}

.fido_box.pin_area .pin_board table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px
}

.fido_box.pin_area .pin_board table td {
    border: 1px solid #d9d9d9;
    height: 50px;
    border-radius: 3px
}

.fido_box.pin_area .pin_board table td .btn {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 700;
    outline: 0;
    border: none;
    border-radius: 10px
}

.fido_box.pin_area .pin_board table td input[type=button]:active {
    background: #f4f9fe
}

.fido_box.imgDevice {
    position: relative
}

.fido_box.imgDevice.device-connected {
    padding: 110px 0 0;
    background: url(/modules/barcode/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.fido_box.imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/modules/barcode/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.fido_box.imgDevice .text {
    font-size: 13px;
    line-height: 41px;
    letter-spacing: -.65px;
    text-align: center
}

.fido_box.imgDevice .text span {
    font-size: 13px;
    font-weight: 700;
    line-height: 41px
}

.zeroWrap {
    position: relative
}

.zeroWrap [class*=OBTDockPanel_middle] {
    margin-top: 0 !important
}

.zeroWrap .zeroWrap_in {
    box-sizing: border-box
}

.zeroWrap .dash_head {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    height: 50px
}

.zeroWrap .dash_head .left_div {
    float: left;
    line-height: 51px
}

.zeroWrap .dash_head .left_div .tit {
    float: left;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.35px
}

.zeroWrap .dash_head .right_div {
    float: right;
    overflow: hidden
}

.zeroWrap .dash_head .right_div .arr {
    font-size: 12px;
    letter-spacing: -.6px;
    color: #4a4a4a;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 100%;
    padding-right: 16px;
    line-height: 1;
    margin-top: 20px;
    cursor: pointer;
    display: inline-block
}

.zeroWrap .dash_head .right_div .so_txt {
    color: #a6a6a6;
    letter-spacing: -.6px;
    font-size: 12px;
    margin-top: 16px;
    display: inline-block
}

.zeroWrap .dash_head .gg_sel {
    float: left;
    margin-left: 20px
}

.zeroWrap .dash_head .gg_sel ul li {
    float: left;
    margin-right: 4px
}

.zeroWrap .dash_head .gg_sel ul li .btn_total {
    border: 1px solid #929fbc !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #929fbc
}

.zeroWrap .dash_head .gg_sel ul li .btn_total.on {
    border: none !important;
    background: #929fbc !important;
    color: #fff;
    font-weight: 700
}

.zeroWrap .dash_head .gg_sel ul li .btn_ing {
    border: 1px solid #46a3f0 !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #46a3f0
}

.zeroWrap .dash_head .gg_sel ul li .btn_ing.on {
    border: none !important;
    background: #46a3f0 !important;
    color: #fff;
    font-weight: 700
}

.zeroWrap .dash_head .gg_sel ul li .btn_confirm {
    border: 1px solid #20c997 !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #20c997
}

.zeroWrap .dash_head .gg_sel ul li .btn_confirm.on {
    border: none !important;
    background: #20c997 !important;
    color: #fff;
    font-weight: 700
}

.zeroWrap .dash_head .gg_sel ul li .btnType01 {
    border: 1px solid #929fbc !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #929fbc
}

.zeroWrap .dash_head .gg_sel ul li .btnType01.on {
    border: none !important;
    background: #929fbc !important;
    color: #fff;
    font-weight: 700
}

.zeroWrap .dash_head .gg_sel ul li .btnType02 {
    border: 1px solid #46a3f0 !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #46a3f0
}

.zeroWrap .dash_head .gg_sel ul li .btnType02.on {
    border: none !important;
    background: #46a3f0 !important;
    color: #fff;
    font-weight: 700
}

.zeroWrap .dash_head .gg_sel ul li .btnType03 {
    border: 1px solid #20c997 !important;
    border-radius: 2px;
    background: #fff !important;
    height: 27px;
    color: #20c997
}

.zeroWrap .dash_head .gg_sel ul li .btnType03.on {
    border: none !important;
    background: #20c997 !important;
    color: #fff;
    font-weight: 700
}

.homeMainBg {
    height: 340px;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #f5f8fa, #e4edf4)
}

.btn_homeRegi {
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .16);
    background-image: linear-gradient(270deg, #4d7bff, #4dcaff) !important;
    width: 169px;
    height: 48px !important;
    border: none !important;
    letter-spacing: -.7px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.btn_homeRegi,
.btn_homeRegi > [class*=OBTButton_wrapper] > [class*=OBTButton_labelText] {
    font-size: 14px !important
}

.homeCon {
    padding: 0 30px 30px;
    overflow: hidden
}

.customTreeWrap {
    padding: 15px 0
}

.customTreeWrap > ul {
    display: block !important;
    min-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.customTreeWrap > ul li > .itemDiv {
    padding: 0 0 0 10px
}

.customTreeWrap > ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul {
    display: none
}

.customTreeWrap > ul li ul li > .itemDiv {
    padding: 0 0 0 25px
}

.customTreeWrap > ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li > .itemDiv {
    padding: 0 0 0 35px
}

.customTreeWrap > ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 45px
}

.customTreeWrap > ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 55px
}

.customTreeWrap > ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 65px
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 75px
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 85px
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 95px
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul {
    display: none
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
    padding: 0 0 0 105px
}

.customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
    display: block !important
}

.customTreeWrap ul {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.customTreeWrap ul li {
    position: relative
}

.customTreeWrap ul li > .itemDiv {
    width: 100%;
    height: 26px;
    border: 1px solid transparent;
    box-sizing: border-box
}

.customTreeWrap ul li > .itemDiv:hover {
    border: 1px solid #1c90fb;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

.customTreeWrap ul li > .itemDiv:hover .dragHandler {
    display: block
}

.customTreeWrap ul li > .itemDiv:hover .btnBox {
    display: flex
}

.customTreeWrap ul li > .itemDiv .dragHandler {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 26px;
    background: url(/modules/barcode/static/media/ico_movebar.47d770f8.png) no-repeat 50%;
    cursor: move;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.customTreeWrap ul li > .itemDiv .ico-root {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_comp_01.2b9c0ec4.png) no-repeat 100%;
    cursor: pointer
}

.customTreeWrap ul li > .itemDiv .ico-comp-open {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_comp_02.6b2c497c.png) no-repeat 100%;
    cursor: pointer
}

.customTreeWrap ul li > .itemDiv .ico-comp-open:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 26px;
    background: url(/modules/barcode/static/media/ic_arrow_down.ba99d91c.png) no-repeat 50%
}

.customTreeWrap ul li > .itemDiv .ico-comp-close {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_comp_02.6b2c497c.png) no-repeat 100%;
    cursor: pointer
}

.customTreeWrap ul li > .itemDiv .ico-comp-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 26px;
    background: url(/modules/barcode/static/media/ic_arrow_right.7c532671.png) no-repeat 50%
}

.customTreeWrap ul li > .itemDiv .ico-open {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_folder_open_blue.167d1472.png) no-repeat 100%;
    cursor: pointer
}

.customTreeWrap ul li > .itemDiv .ico-open:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 26px;
    background: url(/modules/barcode/static/media/ic_arrow_down.ba99d91c.png) no-repeat 50%
}

.customTreeWrap ul li > .itemDiv .ico-close {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_folder_blue.f0e10362.png) no-repeat 100%;
    cursor: pointer
}

.customTreeWrap ul li > .itemDiv .ico-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 26px;
    background: url(/modules/barcode/static/media/ic_arrow_right.7c532671.png) no-repeat 50%
}

.customTreeWrap ul li > .itemDiv .ico-user {
    position: relative;
    width: 18px;
    height: 26px;
    padding: 0 0 0 12px;
    background: url(/modules/barcode/static/media/ic_user.c59f48b4.png) no-repeat 100%
}

.customTreeWrap ul li > .itemDiv .titleBox {
    height: 27px;
    margin: 0 0 0 5px;
    white-space: nowrap
}

.customTreeWrap ul li > .itemDiv .titleBox .txt {
    font-size: 12px;
    line-height: 27px;
    color: #000
}

.customTreeWrap ul li > .itemDiv .titleBox .txt.on {
    color: #1c90fb
}

.customTreeWrap ul li > .itemDiv .titleBox .cnt {
    font-size: 12px;
    line-height: 27px;
    color: #a6a6a6;
    margin: 0 0 0 5px
}

.switchChk {
    display: flex;
    align-items: center
}

.switchChk input[type=checkbox] {
    display: none
}

.switchChk .label_on_off > * {
    vertical-align: top;
    font-size: 10px;
    transition: all .3s
}

.switchChk .label_on_off {
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 38px;
    height: 16px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    border-radius: 13px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    transition: all .3s
}

.switchChk .label_on_off .marble {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    background: #c4c4c4;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.switchChk .label_on_off .on {
    display: none;
    padding-left: 6px
}

.switchChk .label_on_off .off {
    padding-left: 15px;
    line-height: 15px;
    color: #c4c4c4
}

.switchChk .input_on_off:checked + .label_on_off {
    border: 1px solid #1c90fb;
    background-color: #fff
}

.switchChk .input_on_off:checked + .label_on_off .on {
    display: inline-block;
    color: #1c90fb
}

.switchChk .input_on_off:checked + .label_on_off .off {
    display: none
}

.switchChk .input_on_off:checked + .label_on_off .marble {
    background: #1c90fb;
    left: 25px
}

.multiLineContents {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff
}

.multiLineContents:focus-within {
    border: 1px solid #1c90fb
}

.multiLineContents input[type=text].cloneHiddenText {
    position: absolute;
    left: -1000000px;
    top: -10000000px;
    visibility: hidden
}

.multiLineContents .textBox {
    width: 100%;
    height: 100%;
    min-height: 30px;
    padding: 5px 7px;
    outline: none;
    font-size: 13px;
    line-height: 1.8;
    vertical-align: middle;
    word-break: break-all;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    overflow-y: auto
}

.multiLineContents .keepLink {
    position: relative;
    display: inline-block;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 0 0 20px;
    cursor: pointer;
    max-width: 200px;
    vertical-align: middle
}

.multiLineContents .keepLink img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

.multiLineContents .keepLink .text {
    width: 100%;
    font-size: 12px;
    font-family: auto;
    line-height: 19px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.multiLineContents .keepLink.small {
    position: relative;
    display: inline-block;
    height: 15px;
    margin: 0 5px 0 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    max-width: 180px;
    vertical-align: middle
}

.multiLineContents .keepLink.small img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 11px;
    height: 11px
}

.multiLineContents .keepLink.small .text {
    width: 100%;
    font-size: 11px;
    font-family: auto;
    line-height: 15px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
    text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, .07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.keepExport {
    flex-wrap: wrap;
    padding: 11px 14px;
    border: 1px solid #e6e6e6
}

.keepExport .linkCopy {
    cursor: pointer;
    padding: 10px
}

.keepExport .linkCopy .ico {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #f2f5fa url(/modules/barcode/static/media/ico_export_link.6f12a2bd.png) no-repeat 50%
}

.keepExport .linkCopy:hover .ico {
    background: #e0f1ff url(/modules/barcode/static/media/ico_export_link.6f12a2bd.png) no-repeat 50%
}

.keepExport .keep {
    cursor: pointer;
    padding: 10px
}

.keepExport .keep .ico {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #f2f5fa url(/modules/barcode/static/media/ico_export_keep.aa821e8a.png) no-repeat 50%
}

.keepExport .keep:hover .ico {
    background: #e0f1ff url(/modules/barcode/static/media/ico_export_keep.aa821e8a.png) no-repeat 50%
}

.keepExport .mail {
    cursor: pointer;
    padding: 10px
}

.keepExport .mail .ico {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #f2f5fa url(/modules/barcode/static/media/ico_export_mail.1bf34ac3.png) no-repeat 50%
}

.keepExport .mail:hover .ico {
    background: #e0f1ff url(/modules/barcode/static/media/ico_export_mail.1bf34ac3.png) no-repeat 50%
}

.keepExport .board {
    cursor: pointer;
    padding: 10px
}

.keepExport .board .ico {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #f2f5fa url(/modules/barcode/static/media/ico_export_board.0d2d56cd.png) no-repeat 50%
}

.keepExport .board:hover .ico {
    background: #e0f1ff url(/modules/barcode/static/media/ico_export_board.0d2d56cd.png) no-repeat 50%
}

.keepExport .kiss {
    cursor: pointer;
    padding: 10px
}

.keepExport .kiss .ico {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #f2f5fa url(/modules/barcode/static/media/ico_export_kiss.5a8a8cee.png) no-repeat 50%
}

.keepExport .kiss:hover .ico {
    background: #e0f1ff url(/modules/barcode/static/media/ico_export_kiss.5a8a8cee.png) no-repeat 50%
}

.keepExport .txt {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.HPM0600 [class*=OBTTreeView_root] {
    border-color: #e6e6e6
}

.HPM0600 .sortText {
    margin: 0 0 4px
}

.HPM0600 .sortText .textBtn {
    position: relative;
    font-size: 14px;
    line-height: 27px;
    color: #4a4a4a;
    letter-spacing: -.7px;
    padding: 0 0 0 21px;
    cursor: pointer
}

.HPM0600 .sortText .textBtn.on:first-child,
.HPM0600 .sortText .textBtn:first-child {
    padding: 0 0 0 10px
}

.HPM0600 .sortText .textBtn:first-child:before {
    display: none
}

.HPM0600 .sortText .textBtn:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 11px;
    width: 1px;
    height: 11px;
    background-color: #e6e6e6
}

.HPM0600 .sortText .textBtn.on {
    font-size: 14px;
    font-weight: 700;
    line-height: 27px;
    color: #1c90fb;
    letter-spacing: -.7px;
    padding: 0 0 0 21px;
    cursor: pointer
}

.HPM0600 .keepGridWrap {
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    box-sizing: border-box
}

.HPM0600 .keepGridWrap .keepGridHeader {
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa;
    box-sizing: border-box;
    table-layout: fixed
}

.HPM0600 .keepGridWrap .keepGridHeader tr th {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    cursor: pointer
}

.HPM0600 .keepGridWrap .keepGridHeader tr th:first-child {
    border-left: none
}

.HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow {
    cursor: pointer;
    display: none;
    width: 12px;
    height: 18px;
    margin: 0 0 0 2px;
    vertical-align: text-bottom
}

.HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow.up {
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_arrow_up_02_m_normal.fcda4d2d.png) no-repeat 50%
}

.HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow.down {
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_arrow_down_02_m_normal.9469ed90.png) no-repeat 50%
}

.HPM0600 .keepGridWrap .keepGridList {
    width: 100%;
    height: auto;
    background-color: #fff;
    box-sizing: border-box;
    table-layout: fixed
}

.HPM0600 .keepGridWrap .keepGridList tr {
    border-bottom: 1px solid #e6e6e6
}

.HPM0600 .keepGridWrap .keepGridList tr.on,
.HPM0600 .keepGridWrap .keepGridList tr:hover {
    background-color: #eff7ff
}

.HPM0600 .keepGridWrap .keepGridList tr td {
    height: 32px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    padding: 5px 8px;
    box-sizing: border-box
}

.HPM0600 .keepGridWrap .keepGridList tr td.le {
    text-align: left
}

.HPM0600 .keepGridWrap .keepGridList tr td.ri {
    text-align: right
}

.HPM0600 .keepGridWrap .keepGridList tr td .module img {
    width: 18px;
    height: 18px;
    margin: 1px 5px 0 0;
    vertical-align: top
}

.HPM0600 .keepGridWrap .keepGridList tr td .title {
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.HPM0600 .keepGridWrap .keepGridList tr td .keyword {
    margin: 5px 0 0
}

.HPM0600 .keepGridWrap .keepGridList tr td .keyword:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.HPM0600 .keepGridWrap .keepGridList tr td .keyword .inItem {
    float: left;
    height: 18px;
    line-height: 1;
    margin: 0 4px 4px 0;
    padding: 0 6px;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #fff;
    cursor: pointer
}

.HPM0600 .keepGridWrap .keepGridList tr td .keyword .inItem .txt {
    font-size: 11px;
    line-height: 18px;
    color: #8c8c8c
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo {
    justify-content: center
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn {
    width: 18px;
    height: 21px;
    background: url(/modules/barcode/static/media/ic_info_01_m_normal.588757ca.png) no-repeat 50%;
    cursor: pointer
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn:hover {
    background: url(/modules/barcode/static/media/ic_info_01_m_over.12a80c7e.png) no-repeat 50%
}

.HPM0600 .keepGridWrap .no_data {
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -.8px
}

.HPM0600 .keepGridWrap .no_data.small {
    font-size: 12px
}

.HPM0600 .keepGridWrap .no_data.small .text {
    padding-top: 70px;
    background: url(/modules/barcode/static/media/img_empty_keep_s.47e017dc.png) no-repeat 50%;
    background-size: 42px 42px;
    margin-top: -35px
}

.keepLayer {
    position: fixed;
    top: 0;
    bottom: 20px;
    right: 20px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    z-index: 2;
    overflow: hidden;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.keepLayer .layerDetailWrap {
    position: relative;
    width: 330px;
    height: 100%;
    box-sizing: border-box
}

.keepLayer .layerDetailWrap .detailHeader {
    height: 48px;
    padding: 12px 20px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.keepLayer .layerDetailWrap .detailHeader .title {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn {
    height: 24px;
    padding: 3px 0;
    overflow: hidden;
    box-sizing: border-box
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnDone {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px;
    background: url(/modules/barcode/static/media/ic_check_01_m_normal.03b30cff.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnDone:hover {
    background: url(/modules/barcode/static/media/ic_check_01_m_over.6d10b7d4.png) no-repeat 50%
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnMore {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px;
    background: url(/modules/barcode/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnMore:hover {
    background: url(/modules/barcode/static/media/ic_more_detail_m_over.6b0716dd.png) no-repeat 50%
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnClose {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px;
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnClose:hover {
    background: url(/modules/barcode/static/media/ic_close_01_m_over.9cfeef50.png) no-repeat 50%
}

.keepLayer .layerDetailWrap .detailContents {
    margin: 15px 20px
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit {
    padding: 1px 0;
    border-bottom: 1px solid #e7e7e7
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit.edit {
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit:last-child {
    border-bottom: none
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt {
    min-width: 70px;
    height: 27px;
    padding: 5px 0 5px 22px;
    font-size: 13px;
    line-height: 27px;
    color: #666
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt .btnBox {
    line-height: 1;
    padding: 3px 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoModule {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoKeep {
    background: url(/modules/barcode/static/media/ic_keep_off_m_normal.4d2b2c43.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoUser {
    background: url(/modules/barcode/static/media/ic_user_m_normal.f13b2214.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoCal {
    background: url(/modules/barcode/static/media/ic_calendar_m_normal.8bbd461a.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoTag {
    background: url(/modules/barcode/static/media/ic_docu_tag_m_normal.7127ef66.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoContents {
    background: url(/modules/barcode/static/media/ic_survey_m_normal.0e5be480.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd {
    padding: 5px 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd .text {
    font-size: 12px;
    line-height: 27px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textarea {
    padding: 0 0 0 22px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    word-break: break-all;
    box-sizing: border-box
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textMultiBox {
    width: 100% !important;
    background-color: #fff
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textMultiBox textarea {
    padding: 6px !important;
    line-height: 1.5 !important
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #f5f5f5;
    margin: 12px 0;
    padding: 0 24px 0 16px;
    box-sizing: border-box
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .title {
    padding: 14px 0 6px;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    letter-spacing: -.6px;
    border-bottom: 1px solid #e6e6e6
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dt {
    width: 62px;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    letter-spacing: -.6px
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dd {
    min-height: 20px;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    letter-spacing: -.6px
}

.keep_contextMenu {
    position: fixed;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff;
    z-index: 10
}

.keep_contextMenu .pop_con {
    padding: 5px 0
}

.keep_contextMenu .pop_con .pop_list_div:after {
    content: "";
    display: block;
    height: 1px;
    margin: 5px 15px;
    box-sizing: border-box;
    background: #e5e5e5
}

.keep_contextMenu .pop_con .pop_list_div:last-child:after {
    display: none
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu {
    min-width: 98px;
    height: 25px;
    cursor: pointer;
    padding: 0 15px;
    clear: both
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu:hover {
    transition: all .3s;
    background: #eaf6ff
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu .tit {
    float: left;
    font-size: 12px;
    color: #3f3f3f;
    letter-spacing: -.25px;
    margin: 3px 0 0
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_edit {
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 10px 0 0;
    background: url(/modules/barcode/static/media/ic_edit_m_normal.f62c726f.png) no-repeat 50%
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_delete {
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 10px 0 0;
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50%
}

.keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_link {
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 10px 0 0;
    background: url(/modules/barcode/static/media/ic_link_m_normal.924b6113.png) no-repeat 50%
}

.keep_contextMenu .semo {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #a6a6a6;
    background: #fff;
    z-index: -1
}

.keep_contextMenu .semo.topLeft {
    left: 21px
}

.keep_contextMenu .semo.topLeft,
.keep_contextMenu .semo.topRight {
    top: -6px;
    width: 10px;
    height: 10px;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg)
}

.keep_contextMenu .semo.topRight {
    right: 21px
}

.keep_contextMenu .semo.leftTop {
    top: 21px
}

.keep_contextMenu .semo.leftBottom,
.keep_contextMenu .semo.leftTop {
    left: -6px;
    width: 10px;
    height: 10px;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg)
}

.keep_contextMenu .semo.leftBottom {
    bottom: 21px
}

.keep_contextMenu .semo.rightTop {
    top: 21px
}

.keep_contextMenu .semo.rightBottom,
.keep_contextMenu .semo.rightTop {
    right: -6px;
    width: 10px;
    height: 10px;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg)
}

.keep_contextMenu .semo.rightBottom {
    bottom: 21px
}

.keep_contextMenu .semo.bottomLeft {
    left: 21px
}

.keep_contextMenu .semo.bottomLeft,
.keep_contextMenu .semo.bottomRight {
    bottom: -6px;
    width: 10px;
    height: 10px;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.keep_contextMenu .semo.bottomRight {
    right: 21px
}

.UJBP029 .titleUnitBox {
    position: relative;
    height: 46px;
    padding: 9px 0 8px;
    box-sizing: border-box;
    border-bottom: 2px solid #000
}

.UJBP029 .titleUnitBox h3 {
    position: relative;
    padding: 0 0 0 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    color: #000;
    letter-spacing: -.7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UJBP029 .titleUnitBox h3:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #000
}

.UJBP029 .refBox {
    background: url(/modules/barcode/static/media/ic_info_03_m_normal@2x.b85fd7f1.png) no-repeat top 1px left 0;
    background-size: 18px 18px
}

.UJBP029 .refBox .infoTxt {
    margin: 0 0 0 22px;
    font-size: 12px;
    line-height: 18px;
    color: #4a4a4a
}

.UJBP029 .updateText {
    height: 40px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    line-height: 40px;
    color: #000;
    text-align: center
}

.UJBP029 .no_list {
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -.8px
}

.UJBP029 .no_list.border {
    border: 1px solid #e6e6e6
}

.UJBP029 .no_list .noUpdateList {
    background: url(/modules/barcode/static/media/img_update_system.1db2d432.png) no-repeat 50%;
    padding-top: 120px;
    margin-top: -45px
}

.UJBP029 .updateBox {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ececec;
    background-color: #f7fafc;
    text-align: center
}

.UJBP029 .updateBox > span {
    padding-left: 25px
}

.UJBP029 .updateBox .ico_success {
    background: url(/modules/barcode/static/media/ico_confirm_03.bdd77602.png) no-repeat 0
}

.UJBP029 .updateBox .ico_warning {
    background: url(/modules/barcode/static/media/ico_pend.b691cce6.png) no-repeat 0
}

.UJBP032 .passFind .passBg {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    margin-top: -50px;
    padding-top: 160px
}

.UJBP032 .passFind .passBg .sText {
    color: #a6a6a6;
    font-size: 12px
}

.UJBP032 .passFind .bg01 {
    background: url(/modules/barcode/static/media/img_id.ed57da5f.png) no-repeat 50%
}

.UJBP032 .passFind .bg02 {
    background: url(/modules/barcode/static/media/img_pw.00310e0e.png) no-repeat 50%
}

.UJBP032 .passFind .bg03 {
    background: url(/modules/barcode/static/media/img_manager_ask.5b3b63c1.png) no-repeat 50%;
    line-height: 23px;
    padding-top: -180px
}

.UJBP032 .passFind .inputBox01 {
    padding: 18px 50px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UJBP032 .passFind .inputBox01 em {
    font-weight: 700;
    margin-right: 10px
}

.UJBP032 .passFind .inputBox02 {
    background: url(/modules/barcode/static/media/ic_manager_ask.96d6c7ec.png) no-repeat left 32px center;
    background-size: 32px 32px;
    padding: 18px 50px 18px 75px;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    border-radius: 3px;
    box-sizing: border-box
}

.UJBP032 .passFind .inputBox02:active,
.UJBP032 .passFind .inputBox02:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    border: 1px solid #1c90fb;
    background-color: #eff7ff;
    cursor: pointer
}

.UJBP032 .passFind .inputBox02 em {
    font-weight: 700;
    margin-right: 10px
}

.UJBP032 .passFindBox {
    height: 42px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.UJBP032 .passFindBox ul {
    display: flex;
    flex-wrap: wrap
}

.UJBP032 .passFindBox ul li {
    float: left;
    width: 204px;
    height: 42px;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 10px 0 0;
    background: #f5f5f5;
    margin-left: 16px;
    font-size: 13px;
    position: relative
}

.UJBP032 .passFindBox ul li:before {
    background: url(/modules/barcode/static/media/bg_eapline02_before.809594d0.png) no-repeat;
    background-size: 16px 42px;
    left: -16px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.UJBP032 .passFindBox ul li:after,
.UJBP032 .passFindBox ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -1px;
    width: 16px;
    height: 42px;
    z-index: 1;
    box-sizing: border-box
}

.UJBP032 .passFindBox ul li:after {
    background: url(/modules/barcode/static/media/bg_eapline02_after.a8e33602.png) no-repeat;
    background-size: 16px 42px;
    right: -16px
}

.UJBP032 .passFindBox ul li .num {
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    padding: 2px 4px 3px;
    text-align: center;
    background-color: #e6e6e6;
    color: #a6a6a6;
    border-radius: 50% 50%;
    font-size: 11px
}

.UJBP032 .passFindBox ul li .text {
    color: #a6a6a6
}

.UJBP032 .passFindBox ul li.on {
    border-bottom: 1px solid #1c90fb;
    border-top: 1px solid #1c90fb;
    background: #e9f5ff;
    box-sizing: border-box
}

.UJBP032 .passFindBox ul li.on:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/modules/barcode/static/media/bg_eapline01_blue_before.c7043cab.png) no-repeat;
    background-size: 16px 42px;
    width: 16px;
    height: 42px;
    z-index: 1;
    border-top: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    box-sizing: border-box
}

.UJBP032 .passFindBox ul li.on:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/modules/barcode/static/media/bg_eapline02_blue.759a6ad8.png) no-repeat;
    background-size: 16px 42px;
    width: 16px;
    height: 42px;
    z-index: 2
}

.UJBP032 .passFindBox ul li.on .num {
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    padding: 2px 4px 3px;
    text-align: center;
    background-color: #1c90fb;
    color: #fff;
    border-radius: 50% 50%;
    font-size: 11px
}

.UJBP032 .passFindBox ul li.on .text {
    color: #a6a6a6;
    color: #1c90fb
}

.UJBP032 .passFindBox ul li.on + li:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/modules/barcode/static/media/bg_eapline02_before.809594d0.png) no-repeat;
    background-size: 16px 42px;
    width: 16px;
    height: 42px;
    z-index: 1
}

.UJBP032 .passFindBox ul li:first-child:before {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f5f5
}

.UJBP032 .passFindBox ul li.on:first-child:before {
    border-top: 1px solid #1c90fb;
    border-left: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff
}

.UJBP032 .passFindBox ul li:last-child:after {
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f5f5;
    box-sizing: border-box
}

.UJBP032 .passFindBox ul li.on:last-child:after {
    border-top: 1px solid #1c90fb;
    border-right: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff;
    box-sizing: border-box
}

.UJBP033 .passSet .bg {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    background: url(/modules/barcode/static/media/img_manager_reset.70a84ad9.png) no-repeat top 50px center;
    line-height: 23px;
    padding: 170px 0 50px
}

.UJBP033 .passSet .bg .sText {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400
}

.UJBP033 .passSet .inputBox {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 18px 50px 18px 0
}

.UJBP033 .passSet .inputBox dl {
    margin-bottom: 10px;
    -ms-display: flex;
    height: 100%;
    display: flex;
    flex-direction: row;
    min-width: 0
}

.UJBP033 .passSet .inputBox dl dt {
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 6px;
    color: #010101;
    font-weight: 700;
    padding-top: 5px
}

.UJBP033 .passSet .inputBox dl:last-child {
    margin-bottom: 0
}

.UJBP033 .passSet .passSetInfo {
    margin-top: 10px;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    box-sizing: border-box;
    padding: 15px
}

.UJBP033 .passSet .passSetInfo ul li {
    color: #4a4a4a
}

.UJBP033 .passSet .passSetInfo ul li span {
    color: #1c90fb
}

.UJBP033 .passSet .passSetInfo ul li.textRed {
    color: #fc5356
}

.GridType01 {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 100%
}

.GridType01 table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed
}

.GridType01.line {
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 1px
}

.GridType01.noThead {
    border-top: 2px solid #666
}

.GridType01 .gridHeader thead {
    height: 32px;
    background-color: #fafafa;
    border-top: 2px solid #666
}

.GridType01 .gridHeader thead th {
    font-size: 13px;
    padding: 13px 0;
    border: solid #e6e6e6;
    border-width: 0 1px 1px 0;
    text-align: center;
    letter-spacing: -.6px;
    font-weight: 700
}

.GridType01 .gridHeader thead th:last-child {
    border-right: none
}

.GridType01 .gridBody tbody tr.on td,
.GridType01 .gridBody tbody tr:active td,
.GridType01 .gridBody tbody tr:hover td {
    background-color: #eff7ff
}

.GridType01 .gridBody tbody tr.unread .titleCon .title {
    font-weight: 700
}

.GridType01 .gridBody tbody td {
    font-size: 13px;
    height: 26px;
    padding: 13px 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff
}

.GridType01 .gridBody tbody td.con {
    text-align: left
}

.GridType01 .gridBody tbody td.con em {
    min-width: 25px;
    height: 18px;
    padding: 0 6px;
    margin-right: 5px;
    border-radius: 10px;
    background-color: #ff8787;
    color: #fff;
    text-align: center;
    font-size: 11px
}

.GridType01 .gridBody tbody td.con .text {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.GridType01 .gridBody tbody td.con .file {
    background: url(/modules/barcode/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px 14px;
    padding-left: 13px;
    color: #7b7b7b;
    margin-left: 5px;
    cursor: pointer
}

.GridType01 .gridBody tbody td.con .cmt {
    background: url(/modules/barcode/static/media/ic_comment_s_normal@2x.806422e0.png) no-repeat 0;
    background-size: 14px 14px;
    padding-left: 13px;
    color: #7b7b7b;
    margin-left: 5px
}

.GridType01 .gridBody tbody td .text {
    cursor: pointer
}

.GridType01 .gridBody tbody td .curAuto {
    cursor: auto
}

.GridType01 .gridBody tbody td .titleCon {
    display: flex;
    flex-direction: row;
    min-width: 0;
    padding-right: 5px
}

.GridType01 .gridBody tbody td .titleCon .title {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    line-height: 20px
}

.GridType01 .gridBody tbody .ar {
    text-align: right;
    padding-right: 10px !important
}

.GridType01 .gridBody tbody .al {
    text-align: left;
    padding-left: 10px !important
}

.GridType01 .gridBody tbody .imgCss {
    vertical-align: middle;
    margin-right: 10px;
    width: 18px;
    height: 18px
}

.GridType01 .gridBody tbody .disable {
    color: #a6a6a6
}

.GridType01 .gridBody.line tr td {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.GridType01 .gridBody.line tr td:last-child {
    border-right: none
}

.GridType01 .no_data.small .text {
    padding-top: 85px
}

.GridType01 .ico_cnt {
    margin: 0 0 0 6px;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #7d7d7d;
    cursor: pointer;
    line-height: 20px
}

.GridType01 .ico_cnt:hover {
    text-decoration: underline
}

.GridType01 .ico_cnt.attach {
    background: url(/modules/barcode/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px
}

.GridType01 .ico_cnt.reply {
    background: url(/modules/barcode/static/media/ic_comment_s_normal@2x.806422e0.png) no-repeat 0;
    background-size: 14px
}

.GridType01 .ico_cnt.connect {
    background: url(/modules/barcode/static/media/ic_connect_s_normal@2x.c2866b84.png) no-repeat 0;
    background-size: 14px
}

.GridType01 .ico_new {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: 2px
}

.GridType01 .star {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_favorite_m_off.77a469ff.png) no-repeat 50%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle
}

.GridType01 .star:hover {
    background: url(/modules/barcode/static/media/ic_favorite_m_over.fa0e1ad1.png) no-repeat 50%
}

.GridType01 .star.on {
    background: url(/modules/barcode/static/media/ic_favorite_m_on.74d2d252.png) no-repeat 50%
}

.GridType01 .radiusText {
    font-size: 11px;
    padding: 0 6px 1px;
    border-radius: 9px;
    border: 1px solid #656565;
    text-align: center;
    color: #494949
}

.GridType01 .state.confirm {
    color: #20c997;
    background: url(/modules/barcode/static/media/ico_confirm_03.bdd77602.png) no-repeat 0;
    padding-left: 20px
}

.GridType01 .state.save {
    color: #c8b465;
    background: url(/modules/barcode/static/media/ico_save.2313a3fd.png) no-repeat 0;
    padding-left: 20px
}

.GridTypeBg {
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6;
    box-sizing: border-box
}

.pageContainerFilter {
    margin-bottom: 15px
}

.pageContainerFilter .listFncWrap {
    margin: 0 !important
}

.pageContainerFilter .listFncWrap .line {
    width: 1px;
    height: 15px;
    margin: 6px 9px;
    background-color: #e6e6e6
}

.pageContainerFilter .listFncWrap .leftFnc {
    height: 27px
}

.pageContainerFilter .listFncWrap .leftFnc .allChk {
    margin: 5px 10px 0 0;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 50%;
    cursor: pointer
}

.pageContainerFilter .listFncWrap .leftFnc .allChk.on {
    background: url(/modules/barcode/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat 50%
}

.pageContainerFilter .listFncWrap .rightFnc {
    justify-content: flex-end;
    align-items: center
}

.pageContainerFilter .listFncWrap .rightFnc .alignFilterFnc {
    position: relative;
    margin: 5px 0 0 10px;
    cursor: pointer;
    padding: 0 15px 0 0;
    background: url(/modules/barcode/static/media/ic_arrow_down_02_m_normal@2x.1be67e76.png) no-repeat 100%;
    background-size: 18px
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic {
    top: 28px;
    right: 0
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li {
    font-size: 12px;
    line-height: 27px;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li:hover {
    background-color: #e6f5ff
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span {
    display: block;
    margin: 0 10px 0 0
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span.up {
    display: block;
    background: url(/modules/barcode/static/media/ic_ascending_order_m_normal@2x.70ff8ef9.png) no-repeat 100%;
    background-size: 18px
}

.pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span.down {
    display: block;
    background: url(/modules/barcode/static/media/ic_descending_order_m_normal@2x.063b3cd7.png) no-repeat 100%;
    background-size: 18px
}

.GridType02 {
    position: relative;
    width: 100%;
    border-top: 2px solid #666 !important;
    box-sizing: border-box
}

.GridType02.line {
    border: solid #e6e6e6
}

.GridType02 .gridWrap {
    position: relative;
    background-color: #fff
}

.GridType02 .gridWrap.totalLine {
    border-top: 1px solid #e6e6e6
}

.GridType02 .gridWrap table {
    position: relative;
    border-collapse: separate;
    width: 100%;
    overflow: visible;
    white-space: nowrap
}

.GridType02 .gridWrap table tbody tr {
    background-color: #fff;
    cursor: pointer
}

.GridType02 .gridWrap table tbody tr:last-child {
    border-right: none
}

.GridType02 .gridWrap table tbody tr.on {
    background-color: #e6f5ff
}

.GridType02 .gridWrap table tbody tr.total td,
.GridType02 .gridWrap table tbody tr.total th {
    background-color: #fff1d6 !important
}

.GridType02 .gridWrap table th {
    background-color: #fafafa
}

.GridType02 .gridWrap table td,
.GridType02 .gridWrap table th {
    height: 46px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.GridType02 .gridWrap table td {
    padding: 0 10px
}

.GridType02 .gridWrap table .tBorder {
    border-right: 1px solid #e6e6e6
}

.GridType02 .gridWrap .sot-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.GridType02 .gridWrap .sot-left {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 10
}

.GridType02 .gridWrap .z30 {
    z-index: 30 !important
}

.GridType02 .gridWrap .gridLeft table {
    table-layout: auto
}

.GridType02 .gridWrap .gridLeft table tr:last-child td {
    border-bottom: none
}

.GridType02 .gridWrap .gridRight table {
    table-layout: fixed
}

.GridType02 .gridWrap .gridRight table tr:last-child td {
    border-bottom: none
}

.GridType02 .gridWrap .gridRight table td:last-child,
.GridType02 .gridWrap .gridRight table th:last-child {
    border-right: none
}

.GridType02 .gridWrap .gridNoData {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.GridType02 .n-scroll {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important
}

.GridType02 .n-scroll::-webkit-scrollbar {
    display: none !important
}

.GridType03 [class*=OBTDockPanel_middle] {
    margin-top: 0 !important
}

.GridType03 .titleSearchWrap {
    box-sizing: border-box
}

.GridType03 .titleSearchWrap .titleSearch {
    position: absolute;
    top: -50px;
    left: 0;
    right: 50px;
    height: 49px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    background-color: #fff
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .title {
    font-size: 18px;
    line-height: 49px;
    letter-spacing: -.8px;
    color: #000
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt {
    align-items: center;
    max-width: 420px;
    line-height: 49px;
    margin: 0 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.8px
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt .searchTxt {
    max-width: 150px;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt .searchTxt span {
    color: #1c90fb
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn {
    margin: 18px 0 0;
    width: 14px;
    height: 14px;
    background: url(/modules/barcode/static/media/ic_refresh_s_normal@2x.b8973f45.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.GridType03 .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn:hover {
    background: url(/modules/barcode/static/media/ic_refresh_s_over@2x.ebeeabc3.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit {
    margin: 11px 0;
    justify-content: flex-end
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit:after {
    content: "";
    display: block;
    clear: both;
    background: #e6e6e6;
    width: 1px;
    height: 16px;
    right: 0;
    top: 18px;
    position: absolute
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox {
    position: relative
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchInput > div > div {
    padding: 3px 30px 3px 6px !important
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn {
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn:hover {
    background: url(/modules/barcode/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn.disabled {
    background: url(/modules/barcode/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat 50%
}

.GridType03 .titleSearchWrap .searchDetail {
    position: relative;
    padding: 20px 70px 20px 20px;
    border-bottom: 1px solid #e6e6e6
}

.GridType03 .titleSearchWrap .searchDetail .row {
    margin: 0 0 5px;
    height: 27px
}

.GridType03 .titleSearchWrap .searchDetail .row:last-child {
    margin: 0
}

.GridType03 .titleSearchWrap .searchDetail .row dl {
    padding: 0 20px 0 0
}

.GridType03 .titleSearchWrap .searchDetail .row dl dt {
    min-width: 80px;
    text-align: right;
    margin: 0 10px 0 0;
    line-height: 27px
}

.GridType03 .titleSearchWrap .searchDetail .row dl dd .fullPicker > div {
    width: 100% !important
}

.GridType03 .titleSearchWrap .searchDetail .searchBtn {
    position: absolute;
    top: 20px;
    right: 20px
}

.GridType03 .listFncWrap {
    margin: 0 !important;
    padding: 13px 20px 12px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.GridType03 .listFncWrap .leftFnc {
    height: 27px
}

.GridType03 .listFncWrap .leftFnc .allChk {
    margin: 5px 10px 0 0;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 50%;
    cursor: pointer
}

.GridType03 .listFncWrap .leftFnc .allChk.on {
    background: url(/modules/barcode/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc {
    height: 27px;
    justify-content: flex-end
}

.GridType03 .listFncWrap .rightFnc .alignFilterFnc {
    position: relative;
    margin: 4px 0 0 10px;
    cursor: pointer;
    padding: 0;
    background: none
}

.GridType03 .listFncWrap .rightFnc .alignFilterFnc .txt {
    font-size: 12px;
    line-height: 18px;
    color: #000
}

.GridType03 .listFncWrap .rightFnc .alignFilterFnc .arrow {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_arrow_down_02_m_normal@2x.1be67e76.png) no-repeat 50%;
    background-size: 18px
}

.GridType03 .listFncWrap .rightFnc .alignFilterFnc .alignFilterTypeBox {
    top: 23px;
    right: 0
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox {
    position: absolute;
    width: 160px;
    height: auto;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    background: #fff;
    z-index: 1
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dt {
    font-weight: 700;
    padding: 0 0 0 10px
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd,
.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dt {
    font-size: 12px;
    line-height: 21px;
    border-bottom: 1px solid #f0f0f0
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li {
    font-size: 12px;
    line-height: 27px;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li:hover {
    background-color: #e6f5ff
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span {
    display: block;
    margin: 0 10px 0 0
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span.up {
    display: block;
    background: url(/modules/barcode/static/media/ic_ascending_order_m_normal@2x.70ff8ef9.png) no-repeat 100%;
    background-size: 18px
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span.down {
    display: block;
    background: url(/modules/barcode/static/media/ic_descending_order_m_normal@2x.063b3cd7.png) no-repeat 100%;
    background-size: 18px
}

.GridType03 .listFncWrap .rightFnc .gridViewType {
    margin: 0 0 0 10px
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul {
    overflow: hidden
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li {
    width: 26px;
    height: 25px;
    border: 1px solid #a6a6a6;
    transition: .3s;
    background-image: linear-gradient(0deg, #f0f0f0, #fff)
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li:first-child {
    border-width: 1px;
    border-right-color: transparent;
    border-radius: 2px 0 0 2px
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li:last-child {
    border-width: 1px;
    border-left-color: transparent;
    border-radius: 0 2px 2px 0
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li span.listBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li span.thumbnailBtn {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.on {
    border: 1px solid #1c90fb;
    background-image: linear-gradient(0deg, #a0d6fe, #e6f5ff)
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.on span.listBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.on span.thumbnailBtn {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.listBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_disable.7623be08.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.thumbnailBtn {
    background: url(/modules/barcode/static/media/ic_view_thumbnail_02_m_disable.e63b3b12.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .line {
    width: 1px;
    height: 15px;
    margin: 6px 4px;
    background-color: #e6e6e6
}

.GridType03 .GridType03ListView {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

.GridType03 .GridType03ListView .tableGroup {
    position: relative
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader {
    border-radius: 4px;
    background-color: #f2f6f8
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr {
    position: relative;
    margin: 0 0 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #8c8c8c;
    letter-spacing: -.6px;
    text-align: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr:last-child {
    margin: 0 20px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr.cen {
    justify-content: center;
    align-items: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .trLink {
    cursor: pointer
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .trLink .arrDown {
    width: 18px;
    height: 30px;
    background: url(/modules/barcode/static/media/ic_arrow_down_02_m_normal@2x.1be67e76.png) no-repeat 50%;
    background-size: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox {
    position: absolute;
    min-width: 100px;
    height: auto;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    background: #fff;
    z-index: 1
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li {
    font-size: 12px;
    line-height: 27px;
    text-align: left;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li:hover {
    background-color: #e6f5ff
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat left 6px center;
    background-size: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span {
    display: block;
    margin: 0 10px 0 0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span.up {
    display: block;
    background: url(/modules/barcode/static/media/ic_ascending_order_m_normal@2x.70ff8ef9.png) no-repeat 100%;
    background-size: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span.down {
    display: block;
    background: url(/modules/barcode/static/media/ic_descending_order_m_normal@2x.063b3cd7.png) no-repeat 100%;
    background-size: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody {
    margin: 10px 0 0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li {
    position: relative;
    margin: 6px 0 0;
    height: 54px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li:first-child {
    margin: 0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.unread .td .titDiv .title {
    font-weight: 700
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li:hover {
    border: 1px solid #1c90fb;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li:hover .hoverBtn {
    display: flex;
    justify-content: center;
    align-items: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.on,
.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li:active {
    border: 1px solid #1c90fb;
    background-color: #f3f9ff
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.on:hover .hoverBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, rgba(243, 249, 255, .8), #f3f9ff)
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.delLine {
    text-decoration: none !important;
    background-color: #f5f5f5
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.delLine .td * {
    color: #8c8c8c !important
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.delLine .td * [class*=OBTTooltip_contents] {
    color: #000 !important
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li.delLine .processType07 * {
    color: #f8a457 !important
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td {
    margin: 0 0 0 20px;
    box-sizing: border-box
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td:last-child {
    margin: 0 20px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td.cen {
    justify-content: center;
    align-items: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td.le {
    justify-content: center;
    align-items: flex-start
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td.le.v-box {
    justify-content: center;
    align-items: unset
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td.ri {
    justify-content: center;
    align-items: flex-end
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td.ri.v-box {
    justify-content: center;
    align-items: unset
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .listChk {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 50%;
    cursor: pointer
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .listChk.on {
    background: url(/modules/barcode/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat 50%
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .dateText,
.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .tdText {
    font-size: 13px;
    line-height: 52px;
    letter-spacing: -.33px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv {
    margin: 7px 0 0;
    max-width: 100%;
    height: 20px;
    align-items: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_red {
    min-width: 34px;
    font-size: 11px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    margin: 2px 4px 0 0;
    border-radius: 10px;
    vertical-align: top;
    background-color: #ff8787
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_orange {
    min-width: 34px;
    font-size: 11px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    margin: 2px 4px 0 0;
    border-radius: 10px;
    vertical-align: top;
    background-color: #ffa94d
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_img {
    width: 16px;
    height: 16px;
    margin: 2px 4px 0 0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.security {
    background: url(/modules/barcode/static/media/ic_security_s@2x.6afe2d6b.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.emergency {
    background: url(/modules/barcode/static/media/ic_emergency_s@2x.6881cb00.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.sign {
    background: url(/modules/barcode/static/media/ic_sign_sub_s_normal@2x.6a95c92a.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.inspection {
    background: url(/modules/barcode/static/media/ic_inspection_s@2x.61ba98f2.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.draft {
    background: url(/modules/barcode/static/media/ic_draft_all_s_normal@2x.fe85c0f5.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.time {
    background: url(/modules/barcode/static/media/ic_time_s@2x.309c453f.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.department {
    background: url(/modules/barcode/static/media/ic_department_s@2x.314e1bd9.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.docuReceive {
    background: url(/modules/barcode/static/media/ic_docu_receive_s@2x.a06346c0.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.docuSend {
    background: url(/modules/barcode/static/media/ic_docu_send_s@2x.b6926a25.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.receiveSend {
    background: url(/modules/barcode/static/media/ic_receive_send_s@2x.d55de809.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.resend {
    background: url(/modules/barcode/static/media/ic_resend_s@2x.b0c7d769.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.instead {
    background: url(/modules/barcode/static/media/ic_approval_instead_s@2x.ae846606.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .title {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.33px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_cnt {
    margin: 0 0 0 6px;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #7d7d7d
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_cnt:hover {
    text-decoration: underline
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_cnt.attach {
    background: url(/modules/barcode/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_cnt.reply {
    background: url(/modules/barcode/static/media/ic_comment_s_normal@2x.806422e0.png) no-repeat 0;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .infoDiv {
    margin: 2px 0 0;
    height: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .infoDiv .infoLink:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #8c8c8c;
    text-decoration-color: #8c8c8c
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .infoDiv .txt {
    font-size: 11px;
    line-height: 18px;
    color: #8c8c8c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .infoDiv .line {
    width: 1px;
    height: 8px;
    margin: 5px 4px;
    background-color: #e6e6e6
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .picDiv {
    width: 24px;
    height: 24px;
    margin: 14px 6px 14px 0;
    border-radius: 24px;
    overflow: hidden
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .picDiv img {
    width: 100%;
    min-height: 24px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .nameDiv {
    margin: 7px 0 0;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.33px;
    color: #000
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process {
    min-height: 18px;
    align-items: center
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process img {
    width: 16px;
    height: 16px;
    margin: 1px 4px 0 0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process span {
    font-size: 12px;
    line-height: 18px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType01 {
    color: #9da3aa
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType02 {
    color: #f0c325
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType03 {
    color: #46a3f0
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType04 {
    color: #919191
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType05 {
    color: #20c997
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType06 {
    color: #ff8787
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process.processType07 {
    color: #f8a457
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .process .ellipsis2 {
    max-height: 36px;
    line-height: 18px;
    white-space: normal
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .hoverBtn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px 0 10px;
    border-radius: 4px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .8), #fff)
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .hoverBtn .btn {
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .hoverBtn .btn img {
    vertical-align: unset
}

.GridType03 .GridType03ListView .tableGroup .checkBox svg {
    left: 4px !important;
    background-color: #fff
}

.GridType03 .GridType03ThumbNailView {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.GridType04 {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 100%
}

.GridType04 .tableGroup {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.GridType04 .tableGroup .flexTableWrap .tableHeader .tr {
    height: 32px;
    border-color: #666 transparent #e6e6e6;
    border-style: solid;
    border-width: 2px 1px 1px;
    background-color: #fafafa
}

.GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th {
    position: relative;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.6px;
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

.GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th:first-child {
    border-left: none
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr {
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6;
    background-color: #fff
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr:hover {
    border: 1px solid #1c90fb;
    background-color: #eff7ff
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr:hover .hoverWrap {
    display: flex;
    justify-content: flex-end
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr.on {
    background-color: #eff7ff
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr.on:hover {
    border: 1px solid #1c90fb;
    background-color: #eff7ff
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr.on:hover .hoverWrap {
    display: flex;
    justify-content: flex-end
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td {
    position: relative;
    min-height: 42px;
    padding: 2px 10px;
    font-size: 12px;
    letter-spacing: -.6px;
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td:first-child {
    border-left: none
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.cen {
    justify-content: center;
    align-items: center
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.le {
    justify-content: center;
    align-items: flex-start
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.ri {
    justify-content: center;
    align-items: flex-end
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem {
    width: 100%
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem:hover .dragHandler {
    display: block
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem .dragHandler {
    display: none;
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 27px;
    background: url(/modules/barcode/static/media/ico_movebar.47d770f8.png) no-repeat 50%;
    cursor: ns-resize;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .toggleSwitch {
    margin: 0;
    padding: 0;
    width: 38px;
    height: 16px;
    cursor: pointer;
    transition: .3s
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .toggleSwitch.on {
    background: url(/modules/barcode/static/media/btn_toggle_on.73644f7a.png) no-repeat 50%;
    background-size: 38px 16px
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .toggleSwitch.off {
    background: url(/modules/barcode/static/media/btn_toggle_off.239e8ce2.png) no-repeat 50%;
    background-size: 38px 16px
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn {
    height: 100%;
    padding: 0 20px 0 10px;
    align-items: center;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .8), #fff)
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn .btn {
    width: 18px;
    height: 18px;
    margin: 0 0 0 10px;
    cursor: pointer
}

.GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn .btn img {
    vertical-align: unset
}

.gridTableBasic table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed
}

.gridTableBasic .gridTableBasicH thead {
    height: 32px;
    background-color: #fafafa;
    border-top: 2px solid #666
}

.gridTableBasic .gridTableBasicH thead th {
    border: solid #e6e6e6;
    border-width: 0 1px 1px 0;
    text-align: center;
    letter-spacing: -.6px;
    font-weight: 700
}

.gridTableBasic .gridTableBasicH thead th:last-child {
    border-right: none
}

.gridTableBasic .gridTableBasicB tbody td {
    height: 32px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center
}

.gridTableBasic .gridTableBasicB tbody td.con {
    text-align: left
}

.gridTableBasic .gridTableBasicB tbody td.con em {
    min-width: 25px;
    height: 18px;
    padding: 0 6px;
    margin-right: 5px;
    border-radius: 10px;
    background-color: #ff8787;
    color: #fff;
    text-align: center;
    font-size: 11px
}

.gridTableBasic .gridTableBasicB tbody td.con .text {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.gridTableBasic .gridTableBasicB tbody td.con .file {
    background: url(/modules/barcode/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 0;
    background-size: 14px 14px;
    padding-left: 13px;
    color: #7b7b7b;
    margin-left: 5px;
    cursor: pointer
}

.gridTableBorder {
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6
}

.PubGridPaging {
    padding-top: 20px;
    position: relative
}

.PubGridPaging .paging {
    line-height: 0;
    justify-content: center
}

.PubGridPaging .paging button {
    position: relative;
    width: 21px;
    height: 21px;
    background-color: transparent;
    border: none;
    border-color: initial;
    -o-border-image: none;
    border-image: none;
    -o-border-image: initial;
    border-image: initial;
    outline: none
}

.PubGridPaging .paging button.first,
.PubGridPaging .paging button.prev {
    margin-right: 3px
}

.PubGridPaging .paging button.last,
.PubGridPaging .paging button.next {
    margin-left: 3px
}

.PubGridPaging .paging button.num {
    width: 21px;
    height: 21px;
    padding: 0 3px;
    font-size: 12px;
    font-family: 돋움, Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    vertical-align: top;
    color: #4a4a4a;
    border-radius: 0;
    border: none;
    outline: none;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer
}

.PubGridPaging .paging button.num.on {
    color: #1c90fb
}

.PubGridPaging .paging button.num.on01,
.PubGridPaging .paging button.num:hover {
    color: #1c90fb;
    border: 1px solid #1c90fb;
    background: #e9f5ff
}

.PubGridPaging .paging [class*=OBTDropDownList_default] {
    margin: 0 0 0 5px
}

.PubGridPaging .paging [class*=OBTDropDownList_default] div div > span:first-child {
    display: block;
    overflow: hidden;
    height: 19px !important;
    padding: 0 24px 0 7px !important;
    border: 1px solid #dbdbdb;
    background: #fff;
    line-height: 19px !important
}

.PubGridPaging .paging [class*=OBTDropDownList_default] div div > button {
    margin-top: -12px !important;
    height: 21px !important
}

.PubGridPaging .pagingBox {
    position: absolute;
    right: 0;
    line-height: 18px;
    color: #8c8c8c;
    max-width: 150px;
    text-align: right
}

.PubGridPaging .pagingBox .page_info > span {
    display: inline-block
}

.PubGridPaging .pagingBox .page_info > span.fwb {
    font-weight: 700;
    color: #000
}

.AmaLink {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

.AmaLink > div:first-child {
    display: flex;
    flex-direction: column;
    flex: 1 1
}

.AmaLink .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.8px
}

.AmaLink .profile {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border-radius: 50px;
    cursor: pointer
}

.AmaLink .userBox {
    align-items: center;
    margin-top: 10px;
    font-size: 13px
}

.AmaLink .userBox .people {
    min-width: 50px;
    margin-right: 20px;
    color: #000
}

.AmaLink .userBox .user {
    margin-right: 5px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #8c8c8c;
    cursor: pointer
}

.AmaLink .userBox .time {
    color: #8c8c8c
}

.AmaLink .userBox .btn {
    margin-left: 15px
}

.AmaLink .amaConBox {
    height: 100%;
    margin-top: 15px;
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    word-break: break-all
}

.AmaLink .amaConBox .con {
    height: 100%;
    font-size: 13px;
    color: #000
}

.AmaLink .amaConBox .con .msg {
    align-items: center;
    cursor: pointer
}

.AmaLink .amaConBox .con .msg img {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.AmaLink .amaConBox .con .msg em {
    color: #1c90fb;
    background-color: #eff7ff;
    text-decoration: underline
}

.AmaLink .userlist {
    position: absolute;
    top: 109px;
    right: 23px;
    width: 180px;
    padding: 7px 0;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    box-sizing: border-box
}

.AmaLink .userlist .userInfo {
    align-items: center;
    padding: 6px 11px
}

.AmaLink .userlist .userInfo .name {
    max-width: 110px;
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: -.33px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer
}

.AmaLink .userlist .userInfo .time {
    font-size: 11px;
    color: #8c8c8c
}

.AmaLink.secuMess {
    text-align: center;
    align-items: center
}

.AmaLink.secuMess .securityBg {
    width: 142px;
    height: 142px;
    margin-top: 90px;
    background: url(/modules/barcode/static/media/img_security_message@2x.a5452693.png) no-repeat 50%;
    background-size: 142px
}

.AmaLink.secuMess strong {
    margin-top: 22px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.5px
}

.AmaLink.secuMess p {
    margin-top: 10px;
    font-size: 15px
}

.AmaLink.secuMess .pwBox {
    align-items: center;
    justify-content: center;
    width: 396px;
    height: 55px;
    margin-top: 20px;
    border: 1px solid #e6e6e6
}

.wehagoLoginWrap {
    word-break: break-all
}

.wehagoLoginWrap [class*=banner-wehago] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 33px;
    border: 1px solid #e2eaf8;
    border-radius: 4px;
    background-image: linear-gradient(90deg, #f2f6ff 2%, #e5eeff 97%);
    box-sizing: border-box
}

.wehagoLoginWrap [class*=banner-wehago] > div {
    align-self: center
}

.wehagoLoginWrap [class*=banner-wehago] > div:first-child {
    display: inline-flex;
    align-items: center;
    flex: 1 1;
    padding-right: 30px;
    font-size: 13px;
    color: #5c7198;
    letter-spacing: -.65px
}

.wehagoLoginWrap [class*=banner-wehago] > div:last-child button {
    height: 30px;
    padding: 0 17px;
    border: none;
    border-radius: 15px;
    background: hsla(0, 0%, 100%, .8) !important;
    box-shadow: 0 3px 6px 0 rgba(48, 103, 193, .2)
}

.wehagoLoginWrap [class*=banner-wehago] > div:last-child button:hover {
    border: none !important
}

.wehagoLoginWrap [class*=banner-wehago] > div:last-child button span {
    font-size: 11px !important;
    font-weight: 700
}

.wehagoLoginWrap [class*=banner-wehago] > div:last-child button span:after {
    content: "";
    display: inline-block;
    margin-left: 11px;
    border: 4px solid transparent;
    border-right: none;
    border-left: 4px solid #62666c
}

.wehagoLoginWrap .banner-wehago {
    height: 50px;
    padding-left: 249px;
    padding-right: 32px;
    background-image: url(/modules/barcode/static/media/img_wehago_login_left.c94eebb5.png), url(/modules/barcode/static/media/img_wehago_login_right.25c9213a.png), linear-gradient(90deg, #e4f4ff, #e6f6ff 64%, #ebf9ff);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

.wehagoLoginWrap .banner-wehago > div:first-child {
    padding-right: 0;
    width: calc(100% - 249px)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div {
    font-size: 13px;
    color: #0c2b65;
    font-weight: 700;
    letter-spacing: -.65px
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont {
    width: calc(100% - 102px);
    text-align: right
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div {
    display: inline-block;
    margin: 0 20px;
    max-width: calc(33.33333% - 41px);
    vertical-align: top
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div > div {
    vertical-align: top
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:first-child:only-child,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2):only-child,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3):only-child,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*=ico]:only-child {
    max-width: calc(100% - 41px)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:first-child:before,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2):before,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3):before,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*=ico]:before {
    content: "";
    margin-right: 8px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: rgba(163, 211, 255, .9);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:first-child [data-orbit-component=OBTTooltip],
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2) [data-orbit-component=OBTTooltip],
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3) [data-orbit-component=OBTTooltip],
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*=ico] [data-orbit-component=OBTTooltip] {
    overflow: hidden;
    width: auto;
    max-width: calc(100% - 34px);
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 25px;
    text-align: left
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:first-child em,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2) em,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3) em,
.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*=ico] em {
    margin-left: 2px;
    font-size: 12px;
    color: #5c7198;
    letter-spacing: -.6px;
    font-weight: 400
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-comp:before {
    background-image: url(/modules/barcode/static/media/ic_comp02_white_m_normal.6c91fa32.png)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-comp [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 59px)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point:before {
    background-image: url(/modules/barcode/static/media/ic_point_white_m_normal.697b0d90.png)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 91px)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point [data-orbit-component=OBTTooltip] > strong {
    padding-right: 2px
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point > em {
    display: inline-block;
    width: 32px;
    margin-left: 0
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-user:before {
    background-image: url(/modules/barcode/static/media/ic_user_white_m_normal.162e080e.png)
}

.wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-user [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 34px)
}

.wehagoLoginWrap .banner-wehago > div:last-child {
    display: flex;
    align-items: center
}

.wehagoLoginWrap .banner-wehago > div:last-child p {
    margin-right: 16px;
    font-size: 13px;
    color: #5c7198;
    letter-spacing: -.65px
}

.wehagoLoginWrap .banner-wehago > div:last-child button span {
    display: flex;
    align-items: center
}

.wehagoLoginWrap .banner-wehago > div:last-child button span:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url(/modules/barcode/static/media/ic_onoff_s_normal.496d6a78.png) no-repeat 0 0
}

.wehagoLoginWrap .banner-wehago > div:last-child button span:after {
    display: none
}

.wehagoLoginWrap .banner-wehago > div:last-child button:hover span {
    color: #1c90fb
}

.wehagoLoginWrap .banner-wehago > div:last-child button:hover span:before {
    background-image: url(/modules/barcode/static/media/ic_onoff_s_over.bd867500.png)
}

.wehagoLoginWrap .banner-floating {
    display: inline-block
}

.wehagoLoginWrap .banner-floating > .floating-panel {
    margin-top: 5px;
    padding: 10px 12px 6px;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    background: #fff
}

.wehagoLoginWrap .banner-floating > .floating-panel:after,
.wehagoLoginWrap .banner-floating > .floating-panel:before {
    position: absolute;
    left: 50%;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 7px;
    margin-left: -5px
}

.wehagoLoginWrap .banner-floating > .floating-panel:before {
    top: -12px;
    border-color: transparent transparent #777
}

.wehagoLoginWrap .banner-floating > .floating-panel:after {
    top: -11px;
    border-color: transparent transparent #fff
}

.wehagoLoginWrap .banner-floating > .floating-panel > div > div:first-child {
    position: relative !important;
    overflow-x: hidden !important;
    max-height: 220px;
    margin-bottom: 0 !important
}

.wehagoLoginWrap .banner-floating > .floating-panel > div > div:first-child + div {
    display: none
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 {
    padding-bottom: 4px
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div {
    text-align: left
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span {
    min-width: 170px;
    margin-bottom: 4px !important;
    padding: 9px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span:last-child {
    margin-bottom: 0 !important
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span.on,
.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span:hover {
    border: 1px solid #1c90fb;
    background: #eff7ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span input ~ span,
.wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span input ~ svg {
    left: 12px !important
}

.wehagoLoginPopup p {
    font-size: 15px;
    line-height: 1.5
}

.wehagoLoginPopup .heading {
    min-height: 180px;
    padding: 43px 30px;
    box-sizing: border-box
}

.wehagoLoginPopup .heading > strong {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1.2px
}

.wehagoLoginPopup .heading.t1,
.wehagoLoginPopup .heading.t2,
.wehagoLoginPopup .heading.t3 {
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.wehagoLoginPopup .heading.t1 {
    background-image: url(/modules/barcode/static/media/img_wehago_login.7c405afc.png), linear-gradient(90deg, #eff8fe 100%, #d9f0ff 0)
}

.wehagoLoginPopup .heading.t2 {
    background-image: url(/modules/barcode/static/media/img_taxinvoice.79244d95.png), linear-gradient(90deg, #eff8fe 100%, #d9f0ff 0)
}

.wehagoLoginPopup .heading.t3 {
    background-image: url(/modules/barcode/static/media/img_buliding.426b4209.png), linear-gradient(90deg, #eff8fe 100%, #d9f0ff 0)
}

.wehagoLoginPopup .content {
    padding: 20px 30px 30px;
    text-align: center
}

.wehagoLoginPopup .content > p + [class*=choice] {
    margin-top: 12px
}

.wehagoLoginPopup .content .btn button {
    margin-top: 20px;
    padding: 0 16px;
    height: 32px;
    font-size: 15px;
    color: #fff;
    background-image: linear-gradient(0deg, #1c90fb, #5eb5fd);
    border-radius: 2px;
    border: 1px solid #1c90fb;
    outline: none
}

.wehagoLoginPopup .content .btn button:hover {
    border: 1px solid #136ad5;
    background-image: linear-gradient(0deg, #3280e0, #3ba1ff)
}

.wehagoLoginPopup .content .btn button:active {
    background-color: #1c90fb;
    background-image: linear-gradient(180deg, #3280e0, #3ba1ff)
}

.wehagoLoginPopup .choice {
    padding: 19px 20px;
    background: #f5f7f9;
    border-radius: 10px
}

.wehagoLoginPopup .choice input {
    position: absolute;
    top: -100px;
    left: -100px
}

.wehagoLoginPopup .choice input + label {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-right: 30px;
    line-height: 20px;
    letter-spacing: -.3px
}

.wehagoLoginPopup .choice input + label:after,
.wehagoLoginPopup .choice input + label:before {
    content: "";
    position: absolute;
    display: inline-block;
    box-sizing: border-box
}

.wehagoLoginPopup .choice input + label:before {
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #a6a6a6;
    background-color: #fff
}

.wehagoLoginPopup .choice input + label:after {
    top: 7px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff
}

.wehagoLoginPopup .choice input:checked + label:before {
    border: 1px solid #1e91fb
}

.wehagoLoginPopup .choice input:checked + label:after {
    background-color: #1e91fb
}

.UBAP048 .GridType01 .gridHeader th {
    height: 33px;
    padding: 0;
    box-sizing: border-box
}

.UBAP048 .GridType01 .gridBody td {
    height: 33px;
    padding: 0 5px;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UBAP048 .GridType01 .gridBody td:last-child {
    border-right: none
}

.UBAP048 .btnBox {
    width: 47px;
    justify-content: center;
    align-items: center;
    padding-top: 37px
}

.UAAP020 .right_div [data-orbit-component=OBTRadioButtonGroup] > div > span:last-child {
    margin-right: 0 !important
}

.UAAP020 .pubAvbStyle [class*=OBTConditionItem_label] {
    min-width: 45px
}

.UAAP020 .pubAvbStyle .ml60 {
    margin-left: 60px
}

.UAAP020 .gridBody .arrowBtn {
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.UAAP020 .gridBody .arrowBtn .down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UAAP020 .gridBody .arrowBtn .down:hover {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat 50%
}

.UAAP020 .gridBody .arrowBtn .up {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UAAP020 .gridBody .arrowBtn .up:hover {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_over.248d893e.png) no-repeat 50%
}

.UAAP020 .gridBody em {
    color: #1c90fb
}

.LottieImage .lottieLoading {
    padding: 0 0 20px;
    text-align: center
}

.LottieImage .lottieLoading.border {
    border: 1px solid #e6e6e6
}

.LottieImage .lottieLoading .title {
    font-size: 16px;
    font-weight: 700
}

.LottieImage .lottieLoading .text {
    margin-top: 4px;
    font-size: 12px;
    color: #8c8c8c
}

.LottieImage .box {
    margin-left: 20px;
    padding: 20px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.LottieImage .box .boxTit {
    font-weight: 700;
    margin-bottom: 10px
}

.LottieImage .box pre {
    width: 100%;
    background-color: #eee
}

.filterWrap {
    position: relative
}

.filterWrap .filterBtn01 {
    background: url(/modules/barcode/static/media/ic_arrow_down_02_s_normal@2x.e77da496.png) no-repeat 100%;
    background-size: 14px;
    padding-right: 15px;
    cursor: pointer
}

.filterWrap .filterBtn01:hover {
    background: url(/modules/barcode/static/media/ic_arrow_down_02_s_over@2x.ddc9292b.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn01.on {
    background: url(/modules/barcode/static/media/ic_arrow_up_02_s_normal@2x.83a56a3a.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn01.on:hover {
    background: url(/modules/barcode/static/media/ic_arrow_up_02_s_over@2x.2ad3a281.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn02 {
    background: url(/modules/barcode/static/media/btn_arrow_down_normal.1ed5bddd.png) no-repeat 100%;
    background-size: 12px;
    padding-right: 15px;
    cursor: pointer
}

.filterWrap .filterBtn02:hover {
    background: url(/modules/barcode/static/media/btn_arrow_down_hover.d41b7812.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn02.on {
    background: url(/modules/barcode/static/media/btn_arrow_up_normal.5eacb2f3.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn02.on:hover {
    background: url(/modules/barcode/static/media/btn_arrow_up_hover.d2f29140.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn02.disabled {
    cursor: not-allowed;
    color: #8d8d8d
}

.filterWrap .filterBtn02.disabled,
.filterWrap .filterBtn02.disabled:hover {
    background: url(/modules/barcode/static/media/btn_arrow_down_disable.b4e1f27b.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap dl dt {
    padding: 0 0 1px 10px;
    font-weight: 700;
    font-size: 12px
}

.filterWrap dl dd,
.filterWrap dl dt {
    border-bottom: 1px solid #f0f0f0
}

.filterWrap dl dd:last-child {
    border-bottom: none
}

.filterWrap ul li {
    font-size: 12px;
    padding: 0 0 0 22px;
    line-height: 27px;
    box-sizing: border-box;
    cursor: pointer
}

.filterWrap ul li:hover {
    background-color: #e6f5ff
}

.filterWrap ul li:hover span.up {
    background: url(/modules/barcode/static/media/ic_ascending_order_m_over@2x.2b8ebdd4.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li:hover span.down {
    background: url(/modules/barcode/static/media/ic_descending_order_m_over@2x.1140e998.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li.chk {
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_s_over@2x.c0827be0.png) no-repeat 5px 5px;
    background-size: 14px
}

.filterWrap ul li.chk:hover {
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_s_over@2x.c0827be0.png) no-repeat 5px 5px;
    background-size: 14px
}

.filterWrap ul li.normal {
    color: #000;
    padding-left: 10px
}

.filterWrap ul li.normal.normalOn,
.filterWrap ul li.normal:hover {
    color: #1c90fb
}

.filterWrap ul li span {
    display: block;
    padding-right: 20px;
    margin-right: 10px;
    line-height: 24px;
    white-space: nowrap
}

.filterWrap ul li span.up {
    background: url(/modules/barcode/static/media/ic_ascending_order_m_normal@2x.70ff8ef9.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li span.down {
    background: url(/modules/barcode/static/media/ic_descending_order_m_normal@2x.063b3cd7.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li span.imc {
    display: inline-block;
    padding-right: 0;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e6e6e6
}

.filterWrap ul li span.imc.basic,
.filterWrap ul li span.imc.uc {
    background-color: #1c90fb
}

.filterWrap ul li span.imc.user {
    background-color: #67ccb5
}

.filterWrap ul li span.imc.erp {
    background-color: #20c997
}

.filterWrap ul li span.imc.erp2 {
    background-color: #f48da5
}

.filterWrap .filterFn {
    min-width: 150px;
    margin: 5px;
    padding: 5px 0 1px 5px;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box
}

.filterWrap .filterFn .btnRefresh {
    font-size: 11px;
    color: #7c7c7c;
    padding: 0 0 0 18px;
    background: url(/modules/barcode/static/media/ic_reset_s_normal.7c5cce2e.png) no-repeat left top 2px;
    cursor: pointer
}

.filterWrap .filterList01 {
    min-width: 100px;
    height: auto;
    border: 1px solid #a6a6a6;
    z-index: 10
}

.filterWrap .filterList01,
.filterWrap .filterList02 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    box-sizing: border-box
}

.filterWrap .filterList02 {
    min-width: 168px;
    border: 1px solid #ccc;
    border-radius: 2px;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1) 0ms, opacity .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    -webkit-tap-highlight-color: #000;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    max-height: 841px;
    overflow-y: auto;
    z-index: 11
}

.filterWrap .filterList02.listOn {
    opacity: 1;
    transform: scaleY(1)
}

.filterWrap .filterList02 dt {
    font-weight: 700;
    padding: 0 0 0 10px
}

.filterWrap .filterList02 dd,
.filterWrap .filterList02 dt {
    font-size: 12px;
    line-height: 21px
}

.agreePop .header {
    text-align: center;
    margin: 20px 0
}

.agreePop .header h1 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 5px;
    letter-spacing: -.9px
}

.agreePop .header .sText {
    color: #a6a6a6
}

.agreePop .wrap-content .total {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 14px
}

.agreePop .wrap-content .conBox {
    padding: 20px;
    background-color: #f9fafc
}

.agreePop .wrap-content .conBox .tabBox {
    padding: 13px 20px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-bottom: 8px
}

.agreePop .wrap-content .conBox .tabBox:last-child {
    margin-bottom: 0
}

.agreePop .detailBox {
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    padding: 30px 0 0 30px
}

.agreePop .detailBox .detailCon {
    padding-right: 30px
}

.agreePop .detailBox .detailCon .line {
    padding: 0 0 20px;
    border-bottom: 1px solid #e6e6e6
}

.agreePop .detailBox .detailCon dl {
    padding-top: 20px
}

.agreePop .detailBox .detailCon dl:last-child {
    padding-bottom: 30px
}

.agreePop .detailBox .detailCon dl dt {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.35px;
    padding: 0 0 5px
}

.agreePop .detailBox .detailCon dl dd {
    color: #4a4a4a;
    line-height: 18px;
    padding-left: 11px
}

.agreePop .detailBox .detailCon dl dd em {
    color: #1c90fb;
    font-weight: 700
}

.msgSend .receive_tit {
    width: 85px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 12px;
    font-weight: 700
}

.msgSend .btnImg {
    margin: 16px 0 0 4px !important
}

.msgSend .textBox textarea {
    padding: 10px !important
}

.UAAP018 .fileBox {
    padding: 0 10px;
    height: 42px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 12px;
    color: #000
}

.UAAP018 .fileBox .name {
    padding: 0 0 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UAAP018 .fileBox .ext,
.UAAP018 .fileBox .volume {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.UAAP018 .fileBox .volume {
    padding: 0 0 0 5px
}

.UAAP018 .fileTooltipFix {
    max-width: 500px
}

.UAAP018 .fileHistory {
    margin: 10px 0 0;
    border-color: #666 transparent #a6a6a6;
    border-style: solid;
    border-width: 2px 0 1px
}

.UAAP018 .fileHistory ul li {
    padding: 0 20px;
    height: 54px;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UAAP018 .fileHistory ul li:first-child {
    border: none
}

.UAAP018 .fileHistory ul li .ico {
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px
}

.UAAP018 .fileHistory ul li .ico.preview {
    background: url(/modules/barcode/static/media/ic_notice_preview@2x.f01bd5f2.png) no-repeat 50%;
    background-size: 28px
}

.UAAP018 .fileHistory ul li .ico.download {
    background: url(/modules/barcode/static/media/ic_notice_download@2x.e5881e9a.png) no-repeat 50%;
    background-size: 28px
}

.UAAP018 .fileHistory ul li .ico.onechamber {
    background: url(/modules/barcode/static/media/ic_notice_onechamber@2x.53696c18.png) no-repeat 50%;
    background-size: 28px
}

.UAAP018 .fileHistory ul li .name {
    margin: 0 0 0 10px;
    min-width: 35px;
    max-width: 35px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: -.65px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.UAAP018 .fileHistory ul li .line {
    margin: 0 8px;
    width: 1px;
    height: 10px;
    background-color: #e6e6e6
}

.UAAP018 .fileHistory ul li .text {
    font-size: 13px;
    letter-spacing: -.65px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UAAP018 .fileHistory ul li .date {
    margin: 0 0 0 10px;
    font-size: 12px;
    color: #a6a6a6
}

.UAAP018 .fileHistory ul li .webIco {
    margin: 0 0 0 10px;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    background: url(/modules/barcode/static/media/ic_web_s_normal@2x.2e63f7be.png) no-repeat 50%;
    background-size: 14px
}

.UAAP018 .fileHistory ul li .mobileIco {
    margin: 0 0 0 10px;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    background: url(/modules/barcode/static/media/ic_mobile_s_normal@2x.2ee7ce2a.png) no-repeat 50%;
    background-size: 14px
}

.inlineFlex {
    display: inline-flex !important
}

.winpopTopTitle {
    height: 59px;
    padding-top: 20px;
    margin: 0 31px;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px
}

.winpopTopTitle .btn_clo {
    width: 18px;
    background: url(/modules/barcode/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat center bottom 15px;
    cursor: pointer
}

.winpopFootBtn {
    padding: 15px 0;
    background-color: #f7f7f7;
    text-align: center;
    overflow: hidden
}

.winpopFootBtn > div {
    margin-right: 4px
}

.winpopFootBtn > div:last-child {
    margin-right: 0
}

.treeTabs {
    margin: 8px 0 0
}

.mailSide {
    height: 100%;
    background: #fff
}

.mailSide .mailWrite {
    height: 53px;
    overflow: hidden;
    text-align: center;
    display: flex;
    padding: 0 12px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.mailSide .mailWrite > div {
    flex: 1 1 auto
}

.mailSide .mailWrite .btn_sideWirte {
    background: #1c90fb !important;
    color: #fff !important;
    margin-top: 8px;
    border: none !important;
    height: 34px;
    padding: 0 !important;
    width: 100%;
    border-radius: 2px
}

.mailSide .mailWrite .btn_sideWirte.disabled {
    border: 1px solid #ccc !important;
    background-color: #f5f5f5 !important;
    color: #a6a6a6 !important;
    cursor: not-allowed;
    box-sizing: border-box
}

.mailSide .mailWrite .btn_sideWirte.disabled:hover {
    background: #f5f5f5 !important
}

.mailSide .mailWrite .btn_sideWirte:hover {
    background: #034ca6 !important
}

.mailSide .mailWrite .btn_sideWirte:hover span:after {
    background: none !important
}

.mailSide .mailWrite div + div {
    margin-left: 1px
}

.mailSide .mailWrite button span {
    font-size: 13px !important
}

.mailSide .mailWrite button img {
    margin-left: -18px;
    margin-right: -2px !important;
    width: 34px;
    height: 34px
}

.mailSide .mailTopMenu {
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 12px
}

.mailSide .mailTopMenu ul {
    width: 100%
}

.mailSide .mailTopMenu ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 12px;
    cursor: pointer
}

.mailSide .mailTopMenu ul li .ico {
    height: 25px
}

.mailSide .mailTopMenu ul li .ico span {
    display: inline-block
}

.mailSide .mailTopMenu ul li .ico .count {
    font-weight: 700;
    color: #1c90fb;
    font-size: 15px
}

.mailSide .mailTopMenu ul li .ico .clip {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li .ico .star {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_star_normal.4eb48265.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li .ico .TO {
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_receiver_normal.4558ffd2.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li .txt {
    letter-spacing: -1px
}

.mailSide .mailTopMenu ul li.on .ico .clip,
.mailSide .mailTopMenu ul li:hover .ico .clip {
    background: url(/modules/barcode/static/media/ic_attach_m_over.d291181e.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li.on .ico .star,
.mailSide .mailTopMenu ul li:hover .ico .star {
    background: url(/modules/barcode/static/media/ic_star_select.dea70285.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li.on .ico .TO,
.mailSide .mailTopMenu ul li:hover .ico .TO {
    background: url(/modules/barcode/static/media/ic_receiver_select.14571e6f.png) no-repeat 50%
}

.mailSide .mailTopMenu ul li.on .txt,
.mailSide .mailTopMenu ul li:hover .txt {
    color: #1c90fb
}

.mailSide .msCon {
    position: relative
}

.mailSide .msCon .mdepDiv {
    border-top: 1px solid #e6e6e6;
    padding: 4px 0
}

.mailSide .msCon .mdepDiv:after {
    content: "";
    clear: both;
    overflow: hidden
}

.mailSide .msCon .mdepDiv:first-child {
    border-top: none
}

.mailSide .msCon .mdepDiv .dep1 > li {
    clear: both;
    position: relative;
    padding-top: 2px
}

.mailSide .msCon .mdepDiv .dep1 > li > div:hover {
    background-color: #eff7ff
}

.mailSide .msCon .mdepDiv .dep1 > li > div {
    height: 34px;
    cursor: pointer;
    padding-left: 43px;
    clear: both
}

.mailSide .msCon .mdepDiv .dep1 > li > div .menuTit {
    font-size: 13px;
    line-height: 34px;
    font-weight: 700;
    float: left
}

.mailSide .msCon .mdepDiv .dep1 > li > div .num {
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 33px;
    color: #1c90fb;
    margin-left: 4px
}

.mailSide .msCon .mdepDiv .dep1 > li > div .num:hover {
    text-decoration: underline
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 {
    padding-left: 28px
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li {
    background: url(/modules/barcode/static/media/bg_dat.00f5513a.png) repeat-y 1px 0;
    padding-left: 13px;
    clear: both;
    position: relative
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div {
    height: 28px;
    cursor: pointer;
    clear: both
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_open {
    position: relative
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_open + ul {
    display: block
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_open .arr {
    position: absolute;
    top: 10px;
    left: -16px;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/modules/barcode/static/media/btn_tree_open.ef0b2fb5.png) no-repeat 50%
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_close {
    position: relative
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_close + ul {
    display: none
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div.tit_div.dep_close .arr {
    position: absolute;
    top: 10px;
    left: -16px;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/modules/barcode/static/media/btn_tree_close.5c8a0ad2.png) no-repeat 50%
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div .nav-icon {
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 0;
    width: 14px;
    height: 15px;
    background: #fff url(/modules/barcode/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div .menuTit {
    padding-left: 2px;
    font-size: 13px;
    line-height: 28px;
    float: left;
    max-width: calc(100% - 50px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div .num {
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    color: #1c90fb;
    margin-left: 4px
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div .num:hover {
    text-decoration: underline
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li > div .hover_btn .btn_more {
    height: 15px;
    margin-top: 6px
}

.mailSide .msCon .mdepDiv .dep1 > li .dep2 li:last-child {
    background: none
}

.mailSide .msCon .mdepDiv .dep1 li > div:hover .menuTit {
    color: #1c90fb
}

.mailSide .msCon .mdepDiv .dep1 li > div:hover .hover_btn,
.mailSide .msCon .mdepDiv .dep1 li > div:hover .sp_set {
    display: block
}

.mailSide .msCon .mdepDiv .dep1 li > div:hover .sp_arr .arr_up {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50% !important;
    background-size: 11px !important
}

.mailSide .msCon .mdepDiv .dep1 li > div:hover .sp_arr .arr_down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat 50% !important;
    background-size: 11px !important
}

.mailSide .msCon .mdepDiv .dep1 li > div.on .menuTit {
    color: #1c90fb
}

.mailSide .msCon .mdepDiv .dep1 li > div.on .hover_btn,
.mailSide .msCon .mdepDiv .dep1 li > div.on .sp_set {
    display: block
}

.mailSide .msCon .mdepDiv .dep1 li > div.on .sp_arr .arr_up {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50% !important;
    background-size: 11px !important
}

.mailSide .msCon .mdepDiv .dep1 li > div.on .sp_arr .arr_down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat 50% !important;
    background-size: 11px !important
}

.mailSide .msCon .mdepDiv .dep1 li > div {
    position: relative
}

.mailSide .msCon .mdepDiv .dep1 li.on > div .hover_btn,
.mailSide .msCon .mdepDiv .dep1 li.on > div .sp_set {
    display: block
}

.mailSide .msCon .mdepDiv .total_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_normal.66f4c257.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .total_mm.on,
.mailSide .msCon .mdepDiv .total_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_select.502c19ca.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .receive_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_left_normal.c20557e4.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .receive_mm.on,
.mailSide .msCon .mdepDiv .receive_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_left_select.2b242b25.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .send_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_right_normal.88199e9a.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .send_mm.on,
.mailSide .msCon .mdepDiv .send_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_right_select.8d5ea0aa.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .temp_mm {
    background-image: url(/modules/barcode/static/media/ic_folder_normal.f04e2610.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .temp_mm.on,
.mailSide .msCon .mdepDiv .temp_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_folder_select.0e5187f4.png);
    background-position: left 22px center;
    background-repeat: no-repeat;
    background-size: 14px
}

.mailSide .msCon .mdepDiv .tome_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_left_normal.c20557e4.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .tome_mm.on,
.mailSide .msCon .mdepDiv .tome_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_left_select.2b242b25.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .my_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_me_normal.c84ae011.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .my_mm.on,
.mailSide .msCon .mdepDiv .my_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_me_select.a0ec853f.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .approve_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_check_normal.a71670c6.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .approve_mm.on,
.mailSide .msCon .mdepDiv .approve_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_arr_check_select.48f31652.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .out_mm {
    background-image: url(/modules/barcode/static/media/ic_mail_box_normal.2135aba0.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .out_mm.on,
.mailSide .msCon .mdepDiv .out_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_mail_box_select.c20f1299.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .spam_mm {
    background-image: url(/modules/barcode/static/media/ic_prohibition_normal.e25debec.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .spam_mm.on,
.mailSide .msCon .mdepDiv .spam_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_prohibition_select.514b6be5.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .trash_mm {
    background-image: url(/modules/barcode/static/media/ic_delete_normal.e448c01c.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .trash_mm.on,
.mailSide .msCon .mdepDiv .trash_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_delete_select.b445bad9.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .reserve_mm {
    background-image: url(/modules/barcode/static/media/ic_clock_normal.dc351f72.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .reserve_mm.on,
.mailSide .msCon .mdepDiv .reserve_mm:hover {
    background-image: url(/modules/barcode/static/media/ic_clock_select.b6875625.png);
    background-position: left 20px center;
    background-repeat: no-repeat
}

.mailSide .msCon .mdepDiv .hover_btn {
    float: right;
    display: none
}

.mailSide .msCon .mdepDiv .hover_btn .btn_more {
    border: none !important;
    background: url(/modules/barcode/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50% !important;
    width: 16px;
    height: 15px;
    margin-top: 10px
}

.mailSide .msCon .mdepDiv .sp_arr {
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%)
}

.mailSide .msCon .mdepDiv .sp_arr .arr_up {
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50% !important;
    background-size: 11px !important;
    border: none !important
}

.mailSide .msCon .mdepDiv .sp_arr .arr_down {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 50% !important;
    background-size: 11px !important;
    border: none !important
}

.mailSide .msCon .mdepDiv .sp_set {
    float: right;
    display: none
}

.mailSide .msCon .mdepDiv .sp_set .btn_set {
    width: 18px;
    background: url(/modules/barcode/static/media/ic_settine_02_m_normal.43b85a14.png) no-repeat 50% !important;
    border: none !important;
    margin-top: 8px;
    margin-right: 2px;
    height: 20px
}

.mailSide .msCon .mdepDiv .sp_set .btn_set:hover {
    background: url(/modules/barcode/static/media/ic_settine_02_m_over.8c2ac413.png) no-repeat 50% !important
}

.mailSide .msCon .mdepDiv .sp_btn {
    position: absolute;
    right: 16px;
    top: 7px
}

.mailSide .msCon .mdepDiv .sp_btn .btn_ack {
    height: 20px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: -.6px;
    text-align: center;
    color: #4a4a4a;
    padding: 0 3px !important;
    min-width: 56px
}

.mailSide .msCon .mdepDiv .sp_btn .btn_ack span {
    font-size: 11px
}

.mailSide .msCon .mdepDiv .sp_btn .btn_ack span:after {
    background: none !important
}

.mailSide .msCon .mail_quick {
    position: fixed;
    border: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    min-width: 140px;
    z-index: 1
}

.mailSide .msCon .mail_quick ul > li {
    height: 27px;
    line-height: 27px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    white-space: nowrap
}

.mailSide .msCon .mail_quick ul > li:hover {
    background: #e6f5ff
}

.mailSide .msCon .mailSc > div:last-child {
    width: 4px !important;
    right: 1px !important
}

.mailSide .msFoot {
    border-top: 1px solid #d9d9d9
}

.mailSide .msFoot .vol_div {
    overflow: hidden;
    margin-top: 15px
}

.mailSide .msFoot .vol_div .vol_div_in {
    width: calc(100% - 12px);
    float: left
}

.mailSide .msFoot .vol_div .vol_div_in dl {
    padding-left: 20px;
    padding-right: 5px
}

.mailSide .msFoot .vol_div .vol_div_in dl dt {
    font-size: 13px;
    letter-spacing: -.98px;
    color: #000;
    float: left;
    padding-left: 6px
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.gb_txt {
    font-size: 12px;
    letter-spacing: -.98px;
    color: #a6a6a6;
    float: left;
    margin-left: 5px
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.gb_txt .myGb {
    font-weight: 700;
    color: #1c90fb
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.graph_dd {
    clear: both;
    padding-top: 7px
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.graph_dd .gg_div {
    width: 100%;
    height: 6px;
    border-radius: 3.5px;
    background-color: #e5e5e5;
    overflow: hidden
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.graph_dd .gg_div .bar {
    height: 100%;
    background: #1c90fb
}

.mailSide .msFoot .vol_div .vol_div_in dl dd.over_txt {
    display: none;
    margin-top: 4px;
    clear: both;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -.55px;
    color: #f74b4b
}

.mailSide .msFoot .vol_div .vol_div_in.overGauge .bar {
    background: #fc5252 !important
}

.mailSide .msFoot .vol_div .vol_div_in.overGauge .myGb {
    color: #f74b4b !important
}

.mailSide .msFoot .vol_div .vol_div_in.overGauge dd.over_txt {
    display: block
}

.mailSide .msFoot .sp_set {
    position: absolute;
    right: 10px
}

.mailSide .msFoot .sp_set [class*=OBTTooltip_root] {
    vertical-align: top
}

.mailSide .msFoot .sp_set .btn_set {
    width: 18px;
    background: url(/modules/barcode/static/media/ic_settine_02_m_normal.43b85a14.png) no-repeat 50% !important;
    border: none !important;
    margin-right: 2px;
    height: 20px
}

.mailSide .msFoot .sp_set .btn_set:hover {
    background: url(/modules/barcode/static/media/ic_settine_02_m_over.8c2ac413.png) no-repeat 50% !important
}

.filterList {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: auto;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    background: #fff;
    z-index: 100
}

.filterList dt {
    font-weight: 700;
    padding: 0 0 0 10px
}

.filterList dd,
.filterList dt {
    font-size: 12px;
    line-height: 21px;
    border-bottom: 1px solid #f0f0f0
}

.filterList dd ul li {
    font-size: 12px;
    line-height: 27px;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.filterList dd ul li:hover {
    background-color: #e6f5ff
}

.filterList dd ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat 5px 6px !important;
    background-size: 18px !important
}

.filterList dd ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/modules/barcode/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat 5px 6px !important;
    background-size: 18px !important
}

.filterList dd ul li span {
    display: block;
    margin: 0 10px 0 0
}

.filterList dd ul li span.up {
    display: block;
    background: url(/modules/barcode/static/media/ic_ascending_order_m_over@2x.2b8ebdd4.png) no-repeat 100% !important;
    background-size: 18px !important
}

.filterList dd ul li span.down {
    display: block;
    background: url(/modules/barcode/static/media/ic_descending_order_m_over@2x.1140e998.png) no-repeat 100% !important;
    background-size: 18px !important
}

.viewType {
    width: 21px;
    height: 27px;
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: none !important
}

.mailEditorContents .tabSpan {
    white-space: pre;
    display: inline-block;
    text-indent: 0;
    pointer-events: none
}

.mailEditorContents #contents {
    position: relative !important;
    min-width: auto !important;
    top: 0 !important
}

.mailContentsView {
    width: 100%;
    height: 100%
}

.mailContentsView .horizontal {
    width: 100%;
    height: 100%;
    border-top: 2px solid #000
}

.mailContentsView .mailViewFnc {
    padding: 10px 0 4px;
    border-bottom: 2px solid #666;
    box-sizing: border-box
}

.mailContentsView .mailViewFnc :after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.mailContentsView .mailViewFnc .mailViewBtn {
    width: 28px;
    height: 27px;
    padding: 0
}

.mailContentsView .mailViewFnc .groupBtn > div {
    float: left;
    margin-left: -1px
}

.mailContentsView .mailViewFnc .groupBtn > div:first-child {
    margin: 0
}

.mailContentsView .mailViewHead {
    padding: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.mailContentsView .mailViewFile {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 14px 0
}

.mailContentsView .mailAppTitle {
    font-size: 13px;
    background: #f7fafc url(/modules/barcode/static/media/ic_caution_01_s_normal_red.930bd9db.png) no-repeat 0;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    padding: 10px 17px
}

.mailContentsView .mailAppTitle.blue {
    background: #f7fafc url(/modules/barcode/static/media/ic_caution_01_s_over.8026f199.png) no-repeat 0
}

.mailContentsView .mailTitle {
    width: 100%;
    min-height: 24px;
    padding: 14px 0
}

.mailContentsView .mailTitle .star {
    width: 15px;
    height: 24px;
    background: url(/modules/barcode/static/media/ic_important_off_m_disable@2x.dfe13f3a.png) no-repeat 50%;
    background-size: 18px;
    cursor: pointer
}

.mailContentsView .mailTitle .star.on {
    background: url(/modules/barcode/static/media/ic_important_on_m_normal@2x.60b51e31.png) no-repeat 50%;
    background-size: 18px
}

.mailContentsView .mailTitle .txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-left: 10px;
    box-sizing: border-box
}

.mailContentsView .columTitle {
    width: 95px;
    padding: 0 21px 0 26px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat left 2x;
    background-size: 18px;
    cursor: pointer
}

.mailContentsView .columTitle.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat left 2px;
    background-size: 18px
}

.mailContentsView .columTitle.nonToggle {
    background: none;
    cursor: default
}

.mailContentsView .columSub {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 0 5px;
    overflow: hidden;
    word-break: break-all
}

.mailContentsView .columSub.on {
    height: auto
}

.mailContentsView .columSub .file {
    display: inline-block;
    height: 20px;
    padding: 0 0 0 15px;
    background: url(/modules/barcode/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px
}

.mailContentsView .columSub .OBTSeleneSplitButton .LS_splitbtn .LS_btn span {
    color: #8c8c8c;
    line-height: 22px;
    margin-right: 10px;
    font-size: 11px
}

.mailContentsView .columSub .OBTSeleneSplitButton .LS_splitbtn .LS_btn span:hover {
    text-decoration: underline
}

.mailContentsView .mailHeadfixed {
    width: 130px
}

.mailContentsView .mailHeadfixed .dateTime {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #4a4a4a;
    text-align: right;
    min-height: 24px;
    padding: 14px 0
}

.mailContentsView .mailViewBody .mailEditorContents {
    padding: 25px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.mailContentsView .columDateTime {
    color: #8c8c8c;
    padding: 0 0 0 95px
}

.mailWriting {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    box-sizing: border-box
}

.mailWriting .writingTitle {
    padding: 7px 0 4px
}

.mailWriting .writingTitle:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.mailWriting .writingTitle .fnGroup {
    margin-top: 0;
    display: inline-flex
}

.mailWriting .writingTitle .fnGroup:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.mailWriting .writingTitle h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px
}

.mailWriting .writingTitle .line {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6;
    margin: 5px 12px
}

.mailWriting .writingHead .columTitle {
    display: inline-block;
    width: 70px;
    line-height: 20px;
    box-sizing: border-box;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat left 2px;
    background-size: 18px;
    cursor: pointer
}

.mailWriting .writingHead .columTitle.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat left 2px;
    background-size: 18px
}

.mailWriting .writingHead .columTitle.nonToggle {
    background: none;
    cursor: default
}

.mailWriting .writingHead .fileToggle {
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    margin: 0;
    padding: 0 0 0 25px;
    color: #1c90fb;
    cursor: pointer;
    background: url(/modules/barcode/static/media/ic_repeat_l_over@2x.9a30df4a.png) no-repeat 0;
    background-size: 24px
}

.mailWriting .writingBody {
    padding: 10px 0 0
}

.ReservationBox {
    width: 100%;
    margin: 10px 0 0;
    padding: 17px 19px;
    border: 2px solid #e0e0e0;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center
}

.ReservationBox:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.ReservationBox .txt {
    float: left;
    line-height: 27px;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    margin-right: 5px
}

.ReservationBox + .guidetxt {
    display: block;
    font-size: 12px;
    color: #000;
    margin: 10px 0 0
}

.SecureForm .columTitle {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    margin: 0 10px 0 0;
    line-height: 27px
}

.SecureForm .columSub {
    font-weight: 400;
    font-size: 12px;
    color: #000;
    line-height: 27px
}

.SentWrap .icon {
    text-align: center;
    margin: 30px 0
}

.SentWrap .icon img {
    display: inline-block;
    width: 88px;
    height: 88px
}

.SentWrap .text {
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: -.45px;
    text-align: center;
    color: #000
}

.SentWrap .textLink {
    text-align: center;
    height: 40px;
    border: 1px solid #e6e6e6;
    width: 420px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 9px
}

.SentWrap .textLink span.textAlign {
    position: relative;
    padding: 0 10px;
    color: #8c8c8c;
    width: 33.3%;
    box-sizing: border-box
}

.SentWrap .textLink span.textAlign,
.SentWrap .textLink span.textAlign .link {
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.SentWrap .textLink span.textAlign:first-child {
    padding: 0 10px 0 0
}

.SentWrap .textLink span.textAlign:first-child:after {
    display: none
}

.SentWrap .textLink span.textAlign:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 11px;
    background: #e6e6e6
}

.SentGridWrap .sText {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #1f91fb
}

.SentGridWrap .wMailbox {
    border: 1px solid #e6e6e6;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center
}

.SentGridWrap .wMailbox .dtTxt {
    margin-right: 10px;
    vertical-align: top;
    font-weight: 700
}

.SentGridWrap .wMailbox .ddTxt {
    vertical-align: middle
}

.SentGridWrap .wMailbox .ddTxt .ddSel {
    text-align: left;
    padding: 8px 0 0;
    vertical-align: top;
    display: inline-block
}

.mailFnBtn {
    width: 28px !important;
    height: 27px !important;
    padding: 0 !important
}

.MailAddress {
    width: 1004px !important;
    height: 636px !important;
    overflow: hidden
}

.QuickButton {
    display: table;
    vertical-align: middle;
    margin-top: -22px
}

.QuickButton ul {
    right: 16px;
    position: absolute
}

.QuickButton ul li {
    float: left
}

.QuickButton ul li .btnCustom {
    width: 25px;
    height: 25px;
    padding: 0;
    border: none;
    background: none !important
}

.QuickButton ul li .btnCustom:hover {
    background-color: #e5e5e5 !important;
    border-radius: 50%
}

.newMailTit {
    position: absolute;
    top: -39px;
    background: #fff;
    width: calc(100% - 300px)
}

.newMailTit .mailCntBox {
    position: relative;
    margin: 0
}

.newMailTit .mailCntBox:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newMailTit .mailCntBox dt {
    float: left;
    font-size: 18px;
    margin: 2px 0 0
}

.newMailTit .mailCntBox dd {
    float: left;
    font-size: 16px;
    margin: 3px 0 0
}

.newMailTit .mailCntBox dd.line {
    display: inline-block;
    height: 10px;
    font-size: 0;
    width: 1px;
    margin: 8px;
    padding: 0
}

.newMailTit .mailCntBox dd.newCnt {
    color: #1c90fb;
    margin: 3px 4px 0 0
}

.newMailTit .mailCntBox dd.totalCnt {
    color: #000;
    margin: 3px 0 0 4px
}

.newMailTit .reloadBtn {
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    margin: 7px 0 0;
    box-sizing: border-box;
    background: url(/modules/barcode/static/media/ic_refresh_s_normal@2x.b8973f45.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.newMailSearch:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newMailSearch .searchBox {
    position: relative
}

.newMailSearch .searchBox .searchInput > div > div {
    padding: 3px 30px 3px 6px !important
}

.newMailSearch .searchBox .searchBtn {
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.docRoot [class*=OBTDockPanel_resizable] {
    overflow: auto !important
}

.docRoot [class*=OBTDockPanel_resizer] {
    margin: 0 !important
}

.docRoot.dock_left_right_less [class*=OBTDockPanel_bottom],
.docRoot.dock_left_right_less [class*=OBTDockPanel_middle] {
    margin: 0 20px
}

.newMailSrh {
    position: absolute;
    top: -39px;
    background: #fff;
    right: 48px
}

.newMailSrh ul > li {
    float: left;
    margin-left: 4px
}

.newMailSrh ul > li.check_li {
    margin-right: 6px;
    line-height: 27px
}

.newMailSrh .newMailSrh_in {
    position: relative;
    padding-right: 10px
}

.newMailSrh .newMailSrh_in:after {
    content: "";
    display: block;
    clear: both;
    background: #e6e6e6;
    width: 1px;
    height: 16px;
    right: 0;
    top: 6px;
    position: absolute
}

.tbDetail {
    margin-top: 0 !important;
    transition: .5s;
    overflow: hidden
}

.ntf_top {
    height: 53px !important;
    margin-top: 0 !important
}

.ntf_con,
.ntf_top {
    padding: 0 20px;
    box-sizing: border-box
}

.mailTopBox {
    padding: 20px;
    border-bottom: 1px solid #e6e6e6
}

.mailTopBox .row1 {
    overflow: hidden
}

.mailTopBox .row1 dl:first-child dt:first-child {
    margin-left: 0
}

.mailTopBox .row2 {
    overflow: hidden;
    margin-top: 4px
}

.mailTopBox .row2 dl:first-child dt:first-child {
    margin-left: 0
}

.mailTopBox dl {
    float: left
}

.mailTopBox dl dt {
    float: left;
    line-height: 27px;
    margin-right: 10px;
    min-width: 47px;
    margin-left: 40px;
    text-align: right;
    font-size: 13px;
    letter-spacing: -.32px
}

.mailTopBox dl dd {
    float: left;
    line-height: 27px;
    height: 27px
}

.mailTopBox dl dd [data-orbit-component=OBTDatePeriodPicker] [class*=OBTDatePickerRebuild_root] {
    width: 100% !important
}

.mailTopBox .bsch {
    margin-left: 14px;
    float: left
}

.newMailTopFnc {
    min-width: 650px;
    padding: 12px 0;
    border-bottom: 2px solid #666;
    height: 27px
}

.newMailTopFnc .groupBtn > div {
    float: left;
    margin-left: -1px
}

.newMailTopFnc .groupBtn > div:first-child {
    margin: 0
}

.newMailTopFnc .groupBtn .mailTopBtn {
    position: relative
}

.newMailTopFnc .groupBtn button {
    padding: 0 9px
}

.newMailTopFnc .groupBtn [class*=OBTButtonGroup_focus].mailTopBtn {
    color: #007ff4
}

.newMailTopFnc .groupBtn .mailTopIconBtn {
    width: 28px;
    height: 27px;
    padding: 0;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 100%
}

.newMailTopFnc .groupBtn .OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn {
    height: 27px
}

.newMailTopFnc .fncLeftUnit:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newMailTopFnc .fncLeftUnit .checkBoxFnc {
    position: relative;
    float: left
}

.newMailTopFnc .fncLeftUnit .checkBoxFnc .allChk {
    position: absolute;
    top: 4px;
    left: 7px;
    z-index: 1
}

.newMailTopFnc .fncLeftUnit .checkBoxFnc .allChk svg {
    background-color: #fff
}

.newMailTopFnc .fncLeftUnit .checkBoxFnc .chkOption .LS_splitbtn.size_m .LS_btn {
    padding: 0 5px 0 21px
}

.newMailTopFnc .fncLeftUnit .checkBoxFnc .chkOption .LS_splitbtn.size_m .LS_btn + .LS_btn {
    width: 17px;
    padding: 0
}

.newMailTopFnc .fncLeftUnit .etcOption {
    margin: 0 0 0 4px
}

.newMailTopFnc .fncLeftUnit .etcOption .LS_splitbtn.size_m .LS_btn {
    padding: 0 0 0 2px
}

.newMailTopFnc .fncLeftUnit .etcOption .LS_splitbtn.size_m .LS_btn + .LS_btn {
    width: 27px
}

.newMailTopFnc .fncLeftUnit .etcOption .LS_splitbtn .LS_btn .sp_selene {
    width: 20px;
    background: url(/modules/barcode/static/media/ic_more_m_normal.1135b010.png) no-repeat 50%
}

.newMailTopFnc .fncLeftUnit .etcOption .LS_splitbtn.disabled .LS_btn .sp_selene {
    background-position: 50% !important
}

.newMailTopFnc .fncLeftUnit .filterBox {
    position: relative;
    align-items: center;
    height: 27px
}

.newMailTopFnc .fncLeftUnit .filterBox .filterBtn {
    border: none;
    background: url(/modules/barcode/static/media/ic_arrow_down_02_s_normal@2x.e77da496.png) no-repeat 100% !important;
    background-size: 14px !important;
    border: none !important;
    padding: 0 15px 0 0;
    margin-right: 10px;
    cursor: pointer
}

.newMailTopFnc .fncLeftUnit .filterBox .filterBtn:hover {
    background: url(/modules/barcode/static/media/ic_arrow_down_02_s_over@2x.ddc9292b.png) no-repeat 100% !important;
    background-size: 14px !important;
    border: none !important
}

.newMailTopFnc .fncLeftUnit .filterBox .filterBtn.on {
    background: url(/modules/barcode/static/media/ic_arrow_up_02_s_normal@2x.83a56a3a.png) no-repeat 100% !important;
    background-size: 14px !important
}

.newMailTopFnc .fncLeftUnit .filterBox .filterBtn.on:hover {
    background: url(/modules/barcode/static/media/ic_arrow_up_02_s_over@2x.2ad3a281.png) no-repeat 100% !important;
    background-size: 14px !important
}

.newMailTopFnc .fncLeftUnit .filterBox .filterList {
    top: 30px
}

.newMailTopFnc .fncLeftUnit .blockSp {
    font-size: 11px;
    line-height: 27px;
    cursor: pointer
}

.newMailTopFnc .fncLeftUnit .blockSp:hover {
    text-decoration: underline;
    text-underline-position: under
}

.newMailTopFnc .fncRightUnit:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox {
    position: relative
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType {
    float: right;
    margin: 0 4px 0 0
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul {
    overflow: hidden
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li {
    float: left;
    width: 27px;
    height: 27px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    transition: .3s;
    background-image: linear-gradient(0deg, #f0f0f0, #fff);
    margin-left: -1px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li:first-child {
    border-width: 1px;
    border-radius: 2px 0 0 2px;
    margin-left: 0
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li:last-child {
    border-width: 1px;
    border-radius: 0 2px 2px 0
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li span.typeListBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li span.typeHorizontalBtn {
    background: url(/modules/barcode/static/media/ic_view_left_right_m_normal@2x.3462d07f.png) no-repeat 50%;
    background-size: 18px 18px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li span.typeVerticalBtn {
    background: url(/modules/barcode/static/media/ic_view_up_down_m_normal@2x.ec86d864.png) no-repeat 50%;
    background-size: 18px 18px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li.on {
    border: 1px solid #1c90fb;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff)
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li.on span.typeListBtn {
    background: url(/modules/barcode/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li.on span.typeHorizontalBtn {
    background: url(/modules/barcode/static/media/ic_view_left_right_m_over@2x.49fc5164.png) no-repeat 50%;
    background-size: 18px 18px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul li.on span.typeVerticalBtn {
    background: url(/modules/barcode/static/media/ic_view_up_down_m_over@2x.bd1e70ce.png) no-repeat 50%;
    background-size: 18px 18px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul [class*=OBTTooltip_root] {
    margin-left: -1px
}

.newMailTopFnc .fncRightUnit .mailViewTypeBox .mailViewType ul [class*=OBTTooltip_root]:first-child {
    margin-left: 0
}

.newMailTopFnc .webLinkLayer {
    z-index: 10;
    position: relative;
    border: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    left: 4px;
    min-width: 80px
}

.newMailTopFnc .webLinkLayer li {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap
}

.newMailTopFnc .webLinkLayer li:hover {
    background: #e6f5ff
}

.mailTopBtn.del {
    padding: 0 6px 0 25px !important;
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 5px 5px, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.mailTopBtn.arr {
    padding: 0 20px 0 6px !important;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 4px center, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.mailTopBtn.arr.on {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat right 4px center, linear-gradient(0deg, #f0f0f0, #fff) !important
}

[class*=OBTButton_disabled].mailTopBtn.del {
    background: url(/modules/barcode/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 5px 5px, #f5f5f5 !important
}

[class*=OBTButton_disabled].mailTopBtn.arr {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 4px center, #f5f5f5 !important
}

.chkOption .OBTSeleneSplitButton .LS_splitbtn .LS_btn .sp_selene {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 100%;
    width: 13px !important;
    height: 6px !important
}

.chkOption .OBTSeleneSplitButton .LS_splitbtn .LS_btn.click .sp_selene {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat 100%;
    width: 13px !important;
    height: 6px !important
}

.docRoot > div:nth-child(2) {
    margin-top: 0 !important
}

.docRoot > div:nth-child(2) > div > div:nth-child(2) {
    margin-left: 0 !important
}

.wrapList {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box
}

.wrapList .wrapListGrid {
    overflow: auto
}

.wrapList .wrapListGrid .gridType01 .listGridWrap {
    min-width: 588px
}

.wrapList .wrapListGrid .gridType02 .listGridWrap {
    min-width: 390px
}

.wrapList .wrapListGrid .listGridWrap li {
    min-height: 46px;
    border-left: 2px solid #fff;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.wrapList .wrapListGrid .listGridWrap .listItem.on {
    background-color: #e9f5ff
}

.wrapList .wrapListGrid .listGridWrap .listItem.current {
    border-left: 2px solid #2b78d7
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-checkbox {
    width: 18px;
    padding: 0 10px 0 2px;
    align-items: center;
    display: flex
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-checkbox .chkBox svg {
    left: 2px !important
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-important {
    width: 20px;
    height: 43px;
    margin: 0 10px 0 0;
    background: url(/modules/barcode/static/media/ic_important_off_m_disable@2x.dfe13f3a.png) no-repeat 50%;
    cursor: pointer;
    background-size: 18px 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-important.on {
    background: url(/modules/barcode/static/media/ic_important_on_m_normal@2x.60b51e31.png) no-repeat 50%;
    background-size: 18px 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-mail {
    width: 20px;
    height: 43px;
    background: url(/modules/barcode/static/media/ic_mail_read_m_disable@2x.7ac0d5aa.png) no-repeat 50%;
    cursor: pointer;
    background-size: 18px 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem.unRead .item-mail {
    background: url(/modules/barcode/static/media/ic_mail_m_unread@2x.19b745a0.png) no-repeat 50%;
    background-size: 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-file {
    width: 35px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-file.on {
    background: url(/modules/barcode/static/media/ic_attach_m_normal@2x.2aade535.png) no-repeat 50%;
    background-size: 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender {
    width: 170px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: inline-flex;
    align-items: center
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender.plusWidth {
    width: 170px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender.plusWidth .addr {
    max-width: 135px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender.plusWidth .addr.flag {
    max-width: 112px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .addr {
    display: inline-block;
    max-width: 150px;
    padding: 3px 10px 0 0;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .addr.flag {
    max-width: 127px
}

.wrapList .wrapListGrid .gridType02 .listGridWrap .listItem .item-sender .addr {
    max-width: 100%
}

.wrapList .wrapListGrid .gridType02 .listGridWrap .listItem .item-subject {
    margin-top: -5px
}

.wrapList .wrapListGrid .gridType01 .listGridWrap .listItem .item-size {
    padding-right: 20px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender:hover .addr {
    text-decoration: underline;
    background: url(/modules/barcode/static/media/ico_sender_arrow.5ef7c6f4.png) no-repeat 100% 100%
}

.wrapList .wrapListGrid .listGridWrap .listItem.unRead .item-sender .addr {
    color: #000
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .addr + div {
    position: absolute !important;
    top: 4px;
    left: 0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption {
    margin: 0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption > div {
    background-image: none
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption > div button {
    border: none !important
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption .LS_splitbtn.size_m .LS_btn {
    padding: 0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption .LS_splitbtn.size_m .LS_btn + .LS_btn {
    width: 110px;
    padding: 0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-sender .senderOption .LS_splitbtn .LS_btn .sp_selene {
    display: none
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject {
    position: relative;
    padding: 12px 0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .badge {
    min-width: 55px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    box-sizing: border-box
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .badge.color01 {
    background-color: #20c997
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .badge.color02 {
    background-color: #ffa94d
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .badge.color03 {
    background-color: #46a3f0
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .title {
    margin: 5.5px 0 0;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
    color: #000;
    line-height: 22px;
    word-break: break-all
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .title:hover {
    text-decoration: underline
}

.wrapList .wrapListGrid .listGridWrap .listItem.unRead .item-subject .title {
    font-weight: 700
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .usd {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat 50%;
    background-size: 18px;
    margin-top: 3px;
    margin-right: 2px;
    vertical-align: top;
    cursor: pointer;
    min-width: 18px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .usd.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat 50%;
    background-size: 18px
}

.gridType01 .listGridWrap .under-li {
    margin-top: -5px
}

.gridType01 .listGridWrap .under-li.on {
    background-color: #e9f5ff
}

.gridType01 .listGridWrap .under-li .item-subject {
    padding: 0 20px 10px 308px
}

.gridType02 .listGridWrap .under-li {
    margin-top: -5px
}

.gridType02 .listGridWrap .under-li.on {
    background-color: #e9f5ff
}

.gridType02 .listGridWrap .under-li .item-subject {
    padding: 0 20px 10px 78px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .previewBtn {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 0 0 5px;
    background: url(/modules/barcode/static/media/ic_search_s_normal@2x.0e8720b7.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer;
    min-width: 12px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .nWindowBtn {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 0 0 5px;
    background: url(/modules/barcode/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer;
    min-width: 12px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .previewPopup {
    position: absolute;
    width: 400px;
    line-height: 16px;
    color: #333;
    border: 1px solid #b6b6b6;
    background: #fff;
    zoom: 1;
    z-index: 11;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .previewPopup .previewText {
    margin: 15px;
    overflow: hidden;
    max-height: 62px;
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    overflow-y: auto
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .previewPopup .previewFile {
    display: none;
    margin: 0 0 15px;
    border-top: 1px solid #e6e6e6
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-subject .previewPopup .bottomBtn {
    text-align: center;
    height: 40px;
    background: #f7f7f7;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 6px
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-date {
    width: 100px;
    text-align: right;
    padding: 13px 0;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
    cursor: pointer
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-size {
    width: 60px;
    text-align: right;
    padding: 12px 0;
    line-height: 45px;
    font-size: 12px;
    line-height: 1.5;
    color: #999
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-text {
    text-align: right;
    margin: 8px 20px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #000
}

.wrapList .wrapListGrid .listGridWrap .listItem .item-btn {
    text-align: right;
    margin: 5px 20px 0 0
}

.gridType03 .listGridWrap .listItem.bg {
    background: #eff7ff
}

.gridType03 .listGridWrap .listItem.on {
    background: #f5f8fa
}

.gridType03 .listGridWrap .listItem .ico_arrOpen {
    display: inline-block;
    width: 27px;
    margin-top: 8px;
    box-sizing: border-box;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat 5px 6px;
    background-size: 18px;
    cursor: pointer;
    vertical-align: top
}

.gridType03 .listGridWrap .listItem .ico_arrOpen.none {
    background: none
}

.gridType03 .listGridWrap .listItem .ico_arrOpen.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat 5px 6px;
    background-size: 18px
}

.gridType03 .listGridWrap .listItem .ico_arrOpen.on .addr {
    padding-left: 53px
}

.gridType03 .listGridWrap .listItem .item-cancel {
    width: 70px;
    padding: 12px 0 0;
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.gridType03 .listGridWrap .listItem .item-cancel img {
    margin-right: 5px;
    vertical-align: middle
}

.gridType03 .listGridWrap .listItem .item-time {
    width: 120px;
    text-align: right;
    margin: 13px 20px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
    cursor: pointer
}

.gridType03 .listGridWrap .listItem .item-time img {
    margin-right: 5px;
    vertical-align: top
}

.gridType03 .listGridWrap .listItem .item-sender .addr {
    padding-top: 0 !important
}

.gridType03 .listGridWrap .listItem .item-sender:hover .addr.cursor {
    text-decoration: underline;
    background: none;
    cursor: pointer
}

.gridType03 .listGridWrap .listItem .item-sender:hover .addr.noaddr {
    text-decoration: none;
    background: none
}

.gridType02 .listGridWrap {
    min-width: 390px
}

.gridType02 .listGridWrap .listItem .listItem-top .item-date {
    width: 100px;
    text-align: right;
    margin: 2px 20px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
    cursor: pointer
}

.gridType02 .listGridWrap .listItem .listItem-top .item-size {
    position: relative;
    width: auto;
    text-align: right;
    margin: 2px 20px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #999
}

.gridType02 .listGridWrap .listItem .listItem-top .item-size:after {
    content: "";
    position: absolute;
    top: 15px;
    left: -10px;
    width: 1px;
    height: 10px;
    background-color: #999
}

.gridType02 .listGridWrap .listItem .listItem-top .item-sender .addr {
    margin: -1px 0 0
}

.gridType02 .listGridWrap .listItem .listItem-top .item-checkbox {
    padding: 0 5px 0 2px
}

.gridType02 .listGridWrap .listItem .listItem-bot {
    margin: -5px 0 0 44px
}

.gridType02 .listGridWrap .listItem .listItem-bot .item-file {
    width: 35px;
    height: 16px
}

.gridType02 .listGridWrap .listItem .listItem-bot .item-file.on {
    background: url(/modules/barcode/static/media/ic_attach_m_normal@2x.2aade535.png) no-repeat left 12px center;
    background-size: 18px
}

.gridType02 .listGridWrap .listItem .listItem-bot .item-subject {
    position: relative;
    padding: 0 20px 8px 0
}

.gridType02 .listGridWrap .listItem .item-mail,
.gridType02 .listGridWrap .listItem.unRead .item-mail {
    margin: 0 5px 0 0
}

.gridType02 .listGridWrap .listItem .item-important {
    margin: 1px 5px 0 0
}

.gridType02 .listGridWrap .listItem .item-subject {
    margin-top: -5px
}

.gridType02 .listGridWrap .listItem .item-subject .addr {
    max-width: 100%
}

.gridType02 .listGridWrap .listItem .under-li {
    margin-top: -5px
}

.gridType02 .listGridWrap .listItem .under-li .item-subject {
    padding: 0 20px 10px 99px
}

@media screen and (max-width:1050px) {
    .wrapList .wrapListGrid .gridType01 .listGridWrap .listItem .item-size {
        display: none
    }
}

.wrapList .wrapListPager {
    min-width: 200px;
    height: 21px;
    padding: 20px 0 10px;
    border-top: 1px solid #e5e5e5
}

.wrapList .wrapListPager .listPager {
    text-align: center
}

.wrapList .wrapListPager .pager-number {
    display: inline-block;
    margin: 0 10px
}

.wrapList .wrapListPager .pager-number:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.wrapList .wrapListPager .pager-number .pagerInput {
    float: left
}

.wrapList .wrapListPager .pager-number .pagerInput div > div {
    height: 15px !important;
    padding: 2px !important
}

.wrapList .wrapListPager .pager-number span {
    float: left;
    margin: 2px 0 0 5px
}

.wrapList .wrapListPager .arrowBtn {
    display: inline-block;
    text-indent: -5000px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer
}

.wrapList .wrapListPager .arrowBtn:hover {
    border: 1px solid #1c90fb
}

.wrapList .wrapListPager .arrowBtn.disabled {
    opacity: .4;
    cursor: not-allowed
}

.wrapList .wrapListPager .first {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -46px -95px
}

.wrapList .wrapListPager .last {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -70px -95px
}

.wrapList .wrapListPager .prev {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -46px -70px
}

.wrapList .wrapListPager .next {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -70px -70px
}

.flagImg {
    display: inline-flex;
    margin-right: 5px;
    width: 18px;
    height: 18px
}

.flagImg.switzerland {
    background: url(/modules/barcode/static/media/img_switzerland@2x.7beb8971.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.sweden {
    background: url(/modules/barcode/static/media/img_sweden@2x.52b2d8ee.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.denmark {
    background: url(/modules/barcode/static/media/img_denmark@2x.e8c04eb8.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.netherlands {
    background: url(/modules/barcode/static/media/img_netherlands@2x.16ca06a7.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.norway {
    background: url(/modules/barcode/static/media/img_norway@2x.b8fbd06e.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.states {
    background: url(/modules/barcode/static/media/img_the_united_states@2x.01988417.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.finland {
    background: url(/modules/barcode/static/media/img_finland@2x.bbedf44d.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.luxembourg {
    background: url(/modules/barcode/static/media/img_luxembourg@2x.9ae9409b.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.etc {
    background: url(/modules/barcode/static/media/img_etc@2x.78535060.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.ireland {
    background: url(/modules/barcode/static/media/img_ireland@2x.8409b90a.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.canada {
    background: url(/modules/barcode/static/media/img_canada@2x.900c49cb.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.germany {
    background: url(/modules/barcode/static/media/img_germany@2x.a22e02ac.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.kingdom {
    background: url(/modules/barcode/static/media/img_the_united_kingdom@2x.d3373763.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.austria {
    background: url(/modules/barcode/static/media/img_austria@2x.8c82552a.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.newzealand {
    background: url(/modules/barcode/static/media/img_newzealand@2x.41bfcfc3.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.iceland {
    background: url(/modules/barcode/static/media/img_iceland@2x.3397e916.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.australia {
    background: url(/modules/barcode/static/media/img_australia@2x.dcc46326.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.korea {
    background: url(/modules/barcode/static/media/img_korea@2x.20df6506.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.belgium {
    background: url(/modules/barcode/static/media/img_belgium@2x.947bf8ef.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.estonia {
    background: url(/modules/barcode/static/media/img_estonia@2x.1c620956.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.israel {
    background: url(/modules/barcode/static/media/img_israel@2x.9668bf07.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.france {
    background: url(/modules/barcode/static/media/img_france@2x.f4652980.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.lithuania {
    background: url(/modules/barcode/static/media/img_lithuania@2x.adb2cdaf.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.japan {
    background: url(/modules/barcode/static/media/img_japan@2x.f8fb687e.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.czech {
    background: url(/modules/barcode/static/media/img_czech@2x.7f574d6f.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.portugal {
    background: url(/modules/barcode/static/media/img_portugal@2x.87507551.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.latvia {
    background: url(/modules/barcode/static/media/img_latvia@2x.d0d9070b.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.spain {
    background: url(/modules/barcode/static/media/img_spain@2x.379812a4.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.slovenia {
    background: url(/modules/barcode/static/media/img_slovenia@2x.5db666cd.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.italy {
    background: url(/modules/barcode/static/media/img_italy@2x.b2840aad.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.hungary {
    background: url(/modules/barcode/static/media/img_hungary@2x.1fdc0908.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.chile {
    background: url(/modules/barcode/static/media/img_chile@2x.6bbbae42.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.greece {
    background: url(/modules/barcode/static/media/img_greece@2x.7251af88.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.poland {
    background: url(/modules/barcode/static/media/img_poland@2x.b312cb0f.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.slovakia {
    background: url(/modules/barcode/static/media/img_slovakia@2x.0750001d.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.turkey {
    background: url(/modules/barcode/static/media/img_turkey@2x.c9e4d984.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.mexico {
    background: url(/modules/barcode/static/media/img_mexico@2x.0529fe85.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.colombia {
    background: url(/modules/barcode/static/media/img_colombia@2x.a04dab1f.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.china {
    background: url(/modules/barcode/static/media/img_china@2x.c07f0d8b.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.taiwan {
    background: url(/modules/barcode/static/media/img_taiwan@2x.e54f38c1.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.india {
    background: url(/modules/barcode/static/media/img_india@2x.4e9f799a.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.indonesia {
    background: url(/modules/barcode/static/media/img_indonesia@2x.aa78f0de.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.brazil {
    background: url(/modules/barcode/static/media/img_brazil@2x.992dd8e9.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.southafrica {
    background: url(/modules/barcode/static/media/img_southafrica@2x.20d05df6.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.russia {
    background: url(/modules/barcode/static/media/img_russia@2x.f1512335.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.romania {
    background: url(/modules/barcode/static/media/img_romania@2x.2ada1629.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.bulgaria {
    background: url(/modules/barcode/static/media/img_bulgaria@2x.9cff477b.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.argentina {
    background: url(/modules/barcode/static/media/img_argentina@2x.38f3e098.png) no-repeat 0;
    background-size: 18px 18px
}

.flagImg.peru {
    background: url(/modules/barcode/static/media/img_peru@2x.82b803bc.png) no-repeat 0;
    background-size: 18px 18px
}

.mailPager {
    position: relative;
    text-align: center
}

.mailPager .paging {
    display: inline-block;
    text-align: center;
    clear: both
}

.mailPager .paging .arrowBtn {
    display: inline-block;
    text-indent: -5000px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer
}

.mailPager .paging .arrowBtn:hover {
    border: 1px solid #1c90fb
}

.mailPager .paging .arrowBtn.disabled {
    opacity: .4;
    cursor: not-allowed
}

.mailPager .first {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -46px -95px
}

.mailPager .last {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -70px -95px
}

.mailPager .prev {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -46px -70px
}

.mailPager .next {
    background: url(/modules/barcode/static/media/klago_sp_lux.1648c22e.png) -70px -70px
}

.mailPager .paging ol {
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    list-style: none
}

.mailPager .paging ol li {
    display: inline-block;
    text-align: center;
    background: #fff;
    width: auto;
    margin: 0 1px
}

.mailPager .paging ol li .eventLink {
    display: inline-block;
    text-align: center;
    min-width: 20px;
    color: #4a4a4a;
    background: #fff;
    height: 20px;
    border: 1px solid transparent;
    text-decoration: none;
    box-sizing: border-box
}

.mailPager .paging ol li .eventLink:hover,
.mailPager .paging ol li.on .eventLink {
    color: #1c90fb;
    font-weight: 700;
    border: 1px solid #1c90fb;
    background: #e9f5ff
}

.mailPager .pagingSelect {
    float: right
}

.mailPager .pagingSelect > div > div > div > span {
    height: 19px !important;
    padding: 0 10px 0 0 !important
}

.mailPager .pagingSelect > div > div > div > button {
    margin-top: -10px !important;
    height: 19px !important;
    width: 20px !important
}

.wrapView {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 100%;
    background: #fff
}

.wrapView.hor,
.wrapView.ver {
    padding: 0 20px;
    box-sizing: border-box
}

.wrapView.hor + div {
    width: 2px;
    height: 100%;
    border: solid #dfdfdf;
    border-width: 0 1px
}

.wrapView.hor + div,
.wrapView.ver + div {
    background-color: #f7f7f7;
    box-sizing: border-box
}

.wrapView.ver + div {
    width: 100%;
    height: 4px;
    border: solid #dfdfdf;
    border-width: 1px 0
}

.mailViewPop {
    padding: 0 15px;
    width: calc(100% - 30px);
    height: 100%;
    background: #fff;
    overflow: auto
}

.mailViewPop .dateTime,
.mailViewPop .mailTitle {
    padding-top: 0 !important
}

.mailWriteNew {
    box-sizing: border-box
}

.mailWriteNew .writingHead {
    margin-top: 5px
}

.mailWriteNew .writingHead .columTitle {
    display: inline-block;
    width: 65px;
    line-height: 20px
}

.mailWriteNew .writingHead .arrOpen {
    display: inline-block;
    width: 16px;
    box-sizing: border-box;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat left 2px;
    background-size: 18px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 8px
}

.mailWriteNew .writingHead .arrOpen.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat left 2px;
    background-size: 18px
}

.mailWriteNew .writingHead .fileToggle {
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    padding: 0 0 0 25px;
    color: #1c90fb;
    cursor: pointer;
    background: url(/modules/barcode/static/media/ic_repeat_l_over@2x.9a30df4a.png) no-repeat 0;
    background-size: 24px
}

.mailWriteNew .writingBody {
    margin: 10px 0 0;
    box-sizing: border-box
}

.mailWriteNew .engageBox {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: 10px
}

.mailWriteNew .mailFormStyle th {
    padding-left: 25px
}

.mailWriteNew .mailFormStyle .smallChk {
    font-size: 11px;
    color: #a6a6a6;
    letter-spacing: -.28px
}

.mailWriteNew .mailFormStyle td [data-orbit-component=OBTButton] {
    vertical-align: middle
}

.writingBtn {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0
}

.writingBtn .fnGroup {
    margin-top: 0;
    display: inline-flex
}

.writingBtn .fnGroup .spBar10 {
    vertical-align: super
}

.writingBtn .mysendBtn {
    background: url(/modules/barcode/static/media/ic_repeat_m_over@2x.ffbf5e55.png) no-repeat 0;
    background-size: 18px;
    padding-left: 18px;
    cursor: pointer
}

.writingBtn .groupBtn button {
    height: 27px;
    padding: 0;
    vertical-align: middle;
    margin-top: 2px;
    border: none
}

.writingBtn .groupBtn button:hover {
    border: none !important
}

.writingBtn .groupBtn .icodown {
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 100% !important;
    padding-right: 24px
}

.writingBtn .groupBtn .icoup {
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat 100% !important;
    padding-right: 24px
}

.writingBtn .settingBox {
    position: absolute;
    right: 0;
    border: 1px solid #666;
    z-index: 10;
    background: #fff
}

.mailFormStyle > table {
    width: 100%
}

.mailFormStyle > table tbody {
    border-collapse: collapse
}

.mailFormStyle > table tbody th {
    vertical-align: top;
    padding: 8px 0 4px;
    border-spacing: 0;
    text-align: left;
    position: relative
}

.mailFormStyle > table tbody td {
    border-spacing: 0;
    text-align: left;
    padding: 4px 0
}

.contentsViewWrap {
    min-width: 500px
}

.contentsViewWrap.horizontal {
    width: 100%;
    height: 100%;
    border-top: 2px solid #000
}

.contentsViewWrap .mailViewFnc {
    padding: 10px 0 4px;
    border-bottom: 2px solid #666;
    box-sizing: border-box
}

.contentsViewWrap .mailViewFnc:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.contentsViewWrap .mailViewFnc .mailViewBtn {
    width: 28px;
    height: 27px;
    padding: 0
}

.contentsViewWrap .mailViewFnc .groupBtn > div {
    float: left;
    margin-left: -1px
}

.contentsViewWrap .mailViewFnc .groupBtn > div:first-child {
    margin: 0
}

.contentsViewWrap .mailViewHead {
    padding: 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.contentsViewWrap .mailAppTitle {
    font-size: 13px;
    background: #f7fafc url(/modules/barcode/static/media/ic_caution_01_s_normal_red.930bd9db.png) no-repeat left 15px top 14px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 10px 32px;
    background-size: 14px 14px
}

.contentsViewWrap .mailAppTitle.blue {
    background: #f7fafc url(/modules/barcode/static/media/ic_caution_01_s_over.8026f199.png) no-repeat left 15px top 14px
}

.contentsViewWrap .mailAppTitle.blue em {
    color: #1c90fb
}

.contentsViewWrap .mailAppTitle em {
    color: red
}

.contentsViewWrap .mailTitle {
    width: 100%;
    min-height: 24px;
    padding: 14px 0
}

.contentsViewWrap .mailTitle .star {
    width: 15px;
    height: 24px;
    background: url(/modules/barcode/static/media/ic_important_off_m_disable@2x.dfe13f3a.png) no-repeat center top 4px;
    background-size: 18px;
    cursor: pointer
}

.contentsViewWrap .mailTitle .star.on {
    background: url(/modules/barcode/static/media/ic_important_on_m_normal@2x.60b51e31.png) no-repeat center top 4px;
    background-size: 18px
}

.contentsViewWrap .mailTitle .txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-left: 10px;
    box-sizing: border-box;
    word-break: break-all
}

.contentsViewWrap .mailTitle .nWindowBtn {
    vertical-align: top;
    margin: 5px 0 0 2px
}

.contentsViewWrap .mailTitle .nWindowBtn,
.contentsViewWrap .wrapList .wrapListGrid .listGridWrap .listItem .item-subject .nWindowBtn {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/modules/barcode/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.contentsViewWrap .wrapList .wrapListGrid .listGridWrap .listItem .item-subject .nWindowBtn {
    vertical-align: middle;
    margin: 0 0 0 5px
}

.contentsViewWrap .mailViewFile {
    padding: 15px 0 0
}

.contentsViewWrap .mailViewFile .mailViewFileCon {
    margin: 10px 5px 0 25px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6
}

.contentsViewWrap .columTitle {
    width: 95px;
    padding: 0 21px 0 26px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    background: url(/modules/barcode/static/media/ic_list_open_m_normal@2x.bcf9eb74.png) no-repeat left 2px;
    background-size: 18px;
    cursor: pointer
}

.contentsViewWrap .columTitle.on {
    background: url(/modules/barcode/static/media/ic_list_close_m_normal@2x.e0148df8.png) no-repeat left 2px;
    background-size: 18px
}

.contentsViewWrap .columTitle.nonToggle {
    background: none;
    cursor: default
}

.contentsViewWrap .columDateTime {
    color: #8c8c8c;
    padding: 0 0 0 29px
}

.contentsViewWrap .columSub {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #4a4a4a;
    margin: -.5px 5px 7px 0;
    overflow: hidden;
    text-align: left;
    align-items: center
}

.contentsViewWrap .columSub:first-child {
    margin-left: 0
}

.contentsViewWrap .columSub.on {
    height: auto
}

.contentsViewWrap .columSub .badge {
    display: inline-block;
    min-width: 55px;
    justify-content: center;
    align-items: center;
    height: 18px;
    margin: 2px 5px 0 0;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top
}

.contentsViewWrap .columSub .badge.color01 {
    background-color: #20c997
}

.contentsViewWrap .columSub .badge.color02 {
    background-color: #ffa94d
}

.contentsViewWrap .columSub .badge.color03 {
    background-color: #46a3f0
}

.contentsViewWrap .columSub .file {
    display: inline-block;
    height: 20px;
    padding: 0 0 0 15px;
    background: url(/modules/barcode/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px
}

.contentsViewWrap .columSub .senderOption {
    margin: 0
}

.contentsViewWrap .columSub .senderOption > div {
    background-image: none
}

.contentsViewWrap .columSub .senderOption > div button {
    border: none !important
}

.contentsViewWrap .columSub .senderOption .LS_splitbtn.size_m .LS_btn {
    padding: 0;
    line-height: 18px;
    height: 22px
}

.contentsViewWrap .columSub .senderOption .LS_splitbtn.size_m .LS_btn + .LS_btn {
    padding: 0
}

.contentsViewWrap .columSub .senderOption .LS_splitbtn .LS_btn .sp_selene {
    visibility: hidden;
    display: none
}

.contentsViewWrap .columSub .senderOption .LS_splitbtn:hover .LS_btn .sp_selene {
    visibility: visible
}

.contentsViewWrap .mailHeadfixed {
    width: 130px
}

.contentsViewWrap .mailHeadfixed .dateTime {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #8c8c8c;
    text-align: right;
    min-height: 24px;
    padding: 14px 0
}

.contentsViewWrap .mailViewBody .mailEditorContents {
    padding: 10px 0;
    box-sizing: border-box;
    word-break: break-word
}

.contentsViewWrap .mailViewBody .vcalendar {
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon {
    border-top: 6px solid transparent;
    -o-border-image: linear-gradient(90deg, #0af 4%, #8168ff 95%);
    border-image: linear-gradient(90deg, #0af 4%, #8168ff 95%);
    border-image-slice: 1;
    box-sizing: border-box;
    padding: 0 21px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox {
    padding: 34px 0 28px;
    border-bottom: 1px solid #e6e6e6
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .raidus {
    padding: 4px 9px;
    border-radius: 12px;
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 10px;
    text-align: center
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .raidus.blue {
    background-color: #46a3f0
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .raidus.purple {
    background-color: #8b8bff
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .raidus.red {
    background-color: #ff8787
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .text.blue {
    color: #46a3f0
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .text.purple {
    color: #8b8bff
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .text.red {
    color: #ff8787
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .titleBox .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.8px;
    margin-right: 10px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt {
    padding: 30px 0 40px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl {
    display: flex;
    flex-direction: row;
    min-width: 0;
    margin-bottom: 17px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dt {
    width: 78px;
    font-size: 13px;
    font-weight: 700;
    padding-left: 22px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dt.map {
    background: url(/modules/barcode/static/media/ic_map_m_normal@2x.f3ae1cf0.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dt.receive {
    background: url(/modules/barcode/static/media/ic_receive_docu_m_normal@2x.d02c79d8.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dt.survey {
    background: url(/modules/barcode/static/media/ic_survey_m_normal@2x.76a0a92d.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dt.time {
    background: url(/modules/barcode/static/media/ic_time_m_normal@2x.5bca0a9c.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl dd {
    flex: 1 1;
    min-width: 0;
    line-height: 20px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt dl:last-of-type {
    margin-bottom: 0 !important
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt .btn {
    justify-content: center;
    display: inline-flex
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt .btn .regBtn {
    padding: 14px 46px 14px 47px;
    margin-top: 30px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 5px 10px 0 rgba(61, 69, 86, .16);
    background-image: linear-gradient(90deg, #0af 4%, #8168ff 95%);
    font-size: 14px;
    letter-spacing: -.7px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dt {
    color: #a6a6a6
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dt.map {
    background: url(/modules/barcode/static/media/ic_map_m_disable@2x.03332dc5.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dt.receive {
    background: url(/modules/barcode/static/media/ic_receive_docu_m_disable@2x.ed3bfa89.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dt.survey {
    background: url(/modules/barcode/static/media/ic_survey_m_disable@2x.fa97166a.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dt.time {
    background: url(/modules/barcode/static/media/ic_time_m_disable@2x.4c3284f1.png) no-repeat left top 1px;
    background-size: 18px
}

.contentsViewWrap .mailViewBody .vcalendar .vcCon .cnt.cancel dl dd {
    color: #a6a6a6;
    text-decoration: line-through
}

.millViewTop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    background: #fff url(/modules/barcode/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat center right 5px;
    background-size: 10px;
    box-sizing: border-box;
    z-index: 2
}

.millViewTop:hover {
    color: #fff;
    border: 1px solid #1c90fb;
    background: #1c90fb url(/modules/barcode/static/media/ic_arrow_up_01_s_w_over@2x.cbfc56fd.png) no-repeat center right 5px;
    background-size: 10px
}

.mailListFoot {
    min-width: 588px;
    width: 100%;
    position: relative;
    zoom: 1;
    z-index: 1;
    border-top: 1px solid #d9d9d9
}

.mailListFoot li {
    clear: both;
    min-height: 36px;
    border-left: 2px solid #fff;
    border-bottom: 1px solid #e6e6e6
}

.mailListFoot li .icon_rel {
    width: 20px
}

.mailListFoot li .icon_rel img {
    margin-top: 13px
}

.mailListFoot li .icon_mail {
    width: 20px;
    height: 18px;
    margin: 9px 5px 0 0;
    background: url(/modules/barcode/static/media/ic_mail_read_m_disable@2x.7ac0d5aa.png) no-repeat top 2px center;
    cursor: pointer;
    background-size: 18px 18px
}

.mailListFoot li .ico_file {
    width: 20px;
    height: 16px;
    margin: 12px 5px 0 0
}

.mailListFoot li .ico_file.on {
    background: url(/modules/barcode/static/media/ic_attach_m_normal@2x.2aade535.png) no-repeat top;
    background-size: 18px
}

.mailListFoot li .item-sender {
    width: 110px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    align-items: center
}

.mailListFoot li .item-sender .addr {
    display: inline-block;
    max-width: 90px;
    padding: 0 10px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.mailListFoot li .item-sender .addr.flag {
    max-width: 67px
}

.mailListFoot li .item-sender .addr + div {
    position: absolute !important;
    top: 4px;
    left: 0
}

.mailListFoot li .item-subject {
    position: relative;
    padding: 9px 0
}

.mailListFoot li .item-subject .title {
    margin: 8px 0 0;
    cursor: pointer;
    color: #a6a6a6
}

.mailListFoot li .item-subject .title:hover {
    text-decoration: underline
}

.mailListFoot li .item-subject .nWindowBtn {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin: 0 0 0 5px;
    background: url(/modules/barcode/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.mailListFoot li .item-date {
    width: 100px;
    text-align: right;
    margin: 8px 20px 0 0;
    color: #999;
    cursor: pointer
}

.mailListFoot li.unRead .icon_mail {
    margin: 10px 5px 0 0;
    background: url(/modules/barcode/static/media/ic_mail_m_unread@2x.19b745a0.png) no-repeat top 2px center;
    background-size: 18px
}

.mailListFoot li.unRead .item-sender .addr {
    color: #1c90fb
}

.mailListFoot li.unRead .item-subject .title {
    color: #000
}

.move_sel {
    width: 100%
}

.move_sel .moveTit {
    height: 27px;
    line-height: 27px;
    border: 1px solid #ccc;
    padding-left: 7px;
    box-sizing: border-box;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding-right: 40px;
    cursor: pointer;
    background: url(/modules/barcode/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 6px top 8px;
    background-size: 10px 10px
}

.move_sel.on .moveTit {
    border: 1px solid #1c90fb;
    background: url(/modules/barcode/static/media/ic_arrow_up_01_s_over.248d893e.png) no-repeat right 6px top 8px;
    background-size: 10px 10px
}

.move_sel.on .mainMove {
    opacity: 1;
    transform: scaleY(1)
}

.move_sel .mainMove {
    position: fixed;
    z-index: 11;
    width: 265px;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1) 0ms, opacity .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border-radius: 2px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top
}

.move_sel .mainMove .moveList ul .tit_div:before {
    background: none;
    width: 10px
}

.mlistInput {
    width: calc(100% - 22px) !important;
    padding-left: 2px
}

.mainMove {
    background: #fff;
    border: 1px solid #a6a6a6;
    width: 200px
}

.mainMove .moveList {
    padding: 5px 0 0
}

.mainMove .moveList ul li {
    cursor: pointer
}

.mainMove .moveList ul li .tit_div {
    line-height: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    padding-right: 10px;
    box-sizing: border-box
}

.mainMove .moveList ul li .tit_div:before {
    content: "";
    background: url(/modules/barcode/static/media/ico_mail_filter_chk.842c639b.png) no-repeat 50%;
    display: inline-block;
    width: 26px;
    height: 8px;
    visibility: hidden
}

.mainMove .moveList ul > li.on > .tit_div {
    color: #1c90fb
}

.mainMove .moveList ul > li.on > :before {
    visibility: visible
}

.mainMove .moveList ul > li > .tit_div:hover,
.mainMove .moveList ul > li > .tit_div:hover > li > .tit_div:hover,
.mainMove .moveList ul > li > .tit_div:hover > li > .tit_div:hover > li .tit_div:hover {
    background-color: #e6f5ff
}

.mainMove .moveList .dep2 .tit_div .tit {
    padding-left: 12px;
    background-position: left 0 center
}

.mainMove .moveList .dep2 .dep3 .tit_div .tit,
.mainMove .moveList .dep2 .tit_div .tit {
    background-image: url(/modules/barcode/static/media/icon_mail_dep2.d7bb1c57.png);
    background-repeat: no-repeat
}

.mainMove .moveList .dep2 .dep3 .tit_div .tit {
    padding-left: 22px;
    background-position: left 10px center
}

.mainMove .newAddMail {
    padding: 5px 10px
}

.mainMove .foot {
    text-align: center;
    height: 40px;
    background: #f2f2f2;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 6px
}

.UDAP023 {
    width: 600px;
    height: 508px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    box-sizing: border-box
}

.UDAP023 .mailPreCon {
    padding: 20px 30px 0
}

.UDAP023 .mailPreCon .txt {
    border: 1px solid #e6e6e6;
    height: 131px;
    box-sizing: border-box;
    padding: 21px;
    line-height: 1.5;
    letter-spacing: -.3px;
    color: #000
}

.UDAP026 .name {
    font-weight: 700
}

.UDAP026 [data-orbit-component=OBTFormPanel] td {
    height: 34px
}

.UDAP026 [data-orbit-component=OBTFormPanel] td > div {
    display: contents !important
}

.adrBox {
    border: 1px solid #e6e6e6;
    height: 50px;
    box-sizing: border-box
}

.adrBox dl {
    display: flex;
    justify-content: center;
    margin-top: 11px
}

.adrBox dl dt {
    line-height: 27px;
    color: #010101;
    margin-right: 2px
}

.adrBox dl dd {
    margin-left: 4px
}

.recentLayer {
    width: 270px;
    z-index: 3;
    border: 1px solid #a6a6a6;
    background: #fff
}

.recentLayer .recentLayer_in,
.recentLayer .recentLayer_in > div {
    height: 100%
}

.recentLayer .recentLayer_in ul {
    width: 100%
}

.recentLayer .recentLayer_in ul li {
    width: 100%;
    position: relative;
    height: 27px;
    line-height: 27px;
    padding-left: 11px;
    box-sizing: border-box
}

.recentLayer .recentLayer_in ul li .txt {
    display: block;
    width: calc(100% - 30px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer
}

.recentLayer .recentLayer_in ul li .del {
    display: inline-block;
    background: url(/modules/barcode/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50%;
    position: absolute;
    top: 6px;
    right: 13px;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.recentLayer .recentLayer_in ul li.on,
.recentLayer .recentLayer_in ul li:hover {
    background: #eff7ff
}

.UDAP010_tab1 .fontColor {
    margin: 0 0 0 10px;
    width: 16px;
    text-align: center
}

.UDAP010_tab1 .fontColor img {
    vertical-align: middle;
    padding-bottom: 3px
}

.UDAP010_tab1 .fontColor .colorBg {
    background: #000;
    height: 4px
}

.UDAP010_tab1 .btn_arr_layer {
    margin: 10px 0 0 2px;
    cursor: pointer
}

.UDAP010_tab2 .totalCount {
    height: 40px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    box-sizing: border-box;
    margin: 7px 0 10px;
    padding: 10px 20px
}

.UDAP010_tab2 .totalCount .left_div {
    float: left;
    vertical-align: middle
}

.UDAP010_tab2 .totalCount .left_div em {
    color: #1c90fb
}

.UDAP010_tab2 .totalCount .left_div dl {
    float: left;
    width: 160px;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #e6e6e6;
    height: 16px;
    line-height: 16px;
    margin-top: 2px
}

.UDAP010_tab2 .totalCount .left_div dl dt {
    float: left;
    color: #8c8c8c
}

.UDAP010_tab2 .totalCount .left_div dl dd {
    float: right;
    color: #1c90fb
}

.UDAP010_tab2 .totalCount .left_div dl:last-child {
    border-right: none
}

.UDAP010_tab2 .totalCount .right_div {
    float: right;
    vertical-align: middle
}

.UDAP010_tab2 .totalCount .right_div.overGauge .percentBar {
    background: #fc5252 !important
}

.UDAP010_tab2 .totalCount .right_div.overGauge em {
    color: #fc5252
}

.UDAP010_tab2 .totalCount .right_div .countTotal {
    float: left;
    padding-right: 8px
}

.UDAP010_tab2 .totalCount .right_div .progressBar {
    float: left;
    width: 170px;
    height: 6px;
    border-radius: 3.5px;
    background-color: #e5e5e5;
    margin: 7px 10px 0
}

.UDAP010_tab2 .totalCount .right_div .percentBar {
    background-color: #1c90fb;
    height: 6px;
    border-radius: 3.5px
}

.UDAP010_tab2 .totalCount .right_div .prgText {
    color: #a6a6a6
}

.UDAP010_tab2 .totalCount .right_div .prgText em {
    color: #1c90fb
}

.UDAP010_tab2 .totalCount .right_div em {
    font-weight: 700
}

.UDAP010_tab2 .totalCount .btn_arr_layer {
    margin-top: 10px;
    margin-left: 2px;
    cursor: pointer
}

.UDAP010_tab2 .BtnEdit {
    width: 28px;
    height: 27px;
    padding: 0;
    margin: 0 0 0 10px
}

.UDAP010_tab2 .pubFormStyle button {
    margin-right: 4px
}

.UDAP010_tab2 .pubFormStyle button:last-child {
    margin-right: 0
}

#externalEmail input:-webkit-autofill,
#externalPass input:-webkit-autofill {
    box-shadow: none !important
}

.mailProcess {
    width: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.mailProcess ul {
    display: flex;
    flex-wrap: wrap
}

.mailProcess ul li {
    float: left;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 56px;
    box-sizing: border-box;
    background: #f5f5f5;
    margin-top: 10px;
    margin-left: 16px;
    position: relative
}

.mailProcess ul li:before {
    background: url(/modules/barcode/static/media/bg_eapline02_before.809594d0.png) no-repeat;
    background-size: 16px 54px;
    left: -16px;
    height: 54px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.mailProcess ul li:after,
.mailProcess ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -1px;
    width: 16px;
    z-index: 1
}

.mailProcess ul li:after {
    background: url(/modules/barcode/static/media/bg_eapline02_after.a8e33602.png) no-repeat;
    background-size: 16px 56px;
    right: -16px;
    height: 56px
}

.mailProcess ul li.on {
    border-bottom: 1px solid #1c90fb;
    border-top: 1px solid #1c90fb;
    background: #e9f5ff
}

.mailProcess ul li.on:before {
    background: url(/modules/barcode/static/media/bg_eapline01_blue_before.c7043cab.png) no-repeat;
    background-size: 16px 54px;
    height: 54px;
    z-index: 1;
    border-top: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb
}

.mailProcess ul li.on:after,
.mailProcess ul li.on:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px
}

.mailProcess ul li.on:after {
    background: url(/modules/barcode/static/media/bg_eapline02_blue.759a6ad8.png) no-repeat;
    background-size: 16px 56px;
    height: 56px;
    z-index: 2
}

.mailProcess ul li.on + li:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/modules/barcode/static/media/bg_eapline02_before.809594d0.png) no-repeat;
    background-size: 16px 54px;
    width: 16px;
    height: 54px;
    z-index: 1
}

.mailProcess ul li.sign {
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.mailProcess ul li.sign:before {
    background: url(/modules/barcode/static/media/bg_eapline01.1f20c774.png) no-repeat;
    background-size: 16px 54px;
    height: 54px
}

.mailProcess ul li.sign:after,
.mailProcess ul li.sign:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    z-index: 1
}

.mailProcess ul li.sign:after {
    background: url(/modules/barcode/static/media/bg_eapline01.1f20c774.png) no-repeat;
    background-size: 16px 56px;
    height: 56px
}

.mailProcess ul li:first-child:before {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f5f5;
    height: 54px
}

.mailProcess ul li.on:first-child:before {
    border-top: 1px solid #1c90fb;
    border-left: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff;
    height: 54px
}

.mailProcess ul li.sign:first-child:before {
    background: #fff
}

.mailProcess ul li:last-child:after {
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f5f5;
    height: 54px
}

.mailProcess ul li.on:last-child:after {
    border-top: 1px solid #1c90fb;
    border-right: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff
}

.mailProcess ul li.sign:last-child:after {
    background: #fff
}

.mailProcess .elv {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    width: 164px;
    float: left;
    position: relative
}

.mailProcess .elv .condi {
    width: 32px;
    height: 32px
}

.mailProcess .elv .condi div {
    display: inline-block;
    background: #e6e6e6;
    color: #a6a6a6;
    font-size: 11px;
    line-height: 32px;
    text-align: center;
    border-radius: 50% 50%;
    width: 32px;
    height: 32px;
    margin-top: 2px
}

.mailProcess .elv .condi .col_green {
    background: #20c997;
    color: #fff
}

.mailProcess .elv .condi .col_orange {
    background: #f8a457;
    color: #fff
}

.mailProcess .elv .condi .col_red {
    background: #ff8787;
    color: #fff
}

.mailProcess .elv .condi .col_gray {
    background: #9da3aa;
    color: #fff
}

.mailProcess .elv .condi .col_blue {
    background: #46a3f0;
    color: #fff
}

.mailProcess .elv .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px
}

.mailProcess .elv .txt .na {
    color: #4a4a4a;
    font-size: 14px
}

.mailProcess .elv .txt .dat {
    color: #a6a6a6;
    font-size: 11px
}

.mailProcess .elv + .elv {
    margin-left: 8px;
    padding-left: 8px
}

.mailProcess .elv + .elv:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #e6e6e6;
    left: 0;
    top: 10px;
    width: 1px;
    height: 20px;
    z-index: 1
}

.UDB4050 .data-area {
    overflow: hidden;
    position: relative;
    min-height: 280px;
    padding: 30px 0 30px 20px !important;
    background-image: linear-gradient(90deg, #eff4fa, #dfe5ef, #dfe5ef);
    box-sizing: border-box
}

.UDB4050 .data-area:before {
    left: 0;
    width: 1920px;
    min-height: 280px;
    background-image: url(/modules/barcode/static/media/img_approvalmail_report_bg@2x.340b8927.png);
    background-size: 1672px 280px
}

.UDB4050 .data-area:after,
.UDB4050 .data-area:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.UDB4050 .data-area:after {
    left: 640px;
    width: 620px;
    height: 280px;
    background-image: url(/modules/barcode/static/media/img_approvalmail_report.b40161b8.png)
}

.UDB4050 .data-area > div {
    position: relative;
    display: inline-flex;
    min-height: 220px;
    padding: 30px 40px 24px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box;
    z-index: 1
}

.UDB4050 .data-area .area {
    min-width: 600px
}

.UDB4050 .data-area .area .title {
    margin: 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: -.9px
}

.UDB4050 .data-area .area .title .text01 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #000
}

.UDB4050 .data-area .area .heading .total dl {
    position: relative;
    height: 31px;
    padding: 0 0 0 6px;
    border-top: 1px dashed #e6e6e6;
    box-sizing: border-box
}

.UDB4050 .data-area .area .heading .total dl:first-child {
    border: none
}

.UDB4050 .data-area .area .heading .total dl:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #818181
}

.UDB4050 .data-area .area .heading .total dl dt {
    font-size: 13px;
    line-height: 31px;
    color: #a6a6a6
}

.UDB4050 .data-area .area .heading .total dl dd {
    font-size: 12px;
    line-height: 31px;
    color: #474747;
    text-align: right
}

.UDB4050 .data-area .area .heading .total dl dd b {
    font-size: 16px;
    font-weight: 700;
    line-height: 31px;
    color: #474747
}

.UDB4050 .data-area .area .info {
    position: relative;
    min-width: 268px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UDB4050 .data-area .area .info .graphBox,
.UDB4050 .data-area .area .info .graphBox .graph {
    position: relative
}

.UDB4050 .data-area .area .info .graphBox .graph .total {
    position: absolute;
    top: 28px;
    left: 137px;
    width: 74px;
    height: 74px;
    border-radius: 100px
}

.UDB4050 .data-area .area .info .graphBox .graph .total .text {
    margin: 15px 0 0;
    font-size: 10px;
    line-height: 15px;
    color: #000;
    text-align: center;
    letter-spacing: -.6px
}

.UDB4050 .data-area .area .info .graphBox .graph .total .cnt {
    font-size: 12px;
    line-height: 30px;
    color: #000;
    justify-content: center;
    letter-spacing: -.9px
}

.UDB4050 .data-area .area .info .graphBox .graph .total .cnt b {
    max-width: 50px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UDB4050 .data-area .area .info .dateText {
    top: 5px;
    left: 35px
}

.UDB4050 .data-area .area .info .dateText,
.UDB4050 .data-area .area .more {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    color: #a6a6a6;
    letter-spacing: -.6px
}

.UDB4050 .data-area .area .more {
    top: 10px;
    right: 15px;
    padding: 0 12px 0 0;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 100%;
    background-size: 10px;
    cursor: pointer
}

.UDB4050 .data-area .area .more:hover {
    color: #1c90fb;
    background: url(/modules/barcode/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 100%;
    background-size: 10px
}

@media(min-width:1508px) {
    .UDB4050 .data-area:after {
        left: auto;
        right: 0
    }

    .UDB4050 .data-area .area {
        width: calc(100% - 642px);
        max-width: 900px
    }
}

@media(min-width:1809px) {
    .UDB4050 .data-area:after {
        left: 940px
    }
}

.UDB4050 .selectInputBox {
    position: relative
}

.UDB4050 .selectInputBox .selectInput > div > div > div > span,
.UDB4050 .selectInputBox .textInput > div > div {
    padding: 3px 24px 3px 6px !important
}

.UDB4050 .selectInputBox .selectInputSearchBtn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    background: url(/modules/barcode/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.UDB4050 .selectInputBox .selectInputSearchBtn:hover {
    background: url(/modules/barcode/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.UDB4050 .container {
    box-sizing: border-box
}

.UDB4050 .container.usePadding {
    padding: 0 20px 20px;
    box-sizing: border-box
}

.UDB4050 .titleConBox {
    height: auto;
    margin: 0 0 10px;
    padding: 0 18px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden
}

.UDB4050 .titleConBox,
.UDB4050 .titleConBox .headWrap {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box
}

.UDB4050 .titleConBox .headWrap {
    height: 43px;
    padding: 0;
    border-bottom: 1px solid #e6e6e6
}

.UDB4050 .titleConBox .headWrap .tabTitle {
    margin: 8px 0 0
}

.UDB4050 .titleConBox .headWrap .tabTitle .tit {
    font-size: 14px;
    line-height: 27px;
    color: #4a4a4a;
    letter-spacing: -.7px;
    cursor: pointer
}

.UDB4050 .titleConBox .headWrap .tabTitle .tit.on {
    font-size: 14px;
    font-weight: 700;
    line-height: 27px;
    color: #1c90fb
}

.UDB4050 .titleConBox .headWrap .tabTitle .line {
    width: 1px;
    height: 11px;
    margin: 8px 10px 0;
    background-color: #e6e6e6
}

.UDB4050 .titleConBox .conWrap {
    position: relative
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap {
    padding: 0 30px
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading {
    min-width: 214px;
    max-width: 300px;
    padding: 40px 30px 40px 0
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .date {
    margin: 0 0 10px;
    padding: 0 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    text-align: center;
    letter-spacing: -.6px;
    border-radius: 4px;
    border: 1px solid #d5dee6;
    background-color: #f0f5fa;
    box-sizing: border-box
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .total dl {
    position: relative;
    height: 35px;
    padding: 0;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .total dl:first-child {
    border: none
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .total dl dt {
    font-size: 13px;
    line-height: 35px;
    color: #a6a6a6
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .total dl dd {
    font-size: 12px;
    line-height: 35px;
    color: #474747;
    text-align: right
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .heading .total dl dd b {
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    color: #474747
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info {
    position: relative;
    padding: 40px 0 20px 30px;
    box-sizing: border-box
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox,
.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox .graph {
    position: relative
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox .graph .total {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -37px;
    width: 74px;
    height: 74px;
    border-radius: 100px
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox .graph .total .text {
    margin: 15px auto 0;
    font-size: 10px;
    line-height: 15px;
    color: #000;
    text-align: center;
    letter-spacing: -.6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox .graph .total .cnt {
    font-size: 12px;
    line-height: 30px;
    color: #000;
    justify-content: center;
    letter-spacing: -.9px
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .graphBox .graph .total .cnt b {
    max-width: 50px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category {
    justify-content: center;
    margin: 20px 0 0
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category > div {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    padding: 0 20px 0 32px
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category .c1:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #46a3f0
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category .c2:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #24c997
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category .c3:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #fd8787
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .category .c4:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #f0c325
}

.UDB4050 .titleConBox .conWrap .tabGraphWrap .info .dateText {
    position: absolute;
    top: 5px;
    left: 35px;
    font-size: 12px;
    line-height: 18px;
    color: #a6a6a6;
    letter-spacing: -.6px
}

.UDB4050 .UDB4050ChartTooltip li {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    padding: 0 0 0 15px
}

.UDB4050 .UDB4050ChartTooltip .c1:before {
    background-color: #46a3f0
}

.UDB4050 .UDB4050ChartTooltip .c1:before,
.UDB4050 .UDB4050ChartTooltip .c2:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px
}

.UDB4050 .UDB4050ChartTooltip .c2:before {
    background-color: #24c997
}

.UDB4050 .UDB4050ChartTooltip .c3:before {
    background-color: #fd8787
}

.UDB4050 .UDB4050ChartTooltip .c3:before,
.UDB4050 .UDB4050ChartTooltip .c4:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px
}

.UDB4050 .UDB4050ChartTooltip .c4:before {
    background-color: #f0c325
}

/*# sourceMappingURL=1.2c35b942.chunk.css.map */