@charset "UTF-8";

.Breadcrumb_breadcrumb__CE_Ud {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #f8f9fa;
    padding: 0 10px;
    font-size: 1.25em
}

.Breadcrumb_node-item__1nQ_l {
    display: flex;
    position: relative;
    align-items: center
}

.Breadcrumb_node-item--end__2l9xF {
    display: flex;
    position: relative;
    cursor: pointer
}

.Breadcrumb_node-item__prev__iZnkX {
    cursor: pointer;
    text-decoration: underline
}

.Breadcrumb_dropdown__231Yv {
    white-space: nowrap;
    background-color: #fff;
    position: absolute;
    border: 1px solid;
    z-index: 10;
    top: 20px;
    font-size: 11px;
    padding: 10px
}

.Breadcrumb_dropdown__231Yv a {
    text-decoration: none
}

.OBTPortal_orbitPortalRoot__3FIEo {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 500
}

.OBTFloatingPanel_root__1LoHp {
    display: inline-block;
    position: fixed;
    z-index: 500
}

.OBTFloatingPanel_root__1LoHp.OBTFloatingPanel_invisible__1NAGs {
    display: none
}

.OBTFloatingPanel_root__1LoHp.OBTFloatingPanel_opacity__1iuAW {
    opacity: 0
}

.OBTFloatingPanel_rootWrapper__3NuFI {
    position: fixed;
    display: none
}

.OBTTooltip_root__3Hfed {
    display: inline-block;
    line-height: 0
}

.OBTTooltip_tooltipFloatingPanel__3tx-q {
    pointer-events: none
}

.OBTTooltip_tooltip__ymfZd {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .12s ease-out;
    transform: scale(1)
}

.OBTTooltip_tooltip__ymfZd:not(.OBTTooltip_visible__2ECrV) {
    transform: scale(0)
}

.OBTTooltip_tooltip__ymfZd:not(.OBTTooltip_visible__2ECrV):not(.OBTTooltip_transition__oGrsb) {
    display: none
}

.OBTTooltip_tooltip__ymfZd>.OBTTooltip_contents__2BHf5 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .12);
    font-size: 12px;
    line-height: 12px;
    padding: 7px 12px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #a6a6a6;
    color: #000
}

.OBTTooltip_tooltip__ymfZd>.OBTTooltip_contents__2BHf5.OBTTooltip_maxContent__2CB_G {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 20em;
    white-space: normal;
    word-break: break-all
}

.OBTTooltip_tooltip__ymfZd>.OBTTooltip_arrowWrapper__J7Cve {
    position: relative;
    box-sizing: border-box;
    width: 10px;
    height: 10px
}

.OBTTooltip_tooltip__ymfZd>.OBTTooltip_arrowWrapper__J7Cve>.OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd>.OBTTooltip_arrowWrapper__J7Cve>.OBTTooltip_arrowBackground__3pESK {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 5px solid transparent
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_top__1UbBU {
    flex-direction: column
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_top__1UbBU .OBTTooltip_arrowWrapper__J7Cve {
    height: 6px;
    margin: 0 5px
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F {
    border-top-color: #a6a6a6
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    margin-top: -1px;
    border-top-color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_bottom__gcix7 {
    flex-direction: column-reverse
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowWrapper__J7Cve {
    height: 6px;
    margin: 0 5px
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F {
    margin-top: -4px;
    border-bottom-color: #a6a6a6
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    margin-top: -3px;
    border-bottom-color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_left__jDV4Q {
    flex-direction: row
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_left__jDV4Q .OBTTooltip_arrowWrapper__J7Cve {
    width: 6px;
    margin: 5px 0
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F {
    border-left-color: #a6a6a6
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    margin-left: -1px;
    border-left-color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_right__2Eo7r {
    flex-direction: row-reverse
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_right__2Eo7r .OBTTooltip_arrowWrapper__J7Cve {
    width: 6px;
    margin: 5px 0
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F {
    margin-left: -4px;
    border-right-color: #a6a6a6
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    margin-left: -3px;
    border-right-color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_near__JoGZ2 {
    align-items: flex-start
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_far__2_U9b {
    align-items: flex-end
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9>.OBTTooltip_contents__2BHf5 {
    background-color: #1c90fb;
    border-color: #156cbc;
    color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F {
    border-top-color: #156cbc
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #1c90fb
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F {
    border-bottom-color: #156cbc
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #1c90fb
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F {
    border-left-color: #156cbc
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #1c90fb
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F {
    border-right-color: #156cbc
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_blue__3gw-9.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #1c90fb
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl>.OBTTooltip_contents__2BHf5 {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #000
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #000
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #000
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_black__1djPl.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #000
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH>.OBTTooltip_contents__2BHf5 {
    background-color: #fc5356;
    border-color: #bd3e40;
    color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F {
    border-top-color: #bd3e40
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #fc5356
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F {
    border-bottom-color: #bd3e40
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #fc5356
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F {
    border-left-color: #bd3e40
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #fc5356
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F {
    border-right-color: #bd3e40
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_red__2X_iH.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #fc5356
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6>.OBTTooltip_contents__2BHf5 {
    background-color: #febc2c;
    border-color: #be8d21;
    color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F {
    border-top-color: #be8d21
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #febc2c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F {
    border-bottom-color: #be8d21
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #febc2c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F {
    border-left-color: #be8d21
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #febc2c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F {
    border-right-color: #be8d21
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_orange__29jM6.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #febc2c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF>.OBTTooltip_contents__2BHf5 {
    background-color: #1fc47c;
    border-color: #17935d;
    color: #fff
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F {
    border-top-color: #17935d
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #1fc47c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F {
    border-bottom-color: #17935d
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #1fc47c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F {
    border-left-color: #17935d
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #1fc47c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F {
    border-right-color: #17935d
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_green__1PVIF.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #1fc47c
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW>.OBTTooltip_contents__2BHf5 {
    background-color: #ffdede;
    border-color: #ffdede;
    color: #010101
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_top__1UbBU .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_top__1UbBU .OBTTooltip_arrowBackground__3pESK {
    border-top-color: #ffdede
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_bottom__gcix7 .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_bottom__gcix7 .OBTTooltip_arrowBackground__3pESK {
    border-bottom-color: #ffdede
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_left__jDV4Q .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_left__jDV4Q .OBTTooltip_arrowBackground__3pESK {
    border-left-color: #ffdede
}

.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_right__2Eo7r .OBTTooltip_arrow__3jE6F,
.OBTTooltip_tooltip__ymfZd.OBTTooltip_required__22CzW.OBTTooltip_right__2Eo7r .OBTTooltip_arrowBackground__3pESK {
    border-right-color: #ffdede
}

	.OBTButton_root__msuN- {
	    border-radius: 2px;
	    box-sizing: border-box;
	    border: 1px solid #ccc;
	    font-weight: 400;
	    letter-spacing: normal;
	    color: #000;
	    background-color: transparent;
	    cursor: pointer
	}

.OBTButton_root__msuN->.OBTButton_wrapper__1LZ6p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.OBTButton_root__msuN->.OBTButton_wrapper__1LZ6p>.OBTButton_labelText__1s2qO {
    position: relative;
    line-height: normal
}

.OBTButton_root__msuN->.OBTButton_wrapper__1LZ6p>:not(:last-child) {
    margin-right: 2px
}

.OBTButton_root__msuN-.OBTButton_typebig__2J5Bl {
    height: 32px;
    padding: 0 16px
}

.OBTButton_root__msuN-.OBTButton_typebig__2J5Bl>.OBTButton_wrapper__1LZ6p>.OBTButton_labelText__1s2qO {
    font-size: 15px
}

.OBTButton_root__msuN-.OBTButton_typedefault__cVS9p {
    height: 27px;
    padding: 0 10px
}

.OBTButton_root__msuN-.OBTButton_typedefault__cVS9p>.OBTButton_wrapper__1LZ6p>.OBTButton_labelText__1s2qO {
    font-size: 12px
}

.OBTButton_root__msuN-.OBTButton_typesmall__3toy9 {
    height: 21px;
    padding: 0 8px
}

.OBTButton_root__msuN-.OBTButton_typesmall__3toy9>.OBTButton_wrapper__1LZ6p>.OBTButton_labelText__1s2qO {
    font-size: 11px
}

.OBTButton_root__msuN-.OBTButton_typeicon__S77xC {
    width: 25px;
    height: 25px;
    position: relative;
    border-radius: 12.5px;
    border: none;
    padding: 0;
    font-size: 12px
}

.OBTButton_root__msuN-.OBTButton_typeicon__S77xC>.OBTButton_wrapper__1LZ6p {
    flex-direction: column
}

.OBTButton_root__msuN-.OBTButton_typeicon__S77xC>.OBTButton_wrapper__1LZ6p>:not(:last-child) {
    margin-right: none;
    margin-bottom: 2px
}

.OBTButton_root__msuN-.OBTButton_typeicon__S77xC.OBTButton_overBackground__2sr3a:active,
.OBTButton_root__msuN-.OBTButton_typeicon__S77xC.OBTButton_overBackground__2sr3a:hover {
    background-color: rgba(0, 0, 0, .1)
}

.OBTButton_root__msuN-.OBTButton_disabled__23iTV:not(.OBTButton_typeicon__S77xC) {
    border-color: #ccc;
    background-color: #f5f5f5;
    color: #a6a6a6;
    cursor: not-allowed
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themedefault__1Cwgq {
    background-image: linear-gradient(0deg, #f0f0f0, #fff)
}

@media (max-width: 480px) {
	.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themedefault__1Cwgq:hover {
	    border: 1px solid #9f9f9f;
	    margin-top:15px;
	}
}
@media (min-width: 481px) {
	.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themedefault__1Cwgq:hover {
	    border: 1px solid #9f9f9f
	}
}
.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themedefault__1Cwgq:active {
    background-image: linear-gradient(180deg, #ddd, #f5f5f5)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeblue__3JTE9 {
    border-color: #1c90fb;
    color: #fff;
    background-image: linear-gradient(0deg, #1c90fb, #5eb5fd)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeblue__3JTE9:hover {
    border: 1px solid #136ad5;
    background-image: linear-gradient(0deg, #3280e0, #3ba1ff)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeblue__3JTE9:active {
    background-image: linear-gradient(180deg, #3280e0, #3ba1ff)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeskyBlue__kSen6 {
    border-color: #aedafe;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeskyBlue__kSen6:hover {
    border-color: #5eb5fd
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC):not(.OBTButton_disabled__23iTV).OBTButton_themeskyBlue__kSen6:active {
    background-image: linear-gradient(180deg, #a4d6fe, #e6f5ff)
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx {
    border-color: #b5b5b5;
    background: #50596c;
    color: #fff
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx:hover {
    border-color: #e6e6e6
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx:active {
    border-color: #b5b5b5
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx:disabled {
    color: #b3b3b3;
    border-color: #999
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx:disabled:active,
.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawer__DGybx:disabled:hover {
    border-color: #999
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp {
    border-color: #1c90fb;
    background: #1c90fb;
    color: #fff
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp:hover {
    border-color: #2ba7ff;
    background: #2ba7ff
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp:active {
    border-color: #1c90fb;
    background: #1c90fb
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp:disabled {
    color: #737373;
    border-color: #b3b3b3;
    background: #b3b3b3
}

.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp:disabled:active,
.OBTButton_root__msuN-:not(.OBTButton_typeicon__S77xC).OBTButton_themedrawerImportant__2Woxp:disabled:hover {
    border-color: #b3b3b3;
    background: #b3b3b3
}

.OBTConfirm_root__3LgAL {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.OBTConfirm_root__3LgAL>.OBTConfirm_dimmed__2ztWL {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3)
}

.OBTConfirm_root__3LgAL>.OBTConfirm_wrapper__3ZNp6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTConfirm_root__3LgAL>.OBTConfirm_wrapper__3ZNp6>.OBTConfirm_confirmBoxStyle__3aqwI {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1200;
    min-width: 300px;
    border: 1px solid #a6a6a6;
    background: #fff;
    padding: 30px
}

.OBTConfirm_root__3LgAL>.OBTConfirm_wrapper__3ZNp6>.OBTConfirm_confirmBoxStyle__3aqwI .OBTConfirm_buttonsDiv__1kMgF {
    margin-top: 14px
}

.OBTConfirm_root__3LgAL>.OBTConfirm_wrapper__3ZNp6>.OBTConfirm_confirmBoxStyle__3aqwI .OBTConfirm_buttonsDiv__1kMgF>* {
    margin: 0 2px
}

.OBTConfirm_root__3LgAL.OBTConfirm_closed__1Bah2 {
    display: none
}

.OBTConfirm_confirmIconStyle__32kH2 {
    margin-bottom: 20px;
    display: inline-block;
    width: 38px;
    height: 38px
}

.OBTConfirm_confirmTitleStyle__3Hc-z {
    min-height: 27px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: -.45px
}

.OBTConfirm_confirmMessageStyle__EtroK,
.OBTConfirm_confirmTitleStyle__3Hc-z {
    margin-bottom: 6px;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #000
}

.OBTConfirm_confirmMessageStyle__EtroK {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal
}

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

    to {
        transform: scaleY(1)
    }
}

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

    to {
        transform: scaleY(1)
    }
}

.OBTPageContainer_root__1dTOO {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    outline: none
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
    box-sizing: border-box
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_title__G09jG {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_title__G09jG>.OBTPageContainer_titleButton__3xd-K {
    background-image: url(/static/media/ico-title-fnc.69703044.png);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 18px;
    height: 18px;
    cursor: pointer;
    outline: none;
    margin-right: 7px
}


@media (max-width: 480px) {
	.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_title__G09jG>.OBTPageContainer_titleText__2tNMv {
	    color: #000;
	    font-size: 12px;
	    font-weight: 700;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: -.9px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis
	}
	.upperTableDiv{
		padding-top: 50px;
	}
}


@media (min-width: 481px) {
	.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_title__G09jG>.OBTPageContainer_titleText__2tNMv {
	    color: #000;
	    font-size: 18px;
	    font-weight: 700;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: -.9px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis
	}
	.upperTableDiv{
		padding-top: 10px;
	}
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_title__G09jG>.OBTPageContainer_titleBlank__36g-- {
    flex-grow: 1
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh {
    display: flex;
    flex-direction: row;
    align-items: center
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh>:not(:last-child) {
    margin-right: 3px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionButton__3b404,
.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC {
    line-height: normal
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC * {
    background-color: transparent !important;
    outline: none !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC>div>div>button {
    border-color: #d3d3d3 !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC>div>div>button:first-child {
    border-right: none !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC>div>div>button:last-child {
    border-left: none !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC>div>div>button:last-child>span {
    left: 3px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_primaryFunctionSplitButton__2AakC:hover>div>div>button {
    border-color: #8c8c8c !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh>.OBTPageContainer_splitter__bTwNt {
    background-color: #d3d3d3;
    height: 20px;
    width: 1px;
    margin-left: 4px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_systemButton__1QBZt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_systemButton__1QBZt>button {
    border: none !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_systemButton__1QBZt>button>span {
    background-position: 50% !important;
    background-size: auto !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_systemButton__1QBZt:hover>button {
    border-radius: 12.5px !important;
    background-color: rgba(0, 0, 0, .1) !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_backgroundColorNone__QaXuz:active,
.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_backgroundColorNone__QaXuz:hover {
    background-color: #fff !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF {
    line-height: normal;
    position: relative
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF.OBTPageContainer_collapsed__1FQMN .OBTPageContainer_functionPanelWrapper__2K1PL {
    display: none
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF.OBTPageContainer_show__3oC-T .OBTPageContainer_functionPanelWrapper__2K1PL {
    -webkit-animation: OBTPageContainer_functionPanelShow__1Caj6 .2s ease-out forwards;
    animation: OBTPageContainer_functionPanelShow__1Caj6 .2s ease-out forwards;
    transform-origin: top center
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL {
    position: absolute;
    top: 27px;
    padding-top: 0;
    z-index: 1000;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #a3a3a3;
    background-color: #fff
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>* {
    width: 100%;
    box-sizing: border-box
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_button__UlcxJ {
    cursor: pointer
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_button__UlcxJ.OBTPageContainer_disabled__3UiGJ {
    background-color: #f2f2f2;
    color: #a6a6a6;
    cursor: not-allowed
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_button__UlcxJ:not(.OBTPageContainer_disabled__3UiGJ):hover {
    background-color: #f5f5f5
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_function__tzAHZ {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    height: 30px;
    color: #000;
    padding: 0 10px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_child__1eIMB {
    font-weight: 400;
    padding-left: 20px;
    line-height: 22px;
    height: 22px;
    color: #4a4a4a
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>.OBTPageContainer_function__tzAHZ:not(.OBTPageContainer_child__1eIMB)+.OBTPageContainer_function__tzAHZ.OBTPageContainer_child__1eIMB {
    border-top: 1px solid #e9e9e9
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_header__3cYmR>.OBTPageContainer_mainButtons__VlcMh .OBTPageContainer_functionButton__1cJPF>.OBTPageContainer_functionPanelWrapper__2K1PL>.OBTPageContainer_functionPanel__14Bgg>:last-child.OBTPageContainer_child__1eIMB {
    margin-bottom: 4px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow: auto;
    position: relative;
    padding-bottom: 0;
    transition: padding-bottom .4s cubic-bezier(.23, 1, .32, 1)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8.OBTPageContainer_drawerShown__1G0sA {
    padding-bottom: 66px
}

@media (max-width: 480px) {
	
	.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY {
	    z-index: 0;
	    flex: 1 1 auto;
	    position: relative;
	    outline: none;
/* 	    min-width:600px; */
	}
	
}

@media (min-width: 481px) {

	.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY {
	    z-index: 0;
	    flex: 1 1 auto;
	    position: relative;
	    outline: none;
	    min-width:600px;
	}
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY>.OBTPageContainer_contents__2mvcl {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY.OBTPageContainer_noContentPadding__hso4J>.OBTPageContainer_contents__2mvcl {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY>.OBTPageContainer_popupContents__30v1E {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarButtonsWrapper__1PuP4 {
    display: flex;
    flex-direction: column
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w {
    width: 12px;
    height: 100px;
    border: none;
    background: transparent;
    background-repeat: no-repeat;
    outline: none;
    background-image: url(/static/media/btn_sb_close_normal.07d4e015.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w.OBTPageContainer_open__3VJSD {
    background-image: url(/static/media/btn_sb_close_over.edab7878.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w.OBTPageContainer_closed__3S2Ls {
    background-image: url(/static/media/btn_sb_open_normal.1f323cc1.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w.OBTPageContainer_closed__3S2Ls:hover {
    background-image: url(/static/media/btn_sb_open_over.42fbc792.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w.OBTPageContainer_disabled__3UiGJ {
    background-image: url(/static/media/btn_sb_open_normal.1f323cc1.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_sideBarCollapseButton__XHH9w.OBTPageContainer_disabled__3UiGJ:hover {
    cursor: default
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB {
    width: 12px;
    height: 100px;
    top: calc(50% + 45px);
    border: none;
    background: transparent;
    background-repeat: no-repeat;
    outline: none;
    background-image: url(/static/media/btn_info_open_normal.a7bee400.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB.OBTPageContainer_open__3VJSD {
    background-image: url(/static/media/btn_info_close_over.250342f8.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB.OBTPageContainer_closed__3S2Ls {
    background-image: url(/static/media/btn_info_open_normal.a7bee400.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB.OBTPageContainer_closed__3S2Ls:hover {
    background-image: url(/static/media/btn_info_open_over.6a08b111.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB.OBTPageContainer_disabled__3UiGJ {
    background-image: url(/static/media/btn_info_open_normal.a7bee400.png)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8 .OBTPageContainer_informationBarCollapseButton__3_1QB.OBTPageContainer_disabled__3UiGJ:hover {
    cursor: default
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_contentsWrapper__2F3OY>.OBTPageContainer_sideBarCollapseButton__XHH9w {
    position: absolute;
    right: 0;
    top: calc(50% - 50px)
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4 {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4:focus {
    outline: none
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_sideBarWrapper__1SMp_ {
    width: 211px;
    height: 100%;
    margin-left: -1px;
    overflow: hidden;
    transition: width .25s ease
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_sideBarWrapper__1SMp_>.OBTPageContainer_sideBarContents__1Bqs9 {
    width: 211px;
    height: 100%;
    background-color: #f5f5f5;
    border-left: 1px solid #e6e6e6;
    overflow-y: auto;
    box-sizing: border-box
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_sideBarWrapper__1SMp_>.OBTPageContainer_sideBarContents__1Bqs9>div {
    padding: 5px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_sideBarWrapper__1SMp_>.OBTPageContainer_sideBarContents__1Bqs9>div>:not(:last-child) {
    margin-bottom: 5px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_informationBarWrapper__bebcw {
    width: 358px;
    height: 100%;
    margin-left: -1px;
    overflow: hidden;
    transition: width .25s ease
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_informationBarWrapper__bebcw>.OBTPageContainer_informationBarContents__1XymV {
    width: 358px;
    height: 100%;
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    overflow-y: auto;
    box-sizing: border-box
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_informationBarWrapper__bebcw>.OBTPageContainer_informationBarContents__1XymV>div {
    padding: 5px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_informationBarWrapper__bebcw>.OBTPageContainer_informationBarContents__1XymV>div>:not(:last-child) {
    margin-bottom: 5px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4.OBTPageContainer_collapsed__1FQMN>.OBTPageContainer_sideBarWrapper__1SMp_,
.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8>.OBTPageContainer_sideBar__28Ag4>.OBTPageContainer_informationBarWrapper__bebcw.OBTPageContainer_collapsed__1FQMN {
    width: 0
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8.OBTPageContainer_floatSideBar__2sH57>.OBTPageContainer_contentsWrapper__2F3OY:not(.OBTPageContainer_noContentPadding__hso4J)>.OBTPageContainer_contents__2mvcl {
    right: 20px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_section__22zd8.OBTPageContainer_floatSideBar__2sH57>.OBTPageContainer_sideBar__28Ag4 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy {
    position: fixed;
    bottom: 0;
    height: 66px;
    overflow: hidden;
    transition: height .4s cubic-bezier(.23, 1, .32, 1);
    z-index: 900
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy.OBTPageContainer_collapsed__1FQMN {
    height: 0
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa {
    height: 66px;
    padding: 0 20px 0 27px;
    background-color: #50596c;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_selection__Kww4Q {
    font-size: 18px;
    color: #fff
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_selection__Kww4Q>.OBTPageContainer_selectionCount__Qg8du {
    color: #1ae0ed
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK {
    display: flex;
    flex-direction: row
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK>:not(:last-child) {
    margin-right: 4px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerButton__100Og {
    line-height: normal
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerButton__100Og>button {
    background-color: transparent !important;
    border: 1px solid #b5b5b5 !important;
    color: #dedede !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    height: 32px !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerButton__100Og>button:hover {
    background-color: #3b4455 !important;
    border: 1px solid #3b4455 !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ {
    line-height: normal
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ>div>div>button {
    background-color: transparent !important;
    border-color: #b5b5b5 !important;
    color: #dedede !important;
    height: 32px !important;
    outline: none !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ>div>div>button:first-child {
    border-right: none !important;
    padding: 0 5px 0 20px !important;
    font-size: 15px !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ>div>div>button:last-child {
    border-left: none !important;
    padding: 0 32px 0 0 !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ>div>div>button:last-child>span {
    left: 5px;
    background-position: -25px -225px;
    width: 11px;
    height: 6px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ>div>div>button:last-child[class~=click]>span {
    background-position: 0 -225px
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_drawerWrapper__DvPHy>.OBTPageContainer_drawer__11yNa>.OBTPageContainer_drawerContents__3d9RK .OBTPageContainer_drawerSplitButton__2AxWZ:hover>div>div>button {
    background-color: #3b4455 !important;
    border-color: #3b4455 !important
}

.OBTPageContainer_root__1dTOO>.OBTPageContainer_modalContainer__VjGUM {
    position: relative;
    z-index: 1000
}

.OBTPageContainer_planIcon__2dPZT {
    background-image: url(/static/media/PlanIcon.5cf0c0d1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    cursor: pointer;
    outline: none;
    width: 23px;
    height: 23px;
    margin-left: 5px
}

.OBTPageContainer_planBox__20taF {
    z-index: 100;
    position: absolute;
    left: -14px;
    top: 5px;
    width: 574px;
    height: 200px;
    cursor: default
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planArrow__1p-Pa {
    position: absolute;
    left: 10px;
    top: 0;
    border: solid #a6a6a6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    background-color: #fff
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planContent__NM2pf {
    position: absolute;
    left: 0;
    top: 3px;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planContent__NM2pf .OBTPageContainer_planTitle__1wKCq {
    padding: 15px 20px;
    border-bottom: 1px solid #a6a6a6;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planContent__NM2pf .OBTPageContainer_planView__1LAVe {
    position: relative;
    overflow: auto
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planContent__NM2pf .OBTPageContainer_planView__1LAVe .OBTPageContainer_planClickArea__13R-O {
    position: absolute;
    width: 185px;
    height: 53px;
    border-radius: 4px;
    border: 1px solid #1c90fb;
    opacity: 0;
    transition: opacity .2s ease-out;
    cursor: pointer
}

.OBTPageContainer_planBox__20taF .OBTPageContainer_planContent__NM2pf .OBTPageContainer_planView__1LAVe .OBTPageContainer_planClickArea__13R-O:hover {
    opacity: 1
}

.OBTPageContainer_errorPageRoot__1Iu09 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.OBTPageContainer_errorPageRoot__1Iu09>.OBTPageContainer_errorImg__3KS6D {
    width: 260px;
    height: 220px
}

.OBTPageContainer_errorPageRoot__1Iu09>.OBTPageContainer_errorTitle__2xzu5 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1px;
    line-height: .9;
    text-align: center;
    margin-bottom: 8px
}

.OBTPageContainer_errorPageRoot__1Iu09>.OBTPageContainer_errorContents__19VGS {
    font-size: 16px;
    color: #a6a6a6;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.8px;
    line-height: 1.44;
    text-align: center
}

.OBTPageContainer_onlineManual__96LyD {
    display: flex;
    margin-left: 9px
}

.OBTPageContainer_onlineManual__96LyD>div>button {
    margin-right: 4px
}

.OBTPageContainer_mainButtonSplit__3v69_ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.OBTPageContainer_mainButtonSplit__3v69_>.OBTPageContainer_mainButtonSplitImg__1Fxvt {
    margin-right: 2px
}

.OBTPageContainer_mainButtonSplit__3v69_>.OBTPageContainer_mainButtonSplitDrop__3GjaJ {
    margin-left: 5px
}

.OBTCustomColorPicker_root__3Z4zZ {
    width: 186px;
    display: inline-flex;
    flex-direction: column;
    box-sizing: content-box;
    font-size: 13px
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_top__94R6G {
    display: flex
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_top__94R6G>.OBTCustomColorPicker_palette__TTwBf {
    display: flex;
    position: relative;
    width: 161px;
    height: 120px;
    margin: 5px
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_top__94R6G>.OBTCustomColorPicker_selectColor__1tufM {
    display: flex;
    position: relative;
    width: 10px;
    height: 120px;
    margin-top: 5px
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_bottom__30TNu {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 5px;
    border-bottom: 1px solid
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_newNowColor__39db8 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 0
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_newNowColor__39db8>.OBTCustomColorPicker_newColor__NbQST {
    width: 25px;
    height: 25px;
    margin-left: 5px
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_newNowColor__39db8>.OBTCustomColorPicker_nowColor__2x5NL {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_another__3pw9h {
    text-align: center;
    font-size: 13px;
    padding-bottom: 7px;
    cursor: pointer
}

.OBTCustomColorPicker_root__3Z4zZ>.OBTCustomColorPicker_another__3pw9h:hover {
    color: #0070c0;
    text-decoration: underline
}

.OBTBasicColorPicker_root__13arH {
    width: 186px;
    display: inline-flex;
    flex-direction: column;
    border: 1px solid #ccc;
    box-sizing: content-box
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_title__3BPkI:first-child {
    border-top: none;
    border-bottom: 1px solid #ccc
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_title__3BPkI {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    color: #777;
    font-size: 14px;
    padding: 3px 5px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_headerColor___HVeI {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 6px 5px 8px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_headerColor___HVeI>.OBTBasicColorPicker_smallColor__F9UNw {
    height: 12px;
    width: 12px;
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 5px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_headerColor___HVeI>.OBTBasicColorPicker_smallColor__F9UNw:focus {
    box-shadow: 0 0 4px #194d33
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_headerColor___HVeI>.OBTBasicColorPicker_smallColor__F9UNw:last-child {
    margin-right: 0
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_bottomColor__2Ph5a {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
    padding-bottom: 6px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_bottomColor__2Ph5a>.OBTBasicColorPicker_smallColor__F9UNw {
    height: 12px;
    width: 12px;
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_bottomColor__2Ph5a>.OBTBasicColorPicker_smallColor__F9UNw:focus {
    box-shadow: 0 0 4px #194d33
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_standardColor__elkna {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
    padding-top: 6px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_standardColor__elkna>.OBTBasicColorPicker_smallColor__F9UNw {
    height: 12px;
    width: 12px;
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 6px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_standardColor__elkna>.OBTBasicColorPicker_smallColor__F9UNw:focus {
    box-shadow: 0 0 4px #194d33
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_recentColor__3sFKt {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
    padding-top: 6px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_recentColor__3sFKt>.OBTBasicColorPicker_smallColor__F9UNw:first-child {
    margin-right: 11px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_recentColor__3sFKt>.OBTBasicColorPicker_smallColor__F9UNw {
    height: 12px;
    width: 12px;
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_recentColor__3sFKt>.OBTBasicColorPicker_smallColor__F9UNw:focus {
    box-shadow: 0 0 4px #194d33
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_recentColor__3sFKt>.OBTBasicColorPicker_line__2ca77 {
    width: 6px;
    height: 12px;
    border-left: 1px solid;
    margin-right: 5px
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_another__389Fo {
    text-align: center;
    font-size: 13px;
    padding-bottom: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_another__389Fo:hover {
    color: #0070c0;
    text-decoration: underline
}

.OBTBasicColorPicker_root__13arH>.OBTBasicColorPicker_another__389Fo>.OBTBasicColorPicker_text__3NuPe {
    margin-left: 5px
}

.OBTColorPickerMain_main__dqdye {
    display: inline-block;
    box-sizing: content-box
}

.OBTColorPickerMain_main__dqdye.OBTColorPickerMain_disabled__2w39_ {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTColorPickerMain_main__dqdye .OBTColorPickerMain_dialog__x4Y93 {
    display: flex;
    justify-content: center
}

.OBTColorPicker_root__1wIZg {
    display: inline-flex;
    box-sizing: content-box;
    background-color: #fff;
    justify-content: center;
    align-items: center
}

.OBTColorPicker_root__1wIZg.OBTColorPicker_frozen__I4sxl {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTColorPicker_root__1wIZg.OBTColorPicker_disabled__3Ym6D {
    cursor: not-allowed;
    opacity: .5
}

.SideBarContent_sideBarWrapper__QIlZx {
    overflow-y: scroll
}

.SideBarContent_sideBarContent__2ClKe {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    font-size: 12px;
    outline: none
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_default__32Rrb {
    padding: 10px
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 9px 0 11px
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarIcon__3UrAC,
.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarImage__19Egl {
    margin-right: 6px
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleText__3mqNe {
    font-size: 12px;
    font-weight: 700;
    flex-grow: 1;
    cursor: pointer
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleText__3mqNe.SideBarContent_focused__55XnK {
    color: #1c90fb
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleCollapse__2jyuB {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    width: 14px;
    height: 14px
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_animationWrapper__CckWC {
    overflow: hidden;
    height: auto;
    height: var(--height, auto);
    position: relative;
    transition: height .3s ease-in-out
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_animationWrapper__CckWC>.SideBarContent_sideBarComponent__224NQ {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp>.SideBarContent_animationWrapper__CckWC.SideBarContent_collapsed__k4AGA>.SideBarContent_sideBarComponent__224NQ {
    position: absolute
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp:not(.SideBarContent_collapsed__k4AGA)>.SideBarContent_sideBarTitle__1bLvW {
    border-bottom: 1px solid #bebebe
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp:not(.SideBarContent_collapsed__k4AGA)>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleCollapse__2jyuB {
    background-image: url(/static/media/ico_sb_arrow_up_normal.8a58a57c.png)
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp:not(.SideBarContent_collapsed__k4AGA)>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleCollapse__2jyuB:hover {
    background-image: url(/static/media/ico_sb_arrow_up_over.da25a78f.png)
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp.SideBarContent_collapsed__k4AGA>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleCollapse__2jyuB {
    background-image: url(/static/media/ico_sb_arrow_down_normal.eb5f4edd.png)
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp.SideBarContent_collapsed__k4AGA>.SideBarContent_sideBarTitle__1bLvW>.SideBarContent_sideBarTitleCollapse__2jyuB:hover {
    background-image: url(/static/media/ico_sb_arrow_down_over.faa27f4e.png)
}

.SideBarContent_sideBarContent__2ClKe.SideBarContent_accordion__NjfQp.SideBarContent_collapsed__k4AGA>.SideBarContent_animationWrapper__CckWC {
    height: 0
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr {
    box-sizing: content-box;
    padding: 10px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_avartar__359sY {
    width: 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_avartar__359sY>.SideBarContent_avartarImage__2FB-v {
    background-image: url(/static/media/avartar.7b48a3a4.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_avartar__359sY>.SideBarContent_buttons__3P_lU {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_avartar__359sY>.SideBarContent_buttons__3P_lU>.SideBarContent_email__10DAm {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    background-image: url(/static/media/email.46b320fa.png);
    width: 18px;
    height: 18px;
    border: 1px solid #d3d3d3
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_avartar__359sY>.SideBarContent_buttons__3P_lU>.SideBarContent_talk__2Pk3B {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    background-image: url(/static/media/talk.d219e7f8.png);
    width: 18px;
    height: 18px;
    border: 1px solid #d3d3d3
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_logInfo__3h0DB {
    flex-grow: 1;
    font-size: 11px
}

.SideBarContent_log__3083z>.SideBarContent_logMain__1LrZr>.SideBarContent_logInfo__3h0DB>.SideBarContent_id__32kb9 {
    color: #828282
}

.SideBarContent_log__3083z>.SideBarContent_logDate__1HG81 {
    box-sizing: border-box;
    height: 34px;
    line-height: 14px;
    font-size: 11px;
    padding: 10px;
    border-top: 1px solid #efefef;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.SideBarContent_log__3083z>.SideBarContent_logDate__1HG81>.SideBarContent_logDateTitle__1o3gX {
    color: #828282
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_bullet__2-3Cz {
    width: 3px;
    height: 3px;
    background-color: #585858;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_subtitle__1uulK {
    font-size: 12px;
    font-weight: 700;
    display: inline-block
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN {
    margin-top: 10px;
    display: flex
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_avartar__359sY {
    width: 42px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_avartar__359sY>.SideBarContent_avartarImage__2FB-v {
    background-image: url(/static/media/avartar.7b48a3a4.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_userInfo__35Otc {
    font-size: 11px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_userInfo__35Otc>.SideBarContent_infoItem__138Cy {
    height: 16px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_userInfo__35Otc>.SideBarContent_infoItem__138Cy>.SideBarContent_label__2Lyy9 {
    display: inline-block;
    color: #8c8c8c;
    width: 45px;
    border-right: 1px solid #d9d9d9;
    margin-right: 5px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_mainInfo__2bgsN>.SideBarContent_userInfo__35Otc>.SideBarContent_infoItem__138Cy>.SideBarContent_data__2ucaM {
    display: inline-block
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_line__1XsKZ {
    width: 180px;
    height: 1px;
    background-color: #e6e6e6;
    margin-top: 9px;
    margin-bottom: 9px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_line2__25g4m {
    width: 180px;
    height: 1px;
    background-color: #e6e6e6;
    margin-top: 9px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_dateInfo__1rAnz>.SideBarContent_label__2Lyy9 {
    display: inline-block;
    margin-right: 38px;
    color: #8c8c8c;
    font-size: 11px
}

.SideBarContent_editTracker__1j2K8>.SideBarContent_dateInfo__1rAnz>.SideBarContent_data__2ucaM {
    display: inline-block;
    font-size: 11px
}

.SideBarContent_obtbutton__2v-Ye {
    padding: 0
}

.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp {
    background-color: red
}

.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp>div>.UpDownLoader>.header>.btnBox>span>.btn_list,
.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp>div>.UpDownLoader>.header>.title {
    display: none
}

.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp>div>.UpDownLoader>.header>.btnBox>span>.btn_detail {
    width: 0
}

.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp>div>.UpDownLoader>.header>.btnBox>span>.btn_thumb {
    display: none
}

.SideBarContent_memo__3zl7R .SideBarContent_upload__1gblp>div>.UpDownLoader>.conBox>.noFile>.text {
    font-size: 11px
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb {
    margin-top: 2px
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_listButtons__34DCc {
    display: flex;
    justify-content: flex-end
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_listButtons__34DCc>.SideBarContent_deleteButton__11rLg {
    margin-left: 2px;
    float: right
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ {
    border: 1px solid #ccc
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listHeader__3dfZ6 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    height: 24px;
    font-size: 11px;
    color: #565656;
    text-align: center
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listHeader__3dfZ6>* {
    flex-grow: 0
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listHeader__3dfZ6>.SideBarContent_column1__1qfn3 {
    width: 35%;
    padding-left: 2px;
    padding-right: 5px
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listHeader__3dfZ6>.SideBarContent_column2__26gkD {
    width: 42%;
    flex-grow: 1
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listHeader__3dfZ6>.SideBarContent_column3__2iulG {
    padding-left: 5px;
    padding-right: 2px;
    width: 33%
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listItem__2woE0 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    color: #565656
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listItem__2woE0>* {
    flex-grow: 0
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listItem__2woE0>.SideBarContent_column1__1qfn3 {
    width: 35%;
    padding-left: 2px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listItem__2woE0>.SideBarContent_column2__26gkD {
    width: 42%;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SideBarContent_memo__3zl7R>.SideBarContent_listWrapper__38-pb>.SideBarContent_list__UlgJQ>.SideBarContent_listItem__2woE0>.SideBarContent_column3__2iulG {
    padding-left: 5px;
    padding-right: 2px;
    width: 33%
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5 {
    width: 100%
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div,
.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div>* {
    border: none !important
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div>:first-child,
.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div>:nth-child(4),
.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div>:nth-child(6) {
    margin-left: -6px;
    margin-right: -6px;
    font-size: 12px;
    color: #000;
    background-color: #f5f5f5
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_colorPicker__2GHo5>div>div>:nth-child(8) {
    font-size: 12px
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_buttons__3P_lU {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px 0;
    background-color: #f7f7f7
}

.SideBarContent_checkpen__3tXjl>.SideBarContent_buttons__3P_lU>:not(:last-child) {
    margin-right: 4px
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleListHeader__243Ac {
    background-color: #f5f5f5;
    font-size: 12px;
    padding: 5px 10px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    align-items: center
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleListHeader__243Ac>* {
    flex-grow: 0
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleListHeader__243Ac>.SideBarContent_selectedDate__2L29A {
    font-size: 12px;
    flex-grow: 1
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleListHeader__243Ac>.SideBarContent_scheduleCount__2qxO- {
    color: #1c90fb;
    font-weight: 700
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq {
    margin-top: 13px;
    margin-bottom: 5px
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj {
    padding: 0 10px 8px
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj>.SideBarContent_timeLine__2UXy2 {
    color: #8c8c8c;
    text-align: left;
    font-size: 11px
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj>.SideBarContent_itemLine__39XW6 {
    margin-top: 3px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj>.SideBarContent_itemLine__39XW6>.SideBarContent_gnbCode__2DNfY {
    width: 27px;
    height: 15px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    vertical-align: middle;
    margin-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj>.SideBarContent_itemLine__39XW6>.SideBarContent_title__25gZm {
    width: 160px;
    display: inline-block;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden
}

.SideBarContent_schedule__a-5RB>.SideBarContent_scheduleList__3Ewuq>.SideBarContent_scheduleItem__TbSVj>.SideBarContent_grayLine__3vV6p {
    border-top: 1px solid #e6e6e6;
    margin-top: 8px
}

.SideBarContent_multiLineText__3smI8 textarea {
    border: 0 !important
}

.OBTMultiLineTextField_obtMultiLineTextField__2zuZK>div:first-child,
.OBTMultiLineTextField_obtMultiLineTextField__2zuZK>div:first-child>div:first-child {
    display: contents
}

.OBTMultiLineTextField_obtMultiLineTextField__2zuZK textarea::-webkit-input-placeholder {
    padding: 0
}

.OBTMultiLineTextField_obtMultiLineTextField__2zuZK textarea:-ms-input-placeholder {
    padding: 0
}

.OBTMultiLineTextField_obtMultiLineTextField__2zuZK textarea::-moz-placeholder {
    padding: 0
}

.OBTMultiLineTextField_fixed__1oylc textarea {
    resize: none
}

.OBTScrollbar_hidden__1s_Y5>div:first-child {
    overflow: hidden !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

.OBTScrollbar_hidden__1s_Y5>div:first-child+div {
    height: 0 !important
}

.OBTScrollbar_hidden__1s_Y5>div:first-child+div+div {
    width: 0 !important
}

.OBTConditionPanel_root__1S9id {
    position: relative
}

@media (max-width: 480px) {
  
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB {
	    padding: 4px;
	    border: 2px solid #e6e6e6;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start
	}
}

@media (min-width: 481px) {
  
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB {
	    padding: 4px;
	    border: 2px solid #e6e6e6;
	    display: flex;
	    flex-direction: row;
	    align-items: flex-start
	}
}

@media (max-width: 480px) {
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primary__3BcYS {
	    flex-grow: 1;
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    min-height:200px;
	}
}
@media (min-width: 481px) {
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primary__3BcYS {
	    flex-grow: 1;
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap
	}
}
@media (max-width: 480px) {
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH {
	    margin: 4px;
	    margin-top: 25px;
	    display: flex;
	    flex-direction: row;
	    flex-shrink: 0
	}
}
@media (min-width: 481px) {
	.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH {
	    margin: 4px;
	    display: flex;
	    flex-direction: row;
	    flex-shrink: 0
	}
}
.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH>* {
    flex-shrink: 0
}

.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH .OBTConditionPanel_collapseButton__2Z7Dj,
.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH .OBTConditionPanel_searchButton__2q6Rb {
    padding: 0
}

.OBTConditionPanel_root__1S9id>.OBTConditionPanel_primaryRoot__14qgB>.OBTConditionPanel_primaryFunctions__3Y5nH>:not(:last-child) {
    margin-right: 8px
}

.OBTConditionPanel_root__1S9id.OBTConditionPanel_disabled__3rPD0 {
    cursor: not-allowed !important
}

.OBTConditionPanel_root__1S9id.OBTConditionPanel_disabled__3rPD0 * {
    pointer-events: none
}

.OBTConditionPanel_root__1S9id.OBTConditionPanel_collapsed__17NvY .OBTConditionPanel_optionalWrapper__EvAzQ .OBTConditionPanel_optionalRoot__3hOEL {
    margin-top: -100%;
    margin-top: var(--height, -100%)
}

.OBTConditionPanel_optionalWrapper__EvAzQ {
    overflow: hidden;
    margin-top: -1px
}

.OBTConditionPanel_optionalWrapper__EvAzQ .OBTConditionPanel_optionalRoot__3hOEL {
    margin-top: 0;
    box-sizing: border-box;
    border: 2px solid #e6e6e6;
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    transition: margin-top .25s ease
}

.OBTConditionPanel_optionalWrapper__EvAzQ .OBTConditionPanel_optionalRoot__3hOEL>.OBTConditionPanel_optional__31U5c {
    padding: 4px 39px 4px 4px;
    border: none;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.OBTConditionPanel_optionalWrapper__EvAzQ .OBTConditionPanel_optionalRoot__3hOEL>.OBTConditionPanel_optionalFunctions__3gKZ6 {
    width: 100%;
    padding: 5px 0;
    background-color: #f8f8f8;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.OBTConditionPanel_optionalWrapper__EvAzQ.OBTConditionPanel_disabled__3rPD0 {
    cursor: not-allowed !important
}

.OBTConditionPanel_optionalWrapper__EvAzQ.OBTConditionPanel_disabled__3rPD0 * {
    pointer-events: none
}

.OBTConditionPanel_optionalWrapper__EvAzQ.OBTConditionPanel_collapsed__17NvY .OBTConditionPanel_optionalRoot__3hOEL {
    margin-top: -100%;
    margin-top: var(--height, -100%)
}

.OBTDialog2_dialogRoot__3_UR2 {
    display: none;
    outline: none;
    position: absolute
}

.OBTDialog2_dialogRootOpen__2bZXj {
    display: block
}

.OBTDialog2_data__2OkxT>.OBTDialog2_dataWrapper__2UHBu {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    bottom: 30px
}

.OBTDialog2_bottomButton__fsToo {
    margin: 0 -31px;
    padding: 15px 0;
    background-color: #f7f7f7;
    text-align: center
}

.OBTDialog2_bottomButton__fsToo.OBTDialog2_noneButton__2aIhB {
    padding: 0 0 60px
}

.OBTDialog2_bottomButton__fsToo>div:first-child {
    margin: 0
}

.OBTDialog2_bottomButton__fsToo>div {
    margin-left: 4px
}

.OBTDialog2_useImageUrl__2hiV5 {
    max-width: 18px;
    max-height: 18px;
    margin-top: 2px !important
}

.OBTDialog2_buttonWrapper__BUjKr>div {
    display: inline-block !important
}

.OBTDialog2__isDialog__3_4Ym {
    display: var(--dialog-display);
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

.OBTDialog2_dimmedStyle__3o8Xm {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    background: #000;
    opacity: .3
}

.OBTDialog2__dimClicker__13Jd4 {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.OBTDialog2_dialogBoxStyle__773QE {
    display: inline-block;
    position: absolute;
    top: var(--position-top);
    left: var(--position-left);
    padding: 0 30px;
    background: #fff;
    border: 1px solid #e7e7e7;
    outline: none;
    z-index: 1200;
    min-height: 124px;
    min-width: 100px;
    box-sizing: border-box
}

.OBTDialog2_dialog_data__3ft-S {
    text-align: left;
    display: flex;
    flex-direction: column
}

.OBTDialog2_dialog_title_area__AVc9B {
    height: 57px;
    padding: 22px 0 8px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    cursor: move
}

.OBTDialog2_dialog_title__30NtV {
    margin: 0;
    font-size: 18px;
    line-height: 1.28;
    height: 27px;
    letter-spacing: -.9px
}

.OBTDialog2_dialog_subTitle__1DzbQ {
    text-align: left;
    font-family: inherit;
    color: #a6a6a6;
    line-height: 24px;
    font-size: 13px;
    vertical-align: middle
}

.OBTDialog2_dialog_title__30NtV+.OBTDialog2_dialog_subTitle__1DzbQ,
.OBTDialog2_dialog_title__30NtV+.OBTDialog2_notHaveTitleCLoseButton__2frWj {
    margin-left: 6px
}

.OBTDialog2_notHaveTitleCLoseButton__2frWj {
    color: #000;
    font-size: 18px;
    font-family: inherit;
    line-height: 1.28;
    text-align: left;
    height: 27px;
    letter-spacing: -.9px;
    font-weight: 700
}

.OBTDialog2_dialog_button__18Hpz {
    cursor: auto;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    position: absolute;
    text-align: center;
    vertical-align: top;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: #4a4a4a;
    text-decoration: none;
    font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif;
    font-size: 12px;
    height: 30px;
    letter-spacing: -.5px;
    line-height: normal;
    padding: 0;
    width: 30px;
    top: 17px;
    right: -8px
}

.OBTDialog2_dialog_button__18Hpz>span {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background: url(https://static.wehago.com/imgs/common/sp_lux.png) -140px -275px;
    line-height: 100em;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    text-align: center
}

.OBTDialog2_data__2OkxT {
    outline: none;
    flex-grow: 1;
    border-top: 1px solid #d9d9d9;
    overflow: auto;
    position: relative
}

.OBTDialog2_dataWrapper__2UHBu {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    bottom: 30px
}

.OBTLoading_labelTextSpan__1WF33 {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a
}

.OBTLoading_root__3sx_1.OBTLoading_full__3kJv0 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.OBTLoading_root__3sx_1.OBTLoading_notFull__3nAUK {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.OBTLoading_root__3sx_1 .OBTLoading_windowBackground__2ryrf {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3)
}

.OBTLoading_root__3sx_1 .OBTLoading_wrapper__MKkRG {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-Index: 1200
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_boxBackground__3LNrA {
    border: 1px solid #d9d9d9;
    background: #fff
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G {
    min-width: 115px;
    min-height: 60px
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child {
    position: relative !important;
    width: 100%;
    height: 100%
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child>div:first-child {
    opacity: 0 !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child>div:nth-child(2)>div {
    text-align: inherit !important;
    vertical-align: baseline !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child>div:nth-child(2)>div>div {
    display: block !important;
    margin: 20px 47px
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child>div:nth-child(2)>div>div>div:first-child {
    float: left
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_small__2mI7G>div:first-child>div:nth-child(2)>div>div>div:nth-child(2) {
    float: left;
    position: relative !important;
    margin: 1px 0 0 5px !important;
    left: 0 !important;
    right: 0 !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv {
    min-width: 290px;
    min-height: 160px
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv>div:first-child {
    position: relative !important;
    width: 100%;
    height: 100%
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv>div:first-child>div:first-child {
    background: transparent !important;
    opacity: 0 !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv>div:first-child>div:nth-child(2)>div {
    vertical-align: baseline !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv>div:first-child>div:nth-child(2)>div>div {
    margin-top: 34px
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_default__OQQAv>div:first-child>div:nth-child(2)>div>div>div:nth-child(2) {
    margin: 13px 0 0 !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_large__lyLtl>div:first-child {
    position: relative !important;
    width: 100%;
    height: 100%;
    overflow: hidden !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_large__lyLtl>div:first-child>div:first-child {
    opacity: 0 !important
}

.OBTLoading_root__3sx_1 .OBTLoading_box__10enF.OBTLoading_large__lyLtl>div:first-child>div:nth-child(2)>div>div>div>div:nth-child(2)>div>span>strong {
    font-size: 20px !important;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: .98;
    letter-spacing: -1px;
    text-align: center;
    color: var(--clear-blue)
}

.OBTLoading_root__3sx_1.OBTLoading_closed__2vFBL {
    display: none
}

.OBTLoading_section__2d80J {
    position: relative;
    display: inline-block
}

.CodePickerInput_root__1bSFT {
    margin: 0;
    padding: 0
}

.CodePickerInput_subDiv__1zUc7 {
    padding: 3px 6px 1px;
    margin: 0 10px;
    line-height: 28px;
    clear: both;
    overflow: hidden
}

.CodePickerInput_span__1H_II {
    font-size: 12px;
    font-family: inherit;
    float: right
}

.CodePickerInput_em__2xtoL {
    color: #1c90fb;
    font-style: normal
}

.CodePickerInput_arrowBtn__2n_SU {
    position: absolute;
    top: 0;
    width: 25px;
    left: calc(100% - 48px);
    cursor: pointer;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center
}

.CodePickerInput_arrowBtn__2n_SU>img {
    width: 12px;
    transition: transform .2s ease;
    transform-origin: center
}

.CodePickerInput_arrowBtn__2n_SU .CodePickerInput_arrow__1n-u5 {
    transform: rotate(.5turn)
}

img.CodePickerInput_userProfile__1sboy {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: calc(100% - 45px);
    cursor: pointer
}

.CodePickerInput_dropDownWrapper__xamCK {
    position: relative;
    transition: height .2s ease-out;
    height: 0;
    max-height: 209px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    overflow: hidden
}

.CodePickerInput_dropDownWrapper__xamCK.CodePickerInput_dropDownWrapperAnimate__2dPQs {
    height: 209px
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_dropdown__1MQm- {
    height: 177px;
    padding-bottom: 32px;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border-left: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    background-color: #fff;
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_dropdown__1MQm- .CodePickerInput_dropdownItem__T6O7k {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    line-height: 22px;
    cursor: pointer
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_dropdown__1MQm- .CodePickerInput_dropdownItem__T6O7k:hover {
    background-color: #e9f5ff
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_dropdown__1MQm- .CodePickerInput_dropdownItem__T6O7k .CodePickerInput_deleteIcon___uaJ0 {
    position: absolute;
    top: 2px;
    right: 4px;
    cursor: pointer
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_dropdown__1MQm- .CodePickerInput_dropdownItem__T6O7k .CodePickerInput_userProfileIcon__38AHC {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 23px
}

.CodePickerInput_dropDownWrapper__xamCK .CodePickerInput_downDownBottom__37wg3 {
    background-color: #f2f2f2;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border-left: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
    padding: 5px;
    text-align: right;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.CodePickerInput_itemOverFlowTooltip__3syip {
    display: inherit
}

.CodePickerInput_obtTextField__3457F {
    display: inline-block;
    position: relative
}

.CodePickerInput_smallLoading__39LX4>div>div {
    border: 1.3px solid #d9d9d9 !important
}

.OBTSingleYearPicker_root__2dQDU {
    display: inline-block
}

.OBTSingleYearPicker_wrap__Gk9yf {
    display: inline-flex;
    align-items: center
}

.OBTSingleYearPicker_sp_selene__2xwVO {
    display: inline-block;
    overflow: hidden;
    background: url(/static/media/sp_lux.927e7ebc.png) 0 0 no-repeat;
    line-height: 100em;
    vertical-align: top
}

.OBTSingleYearPicker_date_select__YVwxw {
    position: relative;
    height: 40px;
    background: #fafafa;
    line-height: 38px;
    text-align: center;
    vertical-align: top
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn__1bBGG {
    position: absolute;
    top: 8px;
    width: 23px;
    height: 23px;
    border: 1px solid transparent;
    background: 0 0;
    line-height: 23px;
    text-align: center
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn__1bBGG:hover {
    border-color: #ccc
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn__1bBGG:hover .OBTSingleYearPicker_sp_selene__2xwVO {
    opacity: 1
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn__1bBGG .OBTSingleYearPicker_sp_selene__2xwVO {
    width: 10px;
    height: 9px;
    margin-top: 6px;
    opacity: .5
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_prev_year__2khHu {
    left: 20px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_prev_year__2khHu .OBTSingleYearPicker_sp_selene__2xwVO {
    background-position: -50px -75px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_prev_mon__2iXWH {
    left: 40px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_prev_mon__2iXWH .OBTSingleYearPicker_sp_selene__2xwVO {
    background-position: -50px -75px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_date_day_title__2VXOn {
    display: inline-block;
    vertical-align: top;
    font-family: tahoma, sans-serif;
    font-size: 14px;
    color: #000
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_next_mon__LBZrp {
    right: 40px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_next_mon__LBZrp .OBTSingleYearPicker_sp_selene__2xwVO {
    background-position: -75px -75px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_next_year__2RWT8 {
    right: 20px
}

.OBTSingleYearPicker_date_select__YVwxw .OBTSingleYearPicker_btn_next_year__2RWT8 .OBTSingleYearPicker_sp_selene__2xwVO {
    background-position: -75px -75px
}

.LS_datepicker.active .LS_calendar,
.LS_datepicker:hover .LS_calendar {
    display: block
}

.LS_datepicker.active .datebx .inpbx,
.LS_datepicker:hover .datebx .inpbx {
    border-color: #1c90fb
}

.LS_datepicker.yearpicker .LS_calendar {
    width: 192px
}

.LS_datepicker.yearpicker .LS_calendar .date_tbl .date_day button {
    width: 43px;
    height: 36px
}

.LS_calendar {
    width: 216px;
    border: 1px solid #a3a3a3;
    background: #fff;
    box-shadow: 1px 1px 1px #ececec;
    font-family: Nanum Square, 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important
}

.LS_calendar .date_select {
    position: relative;
    height: 40px;
    background: #fafafa;
    line-height: 38px;
    text-align: center;
    vertical-align: top
}

.LS_calendar .date_select .btn {
    position: absolute;
    top: 8px;
    width: 23px;
    height: 23px;
    border: 1px solid transparent;
    background: 0 0;
    line-height: 23px;
    text-align: center
}

.LS_calendar .date_select .btn:hover {
    border-color: #ccc
}

.LS_calendar .date_select .btn:hover .sp_selene {
    opacity: 1
}

.LS_calendar .date_select .btn .sp_selene {
    width: 10px;
    height: 9px;
    margin-top: 6px;
    opacity: .5
}

.LS_calendar .date_select .btn_prev_year {
    left: 15px
}

.LS_calendar .date_select .btn_prev_year .sp_selene {
    background-position: -50px -100px
}

.LS_calendar .date_select .btn_prev_mon {
    left: 40px
}

.LS_calendar .date_select .btn_prev_mon .sp_selene {
    background-position: -50px -75px
}

.LS_calendar .date_select .date_day_title {
    display: inline-block;
    vertical-align: top;
    font-family: tahoma, sans-serif;
    font-size: 14px;
    color: #000
}

.LS_calendar .date_select .btn_next_mon {
    right: 40px
}

.LS_calendar .date_select .btn_next_mon .sp_selene {
    background-position: -75px -75px
}

.LS_calendar .date_select .btn_next_year {
    right: 15px
}

.LS_calendar .date_select .btn_next_year .sp_selene {
    background-position: -75px -100px
}

.LS_calendar .date_tbl {
    padding: 10px
}

.LS_calendar .date_tbl table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    text-align: center;
    table-layout: fixed;
    border-spacing: 0
}

.LS_calendar .date_tbl td,
.LS_calendar .date_tbl th,
.LS_calendar .date_tbl tr:first-child td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0 !important;
    background: 0 0;
    border-spacing: 0
}

.LS_calendar .date_tbl .date_week {
    height: 21px;
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 11px;
    font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important;
    color: #8d8d8d;
    letter-spacing: -.5px;
    text-align: center
}

.LS_calendar .date_tbl .date_day button {
    display: block;
    width: 28px;
    height: 21px;
    border: 1px solid transparent;
    background: 0 0;
    color: #4a4a4a;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer;
    outline: 0;
    font-size: 11px
}

.LS_calendar .date_tbl .date_day button span {
    font-size: 12px;
    font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important
}

.LS_calendar .date_tbl .date_day button:hover {
    border-color: #ccc
}

.LS_calendar .date_tbl .date_day_holiday button,
.LS_calendar .date_tbl .date_day_holiday button:hover,
.LS_calendar .date_tbl .date_day_sun button {
    color: red
}

.LS_calendar .date_day_next_mon button,
.LS_calendar .date_tbl .date_day_prev_mon button {
    color: #c2c2c2
}

.LS_calendar .date_tbl .date_day_today button {
    background: #f0f0f0
}

.LS_calendar .date_tbl .date_day_selected button {
    background: #1c90fb;
    color: #fff
}

.LS_calendar .date_tbl .date_day_selected button:hover {
    border-color: #0072dc
}

.LS_calendar .date_tbl .date_day_gap button {
    background: #e9f5ff
}

.LS_calendar .select_area {
    clear: both;
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    white-space: nowrap
}

.LS_calendar .select_area .btn {
    display: inline-block;
    position: relative;
    line-height: 20px;
    height: 21px;
    padding: 1px 6px 0;
    border: 1px solid #e0e0e0;
    background: #fff;
    font-size: 11px;
    font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important;
    font-weight: 400;
    color: #4a4a4a;
    letter-spacing: -.5px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0
}

.LS_calendar .select_area .btn_group {
    display: inline-block
}

.LS_calendar .select_area .btn_group .btn {
    margin: 0 5px
}

.LS_calendar .select_area .btn_group2 {
    float: right
}

.LS_calendar .select_area .btn_group2 .btn {
    margin: -1px 0 0 -1px;
    font-weight: 400
}

.LS_calendar .select_area .solar_area {
    display: inline-block;
    font-size: 12px;
    font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important;
    color: #999;
    letter-spacing: -.5px;
    vertical-align: top;
    padding-top: 5px
}

.LS_calendar .select_area .solar_area span {
    margin: 0 3px 0 0
}

.LS_datepicker.gap .LS_calendar {
    width: 429px
}

.LS_smart_calendar .LS_calendar {
    font-family: Nanum Square, 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important;
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    box-shadow: none
}

.LS_smart_calendar .LS_calendar .date_tbl {
    padding-left: 8px
}

.LS_smart_calendar .LS_calendar .date_tbl .date_day button {
    position: relative
}

.LS_smart_calendar .LS_calendar .date_tbl colgroup col {
    width: 27px !important
}

.LS_smart_calendar .LS_calendar .date_tbl .date_day_check button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent #00b4b7 transparent transparent;
    border-style: solid;
    border-width: 0 5px 5px 0
}

.LS_smart_calendar .LS_calendar .date_select .btn_next_year,
.LS_smart_calendar .LS_calendar .date_select .btn_prev_year {
    display: none
}

.LS_mini_calendar .LS_calendar {
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    box-shadow: none;
    font-family: Nanum Square, 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif !important
}

.LS_mini_calendar .LS_calendar .date_tbl.check_all td,
.LS_mini_calendar .LS_calendar .date_tbl .check_week td,
.LS_mini_calendar .LS_calendar .date_tbl .check_week th {
    background: #f0f0f0
}

.LS_mini_calendar .LS_calendar .date_tbl .date_day button {
    position: relative;
    width: 25px
}

.LS_mini_calendar .LS_calendar .date_tbl table {
    table-layout: auto
}

.LS_mini_calendar .LS_calendar .date_tbl colgroup col {
    width: 27px !important
}

.LS_mini_calendar .LS_calendar .date_tbl .today_check button {
    border-color: #ccc
}

.LS_mini_calendar .LS_calendar .date_tbl .date_day_check button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent #00b4b7 transparent transparent;
    border-style: solid;
    border-width: 0 5px 5px 0
}

.LS_mini_calendar .LS_calendar .date_tbl .date_day_selected button {
    border-color: transparent
}

.LS_datepicker.gap.yearpicker .LS_calendar {
    width: 384px
}

.LS_datepicker.gap.yearpicker .LS_calendar .date_tbl .date_day button {
    width: 43px;
    height: 36px
}

.LS_datepicker.gap.yearpicker .LS_calendar .select_area .btn_group2 {
    float: none;
    text-align: right
}

.OBTYearFieldDialog_calendar__21x7B {
    outline: none;
    transition: all .3s ease-out;
    opacity: 1
}

.OBTYearFieldDialog_calendar__21x7B:not(.OBTYearFieldDialog_visible__12hrR) {
    opacity: 0
}

.OBTYearFieldDialog_calendar__21x7B>.OBTYearFieldDialog_label__32RM0 {
    clear: both;
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    white-space: nowrap;
    outline: none
}

.UFODateFieldDialog_calendar__3gCtJ {
    transition: opacity .3s ease-out;
    opacity: 1
}

.UFODateFieldDialog_calendar__3gCtJ:focus {
    outline: none
}

.UFODateFieldDialog_calendar__3gCtJ:not(.UFODateFieldDialog_visible__2n9yq) {
    opacity: 0
}

.UFODateFieldDialog_actionBar__3Q4Ts {
    clear: both;
    padding: 10px;
    border: 1px solid #a3a3a3;
    border-top-color: #e6e6e6;
    white-space: nowrap;
    outline: none;
    background-color: #fff
}

.OBTSingleYearMonthPicker_root__243Xr {
    display: inline-block
}

.OBTSingleYearMonthPicker_wrap__3RPhV {
    display: inline-flex;
    align-items: center
}

.OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    display: inline-block;
    overflow: hidden;
    background: url(/static/media/sp_lux.927e7ebc.png) 0 0 no-repeat;
    line-height: 100em;
    vertical-align: top
}

.OBTSingleYearMonthPicker_date_select__2OV4H {
    position: relative;
    height: 40px;
    background: #fafafa;
    line-height: 38px;
    text-align: center;
    vertical-align: top
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn__2dZUh {
    position: absolute;
    top: 8px;
    width: 23px;
    height: 23px;
    border: 1px solid transparent;
    background: 0 0;
    line-height: 23px;
    text-align: center
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn__2dZUh:hover {
    border-color: #ccc
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn__2dZUh:hover .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    opacity: 1
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn__2dZUh .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    width: 10px;
    height: 9px;
    margin-top: 6px;
    opacity: .5
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_prev_year__5OlGx {
    left: 15px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_prev_year__5OlGx .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    background-position: -50px -100px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_prev_mon__2rvKS {
    left: 40px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_prev_mon__2rvKS .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    background-position: -50px -75px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_date_day_title__2aT2Q {
    display: inline-block;
    vertical-align: top;
    font-family: tahoma, sans-serif;
    font-size: 14px;
    color: #000
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_next_mon__EmZM0 {
    right: 40px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_next_mon__EmZM0 .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    background-position: -75px -75px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_next_year__2VyXg {
    right: 15px
}

.OBTSingleYearMonthPicker_date_select__2OV4H .OBTSingleYearMonthPicker_btn_next_year__2VyXg .OBTSingleYearMonthPicker_sp_selene__3k7-6 {
    background-position: -75px -100px
}

.UFOMonthFieldDialog_calendar__2sHJ3 {
    outline: none;
    transition: opacity .3s ease-out;
    opacity: 1
}

.UFOMonthFieldDialog_calendar__2sHJ3:not(.UFOMonthFieldDialog_visible__3mOsc) {
    opacity: 0
}

.OBTMaskedTextField_obtMaskedTextField__bZ12H,
.OBTMaskedTextField_obtMaskedTextField__bZ12H * {
    box-sizing: content-box;
    line-height: normal
}

.OBTMaskedTextField_obtMaskedTextField__bZ12H {
    display: inline-block
}

.OBTMaskedTextField_obtMaskedTextField__bZ12H.OBTMaskedTextField_searchPrivacyIconShown__2uIN7 {
    position: relative
}

.OBTMaskedTextField_obtMaskedTextField__bZ12H>.OBTMaskedTextField_searchPrivacyIconRoot__3AUZD {
    position: absolute;
    width: 18px;
    right: 5px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none
}

.OBTMaskedTextField_obtMaskedTextField__bZ12H>.OBTMaskedTextField_searchPrivacyIconRoot__3AUZD>.OBTMaskedTextField_searchPrivacyIcon__wQLKe {
    border-radius: 7px;
    pointer-events: all;
    cursor: pointer
}

.UFOCheckBox_focusCheckBox__2oD4X {
    vertical-align: top
}

.UFOCheckBox_focusCheckBox__2oD4X path {
    fill: #41a2fc
}

.UFOCheckBox_LS_form__3Zd4O {
    position: relative;
    display: inline-block
}

.UFOCheckBox_LS_form__3Zd4O label .UFOCheckBox_label_text__UPj0I {
    display: inline-block;
    padding-left: 18px;
    vertical-align: top
}

.UFOCheckBox_LS_form__3Zd4O+.UFOCheckBox_LS_form__3Zd4O {
    margin-left: 20px
}

.UFOCheckBox_LS_form__3Zd4O.UFOCheckBox_vertical_align__1Gv8W {
    display: block
}

.UFOCheckBox_LS_form__3Zd4O.UFOCheckBox_vertical_align__1Gv8W+.UFOCheckBox_LS_form__3Zd4O {
    margin-left: 0
}

.OBTCheckBox_root__BjiQO {
    display: inline-block
}

.OBTDialog_dialogRoot__5h1N4 {
    outline: none;
    position: absolute
}

.OBTDialog_data__3no3r {
    flex-grow: 1;
    border-top: 1px solid #d9d9d9;
    overflow: auto;
    position: relative
}

.OBTDialog_data__3no3r>.OBTDialog_dataWrapper__i-ORs {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    bottom: 30px
}

.OBTDialog_bottomButton__3XcgI {
    margin: 0 -31px;
    padding: 15px 0;
    background-color: #f7f7f7;
    text-align: center
}

.OBTDialog_bottomButton__3XcgI.OBTDialog_noneButton__XF-fA {
    padding: 0 0 30px
}

.OBTDialog_bottomButton__3XcgI>div:first-child {
    margin: 0
}

.OBTDialog_bottomButton__3XcgI>div {
    margin-left: 4px
}

.OBTDialog_useImageUrl__62Rk- {
    max-width: 18px;
    max-height: 18px;
    margin-top: 2px !important
}

.OBTDialog_buttonWrapper__2y3h2>div {
    display: inline-block !important
}

.OBTDockPanel_root__1aQ6I {
    display: flex;
    flex-direction: column
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_bottom__37Gbr,
.OBTDockPanel_root__1aQ6I .OBTDockPanel_top__3FoP4 {
    box-sizing: content-box;
    flex: 0 0 auto;
    transition: height .25s ease-out
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_bottom__37Gbr>:not(.OBTDockPanel_resizer__3RKkI):not(:first-child),
.OBTDockPanel_root__1aQ6I .OBTDockPanel_top__3FoP4:not(.OBTDockPanel_collapsed__21Sof)~.OBTDockPanel_middle__3N1Se,
.OBTDockPanel_root__1aQ6I .OBTDockPanel_top__3FoP4>:not(.OBTDockPanel_resizer__3RKkI):not(:first-child) {
    margin-top: 10px
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se {
    flex: 1 1 auto;
    position: relative
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 {
    display: flex;
    flex-direction: row
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_left__1aBif,
.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_right__3hd9B {
    box-sizing: content-box;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    transition: width .25s ease-out
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_left__1aBif>:not(.OBTDockPanel_resizer__3RKkI):not(:first-child),
.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_right__3hd9B>:not(.OBTDockPanel_resizer__3RKkI):not(:first-child) {
    margin-left: 10px
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_fill__3Pzhe {
    flex: 1 1 auto;
    position: relative
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_fill__3Pzhe>.OBTDockPanel_wrapper__dTq_5 {
/*     overflow: auto */
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_fill__3Pzhe~.OBTDockPanel_right__3hd9B:not(.OBTDockPanel_collapsed__21Sof),
.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se>.OBTDockPanel_wrapper__dTq_5 .OBTDockPanel_left__1aBif:not(.OBTDockPanel_collapsed__21Sof)~.OBTDockPanel_fill__3Pzhe {
    margin-left: 10px
}

.OBTDockPanel_root__1aQ6I .OBTDockPanel_middle__3N1Se~.OBTDockPanel_bottom__37Gbr:not(.OBTDockPanel_collapsed__21Sof) {
    margin-top: 10px
}

.OBTDockPanel_resizable__1clmZ {
    position: relative;
    overflow: hidden
}

.OBTDockPanel_resizable__1clmZ:not(.OBTDockPanel_collapsed__21Sof).OBTDockPanel_top__3FoP4 {
    padding-bottom: 14px
}

.OBTDockPanel_resizable__1clmZ:not(.OBTDockPanel_collapsed__21Sof).OBTDockPanel_bottom__37Gbr {
    padding-top: 14px
}

.OBTDockPanel_resizable__1clmZ:not(.OBTDockPanel_collapsed__21Sof).OBTDockPanel_left__1aBif {
    padding-right: 14px
}

.OBTDockPanel_resizable__1clmZ:not(.OBTDockPanel_collapsed__21Sof).OBTDockPanel_right__3hd9B {
    padding-left: 14px
}

.OBTDockPanel_resizer__3RKkI {
    position: absolute;
    background-color: #e5e5e5
}

.OBTDockPanel_resizer__3RKkI.OBTDockPanel_top__3FoP4 {
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    cursor: row-resize
}

.OBTDockPanel_resizer__3RKkI.OBTDockPanel_bottom__37Gbr {
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    cursor: row-resize
}

.OBTDockPanel_resizer__3RKkI.OBTDockPanel_left__1aBif {
    top: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize
}

.OBTDockPanel_resizer__3RKkI.OBTDockPanel_right__3hd9B {
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize
}

.OBTDockPanel_wrapper__dTq_5 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.OBTDockPanel_collapsed__21Sof {
    overflow: hidden
}

.OBTDockPanel_collapsed__21Sof.OBTDockPanel_bottom__37Gbr,
.OBTDockPanel_collapsed__21Sof.OBTDockPanel_top__3FoP4 {
    height: 0 !important
}

.OBTDockPanel_collapsed__21Sof.OBTDockPanel_left__1aBif,
.OBTDockPanel_collapsed__21Sof.OBTDockPanel_right__3hd9B {
    width: 0 !important
}

.OBTDockPanel_collapsed__21Sof.OBTDockPanel_resizable__1clmZ>.OBTDockPanel_resizer__3RKkI {
    display: none !important
}

.OBTDockPanel_resizing__3ZYfq {
    transition: height 10ms ease !important
}

.OBTFormPanel_table__2SRd1 {
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
    border: none;
    border-top: 2px solid #666;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    box-sizing: content-box
}

.OBTFormPanel_table__2SRd1>tbody {
    box-sizing: content-box
}

@media (max-width: 480px) {
	.OBTFormPanel_table__2SRd1>tbody>tr {
	    padding: 0;
	    margin: 0;
	    box-sizing: content-box;
	    min-height: 50px;
	    width: 100%;
/* 	    display:grid; */
	}
	.userCheckInput{
		width:100%;
	}
	.mobileGrid{
		display:grid;
	}
}
@media (min-width: 481px) {
	.OBTFormPanel_table__2SRd1>tbody>tr {
	    padding: 0;
	    margin: 0;
	    box-sizing: content-box;
	    height: 40px;
	    width: 100%
	}
	.userCheckInput{
		width:50%;
	}
	
	.mobileGrid{
/* 		display:grid; */
	}
}

.OBTFormPanel_table__2SRd1>tbody>tr>td,
.OBTFormPanel_table__2SRd1>tbody>tr>th {
    padding: 6px 0;
    margin: 0;
    box-sizing: content-box
}

.OBTFormPanel_table__2SRd1>tbody>tr>td>.OBTFormPanel_contentsWrapper__3yl5u,
.OBTFormPanel_table__2SRd1>tbody>tr>th>.OBTFormPanel_contentsWrapper__3yl5u {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.OBTFormPanel_table__2SRd1>tbody>tr>th {
    background-color: #fafafa;
    padding: 6px 10px 7px;
    color: #4a4a4a;
    font-size: 13px
}

@media (min-width: 481px) {
/* 	.OBTFormPanel_table__2SRd1>tbody>tr>th>.OBTFormPanel_contentsWrapper__3yl5u {
	    justify-content: flex-end
	}
	*/
	
	.isCapital{
		display: inline-block; width: 72px; font-size: 12px; border: 1px solid rgb(204, 204, 204); height: 25.1px;
	}
	
	.addressDiv{
		position: relative; height: 19px; width: 70%; padding: 3px 6px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); line-height: 19px; display: inline-block;
	}
}

@media (max-width: 480px) {
	.OBTFormPanel_table__2SRd1>tbody>tr>th>.OBTFormPanel_contentsWrapper__3yl5u {
	    justify-content: start;
	}
	.isCapital{
		display: inline-block; width: 100%; font-size: 12px; border: 1px solid rgb(204, 204, 204); height: 25.1px;
	}
	.addressDiv{
		position: relative; height: 19px; width: 100%; padding: 3px 6px; line-height: 19px; display: inline-block;
	}
}
@media (max-width: 323px) {
    .OBTFormPanel_table__2SRd1>tbody>tr>td {
        font-size: 9px
    }
}
@media (min-width: 324px) {
    .OBTFormPanel_table__2SRd1>tbody>tr>td {
        font-size: 10px
    }
}
@media (min-width: 360px) {
	.OBTFormPanel_table__2SRd1>tbody>tr>td {
	    font-size: 12px
	}
}
@media (min-width: 481px) {
	.OBTFormPanel_table__2SRd1>tbody>tr>td {
	    padding: 6px 8px 7px;
	    font-size: 12px
	}
}
.OBTFormPanel_table__2SRd1>tbody>tr.OBTFormPanel_breakLine__2ZF5- {
    height: 2px !important
}

.OBTFormPanel_table__2SRd1>tbody>tr.OBTFormPanel_breakLine__2ZF5->td {
    padding: 0 !important;
    background-color: #666
}

@media (min-width:481px){
	.OBTFormPanel_table__2SRd1>tbody>tr:not(:last-child):not(.OBTFormPanel_breakLine__2ZF5-):not(.OBTFormPanel_breakLineAfter__1Ipcx)>td,
	.OBTFormPanel_table__2SRd1>tbody>tr:not(:last-child):not(.OBTFormPanel_breakLine__2ZF5-):not(.OBTFormPanel_breakLineAfter__1Ipcx)>th {
	    border-bottom: 1px solid #e6e6e6
	}
}
@media (max-width:480px){
	.OBTFormPanel_table__2SRd1>tbody>tr:not(:last-child):not(.OBTFormPanel_breakLine__2ZF5-):not(.OBTFormPanel_breakLineAfter__1Ipcx)>td,
	.OBTFormPanel_table__2SRd1>tbody>tr:not(:last-child):not(.OBTFormPanel_breakLine__2ZF5-):not(.OBTFormPanel_breakLineAfter__1Ipcx)>th {
		border: none;
	    background-color: white;
	}
}

.OBTFormPanel_label__29SpT {
    width: 174px
}

.OBTFormPanel_disabled__N3k6j {
    cursor: not-allowed
}

.OBTLinearProgress_root__31QpT {
    border: 1px solid #e9e9e9
}

.OBTLinearProgress_root__31QpT>.OBTLinearProgress_labelText__1OVrt {
    margin: 14px 16px 7px;
    min-height: calc(100% - 48px) !important;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -.12px;
    text-align: left;
    color: var(--greyish-brown)
}

.OBTLinearProgress_root__31QpT>.OBTLinearProgress_empty__1SNrr {
    min-height: calc(50% - 24px) !important;
    height: 16px
}

.OBTLinearProgress_root__31QpT>.OBTLinearProgress_progressDiv__2Ho7M {
    position: relative;
    height: 12px;
    margin: 0 0 16px 16px
}

.OBTLinearProgress_root__31QpT>.OBTLinearProgress_progressDiv__2Ho7M>div:first-child {
    background-color: #eaeaea !important;
    float: left !important;
    width: calc(100% - 51px) !important
}

.OBTLinearProgress_root__31QpT>.OBTLinearProgress_progressDiv__2Ho7M>.OBTLinearProgress_innerText__cdko6 {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 51px;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.96;
    letter-spacing: normal;
    text-align: right;
    float: left
}

.obt_grid_root_class_name_hard .rg-dropdownlist {
    background: #fff;
    font-family: inherit;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .8);
    font-size: 12px;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border: 1px solid #a3a3a3;
    overflow: auto !important
}

.obt_grid_root_class_name_hard .rg-dropdownlist::-webkit-scrollbar {
    background: #f0f0f0;
    width: 7px
}

.obt_grid_root_class_name_hard .rg-dropdownlist::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 5px;
    border: 1px solid transparent;
    background-clip: content-box
}

.obt_grid_root_class_name_hard .rg-dropdown-item,
.obt_grid_root_class_name_hard .rg-dropdown-select {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0;
    cursor: pointer !important
}

.obt_grid_root_class_name_hard .rg-dropdown-select {
    background: #e9f4ff;
    color: #1c90fb
}

.obt_grid_root_class_name_hard .rg-dropdown-select:hover {
    color: #4a4a4a
}

.obt_grid_root_class_name_hard .rg-dropdown-item:hover {
    background: #e9f4ff;
    color: #4a4a4a
}

.OBTAlert_root__2s73P {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.OBTAlert_root__2s73P>.OBTAlert_dimmed__lJ8yx {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3)
}

.OBTAlert_root__2s73P>.OBTAlert_wrapper__13_fT {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTAlert_root__2s73P>.OBTAlert_wrapper__13_fT>.OBTAlert_alertBoxStyle__WdE7R {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1200;
    min-width: 300px;
    border: 1px solid #a6a6a6;
    background: #fff;
    padding: 30px
}

.OBTAlert_root__2s73P>.OBTAlert_wrapper__13_fT>.OBTAlert_alertBoxStyle__WdE7R>.OBTAlert_buttonsDiv__1KGQo {
    margin-top: 16px
}

.OBTAlert_root__2s73P.OBTAlert_closed__3GqOY {
    display: none
}

.OBTAlert_alertIconStyle__3BIiK {
    margin-bottom: 20px;
    display: inline-block;
    width: 38px;
    height: 38px
}

.OBTAlert_alertTitleStyle__2CoBu {
    min-height: 27px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: -.45px
}

.OBTAlert_alertMessageStyle__j4dLZ,
.OBTAlert_alertTitleStyle__2CoBu {
    margin-bottom: 6px;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #000
}

.OBTAlert_alertMessageStyle__j4dLZ {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal
}

.OBTDropDownList2_tooltipDefault__n29uf {
    width: 100%;
    line-height: 27px;
    display: inherit
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    height: 27px;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px 0 7px
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u:focus {
    border: 1px solid #1c90fb
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u.OBTDropDownList2_disabled__rJsGA {
    cursor: not-allowed;
    color: #a6a6a6;
    background-color: #f2f2f2
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u.OBTDropDownList2_readonly__3CP1v {
    color: #a6a6a6;
    background-color: #f2f2f2
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u.OBTDropDownList2_frozen__22XPO {
    cursor: default
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u.OBTDropDownList2_require__3LN8A {
    background: #fef4f4
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_useImage__15x8j {
    height: 15px;
    margin-right: 7px;
    flex: 0 1 15px
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_useImage__15x8j>img {
    width: 15px
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_inputText__1la3V {
    flex: 1 1 auto;
    font-size: 12px;
    box-sizing: border-box;
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_inputText__1la3V.OBTDropDownList2_placeHolder__3PcI8 {
    color: #8d8d8d
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_arrowBtn__3SEvS {
    position: absolute;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_arrowBtn__3SEvS>img {
    width: 12px;
    transition: transform .2s ease;
    transform-origin: center
}

.OBTDropDownList2_tooltipDefault__n29uf .OBTDropDownList2_inputWrapper__3Gv2u .OBTDropDownList2_arrowBtn__3SEvS .OBTDropDownList2_arrowDown__1aSLt {
    transform: rotate(.5turn)
}

.OBTDropDownList2_dropDownWrapper__ZDCT- {
    box-sizing: border-box;
    position: relative;
    transition: height .2s ease-out;
    height: 0;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border: 1px solid #a3a3a3;
    max-height: 189px;
    overflow: hidden
}

.OBTDropDownList2_dropDownWrapper__ZDCT-.OBTDropDownList2_dropDownWrapperAnimate__1eHTS {
    height: 189px
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t {
    max-height: 189px;
    overflow-y: auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB {
    background: #fff;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB .OBTDropDownList2_useImage__15x8j {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 15px;
    height: 15px
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB .OBTDropDownList2_useImage__15x8j>img {
    width: 15px
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB.OBTDropDownList2_focusedItem__2zb0- {
    background: #e9f5ff
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB.OBTDropDownList2_focusedItem__2zb0->span {
    color: #1c90fb
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB.OBTDropDownList2_focusedItem__2zb0-:hover>span {
    color: #4a4a4a
}

.OBTDropDownList2_dropDownWrapper__ZDCT- .OBTDropDownList2_dropDownList__tev_t .OBTDropDownList2_dropDownItem__3a0rB:hover {
    background: #e9f5ff
}

.OBTDropDownList2_itemOverFlowTooltip__33_Gs {
    display: inherit
}

.AutoCompleteDialog_wrapper__1IlKY {
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    outline: none;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto
}

.AutoCompleteDialog_dialogList__ANQlT {
    height: 22px;
    padding: 0 5px;
    line-height: 22px;
    cursor: pointer
}

.OBTDataGrid_root__itk_p {
    box-sizing: border-box;
    border-top: 2px solid #666;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

.OBTDataGrid_root__itk_p>.OBTDataGrid_grid__34eSj {
    position: relative;
    width: 100%;
    height: 100%
}

.OBTDataGrid_root__itk_p>.OBTDataGrid_grid__34eSj:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1
}

.OBTDataGrid_emptyData__IjXyE {
    flex-direction: column
}

.OBTDataGrid_emptyData__IjXyE,
.OBTDataGrid_emptyDataTiny__2A90V {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTDataGrid_emptyDataTiny__2A90V {
    flex-direction: row
}

.OBTDataGrid_emptyTextNormal__3xK0T,
.OBTDataGrid_emptyTextSmall__2NvPE {
    margin-top: 10px;
    font-size: 12px;
    color: #8c8c8c
}

.OBTDataGrid_emptyTextTiny__6xarl {
    margin-left: 5px;
    font-size: 12px;
    color: #8c8c8c
}

.OBTDataGrid_dateFieldDialog__2uLsd>div {
    z-index: 2000
}

.OBTDataGrid_hoverWrapper__3vMJg {
    position: absolute;
    pointer-events: none;
    left: -1px;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID {
    box-sizing: border-box;
    position: absolute;
    transition: top .1s ease-out, opacity .1s ease-out;
    opacity: 0;
    max-width: 100%;
    overflow: hidden
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID.OBTDataGrid_visible__2BqG2 {
    opacity: 1
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_hoverActionButtonRoot__16kJe {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    padding-left: 20px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 20px, #fff)
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_hoverActionButtonRoot__16kJe>* {
    pointer-events: all
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_hoverActionButtonRoot__16kJe>:not(:last-child) {
    margin-right: 5px
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_moveThumb__3CVtm {
    flex: 0 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    opacity: 0;
    pointer-events: all;
    cursor: pointer;
    transition: opacity .1s ease-out
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_moveThumb__3CVtm.OBTDataGrid_on__27j5k,
.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_moveThumb__3CVtm:hover {
    background-color: #2c98fb;
    background-image: url(/static/media/icon-con-change.9e09534b.png);
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_reorderImageRoot__3iU7T {
    flex: 1 1 auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: left .1s ease-out
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_reorderImageRoot__3iU7T.OBTDataGrid_on__27j5k {
    left: 20px
}

.OBTDataGrid_hoverWrapper__3vMJg .OBTDataGrid_hoverRoot__20ZID .OBTDataGrid_reorderRoot__3VZBQ .OBTDataGrid_reorderImageRoot__3iU7T .OBTDataGrid_reorderImage__o1sUH {
    position: absolute
}

.OBTDataGrid_privacyLoadingRoot__1SRUo {
    position: absolute;
    right: 20px;
    bottom: 20px;
    pointer-events: none
}

.OBTDataGrid_privacyLoadingRoot__1SRUo .OBTDataGrid_privacyLoading__z9jiP {
    background-color: #fff
}
@media (max-width: 480px) {
	.OBTConditionItem_item__3EvVP {
	    display: grid;
	    flex-direction: row;
	    margin: 16px
	}
}
@media (min-width: 481px) {
	.OBTConditionItem_item__3EvVP {
	    display: flex;
	    flex-direction: row;
	    margin: 4px
	}
}
.OBTConditionItem_label__1_jRT {
    line-height: 27px;
    color: #4a4a4a;
    font-size: 13px;
    min-width: 102px;
    text-align: right;
    margin-right: 6px
}

.OBTConditionItem_tooltipWrapper__2AC9h {
    position: relative;
    width: inherit;
    height: inherit;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.OBTConditionItem_tooltipWrapper__2AC9h.OBTConditionItem_spaceBetweenChildren__2gDKi>:not(:last-child) {
    margin-right: 5px
}

.OBTConditionItem_requiredTooltip__3y9kT {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent
}

.OBTConditionItem_requiredTooltip__3y9kT>div:first-child {
    width: 100%;
    height: 100%
}

.OBTTextField_obtTextField__1SYav,
.OBTTextField_obtTextField__1SYav * {
    box-sizing: content-box;
    line-height: normal
}

.OBTTextField_obtTextField__1SYav {
    display: inline-block
}

.OBTTextField_obtTextField__1SYav.OBTTextField_useCustomCodePickerIcon__20jms {
    position: relative
}

.OBTTextField_obtTextField__1SYav.OBTTextField_useCustomCodePickerIcon__20jms>div:first-child>div>button>* {
    display: none !important
}

.OBTTextField_obtTextField__1SYav>.OBTTextField_customCodePickerIcon__9pHjp {
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px
}

.OBTTextField_obtTextField__1SYav>.OBTTextField_customCodePickerIcon__9pHjp>* {
    width: 100% !important
}

.OBTTextField_obtTextField__1SYav.OBTTextField_hideInformationText__mubZD>div:first-child>p {
    display: none
}

.OBTTextField_obtTextField__1SYav input[type=password]::-ms-clear,
.OBTTextField_obtTextField__1SYav input[type=password]::-ms-reveal {
    display: none
}

.OBTTextField_obtTextField__1SYav input[type=password]::-webkit-contacts-auto-fill-button,
.OBTTextField_obtTextField__1SYav input[type=password]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0
}

.UFOPeriodDateFieldDialog_calendar__1F0m1 {
    transition: opacity .3s ease-out;
    opacity: 1
}

.UFOPeriodDateFieldDialog_calendar__1F0m1:focus {
    outline: none
}

.UFOPeriodDateFieldDialog_calendar__1F0m1:not(.UFOPeriodDateFieldDialog_visible__1iqLk) {
    opacity: 0
}

.UFOPeriodDateFieldDialog_calendar__1F0m1 .UFOPeriodDateFieldDialog_calendarTable__ps1PZ>* {
    min-height: 207px
}

.UFOPeriodMonthFieldDialog_calendar__2mfjs {
    transition: opacity .3s ease-out;
    opacity: 1
}

.UFOPeriodMonthFieldDialog_calendar__2mfjs:focus {
    outline: none
}

.UFOPeriodMonthFieldDialog_calendar__2mfjs:not(.UFOPeriodMonthFieldDialog_visible__290AG) {
    opacity: 0
}

.WeekDateDialog_calendar__25ZFX {
    transition: opacity .3s ease-out;
    opacity: 1
}

.WeekDateDialog_calendar__25ZFX:focus {
    outline: none
}

.WeekDateDialog_calendar__25ZFX:not(.WeekDateDialog_visible__3c_BM) {
    opacity: 0
}

.WeekDateDialog_calendar__25ZFX>.WeekDateDialog_content__3Nsod>* {
    min-height: 146px
}

.OBTDatePickerRebuild_root__2a2r0 {
    display: inline-block
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj {
    display: inline-flex;
    flex-direction: row;
    box-sizing: border-box;
    align-items: center;
    position: relative;
    width: 100%;
    outline: none;
    line-height: normal
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj:not(.OBTDatePickerRebuild_customInput__VzIG2) {
    height: 27px;
    padding: 3.5px 7px;
    border: 1px solid #ccc;
    background: #fff
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj:not(.OBTDatePickerRebuild_customInput__VzIG2).OBTDatePickerRebuild_readonly__LVUFK:not(.OBTDatePickerRebuild_stateless__3hIZT) {
    background-color: #f2f2f2
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj:not(.OBTDatePickerRebuild_customInput__VzIG2).OBTDatePickerRebuild_disabled__1BjD0:not(.OBTDatePickerRebuild_stateless__3hIZT) {
    background-color: #f2f2f2;
    color: #a6a6a6
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj:not(.OBTDatePickerRebuild_customInput__VzIG2).OBTDatePickerRebuild_required__2oahK:not(.OBTDatePickerRebuild_stateless__3hIZT) {
    background-color: #fef4f4
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj:not(.OBTDatePickerRebuild_customInput__VzIG2).OBTDatePickerRebuild_focus__IKIub {
    border-color: #1c90fb
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj .OBTDatePickerRebuild_dateInput__tQLeQ {
    font-size: 12px;
    outline: none;
    border: none;
    font-family: inherit;
    padding: 6px 0 5px;
    background: transparent
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj .OBTDatePickerRebuild_dateInput__tQLeQ:disabled {
    -webkit-text-fill-color: #a6a6a6;
    color: #a6a6a6
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj .OBTDatePickerRebuild_weekday__1mZG_ {
    margin-left: 3px
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj .OBTDatePickerRebuild_fromToSeparator__3XijP {
    margin: 0 3px
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj .OBTDatePickerRebuild_icon__3-2UE {
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
    cursor: pointer
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj.OBTDatePickerRebuild_disabled__1BjD0 .OBTDatePickerRebuild_icon__3-2UE {
    opacity: .2;
    cursor: none;
    pointer-events: none
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj.OBTDatePickerRebuild_stateless__3hIZT .OBTDatePickerRebuild_dateInput__tQLeQ:disabled {
    -webkit-text-fill-color: #000;
    color: #000
}

.OBTDatePickerRebuild_root__2a2r0 .OBTDatePickerRebuild_wrapper__1v6hj.OBTDatePickerRebuild_stateless__3hIZT.OBTDatePickerRebuild_disabled__1BjD0 .OBTDatePickerRebuild_icon__3-2UE {
    opacity: 1
}

.OBTDatePickerRebuild_inputYMD__SK3ay {
    width: 62px
}

.OBTDatePickerRebuild_inputYM__HMD2_ {
    width: 45px
}

.OBTDatePickerRebuild_inputY__1j-a5 {
    width: 28px
}

.DefaultDialog_resetButtonWrapper__2VadR {
    margin-top: 10px;
    display: flex;
    flex-direction: row-reverse
}

.OBTGanttChart_root__1cA6C {
    display: flex;
    flex-direction: row-reverse;
    z-index: 0
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC {
    width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: sticky;
    z-index: 1
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_title__N8MT9 {
    height: 40px;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-self: flex-start;
    padding-left: 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    min-height: 40px;
    background: #fff;
    z-index: 1
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4>.OBTGanttChart_serialItemCollapseButton__3wbRu {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    box-sizing: border-box;
    outline: none;
    border: none;
    background: url(/static/media/icon-btn-arrow-down-normal.280a0080.png) no-repeat 50%
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4>.OBTGanttChart_serialItemCollapseButton__3wbRu.OBTGanttChart_collapsed__bOqsA {
    background: url(/static/media/icon-btn-arrow-right-normal.9245622c.png) no-repeat 50%
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4 .OBTGanttChart_seriesItemText__2pITQ {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4 .OBTGanttChart_tooltip__1R9Fl {
    text-decoration: none;
    position: relative
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4 .OBTGanttChart_tooltip__1R9Fl>span:first-child {
    display: none;
    pointer-events: none
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_seriesPanel__2LZKC>.OBTGanttChart_panel__1T2FJ>.OBTGanttChart_seriesItemRoot__2uI_c>.OBTGanttChart_indent__363_4 .OBTGanttChart_tooltip__1R9Fl:hover>span:first-child {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 100;
    line-height: normal
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    border-left: none;
    margin-left: -1px
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_ {
    min-height: 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    z-index: 1
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartMonth__3txaL {
    font-size: 12px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartDays__G_Czz {
    margin-left: -1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartDays__G_Czz>.OBTGanttChart_chartDay__P6E_I {
    width: 20px;
    font-size: 10px;
    text-align: center
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartDays__G_Czz>.OBTGanttChart_chartDay__P6E_I.OBTGanttChart_today__2Yeg1 {
    position: relative;
    z-index: 1
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartDays__G_Czz>.OBTGanttChart_chartDay__P6E_I.OBTGanttChart_today__2Yeg1:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #bbdefb;
    z-index: -1
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc>.OBTGanttChart_chartTitle__3HfO_>.OBTGanttChart_chartMonthRoot__32pKx>.OBTGanttChart_chartDays__G_Czz>.OBTGanttChart_chartDay__P6E_I.OBTGanttChart_today__2Yeg1:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #bbdefb;
    z-index: 0;
    left: 0;
    top: 15px
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s {
    width: 100%;
    flex-grow: 1;
    background-image: linear-gradient(90deg, #e6e6e6 1px, transparent 0);
    background-size: 20px 20px;
    background-position: 0;
    position: relative
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_holidays__1bfqM>* {
    position: absolute;
    top: 0;
    height: 100%;
    width: 19px
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_holidays__1bfqM>.OBTGanttChart_saturday__3dpyt,
.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_holidays__1bfqM>.OBTGanttChart_sunday__2uPTZ {
    background-color: #dae2f3
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_holidays__1bfqM>.OBTGanttChart_today__2Yeg1:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: calc(50% - 3px);
    top: 0;
    background-color: #bbdefb
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES {
    display: flex;
    flex-direction: column
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq {
    position: relative;
    width: 100%;
    height: 40px
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq>.OBTGanttChart_bar__ep_5X {
    position: absolute;
    top: 10px;
    bottom: 10px
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq>.OBTGanttChart_bar__ep_5X .OBTGanttChart_barInner__2_dL1 {
    display: inline-block
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq>.OBTGanttChart_bar__ep_5X .OBTGanttChart_tooltip__1R9Fl {
    text-decoration: none;
    position: relative
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq>.OBTGanttChart_bar__ep_5X .OBTGanttChart_tooltip__1R9Fl>span:first-child {
    display: none;
    pointer-events: none
}

.OBTGanttChart_root__1cA6C>.OBTGanttChart_chartRoot__pJ5Ai>.OBTGanttChart_scrollRoot__1brmc .OBTGanttChart_chartContents__lzX4s>.OBTGanttChart_chartContentsRoot__XUx3z>.OBTGanttChart_contents__3_0ES>.OBTGanttChart_barRoot__54BXq>.OBTGanttChart_bar__ep_5X .OBTGanttChart_tooltip__1R9Fl:hover>span:first-child {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 100
}

.OBTGanttChart_root__1cA6C>* {
    box-sizing: border-box
}

.OBTRichEditor_required__3WA7m {
    background-color: #fef4f4
}

.OBTRichEditor_disabled__6qRaQ,
.OBTRichEditor_readonly__bXPZg {
    color: #a6a6a6;
    background-color: #f2f2f2
}

.OBTRichEditor_root__1Os9v {
    border: 1px solid #ccc;
    padding: 3px 6px;
    min-height: 19px;
    overflow: auto;
    background-color: #fff;
    color: #000
}

.OBTRichEditor_root__1Os9v:focus-within {
    border-color: #1c90fb
}

.OBTRichEditor_root__1Os9v>div[class~=DraftEditor-root] {
    width: 100%;
    height: 100%
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5>div[class~=public-DraftStyleDefault-block] {
    margin: 0
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignLeft__myFby,
.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignLeft__myFby>* {
    text-align: left
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignRight__3WxsN,
.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignRight__3WxsN>* {
    text-align: right
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignCenter__1ku_3,
.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignCenter__1ku_3>*,
.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5[class~=rdw-center-aligned-block] {
    text-align: center
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5[class~=rdw-center-aligned-block]>div {
    display: inline-block
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignJustify__2HjXB,
.OBTRichEditor_root__1Os9v .OBTRichEditor_block__3Xfq5.OBTRichEditor_alignJustify__2HjXB>* {
    text-align: justify
}

.OBTRichEditor_root__1Os9v ul[class~=public-DraftStyleDefault-ul] {
    margin: 0
}

.OBTRichEditor_root__1Os9v ul[class~=public-DraftStyleDefault-ul] li[class~=public-DraftStyleDefault-depth0] {
    list-style-type: none;
    margin-left: 10px;
    position: relative
}

.OBTRichEditor_root__1Os9v ul[class~=public-DraftStyleDefault-ul] li[class~=public-DraftStyleDefault-depth0]:before {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 1.5px);
    width: 3px;
    height: 3px;
    background-color: #585858
}

.OBTRichEditor_root__1Os9v ul[class~=public-DraftStyleDefault-ul] li[class~=public-DraftStyleDefault-depth1] {
    list-style-type: none;
    margin-left: 10px;
    position: relative
}

.OBTRichEditor_root__1Os9v ul[class~=public-DraftStyleDefault-ul] li[class~=public-DraftStyleDefault-depth1]:before {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - .5px);
    width: 4px;
    height: 1px;
    background-color: #6a6a6a
}

.OBTRichEditor_root__1Os9v ol[class~=public-DraftStyleDefault-ol] {
    margin: 0
}

.OBTRichEditor_root__1Os9v ol[class~=public-DraftStyleDefault-ol] li[class~=public-DraftStyleDefault-depth0] {
    margin-left: 10px
}

.OBTRichEditor_root__1Os9v ol[class~=public-DraftStyleDefault-ol] li[class~=public-DraftStyleDefault-depth0]:before {
    left: -29px
}

.OBTRichEditor_root__1Os9v ol[class~=public-DraftStyleDefault-ol] li[class~=public-DraftStyleDefault-depth1] {
    margin-left: 10px
}

.OBTRichEditor_root__1Os9v ol[class~=public-DraftStyleDefault-ol] li[class~=public-DraftStyleDefault-depth1]:before {
    left: -29px
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_hr__221tl {
    height: 1px;
    width: 100%;
    background-color: #e6e6e6
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E {
    position: relative;
    padding: 0 5px;
    color: #fff;
    z-index: inherit;
    cursor: pointer;
    outline: none
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E:before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 2px;
    bottom: 0;
    border-radius: 999px;
    background-color: #1c90fb;
    pointer-events: none;
    z-index: -1
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM {
    margin-top: 3px;
    width: 170px;
    max-height: 191px;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    border: 1px solid #a6a6a6;
    background-color: #fff;
    cursor: default;
    z-index: 500;
    transition: transform .2s ease;
    transform-origin: top;
    transform: scaleY(1)
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM.OBTRichEditor_hide__19psS {
    transform: scaleY(0)
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM .OBTRichEditor_variableListItem__36rMT {
    box-sizing: border-box;
    padding: 0 11px;
    height: 27px;
    font-size: 12px;
    text-align: left;
    color: #000;
    display: flex;
    align-items: center;
    cursor: pointer;
    outline: none;
    z-index: 0
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM .OBTRichEditor_variableListItem__36rMT .OBTRichEditor_description__2inUC {
    margin-left: 5px;
    color: #4a4a4a
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM .OBTRichEditor_variableListItem__36rMT.OBTRichEditor_selected__yhwm_,
.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM .OBTRichEditor_variableListItem__36rMT.OBTRichEditor_selected__yhwm_ .OBTRichEditor_description__2inUC {
    color: #1c90fb
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_variable__1Be3E .OBTRichEditor_variableList__23gVM .OBTRichEditor_variableListItem__36rMT:hover {
    background-color: #eff7ff
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_link__3Vv34 {
    font-weight: 700;
    text-decoration: underline;
    color: #1c90fb
}

.OBTRichEditor_root__1Os9v .OBTRichEditor_image__3Q_I9 {
    max-width: 100%
}

.OBTDropDownList_default__6OVEb {
    display: inline-block
}

.OBTPagination_root__2IaSs {
    line-height: 0;
    text-align: center;
    padding-top: 10px
}

.OBTPagination_drop__1z4p7 {
    padding-left: 5px
}

.OBTPagination_drop__1z4p7 div div>span:first-child {
    padding: 0 24px 0 7px !important;
    height: 19px !important;
    line-height: 19px !important
}

.OBTPagination_drop__1z4p7 div div>button {
    margin-top: -12px !important;
    height: 21px !important
}

.OBTPagination_numberButton__2245l {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.OBTPagination_numberButton__2245l button {
    width: 21px !important;
    padding: 0 !important
}

.OBTPagination_button__3Q1gd,
.OBTPagination_buttonFirst__WW9Ph {
    position: relative;
    border: none;
    width: 21px;
    height: 21px;
    background-color: transparent;
    outline: none
}

.OBTPagination_buttonFirst__WW9Ph {
    margin-right: 3px
}

.OBTPagination_img__MoLh- {
    vertical-align: baseline
}

.OBTPagination_page__2u-qB {
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 10px;
    line-height: 1.8;
    letter-spacing: -.65px
}

.OBTPagination_total__3bDtB {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.OBTPagination_pageLeft__2CbM2 {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    line-height: 14px;
    cursor: default
}

.OBTPagination_pageLeft__2CbM2>.OBTPagination_pagetext__2vYFf {
    display: inline-block;
    height: 14px;
    font-weight: 700;
    color: transparent
}

.OBTPagination_pageLeft__2CbM2>.OBTPagination_totalpagetext__3DuMY {
    display: inline-block;
    height: 14px;
    color: transparent
}

.OBTPagination_pageCenter__1rA04 {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.OBTPagination_pageRight__2R7IF {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 14px
}

.OBTPagination_pageRight__2R7IF>.OBTPagination_pagetext__2vYFf {
    display: inline-block;
    height: 14px;
    font-weight: 700;
    color: #000
}

.OBTPagination_pageRight__2R7IF>.OBTPagination_totalpagetext__3DuMY {
    display: inline-block;
    height: 14px;
    color: #8c8c8c
}

.obt_list_grid_root_class_name_hard .rg-dropdownlist {
    background: #fff;
    font-family: inherit;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .8);
    font-size: 12px;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border: 1px solid #a3a3a3;
    overflow: auto !important
}

.obt_list_grid_root_class_name_hard .rg-dropdown-item,
.obt_list_grid_root_class_name_hard .rg-dropdown-select {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0;
    cursor: pointer !important
}

.obt_list_grid_root_class_name_hard .rg-dropdown-select {
    background: #e9f4ff;
    color: #1c90fb
}

.obt_list_grid_root_class_name_hard .rg-dropdown-select:hover {
    color: #4a4a4a
}

.obt_list_grid_root_class_name_hard .rg-dropdown-item:hover {
    background: #e9f4ff;
    color: #4a4a4a
}

.OBTListGrid_rootDiv__1jxRk {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*height: 96%;*/
    width: 100%
}

.OBTListGrid_root__nYveC {
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    position: relative
}

.OBTListGrid_root__nYveC>.OBTListGrid_grid__2v2Bh {
    position: relative;
    width: 100%;
    height: 100%
}

.OBTListGrid_root__nYveC>.OBTListGrid_grid__2v2Bh:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1
}

.OBTListGrid_root__nYveC>.OBTListGrid_initGrid__2ELGL {
    position: absolute;
    width: 100%;
    height: 100%
}

.OBTListGrid_root__nYveC>.OBTListGrid_initGrid__2ELGL:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1
}

.OBTListGrid_root__nYveC.OBTListGrid_dragging__1E11v :not(.OBTListGrid_outLine__wCqFu) {
    pointer-events: none
}

.OBTListGrid_emptyDataRoot__1uji9 {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_tiny__2WVdn {
    flex-direction: row
}

.OBTListGrid_emptyDataRoot__1uji9 .OBTListGrid_emptyDataImage__3Dyb9 {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    width: 42px;
    height: 42px
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_initial__Sy9WA .OBTListGrid_emptyDataImage__3Dyb9 {
    background-image: url(/static/media/img_empty_data_s.410970b4.png)
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_noData__u_x3- .OBTListGrid_emptyDataImage__3Dyb9 {
    background-image: url(/static/media/img_empty_search_s.dabcfbb4.png)
}

.OBTListGrid_emptyDataRoot__1uji9 .OBTListGrid_emptyDataText__og56a {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: -.8px;
    color: #8c8c8c
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_initial__Sy9WA.OBTListGrid_small__1fioM .OBTListGrid_emptyDataImage__3Dyb9,
.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_initial__Sy9WA.OBTListGrid_tiny__2WVdn .OBTListGrid_emptyDataImage__3Dyb9 {
    background-image: url(/static/media/img_empty_data_s.410970b4.png)
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_noData__u_x3-.OBTListGrid_small__1fioM .OBTListGrid_emptyDataImage__3Dyb9,
.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_noData__u_x3-.OBTListGrid_tiny__2WVdn .OBTListGrid_emptyDataImage__3Dyb9 {
    background-image: url(/static/media/img_empty_search_s.dabcfbb4.png)
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_small__1fioM .OBTListGrid_emptyDataImage__3Dyb9,
.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_tiny__2WVdn .OBTListGrid_emptyDataImage__3Dyb9 {
    width: 42px;
    height: 42px
}

.OBTListGrid_emptyDataRoot__1uji9.OBTListGrid_tiny__2WVdn .OBTListGrid_emptyDataText__og56a {
    margin-top: 0;
    margin-left: 10px
}

.OBTListGrid_emptyData__hB55N {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTListGrid_data__2uvGJ {
    display: none;
    position: absolute
}

.OBTListGrid_text__259jC {
    font-size: 15.5px;
    letter-spacing: -.78px;
    color: #8c8c8c
}

.OBTListGrid_page__1MfH7 {
    text-align: center
}

.OBTListGrid_hoverWrapper__23yfB {
    position: absolute;
    pointer-events: none;
    left: -1px;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya {
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #1c90fb;
    transition: top .1s ease-out, opacity .1s ease-out;
    opacity: 0;
    max-width: 100%;
    overflow: hidden
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya.OBTListGrid_visible__2p1aC {
    opacity: 1
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya:not(.OBTListGrid_visible__2p1aC) {
    visibility: hidden
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_hoverActionButtonRoot__1LoXS {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    padding-left: 20px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 20px, #fff)
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_hoverActionButtonRoot__1LoXS>* {
    pointer-events: all
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_hoverActionButtonRoot__1LoXS>:not(:last-child) {
    margin-right: 5px
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_moveThumb__2bFJI {
    flex: 0 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    opacity: 0;
    pointer-events: all;
    transition: opacity .1s ease-out
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_moveThumb__2bFJI.OBTListGrid_on__3hEJV,
.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_moveThumb__2bFJI:hover {
    background-color: #2c98fb;
    background-image: url(/static/media/icon-con-change.9e09534b.png);
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_reorderImageRoot__3XItS {
    flex: 1 1 auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: left .1s ease-out
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_reorderImageRoot__3XItS.OBTListGrid_on__3hEJV {
    left: 20px
}

.OBTListGrid_hoverWrapper__23yfB .OBTListGrid_hoverRoot__3Vyya .OBTListGrid_reorderRoot__2EdAi .OBTListGrid_reorderImageRoot__3XItS .OBTListGrid_reorderImage__2IE0X {
    position: absolute
}

.OBTButtonGroup_buttonGroup__1hFIC {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap
}

.OBTButtonGroup_buttonGroup__1hFIC>*>.OBTButtonGroup_button__AoSwU.OBTButtonGroup_focus__36oEZ {
    border-color: #1c90fb !important;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff) !important;
    z-index: 1
}

.OBTButtonGroup_buttonGroup__1hFIC>*>.OBTButtonGroup_button__AoSwU.OBTButtonGroup_focus__36oEZ:active {
    background-image: linear-gradient(180deg, #a4d6fe, #e6f5ff) !important
}

.OBTButtonGroup_buttonGroup__1hFIC>:not(:last-child)>.OBTButtonGroup_button__AoSwU {
    border-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.OBTButtonGroup_buttonGroup__1hFIC>:not(:last-child)>.OBTButtonGroup_button__AoSwU.OBTButtonGroup_focus__36oEZ:after,
.OBTButtonGroup_buttonGroup__1hFIC>:not(:last-child)>.OBTButtonGroup_button__AoSwU:hover:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    width: 1px;
    z-index: 1;
    background: #9f9f9f
}

.OBTButtonGroup_buttonGroup__1hFIC>:not(:last-child)>.OBTButtonGroup_button__AoSwU.OBTButtonGroup_focus__36oEZ:after {
    background: #1c90fb
}

.OBTButtonGroup_buttonGroup__1hFIC>:not(:first-child)>.OBTButtonGroup_button__AoSwU {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.OBTNumberField_obtNumberField__2YM5d,
.OBTNumberField_obtNumberField__2YM5d * {
    box-sizing: content-box;
    line-height: normal
}

.OBTNumberField_obtNumberField__2YM5d {
    display: inline-block
}

.OBTReferencePanel_referboxWrapper__Gi_lZ {
    position: relative
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_referbox__2OH1Z {
    height: 39px;
    display: flex;
    flex-direction: row;
    align-items: center;
    visibility: visible !important;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_referbox__2OH1Z .OBTReferencePanel_title__3ls3a {
    flex-grow: 1;
    padding-left: 4px;
    font-size: 12px;
    letter-spacing: -.65px;
    text-align: left;
    color: #000
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_referbox__2OH1Z>button {
    top: 13px;
    right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url(/static/media/icon-btn-arrow-top-normal.1d9dc486.png) 50% no-repeat;
    position: absolute;
    padding: 0;
    border: none;
    outline: none
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_noreferbox__KLMmL {
    display: flex;
    flex-direction: row;
    align-items: center;
    visibility: visible !important;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    border-radius: 3px
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_noreferbox__KLMmL .OBTReferencePanel_notitle__13MED {
    padding: 12px 15px
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_noreferbox__KLMmL .OBTReferencePanel_notitle__13MED>ol>li,
.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_noreferbox__KLMmL .OBTReferencePanel_notitle__13MED>ul>li {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 1.54;
    letter-spacing: -.65px;
    text-align: left;
    list-style: none;
    background-color: transparent !important
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_nochildreferbox__3Tz5n {
    height: 39px;
    display: flex;
    flex-direction: row;
    align-items: center;
    visibility: visible !important;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    border-radius: 3px
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_nochildreferbox__3Tz5n .OBTReferencePanel_title__3ls3a {
    flex-grow: 1;
    padding-left: 4px;
    font-size: 12px;
    letter-spacing: -.65px;
    text-align: left;
    color: #000
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_nochildreferbox__3Tz5n>button {
    top: 13px;
    right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url(/static/media/icon-btn-arrow-top-normal.1d9dc486.png) 50% no-repeat;
    position: absolute;
    padding: 0;
    border: none;
    outline: none
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_content__2ccHD {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    padding: 12px 15px;
    overflow: hidden;
    z-index: 100
}

.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_content__2ccHD>ol>li,
.OBTReferencePanel_referboxWrapper__Gi_lZ .OBTReferencePanel_content__2ccHD>ul>li {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 1.54;
    letter-spacing: -.65px;
    text-align: left;
    list-style: none;
    background-color: transparent !important
}

.OBTReferencePanel_closed__2zVep .OBTReferencePanel_referbox__2OH1Z .OBTReferencePanel_content__2ccHD {
    height: 0;
    border: none;
    border-radius: 0 0 3px 3px;
    padding: 0 38px
}

.OBTReferencePanel_closed__2zVep .OBTReferencePanel_referbox__2OH1Z .OBTReferencePanel_content__2ccHD>ol>li,
.OBTReferencePanel_closed__2zVep .OBTReferencePanel_referbox__2OH1Z .OBTReferencePanel_content__2ccHD>ul>li {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 1.54;
    letter-spacing: -.65px;
    text-align: left;
    list-style: none;
    background-color: transparent !important
}

.OBTReferencePanel_closed__2zVep .OBTReferencePanel_referbox__2OH1Z>button {
    background: url(/static/media/icon-btn-arrow-down-normal.280a0080.png) 50% no-repeat
}

.OBTReferencePanel_icon__34JhG {
    padding-left: 15px
}

.OBTReferencePanel_icon__34JhG>img {
    display: block;
    margin: 0 auto
}

.OBTPopupPanel_closeButton__1E5Ti {
    top: -12px;
    left: calc(50% - 49px);
    width: 98px;
    height: 12px;
    position: absolute;
    padding: 0;
    border: none;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAMCAYAAACZW2gkAAADu0lEQVRYhe2WT0gjZxiHn8kk66jNP1HolEQ0YMCBXvQgEkGhhh5MLsXgGlSQRaSHXHTx0IOFHHtUqNsN9LBhPUgK1sQugh4C5pgcIuRUzMHgHDwkKm3GLbE9uEmNq2ZrN+mhPqf5vvnN+/2+eb/3nREWFhaowTzwopbokXuZB17eJ9DXCDAsiuJ38/Pzf7S3txs+nq//DxcXF29XVla+KRaLGWD/Lp3unhhdOp3uJ5/P1/KYhIfT1NT05NmzZ5/p9frXgO0u3V0V0SKK4i8ul6vJ6XTWqpoHo2kau7u7ZLNZJEmiv78fWZYJh8MsLS1VaROJBJlMBgBFUXC5XACoqkosFkNVVRwOB4qiIMsyoVCo8qzVaiUQCFTG5+fnGI3Gqvi3zX0s2traDD6fz7ixsREtlUou4PebmttesqDT6V47HI5PR0ZGPqmLs3fEYjEkSSIQCKCqKqqqUiwW0TStSldOwvT0NADhcBgAl8tFOBzG4/GgKAqqqpLP5ykWiwAsLy+/t+bp6Snr6+t4vV5stqsDmsvliEaj+P1+zGZzXfba09NjHRoa+m1/f//HUqn09Ob991qTIAjfmkymkfHxcWtdHL1D0zQymUzlZMuyTF9f363ask6SpErllKujubmZVCqFqqrIsoyiKPeuazab8Xq9RKNRcrlcJQkej6duSSgzPDxs6+7uHhAE4fnNezcT8ZVer38+MzNjMRjq+1k4Pj4GrtpGLVRVRZKkythisaCqKgBzc3MAhEIhVldXK/MAwWCQYDBIKpWqimez2SrJKCfBbrf/6z19CBMTE11mszkAfHl9/npr+lyn072anJxssVgsdTdUTkA+n6+ZDFmWKRQKlXGhUECWZQAkSWJqagq4anWRSISxsTHg9tZ0G4Ig/GP/D0UURWZnZ+1ra2svNU37AvgV/q6IDlEU37jdbn1XV1dDXFmtVhwOB4lEArg69eXrmyiKQjKZRNM0NE0jmUyiKAqaphGLxSrflA+pLqCqHV1vU43CaDQKfr+/3WAw/AyYAMTBwcEnoii+6e3t7XS73S0NcwM4nU4ODw/Z3Nzk6OiIzs5OrFYrqVSKeDxOPB7n/Pyc0dFRNE1jb2+PdDpd+WvS6/WcnJywvb3Nzs4OgiDg8XgwGAxVMdLpNAMDAwCcnZ0RiUTwer3Y7XZMJhOyLBONRnE6nVUtsJ6YTCZDa2vrn9lsdujy8nJdWFxc/KGjo+Pp3NycSRTFhpj4r2n07+t9bG1tHR0cHLwSCoXC98DXDXfwyHVe/AW3zl2UDQOT1AAAAABJRU5ErkJggg==) no-repeat 50%
}

.OBTPopupPanel_popupPanel__3FAkG {
    padding: 0 25px;
    border: 1px solid #ccc;
    background: #fff;
    border-bottom: 0;
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    visibility: visible !important;
    box-sizing: border-box
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>div>div>span {
    background: transparent !important
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>select::-ms-expand {
    display: none
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>div:first-child>div>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>div:first-child>div>select::-ms-expand {
    display: none
}

.OBTPreviousNextSelector_previousNextSelector__Yki_F>div>div>div:first-child>div>select>option {
    font-family: inherit !important;
    line-height: 13px
}

.OBTProgress_labelTextSpan__3O31o {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a
}

.OBTProgress_root__1MkUk.OBTProgress_full__3OaO6 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.OBTProgress_root__1MkUk.OBTProgress_notFull__2VRfL {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.OBTProgress_root__1MkUk .OBTProgress_wrapper__B-8L3 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTProgress_root__1MkUk .OBTProgress_windowBackground__Zi_5A {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3)
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-Index: 1200
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_boxBackground__-7XHH {
    border: 1px solid #d9d9d9;
    background: #fff
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw {
    min-width: 115px;
    min-height: 60px
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child {
    position: relative !important;
    width: 100%;
    height: 100%;
    overflow: visible !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:first-child {
    opacity: 0 !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:nth-child(2)>div {
    text-align: inherit !important;
    vertical-align: baseline !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:nth-child(2)>div>div {
    display: block !important;
    margin: 20px 47px
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:nth-child(2)>div>div>div:first-child {
    float: left
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:nth-child(2)>div>div>div:first-child>div:nth-child(2)>div>span {
    display: none !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_small__1mUFw>div:first-child>div:nth-child(2)>div>div>div:nth-child(2) {
    float: left;
    position: relative !important;
    margin: 1px 0 0 5px !important;
    left: 0 !important;
    right: 0 !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7 {
    min-width: 290px;
    min-height: 160px
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:first-child {
    position: relative !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:first-child>div:first-child {
    opacity: 0 !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:first-child>div:nth-child(2)>div>div>div:first-child>div:nth-child(2)>div>span>strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: -.4px
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:first-child>div:nth-child(2)>div>div>div:nth-child(2) {
    margin: 13px 0 0 !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:nth-child(2) {
    z-index: 9999;
    display: inline-block
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_default__35Jl7>div:nth-child(2)>button {
    margin-left: .1px !important;
    margin-top: 10px
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_large__3-Djg>div:first-child {
    position: relative !important;
    width: 100%;
    height: 100%;
    overflow: hidden !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_large__3-Djg>div:first-child>div:first-child {
    opacity: 0 !important
}

.OBTProgress_root__1MkUk .OBTProgress_box__3HLy5.OBTProgress_large__3-Djg>div:first-child>div:nth-child(2)>div>div>div>div:nth-child(2)>div>span>strong {
    font-size: 36px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: .99;
    letter-spacing: -.9px;
    text-align: center
}

.OBTProgress_root__1MkUk.OBTProgress_closed__2Atum {
    display: none
}

.OBTProgress_section__1TH6O {
    position: relative;
    display: inline-block
}

.OBTSnackbar_fullFixed__3XaZb {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 48px;
    z-index: 3000
}

.OBTSnackbar_fullFixed__3XaZb>.OBTSnackbar_relative__2AO4_ {
    position: relative;
    width: 100%;
    height: 100%
}

.OBTSnackbar_fullFixed__3XaZb>.OBTSnackbar_relative__2AO4_>.OBTSnackbar_absolute__3gFD4 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: auto
}

.OBTSnackbar_fullFixed__3XaZb>.OBTSnackbar_relative__2AO4_>.OBTSnackbar_closed__3adpV {
    bottom: -48px;
    transition: bottom .25s ease-out
}

.OBTSnackbar_fullFixed__3XaZb>.OBTSnackbar_relative__2AO4_>.OBTSnackbar_open__11VEU {
    bottom: 0;
    transition: bottom .25s ease-out
}

.OBTSnackbar_sectionRoot__eyj-G {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%
}

.OBTSnackbar_sectionRoot__eyj-G>.OBTSnackbar_sectionWrapper__12J7a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.OBTSnackbar_sectionRoot__eyj-G>.OBTSnackbar_sectionWrapper__12J7a>.OBTSnackbar_sectionContents__2Ej90 {
    position: relative;
    width: 100%;
    height: 100%
}

.OBTSnackbar_sectionRoot__eyj-G>.OBTSnackbar_sectionWrapper__12J7a>.OBTSnackbar_sectionContents__2Ej90>.OBTSnackbar_absolute__3gFD4 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.OBTSnackbar_sectionRoot__eyj-G>.OBTSnackbar_sectionWrapper__12J7a>.OBTSnackbar_sectionContents__2Ej90>.OBTSnackbar_closed__3adpV {
    bottom: -48px;
    transition: bottom .25s ease-out
}

.OBTSnackbar_sectionRoot__eyj-G>.OBTSnackbar_sectionWrapper__12J7a>.OBTSnackbar_sectionContents__2Ej90>.OBTSnackbar_open__11VEU {
    bottom: 0;
    transition: bottom .25s ease-out
}

.OBTSnackbar_snackRoot__3RVRl {
    line-height: 21px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    padding: 12px 15px;
    display: flex
}

.OBTSnackbar_snackRoot__3RVRl>span,
.OBTSnackbar_snackRoot__3RVRl>span>img {
    display: inline-block;
    vertical-align: top
}

.OBTSnackbar_snackRoot__3RVRl>span>img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 21px;
    height: 21px;
    margin-right: 10px
}

.OBTSnackbar_snackRoot__3RVRl>span>span {
    font-size: 16px;
    line-height: 23px;
    vertical-align: top;
    margin-right: 5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.OBTSnackbar_success__3DgLY {
    background-color: #3fa684
}

.OBTSnackbar_warning__2_C2r {
    background-color: #faa733
}

.OBTSnackbar_error__1iAMU {
    background-color: #e85e30
}

.OBTSnackbar_info__2B--O {
    background-color: #3e82ef
}

.OBTSnackbar_iconStyle__39yhZ {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 21px;
    height: 21px;
    margin-right: 10px
}

.OBTSnackbar_closed__3adpV {
    bottom: -48px;
    transition: bottom .25s ease-out
}

.OBTSnackbar_open__11VEU {
    bottom: 0;
    transition: bottom .25s ease-out
}

.OBTSnackbar_invisible__14sPf {
    display: none
}

.obtCalendar-erp {
    position: relative
}

.obtCalendar-erp .erpToolbar {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 111px);
    height: 60px;
    left: 111px
}

.obtCalendar-erp .erpToolbar .previous-month-button {
    border-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.obtCalendar-erp .erpToolbar .previous-month-button:hover:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    width: 1px;
    background-color: #9f9f9f
}

.obtCalendar-erp .erpToolbar .next-month-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.obtCalendar-erp .erpToolbar .btnThisMonth {
    margin-left: 4px
}

.obtCalendar-erp .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0
}

.obtCalendar-erp .fc-toolbar.fc-header-toolbar .fc-left {
    display: flex;
    align-items: center;
    height: 60px
}

.obtCalendar-erp .fc-toolbar.fc-header-toolbar .fc-left>h2 {
    font-size: 18px
}

.obtCalendar-erp .fc-day-header {
    height: 40px;
    border-radius: 0;
    background-color: #f5f8fa;
    font-size: 12px;
    border: 0
}

.obtCalendar-erp .fc-day-header>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.obtCalendar-erp .fc-row.fc-widget-header {
    margin-bottom: 8px
}

.obtCalendar-erp .fc-day-top {
    font-size: 13px;
    padding: 3px 0 0 6px
}

.obtCalendar-erp .fc-day-number {
    float: left !important
}

.obtCalendar-erp .fc-event,
.obtCalendar-erp .fc-view.fc-dayGridMonth-view.fc-dayGrid-view thead td {
    border: none
}

.obtCalendar-erp .fc-sat {
    color: #1c90fb
}

.obtCalendar-erp .fc-sun {
    color: red
}

.obtCalendar-erp .fc-event-container .fc-day-grid-event {
    border-radius: 0;
    padding: 1px 6px
}

.obtCalendar-erp .fc-event-container .fc-day-grid-event .fc-content .fc-title {
    font-size: 10px
}

.OBTComplete_lineThrough__2qOTm {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    height: 1px;
    background-color: #2b333b
}

.OBTComplete_arrowBtn__1nSwx {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    background-image: none !important;
    cursor: pointer
}

.OBTExcelFormDialog_topDiv__3m9OJ {
    width: 100%;
    height: 23px;
    margin: 16px 0 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_leftTopDiv__2tl09 {
    flex: 14.5 1;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #010101
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_middleTopDiv__1uG3l {
    flex: 1 1
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_rightTopDiv__3EyI6 {
    flex: 14 1
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_rightTopDiv__3EyI6>.OBTExcelFormDialog_rightTopLeftSubDiv__1BaJT {
    float: left;
    width: 50%;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: right;
    color: #010101
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_rightTopDiv__3EyI6>.OBTExcelFormDialog_rightTopRightSubDiv__163qe {
    float: left;
    width: 50%;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.OBTExcelFormDialog_topDiv__3m9OJ>.OBTExcelFormDialog_rightTopDiv__3EyI6>.OBTExcelFormDialog_rightTopRightSubDiv__163qe .OBTExcelFormDialog_arrowBtn__29fxj {
    margin: 0 0 0 4px;
    padding: 0
}

.OBTExcelFormDialog_topButtonDiv__3rQWY {
    margin: 0 0 5px;
    display: flex;
    flex-direction: row-reverse
}

.OBTExcelFormDialog_fillDiv__2WANv {
    margin: 5px 0;
    width: 100%;
    height: calc(100% - 69px)
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_leftDiv__1s3y7 {
    float: left;
    width: calc(50% - 23.5px);
    height: 100%
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_leftDiv__1s3y7>.OBTExcelFormDialog_leftFillDiv__2WANH {
    width: 100%;
    height: 100%
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_middleDiv__2jnuY {
    float: left;
    width: 47px;
    height: 100%;
    display: table;
    text-align: center
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_middleDiv__2jnuY>.OBTExcelFormDialog_middleSubDiv__1jq37 {
    display: table-cell;
    vertical-align: middle
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_middleDiv__2jnuY>.OBTExcelFormDialog_middleSubDiv__1jq37>* {
    margin: 0 0 4px
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_rightDiv__3heRn {
    float: left;
    width: calc(50% - 23.5px);
    height: 100%
}

.OBTExcelFormDialog_fillDiv__2WANv>.OBTExcelFormDialog_rightDiv__3heRn>.OBTExcelFormDialog_rightFillDiv__EdbSF {
    width: 100%;
    height: 100%
}

.OBTExcelFormDialog_alertPre__2zGxe {
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center
}

.OBTExcelFormDialog_bullet__1hA66 {
    border-radius: 50%;
    margin-right: 4px;
    width: 3px;
    height: 3px;
    background-color: #000
}

.OBTExcelFormDialog_saveButton__1IhnB {
    margin-right: 4px
}

.OBTAccordion2_root__3KBVV {
    margin-bottom: 10px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di {
    margin: 0;
    padding: 0;
    position: static
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di>div {
    position: relative
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    outline: none;
    position: relative;
    text-align: left;
    vertical-align: top;
    border-radius: 0;
    border-color: #666 currentcolor #dcdbdc;
    border-style: solid none;
    border-width: 2px 0 1px;
    border-left-color: initial;
    -o-border-image: none;
    border-image: none;
    -o-border-image: initial;
    border-image: initial;
    background: transparent;
    width: 100%;
    font-family: inherit;
    margin-top: -1px;
    padding: 0 0 0 10px;
    font-size: 13px;
    align-items: center;
    height: 32px;
    line-height: 12px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx.OBTAccordion2_disabled__1_Lmv {
    cursor: not-allowed
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx.OBTAccordion2_large__3jEvK {
    height: 40px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx.OBTAccordion2_largeHavingImageUrl__V4fn7 {
    height: 40px;
    padding-left: 38px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx.OBTAccordion2_defaultHavingImageUrl__3AIYS {
    padding-left: 34px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_imageUrl__G2Doq {
    position: absolute;
    top: 50%;
    display: block;
    left: 10px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    text-align: center
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_imageUrl__G2Doq>img {
    width: 18px;
    height: 18px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_imageUrl__G2Doq>img.OBTAccordion2_large__3jEvK {
    width: 22px;
    height: 22px;
    margin-top: -3px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_button__Krdef {
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 10;
    margin-top: -10px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_button__Krdef.OBTAccordion2_useSeparator__2HY5b {
    right: 24px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_button__Krdef>.OBTAccordion2_separator__2PCYE {
    margin-left: 2px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_button__Krdef .OBTAccordion2_stateLabel__d1iEn {
    margin-top: 1px;
    height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    min-width: 4em;
    pointer-events: none;
    margin-right: 10px
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_arrowIcon__11Mma {
    background: url(/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    line-height: 100em;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    right: 6px;
    z-index: 30
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_arrowIcon__11Mma.OBTAccordion2_open__3ohXQ {
    background: url(/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_title__2-FcS {
    color: #4a4a4a;
    font-weight: lighter
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_title__2-FcS.OBTAccordion2_open__3ohXQ {
    color: #1c90fb;
    font-weight: 700
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_wrapper__3y0di .OBTAccordion2_accordion__2-LTx>.OBTAccordion2_title__2-FcS.OBTAccordion2_disabled__1_Lmv {
    color: #a6a6a6
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_contents__3wzq6 {
    display: block;
    border-top: 0;
    border-bottom: 1px solid #dcdbdc;
    background: transparent;
    padding: 14px 10px;
    margin: 0;
    position: relative;
    opacity: 1
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_contents__3wzq6.OBTAccordion2_useSection__1B0ZH {
    padding: 0
}

.OBTAccordion2_root__3KBVV .OBTAccordion2_contents__3wzq6.OBTAccordion2_closed__2WpJn {
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
    border: none;
    overflow: hidden
}

.OBTAccordion_iconstyle__36qqL>div>div>button:before {
    content: "";
    width: 25px;
    display: inline-block
}

.OBTAccordion_iconstyle__36qqL.OBTAccordion_large__1eO2h>div>div>button:before {
    width: 29px
}

.OBTAccordion_default__3GuL0 {
    margin-bottom: 10px
}

.OBTAccordion_icon__XARna {
    width: 18px;
    height: 18px
}

.OBTAccordion_icon__XARna.OBTAccordion_large__1eO2h {
    width: 22px;
    height: 22px;
    margin-top: -3px
}

.OBTAccordion_stateLabel__1Nvjj {
    margin-top: 1px;
    height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    min-width: 4em;
    pointer-events: none
}

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

.OBTAccordion_buttonsWrap__3zKRK:after {
    content: "";
    margin-left: 10px;
    border-right: 1px solid #e6e6e6;
    height: 15px
}

.OBTAccordionGroup2_wrapper__Hn6_N>div {
    margin-bottom: 0 !important
}

.OBTAccordionGroup2_wrapper__Hn6_N>div:not(:first-child)>div:first-child>div {
    border-width: 0 0 1px !important;
    border-top-color: #dcdbdc !important
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe:not(:last-child) {
    margin-bottom: 0
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe>div:first-child>div:first-child>button {
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe:first-child>div:first-child>div:first-child>button {
    border-top: 2px solid #666 !important
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe.OBTAccordionGroup_selected__fAIHW>div:first-child>div:first-child>button {
    border-bottom: 1px solid #a6a6a6 !important
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe.OBTAccordionGroup_selected__fAIHW+.OBTAccordionGroup_child__y0gKe>div:first-child>div:first-child>button {
    border-top: 1px solid #a6a6a6 !important
}

.OBTAccordionGroup_root__KZGAe .OBTAccordionGroup_child__y0gKe:last-child.OBTAccordionGroup_selected__fAIHW>div:first-child>div:last-child {
    border-bottom: 1px solid #a6a6a6 !important
}

.OBTAccordionSection_root__2RIZf {
    margin-bottom: 14px
}

.OBTAccordionSection_root__2RIZf .OBTAccordionSection_title__382hk {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    height: 29px;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3f5675;
    background-color: #edf4fb;
    border-bottom: 1px solid #d5dce5
}

.OBTAccordionSection_root__2RIZf .OBTAccordionSection_title__382hk .OBTAccordionSection_stateLabel__2XlCt {
    margin-top: 1px;
    height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    min-width: 4em;
    pointer-events: none
}

.OBTAccordionSection_root__2RIZf .OBTAccordionSection_content__5rsmT {
    padding: 14px 10px 0
}

.OBTTabs_display__1OMcH {
    display: inline-block;
    position: relative
}

.OBTTabs_display__1OMcH div>div>div>div>ul>div>li>button>span {
    top: 6px !important;
    bottom: 6px !important;
    font-family: inherit
}

.OBTTabs_display__1OMcH.OBTTabs_hideTabs__25KUA div>div>div:first-child {
    border-bottom: none !important
}

.OBTTabs_display__1OMcH.OBTTabs_hideTabs__25KUA div>div>div:first-child div:first-child {
    display: none !important
}

.OBTTabs_btnLeft__iUX_B {
    margin-right: 2px
}

.OBTTabs_buttonGroup__17gkn {
    position: absolute;
    top: 4px;
    right: 0
}

.OBTTabs_buttonGroup__17gkn>div>button {
    width: 23px;
    height: 23px !important
}

.OBTTabs_buttonGroup__17gkn.OBTTabs_hideTabs__25KUA {
    display: none
}

.OBTTabs_template__3H918 {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: left;
    text-align: initial;
    overflow: auto
}

.OBTTabs_template__3H918:not(.OBTTabs_templateSelected__2gaFC) {
    display: none;
    overflow: hidden
}

.OBTCardList_root__3lVQ9 {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    border-top: none
}

.OBTCardList_headerCheckBox__2dVBq>div>label>span>svg {
    background-color: #fff
}

.OBTCardList_checkstyle__1Bgh7 {
    display: flex;
    height: 100%;
    justify-content: center;
    padding-right: 10px;
    outline: none
}

.OBTCardList_checkstyle__1Bgh7>div {
    width: 14px
}

.OBTCardList_checkstyle__1Bgh7>div>label>span>svg {
    background-color: #fff
}

.OBTCardList_sortstyle__3OEEh {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fafafa;
    padding-left: 12px;
    padding-right: 3px
}

.OBTCardList_sortstyle__3OEEh.OBTCardList_isOnlyHeaderComponent__5R87v {
    padding: 8px 3px 5px 12px
}

.OBTCardList_sortSpace__2vmLd {
    flex-grow: 1
}

.OBTCardList_head__2Rkc1 {
    display: flex;
    flex-direction: column;
    border-top: 2px solid #666;
    width: 100%;
    position: relative;
    box-sizing: border-box
}

.OBTCardList_dropdownlist__3e4Ln {
    display: flex;
    overflow: hidden
}

.OBTCardList_dropdownlist__3e4Ln>div {
    width: 170px !important
}

.OBTCardList_dropdownlist__3e4Ln>div>div>span:first-child {
    border: none !important;
    font-weight: 700;
    background: none !important;
    text-align: right
}

.OBTCardList_template1__1QFsx {
    display: flex;
    flex-direction: row;
    justify-items: center;
    height: 100%;
    width: 100%
}

.OBTCardList_template2__1spDg {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.OBTCardList_template3__2Ox2I {
    flex-grow: 1;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    letter-spacing: -.33px;
    line-height: 1.2;
    text-align: left
}

.OBTCardList_template4__TVOAO {
    font-size: 12px;
    color: #a6a6a6;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left
}

.OBTCardList_template5__3sy-E {
    font-size: 12px;
    color: #4a4a4a;
    display: flex;
    align-items: center
}

.OBTCardList_template6__15m2t {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.OBTCardList_template6__15m2t>:not(:last-child) {
    margin-right: 4px
}

.OBTCardList_template7__3Xybm {
    height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    min-width: 5em
}

.OBTCardList_template8__2sMK- {
    min-width: 5em
}

.OBTCardList_imageLeft__2qO7g {
    padding-right: 12px
}

.OBTCardList_imageLeft__2qO7g,
.OBTCardList_imageRight__eLWfd {
    display: flex;
    flex-direction: row;
    align-items: center
}

.OBTCardList_paginationCheck__2vSaV>div>div:first-child {
    display: none
}

.OBTCardList_paginationCheck__2vSaV>div>div:last-child {
    left: 40px;
    position: absolute;
    top: 6px;
    font-size: 12px
}

.OBTCardList_pagination__2PoXM>div>div:first-child,
.OBTCardList_paginationCheck__2vSaV.OBTCardList_noHeader__1F6cW>div>div:last-child {
    display: none
}

.OBTCardList_pagination__2PoXM>div>div:last-child {
    left: 12px;
    position: absolute;
    top: 6px;
    font-size: 12px
}

.OBTCardList_pagination__2PoXM.OBTCardList_noHeader__1F6cW>div>div:last-child {
    display: none
}

.OBTCardList_addRow__2rG9b {
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.OBTCardList_addRow__2rG9b>img {
    width: 17px;
    height: 17px;
    padding-right: 5px
}

.OBTCardList_addRow__2rG9b>img,
.OBTCardList_addRow__2rG9b>span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTCardList_addRow__2rG9b>span {
    font-size: 14px
}

.OBTCardList_headLine__2Pv5w {
    width: 100%;
    height: 10px;
    background-color: #fafafa
}

.OBTCardList_headLine__2Pv5w>div {
    position: absolute;
    height: 1px;
    background-color: #e0e0e0
}

.OBTCardList_virtualCardList__3iLJs {
    width: 100%;
    flex-grow: 1;
    position: relative
}

.OBTCardList_virtualCardList__3iLJs>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa
}

.OBTCardList_virtualCardList__3iLJs>div>div>div::-webkit-scrollbar {
    background: transparent;
    cursor: auto
}

.OBTCardList_virtualCardList__3iLJs>div>div>div::-webkit-scrollbar:vertical {
    width: 9px
}

.OBTCardList_virtualCardList__3iLJs>div>div>div::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5px;
    border: 1px solid transparent;
    background-clip: content-box
}

.OBTCardList_virtualCardList__3iLJs>div>div>div::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .3)
}

.OBTCardList_virtualCardList__3iLJs>div>div>div::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .45)
}

.OBTCardList_emptyData__2W_k0 {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fafafa
}

.OBTCardList_emptyImg__3AnxR,
.OBTCardList_emptySmallImg__3_M9n {
    -o-object-fit: contain;
    object-fit: contain
}

.OBTCardList_emptyText__Dz1jb {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.06;
    letter-spacing: -.8px;
    color: #8c8c8c
}

.OBTCardList_emptySmallText__13ikZ {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -.6px;
    text-align: center;
    color: #5d5d5d
}

.OBTCardList_li_CardList__3G1MT {
    outline: none;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.OBTCardList_li_CardList__3G1MT>div {
    display: flex;
    position: absolute;
    flex-direction: row;
    padding-left: 17px;
    padding-right: 17px;
    box-sizing: border-box
}

.OBTCardList_selectedCardList__2bfaH {
    position: absolute;
    overflow: hidden;
    border: 1px solid #1c90fb;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    pointer-events: none
}

.OBTCardList_memo__1raVl {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999
}

.OBTChip_chip__1XyAG {
    display: inline-block;
    margin: 5px
}

.OBTChip_default__Da7Lp {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 27px;
    border-radius: 2px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18);
    border: 1px solid #1c90fb
}

.OBTChip_imageStyle__24rns {
    margin-left: 7px;
    width: 16px;
    height: 16px;
    align-items: center
}

.OBTChip_labelStyle__308u2 {
    margin-left: 7px;
    margin-right: 14px;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.OBTChip_buttonStyle__2CzpF {
    -o-object-fit: contain;
    object-fit: contain
}

.OBTChip_chipsDefault__33wbm {
    display: inline-block;
    overflow: auto;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box
}

.OBTChip_chipsHead__3puVA {
    display: flex;
    flex-direction: row;
    margin-left: 9px;
    margin-top: 9px;
    margin-bottom: 9px;
    flex-wrap: wrap;
    align-content: flex-start
}

.OBTChip_showTooltip__18qWb>div:nth-child(2) {
    display: none;
    height: 0
}

.OBTChip_hiddenTooltip__2tFSs>div:nth-child(2) {
    display: block;
    height: auto
}

.OBTChip_removeBtn__fqv-O {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 2px 7px 0 0;
    border: none;
    background: none
}

.OBTChip_removeBtn__fqv-O,
.OBTChip_removeBtn__fqv-O .OBTChip_removeIcon__12HAO {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTChip_removeBtn__fqv-O .OBTChip_removeIcon__12HAO {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-drag: none
}

.OBTMultiDropDownList_default__1aQ3u {
    display: inline-block
}

.OBTMultiDropDownList_obtMultiDropDownList__1VTa5>div:first-child {
    width: 100%
}

.OBTFileView_default__3WK7x {
    display: inline-block;
    border: 1px solid #878787
}

.OBTFileView_head__15oHP {
    height: 52px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    background-color: #f2f2f2;
    border-bottom: 1px solid #878787
}

.OBTFileView_headLeft__370sm {
    padding-left: 20px;
    display: flex;
    justify-items: center;
    align-items: center;
    flex: 1 1 auto;
    overflow: hidden
}

.OBTFileView_headLeft__370sm>span {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    white-space: nowrap
}

.OBTFileView_headRight__387Ab {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    align-items: center
}

.OBTFileView_add__2WR0X {
    width: 27px;
    height: 27px;
    margin-right: 30px;
    padding: 0 !important;
    background-image: none !important
}

.OBTFileView_delete__24PRr,
.OBTFileView_up__3RRdL {
    width: 27px;
    height: 27px;
    margin-right: 2px;
    padding: 0 !important;
    background-image: none !important
}

.OBTFileView_down__2ubiS {
    width: 27px;
    height: 27px;
    margin-right: 28px
}

.OBTFileView_down__2ubiS,
.OBTFileView_print__3R0gC {
    padding: 0 !important;
    background-image: none !important
}

.OBTFileView_print__3R0gC {
    height: 24px;
    width: 40px;
    border: 0
}

.OBTFileView_print__3R0gC div img {
    width: 24px;
    height: 23px
}

.OBTFileView_pdfSearch__uXhbT {
    width: 24px;
    height: 24px;
    border: 0;
    margin-left: 26px;
    padding: 0 !important;
    background-image: none !important
}

.OBTFileView_pdfSearch__uXhbT div img {
    width: 24px;
    height: 23px
}

.OBTFileView_LS_splitbtn__ggDyP {
    top: 237.688px
}

.OBTFileView_splitHtml__2zQcG {
    background-image: none !important
}

.OBTFileView_splitHtml__2zQcG div div div button {
    border: 0 !important;
    height: 23px !important
}

.OBTFileView_splitHtml__2zQcG div div div button div span img {
    width: 24px;
    height: 23px
}

.OBTFileView_dropDownPercent__2g2cK {
    margin-right: 20px
}

.OBTFileView_bar__2eJij {
    height: 20px;
    margin-right: 20px;
    border-right: 1px solid #c9c9c9
}

.OBTFileView_body__X9ICe {
    display: flex;
    background-color: #999;
    overflow: hidden
}

.OBTFileView_pdfBody__rE6H6 {
    display: flex;
    background-color: #f2f2f2
}

.OBTFileView_view__H0g3B {
    display: flex;
    flex-direction: column
}

.OBTFileView_previewButton__1xC_T {
    width: 5px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-color: #999;
    cursor: e-resize
}

.OBTFileView_previewButton__1xC_T>button {
    border: 1px solid #000;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f7f7f7;
    height: 90px
}

.OBTFileView_renderer__2WxV5 {
    width: 100%;
    height: calc(100% - 50px)
}

.OBTFileView_pdfDocument__1BREr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f7f7f7
}

.OBTFileView_contentsScroll__2Flzp {
    flex-grow: 1;
    overflow: hidden;
    background-color: #999;
    width: 100%;
    height: 100%
}

.OBTFileView_previewScroll__12SlA {
    flex-grow: 1;
    overflow: hidden
}

.OBTFileView_preview__2CIfM {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f7f7;
    padding: 10px
}

.OBTFileView_preview__2CIfM>:not(:first-child) {
    margin-top: 10px
}

.OBTFileView_contents__3lHw- {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.OBTFileView_pdfWrapper__3Jbx8 {
    margin: auto
}

.OBTFileView_mark__3ZjJY {
    opacity: .5;
    background: #ff0;
    box-shadow: 0 2px 10px #ff0;
    color: transparent;
    white-space: pre
}

.OBTFileView_dockpanel__2cNz4 {
    overflow: hidden
}

.OBTFileView_floatingPanel__3tNAC {
    display: flex;
    flex-direction: column;
    background-color: #575757;
    width: 220px;
    height: 103px
}

.OBTFileView_floatingPanel__3tNAC>div:first-child {
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px
}

.OBTFileView_searchPreButton__2E3ak {
    width: 40px;
    height: 21px
}

.OBTFileView_searchPreButton__2E3ak>div>span {
    font-size: 8px !important;
    color: #000
}

.OBTFileView_searchNextButton__m1aev {
    width: 40px;
    height: 21px
}

.OBTFileView_searchNextButton__m1aev>div>span {
    font-size: 8px !important;
    color: #000
}

.OBTFileView_searchTextField__31VuD {
    width: 200px;
    height: 25px;
    border: 1px solid #ccc;
    background-color: #fff
}

.OBTFileView_searchClose__1y1Zz {
    background-image: none !important;
    border: 0;
    padding: 0 !important
}

.OBTFileView_searchClose__1y1Zz,
.OBTFileView_searchClose__1y1Zz>div img {
    background-color: #575757 !important;
    width: 11px;
    height: 11px
}

.OBTSeleneSplitButton .sp_selene.icon_datefield {
    width: 16px;
    height: 14px;
    background-position: -175px 0
}

.OBTSeleneSplitButton .sp_selene.icon_codehelp {
    width: 14px;
    height: 14px;
    background-position: -175px -275px
}

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

.OBTSeleneSplitButton .sp_selene {
    display: inline-block;
    overflow: hidden;
    background: url(/static/media/sp_lux.927e7ebc.png) 0 0 no-repeat;
    line-height: 100em;
    vertical-align: top
}

.OBTSeleneSplitButton body.fixscroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.OBTSeleneSplitButton .LS_btn {
    display: inline-block;
    width: auto;
    position: relative;
    border: 0;
    background: 0 0;
    font-weight: 200;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 0
}

.OBTSeleneSplitButton .LS_splitbtn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0
}

.OBTSeleneSplitButton .LS_splitbtn .btngroup {
    clear: both;
    overflow: hidden;
    align-items: center
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn {
    color: #000;
    float: left;
    height: 32px;
    padding: 0 5px 0 12px;
    font-size: 14px;
    font-weight: 400;
    outline: none
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn .sp_selene {
    display: flex;
    overflow: hidden;
    background: url(/static/media/arrow.ced45e12.png) 0 0 no-repeat;
    position: absolute;
    width: 8px;
    height: 4px
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn+.LS_btn {
    display: inline-flex;
    align-items: center;
    color: #000;
    float: left;
    width: 24px;
    height: 32px;
    padding: 0 12px 0 0;
    font-size: 14px;
    font-weight: 400;
    outline: none
}

.OBTSeleneSplitButton .LS_splitbtn.vblue .LS_btn {
    color: #fff
}

.OBTSeleneSplitButton .LS_splitbtn.vblue:not(.disabled) .LS_btn .sp_selene {
    display: flex;
    overflow: hidden;
    background: url(/static/media/blueArrow.9db66793.png) 0 0 no-repeat;
    width: 8px;
    height: 4px
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader {
    background: 0 0;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1)
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn {
    background: 0 0;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3);
    height: 27px !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1)
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn .sp_selene {
    background-position: -280px -307px
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn+.LS_btn {
    border-left: 1px solid hsla(0, 0%, 100%, .3)
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.click,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.hover,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn:hover {
    border-color: rgba(0, 0, 0, .3)
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.click+.LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.hover+.LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn:hover+.LS_btn {
    border-left-color: rgba(0, 0, 0, .3)
}

.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.click {
    background: rgba(0, 0, 0, .1)
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn {
    height: 27px;
    font-size: 12px
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn+.LS_btn {
    color: #000;
    float: left;
    width: auto;
    padding: 0 7px 0 0;
    font-size: 14px;
    font-weight: 400
}

.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn {
    height: 20px;
    font-size: 11px
}

.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn+.LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn+.LS_btn {
    color: #000;
    float: left;
    width: 24px;
    padding: 0 12px 0 0;
    font-size: 14px;
    font-weight: 400
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn {
    padding: 0 5px 0 10px
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn .sp_selene {
    position: inherit;
    vertical-align: middle;
    width: 8px;
    height: 4px
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn.disabled .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn.disabled .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn.disabled .sp_selene {
    background-position: -280px -320px
}

.OBTSeleneSplitButton .LS_splitbtn.size_m.vblue:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_m.vsaoheader:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_m[class*=vcolor]:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_s.vblue:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_s.vsaoheader:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.size_s[class*=vcolor]:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader.vblue:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader.vsaoheader:not(.disabled) .LS_btn .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader[class*=vcolor]:not(.disabled) .LS_btn .sp_selene {
    display: flex;
    overflow: hidden;
    background: url(/static/media/blueArrow.9db66793.png) 0 0 no-repeat;
    width: 8px;
    height: 4px
}

.OBTSeleneSplitButton .LS_splitbtn.disabled .LS_btn {
    text-decoration: none !important;
    text-underline-position: under
}

.OBTSeleneSplitButton .LS_splitbtn.disabled .LS_btn .sp_selene {
    opacity: .5 !important;
    color: #f5f5f5;
    background: url(/static/media/arrow.ced45e12.png) 0 0 no-repeat;
    width: 8px;
    height: 4px
}

.OBTSeleneSplitButton .LS_splitbtn.disabled .LS_btn:hover+.LS_btn {
    border-left-color: #e0e0e0
}

.OBTSeleneSplitButton .LS_splitbtn.disabled.size_m .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.disabled.size_s .sp_selene,
.OBTSeleneSplitButton .LS_splitbtn.disabled.vsaoheader .sp_selene {
    background-position: -280px -320px !important
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn.click {
    border-color: none;
    background: none
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn .sp_selene {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    margin-left: 0
}

.OBTSeleneSplitButton .LS_splitbtn.vblue .LS_btn {
    background: none
}

.OBTSeleneSplitButton .LS_splitbtn.vblue .LS_btn+.LS_btn {
    border-left: none
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn {
    line-height: normal;
    font-family: inherit
}

.OBTSeleneSplitButton .LS_splitbtn.disabled .LS_btn .sp_selene {
    background-position: 0 !important
}

.OBTSeleneSplitButton .LS_splitbtn.size_m .LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.size_s .LS_btn,
.OBTSeleneSplitButton .LS_splitbtn.vsaoheader .LS_btn {
    font-family: inherit !important
}

.OBTSeleneSplitButton .LS_splitbtn .LS_btn+.LS_btn {
    margin-left: 0 !important
}

.LS_HSearch_resultItem .resultitem_list a .menuname,
.LS_multiselect .LSmultibutton>button,
.LS_multiselect .LSmultipopover .LSmultipopover_list .LSmultipopover_btn,
.LS_multiselect .LSmultipopover .LSmultipopover_title,
.LS_ogimage .message_content .header_container a.imagelnk,
.LS_ogurl .message_content .header_container .site_url,
.LS_ogurl .message_content .header_container a.imagelnk,
.LS_poll_v2 .end_rank .rank_list>li,
.LS_poll_v2 .vote_pic_list .picwrap .textbox>strong,
.LS_splitbtn .dropdown_menu>li>a,
.LS_viewer .rnd_wrap .rnbin .details_info dd,
.LS_viewer_new .rnd_wrap .rnbin .details_info dd,
.LSselectResult .LSnghSelectResult_listitem a>div {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.LS_splitbtn .dropdown_menu.open {
    display: block
}

.LS_splitbtn .dropdown_menu {
    z-index: 100;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #a3a3a3;
    box-sizing: border-box;
    width: 100%;
    max-height: 110px;
    overflow: hidden;
    overflow-y: auto
}

.LS_splitbtn .dropdown_menu>li>a {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 27px;
    font-size: 12px;
    color: #4a4a4a;
    text-decoration: none;
    font-weight: 500;
    background: #fff;
    padding: 0 7px;
    box-sizing: border-box
}

.LS_splitbtn .dropdown_menu>li>a.hover,
.LS_splitbtn .dropdown_menu>li>a:hover {
    background: #e6f5ff
}

.LS_splitbtn .dropdown_menu>li>a.disabled {
    color: #e0e0e0;
    cursor: not-allowed
}

.LS_splitbtn .dropdown_menu>li>a.disabled.hover,
.LS_splitbtn .dropdown_menu>li>a.disabled:hover {
    background: #fff
}

.LS_splitbtn .dropdown_menu>li>a {
    font-family: inherit !important
}

.OBTSplitButton_root__5Zciw {
    display: inline-block
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_disabled__1A36->div>div>button {
    border-color: #ccc !important;
    background: #f5f5f5 !important;
    color: #8d8d8d !important;
    cursor: not-allowed !important
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D {
    background-image: linear-gradient(0deg, #f0f0f0, #fff)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D:active {
    background-image: linear-gradient(180deg, #ccc, #f5f5f5)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D>div>div>button:first-child {
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D>div>div>button+button {
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D:hover>div>div>button:first-child {
    border: 1px solid #9f9f9f;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_default__1rY0D:hover>div>div>button+button {
    border: 1px solid #9f9f9f;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ {
    background-image: linear-gradient(0deg, #1c90fb, #5eb5fd)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ:hover {
    background-image: linear-gradient(0deg, #3280e0, #3ba1ff)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ:active {
    background-image: linear-gradient(180deg, #3280e0, #3ba1ff)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ>div>div>button:first-child {
    border: 1px solid #1c90fb;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ>div>div>button+button {
    border: 1px solid #1c90fb;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ:hover>div>div>button:first-child {
    border: 1px solid #136ad5;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_blue__2z5fJ:hover>div>div>button+button {
    border: 1px solid #136ad5;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638 {
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638:active {
    background-image: linear-gradient(180deg, #a4d6fe, #e6f5ff)
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638>div>div>button:first-child {
    border: 1px solid #aedafe;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638>div>div>button+button {
    border: 1px solid #aedafe;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638:hover>div>div>button:first-child {
    border: 1px solid #5eb5fd;
    border-right: none;
    border-radius: 2px 0 0 2px
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_skyBlue__Ji638:hover>div>div>button+button {
    border: 1px solid #5eb5fd;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn {
    background: #50596c
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn:active {
    background-image: #50596c
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn>div>div>button:first-child {
    border: 1px solid #b5b5b5;
    border-right: none;
    border-radius: 2px 0 0 2px;
    color: #fff
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn>div>div>button+button {
    border: 1px solid #b5b5b5;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn:hover>div>div>button+button,
.OBTSplitButton_root__5Zciw.OBTSplitButton_drawer__391yn:hover>div>div>button:first-child {
    border-color: #e6e6e6
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs {
    background: #1c90fb
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs:hover {
    background: #2ba7ff
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs:active {
    background: #1c90fb
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs>div>div>button:first-child {
    border: 1px solid #1c90fb;
    border-right: none;
    border-radius: 2px 0 0 2px;
    color: #fff
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs>div>div>button+button {
    border: 1px solid #1c90fb;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs:hover>div>div>button+button,
.OBTSplitButton_root__5Zciw.OBTSplitButton_drawerImportant__152Cs:hover>div>div>button:first-child {
    border-color: #2ba7ff
}

.OBTTreeView_root__237gZ {
    display: inline-block;
    align-items: flex-start;
    border: 1px solid #ccc;
    overflow: auto;
    outline: none;
    box-sizing: border-box
}

.OBTTreeView_root__237gZ::-webkit-scrollbar {
    background: transparent
}

.OBTTreeView_root__237gZ::-webkit-scrollbar:vertical {
    width: 6px
}

.OBTTreeView_root__237gZ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5px;
    border: 1px solid transparent;
    background-clip: content-box
}

.OBTTreeView_root__237gZ>:first-child {
    padding-top: 11px
}

.OBTTreeView_root__237gZ>:last-child {
    padding-bottom: 11px
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 26px;
    margin: 0 1px;
    overflow: hidden
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_expander__14qOV {
    margin-right: 5px;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_expander__14qOV.OBTTreeView_disabled__2fjHh {
    cursor: not-allowed
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_imageUrl__3hfEu {
    margin-right: 5px;
    max-width: 16px;
    max-height: 16px;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_imageUrl__3hfEu.OBTTreeView_disabled__2fjHh {
    cursor: not-allowed
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_icon__1LxtT {
    margin-right: 5px;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_icon__1LxtT.OBTTreeView_disabled__2fjHh {
    cursor: not-allowed
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_checkBox__2wYvr {
    display: inline-flex;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_checkBox__2wYvr.OBTTreeView_visible__2Qd7e {
    display: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_checkBox__2wYvr.OBTTreeView_disabled__2fjHh {
    cursor: not-allowed
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj {
    font: inherit;
    line-height: normal;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    color: inherit;
    background: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj.OBTTreeView_selectedOver__2IVby {
    background: none;
    outline: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj.OBTTreeView_edit__3djd2 {
    display: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj.OBTTreeView_disabled__2fjHh {
    color: #8c8c8c;
    cursor: not-allowed
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj.OBTTreeView_focused__2hXxs:not(.OBTTreeView_disabled__2fjHh):not(.OBTTreeView_selectedOver__2IVby) {
    background-color: #e9f5ff;
    outline: 1px solid #00a2ff
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>div>.OBTTreeView_treeLabelText__2pNhj.OBTTreeView_noFocused__1bde9 {
    outline: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC.OBTTreeView_disabled__2fjHh {
    color: #8c8c8c
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_notEdit__1sOD5 {
    display: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC:not(.OBTTreeView_disabled__2fjHh):not(.OBTTreeView_edit__3djd2)>.OBTTreeView_editDeleteImage__YMcxy {
    display: flex
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC.OBTTreeView_outLine__3oHOL:not(.OBTTreeView_disabled__2fjHh):not(.OBTTreeView_edit__3djd2):not(.OBTTreeView_notEditSort__30gdu) {
    cursor: pointer;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18);
    outline: 1px solid #1c90fb;
    background: url(/static/media/icon-con-change.9e09534b.png) no-repeat 3px
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC.OBTTreeView_outLine__3oHOL:not(.OBTTreeView_disabled__2fjHh):not(.OBTTreeView_edit__3djd2):not(.OBTTreeView_notEditSort__30gdu).OBTTreeView_default__2RRAk>div {
    margin-left: 14px
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC.OBTTreeView_outLine__3oHOL:not(.OBTTreeView_disabled__2fjHh):not(.OBTTreeView_edit__3djd2):not(.OBTTreeView_notEditSort__30gdu).OBTTreeView_folder__2hcHQ>div {
    margin-left: 21px
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>div>input {
    display: inline-flex;
    height: 22px;
    font-size: 13.5px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #1c90fb
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>div>input.OBTTreeView_required__E844J {
    background-color: #fef4f4
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>.OBTTreeView_saveImage__2iahf {
    padding-left: 11px;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>.OBTTreeView_saveImage__2iahf.OBTTreeView_saveImageNone__3xUqz {
    display: none
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>.OBTTreeView_cancelImage__1pcZa {
    padding-left: 7px;
    cursor: pointer
}

.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ.OBTTreeView_collapsed__2IxJy>.OBTTreeView_treeNodeChildren__FpyOc,
.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ.OBTTreeView_visible__2Qd7e,
.OBTTreeView_root__237gZ .OBTTreeView_treeNode__28CoZ>.OBTTreeView_treeNodeContents__OC8gC>.OBTTreeView_textField__1bo_3>.OBTTreeView_cancelImage__1pcZa.OBTTreeView_cancelImageNone__bQw_V {
    display: none
}

.OBTTreeView_group__XJfzz {
    display: flex;
    align-items: center;
    height: 26px
}

.OBTTreeView_arrow__nNEcB,
.OBTTreeView_image__1XcG3 {
    display: flex;
    margin-right: 5px;
    cursor: pointer
}

.OBTTreeView_text__MTSPg {
    display: flex;
    padding: 5px 4px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTTreeView_text__MTSPg:focus {
    background-color: #e9f5ff;
    border-color: #00a2ff
}

.OBTTreeView_child__1gKc8 {
    margin-left: 30px
}

.OBTTreeView_clickChild__2eS68 {
    display: none
}

.OBTTreeView_emptyData__3FVDw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTTreeView_emptyTextNormal__1yVkT,
.OBTTreeView_emptyTextSmall__2ReS_ {
    margin-top: 10px;
    font-size: 12px;
    color: #8c8c8c
}

.OBTTreeView_emptyTextTiny__2pXzE {
    margin-left: 5px;
    font-size: 12px;
    color: #8c8c8c
}

.OBTGroupSelector_root__241lb {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: inherit;
    height: inherit
}

.OBTGroupSelector_root__241lb.OBTGroupSelector_disabled__15ROW {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_prevButton__1YT_a {
    display: flex;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    left: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_prevButton__1YT_a:hover {
    background-image: linear-gradient(0deg, #d9d9d9, #fafafa)
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_prevButton__1YT_a:active {
    background-image: linear-gradient(0deg, #f5f5f5, #ccc)
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_prevButton__1YT_a.OBTGroupSelector_disabled__15ROW {
    cursor: not-allowed;
    opacity: .5;
    background-image: none
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_prevButton__1YT_a>.OBTGroupSelector_arrow__IF9z8 {
    opacity: .4
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_nextButton__-buXI {
    display: flex;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    right: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_nextButton__-buXI:hover {
    background-image: linear-gradient(0deg, #d9d9d9, #fafafa)
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_nextButton__-buXI:active {
    background-image: linear-gradient(0deg, #f5f5f5, #ccc)
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_nextButton__-buXI.OBTGroupSelector_disabled__15ROW {
    cursor: not-allowed;
    opacity: .5;
    background-image: none
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_nextButton__-buXI>.OBTGroupSelector_arrow__IF9z8 {
    opacity: .4
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_child__3TWX4 {
    display: inline-flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-around
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_child__3TWX4.OBTGroupSelector_horizontal__1G0x_ {
    flex-direction: row
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_child__3TWX4.OBTGroupSelector_vertical__1Olwr {
    flex-direction: column
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_child__3TWX4.OBTGroupSelector_disabled__15ROW {
    opacity: .5;
    pointer-events: none
}

.OBTGroupSelector_root__241lb>.OBTGroupSelector_hide__3Vjfg {
    display: none
}

.OBTGroupSelector_defaultTemplate__wSPHQ {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: content-box;
    flex-direction: row;
    font-size: 13px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #ccc;
    color: #4a4a4a
}

.OBTGroupSelector_defaultTemplate__wSPHQ.OBTGroupSelector_selected__cIrPW {
    border: 1px solid #1c90fb;
    background-color: #f5faff;
    color: #000
}

.OBTGroupSelector_defaultTemplate__wSPHQ.OBTGroupSelector_mouseOver__32E3P {
    border: 1px solid #1c90fb;
    color: #000
}

.OBTGroupSelector_defaultTemplate__wSPHQ>.OBTGroupSelector_image__wmmB0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #f6f7f9;
    border-radius: 25px;
    margin-left: 15px;
    margin-right: 5px;
    flex-shrink: 0
}

.OBTGroupSelector_defaultTemplate__wSPHQ>.OBTGroupSelector_imageMouseOver__e0PZJ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #e0f1ff;
    border-radius: 25px;
    margin-left: 15px;
    margin-right: 5px;
    flex-shrink: 0
}

.OBTGroupSelector_defaultTemplate__wSPHQ>.OBTGroupSelector_textArea__kBmy5 {
    overflow: hidden;
    padding: 5px;
    margin-right: 10px
}

.OBTAutoCompleteChips_wrapper__w97mB {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #ccc;
    min-height: 27px;
    grid-row-gap: 2.5px;
    row-gap: 2.5px;
    padding: 1.5px 0 2px 5px;
    flex-basis: 100%
}

.OBTAutoCompleteChips_wrapper__w97mB:focus-within {
    border: 1px solid #67b3f6 !important
}

.OBTAutoCompleteChips_wrapper__w97mB.OBTAutoCompleteChips_useScrollMode__1fTVp {
    overflow-y: auto
}

.OBTAutoCompleteChips_wrapper__w97mB.OBTAutoCompleteChips_disabled__21euj {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #a6a6a6;
    background-color: #f2f2f2
}

.OBTAutoCompleteChips_wrapper__w97mB.OBTAutoCompleteChips_readOnly__3zvAQ {
    border: 1px solid #ccc !important
}

.OBTAutoCompleteChips_wrapper__w97mB.OBTAutoCompleteChips_readOnly__3zvAQ *>button {
    cursor: default
}

.OBTAutoCompleteChips_wrapper__w97mB.OBTAutoCompleteChips_height__3LIJM {
    align-content: flex-start
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV {
    box-sizing: border-box;
    height: 21px;
    line-height: 21px;
    border-radius: 2px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 4px .7px 0;
    white-space: nowrap;
    overflow: hidden
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV>div,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div {
    padding: 2.2px 3px 2.8px 5px;
    display: flex
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV>div p,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: 27px;
    margin-right: 4px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div img:first-child,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div img:first-child {
    width: 14px;
    height: 14px;
    padding: 4.5px 1px 0;
    margin-right: 2px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV>div button,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div button {
    border: none;
    outline: none;
    background: inherit
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div button:first-child>img,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div button:first-child>img {
    width: 14px;
    height: 14px;
    margin: 2px .5px 1px 8px;
    padding: 1.5px 2px 1px 1px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>div button:nth-child(2)>img,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>div button:nth-child(2)>img {
    width: 14px;
    height: 14px;
    margin: 2px 0 1px .5px;
    padding: 1.5px 2px 1px 1px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_correct__1LHz5.OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5 {
    background-color: #eaf2fd
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_uncorrect__2OWVV.OBTAutoCompleteChips_editItem__ps98T {
    background-color: #fff1f1
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj {
    border: 1px solid #d3d3d3
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_default__OuBd8.OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8 {
    border: 1px solid #a6a6a6
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_disabled__21euj.OBTAutoCompleteChips_editItem__ps98T>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_correct__1LHz5>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_default__OuBd8>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_disabled__21euj>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH.OBTAutoCompleteChips_uncorrect__2OWVV>input,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_item__1LIoH>input {
    border: none;
    outline: none
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8,
.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV {
    border: 1px solid #a6a6a6;
    padding-left: 5px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T:focus {
    font-size: 12px;
    line-height: 12px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_correct__1LHz5 {
    background-color: #eaf2fd
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_uncorrect__2OWVV {
    background-color: #fff1f1
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_editItem__ps98T.OBTAutoCompleteChips_default__OuBd8 {
    border: 1px solid #a6a6a6;
    background-color: #fff
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_inputWrapper__28jUC {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    overflow: hidden;
    flex: 1 1;
    min-width: 120px
}

.OBTAutoCompleteChips_wrapper__w97mB .OBTAutoCompleteChips_inputWrapper__28jUC>input {
    border: none;
    outline: none;
    overflow: hidden;
    flex: 1 1 auto
}

.OBTAutoCompleteChips_dropDown__AyRbi {
    width: 540px;
    border: 1px solid #a6a6a6;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    outline: none;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

.OBTAutoCompleteChips_dropDown__AyRbi>ul {
    box-sizing: border-box;
    background: #fff;
    outline: none
}

.OBTAutoCompleteChips_dropDown__AyRbi>ul:focus {
    outline: none
}

.OBTAutoCompleteChips_dropdownItem__3iUeH {
    box-sizing: border-box;
    height: 27px;
    padding: 0 10px;
    line-height: 27px
}

.OBTAutoCompleteChips_dropdownItem__3iUeH:hover {
    cursor: pointer
}

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

.OBTAutoCompleteChips_dropDownItemInner__2zOOi>p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: 27px
}

.OBTAutoCompleteChips_tooltip__1W8v5 {
    display: inline;
    display: initial
}

.OBTAutoCompleteChips_deleteButton__2ZCO5 {
    border: none;
    outline: none;
    background: transparent;
    background-image: url(/static/media/ic_trashcan_m_normal.3ce48a1f.png);
    width: 18px;
    height: 18px;
    line-height: 27px;
    text-align: center
}

.OBTAutoCompleteChips_toggleButton__2wjlf {
    z-index: 222;
    border: none;
    outline: none;
    background: transparent;
    background-image: url(/static/media/icon-btn-arrow-down-normal.280a0080.png);
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 27px;
    margin-top: 2px
}

.OBTAutoCompleteChips_toggleButton__2wjlf.OBTAutoCompleteChips_open__1-wGP {
    background-image: url(/static/media/icon-btn-arrow-top-normal.1d9dc486.png)
}

.OBTComplete2_wrapper__3_PTf {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: auto
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz {
    padding: 3px 6px;
    display: flex;
    height: 19px;
    border: 1px solid #dbdbdb;
    background: #fff;
    line-height: 19px;
    margin: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz:focus-within {
    border: 1px solid #67b3f6 !important
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz.OBTComplete2_readOnly__ohGkW {
    border: 1px solid #ccc !important;
    cursor: default
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz.OBTComplete2_disabled__3VNAb {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #a6a6a6;
    background-color: #f2f2f2
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz.OBTComplete2_required__3oLt6 {
    background: #fef4f4
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz .OBTComplete2_dropDownButton__1kRkd {
    background: #fff;
    outline: none;
    border: none;
    display: inline-block;
    line-height: 17px
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz .OBTComplete2_dropDownButton__1kRkd.OBTComplete2_disabled__3VNAb {
    cursor: not-allowed !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz .OBTComplete2_dropDownButton__1kRkd>.OBTComplete2_dropDownButtonImg__2oAe-.OBTComplete2_disabled__3VNAb {
    background: #f2f2f2
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperSpan__1GXsz .OBTComplete2_dropDownButton__1kRkd>.OBTComplete2_dropDownButtonImg__2oAe-.OBTComplete2_required__3oLt6 {
    background: #fef4f4
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperInput__mB9e3 {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 12px;
    font-family: inherit;
    line-height: inherit;
    color: #000;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: auto
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperInput__mB9e3.OBTComplete2_readOnly__ohGkW {
    border: 1px solid #ccc !important;
    cursor: default
}

.OBTComplete2_wrapper__3_PTf .OBTComplete2_wrapperInput__mB9e3.OBTComplete2_disabled__3VNAb {
    cursor: not-allowed
}

.OBTComplete2_dropDown__eRyO4 {
    border: 1px solid #dbdbdb;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    outline: none;
    background-color: #fff;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 270px
}

.OBTComplete2_dropDown__eRyO4.OBTComplete2_dropDownWithAddPanel__3j54w {
    border-top: none
}

.OBTComplete2_dropDown__eRyO4 .OBTComplete2_dropDownList__2bsdb {
    display: block;
    height: 27px;
    padding: 0 6px;
    line-height: 27px;
    cursor: pointer;
    border-bottom: .3px solid hsla(0, 0%, 85.9%, .3);
    box-sizing: border-box
}

.OBTComplete2_dropDown__eRyO4 .OBTComplete2_dropDownList__2bsdb.OBTComplete2_dropDownWithDeleteButton__FeItC {
    display: flex
}

.OBTComplete2_dropDown__eRyO4 .OBTComplete2_dropDownList__2bsdb>.OBTComplete2_deleteButton__14Hgt {
    width: 12px;
    height: 12px;
    margin-top: 7px
}

.OBTComplete2_dropDown__eRyO4 .OBTComplete2_dropDownList__2bsdb .OBTComplete2_dropDownListText__3jkZ1 {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.OBTComplete2_dropDown__eRyO4 .OBTComplete2_dropDownList__2bsdb .OBTComplete2_dropDownListText__3jkZ1>img {
    height: 20px;
    width: 20px;
    margin-top: 3px
}

.OBTComplete2_dataAddPanel__hkvBd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-top: none;
    background-color: #fff;
    cursor: pointer;
    color: #488ff3;
    font-size: 12px;
    width: inherit
}

.OBTComplete2_dataAddPanel__hkvBd>.OBTComplete2_plusIcon__FqYE9 {
    width: 20px;
    height: 20px;
    background-image: url(/static/media/ic_add_02_l_over.14f53d9d.png);
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 2px;
    margin-right: 3px
}

.OBTComplete2_dropDownTooltip__yvPpQ,
.OBTComplete2_inputTooltip__2ui_U {
    display: block
}

.OBTProgressDialog_root__18IQa {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_dimmed__9lepk {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3)
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1100;
    width: 270px;
    min-height: 100px;
    border: 1px solid #a6a6a6;
    background: #fff;
    padding: 30px
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_buttons__13WeX {
    margin-top: 16px
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_buttons__13WeX>div:first-child {
    margin: 0
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_buttons__13WeX>div {
    margin-left: 3px
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_title__1XXg0 {
    margin: 0;
    font-size: 16px;
    line-height: 1.28;
    height: 27px;
    letter-spacing: -.9px;
    font-weight: bolder
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_subTitle__1O-Ay {
    margin-top: 3px;
    margin-bottom: 20px
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_percentageText__FK8M0 {
    color: #0087f4;
    line-height: 1.28;
    font-weight: 700;
    margin-bottom: 7px
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_percentageText__FK8M0.OBTProgressDialog_disabled__3Ae8_ {
    color: #c6c6c6 !important
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_itemText__2sW9y {
    color: #b2b2b2;
    font-size: 10px;
    margin-bottom: 12px;
    width: 100% !important;
    display: flex !important
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_itemText__2sW9y.OBTProgressDialog_singleLoading__6cK8O {
    text-align: left !important
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_itemText__2sW9y>.OBTProgressDialog_itemLabelText__E6zGn {
    text-align: left !important;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_itemText__2sW9y>.OBTProgressDialog_itemLabelText__E6zGn.OBTProgressDialog_singleLoading__6cK8O {
    width: 100% !important
}

.OBTProgressDialog_root__18IQa>.OBTProgressDialog_wrapper__3GBDl>.OBTProgressDialog_dialogWrapper__ziLgy>.OBTProgressDialog_itemText__2sW9y>.OBTProgressDialog_itemStatus__PcHO7 {
    text-align: right !important;
    width: 30%
}

.OBTProgressDialog_root__18IQa.OBTProgressDialog_closed__JXuIJ {
    display: none
}

.OBTProgressDialog_linearProgress__3RJPV {
    position: relative;
    height: 12px;
    width: 100%
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi {
    position: relative;
    height: 10px;
    display: block;
    width: 100%;
    background-color: #bdbdbd;
    border-radius: 5px;
    margin: 0;
    overflow: hidden;
    background-color: #eaeaea !important;
    float: left !important
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP {
    height: 100%;
    background-color: #0087f4;
    width: 0
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP.OBTProgressDialog_disabled__3Ae8_ {
    background-color: #c6c6c6
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP.OBTProgressDialog_isEntireLoading__3zwIH {
    transition: width .5s linear 0ms
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP.OBTProgressDialog_error__2Sp02 {
    background-color: #fc5356
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP.OBTProgressDialog_warning__35S7r {
    background-color: #febc2c
}

.OBTProgressDialog_linearProgress__3RJPV>.OBTProgressDialog_linearWrapper__37Qbi>.OBTProgressDialog_linearLoading__2wXqP.OBTProgressDialog_success__5m4Iz {
    background-color: #3fa684
}

.OBTProgressDialog_tooltip__2dFI3 {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .12s ease-out;
    transform: scale(1);
    transition: all 5s;
    flex-direction: column;
    position: absolute;
    z-index: 1200;
    left: 28px;
    top: 85px
}

.OBTProgressDialog_tooltip__2dFI3.OBTProgressDialog_hide__23_wN {
    display: none;
    transition: all 5s
}

.OBTProgressDialog_tooltip__2dFI3>.OBTProgressDialog_contents__1bISC {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .12);
    font-size: 10px;
    line-height: 12px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #a6a6a6;
    color: #000;
    max-width: 250px
}

.OBTProgressDialog_tooltip__2dFI3>.OBTProgressDialog_arrowWrapper__2Przf {
    position: relative;
    box-sizing: border-box;
    width: 10px;
    height: 10px
}

.OBTProgressDialog_tooltip__2dFI3>.OBTProgressDialog_arrowWrapper__2Przf>.OBTProgressDialog_arrow__3mLoR {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-color: #a6a6a6 transparent currentcolor;
    border-style: solid solid none;
    border-width: 5px
}

.OBTProgressDialog_tooltip__2dFI3>.OBTProgressDialog_arrowWrapper__2Przf>.OBTProgressDialog_arrowBackground__2Ej3L {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: -1px;
    border: 5px solid transparent;
    border-top-color: #fff
}

.OBTTitle_root__1s_OG {
    box-sizing: border-box
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X {
    display: flex;
    height: 33px;
    margin-bottom: 4px;
    align-items: center
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_labelTextField__15CGV .OBTTitle_labelText__3-gqD {
    line-height: 27px;
    font-weight: 700;
    font-size: 14px
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_labelTextField__15CGV .OBTTitle_bullet__2brWE {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 4px 5px 4px 0;
    background: #333
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_subLabelTextField__36O42 {
    flex: 1 1 auto;
    margin: 2px 5px 0 0;
    line-height: 27px
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_elementsField__3yYg0 {
    display: flex;
    align-items: center
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_elementsField__3yYg0 .OBTTitle_element__1kX04 {
    margin-right: 5px
}

.OBTTitle_root__1s_OG .OBTTitle_container__M1t5X .OBTTitle_elementsField__3yYg0 .OBTTitle_lastChild__1FH1N {
    margin-right: 0
}

.OBTCheckBox2_root__1XzTq {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 20px
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt {
    height: 18px;
    display: flex;
    align-items: center
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt.OBTCheckBox2_disabled__12P6E {
    cursor: not-allowed
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2 {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background: url(/static/media/checkbox2x.bcf78489.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_defaultChecked__3xoPV {
    background: url(/static/media/checkbox_cehcked2x.a4699e92.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_defaultRequired__3gwAB {
    background: url(/static/media/checkbox_r_over2x.4653a18d.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_requiredChecked__2hoXJ {
    background: url(/static/media/checkbox_r_cehcked2x.71f66b39.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_defaultDisabled__YdcjO {
    background: url(/static/media/checkbox_disable2x.2ec83373.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_disableChecked__3o-4T {
    background: url(/static/media/checkbox_checked_disable2x.ced0e6bd.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_radioDefaultUnchecked__2cHYr {
    background: url(/static/media/radio2x.dec4e9d4.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_radioDefaultChecked__2eC8U {
    background: url(/static/media/radio_checked2x.ba606d9b.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_radioDefaultRequired__35wzt {
    background: url(/static/media/radio_r2x.9948cf48.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_radioRequiredChecked__2ZoXA {
    background: url(/static/media/radio_r_checked2x.2ddd67b4.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2.OBTCheckBox2_radioDisabled__2J7Xt {
    background: url(/static/media/radio_disable2x.5c262e95.png) no-repeat 50%/100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2 input[type=checkbox] {
    position: absolute;
    left: 0;
    opacity: 0
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2 .OBTCheckBox2_focused__3I3Zc {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    background: rgba(28, 144, 251, .08);
    border: 1px solid #1c90fb
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_checkIcon__FLtR2 .OBTCheckBox2_focused__3I3Zc.OBTCheckBox2_radioFocused__UFvsU {
    border-radius: 100%
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt:focus {
    outline: none
}

.OBTCheckBox2_root__1XzTq .OBTCheckBox2_wrapper__2a2Zt .OBTCheckBox2_labelText__3RoFB,
.OBTGroupSelector2_root__uKWFY {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTGroupSelector2_root__uKWFY {
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.OBTGroupSelector2_root__uKWFY.OBTGroupSelector2_disabled__23cf0 {
    cursor: not-allowed
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn {
    box-sizing: border-box;
    flex: 0 0 auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn.OBTGroupSelector2_disabled__23cf0 {
    opacity: .5;
    cursor: not-allowed
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn.OBTGroupSelector2_disabled__23cf0:hover {
    border: 1px solid #ccc
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn.OBTGroupSelector2_frozen__2_h7p {
    pointer-events: none
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn:active,
.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_arrowButton__38ntn:hover {
    border: 1px solid #1c90fb
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_prevButton__2fmQM {
    background: url(/static/media/ic_arrow_left_01_s_normal@2x.afcba5a5.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_prevButton__2fmQM.OBTGroupSelector2_disabled__23cf0:hover {
    border: 1px solid #ccc;
    background: url(/static/media/ic_arrow_left_01_s_normal@2x.afcba5a5.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_prevButton__2fmQM:active,
.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_prevButton__2fmQM:hover {
    background: url(/static/media/ic_arrow_left_01_s_over@2x.3b87c688.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalPrevButton__38X_y {
    background: url(/static/media/ic_arrow_up_01_s_normal@2x.91453a01.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalPrevButton__38X_y.OBTGroupSelector2_disabled__23cf0:hover {
    border: 1px solid #ccc;
    background: url(/static/media/ic_arrow_up_01_s_normal@2x.91453a01.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalPrevButton__38X_y:active,
.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalPrevButton__38X_y:hover {
    background: url(/static/media/ic_arrow_up_01_s_over@2x.e5cd1b8f.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_nextButton__27lc1 {
    background: url(/static/media/ic_arrow_right_01_s_normal@2x.5f82e1ea.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_nextButton__27lc1.OBTGroupSelector2_disabled__23cf0:hover {
    border: 1px solid #ccc;
    background: url(/static/media/ic_arrow_right_01_s_normal@2x.5f82e1ea.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_nextButton__27lc1:active,
.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_nextButton__27lc1:hover {
    background: url(/static/media/ic_arrow_right_01_s_over@2x.2c1e655f.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalNextButton__91C5x {
    background: url(/static/media/ic_arrow_down_01_s_normal@2x.cd5e0bbd.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalNextButton__91C5x.OBTGroupSelector2_disabled__23cf0:hover {
    border: 1px solid #ccc;
    background: url(/static/media/ic_arrow_down_01_s_normal@2x.cd5e0bbd.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalNextButton__91C5x:active,
.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_verticalNextButton__91C5x:hover {
    background: url(/static/media/ic_arrow_down_01_s_over@2x.17ee60ac.png) no-repeat 50%;
    background-size: 16px
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy {
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy.OBTGroupSelector2_disabled__23cf0 {
    opacity: .5;
    pointer-events: none
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy.OBTGroupSelector2_frozen__2_h7p {
    pointer-events: none
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy img {
    -webkit-user-drag: none
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7 {
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7.OBTGroupSelector2_selectedItem__2lSXq {
    border: 1px solid #1c90fb;
    background-color: #f5faff
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7.OBTGroupSelector2_mouseOverItem__3Ve8w {
    border: 1px solid #1c90fb;
    color: #000
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7 .OBTGroupSelector2_image__2jvt2 {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    border-radius: 100%;
    background: #f6f7f9;
    display: flex;
    align-items: center;
    justify-content: center
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7 .OBTGroupSelector2_imageMouseOver__34k8Y {
    background-color: #e0f1ff
}

.OBTGroupSelector2_root__uKWFY .OBTGroupSelector2_child__3uBxy .OBTGroupSelector2_defaultTemplate__1kRR7 .OBTGroupSelector2_textArea__3d1K6 {
    display: block
}

.UpDownloaderIEcss {
    float: left
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(placeholder);
    color: grey
}

._tango_view_frame {
    width: 1352px;
    height: 886px;
    border: 0;
    -webkit-transform: scale(.12);
    transform: scale(.12);
    -webkit-transform-origin: .7% 1.2%;
    transform-origin: .7% 1.2%
}

._tango_view_wrap {
    width: 180px;
    height: 125px;
    padding: 0;
    overflow: hidden
}

.__report-notification-contents,
.__report-notification-contents>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px
}

.oneChamber {
    z-index: 1
}

.slick-dots {
    top: 84%
}

.slick-dots li button:before {
    color: #d4d4d4
}

.slick-dots li.slick-active button:before {
    color: #97cbed
}

.slick-list {
    height: 100% !important
}

.slick-slide>div>div {
    outline: none
}

.uoa_share_dialog_style .oneDataEmptyMsg {
    display: table;
    height: 100%;
    margin: auto
}

.uoa_share_dialog_style .oneDataEmptyMsg .emptyPopupText {
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -.6px;
    text-align: center;
    color: #8c8c8c
}

.uoa_share_dialog_style .oneDataEmptyMsg>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #8c8c8c
}

.uoa_share_dialog_style .oneDataEmptyMsg>div p {
    margin: 10px 0
}

.uoa_share_dialog_style .oneDataEmptyMsg>div .emptyMsgBtns {
    margin-top: 14px
}

.uoa_share_dialog_style .oneDataEmptyMsg>div .emptySmallText {
    width: 260px;
    font-size: 12px
}

.uoa_share_dialog_style .templateItemContainer {
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    margin-left: 56px
}

.uoa_share_dialog_style .templateItemContainer:first-child {
    padding-left: 0 !important;
    margin-left: 0 !important
}

.uoa_share_dialog_style .templateItemContainer .templateItem {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 4px;
    height: 200px;
    width: 140px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #fff;
    text-align: center;
    line-height: 200px;
    overflow: hidden
}

.uoa_share_dialog_style .templateItemContainer .templateItem img {
    max-width: 140px;
    vertical-align: middle !important;
    transition: all .3s ease;
    -webkit-transform-origin: center;
    transform-origin: center
}

.uoa_share_dialog_style .templateItemContainer .templateItem .emptyBg {
    width: 54px;
    height: 64px;
    position: absolute;
    top: 50px;
    left: 40px
}

.uoa_share_dialog_style .templateItemContainer .templateItem.active {
    border: 1px solid #1c90fb !important;
    box-shadow: none
}

.uoa_share_dialog_style .templateItemContainer .templateItem:hover {
    border: 1px solid #1c90fb;
    box-shadow: none
}

.uoa_share_dialog_style .templateItemContainer .templateItem:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uoa_share_dialog_style .templateItemContainer .templateItemTitle {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100%;
    cursor: default
}

.uoa_share_dialog_style .template_popup_panel {
    padding: 0 !important;
    height: 444px;
    border: 1px solid #d9d9d9;
    background: #f5f8fa
}

.uoa_share_dialog_style .template_popup_panel>div {
    padding: 0;
    float: left;
    height: 100%
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel {
    width: calc(35% - 2px);
    background: #fff;
    min-height: 440px
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel .catergory_area .category_list li {
    font-size: 12px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid transparent
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel .catergory_area .category_list li .category_sortitems {
    margin-right: 5px;
    cursor: move
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel .catergory_area .category_list.can_hover li:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #1c90fb
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel .catergory_area .category_list li.active {
    background-color: #eff7ff;
    border: 1px solid #1c90fb
}

.uoa_share_dialog_style .template_popup_panel .template_left_panel .catergory_area .category_list:first-child>li {
    padding-left: 25px
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel {
    width: calc(65% - 2px);
    border-left: 1px solid #d9d9d9;
    background: #f5f8fa
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel>div {
    margin-bottom: 20px;
    height: 100%
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .offer_template_content,
.uoa_share_dialog_style .template_popup_panel .template_main_panel .template_content {
    height: 100%
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .offer_template_content .oneDataEmptyMsg>div,
.uoa_share_dialog_style .template_popup_panel .template_main_panel .template_content .oneDataEmptyMsg>div {
    font-size: 14px
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer {
    padding: 0;
    margin-left: 27px !important;
    margin: 10px 0 2px
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateOverIcon {
    display: none;
    position: absolute;
    top: 12px;
    left: 42px;
    z-index: 1
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateCheckIcon {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 27px;
    height: 27px;
    background: url(/static/media/thum-check-normal.c9be097f.png);
    display: none;
    z-index: 10
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateItem {
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    height: 150px;
    width: 110px;
    box-shadow: none;
    position: relative;
    line-height: 150px
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateItem:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #1c90fb
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateItem:hover .templateCheckIcon,
.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateItem:hover .templateOverIcon {
    display: inline
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemContainer .templateItem img {
    max-width: 110px
}

.uoa_share_dialog_style .template_popup_panel .template_main_panel .templateItemTitle {
    color: #4a4a4a;
    font-size: 12px;
    height: 16px;
    margin-top: 6px;
    width: 132px
}

.uoa_share_dialog_style .offer_template_content:hover .templateCheckIcon {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 27px;
    height: 27px;
    background: url(/static/media/thum-check-normal.c9be097f.png);
    display: none;
    z-index: 10
}

.uoa_share_dialog_style .offer_template_content .templateItem {
    text-align: center
}

.uoa_share_dialog_style .offer_template_content .templateItem:hover .templateCheckIcon {
    background: url(/static/media/thum-check-normal.c9be097f.png);
    display: inline
}

.uoa_share_dialog_style .offer_template_content .templateItem.active {
    background-color: rgba(28, 144, 251, .05);
    border: 1px solid #1c90fb !important
}

.uoa_share_dialog_style .offer_template_content .templateItem.active .templateCheckIcon {
    background: url(/static/media/thum-check-select.2a069c86.png);
    display: inline
}

.uoa_share_dialog_style .offer_template_content .template_main_panel {
    border-left: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.UJA6020 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    border: 1px solid #1c90fb !important;
    background-color: #eff7ff !important
}

.UJA6020OBTConditionItem span {
    width: 100%
}

.UJA6020OBTConditionItem div {
    width: 120%
}

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: NSKR, 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
}

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

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

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

@font-face {
    font-family: stamp;
    src: url(/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: start
}

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

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

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

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

.v-align-end {
    align-items: 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;
/*     display:inline-block; */
}

.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
}

#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: 400 22px/26px NSKB;
    color: #fff;
    letter-spacing: -.55px
}

#notiWrap .ieChrome .textBox .text02 {
    margin: 8px 20px 0 0;
    font: 400 13px/20px NSKR;
    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: 400 12px/14px NSKR;
    color: #37b9fc;
    letter-spacing: -1px;
    border: 2px solid #40b2ed;
    border-radius: 10px;
    background: rgba(64, 178, 237, 0) url(/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(/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(/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%;
    cursor: pointer
}

#notiWrap .ieChrome .closeBtn:hover {
    background: url(/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(/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(/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(/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(/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
}

#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(/static/media/ic_allmemu_open.ad87eef2.png);
    background-size: 48px 44px
}

#sideWrap .fixed_top .module-link.personalMenu {
    background-image: url(/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(/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(/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(/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(/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(/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-family: NSKB;
    padding-left: 16px;
    box-sizing: border-box;
    color: #858891;
    background: url(/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(/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(/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(/static/media/ic_folder_close.db7ae65e.png) no-repeat 0
}

.intoMenu .dep1 .dep2 li .clo {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url(/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(/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(/static/media/ico_arrowItem_up.981afce2.png)
}

#sideWrap .fixed-bottom .arrow-item.down {
    background-image: url(/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(/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(/static/media/ic_gnb_ea@2x.bafad2ad.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.EC {
    background-image: url(/static/media/ic_gnb_ec@2x.eb5d3514.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ML {
    background-image: url(/static/media/ic_gnb_ml@2x.09bc53c5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CL {
    background-image: url(/static/media/ic_gnb_cl@2x.ba045c0d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.RM {
    background-image: url(/static/media/ic_gnb_rm@2x.3037fff5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BD {
    background-image: url(/static/media/ic_gnb_bd@2x.95734f9c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.GSM {
    background-image: url(/static/media/ic_gnb_management@2x.83dea9b7.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OF {
    background-image: url(/static/media/ic_gnb_of@2x.807e3cee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OC {
    background-image: url(/static/media/ic_gnb_oc@2x.71c85081.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.KS {
    background-image: url(/static/media/ic_gnb_ks@2x.10a48fbb.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.FAX {
    background-image: url(/static/media/ic_gnb_fax@2x.b6b9cf2d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SMS {
    background-image: url(/static/media/ic_gnb_sms@2x.9653f495.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.UMS {
    background-image: url(/static/media/ic_gnb_fax_sms@2x.ee3ebf18.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ADDR {
    background-image: url(/static/media/ic_gnb_address@2x.ca7bb777.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CU {
    background-image: url(/static/media/ic_gnb_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.MA {
    background-image: url(/static/media/ic_gnb_ma@2x.103747f5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.FI {
    background-image: url(/static/media/ic_gnb_fi@2x.a5ed5240.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CO {
    background-image: url(/static/media/ic_gnb_co@2x.88bcf793.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IA {
    background-image: url(/static/media/ic_gnb_ia@2x.8d400335.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CA {
    background-image: url(/static/media/ic_gnb_ca@2x.5feb7b0c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TR {
    background-image: url(/static/media/ic_gnb_tr@2x.fb652481.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BM {
    background-image: url(/static/media/ic_gnb_bm@2x.aacbbf22.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TX {
    background-image: url(/static/media/ic_gnb_tx@2x.b9c23b92.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.AU {
    background-image: url(/static/media/ic_gnb_au@2x.73f55fac.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OSS {
    background-image: url(/static/media/ic_gnb_os@2x.3c0075d2.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HR {
    background-image: url(/static/media/ic_gnb_hr@2x.8515ff08.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HM {
    background-image: url(/static/media/ic_gnb_hm@2x.d886f9cd.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BPM {
    background-image: url(/static/media/ic_gnb_bpm@2x.8957a672.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BI {
    background-image: url(/static/media/ic_gnb_bi@2x.acc179be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.LE {
    background-image: url(/static/media/ic_gnb_le@2x.4f7cf1ba.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.LO {
    background-image: url(/static/media/ic_gnb_lo@2x.e2c57742.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PU {
    background-image: url(/static/media/ic_gnb_pu@2x.02fda09d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PM {
    background-image: url(/static/media/ic_gnb_pm@2x.7d02549e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PP {
    background-image: url(/static/media/ic_gnb_pp@2x.c9c2259e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ME {
    background-image: url(/static/media/ic_gnb_me@2x.8dcde795.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IM {
    background-image: url(/static/media/ic_gnb_im@2x.5511133c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.IE {
    background-image: url(/static/media/ic_gnb_ie@2x.87d3770d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SD {
    background-image: url(/static/media/ic_gnb_sd@2x.8b81ec2b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BP {
    background-image: url(/static/media/ic_gnb_bp@2x.85d76dd3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.PS {
    background-image: url(/static/media/ic_gnb_ps@2x.3f04256a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SF {
    background-image: url(/static/media/ic_gnb_sf@2x.50d15b03.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SR {
    background-image: url(/static/media/ic_gnb_sr@2x.299116ee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.QM {
    background-image: url(/static/media/ic_gnb_qm@2x.20f474b9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CI {
    background-image: url(/static/media/ic_gnb_ci@2x.cfa6fd7d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.MP {
    background-image: url(/static/media/ic_gnb_mp@2x.d12164e4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SET {
    background-image: url(/static/media/ic_gnb_setting@2x.fde6be7c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.SC {
    background-image: url(/static/media/ic_gnb_sc@2x.ad06bbb1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.EX {
    background-image: url(/static/media/ic_gnb_ex@2x.530620b4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.OS {
    background-image: url(/static/media/ic_gnb_erp10_subcontractor@2x.0c124682.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CI {
    background-image: url(/static/media/ic_gnb_ci@2x.cfa6fd7d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MA {
    background-image: url(/static/media/ic_gnb_ma@2x.103747f5.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BPM {
    background-image: url(/static/media/ic_gnb_bpm@2x.8957a672.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BI {
    background-image: url(/static/media/ic_gnb_bi@2x.acc179be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MP {
    background-image: url(/static/media/ic_gnb_mp@2x.d12164e4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10AU {
    background-image: url(/static/media/ic_gnb_au@2x.73f55fac.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10OS {
    background-image: url(/static/media/ic_gnb_os@2x.3c0075d2.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10FI {
    background-image: url(/static/media/ic_gnb_fi@2x.a5ed5240.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CO {
    background-image: url(/static/media/ic_gnb_co@2x.88bcf793.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IA {
    background-image: url(/static/media/ic_gnb_ia@2x.8d400335.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CA {
    background-image: url(/static/media/ic_gnb_ca@2x.5feb7b0c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10TR {
    background-image: url(/static/media/ic_gnb_tr@2x.fb652481.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BM {
    background-image: url(/static/media/ic_gnb_bm@2x.aacbbf22.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10TX {
    background-image: url(/static/media/ic_gnb_tx@2x.b9c23b92.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LR {
    background-image: url(/static/media/ic_gnb_erp10_lr@2x.8db31fd9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10RE {
    background-image: url(/static/media/ic_gnb_erp10_re@2x.6ed830f7.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LE {
    background-image: url(/static/media/ic_gnb_le@2x.4f7cf1ba.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10LO {
    background-image: url(/static/media/ic_gnb_lo@2x.e2c57742.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PU {
    background-image: url(/static/media/ic_gnb_pu@2x.02fda09d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PM {
    background-image: url(/static/media/ic_gnb_pm@2x.7d02549e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PP {
    background-image: url(/static/media/ic_gnb_pp@2x.c9c2259e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IM {
    background-image: url(/static/media/ic_gnb_im@2x.5511133c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10IE {
    background-image: url(/static/media/ic_gnb_ie@2x.87d3770d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SD {
    background-image: url(/static/media/ic_gnb_sd@2x.8b81ec2b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PS {
    background-image: url(/static/media/ic_gnb_ps@2x.3f04256a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SF {
    background-image: url(/static/media/ic_gnb_sf@2x.50d15b03.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SR {
    background-image: url(/static/media/ic_gnb_sr@2x.299116ee.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10QM {
    background-image: url(/static/media/ic_gnb_qm@2x.20f474b9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10BP {
    background-image: url(/static/media/ic_gnb_bp@2x.85d76dd3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10CR {
    background-image: url(/static/media/ic_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10ME {
    background-image: url(/static/media/ic_gnb_me@2x.8dcde795.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SC {
    background-image: url(/static/media/ic_gnb_sc@2x.ad06bbb1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MB {
    background-image: url(/static/media/ic_gnb_sms@2x.9653f495.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10MF {
    background-image: url(/static/media/ic_gnb_erp10_mf@2x.499ddba0.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10EC {
    background-image: url(/static/media/ic_gnb_erp10_ec@2x.e532f8cc.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10PX {
    background-image: url(/static/media/ic_gnb_erp10_px@2x.0d90e17e.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10EH {
    background-image: url(/static/media/ic_gnb_erp10_eh@2x.97730745.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10HR {
    background-image: url(/static/media/ic_gnb_erp10_hr@2x.b231a4a3.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10WF {
    background-image: url(/static/media/ic_gnb_erp10_wf@2x.cd18ce40.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ERP10SM {
    background-image: url(/static/media/ic_gnb_sm@2x.953f9d25.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCZ {
    background-image: url(/static/media/ic_snb_HCZ@3x.3f5f0dda.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCM {
    background-image: url(/static/media/ic_snb_HCM@2x.67c6a8c9.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCB {
    background-image: url(/static/media/ic_snb_HCB@3x.9eff2b4b.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCR {
    background-image: url(/static/media/ic_snb_HCR@2x.6f87cc82.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCS {
    background-image: url(/static/media/ic_snb_HCS@2x.3a56df5c.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCC {
    background-image: url(/static/media/ic_snb_HCC@2x.6fc00348.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCI {
    background-image: url(/static/media/ic_snb_HCI@2x.38bacedf.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCF {
    background-image: url(/static/media/ic_snb_HCF@2x.e59763be.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCN {
    background-image: url(/static/media/ic_snb_HCN@2x.0d34d5d1.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HCA {
    background-image: url(/static/media/ic_snb_HCA@3x.a52caa9d.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.HEXCE {
    background-image: url(/static/media/ic_snb_HEXCE@3x.518e0746.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.WK {
    background-image: url(/static/media/ic_wk.06dbe56a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.DC {
    background-image: url(/static/media/ic_dc.16962dc4.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.ECM {
    background-image: url(/static/media/ic_ecm.0fd9c475.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.WR {
    background-image: url(/static/media/ic_wr.ca3dd4a8.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.CR {
    background-image: url(/static/media/ic_cr@2x.1c654407.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.TADDR {
    background-image: url(/static/media/ic_gnb_total_address@2x.6fb5d867.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.BuminEdu {
    background-image: url(/static/media/ic_bumin_edu@2x.20ec3a8a.png);
    background-size: 48px 44px
}

#sideWrap #sideGnb .module-link.DongaMla {
    background-image: url(/static/media/ic_gnb_ml_archiving@2x.ca8e538f.png);
    background-size: 48px 44px
}

@media screen and (min-width:481px){
	#headerWrap {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    height: 94px;
	    min-width: 1232px
	}
}

@media screen and (max-width:480px){
	#headerWrap {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    height: 94px;
	/*     min-width: 1232px */
	}
}

#headerWrap,
#headerWrap #main-ci {
    margin: 0;
    box-sizing: border-box;
    z-index: 101
}



@media screen and (min-width:481px){
	#headerWrap #main-ci {
	    position: relative;
	    width: 200px;
	    height: 50px;
	    padding: 5px 20px;
	    background-color: #fff
		}
}

@media screen and (max-width:480px){
	#headerWrap #main-ci {
    position: relative;
/*     width: 200px; */
    height: 50px;
    padding: 5px 20px;
    background-color: #fff
	}
}

#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-family: NSKR !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:-ms-input-placeholder {
    font-family: NSKR !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::placeholder {
    font-family: NSKR !important;
    color: #a6a6a6
}

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .deleteBtn {
    position: absolute;
    top: 7px;
    right: 75px;
    width: 18px;
    height: 18px;
    background: url(/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(/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: 400 12px/32px NSKR;
    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: 400 14px NSKB;
    color: #000;
    padding: 0 0 7px 15px;
    background: url(/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: 400 12px NSKR;
    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(/static/media/icon_misc_alert@2x.2eca22b5.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.org {
    background-image: url(/static/media/icon_misc_org@2x.52fc0bb9.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.search {
    background-image: url(/static/media/icon_misc_search@2x.6bf4b623.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.more {
    background-image: url(/static/media/icon_misc_more@2x.81aec4a5.png);
    background-size: 30px
}

#headerWrap #headFnc .headfnc .head-misc ul li span.manual {
    background-image: url(/static/media/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(/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(/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(/static/media/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(/static/media/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(/static/media/icon_tabon_new_select@2x.3a90e293.png) no-repeat 50%;
    background-size: 11px
}

#headerWrap #headTabs .tabs .tab-item.on .item-close {
    background: url(/static/media/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(/static/media/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(/static/media/icon_menu.5d3a7637.png) no-repeat 50%;
    cursor: pointer
}

#headerWrap #headerTitle .menuLnb:hover {
    background: #0259ac url(/static/media/icon_menu.5d3a7637.png) no-repeat 50%
}

#headerWrap #headerTitle .menuLnb.folding {
    background: #0c76d8 url(/static/media/icon_menu_open.4eba76ef.png) no-repeat 50%
}

#headerWrap #headerTitle .menuLnb.folding:hover {
    background: #0259ac url(/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(/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(/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 {
    font: 400 14px/20px NSKB;
    text-align: left;
    margin: 2px 0
}

.userInfoPop .infoTop .user_name .cls {
    font: 400 14px/20px NSKB
}

.userInfoPop .infoTop .user_org {
    font: 400 11px/15px NSKR;
    margin: 0 0 2px;
    text-align: left;
    color: #4a4a4a
}

.userInfoPop .infoTop .user_ip {
    font: 400 11px/15px NSKR;
    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(/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(/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-family: NSKB
}

.userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name .grade {
    font-family: NSKR;
    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;
    font-family: NSKR;
    letter-spacing: -.3px;
    color: #fff;
    border-radius: 20px;
    cursor: pointer
}

.userInfoErp10Pop .user-info-box .user-buttons .userBtn.mySet {
    background: transparent url(/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(/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(/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(/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(/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(/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(/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(/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(/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: transparent;
    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: 400 12px/20px NSKR;
    color: #20c997;
    background: url(/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
}

.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: 400 14px/46px NSKR;
    color: #a6a6a6;
    vertical-align: middle
}

.integratedNotification .tab li span.tab01 .ico {
    width: 20px;
    height: 20px;
    margin: 0 2px 0 0;
    background: url(/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(/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: 400 14px/46px NSKB;
    color: #000
}

.integratedNotification .tab li.on span.tab01 .ico {
    background: url(/static/media/ic_noti_on.228f106d.png) no-repeat left 0 center
}

.integratedNotification .tab li.on span.tab02 .ico {
    background: url(/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: sticky;
    top: -1px;
    font: 400 12px/30px NSKB;
    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: 400 11px/15px NSKB;
    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: 400 12px/18px NSKR;
    white-space: nowrap
}

.integratedNotification .tabCon ul li .list_con .topline dt {
    font: 400 12px/18px NSKR
}

.integratedNotification .tabCon ul li .list_con .topline dd {
    font: 400 12px/18px NSKR;
    text-overflow: ellipsis;
    overflow: hidden
}

.integratedNotification .tabCon ul li .list_con .topline 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: 400 11px/18px NSKR;
    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: 400 11px/18px NSKR;
    color: #a6a6a6;
    padding: 0 20px 0 0;
    vertical-align: top
}

.integratedNotification .tabCon ul li .time.fold {
    background: url(/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat top 2px right
}

.integratedNotification .tabCon ul li .time.unfold {
    background: url(/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat top 2px right
}

.integratedNotification .tabCon ul li .icon.profile {
    background: url(/static/media/ic_notice_profile.5fbbbfeb.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.profile img {
    width: 100%
}

.integratedNotification .tabCon ul li .icon {
    width: 28px;
    height: 28px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden
}

.integratedNotification .tabCon ul li .icon.of {
    background: url(/static/media/ic_notice_oneffice_read.a66564f7.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.sc {
    background: url(/static/media/ic_notice_schedule_read.f7b2c1d1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.an {
    background: url(/static/media/ic_notice_announcement_read.8cbfa7ed.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ea {
    background: url(/static/media/ic_notice_approval_read.60c0964f.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ma {
    background: url(/static/media/ic_notice_mail_read.993f4e3d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.mg {
    background: url(/static/media/ic_notice_message_read.7d3dfbf2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.fx {
    background: url(/static/media/ic_notice_fax_read.2f26b7fa.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ks {
    background: url(/static/media/ic_notice_kiss_read.cad85903.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.bd {
    background: url(/static/media/ic_notice_board_read.47bfa816.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.dc {
    background: url(/static/media/ic_notice_doc_read.8fd1dd6d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.wr {
    background: url(/static/media/ic_notice_projectreport_read.6fe331c2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.nt {
    background: url(/static/media/ic_notice_note_read.cd137002.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.fl {
    background: url(/static/media/ic_notice_file_read.fcae7bb2.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.hr {
    background: url(/static/media/ic_notice_hr_read.ec90a7c8.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.ac {
    background: url(/static/media/ic_notice_accounting_read.6d58ab59.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.rs {
    background: url(/static/media/ic_notice_resource_read.fa027eb6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.oc {
    background: url(/static/media/ic_notice_oc_read.9d85d459.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.st {
    background: url(/static/media/ic_notice_sign_read.a9dcf3e3.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.pw {
    background: url(/static/media/ic-notice-pw-reset-read.044a8209.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.crm {
    background: url(/static/media/ic-notice-crm-read.86561852.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.gsm {
    background: url(/static/media/ic_notice_management_read.c7276477.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.vote {
    background: url(/static/media/ic_notice_vote_read.6fbbdbf6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.clinic {
    background: url(/static/media/ic_notice_clinic_read.6e27644d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li .icon.taddr {
    background: url(/static/media/ic_notice_total_address_read.e22d5bbe.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.of {
    background: url(/static/media/ic_notice_oneffice.94d5270d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.sc {
    background: url(/static/media/ic_notice_schedule.0b887d91.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.an {
    background: url(/static/media/ic_notice_announcement.64c78360.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ea {
    background: url(/static/media/ic_notice_approval.3c3f8e4a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ma {
    background: url(/static/media/ic_notice_mail.dd5ddb8a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.mg {
    background: url(/static/media/ic_notice_message.7dad3dac.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.fx {
    background: url(/static/media/ic_notice_fax.ef3b3b47.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ks {
    background: url(/static/media/ic_notice_kiss.8851d410.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.bd {
    background: url(/static/media/ic_notice_board.2fb21c4d.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.dc {
    background: url(/static/media/ic_notice_doc.f347ae7a.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.wr {
    background: url(/static/media/ic_notice_projectreport.46171d52.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.nt {
    background: url(/static/media/ic_notice_note.f0fd01fe.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.fl {
    background: url(/static/media/ic_notice_file.53168560.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.hr {
    background: url(/static/media/ic_notice_hr.226f8680.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.ac {
    background: url(/static/media/ic_notice_accounting.4d409e0b.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.rs {
    background: url(/static/media/ic_notice_resource.dfde123f.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.oc {
    background: url(/static/media/ic_notice_oc.fd129e5b.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.st {
    background: url(/static/media/ic_notice_sign.a6ea4759.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.pw {
    background: url(/static/media/ic-notice-pw-reset.5143dbc1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.crm {
    background: url(/static/media/ic-notice-crm.3d8921d6.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.gsm {
    background: url(/static/media/ic_notice_management.ea7a55a1.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.vote {
    background: url(/static/media/ic_notice_vote.cbebd3ab.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.clinic {
    background: url(/static/media/ic_notice_clinic.643af79e.png) no-repeat 50%
}

.integratedNotification .tabCon ul li.unread .icon.taddr {
    background: url(/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: 400 12px/22px NSKR;
    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(/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(/static/media/ic_arrow_left_01_s_over.e7e38012.png) no-repeat 50%;
    background-size: cover
}

.integratedNotification .categoryFn .arrDiv .prevBtn.disabled {
    background: url(/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(/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(/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: cover
}

.integratedNotification .categoryFn .arrDiv .nextBtn.disabled {
    background: url(/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(/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(/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: 400 14px/20px NSKB;
    color: #000;
    text-align: center;
    border-bottom: 1px solid rgba(190, 198, 222, .4)
}

.organizationInfoBox .profile_name span {
    position: relative;
    font: 400 11px/20px NSKR;
    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(/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: 400 11px/24px NSKR;
    color: #4a4a4a;
    padding: 0 0 0 21px
}

.organizationInfoBox .profile_etc .profileBd {
    background: url(/static/media/ic_birthday.a1931dcd.png) no-repeat top 3px left
}

.organizationInfoBox .profile_badge {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 18px;
    padding: 0 10px;
    border-radius: 10px;
    font: 400 11px/18px NSKR;
    color: #fff;
    background: #9da3aa
}

.organizationInfoBox .profile_myGroup {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(/static/media/ic_folder_my_l_normal.fbdb5c75.png) no-repeat 50%;
    cursor: pointer
}

.organizationInfoBox .profile_myGroup:hover {
    background: url(/static/media/ic_folder_my_l_over.3211145b.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(/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: 400 14px/20px NSKB;
    color: #000;
    text-align: left
}

.organizationCardBox .infoTop .profile_position {
    max-width: 120px;
    font: 400 14px/20px NSKB;
    color: #000;
    text-align: left;
    margin: 0 0 0 5px
}

.organizationCardBox .infoTop .profile_id {
    max-width: 100px;
    position: relative;
    font: 400 14px/20px NSKR;
    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: 400 12px/1.25 NSKR;
    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 {
    font: 400 12px/20px NSKR;
    color: #a6a6a6;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_phone_01_m_normal.6367485c.png) no-repeat top 2px left
}

.organizationCardBox .infoBot .profile_mobile {
    font: 400 12px/20px NSKR;
    color: #a6a6a6;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    background: url(/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(/static/media/ic_view_thumbnail_02_m_normal.521ce38d.png) no-repeat 50%
}

.organizationBtnBox .listType ul li span.typeListBtn {
    background: url(/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.organizationBtnBox .listType ul li.on span.typeThumbBtn {
    background: url(/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%
}

.organizationBtnBox .listType ul li.on span.typeListBtn {
    background: url(/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(/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(/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(/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(/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(/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 span.ico {
    width: 17px;
    height: 17px;
    float: left;
    margin-top: 5px;
    margin-right: 4px
}

.miscMore span.as {
    background: url(/static/media/ic_pc_m_normal.e52a7ef8.png) no-repeat 50%
}

.miscMore span.down {
    background: url(/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.miscMore span.help {
    background: url(/static/media/ic_help_m_normal.c4749336.png) no-repeat 50%
}

.miscMore span.update {
    background: url(/static/media/ic_happy_m_normal.68d4cc43.png) no-repeat 50%
}

.miscMore ul li:hover span.as {
    background: url(/static/media/ic_pc_m_over.0caff452.png) no-repeat 50%
}

.miscMore ul li:hover span.down {
    background: url(/static/media/ic_download_m_over.3fd101f4.png) no-repeat 50%
}

.miscMore ul li:hover span.help {
    background: url(/static/media/ic_help_m_over.8f1ed4aa.png) no-repeat 50%
}

.miscMore ul li:hover span.update {
    background: url(/static/media/ic_happy_m_over.0a49543d.png) no-repeat 50%
}

.miscMore 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(/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(/static/media/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(/static/media/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: 48px;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
    overflow-x: auto
}




@media (min-width: 481px) {
	#containerWrap #sideLnb {
	    position: absolute;
	    top: 94px;
	    left: 0;
	    bottom: 0;
/* 	    min-width: 194px; */
	    min-width: 150px;
	    border: solid #e5e5e5;
	    border-width: 0 1px 0 0;
	    box-sizing: border-box;
	    background: #f6f8fa;
	    transform: translateX(0);
	    transition: transform .5s;
	    z-index: 11
	}
}

@media (max-width: 480px) {
   	#containerWrap #sideLnb {
	    position: absolute;
	    top: 94px;
	    left: 0;
	    bottom: 0;
	    min-width: 80px;
	    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(/static/media/ico_lnbTab_menu.8d6fb4c1.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .menu.on,
#containerWrap #sideLnb .lnbTab .menu:hover {
    position: relative;
    background: url(/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(/static/media/ico_lnbTab_favorite.fa858f81.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .favorite.on,
#containerWrap #sideLnb .lnbTab .favorite:hover {
    position: relative;
    background: url(/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(/static/media/ico_lnbTab_history.c0613837.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .history.on,
#containerWrap #sideLnb .lnbTab .history:hover {
    position: relative;
    background: url(/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(/static/media/ico_lnbTab_process.5eed6d8a.png) no-repeat 50%
}

#containerWrap #sideLnb .lnbTab .process.on,
#containerWrap #sideLnb .lnbTab .process:hover {
    position: relative;
    background: url(/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 {
    box-sizing: border-box;
    cursor: pointer
}

#containerWrap #sideLnb .lnb-container .nav-item .extend {
    position: relative;
    display: flex;
    font-size: 0;
    padding: 6px 0 5px
}

#containerWrap #sideLnb .lnb-container .sub-container li {
    background: url(/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 {
    height: 16px;
    background: #fff url(/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0;
    margin-top: -6px
}

#containerWrap #sideLnb .lnb-container .sub-container li .extend {
    margin-left: -4px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-3 {
    padding-left: 16px;
    background: url(/static/media/bg_dat.00f5513a.png) repeat-y 15px 0
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-open>.extend .nav-icon {
    background: url(/static/media/btn_tree_open.ef0b2fb5.png) no-repeat 0 10px, #fff url(/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0;
    margin-top: -6px;
    height: 20px
}

#containerWrap #sideLnb .lnb-container .nav-item.nav-item-close>.extend .nav-icon {
    background: url(/static/media/btn_tree_close.5c8a0ad2.png) no-repeat 0 10px, #fff url(/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0;
    margin-top: -6px;
    height: 20px
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon {
    display: inline-block;
    width: 15px;
    height: 9px;
    background: #fff url(/static/media/bg_datL.e44174ad.png) no-repeat 3px 0
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/static/media/ic_favorite_off.07d7b49c.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite.on {
    background: url(/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text {
    display: block;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -.5px;
    padding: 0 0 0 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1;
    min-width: 0
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .nav-text {
    flex: 1 1
}

#containerWrap #sideLnb .lnb-container .nav-item.selected>.extend.nav-text {
    font-weight: 700
}

#containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text-cnt {
    display: block;
    height: 16px;
    font-size: 11px;
    text-align: right;
    margin-left: 4px;
    color: #a6a6a6
}

#containerWrap #sideLnb .lnb-container .nav-item.selected>.extend .nav-text-cnt {
    color: #1c90fb
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .nav-text-cnt {
    margin-top: 13px
}

#containerWrap #sideLnb .lnb-container .nav-item .extend+.sub-container {
    height: 0;
    transform: rotateX(-90deg)
}

#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.item-folder>.extend .nav-icon {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/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(/static/media/ic_arrow_left_02_m_normal.e439f3f7.png) no-repeat 50%
}

#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.selected>.extend {
    color: #1c90fb;
    font-weight: 700
}

#containerWrap #sideLnb .lnb-container .nav-item {
    padding-left: 20px
}

#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-2>.extend,
#containerWrap #sideLnb .lnb-container .nav-item.step-3>.extend {
    padding-right: 15px
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .nav-icon {
    display: none !important
}

@media (min-width: 481px) {
	#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .nav-text {
	    display: inline-block;
	    font-size: 13px;
	    line-height: 2;
	    letter-spacing: -.5px;
	    padding: 5px 30px 5px 20px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis
	}
}

@media (max-width: 480px) {
	#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .nav-text {
	    display: inline-block;
	    font-size: 10px;
	    line-height: 2;
	    letter-spacing: -.5px;
	    padding: 5px 30px 5px 20px;
	    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-2:first-child {
    position: relative
}

#containerWrap #sideLnb .lnb-container .nav-item.step-2:first-child:after {
    content: "";
    width: 20px;
    height: 13px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0
}

#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 {
    height: 10px
}

#containerWrap #sideLnb .lnb-container .nav-item>.extend .item-close {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url(/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(/static/media/ic_close_01_s_over.3586af5f.png) no-repeat 50%
}

#containerWrap #sideLnb .lnb-container .nav-item.step-1>.extend .item-close {
    margin-top: 7px
}

.sideRegi {
    height: 53px;
    overflow: hidden;
    text-align: center;
    display: flex;
    padding: 0 12px;
    box-sizing: border-box
}

.sideRegi>div {
    flex: 1 1 auto
}

.sideRegi .btn_sideRegi {
    background: #1c90fb !important;
    color: #fff !important;
    margin-top: 8px;
    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: 14px !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
}

.sideBtm .calSetting {
    padding-left: 22px;
    background: url(/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(/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(/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(/static/media/ic_master_select@2x.64d987d5.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtUser .ico {
    background: url(/static/media/ic_user_select@2x.f4f0e905.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtAdmin .ico {
    background: url(/static/media/ic_administrator_select@2x.04660f88.png) no-repeat 50%;
    background-size: 18px
}

.sideBtm .sbDiv .sbBtn:hover .sbTxtMaster .ico {
    background: url(/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(/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(/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(/static/media/ic_master_normal@2x.fe795c17.png) no-repeat 50%;
    display: inline-block;
    height: 28px;
    width: 22px;
    background-size: 18px
}

#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.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 .extend+.sub-container {
    padding: 4px 5px 4px 0;
    background: #fff
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2 .extend+.sub-container {
    padding: 0
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1>.extend .nav-text {
    font-weight: 700
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2>.extend .nav-text {
    font-size: 13px
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-open>.extend {
    background: url(/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat right 8px center
}

#containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close>.extend {
    background: url(/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat right 8px 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-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(/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(/static/media/ic_settine_02_s_over.be8e8120.png) no-repeat 50%
}

#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(/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(/static/media/ic_favorite_off.07d7b49c.png) no-repeat 50%
}

#containerWrap #titleFnc .content-title-fnc ul li .favorites.on {
    background: url(/static/media/ic_favorite_on.c1790d75.png) no-repeat 50%
}

#containerWrap #titleFnc .content-title-fnc ul li .help {
    background: url(/static/media/ic_question_01_m_normal.f38af889.png) no-repeat 50%
}

@media (min-width: 481px) {
   	#containerWrap #contents {
   		position: absolute;
	    top: 94px;
	    left:150px;
	    right: 0;
	    bottom: 0;
	    overflow-y: auto;
	    overflow-x: auto;
	    z-index: 11
	}
}
@media (max-width: 480px) {
	#containerWrap #contents {
   		position: absolute;
	    top: 94px;
	    left:80px;
	    right: 0;
	    bottom: 0;
	    overflow-y: auto;
	    overflow-x: auto;
	    z-index: 11
	}
}
@media (min-width: 481px) {
	.tablecol{
		width:35px;
	}
}
@media (max-width: 480px) {
	.tablecol{
		width:20px;
	}
}

#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
}


@media (min-width:481px){
	.logintype-A {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	    /*min-width: 1000px;
	    min-height: 625px;*/
	    background-size: 1920px 1080px;
	    background-image: url('/static/img/main_2.png');
	    overflow: hidden;
	}
}

@media (max-width:480px){
	.logintype-A {
/* 	    position: absolute; */
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
/* 	    min-width: 1024px; */
/* 	    min-height: 768px; */
	/*     background: url(/static/media/img_login.575a1cfc.jpg) no-repeat top; */
/* 		background:black; */
/* 	    background-size: 1920px 1080px; */
	    overflow: hidden
	}
}

@media screen and (min-height:1081px),
screen and (min-width:1921px) {
    .logintype-A {
/*         background: url(/static/media/img_login.575a1cfc.jpg) no-repeat 0 0; */
        background: url(/static/img/main_2.png) 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: 400 1.65vw/1.9vw NSKR !important;
        transition: .5s
    }

    .logintype-A .userCustomBox .loginTxt .subText {
        font: 300 .83vw/1vw NSKR !important;
        transition: .5s
    }

    .logintype-A .mainRightBox {
        top: 50%;
        left: calc(100% - 1020px);
    }
}

@media screen and (min-width:481px) {
	.logintype-A .userCustomBox {
	    position: absolute;
	    top: 150px;
	    left: 70px;
	    right: 515px;
	    width: auto;
	    height: auto
	}

    .logintype-A .mainRightBox {
        position: absolute;
        top: 50%;
        left: calc(100% - 1020px);
        min-right: 100px;
        width: auto;
        height: auto
    }

    .login_main_wrap {
        min-width: 1100px;
    }
}

@media screen and (max-width:480px) {
	.logintype-A .userCustomBox {
	    display:none
	}
}

@media screen and (max-height:700px) {
    .logintype-A .mainRightBox {
        top: 330px;
    }
}

.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: 600 34px/38px 'Nanum Gothic', sans-serif;
    letter-spacing: -.58px;
    color: #2E2E2E;
}

.logintype-A .userCustomBox .loginTxt .subText {
    font: 300 16px/20px 'Nanum Gothic', sans-serif;
    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: 400 12px/20px NSKR;*/
    font: 400 12px/20px 'Nanum Gothic', sans-serif;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: -.12px
}

@media (min-width:481px) {
	.logintype-A .loginBox {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    width: 445px;
	    min-width: 445px;
	    /*background-color: hsla(0, 0%, 100%, .8);*/
	    background-color: #27a8e2;
        /*opacity: 0.8;*/
	}
}

@media (max-width:480px) {
	.logintype-A .loginBox {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    right: 0;
	     width: 100%;
/* 	    min-width: 445px; */
	    background-color: #27a8e2;
        /*opacity: 0.8;*/
	    overflow-y: auto;
	}

    .logintype-A .copy {
        position: absolute;
        left:calc(50% - 114px);
        bottom: 30px;
        text-align: left;
        /*font: 400 12px/20px NSKR;*/
        font: 400 12px/20px 'Nanum Gothic', sans-serif;
        color: hsla(0, 0%, 100%, .5);
        letter-spacing: -.12px
    }
}

.logintype-A .loginBox .loginForm {
    position: absolute;
    top: 50%;
    left: 50px;
    right: 50px;
    height: auto;
    transform: translateY(-50%)
}

.logintype-A .loginBox .loginForm .loginTitle {
    margin-bottom: 30px;
    color: #2e3645;
    font: 400 24px/1.33 NSKB
}

.logintype-A .loginBox .loginForm .loginTitle b {
    font: 400 26px NSKB
}

@media (min-height:801px) {
    .logintype-A .loginBox .loginForm .inputStyle input {
        height: 50px;
        padding: 0 25px;
        transition: all .3s !important;
        box-sizing: border-box !important;
        /*border: 1px solid #c4c4c4 !important;*/
        border: 1px solid #f0f0f0 !important;
        border-radius: 50px !important;
        font: normal 16px NSKR !important;
        color: #000 !important;
    }

    .user_dplc_btn {
        height: 50px;
        width:50px;
        font-size: 11px;
    }

    .logintype-A .loginBox .loginForm .inputStyle {
        width: 100%;
        /*height: 50px;*/
        margin: 0 0 14px;
        background: hsla(0, 0%, 100%, .5);
        border-radius: 50px
    }
}

@media (max-height:800px) {
    .logintype-A .loginBox .loginForm .inputStyle input {
        height: 40px;
        padding: 0 20px;
        transition: all .3s !important;
        box-sizing: border-box !important;
        /*border: 1px solid #c4c4c4 !important;*/
        border: 1px solid #f0f0f0 !important;
        border-radius: 50px !important;
        font: normal 16px NSKR !important;
        color: #000 !important;
    }

    .user_dplc_btn {
        height: 40px;
        width: 40px;
        font-size: 10px;
    }

    .logintype-A .loginBox .loginForm .inputStyle {
        width: 100%;
        /*height: 50px;*/
        margin: 0 0 12px;
        background: hsla(0, 0%, 100%, .5);
        border-radius: 50px
    }
}

.logintype-A .loginBox .loginForm .inputStyle input:focus {
    /*border: 1px solid #1c90fb !important*/
    border: 1px solid #424242 !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*/
    color: #BDBDBD
}

.logintype-A .loginBox .loginForm .inputStyle input:-ms-input-placeholder {
    color:  #BDBDBD
}

.logintype-A .loginBox .loginForm .inputStyle input::placeholder {
    color:  #BDBDBD
}

.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;*/
    /*background-image: linear-gradient(10deg, #3C8CE7 4%, #91F0FC 95%) !important;*/
    background-image: linear-gradient(10deg, #5bb0ee 4%, #91F0FC 95%) !important;
    outline: none
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex span {
    font-size: 18px !important;
    font-family: NSKB;
    color: #fff !important
}

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.poc span {
    font-size: 16px !important;
    font-family: NSKB;
    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: 400 18px/54px NSKB !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: 400 18px/54px NSKB !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: 400 18px/54px NSKB !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: 400 18px/54px NSKB !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: 25px 0 0 !important;
    font: 400 14px/20px NSKR;
    text-align: center;
    letter-spacing: -.7px
}

.logintype-A .loginBox .loginForm .wBox {
    position: relative;
    width: 100%;
    height: 360px;
    box-sizing: border-box
}

.logintype-A .loginBox .loginForm .wBox .title {
    font: 400 24px/32px NSKB;
    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: 400 14px/20px NSKR;
    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: 400 13px/20px NSKR;
    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: 400 8px/14px NSKB;
    color: #fff;
    background: #a6a6a6
}

.logintype-A .loginBox .loginForm .stepDiv .stepUnit .txt {
    padding: 0 0 0 2px;
    font: 400 11px/30px NSKR;
    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(/static/media/login_radio.516cc124.png) no-repeat 50%
}

.logintype-A .loginBox .loginForm .sertiType .radio.on {
    width: 14px;
    height: 14px;
    background: url(/static/media/login_radio_checked.95b6fb4e.png) no-repeat 50%
}

.logintype-A .loginBox .loginForm .sertiType .txt {
    font: 400 12px/1.3 NSKR;
    text-align: center;
    color: #4a4a4a
}

.logintype-A .loginBox .loginForm .sertiType .text {
    font: 400 13px/20px NSKR;
    text-align: center;
    color: #4a4a4a;
    margin: 20px 0 -20px
}

.logintype-A .loginBox .loginForm .sertiType .unit01 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/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(/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(/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(/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: 400 14px/20px NSKR;
    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(/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.logintype-A .loginBox .loginForm .textBox .text {
    font: 400 13px/20px NSKR;
    text-align: center;
    color: #000
}

.logintype-A .loginBox .loginForm .imgBoxStyle {
    position: relative
}

.logintype-A .loginBox .loginForm .imgBoxStyle .text {
    margin: 0;
    font: 400 13px/20px NSKR;
    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(/static/media/img_certification.02745a96.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.app-install {
    padding: 150px 0 0;
    background: url(/static/media/img_app.6791eac1.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.complete {
    padding: 150px 0 0;
    background: url(/static/media/ic_complete.366c2cc9.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.device {
    padding: 150px 0 0;
    background: url(/static/media/img_device.307a95e6.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgBoxStyle.device-rerun {
    padding: 150px 0 0;
    background: url(/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: 400 25px/50px NSKR;
    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: 400 13px/18px NSKR;
    text-align: center;
    color: #000
}

.logintype-A .loginBox .loginForm .text .menuIco {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    background: url(/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(/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.logintype-A .loginBox .loginForm .imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.logintype-A .loginBox .loginForm .imgDevice .text {
    font: 400 13px/41px NSKR;
    letter-spacing: -.65px;
    text-align: center
}

.logintype-A .loginBox .loginForm .imgDevice .text span {
    font: 400 13px/41px NSKB
}

.logintype-A .loginBox .loginForm .checkboxItem {
    margin: 15px 0 0
}

.logintype-A .loginBox .loginForm .checkboxItem span>span>span {
    background-image: url(/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: 400 14px NSKR !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: 400 14px NSKR
}

.certiBrowserBox {
    margin: 10px 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    justify-content: center
}

.certiBrowserBox .unit01 {
    background: url(/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(/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(/static/media/img_download_safari.6859387f.png) no-repeat top 33px center
}

.certiGuideText .tit_p {
    font: 400 12px/16px NSKB;
    color: #000
}

.certiGuideText li {
    font: 400 12px/16px NSKR;
    color: #4a4a4a
}

.certiFidoGuideText {
    width: 678px;
    height: 100px;
    margin: 0 0 10px;
    background: url(/static/media/img_mail_resend.ee9f3b28.png) no-repeat
}

.certiFidoGuideText .tit_p {
    margin: 18px 0 0 20px;
    font: 400 18px/27px NSKB;
    color: #0c2b65
}

.certiFidoGuideText .text {
    margin: 3px 0 0 20px;
    font: 400 12px/16px NSKR;
    color: #5c7198
}

.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(/static/media/img_logout.44d9eb28.png) no-repeat 50%
}

.logintype-simple .loginForm .text01 {
    margin: 20px 0 0;
    font-size: 24px;
    font-family: NSKB;
    line-height: 36px;
    letter-spacing: -.24px;
    text-align: center;
    color: #2e3645
}

.logintype-simple .loginForm .text02 {
    margin: 8px 0 25.5px;
    font-size: 13px;
    font-family: NSKR;
    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;
    font-family: NSKR;
    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: 400 18px/54px NSKR !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: 400 18px/54px NSKR !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: 400 18px/54px NSKR !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: 400 18px/54px NSKR !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;
    font-family: NSKR;
    line-height: 20px;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .loginPrevText {
    margin: 12px auto 0
}

.logintype-simple .loginForm .loginPrevText div {
    font-size: 14px;
    font-family: NSKR;
    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: 400 24px/32px NSKB;
    text-align: center;
    letter-spacing: -.24px;
    color: #2e3645
}

.logintype-simple .loginForm .wBox .topText {
    font: 400 13px/20px NSKR;
    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: 400 13px/20px NSKR;
    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(/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: 400 14px/20px NSKR;
    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;
    font-family: NSKR;
    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: 400 13px/20px NSKR;
    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: 400 8px/14px NSKB;
    color: #fff;
    background: #a6a6a6
}

.logintype-simple .loginForm .wBox .stepDiv .stepUnit .txt {
    padding: 0 0 0 2px;
    font: 400 11px/30px NSKR;
    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(/static/media/login_radio.516cc124.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .sertiType .radio.on {
    width: 14px;
    height: 14px;
    background: url(/static/media/login_radio_checked.95b6fb4e.png) no-repeat 50%
}

.logintype-simple .loginForm .wBox .sertiType .txt {
    font: 400 12px/1.3 NSKR;
    text-align: center;
    color: #4a4a4a
}

.logintype-simple .loginForm .wBox .sertiType .text {
    font: 400 13px/20px NSKR;
    text-align: center;
    color: #4a4a4a;
    margin: 20px 0 -20px
}

.logintype-simple .loginForm .wBox .sertiType .unit01 {
    text-align: center;
    padding: 150px 0 0;
    background: url(/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(/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(/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(/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: 400 14px/20px NSKR;
    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(/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.logintype-simple .loginForm .wBox .textBox .text {
    font: 400 13px/20px NSKR;
    text-align: center;
    color: #000
}

.logintype-simple .loginForm .wBox .imgBoxStyle {
    position: relative
}

.logintype-simple .loginForm .wBox .imgBoxStyle .text {
    margin: 0;
    font: 400 13px/20px NSKR;
    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(/static/media/img_certification.02745a96.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.app-install {
    padding: 150px 0 0;
    background: url(/static/media/img_app.6791eac1.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.complete {
    padding: 150px 0 0;
    background: url(/static/media/ic_complete.366c2cc9.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.device {
    padding: 150px 0 0;
    background: url(/static/media/img_device.307a95e6.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgBoxStyle.device-rerun {
    padding: 150px 0 0;
    background: url(/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: 400 25px/48px NSKR;
    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: 400 13px/18px NSKR;
    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(/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-family: NSKR;
    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(/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.logintype-simple .loginForm .wBox .imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.logintype-simple .loginForm .wBox .imgDevice .text {
    font: 400 13px/41px NSKR;
    letter-spacing: -.65px;
    text-align: center
}

.logintype-simple .loginForm .wBox .imgDevice .text span {
    font: 400 13px/41px NSKB
}

.logintype-simple .loginForm .wBox .checkboxItem {
    margin: 15px 0 0
}

.logintype-simple .loginForm .wBox .checkboxItem span>span>span {
    background-image: url(/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: 400 14px NSKR !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
}

.t {
    position: relative
}

.t:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -10px 0 0 -10px;
    opacity: .1;
    background: transparent;
    border: 3px solid red;
    border-radius: 100px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes zoomInMenu {
    0% {
        -webkit-transform: scale3d(0, 0, 0)
    }

    50% {
        -webkit-transform: scaleX(1)
    }

    to {
        -webkit-transform: scale3d(0, 0, 0)
    }
}

@keyframes zoomInMenu {
    0% {
        transform: scale3d(0, 0, 0)
    }

    50% {
        transform: scaleX(1)
    }

    to {
        transform: scale3d(0, 0, 0)
    }
}

.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(/static/media/EA_confirm_bg.74c0a7ae.gif) no-repeat 50%;
    margin: 0 auto;
    overflow: hidden;
    word-break: break-all;
    line-height: 49px;
    white-space: break-spaces
}

.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: break-spaces
}

.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: break-spaces
}

.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(/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(/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(/static/media/ico_dot01.73743b1b.png) no-repeat 0;
    padding-left: 8px
}

.tit_a_down {
    background: url(/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(/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(/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(/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 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(/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(/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(/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(/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(/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(/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(/static/media/ico_profile_icon07.8c8a7e97.png) no-repeat top 0 left;
    background-size: 18px 16px
}

.profile_info table tr td.icon08 {
    background: url(/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(/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(/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(/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(/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(/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(/static/media/ic_organization_m_normal@2x.b3e51af0.png) no-repeat top 0 left;
    background-size: 18px 18px
}

.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(/static/media/ic_video_conversation_l_normal.cd0bf3da.png) no-repeat 50%
}

.profile_btn ul li.cal .ico {
    background: url(/static/media/ic_calendar_l_normal.f209b14c.png) no-repeat 50%
}

.profile_btn ul li.todo .ico {
    background: url(/static/media/ic_todo_01_l_normal.83f78f8d.png) no-repeat 50%
}

.profile_btn ul li.report .ico {
    background: url(/static/media/ic_report_l_normal.58b197da.png) no-repeat 50%
}

.profile_btn ul li.mail .ico {
    background: url(/static/media/ic_mail_l_normal.173e9f2a.png) no-repeat 50%
}

.profile_btn ul li.msg .ico {
    background: url(/static/media/ic_msg_l_normal.ad778bde.png) no-repeat 50%
}

.profile_btn ul li.cmt .ico {
    background: url(/static/media/ic_comment_l_normal.1b081c10.png) no-repeat 50%
}

.profile_btn ul li.sms .ico {
    background: url(/static/media/ic_sms_l_normal.3459569c.png) no-repeat 50%
}

.profile_btn ul li.fax .ico {
    background: url(/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(/static/media/ic_video_conversation_l_over.ff57cfa6.png) no-repeat 50%
}

.profile_btn ul li:hover.cal .ico {
    background: url(/static/media/ic_calendar_l_over.0ce862e9.png) no-repeat 50%
}

.profile_btn ul li:hover.todo .ico {
    background: url(/static/media/ic_todo_01_l_over.2691f934.png) no-repeat 50%
}

.profile_btn ul li:hover.report .ico {
    background: url(/static/media/ic_report_l_over.93492feb.png) no-repeat 50%
}

.profile_btn ul li:hover.mail .ico {
    background: url(/static/media/ic_mail_l_over.8dee9702.png) no-repeat 50%
}

.profile_btn ul li:hover.msg .ico {
    background: url(/static/media/ic_msg_l_over.87d064ea.png) no-repeat 50%
}

.profile_btn ul li:hover.cmt .ico {
    background: url(/static/media/ic_comment_l_over.0a4aad6c.png) no-repeat 50%
}

.profile_btn ul li:hover.sms .ico {
    background: url(/static/media/ic_sms_l_over.1866f8c9.png) no-repeat 50%
}

.profile_btn ul li:hover.fax .ico {
    background: url(/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(/static/media/detail_arr_down01.31dbdfd6.png) no-repeat 50% !important
}

.topBox .searchBox .detailBtnSp .detailBtn.up {
    background: url(/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(/static/media/ic_search_s_normal.70431986.png) no-repeat right 6px center, url(/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(/static/media/bg_btn01.4cd4f2af.png) repeat-x 50% !important;
    border: 1px solid #a6a6a6 !important;
    border-right: none !important
}

.termStyle.on {
    background: url(/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: 400 13px NSKR;
    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: #4a4a4a;
    height: 29px;
    font-family: NSKB;
    box-sizing: border-box
}

.pubFormStyle>table tbody {
    border-collapse: collapse
}
@media (min-width: 481px) {
	.pubFormStyle>table tbody td,
	.pubFormStyle>table tbody th {
	    border-top: 1px solid #e6e6e6;
	    border-collapse: collapse;
	    border-spacing: 0;
/* 	    display:inline-grid */
	}
}

@media (max-width: 480px) {
	.pubFormStyle>table tbody td,
	.pubFormStyle>table tbody th {
/* 	    border-top: 1px solid #e6e6e6; */
		border:none;
		background-color:white;
	    border-collapse: collapse;
	    border-spacing: 0;
	    display:inline-grid;
/* 	    width:80%; */
	    width:40%;
/* 	    height:25px; */
	}
}


.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(/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
}

.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 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.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(/static/media/icon_con_change.29f67e65.png) no-repeat 0
}

.pubFormListStyle.drop tr:active {
    background: #e9f5ff url(/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(/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(/static/media/ic_search_s_normal@2x.0e8720b7.png) no-repeat 50% !important;
    background-size: 14px !important
}

.textButton .btnRepeat {
    background: url(/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(/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
}

.btnGroupImg [class*=OBTButtonGroup_focus].btn_list,
.btnGroupImg [class*=OBTButtonGroup_focus]:active.btn_list {
    background: url(/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%, linear-gradient(0deg, #d0ebff, #edf6ff) !important
}

.btnGroupImg [class*=OBTButtonGroup_focus].btn_thumb,
.btnGroupImg [class*=OBTButtonGroup_focus]:active.btn_thumb {
    background: url(/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_list {
    background: url(/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(/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%, linear-gradient(0deg, #d0ebff, #edf6ff) !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(/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(/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(/static/media/ic_view_thumbnail_02_m_disable.e63b3b12.png) no-repeat 50% !important
}

.btn_thumb.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_view_list_02_m_disable.7623be08.png) no-repeat 50% !important
}

.btn_list.on {
    background: url(/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(/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(/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(/static/media/ic_view_detail_m_disable.2f6b86eb.png) no-repeat 50% !important
}

.btn_detail.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/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(/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(/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(/static/media/ic_download_m_disable.9f7a7646.png) no-repeat 50% !important
}

.btn_down.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_reset_m_disable.462fd468.png) no-repeat 50% !important
}

.btn_reset.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_trashcan_m_disable.326c2d71.png) no-repeat 50% !important
}

.btn_delete.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/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(/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(/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(/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(/static/media/ic_attach_m_disable.4ef0aa0b.png) no-repeat 50% !important
}

.btn_fileAdd.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_close_01_m_disable.6978da85.png) no-repeat 50% !important
}

.btn_close.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/static/media/ic_search_m_normal.89667553.png) no-repeat, linear-gradient(180deg, #ddd, #f5f5f5) !important;
    background-position: 50%
}

[class*=OBTButton_disabled].btn_close {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat !important;
    background-position: 50%
}

.btn_search.on {
    border: 1px solid #1c90fb !important;
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat, linear-gradient(0deg, #a0d6fe, #e6f5ff) !important;
    background-position: 50%
}

input.btn_search {
    border: 1px solid #ccc !important;
    border-radius: 2px
}

input.btn_search:hover {
    border: 1px solid #a6a6a6 !important
}

.btn_plus {
    background: url(/static/media/ic_add_01_m_normal.00bdb48d.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_plus:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/static/media/ic_add_01_m_normal.00bdb48d.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

[class*=OBTButton_disabled].btn_plus {
    background: #f5f5f5 url(/static/media/ic_add_01_m_disable.351e3f1b.png) no-repeat 50% !important
}

.btn_plus.on {
    background: url(/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(/static/media/ic_add_01_m_over.66d621f5.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !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(/static/media/ic_minus_m_normal.b6e458ae.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.btn_minus:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/static/media/ic_minus_m_normal.b6e458ae.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important
}

.btn_minus.on {
    background: url(/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(/static/media/ic_minus_m_over.da154bbe.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

[class*=OBTButton_disabled].btn_minus {
    border: 1px solid #ccc !important;
    background: #f5f5f5 url(/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(/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(/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(/static/media/ic_arrow_up_01_m_disable.c2e57fcb.png) no-repeat 50% !important
}

.btn_arrUp.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_arrow_down_01_m_disable.b2ae9c3b.png) no-repeat 50% !important
}

.btn_arrDown.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_arrow_left_01_m_disable.d9d257f0.png) no-repeat 50% !important
}

.btn_arrLeft.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/static/media/ic_arrow_right_01_m_disable.f0e91d8a.png) no-repeat 50% !important
}

.btn_arrRight.on {
    border: 1px solid #1c90fb !important;
    background: url(/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(/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(/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(/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(/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_excel_down_nobg {
    border: none !important;
    background: url(/static/media/ic_excel_save_m_normal.60020c1e.png) no-repeat 50% !important
}

.btn_excel_down_nobg:hover {
    background: url(/static/media/ic_excel_save_m_over.4ea43a08.png) no-repeat 50% !important
}

.newOpen {
    background: url(/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(/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(/static/media/ic_add_02_m_normal.29b8a0ba.png) no-repeat 50% !important
}

.btn_board_cata {
    border: none !important;
    background: url(/static/media/ic_board_classify_m_normal.45340e48.png) no-repeat 50% !important
}

.btn_board_clo {
    border: none !important;
    background: url(/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(/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(/static/media/ic_organization_m_normal.abfb1efd.png) no-repeat 50% !important;
    cursor: not-allowed !important
}

.btn_onechamber {
    border: none !important;
    background: url(/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50% !important
}

.btnNemo.btn_onechamber {
    border: 1px solid #a6a6a6 !important;
    background: url(/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(/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
}

.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(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat 50% !important
}

.cen_arr_div .btn_set button.arrBtnPrev>div {
    background: url(/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(/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat 50% !important
}

.mid_arr_div .btn_set button.arrBtnDown>div {
    background: url(/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(/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% - 31px)
}

.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(/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: 13px;
    font-weight: 700;
    background: #fafafa
}

.checkTable table td {
    text-align: center;
    font-size: 13px;
    color: #000
}

.checkTable table .imgQue {
    background: url(/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(/static/media/img_empty_write.1cbb36b7.png) no-repeat 50%;
    padding-top: 120px;
    margin-top: -30px
}

.con_normal .text.nolist {
    background: url(/static/media/img_empty_list.80a602d4.png) no-repeat 50%
}

.con_normal .text.nocompany {
    background: url(/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(/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(/static/media/img_empty_data.33d0180f.png) no-repeat 50%;
    padding-top: 120px;
    margin-top: -45px
}

.no_data .text.nowrite {
    background: url(/static/media/img_empty_write.1cbb36b7.png) no-repeat 50%
}

.no_data .text.nosearch {
    background: url(/static/media/img_empty_search.d06c259c.png) no-repeat 50%
}

.no_data .text.nolist {
    background: url(/static/media/img_empty_list.80a602d4.png) no-repeat 50%
}

.no_data .text.nodept {
    background: url(/static/media/img_empty_dept.b2215ffd.png) no-repeat 50%
}

.no_data .text.novideo {
    background: url(/static/media/img_empty_video.210490bf.png) no-repeat 50%
}

.no_data .text.nomemo {
    background: url(/static/media/img_empty_memo.d1d0037d.png) no-repeat 50%
}

.no_data .text.noevent {
    background: url(/static/media/img_empty_event.729e05c0.png) no-repeat 50%
}

.no_data .text.nocompany {
    background: url(/static/media/img_empty_company.14e1a6b2.png) no-repeat 50%
}

.no_data .text.noform {
    background: url(/static/media/img_empty_form.4a1ef099.png) no-repeat 50%
}

.no_data .text.nocomment {
    background: url(/static/media/img_empty_comment.eb0cd394.png) no-repeat 50%
}

.no_data .text.noproduct {
    background: url(/static/media/img_empty_product.ef54050f.png) no-repeat 50%
}

.no_data .text.nouser {
    background: url(/static/media/img_empty_user.62df579f.png) no-repeat 50%
}

.no_data .text.analysis {
    background: url(/static/media/img_empty_analysis.7eb17bba.png) no-repeat 50%
}

.no_data .text.userAdd {
    background: url(/static/media/img_empty_user_add.786d7ab4.png) no-repeat 50%
}

.no_data .text.noalert {
    background: url(/static/media/img_empty_noti.e5d7daeb.png) no-repeat 50%
}

.no_data .text.nomail {
    background: url(/static/media/img_empty_mail.de348ffd.png) no-repeat 50%
}

.no_data .text.nomailselect {
    background: url(/static/media/img_select_mail.7f81609e.png) no-repeat 50%
}

.no_data .text.notrash {
    background: url(/static/media/img_empty_trash.989ff963.png) no-repeat 50%
}

.no_data .text.norecent {
    background: url(/static/media/img_empty_recent.57186b85.png) no-repeat 50%
}

.no_data.small {
    font-size: 12px
}

.no_data.small .text {
    padding-top: 70px;
    background: url(/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(/static/media/img_empty_write_s.9f18c9a1.png) no-repeat 50%
}

.no_data.small .text.nosearch {
    background: url(/static/media/img_empty_search_s.dabcfbb4.png) no-repeat 50%
}

.no_data.small .text.nolist {
    background: url(/static/media/img_empty_list_s.32062d05.png) no-repeat 50%
}

.no_data.small .text.nodept {
    background: url(/static/media/img_empty_dept_s.c7bdaa25.png) no-repeat 50%
}

.no_data.small .text.novideo {
    background: url(/static/media/img_empty_video_s.dfd36579.png) no-repeat 50%
}

.no_data.small .text.nomemo {
    background: url(/static/media/img_empty_memo_s.95d69089.png) no-repeat 50%
}

.no_data.small .text.noevent {
    background: url(/static/media/img_empty_event_s.86b7b528.png) no-repeat 50%
}

.no_data.small .text.nocompany {
    background: url(/static/media/img_empty_company_s.1b66ae12.png) no-repeat 50%
}

.no_data.small .text.nocomment {
    background: url(/static/media/img_empty_comment_s.1a8e61e7.png) no-repeat 50%
}

.no_data.small .text.notime {
    background: url(/static/media/img_empty_time_s.d1b751f7.png) no-repeat 50%
}

.no_data.small .text.nosetting {
    background: url(/static/media/img_empty_setting_s.70fa5990.png) no-repeat 50%
}

.no_data.small .text.noscreen {
    background: url(/static/media/img_empty_screen_s.4c24189c.png) no-repeat 50%
}

.no_data.small .text.nouser {
    background: url(/static/media/img_empty_user_s.d4b30c05.png) no-repeat 50%
}

.no_data.small .text.userAdd {
    background: url(/static/media/img_empty_user_add_s.d7c0f756.png) no-repeat 50%
}

.no_data.small .text.noalert {
    background: url(/static/media/img_empty_noti.e5d7daeb.png) no-repeat 50%
}

.no_data.small .text.nomail {
    background: url(/static/media/img_empty_mail_s.6741eac2.png) no-repeat 50%
}

.no_data.small .text.nomailselect {
    background: url(/static/media/img_select_mail_s.0551796c.png) no-repeat 50%
}

.no_data.small .text.nosignhistory {
    background: url(/static/media/img_empty_sign_history_s.c87b7f31.png) no-repeat 50%
}

.no_data.small .text.noSchedule {
    background: url(/static/media/img_empty_schedule_s@2x.ac74ee4f.png) no-repeat 50%;
    background-size: 42px 42px
}

.no_data.small .text.noSelectSchedule {
    background: url(/static/media/img_select_schedule_s.1930cac3.png) no-repeat 50%
}

.no_data.small .text.noNameCard {
    background: url(/static/media/img_empty_businesscard_s@2x.b234791b.png) no-repeat 50%;
    background-size: 42px 42px
}

.no_data .txt,
.no_data div,
.no_data div img {
    text-align: center
}

.no_data .txt {
    font-size: 15.5px;
    line-height: 1.16;
    letter-spacing: -.78px;
    color: #8c8c8c;
    margin-top: 7px
}

.emptySet {
    overflow: hidden
}

.emptySet .tit {
    height: 29px;
    font-size: 20px;
    line-height: 1.45;
    color: #1c90fb;
    clear: both
}

.emptySet ul {
    margin-top: 30px;
    clear: both
}

.emptySet ul li {
    float: left;
    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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50% !important;
    border: none !important
}

.layer_title button.btn_del {
    background: url(/static/media/ic_trashcan_m_normal.3ce48a1f.png) no-repeat 50% !important;
    border: none !important
}

.layer_title button.btn_cal {
    background: url(/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(/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: 400 12px/18px NSKR;
    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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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 .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(/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(/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(/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(/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
}

.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(/static/media/ic_docu_add_m_normal.7c4b48ff.png) no-repeat 0;
    margin-right: 3px
}

.UpDownLoader .conBox .ico_eapFile_on {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_open_s_normal.ea703409.png) no-repeat 50%
}

.UpDownLoader .conBox .ico_eapFile_off {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/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 {
    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;
    cursor: default
}

.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(/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 .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;
    cursor: default
}

.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(/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 .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 .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(/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.QuickButtonLayer ul li .btnCustom.viewer {
    background: url(/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(/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(/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(/static/media/ic_download_m_normal.178945f0.png) left 10px center no-repeat;
    padding-left: 30px
}

.LayerSel ul li.view {
    background: url(/static/media/ic_viewer_open_m_normal.03a458c0.png) left 10px center no-repeat;
    padding-left: 30px
}

.LayerSel ul li.fax {
    background: url(/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(/static/media/icon_board_ae_medium.0cd17bf1.png) left 14px top 22px no-repeat
}

.thumb .icon_ai {
    background: url(/static/media/icon_board_ai_medium.57ae6327.png) left 14px top 22px no-repeat
}

.thumb .icon_asf {
    background: url(/static/media/icon_board_asf_medium.e4c39fc3.png) left 14px top 22px no-repeat
}

.thumb .icon_avi {
    background: url(/static/media/icon_board_avi_medium.5dde3c49.png) left 14px top 22px no-repeat
}

.thumb .icon_bmp {
    background: url(/static/media/icon_board_bmp_medium.c662d2f2.png) left 14px top 22px no-repeat
}

.thumb .icon_doc {
    background: url(/static/media/icon_board_doc_medium.7d34afb8.png) left 14px top 22px no-repeat
}

.thumb .icon_docx {
    background: url(/static/media/icon_board_docx_medium.4e902e05.png) left 14px top 22px no-repeat
}

.thumb .icon_dwg {
    background: url(/static/media/icon_board_dwg_medium.24993130.png) left 14px top 22px no-repeat
}

.thumb .icon_etc {
    background: url(/static/media/icon_board_etc_medium.dd0cec56.png) left 14px top 22px no-repeat
}

.thumb .icon_flv {
    background: url(/static/media/icon_board_flv_medium.8a492559.png) left 14px top 22px no-repeat
}

.thumb .icon_gif {
    background: url(/static/media/icon_board_gif_medium.13a7a42e.png) left 14px top 22px no-repeat
}

.thumb .icon_gul {
    background: url(/static/media/icon_board_gul_medium.ce056964.png) left 14px top 22px no-repeat
}

.thumb .icon_htm {
    background: url(/static/media/icon_board_htm_medium.b90744f0.png) left 14px top 22px no-repeat
}

.thumb .icon_html {
    background: url(/static/media/icon_board_html_medium.2ea60caf.png) left 14px top 22px no-repeat
}

.thumb .icon_eml {
    background: url(/static/media/icon_board_eml_medium.24cec4ce.png) left 14px top 22px no-repeat
}

.thumb .icon_hwp {
    background: url(/static/media/icon_board_hwp_medium.4d5eef73.png) left 14px top 22px no-repeat
}

.thumb .icon_id {
    background: url(/static/media/icon_board_id_medium.5610a9f2.png) left 14px top 22px no-repeat
}

.thumb .icon_img {
    background: url(/static/media/icon_board_img_medium.88e300cb.png) left 14px top 22px no-repeat
}

.thumb .icon_jpg {
    background: url(/static/media/icon_board_jpg_medium.724dcaba.png) left 14px top 22px no-repeat
}

.thumb .icon_mov {
    background: url(/static/media/icon_board_mov_medium.6c6dd4da.png) left 14px top 22px no-repeat
}

.thumb .icon_mp3 {
    background: url(/static/media/icon_board_mp_3_medium.df156097.png) left 14px top 22px no-repeat
}

.thumb .icon_mp4 {
    background: url(/static/media/icon_board_mp_4_medium.560049d9.png) left 14px top 22px no-repeat
}

.thumb .icon_mpeg {
    background: url(/static/media/icon_board_mpeg_medium.5e1d93a5.png) left 14px top 22px no-repeat
}

.thumb .icon_mpg {
    background: url(/static/media/icon_board_mpg_medium.f6af4697.png) left 14px top 22px no-repeat
}

.thumb .icon_oneffice {
    background: url(/static/media/icon_board_oneffice_medium.627692e9.png) left 14px top 22px no-repeat
}

.thumb .icon_onefficeSlide {
    background: url(/static/media/ic_board_oneffice_slide_medium.def74126.png) left 14px top 22px no-repeat
}

.thumb .icon_pdf {
    background: url(/static/media/icon_board_pdf_medium.800bf8db.png) left 14px top 22px no-repeat
}

.thumb .icon_png {
    background: url(/static/media/icon_board_png_medium.47862568.png) left 14px top 22px no-repeat
}

.thumb .icon_ppt {
    background: url(/static/media/icon_board_ppt_medium.6f5b27c4.png) left 14px top 22px no-repeat
}

.thumb .icon_pptx {
    background: url(/static/media/icon_board_pptx_medium.67dced9c.png) left 14px top 22px no-repeat
}

.thumb .icon_psd {
    background: url(/static/media/icon_board_psd_medium.a14f6d24.png) left 14px top 22px no-repeat
}

.thumb .icon_pr {
    background: url(/static/media/icon_board_pr_medium.bd0154ce.png) left 14px top 22px no-repeat
}

.thumb .icon_tif {
    background: url(/static/media/icon_board_tif_medium.62f72f87.png) left 14px top 22px no-repeat
}

.thumb .icon_txt {
    background: url(/static/media/icon_board_txt_medium.19c8d063.png) left 14px top 22px no-repeat
}

.thumb .icon_wav {
    background: url(/static/media/icon_board_wav_medium.e94b294f.png) left 14px top 22px no-repeat
}

.thumb .icon_wma {
    background: url(/static/media/icon_board_wma_medium.f596b8de.png) left 14px top 22px no-repeat
}

.thumb .icon_wmv {
    background: url(/static/media/icon_board_wmv_medium.c8becd83.png) left 14px top 22px no-repeat
}

.thumb .icon_word {
    background: url(/static/media/icon_board_word_medium.6d7e5b79.png) left 14px top 22px no-repeat
}

.thumb .icon_xd {
    background: url(/static/media/icon_board_xd_medium.a2eb4a77.png) left 14px top 22px no-repeat
}

.thumb .icon_xls {
    background: url(/static/media/icon_board_xls_medium.88f069ae.png) left 14px top 22px no-repeat
}

.thumb .icon_xlsx {
    background: url(/static/media/icon_board_xlsx_medium.f7431b94.png) left 14px top 22px no-repeat
}

.thumb .icon_zip {
    background: url(/static/media/icon_board_zip_medium.1665756d.png) left 14px top 22px no-repeat
}

.icon_ae {
    background: url(/static/media/icon_board_ae_small.67cbe8bd.png) 0 no-repeat
}

.icon_ai {
    background: url(/static/media/icon_board_ai_small.3de44bd9.png) 0 no-repeat
}

.icon_asf,
.icon_avi {
    background: url(/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_bmp {
    background: url(/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_doc,
.icon_docx {
    background: url(/static/media/icon_board_doc_small.1f921e97.png) 0 no-repeat
}

.icon_dwg {
    background: url(/static/media/icon_board_dwg_small.a2103a67.png) 0 no-repeat
}

.icon_etc {
    background: url(/static/media/icon_board_etc_small.5b82fc71.png) 0 no-repeat
}

.icon_flv {
    background: url(/static/media/icon_board_flv_small.42a3279e.png) 0 no-repeat
}

.icon_gif {
    background: url(/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_gul {
    background: url(/static/media/icon_board_hwp_small.e895b398.png) 0 no-repeat
}

.icon_eml,
.icon_htm,
.icon_html {
    background: url(/static/media/icon_board_html_small.192dc14a.png) 0 no-repeat
}

.icon_hwp {
    background: url(/static/media/icon_board_hwp_small.e895b398.png) 0 no-repeat
}

.icon_id {
    background: url(/static/media/icon_board_id_small.a883a3dc.png) 0 no-repeat
}

.icon_img,
.icon_jpg {
    background: url(/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_mov {
    background: url(/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_mp3 {
    background: url(/static/media/icon_board_mp_3_small.4ac97eb9.png) 0 no-repeat
}

.icon_mp4,
.icon_mpeg,
.icon_mpg {
    background: url(/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_oneffice {
    background: url(/static/media/icon_board_oneffice_small.2d6c70ed.png) 0 no-repeat
}

.icon_onefficeSlide {
    background: url(/static/media/ic_board_oneffice_slide_small.3b650300.png) 0 no-repeat
}

.icon_pdf {
    background: url(/static/media/icon_board_pdf_small.f99e1f4c.png) 0 no-repeat
}

.icon_png {
    background: url(/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_ppt,
.icon_pptx {
    background: url(/static/media/icon_board_ppt_small.e693b4ee.png) 0 no-repeat
}

.icon_psd {
    background: url(/static/media/icon_board_psd_small.06f6f041.png) 0 no-repeat
}

.icon_pr {
    background: url(/static/media/icon_board_pr_small.37da9913.png) 0 no-repeat
}

.icon_tif {
    background: url(/static/media/icon_board_img_small.3382679d.png) 0 no-repeat
}

.icon_txt {
    background: url(/static/media/icon_board_txt_small.e78aa25f.png) 0 no-repeat
}

.icon_wav,
.icon_wma {
    background: url(/static/media/icon_board_mp_3_small.4ac97eb9.png) 0 no-repeat
}

.icon_wmv {
    background: url(/static/media/icon_board_mov_small.d89687f4.png) 0 no-repeat
}

.icon_word {
    background: url(/static/media/icon_board_doc_small.1f921e97.png) 0 no-repeat
}

.icon_xd {
    background: url(/static/media/icon_board_xd_small.5af1c233.png) 0 no-repeat
}

.icon_xls,
.icon_xlsx {
    background: url(/static/media/icon_board_xls_small.08069d45.png) 0 no-repeat
}

.icon_zip {
    background: url(/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(/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(/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%;
    width: 13px
}

.UpDownLoader_s .btn_preView {
    background: url(/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(/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(/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(/static/media/ic_download_m_normal.178945f0.png) no-repeat 50%
}

.UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom.viewer {
    background: url(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%
}

.UpDownLoader_s .fileList .ico_file {
    background: url(/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 .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 .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(/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(/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(/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(/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(/static/media/icon_trashcan_normal_w.36e52ea5.png) no-repeat 50%;
    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(/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
}

.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(/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center
}

.fileDownLayer ul li.oc {
    background: url(/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center
}

.fileDownLayer ul li.vi {
    background: url(/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat left 9px center
}

.fileDownLayer ul li.fax {
    background: url(/static/media/ic_fax_s_normal.5958d749.png) no-repeat left 9px center
}

.fileDownLayer ul li.doc {
    background: url(/static/media/ic_docu_s_normal.0697e935.png) no-repeat left 9px center
}

.fileDownLayer ul li.of {
    background: url(/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 9px center
}

.fileDownLayer ul li:hover.pc {
    background: #e6f5ff url(/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.oc {
    background: #e6f5ff url(/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.vi {
    background: #e6f5ff url(/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.fax {
    background: #e6f5ff url(/static/media/ic_fax_s_normal.5958d749.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.doc {
    background: url(/static/media/ic_docu_s_normal.0697e935.png) no-repeat left 9px center !important
}

.fileDownLayer ul li:hover.of {
    background: url(/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 9px center !important
}

.prvIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_viewer_open_s_normal.cdaa0825.png) no-repeat 50%;
    cursor: pointer
}

.prvIco:hover {
    background: url(/static/media/ic_viewer_open_s_over.af36d4f6.png) no-repeat 50%
}

.downIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_download_s_normal.96d944a7.png) no-repeat 50%;
    cursor: pointer
}

.downIco:hover {
    background: url(/static/media/ic_download_s_over.dbaf1344.png) no-repeat 50%
}

.delIco {
    float: left;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50%;
    cursor: pointer
}

.delIco:hover {
    background: url(/static/media/ic_trashcan_s_over.76b2afac.png) no-repeat 50%
}

.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
}

.btn_attach {
    border-radius: 2px;
    border: 1px solid #a6a6a6;
    width: 27px;
    height: 27px;
    background: url(/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(/static/media/ic_attach_m_normal.bcd29f87.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #fafafa) !important
}

.btn_attach:active {
    background: url(/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(/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(/static/media/ic_onechamber_m_normal.d1a39367.png) no-repeat 50%, linear-gradient(0deg, #d9d9d9, #fafafa) !important
}

.btn_attach_ocm:active {
    background: url(/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
}

.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 {
    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(/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(/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(/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(/static/media/ic_voice_s_normal.d0766242.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .reCompBtn {
    margin: 7px 7px 7px 0
}

.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 {
    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(/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(/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(/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(/static/media/ic_voice_m_normal.0797718a.png) no-repeat 50%
}

.rpWrite .rpWrite_ta table .textSet .rpFnc .reCompBtn {
    margin: 7px 8px 7px 0
}

.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: 400 12px/19px auto;
    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: 400 11px/15px auto;
    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: 0;
    left: 0;
    width: 400px;
    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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 400 12px/19px auto;
    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: 400 11px/15px auto;
    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(/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(/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(/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(/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(/static/media/icon_mail_edit_r.7da48e83.png) no-repeat 50%
}

.selectiveInput .selectField .addresObjView.error .btn_del {
    background: url(/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(/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(/static/media/ic_master_normal.d58c0c50.png) no-repeat 0
}

.managerPop .MenuTitle .left_div.snbCorp {
    background: url(/static/media/ic_administrator_normal.4bd84038.png) no-repeat 0
}

.managerPop .MenuTitle .left_div.snbUser {
    background: url(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 13px/40px NSKR;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pubCardListStyle.ctfMenuList .ctfBox .topUnit .text02 {
    font: 12px/40px NSKR;
    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: 11px/18px NSKR;
    text-align: center;
    color: #fff;
    background-color: #7f98fd;
    border-radius: 18px
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .tag02 {
    width: 42px;
    height: 18px;
    font: 11px/18px NSKR;
    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(/static/media/ic_certify_mobile_l_normal.ebbbfee9.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .mobile.on {
    background: url(/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(/static/media/ic_certify_otp_l_normal.98e16889.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .otp.on {
    background: url(/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(/static/media/ic_certify_device_l_normal.fe6d11ba.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .device.on {
    background: url(/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(/static/media/ic_certify_password_l_normal.d3239542.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .password.on {
    background: url(/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(/static/media/ic_certify_fingerprint_l_normal.a3068ece.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .fingerPrint.on {
    background: url(/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(/static/media/ic_certify_fingerprint_l_disable.a3068ece.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.fingerprint span.on {
    background: url(/static/media/ic_certify_fingerprint_l_over.cccea1a0.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.otp span {
    background: url(/static/media/ic_certify_otp_l_normal.98e16889.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.otp span.on {
    background: url(/static/media/ic_certify_otp_l_over.d36fc2fe.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.device span {
    background: url(/static/media/ic_certify_device_l_disable.fe6d11ba.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.device span.on {
    background: url(/static/media/ic_certify_device_l_over.c910505d.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.password span {
    background: url(/static/media/ic_certify_password_l_normal.d3239542.png) no-repeat 50%
}

.pubCardListStyle.ctfMenuList .ctf ul li.password span.on {
    background: url(/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-family: NSKB
}

.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.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: 400 11px/18px NSKR;
    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: 400 12px/20px NSKR;
    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 #DBECF9;
    background-color: #DBECF9;
    opacity: 0.5;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
    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%;*/
    top: 45%;
    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(/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(/static/media/downLayer_semoR.be85bb63.png) no-repeat 100% 0;
    background-size: 8px 24px
}

.colorPick ul li {
    float: left;
    margin-right: 3px;
    position: relative;
    height: 32px
}

.colorPick ul li span {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer
}

.colorPick ul li span.plus_sp {
    background: #f2f2f2 url(/static/media/icon_cal_add_normal.5c14dd3e.png) no-repeat 50%
}

.colorPick ul li span.check {
    display: none;
    background: url(/static/media/icon_color_save.bd81b144.png) no-repeat 50%;
    position: absolute;
    left: 0;
    top: 0
}

.colorPick ul li.on span.check,
.currentPoint {
    display: inline-block
}

.currentPoint {
    position: relative;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #43aaff;
    border-radius: 100%;
    vertical-align: top;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: zoomInMenu;
    -webkit-animation-timing-function: linear;
    animation-name: zoomInMenu;
    animation-timing-function: linear
}

.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(/static/media/btn_arrow_down_normal.1ed5bddd.png) no-repeat 100%;
    background-size: 12px 12px;
    padding-right: 15px
}

.sortSet .sortSp:hover {
    background: url(/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(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 6px
}

.sortSet.on .sortSp {
    background: url(/static/media/btn_arrow_up_normal.5eacb2f3.png) no-repeat 100%;
    background-size: 12px 12px
}

.sortSet.on .sortSp:hover {
    background: url(/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: 700 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 0 10px
}

.sortSet .sortList dl dd {
    font: 400 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0
}

.sortSet .sortList dl dd ul li {
    font: 400 12px/27px NSKR;
    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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 10px 5px
}

.sortSet .sortList dl dd ul li.chk:hover {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/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(/static/media/ic_ascending_order_s_normal.f5f9c13e.png) no-repeat 100%
}

.sortSet .sortList dl dd ul li span.down {
    display: block;
    background: url(/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(/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(/static/media/ic_all_s_normal.6143874e.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico2 {
    background: url(/static/media/ic_proval_s_normal.5c4fadac.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico3 {
    background: url(/static/media/ic_mail_s_normal.1ea590ce.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico4 {
    background: url(/static/media/ic_report_s_normal.e8ef95b5.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico5 {
    background: url(/static/media/ic_oneffice_s_normal.95cb33e0.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico6 {
    background: url(/static/media/ic_calendar_s_normal.8c51df9d.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico7 {
    background: url(/static/media/ic_msg_s_normal.d03b3753.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico8 {
    background: url(/static/media/ic_comment_s_normal.0e428e97.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico9 {
    background: url(/static/media/ic_board_s_normal.2dabc785.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.ico10 {
    background: url(/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat left 30px center
}

.sortSet.keepSt .sortList ul li.on.ico1 {
    background: url(/static/media/ic_all_s_over.9aa4836d.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico2 {
    background: url(/static/media/ic_proval_s_over.77e08042.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico3 {
    background: url(/static/media/ic_mail_s_over.dd978936.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico4 {
    background: url(/static/media/ic_report_s_over.7ec252bb.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico5 {
    background: url(/static/media/ic_oneffice_s_over.f2d6d9ba.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico6 {
    background: url(/static/media/ic_calendar_s_over.dbf083f7.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico7 {
    background: url(/static/media/ic_msg_s_over.f1cfc386.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico8 {
    background: url(/static/media/ic_comment_s_over.9f18e141.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico9 {
    background: url(/static/media/ic_board_s_over.d8bffabd.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 7px 7px
}

.sortSet.keepSt .sortList ul li.on.ico10 {
    background: url(/static/media/ic_attach_s_over.4ec7637b.png) no-repeat left 30px center, url(/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(/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(/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 50%
}

.noteCardList .noteCard .icons .book {
    background: url(/static/media/ic_bookmark_01_m_normal.244f0323.png) no-repeat 50%
}

.noteCardList .noteCard .icons .book.on {
    background: url(/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(/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(/static/media/ic_bookmark_01_m_normal.244f0323.png) no-repeat 50%;
    width: 25px;
    height: 27px
}

.noteHead .note_tit .book.on {
    background: url(/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(/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(/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(/static/media/ic_edit_s_normal.f7b6eaa3.png) no-repeat 50% !important;
    border: none !important
}

.note_btn_del {
    background: url(/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50% !important;
    border: none !important
}


@media (max-width: 480px) {
	[class*=OBTPageContainer_root]>[class*=OBTPageContainer_section] {
	    overflow: inherit !important;
	    top : 60px;
	}
}
@media (min-width: 481px) {
	[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(/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: 169px;
    height: 34px;
    line-height: 33px;
    font-size: 13px;
    letter-spacing: -.65px;
    color: #fff;
    border-radius: 2px;
    background: #1c90fb url(/static/media/ic_arrow_down_01_s_w_normal@2x.49ecd27c.png) no-repeat right 37px center;
    background-size: 14px;
    cursor: pointer
}

.addrSide .sideRegi .addrSideBtn:hover,
.boardSide .sideRegi .addrSideBtn:hover,
.eapSide .sideRegi .addrSideBtn:hover,
.extSide .sideRegi .addrSideBtn:hover,
.onfficeSide .sideRegi .addrSideBtn:hover {
    background: #1c90fb url(/static/media/ic_arrow_down_01_s_w_over@2x.19d21af3.png) no-repeat right 37px center;
    background-size: 14px
}

.addrSide .sideRegi .addrSideBtn.on,
.boardSide .sideRegi .addrSideBtn.on,
.eapSide .sideRegi .addrSideBtn.on,
.extSide .sideRegi .addrSideBtn.on,
.onfficeSide .sideRegi .addrSideBtn.on {
    background: #1c90fb url(/static/media/ic_arrow_up_01_s_w_normal@2x.0698f62c.png) no-repeat right 37px center;
    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: #1c90fb url(/static/media/ic_arrow_up_01_s_w_over@2x.cbfc56fd.png) no-repeat right 37px center;
    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: -11px;
    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(/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(/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: 24px;
    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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 10px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_settine_02_m_normal.43b85a14.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(/static/media/ic_settine_02_m_over.8c2ac413.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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 20px;
    width: 20px;
    top: 8px;
    left: 0;
    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(/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat right 4px
}

.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(/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat right 4px
}

.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(/static/media/ic_arrow_down_01_s_over.c40f857f.png) no-repeat right 4px
}

.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(/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat right 4px
}

.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(/static/media/bg_dat.00f5513a.png) repeat-y 1px 0;
    clear: both;
    position: relative
}

.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 .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 {
    display: inline-block;
    position: absolute;
    left: -2px;
    top: 0;
    width: 14px;
    height: 15px;
    background: #fff url(/static/media/bg_datL2.0edaccd3.png) no-repeat 3px 0
}

.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 .dep_close .tit,
.addrSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .tit,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .tit,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .tit,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .tit,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .tit,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .tit,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .tit,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .tit,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .tit {
    background: none
}

.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 .dep_close .arr,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .arr,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .arr,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .arr,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close .arr {
    display: inline-block;
    background: url(/static/media/btn_tree_close.5c8a0ad2.png) no-repeat 0 10px
}

.addrSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .arr,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .arr,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .arr,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .arr,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open .arr {
    display: inline-block;
    background: url(/static/media/btn_tree_open.ef0b2fb5.png) no-repeat 0 10px
}

.addrSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close+ul,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close+ul,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close+ul,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close+ul,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_close+ul {
    display: none
}

.addrSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open+ul,
.boardSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open+ul,
.eapSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open+ul,
.extSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open+ul,
.onfficeSide .ofMenuLnb ul.dep1>li>ul.dep2 li .dep_open+ul {
    display: block
}

.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.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: 400 30px/30px NSKB;
    color: #000;
    margin: 0 0 12px
}

.downloadCenterHeader .dcHeaderText .tit .blue {
    color: #1c90fb
}

.downloadCenterHeader .dcHeaderText .dis {
    font: 400 14px/20px NSKR;
    color: #a6a6a6
}

.downloadCenterHeader .dcHeaderBg {
    background: url(/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(/static/media/img_download_agent.68f26c61.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg2 {
    background: url(/static/media/img_download_msg.1b8f9e9a.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg3 {
    background: url(/static/media/img_download_onechamber.c72dedce.png) no-repeat top 20px center
}

.downloadCenterContents .downloadBox .unit.bg4 {
    background: url(/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: 400 16px/24px NSKB;
    color: #4a4a4a;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.downloadCenterContents .downloadBox .unit .installation {
    margin: 15px 0 5px;
    font: 400 13px/18px NSKR;
    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: 400 13px/18px NSKR;
    color: #000;
    text-align: left;
    background: url(/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: 400 13px/18px NSKR;
    color: #000;
    text-align: left;
    background: url(/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(/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(/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(/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(/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(/static/media/img_download_ie.56b24385.png) no-repeat left 0 center
}

.downloadCenterContents .systemBox {
    box-sizing: border-box
}

.downloadCenterContents .systemBox .referenceTitle {
    font: 400 12px NSKB;
    color: #000
}

.downloadCenterContents .systemBox .referenceDis {
    font: 400 12px NSKR;
    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(/static/media/ic_check_03_m_normal.0b8cd8df.png) no-repeat left 18px center;
    cursor: pointer
}

.chkBoxList .title.checked {
    background: url(/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(/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(/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(/static/media/ico_group_human.3f971a88.png) no-repeat 50%;
    background-size: 18px 18px
}

.chkBoxList ul li .ico.company {
    background: url(/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(/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(/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(/static/media/tab_all_sele.138fbe01.png) no-repeat top 10px left 15px
}

.report_box .type01Unit01 .txt01 {
    height: 22px;
    font: 400 13px/22px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit01 .txt02 {
    height: 24px;
    font: 400 13px/24px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit01 .txt02 b {
    padding: 0 2px 0 3px;
    font: 400 18px/22px NSKB;
    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(/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(/static/media/tab_report_receive_sele.5cbf2426.png) no-repeat top 10px left 15px
}

.report_box .type01Unit02 .txt01 {
    height: 22px;
    font: 400 13px/22px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit02 .txt02 {
    height: 24px;
    font: 400 13px/24px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit02 .txt02 b {
    padding: 0 2px 0 3px;
    font: 400 18px/22px NSKB;
    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(/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(/static/media/tab_report_refer_sele.93745085.png) no-repeat top 10px left 15px
}

.report_box .type01Unit03 .txt01 {
    height: 22px;
    font: 400 13px/22px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit03 .txt02 {
    height: 24px;
    font: 400 13px/24px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit03 .txt02 b {
    padding: 0 2px 0 3px;
    font: 400 18px/22px NSKB;
    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(/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(/static/media/tab_report_share_sele.77b7f0b8.png) no-repeat top 10px left 15px
}

.report_box .type01Unit04 .txt01 {
    height: 22px;
    font: 400 13px/22px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit04 .txt02 {
    height: 24px;
    font: 400 13px/24px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit04 .txt02 b {
    padding: 0 2px 0 3px;
    font: 400 18px/22px NSKB;
    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(/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(/static/media/tab_report_star_sele.64ebd471.png) no-repeat top 10px left 15px
}

.report_box .type01Unit05 .txt01 {
    height: 22px;
    font: 400 13px/22px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit05 .txt02 {
    height: 24px;
    font: 400 13px/24px NSKR;
    color: #4a4a4a
}

.report_box .type01Unit05 .txt02 b {
    padding: 0 2px 0 3px;
    font: 400 18px/22px NSKB;
    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(/static/media/ic-return-m-normal.e4487d36.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_export {
    background: url(/static/media/ic-export-m-normal.c7ae82d6.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_more {
    background: url(/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_star {
    background: url(/static/media/ic_favorite_m_off.77a469ff.png) no-repeat 50% !important;
    border: none !important
}

.btn_pop_star:hover {
    background: url(/static/media/ic_favorite_m_over.fa0e1ad1.png) no-repeat 50% !important
}

.btn_pop_star.on {
    background: url(/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(/static/media/ic_comment_s_normal.0e428e97.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.edit span {
    background: url(/static/media/ic_edit_s_normal.f7b6eaa3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.del span {
    background: url(/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.like span {
    background: url(/static/media/icon_dropdown_like.d88a52a3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.like.on span {
    background: url(/static/media/icon_board_like_click.42df9633.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.scrap span {
    background: url(/static/media/ic_scrap_s_normal.a964e841.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.print span {
    background: url(/static/media/ic_print_s_normal.6762b9b0.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.userweek span {
    background: url(/static/media/ic_user_s_normal.cec8cec3.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.excel span {
    background: url(/static/media/ic_excel_save_s_normal.3f005a01.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.open span {
    background: url(/static/media/ic_open_s_normal.ea703409.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.private span {
    background: url(/static/media/ic_private_s_normal.386ac9f0.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.shareAgain span {
    background: url(/static/media/ic_share_again_s_normal.37f22119.png) no-repeat 0;
    padding-left: 17px
}

.dropDownLayer ul li.copy span {
    background: url(/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(/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(/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: 400 14px/20px NSKR;
    letter-spacing: -.7px;
    color: #000
}

.fido_sel_ta .textBox .sertiHelpBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 18px;
    height: 20px;
    background: url(/static/media/ic_question_02_m_normal.120e1737.png) no-repeat 0
}

.fido_install {
    padding: 180px 0 0;
    background: url(/static/media/img_app_install.7b00184d.png) no-repeat top 5px center
}

.fido_install .sub {
    font: 400 12px/15px NSKR;
    text-align: center;
    color: #8c8c8c
}

.fido_box.imgBoxStyle {
    position: relative
}

.fido_box.imgBoxStyle .text {
    font: 400 15px/21px NSKB;
    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(/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(/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(/static/media/ic_certify_device_l_normal.fe6d11ba.png) no-repeat 0
}

.fido_box.imgBoxStyle .sub {
    font: 400 12px/15px NSKR;
    text-align: center;
    color: #8c8c8c
}

.fido_box.imgBoxStyle .sub .menuIco {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    background: url(/static/media/ic_view_list_02_s_over.01cab9f3.png) no-repeat 50%
}

.fido_box.imgBoxStyle.certi-notallowed {
    padding: 160px 0 0;
    background: url(/static/media/img_certi_notallowed.336acfc8.png) no-repeat top 0 center
}

.fido_box.imgBoxStyle.user-notallowed {
    padding: 90px 0 0;
    background: url(/static/media/img_user_notallowed.baba9c29.png) no-repeat top 0 center
}

.fido_box.imgBoxStyle.certification {
    padding: 210px 0 0;
    background: url(/static/media/img_certification.02745a96.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.device-notregistered {
    padding: 210px 0 0;
    background: url(/static/media/img_device_notregistered.f9e8d470.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.app-install {
    padding: 210px 0 0;
    background: url(/static/media/img_app_install.7b00184d.png) no-repeat top 50px center
}

.fido_box.imgBoxStyle.complete {
    padding: 160px 0 0;
    background: url(/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: 400 16px/24px NSKR;
    border: none;
    text-indent: 0;
    border-radius: 4px;
    text-align: center;
    background: transparent;
    outline: none
}

.fido_box .text {
    font: 400 13px/41px NSKR;
    letter-spacing: -.65px;
    text-align: center
}

.fido_box .text span {
    font: 400 13px/41px NSKB
}

.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(/static/media/img_device.307a95e6.png) no-repeat top -5px center
}

.fido_box.imgDevice.device-notconnected {
    padding: 180px 0 0;
    background: url(/static/media/img_device_notconnected.e51f0586.png) no-repeat top 30px center
}

.fido_box.imgDevice .text {
    font: 400 13px/41px NSKR;
    letter-spacing: -.65px;
    text-align: center
}

.fido_box.imgDevice .text span {
    font: 400 13px/41px NSKB
}

.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(/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;
    font-size: 14px !important;
    color: #fff;
    font-weight: 700
}

.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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 400 12px/27px NSKR;
    color: #000
}

.customTreeWrap ul li>.itemDiv .titleBox .txt.on {
    color: #1c90fb
}

.customTreeWrap ul li>.itemDiv .titleBox .cnt {
    font: 400 12px/27px NSKR;
    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: 400 12px/19px auto;
    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: 400 11px/15px auto;
    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(/static/media/ico_export_link.6f12a2bd.png) no-repeat 50%
}

.keepExport .linkCopy:hover .ico {
    background: #e0f1ff url(/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(/static/media/ico_export_keep.aa821e8a.png) no-repeat 50%
}

.keepExport .keep:hover .ico {
    background: #e0f1ff url(/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(/static/media/ico_export_mail.1bf34ac3.png) no-repeat 50%
}

.keepExport .mail:hover .ico {
    background: #e0f1ff url(/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(/static/media/ico_export_board.0d2d56cd.png) no-repeat 50%
}

.keepExport .board:hover .ico {
    background: #e0f1ff url(/static/media/ico_export_board.0d2d56cd.png) no-repeat 50%
}

.keepExport .txt {
    margin: 6px 0 0;
    font: 400 12px/18px NSKR;
    text-align: center
}

.HPM0600 [class*=OBTTreeView_root] {
    border-color: #e6e6e6
}

.HPM0600 .sortText {
    margin: 0 0 4px
}

.HPM0600 .sortText .textBtn {
    position: relative;
    font: 400 14px/27px NSKR;
    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: 400 14px/27px NSKB;
    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: 400 12px/30px NSKB;
    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(/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(/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: 400 12px/20px NSKR;
    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: 400 12px/20px NSKR;
    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: 400 11px/18px NSKR;
    color: #8c8c8c
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo {
    justify-content: center
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn {
    width: 18px;
    height: 21px;
    background: url(/static/media/ic_info_01_m_normal.588757ca.png) no-repeat 50%;
    cursor: pointer
}

.HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn:hover {
    background: url(/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(/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: 400 16px/24px NSKR;
    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(/static/media/ic_check_01_m_normal.03b30cff.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnDone:hover {
    background: url(/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(/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnMore:hover {
    background: url(/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(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%;
    cursor: pointer
}

.keepLayer .layerDetailWrap .detailHeader .detailBtn .btnClose:hover {
    background: url(/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;
    line-height: 27px;
    padding: 5px 0 5px 22px;
    font: 400 13px/27px NSKR;
    color: #666
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt .btnBox {
    line-height: 1;
    padding: 3px 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoModule {
    background: url(/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoKeep {
    background: url(/static/media/ic_keep_off_m_normal.4d2b2c43.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoUser {
    background: url(/static/media/ic_user_m_normal.f13b2214.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoCal {
    background: url(/static/media/ic_calendar_m_normal.8bbd461a.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoTag {
    background: url(/static/media/ic_docu_tag_m_normal.7127ef66.png) no-repeat 0
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoContents {
    background: url(/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: 400 12px/27px NSKR;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textarea {
    padding: 0 0 0 22px;
    font: 400 12px/18px NSKR;
    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: 400 12px/20px NSKR;
    color: #4a4a4a;
    letter-spacing: -.6px;
    border-bottom: 1px solid #e6e6e6
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dt {
    width: 62px;
    font: 400 12px/1.5 NSKR;
    color: #666;
    letter-spacing: -.6px
}

.keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dd {
    min-height: 20px;
    font: 400 12px/1.5 NSKR;
    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;
    font-family: NSKR;
    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(/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(/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(/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 .refBox {
    background: url(/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: 400 12px/18px NSKR;
    color: #4a4a4a
}

.UJBP029 .updateText {
    height: 40px;
    border: 1px solid #e6e6e6;
    font: 400 12px/40px NSKR;
    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(/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(/static/media/ico_confirm_03.bdd77602.png) no-repeat 0
}

.UJBP029 .updateBox .ico_warning {
    background: url(/static/media/ico_pend.b691cce6.png) no-repeat 0
}

.UJBP032 .passFind .passBg {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: NSKB;
    font-size: 15px;
    margin-top: -50px;
    padding-top: 160px
}

.UJBP032 .passFind .passBg .sText {
    color: #a6a6a6;
    font-size: 12px
}

.UJBP032 .passFind .bg01 {
    background: url(/static/media/img_id.ed57da5f.png) no-repeat 50%
}

.UJBP032 .passFind .bg02 {
    background: url(/static/media/img_pw.00310e0e.png) no-repeat 50%
}

.UJBP032 .passFind .bg03 {
    background: url(/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-family: NSKB;
    margin-right: 10px
}

.UJBP032 .passFind .inputBox02 {
    background: url(/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-family: NSKB;
    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(/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(/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(/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(/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(/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-family: NSKB;
    font-size: 15px;
    background: url(/static/media/img_pw_reset.dbee46b6.png) no-repeat top 50px center;
    line-height: 23px;
    padding: 170px 0 50px
}

.UJBP033 .passSet .bg .sText {
    color: #a6a6a6;
    font-size: 12px;
    font-family: NSKR
}

.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-family: NSKB;
    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: #a6a6a6
}

.UJBP033 .passSet .passSetInfo ul li span {
    color: #1c90fb
}

.UJBP033 .passSet .passSetInfo ul li.textRed {
    color: #fc5356
}

.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-family: NSKB
}

.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-family: NSKB
}

.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(/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(/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
}

.GridType01 .ico_cnt:hover {
    text-decoration: underline
}

.GridType01 .ico_cnt.attach {
    background: url(/static/media/ic_attach_s_normal@2x.ea4983e5.png) no-repeat 0;
    background-size: 14px
}

.GridType01 .ico_cnt.reply {
    background: url(/static/media/ic_comment_s_normal@2x.806422e0.png) no-repeat 0;
    background-size: 14px
}

.GridType01 .ico_new {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: 2px
}

.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(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 50%;
    cursor: pointer
}

.pageContainerFilter .listFncWrap .leftFnc .allChk.on {
    background: url(/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(/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: 400 12px/27px NSKR;
    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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/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(/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(/static/media/ic_descending_order_m_normal@2x.063b3cd7.png) no-repeat 100%;
    background-size: 18px
}

.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(/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(/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(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn:hover {
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn.disabled {
    background: url(/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(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat 50%;
    cursor: pointer
}

.GridType03 .listFncWrap .leftFnc .allChk.on {
    background: url(/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(/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: 700 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 0 10px
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd {
    font: 400 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0
}

.GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li {
    font: 400 12px/27px NSKR;
    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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/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(/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(/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(/static/media/ic_view_list_02_m_normal.b40dcb3b.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li span.thumbnailBtn {
    background: url(/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(/static/media/ic_view_list_02_m_over.4beda61b.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.on span.thumbnailBtn {
    background: url(/static/media/ic_view_thumbnail_02_m_over.17fe2c29.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.listBtn {
    background: url(/static/media/ic_view_list_02_m_disable.7623be08.png) no-repeat 50%
}

.GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.thumbnailBtn {
    background: url(/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 {
    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(/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: 400 12px/27px NSKR;
    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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/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: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/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(/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(/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-family: NSKB
}

.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(/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(/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(/static/media/ic_security_s_normal@2x.3da5402a.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.emergency {
    background: url(/static/media/ic_emergency_s_normal@2x.c4b2e9d5.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.sign {
    background: url(/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(/static/media/ic_sign_inspection_s_normal@2x.d876a011.png) no-repeat 50%;
    background-size: 14px
}

.GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody li .td .titDiv .ico_set.draft {
    background: url(/static/media/ic_draft_all_s_normal@2x.fe85c0f5.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(/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(/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
}

.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-family: NSKB
}

.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(/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 {
    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 .title {
    font-size: 16px;
    font-family: NSKB;
    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 {
    margin-right: 20px;
    color: #000
}

.AmaLink .userBox .user {
    max-width: 550px;
    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
}

.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(/static/media/img_security_message@2x.a5452693.png) no-repeat 50%;
    background-size: 142px
}

.AmaLink.secuMess strong {
    margin-top: 22px;
    font-size: 20px;
    font-family: NSKB;
    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(/static/media/img_wehago_login_left.c94eebb5.png), url(/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(/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(/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(/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(/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(/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(/static/media/img_wehago_login.7c405afc.png), linear-gradient(90deg, #eff8fe 100%, #d9f0ff 0)
}

.wehagoLoginPopup .heading.t2 {
    background-image: url(/static/media/img_taxinvoice.79244d95.png), linear-gradient(90deg, #eff8fe 100%, #d9f0ff 0)
}

.wehagoLoginPopup .heading.t3 {
    background-image: url(/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
}

.LottieImage .lottieLoading {
    padding: 0 0 20px;
    text-align: center
}

.LottieImage .lottieLoading.border {
    border: 1px solid #e6e6e6
}

.LottieImage .lottieLoading .title {
    font-size: 16px;
    font-family: NSKB
}

.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-family: NSKB;
    margin-bottom: 10px
}

.LottieImage .box pre {
    width: 100%;
    background-color: #eee
}

.filterWrap {
    position: relative
}

.filterWrap .filterBtn01 {
    background: url(/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(/static/media/ic_arrow_down_02_s_over@2x.ddc9292b.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn01.on {
    background: url(/static/media/ic_arrow_up_02_s_normal@2x.83a56a3a.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn01.on:hover {
    background: url(/static/media/ic_arrow_up_02_s_over@2x.2ad3a281.png) no-repeat 100%;
    background-size: 14px
}

.filterWrap .filterBtn02 {
    background: url(/static/media/btn_arrow_down_normal.1ed5bddd.png) no-repeat 100%;
    background-size: 12px;
    padding-right: 15px;
    cursor: pointer
}

.filterWrap .filterBtn02:hover {
    background: url(/static/media/btn_arrow_down_hover.d41b7812.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn02.on {
    background: url(/static/media/btn_arrow_up_normal.5eacb2f3.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn02.on:hover {
    background: url(/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(/static/media/btn_arrow_down_disable.b4e1f27b.png) no-repeat 100%;
    background-size: 12px
}

.filterWrap .filterBtn03 {
    display: table-cell;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 100%;
    cursor: pointer
}

.filterWrap .filterBtn03:hover {
    background: url(/static/media/ic_more_detail_m_over.6b0716dd.png) no-repeat 100%
}

.filterWrap ul li {
    font: 400 12px/27px NSKR;
    padding: 0 0 0 26px;
    line-height: 27px;
    box-sizing: border-box;
    cursor: pointer
}

.filterWrap ul li:hover {
    background-color: #e6f5ff
}

.filterWrap ul li:hover span.up {
    background: url(/static/media/ic_ascending_order_m_over@2x.2b8ebdd4.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li:hover span.down {
    background: url(/static/media/ic_descending_order_m_over@2x.1140e998.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li.chk {
    color: #1c90fb;
    background: url(/static/media/ic_check_01_s_over@2x.c0827be0.png) no-repeat 10px 5px;
    background-size: 14px
}

.filterWrap ul li.chk:hover {
    color: #1c90fb;
    background: #e6f5ff url(/static/media/ic_check_01_s_over@2x.c0827be0.png) no-repeat 10px 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(/static/media/ic_ascending_order_m_normal@2x.70ff8ef9.png) no-repeat 100%;
    background-size: 18px
}

.filterWrap ul li span.down {
    background: url(/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 .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: #000000;
    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: 700 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 0 10px
}

.filterWrap .filterList02 dd {
    font: 400 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0
}

.agreePop .header {
    text-align: center;
    margin: 20px 0
}

.agreePop .header h1 {
    font-size: 18px;
    font-family: NSKB;
    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-family: NSKB;
    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-family: NSKB
}

.msgSend .receive_tit {
    width: 85px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 12px;
    font-family: NSKB
}

.msgSend .btnImg {
    margin: 16px 0 0 4px !important
}

.msgSend .textBox textarea {
    padding: 10px !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)
 * -------------------------------------- 
 */
.animated02s {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

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

.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
}

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

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

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

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

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

.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
    }
}

.newPortalContainer {
    position: relative;
    width: 100%;
    margin: 50px 0 0;
    overflow: hidden
}

.newPortalContainer>div:last-child {
    width: 15px !important;
    z-index: 2 !important
}

.newPortalContainer>div:last-child div {
    width: 10px !important;
    border-radius: 50px !important;
    background-color: rgba(0, 0, 0, .3) !important
}

.newPortalContainer.scrollHide>div:last-child {
    display: none
}

.newPortalContainer.scrollHide {
    overflow: hidden
}

.newPortalHeaderWrap {
    position: fixed;
    top: 0;
    height: 50px;
    box-sizing: border-box;
    z-index: 4
}

.newPortalSearchWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.newPortalSettingBtn {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 84px;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    background: #fff url(/static/media/ic_quick_setting_normal@2x.a8c3bd19.png) no-repeat 50%;
    background-size: 54px;
    z-index: 10;
    cursor: pointer
}

.newPortalSettingBtn:hover {
    background: #fff url(/static/media/ic_quick_setting_over@2x.14717e19.png) no-repeat 50%;
    background-size: 54px
}

.newPortalSettingBtn.disabled {
    background: #fff url(/static/media/ic_quick_setting_normal@2x.a8c3bd19.png) no-repeat 50%;
    background-size: 54px
}

.newPortalQuickTopBtn {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    background: rgba(48, 60, 82, .8) url(/static/media/ic_quick_top_normal@2x.2f398f0c.png) no-repeat 50%;
    background-size: 54px;
    z-index: 10;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 0
}

.newPortalQuickTopBtn:hover {
    background: rgba(48, 60, 82, .95) url(/static/media/ic_quick_top_normal@2x.2f398f0c.png) no-repeat 50%;
    background-size: 54px
}

@media screen and (max-width:1279px) {
    .newPortalAlertView {
        display: none !important
    }
}

@media screen and (max-width:1530px) {
    .newPortalAlertView {
        height: calc(100% - 287px) !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .newPortalAlertView {
        position: sticky !important
    }
}

.newPortalAlertView {
    position: relative;
    top: 50px;
    left: calc(100% - 310px);
    margin: 0;
    width: 280px;
    height: calc(100% - 200px);
    box-sizing: border-box;
    overflow: hidden
}

.newPortalAlertView>div:first-child {
    height: 100%
}

.newPortalAlertView .line {
    width: 280px;
    height: 1px;
    margin: 0 0 10px;
    background-color: hsla(0, 0%, 100%, .3)
}

.newPortalAlertView ul.dDayList:before {
    content: "D - day";
    display: inline-block;
    width: 67px;
    height: 24px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    padding: 2px 0;
    opacity: .9;
    border-radius: 15px;
    box-sizing: border-box;
    background-image: linear-gradient(290deg, #2e2e2e, #505050)
}

.newPortalAlertView ul li {
    width: 100%;
    min-height: 60px;
    margin: 0 0 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
    background-color: hsla(0, 0%, 94.5%, .8);
    overflow: hidden
}

.newPortalAlertView ul li:hover {
    box-shadow: inset 0 0 0 2px #1c90fb;
    background-color: hsla(0, 0%, 94.5%, .6);
    overflow: hidden
}

.newPortalAlertView ul li .notiBox .noti-unit {
    padding: 15px 24px
}

.newPortalAlertView ul li .notiBox .noti-unit dt {
    font: 400 12px/18px NSKR;
    margin: 0 0 2px
}

.newPortalAlertView ul li .notiBox .noti-unit dt .dday {
    display: inline-block;
    width: 28px;
    height: 16px;
    opacity: .5;
    font: 400 10px/16px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background-image: linear-gradient(300deg, #2e2e2e 100%, #505050)
}

.newPortalAlertView ul li .notiBox .noti-unit dt .date {
    font: 400 11px NSKR;
    color: #8e8e8e;
    margin: 0 0 0 12px
}

.newPortalAlertView ul li .notiBox .noti-unit dd {
    font: 400 11px/15px NSKR;
    opacity: .5;
    letter-spacing: -.5px
}

.newPortalAlertView ul li .notiBox .noti-unit dd.twinText {
    margin: 5px 0 0
}

.newPortalAlertView ul li .notiBox .noti-unit dd.twinText .line {
    width: 1px;
    height: 12px;
    background-color: rgba(0, 0, 0, .3);
    margin: 6px 10px
}

.newPortalAlertView ul li .notiBox .noti-unit dd.twinText dt {
    font: 400 10px/24px NSKR;
    opacity: .5
}

.newPortalAlertView ul li .notiBox .noti-unit dd.twinText dd {
    font: 400 12px/20px NSKR;
    opacity: 1;
    margin: 0
}

.newPortalAlertView ul li .notiBox .noti-unit dd.twinText dd b {
    font: 400 20px/20px NSKR
}

.newPortalAlertView ul li .notiBox .noti-unit.myWork {
    padding: 15px 10px 15px 72px;
    background: hsla(0, 0%, 94.5%, .3) url(/static/media/ico_noti_mywork.9900cad2.png) no-repeat left 24px center;
    background-size: 36px 36px
}

.newPortalAlertView ul li .notiBox .noti-unit.workEnd {
    padding: 15px 10px 15px 72px;
    background: url(/static/media/ico_noti_workend.f019ae67.png) no-repeat left 24px center;
    background-size: 36px 36px
}

.newPortalAlertView ul li .notiBox .noti-unit.plan {
    padding: 15px 10px 15px 72px;
    background: url(/static/media/ico_noti_plan.9a1347a0.png) no-repeat left 24px center;
    background-size: 36px 36px
}

.newPortalAlertView ul li .notiBox .noti-unit.teamWork {
    padding: 15px 24px 15px 72px;
    background: url(/static/media/ico_noti_teamwork.46b5abf6.png) no-repeat left 24px center;
    background-size: 36px 36px
}

.newPortalAlertView ul li .notiBox .noti-unit.gsm {
    padding: 15px 24px 15px 72px;
    background: url(/static/media/ic_buy_write@2x.38262509.png) no-repeat left 24px center;
    background-size: 36px 36px
}

.newPortalAlertView ul li .notiBox .noti-details {
    padding: 15px 24px
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-date {
    width: 36px
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-date .badge {
    display: block;
    width: 34px;
    height: 16px;
    font: 400 10px/16px NSKR;
    text-align: center;
    color: #666;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border: 1px solid rgba(64, 64, 64, .5);
    background-color: hsla(0, 0%, 100%, .5)
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-date .date {
    display: block;
    font: 400 12px/20px NSKR;
    text-align: center;
    opacity: .5
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-time {
    margin: 0 0 0 10px
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-time:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-time dl {
    display: block;
    height: 18px
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-time dt {
    float: left;
    font: 400 12px/18px NSKR;
    margin: 0 5px 0 0
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-time dd {
    float: left;
    font: 400 12px/18px NSKR;
    opacity: .8
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-etc {
    text-align: right
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-etc .state-done {
    font: 400 11px/30px NSKR;
    padding: 0 0 0 15px;
    color: #009d79;
    background: url(/static/media/ico_confirm_03.963f8d51.png) no-repeat 0
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-etc .btn {
    padding: 0 10px 0 0;
    background: #fff url(/static/media/ic_arrow_right_s.d47b2a96.png) no-repeat right 8px center;
    background-size: 6px;
    cursor: pointer
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-etc .btn,
.newPortalAlertView ul li .notiBox .noti-details .myWork-etc .btn-done {
    display: inline-block;
    width: 72px;
    height: 26px;
    margin: 5px 0;
    font: 400 11px/24px NSKR;
    text-align: center;
    box-sizing: border-box;
    border-radius: 100px
}

.newPortalAlertView ul li .notiBox .noti-details .myWork-etc .btn-done {
    background: #20c997;
    color: #fff
}

.newPortalAlertView ul li .notiBox .noti-details.eng .myWork-date {
    width: 50px
}

.newPortalAlertView ul li .notiBox .noti-details.eng .myWork-date .badge {
    display: block;
    width: 50px;
    height: 16px;
    font: 400 10px/16px NSKR;
    text-align: center;
    color: #666;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border: 1px solid rgba(64, 64, 64, .5);
    background-color: hsla(0, 0%, 100%, .5)
}

.newPortalAlertView ul li .notiBox .noti-details.eng .myWork-date .date {
    display: block;
    font: 400 10px/20px NSKR;
    text-align: center;
    opacity: .5
}

.newPortalAlertView ul li .notiBox .progressBox {
    padding: 15px 24px
}

.newPortalAlertView ul li .notiBox .progressBox .title {
    font: 400 12px/18px NSKR
}

.newPortalAlertView ul li .notiBox .progressBox .title .dday {
    display: inline-block;
    width: 28px;
    height: 16px;
    opacity: .5;
    font: 400 10px/16px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background-image: linear-gradient(300deg, #2e2e2e 100%, #505050)
}

.newPortalAlertView ul li .notiBox .progressBox .progress {
    width: 230px;
    height: 10px;
    border-radius: 10px;
    background-color: #ebebeb;
    margin: 5px 0
}

.newPortalAlertView ul li .notiBox .progressBox .progress .bar {
    height: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    background-image: linear-gradient(270deg, #4dabf7, #228be6)
}

.systemAlertView .ico {
    background: url(/static/media/ico_noti_update.b5c03783.png) no-repeat 50%;
    background-size: 36px 36px
}

.newPortalWrap.mode-SD .newPortalHeaderWrap {
    top: 0;
    left: 48px;
    right: 0
}

.newPortalWrap.mode-SD .newPortalSearchResultWrap {
    height: 0;
    visibility: hidden;
    transition: all .3s
}

.newPortalWrap.mode-ST .newPortalHeaderWrap {
    top: 0;
    left: 48px;
    right: 0
}

.newPortalWrap.mode-ST .newPortalSearchWrap .newPortalLatelyKeyword,
.newPortalWrap.mode-ST .newPortalSearchWrap .searchBar {
    visibility: hidden
}

.newPortalWrap.mode-ST .newPortalSearchResultWrap {
    height: 0;
    visibility: hidden;
    transition: all .3s
}

.newPortalWrap.mode-SR .newPortalSideGnb,
.newPortalWrap.mode-ST .newPortalAlertView {
    display: none
}

.newPortalWrap.mode-SR .newPortalHeaderWrap {
    top: 0;
    left: 0;
    right: 0
}

.newPortalWrap.mode-SR .newPortalSearchWrap {
    height: 154px;
    transition: .5s
}

.newPortalWrap.mode-SR .newPortalSearchWrap .newPortalSearchBox {
    position: absolute;
    bottom: 0 !important
}

.newPortalWrap.mode-SR .newPortalPortletWrap,
.newPortalWrap.mode-SR .newPortalSearchWrap .newPortalScrollSignBtn,
.newPortalWrap.mode-SR .newPortalSearchWrap .sloganBox,
.newPortalWrap.mode-SR .newPortalSearchWrap .tangoMenu,
.newPortalWrap.mode-SR .newPortalSettingBtn {
    display: none
}

.newPortalWrap.mode-SR .newPortalSearchResultWrap {
    visibility: visible
}

.newPortalWrap.mode-SR .newPortalAlertView {
    display: none
}

.newPortalWrap.mode-SRT .newPortalSearchWrap .newPortalLatelyKeyword,
.newPortalWrap.mode-SRT .newPortalSearchWrap .searchBar {
    visibility: hidden
}

.newPortalWrap.mode-SRT .newPortalAlertView {
    display: none
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchCategory {
    position: fixed;
    top: 50px;
    z-index: 2;
    background: #1c90fb
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd {
    color: #fff;
    opacity: .5
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd.on {
    color: #fff;
    opacity: 1
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd.on:after {
    background-color: #fff
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchCategory .searchCategory-in .more {
    color: #fff;
    background: url(/static/media/ico_searchCategory_more_arrow_down_w.380d6c00.png) no-repeat 100%
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .relationKeyword {
    position: fixed;
    top: 102px;
    z-index: 2
}

.newPortalWrap.mode-SRT .newPortalSearchResultWrap .searchContents {
    margin: 95px auto 0
}

.newPortalWrap.mode-SE .newPortalContainer {
    margin: 72px 0 120px;
    transition: .3s
}

.newPortalWrap.mode-SE .newPortalContainer.scrollHide {
    overflow: hidden;
    overflow-y: auto
}

.newPortalWrap.mode-SE .newPortalHeaderWrap {
    display: none
}

.newPortalWrap.mode-SE .newPortalSearchWrap {
    height: 152px
}

.newPortalWrap.mode-SE .newPortalAlertView,
.newPortalWrap.mode-SE .newPortalQuickTopBtn,
.newPortalWrap.mode-SE .newPortalSearchWrap .newPortalSearchBox,
.newPortalWrap.mode-SE .newPortalSettingBtn {
    display: none
}

.newPortalWrap.mode-SE .newPortalSearchResultWrap {
    height: 0;
    visibility: hidden;
    transition: all .3s
}

.newPortalWrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    background-color: #333948;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 1920px 1080px;
    z-index: 1000
}

@media screen and (min-height:1081px),
screen and (min-width:1921px) {
    .newPortalWrap {
        background-size: cover
    }
}

.newPortalWrap .newPortalPortletWrap {
    margin: 40px 0 0;
    padding: 15px 0 0;
    background-color: #f2f2f2
}

.newPortalHeader {
    padding: 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    background-color: #fff
}

.newPortalHeader,
.newPortalHeader .header-ci {
    position: relative;
    height: 50px;
    margin: 0;
    box-sizing: border-box
}

.newPortalHeader .header-ci {
    width: 200px;
    padding: 5px 20px;
    z-index: 101
}

.newPortalHeader .header-ci h2 {
    overflow: hidden;
    margin: 0;
    font-size: 1px;
    height: 40px;
    line-height: 40px
}

.newPortalHeader .header-ci h2 img {
    max-width: 150px;
    max-height: 38px;
    vertical-align: middle;
    cursor: pointer
}

.newPortalHeader #headFnc {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 1
}

.newPortalHeader #headFnc .headfnc {
    margin: 0 20px;
    height: 50px
}

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

.newPortalHeader #headFnc .headfnc .head-misc {
    position: relative;
    height: 50px
}

.newPortalHeader #headFnc .headfnc .head-misc ul li {
    position: relative;
    margin: 10px 0 0 6px;
    min-width: 30px;
    min-height: 30px
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.btn {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent no-repeat 50%;
    cursor: pointer
}

.newPortalHeader #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
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.alert {
    background-image: url(/static/media/ico_misc_alert.eb869e35.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.mail {
    background-image: url(/static/media/ico_misc_mail.64386401.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.sign {
    background-image: url(/static/media/ico_misc_sign.e6f4942a.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.org {
    background-image: url(/static/media/ico_misc_org.d585039c.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.search {
    background-image: url(/static/media/ico_misc_search.7933f0b1.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.more {
    background-image: url(/static/media/ico_misc_more.09df8e50.png)
}

.newPortalHeader #headFnc .headfnc .head-misc ul li span.manual {
    background-image: url(/static/media/ic_misc_manual.fcee51e9.png)
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 0;
    transition: all .1s;
    overflow: hidden
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on {
    width: calc(100% - 45px);
    overflow: hidden
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar {
    position: relative;
    z-index: 1;
    margin-left: 0
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 0 60px 0 10px
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:focus {
    border: 1px solid #1c90fb;
    background-color: #fff;
    box-sizing: border-box;
    outline: none
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::-moz-placeholder {
    font-family: NSKR !important;
    color: #a6a6a6
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:-ms-input-placeholder {
    font-family: NSKR !important;
    color: #a6a6a6
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::placeholder {
    font-family: NSKR !important;
    color: #a6a6a6
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .searchBar {
    position: relative;
    z-index: 1
}

.newPortalHeader #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
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .searchBar .deleteBtn {
    position: absolute;
    top: 7px;
    right: 75px;
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%;
    cursor: pointer
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchBtn {
    position: absolute;
    top: 7px;
    right: 50px;
    width: 18px;
    height: 18px;
    background: url(/static/media/ico_misc_search.7933f0b1.png) no-repeat 50%;
    cursor: pointer
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .searchBar .closeBtn {
    width: 40px;
    font: 400 12px/32px NSKR;
    color: #000;
    text-align: center;
    cursor: pointer
}

.newPortalHeader #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
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn {
    max-width: 500px;
    height: auto;
    max-height: 460px;
    padding: 0 0 20px;
    overflow: auto
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl {
    padding: 20px 20px 0 0
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dt {
    font: 400 14px NSKB;
    color: #000;
    padding: 0 0 7px 15px;
    background: url(/static/media/ico_autotext_arrow.791aacab.png) no-repeat left 10px
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd {
    padding: 0 15px;
    line-height: 22px;
    white-space: nowrap
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link {
    position: relative;
    display: inline-block;
    font: 400 12px NSKR;
    color: #000;
    outline: none;
    cursor: pointer
}

.newPortalHeader #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
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:focus:after,
.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:hover:after {
    width: 100%;
    transition: all .5s
}

.newPortalHeader #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link .match {
    color: #1c90fb
}

.newPortalHeader #headFnc .headfnc .user-info {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 14px 0 0
}

.newPortalHeader #headFnc .headfnc .user-info:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalHeader #headFnc .headfnc .user-info:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6
}

.newPortalHeader #headFnc .headfnc .user-info.on:before {
    display: none
}

.newPortalHeader #headFnc .headfnc .user-info .divi_pic {
    float: left;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: transparent no-repeat 50%;
    cursor: pointer;
    overflow: hidden
}

.newPortalHeader #headFnc .headfnc .user-info .divi_pic img {
    width: 100%;
    vertical-align: top
}

.newPortalHeader #headFnc .headfnc .user-info .name_txt {
    margin: 1px 0 0 10px;
    font-size: 11px
}

.newPortalHeader #headFnc .headfnc .user-info .divi_txt,
.newPortalHeader #headFnc .headfnc .user-info .name_txt {
    position: relative;
    display: inline-block;
    line-height: 14px;
    color: #000;
    letter-spacing: -.5px;
    min-width: 52px;
    box-sizing: border-box
}

.newPortalHeader #headFnc .headfnc .user-info .divi_txt {
    padding-right: 18px;
    margin: 0 0 0 10px;
    font-size: 10px;
    background: url(/static/media/ico_diviTxt_arrow_tabOn.a40e3a73.png) no-repeat 100%
}

.newPortalHeader #headTabs {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.newPortalHeader #headTabs .tabs {
    margin: 10px 30px 0 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

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

.newPortalHeader #headTabs .tabs .tab-item {
    position: relative;
    display: inline-block;
    width: 138px;
    height: 32px;
    padding: 0 23px 0 0;
    border-radius: 3px;
    border: 1px solid #1c90fb;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 2px
}

.newPortalHeader #headTabs .tabs .tab-item .react-contextmenu-wrapper {
    padding-left: 34px
}

.newPortalHeader #headTabs .tabs .tab-item .new-window {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    height: 30px;
    background: url(/static/media/icon_tabon_new_select@2x.3a90e293.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.newPortalHeader #headTabs .tabs .tab-item .module-name {
    display: block;
    font-size: 12px;
    color: #1c90fb;
    line-height: 30px;
    letter-spacing: -.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.newPortalHeader #headTabs .tabs .tab-item .module-name.toolTipOn+.module-name-clone+.pubTooltip {
    visibility: visible
}

.newPortalHeader #headTabs .tabs .tab-item .item-close {
    position: absolute;
    top: 0;
    right: 8px;
    width: 18px;
    height: 30px;
    background: url(/static/media/icon_tabon_close_select@2x.25fdfbdf.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.newPortalHeader #headTabs .tab-more-out {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 32px;
    box-sizing: border-box
}

.newPortalHeader #headTabs .tab-more {
    width: 26px;
    height: 32px;
    box-sizing: border-box;
    background: #fff url(/static/media/dot_more_over@2x.9a2576ef.png) no-repeat 50%;
    background-size: 12px 4px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.newPortalHeader #headTabs .tab-more:hover {
    border: 1px solid #8c8c8c;
    background-color: #eff7ff;
    transition: all .3s
}

.newPortalHeader .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
}

.newPortalHeader.w_mode {
    padding: 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    background-color: transparent
}

.newPortalHeader.w_mode,
.newPortalHeader.w_mode .header-ci {
    position: relative;
    height: 50px;
    margin: 0;
    box-sizing: border-box
}

.newPortalHeader.w_mode .header-ci {
    width: 200px;
    padding: 5px 20px;
    z-index: 101
}

.newPortalHeader.w_mode .header-ci h2 {
    overflow: hidden;
    margin: 0;
    font-size: 1px;
    height: 40px;
    line-height: 40px
}

.newPortalHeader.w_mode .header-ci h2 img {
    max-width: 150px;
    max-height: 38px;
    vertical-align: middle;
    cursor: pointer
}

.newPortalHeader.w_mode #headFnc {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 1
}

.newPortalHeader.w_mode #headFnc .headfnc {
    margin: 0 20px;
    height: 50px
}

.newPortalHeader.w_mode #headFnc .headfnc:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc {
    height: 50px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li {
    position: relative;
    margin: 10px 0 0 6px;
    min-width: 30px;
    min-height: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.btn {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent no-repeat 50%;
    cursor: pointer
}

.newPortalHeader.w_mode #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
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.alert {
    background-image: url(/static/media/icon_misc_alert@2x.8461b119.png);
    background-size: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.org {
    background-image: url(/static/media/icon_misc_org@2x.5fcca67e.png);
    background-size: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.search {
    background-image: url(/static/media/icon_misc_search@2x.deb2222a.png);
    background-size: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.more {
    background-image: url(/static/media/icon_misc_more@2x.be39b0c5.png);
    background-size: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc ul li span.manual {
    background-image: url(/static/media/ic_misc_manual_w@2x.b70995ff.png);
    background-size: 30px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 0;
    transition: all .1s;
    overflow: hidden
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on {
    width: calc(100% - 45px);
    overflow: hidden
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar {
    position: relative;
    z-index: 1;
    margin-left: 0
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput {
    width: 200px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    padding: 0 60px 0 10px;
    color: #fff
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:focus {
    border: 1px solid #fff;
    background-color: transparent;
    box-sizing: border-box;
    outline: none
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::-moz-placeholder {
    font-family: NSKR !important;
    color: hsla(0, 0%, 100%, .5)
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:-ms-input-placeholder {
    font-family: NSKR !important;
    color: hsla(0, 0%, 100%, .5)
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::placeholder {
    font-family: NSKR !important;
    color: hsla(0, 0%, 100%, .5)
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .searchBar {
    position: relative;
    z-index: 1
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchInput {
    width: 0;
    height: 32px;
    padding: 0 10px;
    border-radius: 16px;
    background-color: transparent;
    box-sizing: border-box;
    outline: none;
    transition: all .2s;
    border: 1px solid #fff
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .searchBar .deleteBtn {
    position: absolute;
    top: 6px;
    right: 75px;
    width: 18px;
    height: 18px;
    background: url(/static/media/icon_tabon_close_w_select@2x.5eb7890f.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchBtn {
    position: absolute;
    top: 6px;
    right: 50px;
    width: 18px;
    height: 18px;
    background: url(/static/media/icon_misc_search@2x.deb2222a.png) no-repeat 50%;
    background-size: 30px;
    cursor: pointer
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .searchBar .closeBtn {
    width: 40px;
    font: 400 12px/32px NSKR;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    cursor: pointer
}

.newPortalHeader.w_mode #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
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn {
    max-width: 500px;
    height: auto;
    max-height: 460px;
    padding: 0 0 20px;
    overflow: auto
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl {
    padding: 20px 20px 0 0
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dt {
    font: 400 14px NSKB;
    color: #000;
    padding: 0 0 7px 15px;
    background: url(/static/media/ico_autotext_arrow.791aacab.png) no-repeat left 10px
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd {
    padding: 0 15px;
    line-height: 22px;
    white-space: nowrap
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link {
    position: relative;
    display: inline-block;
    font: 400 12px NSKR;
    color: #000;
    outline: none;
    cursor: pointer
}

.newPortalHeader.w_mode #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
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:focus:after,
.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:hover:after {
    width: 100%;
    transition: all .5s
}

.newPortalHeader.w_mode #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link .match {
    color: #1c90fb
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 14px 0 0
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: hsla(0, 0%, 100%, .2)
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info.on:before {
    display: none
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info .divi_pic {
    float: left;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: transparent no-repeat 50%;
    cursor: pointer;
    overflow: hidden
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info .divi_pic img {
    width: 100%;
    vertical-align: top
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info .name_txt {
    position: relative;
    display: inline-block;
    margin: 1px 0 0 10px;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
    letter-spacing: -.5px;
    min-width: 52px;
    box-sizing: border-box
}

.newPortalHeader.w_mode #headFnc .headfnc .user-info .divi_txt {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    margin: 0 0 0 10px;
    line-height: 14px;
    font-size: 10px;
    color: #fff;
    background: url(/static/media/ico_diviTxt_arrow.c24bfe8f.png) no-repeat 100%;
    letter-spacing: -.5px;
    min-width: 52px;
    box-sizing: border-box
}

.newPortalHeader.w_mode #headTabs {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.newPortalHeader.w_mode #headTabs .tabs {
    margin: 10px 30px 0 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

.newPortalHeader.w_mode #headTabs .tabs:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item {
    position: relative;
    display: inline-block;
    width: 138px;
    height: 32px;
    padding: 0 23px 0 0;
    border-radius: 3px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 2px
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item:hover {
    border: 1px solid #fff
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item:active {
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .2)
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item .react-contextmenu-wrapper {
    padding-left: 34px
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item .new-window {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    height: 30px;
    background: url(/static/media/icon_tabon_new_w_select@2x.425c0097.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item .module-name {
    display: block;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    line-height: 2;
    letter-spacing: -.5px;
    padding: 3px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item .module-name.toolTipOn+.module-name-clone+.pubTooltip {
    visibility: visible
}

.newPortalHeader.w_mode #headTabs .tabs .tab-item .item-close {
    position: absolute;
    top: 0;
    right: 8px;
    width: 18px;
    height: 30px;
    background: url(/static/media/icon_tabon_close_w_select@2x.5eb7890f.png) no-repeat 50%;
    background-size: 11px;
    cursor: pointer
}

.newPortalHeader.w_mode #headTabs .tab-more-out {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 32px;
    box-sizing: border-box
}

.newPortalHeader.w_mode #headTabs .tab-more {
    width: 26px;
    height: 32px;
    box-sizing: border-box;
    background: url(/static/media/dot_more_normal_w@2x.9ff67615.png) no-repeat 50%;
    background-size: 12px 4px;
    cursor: pointer;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 3px
}

.newPortalHeader.w_mode #headTabs .tab-more:hover {
    border: 1px solid #fff
}

.newPortalHeader.w_mode #headTabs .tab-more:active {
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .2)
}

.newPortalHeader.w_mode .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
}

.newPortalSearchWrap .newPortalSearchBox {
    position: fixed;
    bottom: 40%;
    left: 0;
    right: 0;
    width: 640px;
    min-width: 640px;
    margin: 0 auto;
    z-index: 3
}

.newPortalSearchWrap .newPortalSearchBox .sloganBox {
    position: absolute;
    bottom: 130px;
    left: 50%;
    width: 640px;
    margin: 0 0 0 -320px;
    text-align: center
}

.newPortalSearchWrap .newPortalSearchBox .sloganBox .text01 {
    min-height: 50px;
    font-family: NSKB;
    font-size: 32px
}

.newPortalSearchWrap .newPortalSearchBox .sloganBox .text01,
.newPortalSearchWrap .newPortalSearchBox .sloganBox .text02 {
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    line-height: 1;
    letter-spacing: normal;
    text-shadow: 0 0 15px rgba(0, 0, 0, .2);
    word-break: break-all
}

.newPortalSearchWrap .newPortalSearchBox .sloganBox .text02 {
    min-height: 30px;
    font-family: NSKR;
    font-size: 26px
}

.newPortalSearchWrap .newPortalSearchBox .sloganBox .bar {
    width: 18px;
    height: 2px;
    margin: 22px auto 26px;
    opacity: .5;
    background-color: #fff
}

.newPortalSearchWrap .newPortalSearchBox .searchBar {
    position: relative;
    width: 500px;
    height: 56px;
    margin: 0 auto;
    z-index: 1
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .inpBox {
    width: 100%;
    height: inherit;
    font: 400 18px NSKR;
    letter-spacing: -.5px;
    color: #000;
    text-indent: 0 !important;
    padding: 0 80px 1px 22px;
    border: 2px solid transparent;
    outline: none;
    border-radius: 56px;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .2);
    background-color: hsla(0, 0%, 100%, .85)
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .inpBox:focus {
    border: 2px solid #1c90fb;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    background-color: #fff
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .search-btn {
    display: block;
    position: absolute;
    top: 3px;
    right: 17px;
    width: 30px;
    height: 50px;
    background: url(/static/media/ico_search_btn_normal.5d349bb2.png) no-repeat 50%;
    cursor: pointer;
    z-index: 1;
    transition: .3s
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .search-btn:hover {
    display: block;
    position: absolute;
    top: 3px;
    right: 17px;
    width: 30px;
    height: 50px;
    background: url(/static/media/ico_search_btn_over.d29b7e21.png) no-repeat 50%;
    cursor: pointer;
    z-index: 1
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .reset-btn {
    display: none;
    position: absolute;
    top: 3px;
    right: 47px;
    width: 30px;
    height: 50px;
    background: url(/static/media/ic_close_01_l_disable.c27ae540.png) no-repeat 50%;
    cursor: pointer;
    z-index: 1
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .reset-btn:hover {
    display: none;
    position: absolute;
    top: 3px;
    right: 47px;
    width: 30px;
    height: 50px;
    background: url(/static/media/ic_close_01_l_over.3010b868.png) no-repeat 50%;
    cursor: pointer;
    z-index: 1
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .cancel-btn {
    display: none;
    position: absolute;
    top: 13px;
    right: -56px;
    font: 400 18px/27px NSKR;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    width: 500px;
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    transform: translateX(-250px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 10
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn {
    height: auto;
    max-height: 460px;
    margin: 20px 0;
    overflow: auto
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl {
    padding: 10px 20px
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dt {
    font: 400 16px NSKB;
    color: #000;
    padding: 0 0 7px 15px;
    background: url(/static/media/ico_autotext_arrow.791aacab.png) no-repeat left 10px
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd {
    padding: 0 15px;
    line-height: 22px
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd .link {
    position: relative;
    display: inline-block;
    font: 400 14px NSKR;
    color: #000;
    outline: none;
    cursor: pointer
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd .link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: all .5s
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd .link:focus:after,
.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd .link:hover:after {
    width: 100%;
    transition: all .5s
}

.newPortalSearchWrap .newPortalSearchBox .searchBar .newPortalAutoText .autoTextIn dl dd .match {
    color: #1c90fb
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 50px;
    margin: 0 auto 20px;
    overflow: hidden;
    text-align: center;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

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

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dl {
    display: inline-block;
    margin: 14px 0 0
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dt {
    display: inline-block;
    font: 12px NSKB;
    height: 24px;
    line-height: 25px;
    margin: 0 8px 0 0;
    color: #fff
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dd {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin: 0 3px;
    padding: 0 22px 0 7px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 24px;
    box-sizing: border-box;
    background-color: hsla(0, 0%, 100%, .2);
    cursor: pointer
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dd:hover {
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .3);
    transition: all .3s
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dd span:first-child {
    display: inline-block;
    padding: 1px 0 2px;
    font: 700 13px NSKR;
    color: #fff
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dd .delete_btn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ico_lately_x.8fafe3dd.png) no-repeat 50%;
    opacity: .5
}

.newPortalSearchWrap .newPortalSearchBox .newPortalLatelyKeyword dd .delete_btn:hover {
    opacity: 1
}

.newPortalSearchWrap .newPortalSearchBox .newPortalScrollSignBtn {
    position: absolute;
    left: 50%;
    width: 40px;
    height: 32px;
    margin: 20% 0 0 -20px;
    box-sizing: border-box;
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background: url(/static/media/ico_scroll_sign_normal.fc0eeb8e.png) no-repeat bottom;
    cursor: pointer;
    transition: .3s
}

.newPortalSearchWrap .newPortalSearchBox .newPortalScrollSignBtn:hover {
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background: url(/static/media/ico_scroll_sign_over.fc0eeb8e.png) no-repeat bottom 5px center
}

.newPortalSearchWrap .newPortalSearchBox .newPortalScrollSignBtn:after {
    content: "Scroll";
    display: block;
    font: 400 12px NSKR;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.tangoMenu {
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 844px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 102px;
    border-radius: 30px 30px 0 0;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background-color: rgba(0, 0, 0, .26);
    z-index: 2;
    transform: translateX(-50%)
}

.tangoMenu:hover {
    overflow: unset
}

.tangoMenu ul {
    font-size: 0;
    padding: 16px 14px
}

.tangoMenu ul li {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 82px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    transition: .2s;
    cursor: pointer
}

.tangoMenu ul li:hover {
    background-size: 68px !important;
    background-position: top 0 center !important
}

.tangoMenu ul li .tooltipDiv {
    position: relative;
    width: 68px;
    height: 82px
}

.tangoMenu ul li .tooltipDiv~div {
    position: absolute !important;
    top: -35px !important;
    left: 50% !important;
    transform: translateX(-50%)
}

.tangoMenu ul li .tooltipDiv~div>div:first-child>div:first-child {
    background-color: #2b2b2b;
    border-color: hsla(0, 0%, 100%, .35);
    color: #fff
}

.tangoMenu ul li .tooltipDiv~div>div:first-child>div:first-child~div>div:first-child {
    border-top-color: hsla(0, 0%, 100%, .35)
}

.tangoMenu ul li .itemCheck,
.tangoMenu ul li .itemCheck.checked,
.tangoMenu ul li .itemName {
    display: none
}

.tangoMenu ul li .itemCnt {
    position: absolute;
    top: 5px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    padding: 2px 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
}

.tangoMenu ul li.ecoIcon01 {
    background: url(/static/media/ic_mail.a4cf402b.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon02 {
    background: url(/static/media/ic_mail_write.9c7a9697.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon03 {
    background: url(/static/media/ic_calendar.a5fec84f.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon04 {
    background: url(/static/media/ic_rm.2ad6a79a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon05 {
    background: url(/static/media/ic_memo.5153ec9a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon06 {
    background: url(/static/media/ic_board.5cff55e5.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon07 {
    background: url(/static/media/ic_sign.e8f00821.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon08 {
    background: url(/static/media/ic_sign_write.311d1b16.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon09 {
    background: url(/static/media/ic_oneffice.a7e6fa7a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon10 {
    background: url(/static/media/ic_onechamber.045ac026.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon11 {
    background: url(/static/media/ic_kiss.b6a877eb.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon12 {
    background: url(/static/media/ic_fax.cbd5779b.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon13 {
    background: url(/static/media/ic_sms.ce3ef8cd.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon14 {
    background: url(/static/media/ic_ex.e69fd6b2.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon15 {
    background: url(/static/media/ic_wehago.065868eb.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon16 {
    background: url(/static/media/ic_wiki.b5c7bcc1.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon17 {
    background: url(/static/media/ic_jira.f1bf6208.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon18 {
    background: url(/static/media/ic_nsm_10.d0920358.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon19 {
    background: url(/static/media/ic_gcms.0a0f57b2.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon20 {
    background: url(/static/media/ic_hr.aac75aa9.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon21 {
    background: url(/static/media/ic_attendance.eab8b5fa.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon22 {
    background: url(/static/media/ic_crm.0c7ecdcc.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon23 {
    background: url(/static/media/ic_business_hours.8e0a5f8a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon24 {
    background: url(/static/media/ic_business_hours_agree.dcfaaaea.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon25 {
    background: url(/static/media/ic_account.b059216d.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon26 {
    background: url(/static/media/ic_sales.46f04a90.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon27 {
    background: url(/static/media/ic_manage_account.bef1ca06.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon28 {
    background: url(/static/media/ic_corporation_card.381d5de4.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon29 {
    background: url(/static/media/ic_salary.7b290dc1.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon30 {
    background: url(/static/media/ic_expense.a450783c.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon31 {
    background: url(/static/media/ic_fund.24b345e3.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon32 {
    background: url(/static/media/ic_spend.5486e418.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon33 {
    background: url(/static/media/ic_distri.7a80e030.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon34 {
    background: url(/static/media/ic_produce.e9348bea.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon35 {
    background: url(/static/media/ic_attendance_write.bc7dc80a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon36 {
    background: url(/static/media/ic_buy_write.48667352.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon37 {
    background: url(/static/media/ic_mypage.6059f915.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon38 {
    background: url(/static/media/ic_work_report.95d888da.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon39 {
    background: url(/static/media/ic_address_book.d2e481ff.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon40 {
    background: url(/static/media/ic_erp_10.038b5b67.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon41 {
    background: url(/static/media/ic_supplies_write.5217541d.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon42 {
    background: url(/static/media/ic_supplies_manage.36b8d8e3.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon43 {
    background: url(/static/media/ic_supplies_order.53354e5e.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon44 {
    background: url(/static/media/ic_supplies_calculate.70f8518a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon45 {
    background: url(/static/media/ic_inhouse01@2x.be78ad23.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon46 {
    background: url(/static/media/ic_inhouse02@2x.98a6cc6e.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon47 {
    background: url(/static/media/ic_inhouse03@2x.930da925.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon48 {
    background: url(/static/media/ic_inhouse04@2x.3c42e20a.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon49 {
    background: url(/static/media/ic_inhouse05@2x.c6a505d5.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon50 {
    background: url(/static/media/ic_inhouse07@2x.98cd2b5e.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon51 {
    background: url(/static/media/ic_inhouse08@2x.90f5ee48.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon52 {
    background: url(/static/media/ic_inhouse09@2x.1803c00b.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon53 {
    background: url(/static/media/ic_inhouse10@2x.fb5e2bbf.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon54 {
    background: url(/static/media/ic_smartlink.35ba4756.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon55 {
    background: url(/static/media/ic_total_address@2x.d74570cd.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.ecoIcon56 {
    background: url(/static/media/ic_inhouse11@2x.83f94d75.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.MeetUS {
    background: url(/static/media/ic_meetus.66ff2a05.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.Video {
    background: url(/static/media/ic_video.4cfabc68.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu ul li.Online {
    background: url(/static/media/ic_online_experience.27a2df11.png) no-repeat top 6px center;
    background-size: 58px
}

.tangoMenu .dockBtn {
    background: url(/static/media/ico_dock_open_normal.f444d055.png) no-repeat 50%
}

.tangoMenu .dockBtn,
.tangoMenu .dockBtn:hover {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 44px;
    height: 12px;
    margin: 0 0 0 -22px;
    cursor: pointer
}

.tangoMenu .dockBtn:hover {
    background: url(/static/media/ico_dock_open_over.c84fa9c3.png) no-repeat 50%
}

.tangoMenu .dockBtn.open {
    background: url(/static/media/ico_dock_close_normal.06035487.png) no-repeat 50%
}

.tangoMenu .dockBtn.open,
.tangoMenu .dockBtn.open:hover {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 44px;
    height: 12px;
    margin: 0 0 0 -22px;
    cursor: pointer
}

.tangoMenu .dockBtn.open:hover {
    background: url(/static/media/ico_dock_close_over.f634d2c8.png) no-repeat 50%
}

.tangoMenu.floatMode {
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 1060px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 132px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .3);
    overflow: hidden;
    transform: translateX(-50%)
}

.tangoMenu.floatMode ul {
    font-size: 0;
    padding: 16px 50px
}

.tangoMenu.floatMode ul li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 30px;
    margin: 0;
    padding: 80px 0 6px;
    text-align: center;
    transition: .2s;
    background-position: top 11px center !important;
    cursor: pointer
}

.tangoMenu.floatMode ul li:hover {
    background-size: 68px !important;
    background-position: top 5px center !important
}

.tangoMenu.floatMode ul li .itemName {
    display: block;
    font: 400 12px/1.25 NSKR;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.tangoMenu.floatMode ul li .itemCnt {
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: 16px;
    height: 16px;
    padding: 2px 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
}

.tangoMenu.setMode {
    background-color: rgba(0, 0, 0, .5)
}

.tangoMenu.setMode ul li:hover {
    background-size: 56px !important;
    background-position: top 11px center !important
}

.tangoMenu.setMode ul li .itemCnt {
    display: none
}

.tangoMenu.setMode ul li .itemCheck {
    display: block;
    position: absolute;
    top: 6px;
    left: 8px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #fff url(/static/media/ic_check_03_l_disable.7d8ab43b.png) no-repeat 50%;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .4);
    cursor: pointer
}

.tangoMenu.setMode ul li .itemCheck.checked {
    background: #fff url(/static/media/ic_check_03_l_over.c4bcaa50.png) no-repeat 50%
}

.newPortalPortletWrap.grid12 .newPortalPortletGrid {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalPortletWrap.grid14 .newPortalPortletGrid {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalPortletWrap.grid16 .newPortalPortletGrid {
    position: relative;
    width: 1460px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalPortletWrap.grid18 .newPortalPortletGrid {
    position: relative;
    width: 1640px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalPortletWrap.grid20 .newPortalPortletGrid {
    position: relative;
    width: 1820px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalPortletGrid {
    position: relative
}

.newPortalPortletGrid:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -1px;
    border: 1px dashed #ff5722;
    z-index: 5
}

.newPortalPortletGrid:before {
    content: "CENTER";
    position: absolute;
    top: 0;
    left: 50%;
    padding: 0 20px;
    border-radius: 10px;
    background: #ff5722;
    color: #fff;
    z-index: 5;
    transform: translateX(-50%)
}

.newPortalPortletGrid>table {
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 20px
}

.newPortalPortletGrid>table td {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    background-color: hsla(0, 0%, 68.6%, .15);
    box-sizing: border-box
}

.newPortalPortletGrid>table td.setGrid {
    border: 1px dashed #2196f3;
    background: #e6f4ff
}

.newPortalPortletGrid>table td.nowGrid {
    border: 1px solid #dcdcdc;
    background: #eaeaea
}

.newPortalPortletGrid>table td.nowGrid.setGrid {
    border: 1px dashed #2196f3;
    background: #e6f4ff
}

.newPortalPortletGrid.nonGrid {
    position: relative
}

.newPortalPortletGrid.nonGrid .setting,
.newPortalPortletGrid.nonGrid:after,
.newPortalPortletGrid.nonGrid:before,
.newPortalPortletGrid.nonGrid>table {
    display: none
}

.newPortalPortletGrid .newPortletDiv .portletBox {
    position: absolute;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    background-color: #f9f9f9;
    z-index: auto
}

.newPortalPortletGrid .newPortletDiv .portletBox .ptl_content {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1
}

.newPortalPortletGrid .newPortletDiv .portletBox .ptl_content .nodata {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
    padding: 40px 0 0;
    font: 400 12px NSKR;
    color: rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 10px;
    transform: translateY(-50%);
    box-sizing: border-box;
    background: #f9f9f9 url(/static/media/img_portlet_empty.402c1345.png) no-repeat top
}

.newPortalPortletGrid .newPortletDiv .iframeBox {
    position: absolute;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    background-color: #f9f9f9;
    z-index: auto
}

.newPortalPortletGrid .newPortletDiv .iframeBox .ptl_content {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1
}

.newPortalPortletGrid .newPortletDiv .iframeBox .ptl_content .nodata {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
    padding: 40px 0 0;
    font: 400 12px NSKR;
    color: rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 10px;
    transform: translateY(-50%);
    box-sizing: border-box;
    background: #f9f9f9 url(/static/media/img_portlet_empty.402c1345.png) no-repeat top
}

.newPortalPortletGrid .newPortletDiv .titleBox {
    position: absolute;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    background-color: #f9f9f9;
    z-index: auto
}

.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1
}

.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .ptl_graph {
    width: 100%;
    height: 100%
}

.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .nodata,
.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .signFormNodata {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
    padding: 50px 0 0;
    font: 400 12px NSKR;
    color: rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 10px;
    transform: translateY(-50%);
    box-sizing: border-box;
    background: #f9f9f9 url(/static/media/img_empty_data_s.410970b4.png) no-repeat top
}

.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .boardNodata,
.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .mailNodata {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
    padding: 50px 0 0;
    font: 400 12px NSKR;
    color: rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 10px;
    transform: translateY(-50%);
    box-sizing: border-box;
    background: #f9f9f9 url(/static/media/img_empty_memo_s.95d69089.png) no-repeat top
}

.newPortalPortletGrid .newPortletDiv .titleBox .ptl_content .documentNodata {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    width: 250px;
    margin: 0 auto;
    padding: 50px 0 0;
    font: 400 12px NSKR;
    color: rgba(0, 0, 0, .25);
    text-align: center;
    border-radius: 10px;
    transform: translateY(-50%);
    box-sizing: border-box;
    background: #f9f9f9 url(/static/media/img_empty_data_s.410970b4.png) no-repeat top
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 {
    position: relative;
    color: #000;
    font-size: 0;
    height: 30px;
    margin: 0;
    padding: 20px 50px 0 25px;
    font-family: NSKR
}

.newPortalPortletGrid .newPortletDiv .titleBox h2>span {
    display: block;
    font: 400 14px/30px NSKB;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .newPortletDiv .titleBox h2>span:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 span.date {
    margin: 0 0 0 10px;
    font: 400 12px/30px NSKR;
    color: #8e8e8e
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 span.barline {
    float: left;
    color: #f1f1f1;
    margin: 0 6px 0 0
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 span.barLine {
    color: rgba(0, 0, 0, .1);
    margin: 0 10px;
    line-height: 24px
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 .more {
    display: block;
    position: absolute;
    top: 26px;
    right: 26px;
    width: 18px;
    height: 18px;
    margin: 0;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right -5px center;
    cursor: pointer
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 .more:hover {
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right -5px center
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 .msg {
    display: block;
    position: absolute;
    top: 26px;
    right: 26px;
    width: 18px;
    height: 18px;
    margin: 0;
    background: url(/static/media/ic_msg_m_normal.dda4006e.png) no-repeat 100%;
    cursor: pointer
}

.newPortalPortletGrid .newPortletDiv .titleBox h2 .msg:hover {
    background: url(/static/media/ic_msg_m_over.747e9201.png) no-repeat 100%
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle {
    margin: 10px 25px 20px
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table {
    width: 100%;
    height: 100%;
    border-collapse: collapse !important;
    box-sizing: border-box;
    border-top: 2px solid #ccc
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody {
    border-collapse: collapse
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody tr {
    height: auto
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th+th {
    border-left: 1px solid #e6e6e6
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody td,
.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th {
    border-top: 1px solid #e6e6e6;
    border-collapse: collapse;
    border-spacing: 0
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th {
    height: 30px;
    padding: 0 8px;
    font-size: 13px;
    color: #4a4a4a;
    text-align: center !important;
    border-left: 1px solid #e6e6e6;
    background: #f0f0f0
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th.le {
    text-align: left !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th.le>div {
    justify-content: flex-start !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th:first-child {
    border-left: none
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody th>div {
    justify-content: center
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody td {
    padding: 2px 8px;
    text-align: center;
    border-left: 1px solid #e6e6e6
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody td:first-child {
    border-left: none
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle>table tbody td>div {
    justify-content: center
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .le {
    text-align: left !important;
    padding-left: 8px
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .le>div {
    justify-content: flex-start !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .ri {
    text-align: right !important;
    padding-right: 8px
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .ri>div {
    justify-content: flex-end !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .cen {
    padding: 0 !important;
    text-align: center !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .cen>div {
    justify-content: center !important
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .total {
    background-color: #f0f2f6
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .text_red {
    color: #fa5252
}

.newPortalPortletGrid .newPortletDiv .portletFormStyle .text_blue {
    color: #1c90fb
}

.newPortalPortletGrid .userinfo {
    position: relative;
    border-radius: 10px;
    background: #f9f9f9 url(/static/media/img_profile_bg.2a2023d9.png) no-repeat;
    background-size: cover
}

.newPortalPortletGrid .userinfo .user {
    height: 250px
}

.newPortalPortletGrid .userinfo .user .title {
    position: absolute;
    top: 23px;
    left: 25px;
    right: 0;
    font: 400 14px NSKB
}

.newPortalPortletGrid .userinfo .user .user_pic {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .12);
    overflow: hidden
}

.newPortalPortletGrid .userinfo .user .user_pic .img_pic {
    position: absolute;
    top: 0;
    width: 60px
}

.newPortalPortletGrid .userinfo .user .user_pic .img_pic img {
    width: 100%;
    min-height: 60px
}

.newPortalPortletGrid .userinfo .name {
    position: absolute;
    top: 126px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo .Scon_ts {
    position: absolute;
    top: 151px;
    left: 20px;
    right: 20px;
    height: 20px;
    text-align: center;
    font: 400 12px/20px NSKR;
    color: #000
}

.newPortalPortletGrid .userinfo .info_content {
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11px;
    color: #828282;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo .info_content:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    font-size: 0;
    vertical-align: top;
    margin: 0 5px 0 0;
    background: url(/static/media/ic_time_s_normal.1d03cc26.png) no-repeat 0
}

.newPortalPortletGrid .worktime {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    border-radius: 0 0 10px 10px;
    background: #f9f9f9
}

.newPortalPortletGrid .worktime #container {
    padding: 16px 0
}

.newPortalPortletGrid .worktime #container ul.btns {
    width: 100%;
    height: 14px
}

.newPortalPortletGrid .worktime #container ul.btns:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalPortletGrid .worktime #container ul.btns li {
    position: relative;
    float: left;
    width: 50%;
    font: 400 13px/14px NSKR;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .26);
    cursor: pointer
}

.newPortalPortletGrid .worktime #container ul.btns li.active {
    font: 400 13px/14px NSKB;
    color: #1c90fb
}

.newPortalPortletGrid .worktime #container ul.btns li:last-child {
    border-right: none
}

.newPortalPortletGrid .userinfo-hr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px
}

.newPortalPortletGrid .userinfo.profile .user .user_pic {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .12);
    overflow: hidden
}

.newPortalPortletGrid .userinfo.profile .user .user_pic .img_pic {
    position: absolute;
    top: 0;
    width: 60px
}

.newPortalPortletGrid .userinfo.profile .user .user_pic .img_pic img {
    width: 100%;
    min-height: 60px
}

.newPortalPortletGrid .userinfo.profile .name {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo.profile .Scon_ts {
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #000;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo.profile .info_content {
    display: none !important
}

.newPortalPortletGrid .userinfo.profile .worktime,
.newPortalPortletGrid .userinfo.work .user .user_pic {
    display: none
}

.newPortalPortletGrid .userinfo.work .name {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo.work .Scon_ts {
    position: absolute;
    top: 105px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #000;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo.work .info_content {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11px;
    color: #828282;
    font-family: NSKR
}

.newPortalPortletGrid .userinfo.work .info_content:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    font-size: 0;
    vertical-align: top;
    margin: 0 5px 0 0;
    background: url(/static/media/ic_time_s_normal.1d03cc26.png) no-repeat 0
}

.i_banner,
.i_banner * div,
.i_banner>div {
    width: 100%;
    height: 100%
}

.i_banner>div>div>div>div {
    overflow: hidden !important
}

.i_banner div img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.newPortalPortletGrid .ptl_mention {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9f9f9;
    border-radius: 10px
}

.newPortalPortletGrid .ptl_mention .alert_tab {
    border-radius: 10px 10px 0 0;
    background: rgba(0, 0, 0, .08)
}

.newPortalPortletGrid .ptl_mention .alert_tab li {
    float: left;
    width: 50%;
    height: 45px;
    padding: 13px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_mention .alert_tab li span {
    position: relative;
    font: 400 13px NSKR;
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_mention .alert_tab li span .txt {
    display: inline-block;
    padding: 0;
    line-height: 20px
}

.newPortalPortletGrid .ptl_mention .alert_tab li.on {
    background-color: #f9f9f9
}

.newPortalPortletGrid .ptl_mention .alert_tab li.on span .txt {
    font: 400 13px NSKB;
    color: #000
}

.newPortalPortletGrid .ptl_mention .mentionCon {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.newPortalPortletGrid .ptl_mention .mentionCon:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 40px;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn {
    position: relative;
    margin: 20px 0 0;
    padding: 0 20px;
    height: 36px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    z-index: 1
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .itemDiv {
    white-space: nowrap;
    overflow: hidden;
    scroll-behavior: smooth
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .itemDiv .item {
    margin: 0 0 0 4px;
    padding: 0 8px;
    height: 24px;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    font: 400 12px/22px NSKR;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .itemDiv .item:first-child {
    margin: 0
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .itemDiv .item.on {
    color: #1c90fb;
    border: 1px solid #1c90fb;
    background-color: #eff7ff
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv {
    margin: 5px 0 0 10px
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .prevBtn {
    margin: 0 2px 0 0;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_arrow_left_01_s_normal.d93d1189.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .prevBtn:hover {
    background: url(/static/media/ic_arrow_left_01_s_over.e7e38012.png) no-repeat 50%;
    background-size: cover
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .prevBtn.disabled {
    background: url(/static/media/ic_arrow_left_01_s_disable.8aa96f28.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .nextBtn {
    margin: 0 0 0 2px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .nextBtn:hover {
    background: url(/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: cover
}

.newPortalPortletGrid .ptl_mention .mentionCon .categoryFn .arrDiv .nextBtn.disabled {
    background: url(/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon {
    position: relative;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul {
    margin: 0
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li {
    position: relative;
    color: #aaa
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con {
    float: left;
    margin: -4px 0 0;
    padding: 0 0 20px
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con span.title {
    display: inline-block;
    position: relative;
    font: 400 12px NSKR;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dt {
    position: relative;
    font: 400 11px/20px NSKR;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dt .ea {
    float: left;
    width: 16px;
    height: 20px;
    background: url(/static/media/mention_alert_s.e63c81c4.png) no-repeat 0 4px;
    margin: 0 3px 0 0
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dt .msg {
    float: left;
    width: 16px;
    height: 20px;
    background: url(/static/media/mention_alert_s.e63c81c4.png) no-repeat -16px 4px;
    margin: 0 3px 0 0
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dt .promsg {
    float: left;
    width: 16px;
    height: 20px;
    background: url(/static/media/mention_alert_s.e63c81c4.png) no-repeat -32px 4px;
    margin: 0 3px 0 0
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.sub_detail .name {
    font: 400 11px/20px NSKR;
    color: #8e8e8e;
    word-break: break-all
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.sub_detail .name:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 5px;
    background: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.mention_detail .name,
.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.sub_detail .date {
    font: 400 11px/20px NSKR;
    color: #8e8e8e;
    word-break: break-all
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.mention_detail .name:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 5px;
    background: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con dd.mention_detail .date {
    font: 400 11px/20px NSKR;
    color: #8e8e8e;
    word-break: break-all
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .list_con .mt_marking {
    font: 700 11px/20px NSKR;
    color: #008aff
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 9px 0 25px
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.of {
    background: url(/static/media/ic_notice_oneffice_read.a66564f7.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.sc {
    background: url(/static/media/ic_notice_schedule_read.f7b2c1d1.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.an {
    background: url(/static/media/ic_notice_announcement_read.8cbfa7ed.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.ea {
    background: url(/static/media/ic_notice_approval_read.60c0964f.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.ma {
    background: url(/static/media/ic_notice_mail_read.993f4e3d.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.mg {
    background: url(/static/media/ic_notice_message_read.7d3dfbf2.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.fx {
    background: url(/static/media/ic_notice_fax_read.2f26b7fa.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.ks {
    background: url(/static/media/ic_notice_kiss_read.cad85903.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.bd {
    background: url(/static/media/ic_notice_board_read.47bfa816.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.dc {
    background: url(/static/media/ic_notice_doc_read.8fd1dd6d.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.wr {
    background: url(/static/media/ic_notice_projectreport_read.6fe331c2.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.nt {
    background: url(/static/media/ic_notice_note_read.cd137002.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.fl {
    background: url(/static/media/ic_notice_file_read.fcae7bb2.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.hr {
    background: url(/static/media/ic_notice_hr_read.ec90a7c8.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.ac {
    background: url(/static/media/ic_notice_accounting_read.6d58ab59.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.rs {
    background: url(/static/media/ic_notice_resource_read.fa027eb6.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.oc {
    background: url(/static/media/ic_notice_oc_read.9d85d459.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.st {
    background: url(/static/media/ic_notice_sign_read.a9dcf3e3.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.pw {
    background: url(/static/media/ic-notice-pw-reset-read.044a8209.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.crm {
    background: url(/static/media/ic-notice-crm-read.86561852.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.gsm {
    background: url(/static/media/ic_notice_management_read.c7276477.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.vote {
    background: url(/static/media/ic_notice_vote_read.6fbbdbf6.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.clinic {
    background: url(/static/media/ic_notice_clinic_read.6e27644d.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon.taddr {
    background: url(/static/media/ic_notice_total_address_read.e22d5bbe.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .icon img {
    width: 30px;
    height: 30px;
    border-radius: 50% 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .pic_wrap {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 9px 0 25px;
    border-radius: 30px;
    overflow: hidden
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .pic_wrap .div_img {
    width: 30px;
    height: 30px;
    background: url(/static/media/ic_notice_profile.5fbbbfeb.png) no-repeat top;
    background-size: 30px
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li .pic_wrap .div_img img {
    width: 100%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .list_con dt,
.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .list_con span.title {
    color: #000
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.of {
    background: url(/static/media/ic_notice_oneffice.94d5270d.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.sc {
    background: url(/static/media/ic_notice_schedule.0b887d91.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.an {
    background: url(/static/media/ic_notice_announcement.64c78360.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.ea {
    background: url(/static/media/ic_notice_approval.3c3f8e4a.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.ma {
    background: url(/static/media/ic_notice_mail.dd5ddb8a.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.mg {
    background: url(/static/media/ic_notice_message.7dad3dac.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.fx {
    background: url(/static/media/ic_notice_fax.ef3b3b47.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.ks {
    background: url(/static/media/ic_notice_kiss.8851d410.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.bd {
    background: url(/static/media/ic_notice_board.2fb21c4d.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.dc {
    background: url(/static/media/ic_notice_doc.f347ae7a.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.wr {
    background: url(/static/media/ic_notice_projectreport.46171d52.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.nt {
    background: url(/static/media/ic_notice_note.f0fd01fe.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.fl {
    background: url(/static/media/ic_notice_file.53168560.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.hr {
    background: url(/static/media/ic_notice_hr.226f8680.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.ac {
    background: url(/static/media/ic_notice_accounting.4d409e0b.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.rs {
    background: url(/static/media/ic_notice_resource.dfde123f.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.oc {
    background: url(/static/media/ic_notice_oc.fd129e5b.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.st {
    background: url(/static/media/ic_notice_sign.a6ea4759.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.pw {
    background: url(/static/media/ic-notice-pw-reset.5143dbc1.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.crm {
    background: url(/static/media/ic-notice-crm.3d8921d6.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.gsm {
    background: url(/static/media/ic_notice_management.ea7a55a1.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.vote {
    background: url(/static/media/ic_notice_vote.cbebd3ab.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.clinic {
    background: url(/static/media/ic_notice_clinic.643af79e.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon ul li.unread .icon.taddr {
    background: url(/static/media/ic_notice_total_address.ed9aa7f9.png) no-repeat 50%
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon .dayline {
    height: 28px;
    padding: 0 30px 10px;
    font: 400 12px/28px NSKB;
    color: #000;
    background-color: #f9f9f9
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon .dayline span {
    display: inline-block;
    width: 37px;
    height: 20px;
    line-height: 18px;
    margin: 4px 0 0 8px;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon .dayline.today {
    height: 28px;
    padding: 0 30px 10px;
    font: 400 12px/28px NSKB;
    color: #000;
    background-color: #f9f9f9
}

.newPortalPortletGrid .ptl_mention .mentionCon .tabCon .dayline.today span {
    font-size: 11px;
    color: #319df6;
    border: 1px solid #319df6;
    background: #f9f9f9
}

.newPortalPortletGrid .ptl_calendar {
    overflow: hidden
}

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

.newPortalPortletGrid .ptl_calendar .calendar_div {
    padding: 0 10px
}

.newPortalPortletGrid .ptl_calendar .calendar_div.resource {
    padding: 5px 10px 0
}

.newPortalPortletGrid .ptl_calendar .calendar_div h3 {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 6px;
    font: 400 12px NSKB;
    color: #222
}

.newPortalPortletGrid .row3 .ptl_calendar .calendar_wrap {
    padding: 0 0 15px
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap {
    float: left;
    width: 250px;
    padding: 15px 0 0;
    height: 200px;
    overflow: hidden
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap button {
    width: 20px !important;
    height: 20px !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div {
    padding: 0 10px !important;
    background: #f9f9f9 !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:first-child button:first-child {
    left: 25px !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:first-child button:nth-child(2) {
    left: 50px !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:first-child button:nth-child(5) {
    right: 25px !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:first-child button:nth-child(4) {
    right: 50px !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:first-child strong {
    color: #565656 !important
}

.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:nth-child(2) tbody td button,
.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:nth-child(2) tbody th button,
.newPortalPortletGrid .ptl_calendar .calendar_wrap>div>div>div:nth-child(2) thead th {
    font: 700 11px NSKR !important
}

.newPortalPortletGrid .ptl_calendar .calendar_select {
    padding: 8px 8px 0
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li {
    position: relative;
    margin: 10px 0 0
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li .time {
    display: block;
    font: 400 11px/17px NSKR;
    color: #8e8e8e;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li .sign {
    position: absolute;
    top: 5px;
    right: 0;
    width: 38px;
    height: 20px;
    margin: 0;
    padding: 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    display: inline-block;
    font: 400 12px/17px NSKR;
    margin: 0 45px 0 0;
    box-sizing: border-box;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li .txt {
    display: inline-block;
    font: 400 12px/17px NSKR;
    margin: 0;
    box-sizing: border-box;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .ptl_calendar .calendar_div .calendar_list li.special_day .txt {
    color: #ee6362
}

.newPortalPortletGrid .ptl_calendar .calendar_list li .colr-1 {
    background: #20c997
}

.newPortalPortletGrid .ptl_calendar .calendar_list li .colr-2 {
    background: #46a3f0
}

.newPortalPortletGrid .ptl_calendar .calendar_list li .colr-3 {
    background: #c28ed7
}

.newPortalPortletGrid .ptl_calendar .calendar_list li .colr-4 {
    background: #789af2
}

.calendarSelect {
    border: 1px solid #e6e6e6;
    background: #fff
}

.calendarSelect .acodiList {
    position: relative;
    line-height: 21px;
    padding: 10px 70px 10px 20px;
    border-top: 1px solid #e6e6e6;
    background-color: #edf4fb
}

.calendarSelect .acodiList:first-child {
    border-top: none
}

.calendarSelect .acodiList .arr {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.calendarSelect .acodiList .arr.up {
    background: url(/static/media/ic_arrow_up_01_s_normal.e6a77b64.png) no-repeat 50%
}

.calendarSelect .acodiList .arr.down {
    background: url(/static/media/ic_arrow_down_01_s_normal.1de45dea.png) no-repeat 50%
}

.calendarSelect ul {
    padding: 5px 0;
    border-top: 1px solid #e6e6e6
}

.calendarSelect ul li {
    line-height: 21px;
    padding: 2px 0 2px 40px
}

.newPortalPortletGrid .ptl_mail {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_mail ul {
    height: 100%;
    padding: 0 25px
}

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

.newPortalPortletGrid .ptl_mail ul li.unread .title span.link {
    font-weight: 700
}

.newPortalPortletGrid .ptl_mail ul dl {
    display: block;
    width: 100%;
    margin: 0 0 9px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.newPortalPortletGrid .ptl_mail ul dd,
.newPortalPortletGrid .ptl_mail ul dl,
.newPortalPortletGrid .ptl_mail ul dt {
    float: left;
    position: relative
}

.newPortalPortletGrid .ptl_mail ul li.unread dt.title {
    background: url(/static/media/ic_mail_m_over.defa82c6.png) no-repeat 0
}

.newPortalPortletGrid .ptl_mail ul dt.title {
    font: 400 12px NSKR;
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(/static/media/ic_mail_read_m_normal.ab3357ec.png) no-repeat left top -1px
}

.newPortalPortletGrid .ptl_mail ul dd.from_info {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    clear: both;
    font: 400 11px NSKR;
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_mail ul dd.date {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: right;
    font: 400 11px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_board {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_board ul {
    height: 100%;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_board ul dl {
    position: relative;
    width: 100%;
    padding: 7px 0;
    font: 400 13px/18px NSKR
}

.newPortalPortletGrid .ptl_board ul dt .number {
    margin: 0 6px 0 0;
    padding: 0 7px;
    min-width: 24px;
    height: 18px;
    font: 400 11px/18px NSKR;
    color: #494949;
    text-align: center;
    border: 1px solid #656565;
    border-radius: 18px
}

.newPortalPortletGrid .ptl_board ul dd,
.newPortalPortletGrid .ptl_board ul dt .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_board ul dd {
    position: relative;
    padding: 0 0 0 15px;
    max-width: 65px;
    font: 400 11px/18px NSKR;
    color: #8e8e8e;
    letter-spacing: -.2px
}

.newPortalPortletGrid .ptl_board ul dd:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 7px;
    width: 1px;
    height: 8px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_board ul dt+dd:before {
    display: none
}

.newPortalPortletGrid .ptl_board ul dd.name {
    width: 60px
}

.newPortalPortletGrid .ptl_board ul dd.name:before {
    display: none
}

.newPortalPortletGrid .ptl_board ul dd.company,
.newPortalPortletGrid .ptl_board ul dd.department,
.newPortalPortletGrid .ptl_board ul dd.workplace {
    width: 60px
}

.newPortalPortletGrid .ptl_board ul dd.date {
    width: auto
}

.col3 .ptl_board ul dd.company,
.col3 .ptl_board ul dd.date:before,
.col3 .ptl_board ul dd.department,
.col3 .ptl_board ul dd.name,
.col3 .ptl_board ul dd.workplace,
.col4 .ptl_board ul dd.company,
.col4 .ptl_board ul dd.date:before,
.col4 .ptl_board ul dd.department,
.col4 .ptl_board ul dd.name,
.col4 .ptl_board ul dd.workplace,
.col5 .ptl_board ul dd.company,
.col5 .ptl_board ul dd.date:before,
.col5 .ptl_board ul dd.department,
.col5 .ptl_board ul dd.name,
.col5 .ptl_board ul dd.workplace,
.col6 .ptl_board ul dd.company,
.col6 .ptl_board ul dd.workplace,
.col7 .ptl_board ul dd.company,
.col7 .ptl_board ul dd.workplace,
.col8 .ptl_board ul dd.company,
.col8 .ptl_board ul dd.workplace,
.col9 .ptl_board ul dd.company,
.col9 .ptl_board ul dd.workplace {
    display: none
}

.newPortalPortletGrid .ptl_note {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_note ul {
    height: 100%;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_note ul li {
    background: url(/static/media/ic_note_m_normal.68fab592.png) no-repeat 0
}

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

.newPortalPortletGrid .ptl_note ul li.unread .title span.link {
    font-weight: 700
}

.newPortalPortletGrid .ptl_note ul dl {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    font: 400 13px/34px NSKR;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.newPortalPortletGrid .ptl_note ul dd,
.newPortalPortletGrid .ptl_note ul dl,
.newPortalPortletGrid .ptl_note ul dt {
    float: left
}

.newPortalPortletGrid .ptl_note ul dt.title {
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 400 13px/34px NSKR
}

.newPortalPortletGrid .ptl_note ul dd.date {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_survey {
    width: 100%;
    height: 100%;
    background: #f9f9f9
}

.newPortalPortletGrid .ptl_survey .question {
    padding: 10px 25px 0
}

.main_nocon {
    vertical-align: middle;
    min-height: 100px
}

.main_nocon,
.main_nocon table {
    width: 100%;
    text-align: center;
    color: #8d8d8d;
    height: 100%
}

.main_nocon table {
    background-color: #f9f9f9
}

.main_nocon table td {
    vertical-align: middle;
    height: 100%
}

.main_nocon table td span.txt {
    font-size: 12px;
    margin: -20px 0 10px;
    padding: 50px 0 0;
    display: inline-block;
    background: #f9f9f9 url(/static/media/img_empty_data_s.410970b4.png) no-repeat top
}

.newPortalPortletGrid .ptl_doc {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_doc ul {
    height: 100%;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_doc ul li {
    background: url(/static/media/ic_docu_m_normal.0699a912.png) no-repeat 0
}

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

.newPortalPortletGrid .ptl_doc ul li.unread .title span.link {
    font-weight: 700
}

.newPortalPortletGrid .ptl_doc ul dl {
    position: relative;
    display: block;
    width: 100%;
    font: 400 13px/34px NSKR;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.newPortalPortletGrid .ptl_doc ul dd,
.newPortalPortletGrid .ptl_doc ul dl,
.newPortalPortletGrid .ptl_doc ul dt {
    float: left
}

.newPortalPortletGrid .ptl_doc ul dt.title {
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_doc ul dd.date {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_list {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 0 0 10px 10px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_list ul {
    height: 100%;
    padding: 0 0 0 25px
}

.newPortalPortletGrid .ptl_list ul li {
    display: block;
    font: 400 13px/34px NSKR;
    margin: 0 25px 0 0;
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(/static/media/ic_survey_m_normal.0e5be480.png) no-repeat 0
}

.newPortalPortletGrid .ptl_approval {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_approval ul {
    height: 100%;
    padding: 0 25px
}

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

.newPortalPortletGrid .ptl_approval ul dl {
    position: relative;
    display: block;
    width: 100%;
    font: 400 13px/34px NSKR;
    padding: 0 0 0 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_approval ul dl.nosign {
    padding: 0
}

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

.newPortalPortletGrid .ptl_approval ul dd,
.newPortalPortletGrid .ptl_approval ul dl,
.newPortalPortletGrid .ptl_approval ul dt {
    float: left
}

.newPortalPortletGrid .ptl_approval ul dt.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_approval ul li.new dt.title span.link {
    font-weight: 700
}

.newPortalPortletGrid .ptl_approval ul dd.sign {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    height: 20px;
    margin: 0;
    padding: 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_approval ul dd.name {
    position: absolute;
    top: 0;
    right: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0;
    padding: 0 8px 0 0
}

.newPortalPortletGrid .ptl_approval ul dd.name:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    width: 1px;
    height: 8px;
    background: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .col3 .ptl_approval ul dd.name {
    display: none
}

.newPortalPortletGrid .ptl_approval ul dd.date {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_approval .colr-1 {
    background: #f0c325
}

.newPortalPortletGrid .ptl_approval .colr-2 {
    background: #46a3f0
}

.newPortalPortletGrid .ptl_approval .colr-3 {
    background: #2dbcb5
}

.newPortalPortletGrid .ptl_approval .colr-4 {
    background: #20c997
}

.newPortalPortletGrid .ptl_approval .colr-5 {
    background: #f8a457
}

.newPortalPortletGrid .ptl_approval .colr-6 {
    background: #ff8787
}

.newPortalPortletGrid .ptl_approval .colr-7 {
    color: #9da3aa !important;
    border: 1px solid #9da3aa;
    background: #fff
}

.newPortalPortletGrid .ptl_approval .colr-8 {
    background: #39b0d2
}

.newPortalPortletGrid .ptl_approval .colr-9 {
    background: #9da3aa
}

.newPortalPortletGrid .ptl_status {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_status ul {
    height: 100%;
    padding: 0 25px
}

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

.newPortalPortletGrid .ptl_status ul dl {
    position: relative;
    display: block;
    width: 100%;
    font: 400 13px/34px NSKR;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.newPortalPortletGrid .ptl_status ul dt {
    float: left;
    padding: 0 0 0 8px
}

.newPortalPortletGrid .ptl_status ul dt:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #656565
}

.newPortalPortletGrid .ptl_status ul dd {
    float: right;
    text-align: right
}

.newPortalPortletGrid .ptl_status ul dd .red {
    color: #fa5252
}

.newPortalPortletGrid .ptl_status ul dd .blue {
    color: #1c90fb
}

.newPortalPortletGrid .mdst {
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    display: table
}

.newPortalPortletGrid .mdst ul {
    padding: 0 25px;
    display: table-cell;
    vertical-align: middle
}

.newPortalPortletGrid .mdst ul li {
    overflow: hidden;
    margin: 0;
    font: 400 13px NSKR
}

.newPortalPortletGrid .mdst ul li:first-child {
    margin: 0 0 16px
}

.newPortalPortletGrid .mdst ul li dl {
    position: relative;
    display: block;
    width: 100%
}

.newPortalPortletGrid .mdst ul li dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalPortletGrid .mdst ul li dt {
    float: left;
    padding: 0 0 0 8px
}

.newPortalPortletGrid .mdst ul li dt:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #656565
}

.newPortalPortletGrid .mdst ul li dd {
    float: right
}

.newPortalPortletGrid .mdst ul li dd.resourceText {
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
    font: 400 11px NSKR;
    color: #8e8e8e
}

.newPortalPortletGrid .mdst ul li dd.resourceText span {
    color: #000
}

.newPortalPortletGrid .mdst ul li dd .red {
    color: #fa5252
}

.newPortalPortletGrid .mdst ul li dd .blue {
    color: #1c90fb
}

.newPortalPortletGrid .ptl_weather {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #f9f9f9
}

.newPortalPortletGrid .ptl_weather #weather {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px 0 15px
}

.newPortalPortletGrid .ptl_weather .ptl_weather_ico {
    float: left;
    width: 54px
}

.newPortalPortletGrid .ptl_weather .ptl_weather_ico img {
    width: 100%
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info {
    float: left;
    width: calc(100% - 54px);
    margin: 5px 0 0
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_location {
    float: left;
    width: 60%;
    overflow: hidden;
    padding: 0
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_location span {
    display: block
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_location .loc_txt01 {
    font: 400 11px NSKR;
    color: #828282;
    letter-spacing: -1px;
    margin: 0 0 3px;
    padding: 0
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_location .loc_txt02 {
    font: 400 14px NSKR;
    color: #222;
    padding: 0
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_celsius {
    float: right;
    width: 40%;
    font-size: 0;
    text-align: right
}

.newPortalPortletGrid .ptl_weather .ptl_weather_info .weather_celsius span {
    display: block;
    font: 400 24px/30px NSKB;
    color: #222;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    background: url(/static/media/np_weather_celsius_bg.ce303056.png) no-repeat bottom 6px right;
    background-size: 10px
}

.newPortalPortletGrid .ptl_wklist {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_wklist ul {
    height: 100%;
    padding: 0 25px
}

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

.newPortalPortletGrid .ptl_wklist ul dl {
    position: relative;
    display: block;
    width: 100%;
    font: 400 13px/34px NSKR;
    padding: 0 0 0 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

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

.newPortalPortletGrid .ptl_wklist ul dd,
.newPortalPortletGrid .ptl_wklist ul dl,
.newPortalPortletGrid .ptl_wklist ul dt {
    float: left
}

.newPortalPortletGrid .ptl_wklist ul dt.title {
    display: flex;
    flex-direction: row;
    line-height: 18px;
    margin: 8px 0
}

.newPortalPortletGrid .ptl_wklist ul dt.title span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.newPortalPortletGrid .ptl_wklist ul dt.title span:last-child {
    flex: 1 1 auto
}

.newPortalPortletGrid .ptl_wklist ul dt.title span.gt {
    width: 30px;
    text-align: center
}

.newPortalPortletGrid .ptl_wklist ul dd.sign {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    height: 20px;
    margin: 0;
    padding: 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_wklist ul dd.date {
    position: absolute;
    top: 0;
    right: 60px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0;
    padding: 0 8px 0 0
}

.newPortalPortletGrid .ptl_wklist ul dd.date:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    width: 1px;
    height: 8px;
    background: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_wklist ul dd.name {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_wklist ul dd.name span {
    color: #1c90fb;
    margin-right: 5px
}

.newPortalPortletGrid .ptl_wklist .colr-1 {
    background: #f8b639
}

.newPortalPortletGrid .ptl_wklist .colr-2 {
    background: #46a3f0
}

.newPortalPortletGrid .ptl_wklist .colr-3 {
    background: #ff8787
}

.newPortalPortletGrid .ptl_wklist .colr-4 {
    background: #9da3aa
}

.newPortalPortletGrid .i_quick {
    position: relative;
    width: 100%;
    height: 100%
}

.newPortalPortletGrid .i_quick .quick-container {
    font-size: 0;
    margin: 10px;
    background: #f9f9f9;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    scroll-behavior: smooth
}

.newPortalPortletGrid .i_quick .quick-container .quick-item {
    display: inline-block;
    position: relative;
    width: 165px;
    height: 140px;
    border: 1px solid rgba(0, 0, 0, .08);
    background-color: #f0f5f9;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 0 10px
}

.newPortalPortletGrid .i_quick .quick-container .quick-item:first-child {
    margin: 0
}

.newPortalPortletGrid .i_quick .quick-container .quick-item img {
    width: 100%;
    height: 100%
}

.newPortalPortletGrid .i_quick .arrLeft {
    display: none;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 22px;
    height: 22px;
    margin-top: -22px;
    border-radius: 22px;
    background: rgba(0, 0, 0, .2) url(/static/media/ico_quickArrow_normal_prev.b5b45bb1.png) no-repeat left 7px center;
    cursor: pointer
}

.newPortalPortletGrid .i_quick:hover .arrLeft {
    display: block
}

.newPortalPortletGrid .i_quick .arrLeft:hover {
    background: rgba(0, 0, 0, .3) url(/static/media/ico_quickArrow_normal_prev.b5b45bb1.png) no-repeat left 7px center
}

.newPortalPortletGrid .i_quick .arrRight {
    display: none;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 22px;
    height: 22px;
    margin-top: -22px;
    border-radius: 22px;
    background: rgba(0, 0, 0, .2) url(/static/media/ico_quickArrow_normal_next.c78e6374.png) no-repeat right 7px center;
    cursor: pointer
}

.newPortalPortletGrid .i_quick:hover .arrRight {
    display: block
}

.newPortalPortletGrid .i_quick .arrRight:hover {
    background: rgba(0, 0, 0, .3) url(/static/media/ico_quickArrow_normal_next.c78e6374.png) no-repeat right 7px center
}

.newPortalPortletGrid .ptl_slipsStatus {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_slipsStatus .div_slipsStatus {
    padding: 0 25px
}

.newPortalPortletGrid .ptl_slipsStatus .div_slipsStatus .desText {
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_slipsStatus ul {
    height: calc(100% - 59px);
    padding: 0 25px
}

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

.newPortalPortletGrid .ptl_slipsStatus ul dl {
    position: relative;
    display: block;
    width: 100%;
    font: 400 12px/34px NSKR;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.newPortalPortletGrid .ptl_slipsStatus ul dt {
    float: left;
    padding: 0 0 0 7px
}

.newPortalPortletGrid .ptl_slipsStatus ul dt:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000
}

.newPortalPortletGrid .ptl_slipsStatus ul dd {
    float: right;
    text-align: right
}

.newPortalPortletGrid .ptl_slipsStatus ul dd .red {
    color: #fa5252
}

.newPortalPortletGrid .ptl_slipsStatus ul dd .blue {
    color: #1c90fb
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree {
    padding: 0 25px
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .pubDatePickerStyle>div {
    width: 198px !important
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox {
    height: 67px;
    margin: 10px 0 0;
    padding: 16px 15px 0;
    border-radius: 4px 4px 0 0;
    background-color: #f0f2f6;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox>div:first-child {
    position: relative;
    margin: 0 12px 0 0;
    padding: 0 12px 0 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox>div:first-child:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 26px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox .ico01 {
    font: 400 11px/17px NSKR;
    color: #222;
    text-align: left;
    padding: 0 0 0 16px;
    background: url(/static/media/ic_room_enter_s_normal.d485f499.png) no-repeat 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox .ico02 {
    font: 400 11px/17px NSKR;
    color: #222;
    text-align: left;
    padding: 0 0 0 16px;
    background: url(/static/media/ic_room_leave_s_normal.134cdccd.png) no-repeat 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .topUnitBox .timeText {
    font: 400 11px/17px NSKB;
    color: #000;
    text-align: left
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .botUnitBox {
    height: 38px;
    padding: 0 15px;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .botUnitBox .ico {
    font: 400 11px/38px NSKR;
    color: #222;
    text-align: left;
    padding: 0 0 0 16px;
    background: url(/static/media/ic_time_s_normal.1d03cc26.png) no-repeat 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .botUnitBox .timeText {
    font: 400 11px/38px NSKR;
    color: #000;
    text-align: right
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx {
    margin: 12px 0 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .title {
    position: relative;
    font: 400 12px/20px NSKR;
    color: #222;
    text-align: left;
    padding: 0 0 0 8px
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .title:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .text {
    font: 400 12px/20px NSKR;
    padding: 0 6px 0 0
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .text.text_blue {
    color: #1c90fb
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .text.text_red {
    color: #fa5252
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .state {
    display: inline-block;
    width: 38px;
    height: 20px;
    margin: 0;
    padding: 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .state.colr-1 {
    background-color: #20c997
}

.newPortalPortletGrid .ptl_PersonalWorkingTimeAgree .resultBpx .state.colr-2 {
    background-color: #ff8787
}

.newPortalPortletGrid .ptl_WorkingTimeApproval {
    padding: 0 25px
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .pubDatePickerStyle>div {
    width: 198px !important
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn01 {
    height: 42px;
    padding: 0 12px 0 34px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #f0f2f6 url(/static/media/ic_unitBtn01.2af31f10.png) no-repeat left 12px center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn01:hover {
    border: 1px solid #1c90fb;
    transition: .5s
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn01 .title {
    font: 400 12px/42px NSKR;
    color: #222;
    text-align: left
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn01 .cnt {
    font: 400 12px/42px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn01 .cnt b {
    font-weight: 700;
    color: #7c8db1
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn02 {
    height: 45px;
    margin: 0 2px 0 0;
    padding: 0 12px 0 34px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff url(/static/media/ic_unitBtn02.3c34fd6f.png) no-repeat left 12px center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn02:hover {
    border: 1px solid #1c90fb;
    transition: .5s
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn02 .title {
    margin: 6px 0 0;
    font: 400 12px/17px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn02 .cnt {
    font: 400 12px/15px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn02 .cnt b {
    font-weight: 700;
    color: #ff8787
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn03 {
    height: 45px;
    margin: 0 0 0 2px;
    padding: 0 12px 0 34px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff url(/static/media/ic_unitBtn03.dee69a8a.png) no-repeat left 12px center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn03:hover {
    border: 1px solid #1c90fb;
    transition: .5s
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn03 .title {
    margin: 6px 0 0;
    font: 400 12px/17px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn03 .cnt {
    font: 400 12px/15px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn03 .cnt b {
    font-weight: 700;
    color: #f8a457
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn04 {
    height: 45px;
    margin: 0 2px 0 0;
    padding: 0 12px 0 34px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff url(/static/media/ic_unitBtn04.cb9e32f5.png) no-repeat left 12px center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn04:hover {
    border: 1px solid #1c90fb;
    transition: .5s
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn04 .title {
    margin: 6px 0 0;
    font: 400 12px/17px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn04 .cnt {
    font: 400 12px/15px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn04 .cnt b {
    font-weight: 700;
    color: #46a3f0
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn05 {
    height: 45px;
    margin: 0 0 0 2px;
    padding: 0 12px 0 34px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff url(/static/media/ic_unitBtn05.f8253f54.png) no-repeat left 12px center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn05:hover {
    border: 1px solid #1c90fb;
    transition: .5s
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn05 .title {
    margin: 6px 0 0;
    font: 400 12px/17px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn05 .cnt {
    font: 400 12px/15px NSKR;
    color: #222;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkingTimeApproval .unitBtn05 .cnt b {
    font-weight: 700;
    color: #20c997
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap {
    margin: 8px 0 0;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxL {
    width: 126px;
    height: 126px;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #f5faff url(/static/media/ic_tab_report_send_blue.dab30d8b.png) no-repeat top 20px center;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxL .cnt {
    margin: 58px 0 0;
    font: 400 18px/27px NSKB;
    color: #000;
    text-align: center
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxL .text {
    font: 400 11px/17px NSKR;
    color: #4a4a4a;
    text-align: center
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR {
    height: 126px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .receiveTotal {
    width: 124px;
    border-radius: 4px 0 4px 0;
    background: #f5faff url(/static/media/ic_tab_report_receive_blue.c3499601.png) no-repeat top 20px center;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .receiveTotal .receiveCnt {
    margin: 58px 0 0;
    font: 400 11px/27px NSKR;
    color: #8e8e8e;
    text-align: center
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .receiveTotal .receiveCnt .cnt {
    font: 400 18px/27px NSKB;
    color: #000
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .receiveTotal .text {
    font: 400 11px/17px NSKR;
    color: #4a4a4a;
    text-align: center
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt {
    padding: 15px
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit {
    position: relative;
    height: 24px;
    padding: 0 0 0 8px
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit .tit {
    font: 400 12px/24px NSKR;
    color: #222;
    text-align: left
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit .receiveCnt {
    margin: 0;
    font: 400 12px/24px NSKR;
    color: #8e8e8e;
    text-align: right
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit .receiveCnt .cnt {
    font: 400 12px/24px NSKB;
    color: #000
}

.newPortalPortletGrid .ptl_WorkReportStatus .unitBoxWrap .unitBoxR .reportCnt .cntUnit .receiveCnt .cnt.text_blue {
    color: #1c90fb
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox {
    height: 46px;
    border-radius: 0 0 10px 10px;
    background: #fff
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li {
    position: relative;
    text-align: center
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li:first-child:before {
    display: none
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li span {
    display: inline-block;
    padding: 0 0 0 24px;
    font: 400 15px/46px NSKR;
    color: #000;
    text-align: center;
    cursor: pointer
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li .btnUnit01 {
    background: url(/static/media/ic_write_m_over.a06fa9ad.png) no-repeat left 0 center
}

.newPortalPortletGrid .ptl_WorkReportStatus .btnBox li .btnUnit02 {
    background: url(/static/media/ic_oneffice_m_over.4575b10f.png) no-repeat left 0 center
}

.newPortalPortletGrid .ptl_ReportsReceived {
    margin: 8px 0 0;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox {
    width: 146px;
    height: calc(100% - 20px);
    margin: 0 20px 20px 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .receiveTotal {
    padding: 14px 14px 0
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .receiveTotal .text {
    font: 400 11px/17px NSKR;
    color: #4a4a4a;
    text-align: left
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .receiveTotal .receiveCnt {
    font: 400 11px/27px NSKR;
    color: #8e8e8e;
    text-align: left
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .receiveTotal .receiveCnt .cnt {
    font: 400 18px/27px NSKB;
    color: #1c90fb
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt {
    padding: 4px 14px 9px
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit {
    position: relative;
    height: 24px;
    padding: 0 0 0 8px
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit .tit {
    font: 400 12px/24px NSKR;
    color: #222;
    text-align: left
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit .receiveCnt {
    margin: 0;
    font: 400 12px/24px NSKR;
    color: #8e8e8e;
    text-align: right
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit .receiveCnt .cnt {
    font: 400 12px/24px NSKB;
    color: #000
}

.newPortalPortletGrid .ptl_ReportsReceived .leftBox .reportCnt .cntUnit .receiveCnt .cnt.text_blue {
    color: #1c90fb
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox {
    height: calc(100% - 20px);
    margin: 0 0 20px
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl {
    position: relative;
    display: flex;
    width: 100%;
    font: 400 13px/34px NSKR;
    padding: 0 0 0 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl .title {
    flex: 1 1;
    margin: 0 10px 0 0;
    font: 400 13px/34px NSKR;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a6a6a6
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl dd.sign {
    position: absolute;
    top: 8px;
    left: 0;
    width: 36px;
    height: 18px;
    margin: 0;
    padding: 0;
    font: 400 11px/18px NSKR;
    color: #a6a6a6;
    text-align: center;
    border: 1px solid #a6a6a6;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl dd.name {
    position: relative;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0;
    padding: 0 8px 0 0
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl dd.name:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    width: 1px;
    height: 8px;
    background: rgba(0, 0, 0, .1)
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li dl dd.date {
    width: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li.new dl .title {
    color: #222
}

.newPortalPortletGrid .ptl_ReportsReceived .rightBox ul li.new dl dd.sign {
    color: #222;
    border: 1px solid #656565
}

.newPortalPortletGrid .col3 .ptl_ReportsReceived .leftBox,
.newPortalPortletGrid .col3 .ptl_ReportsReceived .rightBox ul li dl dd.name,
.newPortalPortletGrid .col4 .ptl_ReportsReceived .leftBox,
.newPortalPortletGrid .col5 .ptl_ReportsReceived .leftBox {
    display: none
}

.newPortalPortletGrid .ptl_oneform {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 0 0 10px 10px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_oneform ul {
    height: 100%;
    padding: 0 0 0 25px
}

.newPortalPortletGrid .ptl_oneform ul li {
    display: block;
    font: 400 13px/34px NSKR;
    margin: 0 25px 0 0;
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_oneform ul li.oneForm {
    background: url(/static/media/ic_docu_form_m_normal.ee768775.png) no-repeat 0
}

.newPortalPortletGrid .ptl_onedocu {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_onedocu ul {
    height: 100%;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_onedocu ul dl {
    position: relative;
    width: 100%;
    font: 400 13px/34px NSKR;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_onedocu ul dt.title {
    padding: 0 0 0 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_onedocu ul dt.title.shareIn {
    background: url(/static/media/ic_notice_sharein.9ac49819.png) no-repeat 0;
    background-size: 18px
}

.newPortalPortletGrid .ptl_onedocu ul dt.title.shareOut {
    background: url(/static/media/ic_notice_shareout.a3f68cfb.png) no-repeat 0;
    background-size: 18px
}

.newPortalPortletGrid .ptl_onedocu ul dt.title.shareAgain {
    background: url(/static/media/ic_notice_shareagain.47ab01ce.png) no-repeat 0;
    background-size: 18px
}

.newPortalPortletGrid .ptl_onedocu ul dt.title.oneDocu {
    background: url(/static/media/icon_board_oneffice_small.2d6c70ed.png) no-repeat 0
}

.newPortalPortletGrid .ptl_onedocu ul dd.name {
    width: 50px;
    text-align: right;
    font: 400 11px/34px NSKR;
    color: #8e8e8e;
    margin: 0
}

.newPortalPortletGrid .ptl_crmSales {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_crmSales ul {
    height: 100%;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_crmSales ul li {
    position: relative;
    width: 100%;
    font: 400 13px/34px NSKR;
    padding: 0 0 0 66px;
    box-sizing: border-box
}

.newPortalPortletGrid .ptl_crmSales ul li,
.newPortalPortletGrid .ptl_crmSales ul li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newPortalPortletGrid .ptl_crmSales ul li .state {
    position: absolute;
    top: 8px;
    left: 0;
    width: 60px;
    height: 20px;
    margin: 0;
    padding: 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 45px
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-1 {
    background: #f0c325
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-2 {
    background: #46a3f0
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-3 {
    background: #2dbcb5
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-4 {
    background: #ff8787
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-5 {
    background: #f8a457
}

.newPortalPortletGrid .ptl_crmSales ul li .state.colr-6 {
    background: #9da3aa
}

.newPortalPortletGrid .ptl_crmSales ul li .comp {
    margin: 0 0 0 10px;
    font: 400 11px/34px NSKR;
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_crmOrderStatus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20px;
    background: #f9f9f9;
    overflow: hidden
}

.newPortalPortletGrid .ptl_crmOrderStatus .graphBox {
    width: 100%;
    height: 100%
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox {
    margin: 0 20px;
    align-items: center
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 2px;
    line-height: 20px;
    font-family: NSKR
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .title .year {
    font-size: 12px;
    text-align: left
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .title .unit {
    font-size: 11px;
    text-align: right;
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 10px 0;
    box-sizing: border-box;
    color: #8e8e8e
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine dt {
    width: 40px;
    font-size: 11px;
    align-items: center
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine dd {
    font-size: 11px
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine dd .tit {
    width: 40px
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine dd .blue {
    color: #46a3f0;
    text-align: right
}

.newPortalPortletGrid .ptl_crmOrderStatus .dataBox .dataLine dd .red {
    color: #ff8787;
    text-align: right
}

.newPortalPortletGrid .row3 .ptl_crmOrderStatus .dataLine {
    padding: 2px 0
}

.newPortalPortletGrid .ptl_birthday {
    margin: 5px 0 0
}

.newPortalPortletGrid .ptl_birthday .pubDatePickerStyle>div {
    width: 200px !important;
    padding: 0 25px
}

.newPortalPortletGrid .ptl_birthday .birthdayList {
    margin: 0 25px;
    padding: 0 0 20px
}

.newPortalPortletGrid .ptl_birthday .birthdayList .dateLine {
    margin: 10px 0 0;
    font-size: 12px;
    font-family: NSKB;
    line-height: 18px
}

.newPortalPortletGrid .ptl_birthday .birthdayList .dateLine .today {
    margin: 0 0 0 10px;
    padding: 0 8px;
    font-size: 11px;
    font-family: NSKB;
    line-height: 18px;
    color: #fff;
    text-align: center;
    border-radius: 18px;
    background-color: #1c90fb
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li {
    margin: 10px 0 0;
    height: 28px;
    cursor: pointer
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .chkBox {
    width: 14px;
    height: 28px;
    line-height: 28px
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .userPic {
    margin: 0 0 0 8px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    overflow: hidden;
    background: url(/static/media/img_empty_profile_52@2x.03998025.png) no-repeat top;
    background-size: 28px
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .userPic img {
    width: 100%
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .dataBox {
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0 6px
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .dataBox .txt {
    font-size: 12px;
    font-family: NSKR;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .dataBox .txt:last-child {
    flex: 1 1;
    min-width: 0
}

.newPortalPortletGrid .ptl_birthday .birthdayList ul li .dataBox .line {
    margin: 9px 6px 0;
    width: 1px;
    height: 11px;
    background-color: #000;
    opacity: .1
}

.userSet .userPortletThumbnail {
    display: none;
    position: fixed;
    left: 48px;
    right: 0;
    bottom: 0;
    height: 120px;
    background: #31353c;
    transition: all .2s;
    overflow: hidden;
    z-index: 5
}

.userSet .newPortalPortletGrid .iframeBox,
.userSet .newPortalPortletGrid .portletBox,
.userSet .newPortalPortletGrid .titleBox {
    z-index: 2
}

.userSet .newPortalPortletGrid .setting {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, .65);
    z-index: 10;
    cursor: move
}

.userSet .newPortalPortletGrid .setting:hover {
    background: url(/static/media/ic_move.be4baf83.png) no-repeat 50%, rgba(0, 0, 0, .65)
}

.userSet .newPortalPortletGrid .setting.lock {
    cursor: not-allowed;
    background: url(/static/media/ic_lock.48a1edac.png) no-repeat 50%, rgba(0, 0, 0, .65)
}

.userSet .newPortalPortletGrid .setting.nonResize {
    background: rgba(0, 0, 0, .65)
}

.userSet .newPortalPortletGrid .setting.nonResize:hover {
    background: url(/static/media/ic_move.be4baf83.png) no-repeat 50%, rgba(0, 0, 0, .65)
}

.userSet .newPortalPortletGrid .setting .del_btn {
    position: absolute;
    top: 24px;
    right: 26px;
    width: 20px;
    height: 20px;
    background: url(/static/media/ic_delete.75bbcc12.png) no-repeat 50%;
    cursor: pointer
}

.userSet .newPortalPortletGrid .setting .resize_btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(/static/media/ic_scale.c96b0617.png) no-repeat 50%;
    cursor: pointer
}

.userSet .newPortalPortletGrid .setting .ptl_info {
    position: absolute;
    top: 24px;
    left: 26px;
    text-align: left;
    max-width: calc(100% - 80px)
}

.userSet .newPortalPortletGrid .setting .ptl_info .name {
    display: block;
    padding: 0 28px 0 0;
    clear: both;
    font-size: 14px;
    color: #fff;
    font-family: NSKR;
    line-height: 20px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.userSet .newPortalPortletGrid .setting .ptl_info .set_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/static/media/ic_setting_s.b6f6d0f0.png) no-repeat 50%;
    cursor: pointer
}

.userSet .newPortalPortletGrid.nonGrid .setting,
.userSet .newPortalPortletGrid.nonGrid:after,
.userSet .newPortalPortletGrid.nonGrid:before,
.userSet .newPortalPortletGrid.nonGrid>table {
    display: none
}

.userPortletControll {
    display: none;
    position: fixed;
    top: 0;
    left: 48px;
    right: 0;
    height: 72px;
    overflow: hidden;
    background: #31353c
}

.userPortletControll .header-ci {
    position: absolute;
    top: 0;
    left: 30px;
    width: 200px;
    height: 70px;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.userPortletControll .header-ci h2 {
    overflow: hidden;
    margin: 0;
    height: 70px;
    line-height: 75px
}

.userPortletControll .header-ci h2 img {
    max-width: 150px;
    max-height: 30px;
    vertical-align: middle
}

.userPortletControll .userPortletControllIn {
    position: relative;
    width: 1060px;
    margin: 21px auto 0;
    text-align: right
}

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

.userPortletControll.open {
    display: block
}

.userPortletThumbnail {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: #31353c;
    transition: all .2s;
    overflow: hidden
}

.userPortletThumbnail.open {
    display: block
}

.userPortletThumbnail .userPortletList {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0 30px
}

.userPortletThumbnail .userPortletList.insize {
    margin: 0 auto;
    padding: 0 100px 0 16px
}

.userPortletThumbnail .userPortletList ul {
    white-space: nowrap;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    scroll-behavior: smooth
}

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

.userPortletThumbnail .userPortletList li {
    display: inline-block;
    padding: 18px 4px;
    cursor: move
}

.userPortletThumbnail .userPortletList li span {
    display: table-cell;
    max-width: 84px;
    width: 84px;
    height: 84px;
    padding: 40px 0 0;
    text-align: center;
    font: 400 11px sans-serif;
    color: #fff;
    background: #464a50;
    border-radius: 4px;
    border: 2px solid #464a50;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box
}

.userPortletThumbnail .userPortletList li span em {
    display: block;
    margin: 3px 0 0;
    font: 400 10px sans-serif;
    color: #868788;
    transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s
}

.userPortletThumbnail .userPortletList li:hover span {
    border: 2px solid #1a66c2;
    transition: all .2s ease-in .2s;
    -webkit-transition: all .2s ease-in .2s;
    -webkit-animation: float .3s;
    animation: float .3s
}

.userPortletThumbnail .userPortletList li:hover span em {
    color: #1a66c2
}

.userPortletThumbnail .userPortletList li.use {
    position: relative
}

.userPortletThumbnail .userPortletList li.use:hover span {
    border: 2px solid #323232;
    -webkit-animation: none;
    animation: none
}

.userPortletThumbnail .userPortletList li.use:hover span em {
    color: #696969
}

.userPortletThumbnail .userPortletList li.use:after {
    content: "등록불가";
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    bottom: 16px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 50px 0 0;
    background: rgba(200, 0, 0, .5);
    cursor: not-allowed
}

.userPortletThumbnail .userPortletList li.UserInfo span {
    background: #464a50 url(/static/media/icon_portlet_info.c14bd061.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.ImageBanner span {
    background: #464a50 url(/static/media/icon_portlet_banner.285eaed5.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.MentionAlert span {
    background: #464a50 url(/static/media/icon_portlet_noti.5454a2b9.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.SignForm span {
    background: #464a50 url(/static/media/icon_portlet_form.a2655957.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Calendar span {
    background: #464a50 url(/static/media/icon_portlet_cal.49879f79.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Board span {
    background: #464a50 url(/static/media/icon_portlet_board.a1e250b4.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Survey span {
    background: #464a50 url(/static/media/icon_portlet_survey.8bfae921.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Approval span {
    background: #464a50 url(/static/media/icon_portlet_elecpay.e785db52.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Mail span {
    background: #464a50 url(/static/media/icon_portlet_email_receive.9b9aae10.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Note span {
    background: #464a50 url(/static/media/icon_portlet_note.6a28d907.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Iframe span {
    background: #464a50 url(/static/media/icon_portlet_iframe.9ff6628a.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.ApprovalStatus span {
    background: #464a50 url(/static/media/icon_portlet_pay.7bf12d2a.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.MailStatus span {
    background: #464a50 url(/static/media/icon_portlet_email.eadfe522.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Weather span {
    background: #464a50 url(/static/media/icon_portlet_weather.ff23a004.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.QuickLink span {
    background: #464a50 url(/static/media/icon_portlet_quicklink.98045468.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.WorkReport span {
    background: #464a50 url(/static/media/icon_portlet_work.74d59951.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Resource span {
    background: #464a50 url(/static/media/icon_portlet_resource.764265ea.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Document span {
    background: #464a50 url(/static/media/icon_portlet_doc.324c0a24.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.SalesStatus span {
    background: #464a50 url(/static/media/icon_portlet_sales.54c5a1ff.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.ExpenseClaimStatus span {
    background: #464a50 url(/static/media/icon_portlet_expense.0c2835d4.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.ExpenseUsageStatus span {
    background: #464a50 url(/static/media/icon_portlet_expense_use.14d0459c.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.OpenSlipsStatus span {
    background: #464a50 url(/static/media/icon_portlet_pendency.396fda93.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.SalesTaxStatus span {
    background: #464a50 url(/static/media/icon_portlet_tax_bill.83608fbb.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.TaxStatus span {
    background: #464a50 url(/static/media/icon_portlet_tax.6ee4947f.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.WorkingTimeAgreement span {
    background: #464a50 url(/static/media/icon_portlet_timecheck.ee8088cc.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.PromoteAnnualUse span {
    background: #464a50 url(/static/media/icon_portlet_holiday_alarm.51f4c81d.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.AnnualPlan span {
    background: #464a50 url(/static/media/icon_portlet_holiday_plan.ddc0c170.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.CertificateIssuanceStatus span {
    background: #464a50 url(/static/media/icon_portlet_certificate.920d6e2f.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.AttendanceApplicationStatus span {
    background: #464a50 url(/static/media/icon_portlet_work_time.d12305ea.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.OvertimeApplicationStatus span {
    background: #464a50 url(/static/media/icon_portlet_work_overtime.7fa7f0d7.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.PersonalWorkingTimeAgree span {
    background: #464a50 url(/static/media/icon_portlet_timecheck.ee8088cc.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.WorkingTimeApproval span {
    background: #464a50 url(/static/media/icon_portlet_timecheck_approval.089717e8.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.WorkReportStatus span {
    background: #464a50 url(/static/media/icon_portlet_workreport.1733ad7c.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.ReportsReceived span {
    background: #464a50 url(/static/media/icon_portlet_workreport_recieve.f79546c3.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.OnefficeForm span {
    background: #464a50 url(/static/media/icon_portlet_oneffice_doc.98e2042f.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.OnefficeDocu span {
    background: #464a50 url(/static/media/icon_portlet_oneffice.563a1bd2.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.SalesChance span {
    background: #464a50 url(/static/media/icon_Portlet_sales_opportunity.0fa1ece5.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.OrderStatus span {
    background: #464a50 url(/static/media/icon_Portlet_order_status.6edbe6b0.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList li.Birthday span {
    background: #464a50 url(/static/media/icon_portlet_birthday.149aceae.png) no-repeat center 12px
}

.userPortletThumbnail .userPortletList .arrLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 120px;
    background: url(/static/media/icon_arrow_left_normal.681cd39b.png) no-repeat 50%;
    cursor: pointer
}

.userPortletThumbnail .userPortletList .arrLeft:hover {
    background: url(/static/media/icon_arrow_left_over.9eecdb41.png) no-repeat 50%
}

.userPortletThumbnail .userPortletList .arrRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 120px;
    background: url(/static/media/icon_arrow_right_normal.fdc4e73a.png) no-repeat 50%;
    cursor: pointer
}

.userPortletThumbnail .userPortletList .arrRight:hover {
    background: url(/static/media/icon_arrow_right_over.f3f635c4.png) no-repeat 50%
}

.SetTemp03Popup {
    height: 100%
}

.SetTemp03Popup [class*=OBTConditionItem_item] {
    width: 100% !important
}

.SetTemp03Popup .GridType01 .gridHeader th {
    padding: 5px 0
}

.SetTemp03Popup .GridType01 .gridBody tr.on,
.SetTemp03Popup .GridType01 .gridBody tr:active td,
.SetTemp03Popup .GridType01 .gridBody tr:hover td {
    background-color: #fff
}

.SetTemp03Popup .GridType01 .gridBody tr td {
    padding: 0;
    border: none
}

.SetTemp03Popup .GridType01 .gridBody tr td div .treeBox {
    border: none
}

.newPortalPortletGrid .col1 {
    width: 70px
}

.newPortalPortletGrid .col2 {
    width: 160px
}

.newPortalPortletGrid .col3 {
    width: 250px
}

.newPortalPortletGrid .col4 {
    width: 340px
}

.newPortalPortletGrid .col5 {
    width: 430px
}

.newPortalPortletGrid .col6 {
    width: 520px
}

.newPortalPortletGrid .col7 {
    width: 610px
}

.newPortalPortletGrid .col8 {
    width: 700px
}

.newPortalPortletGrid .col9 {
    width: 790px
}

.newPortalPortletGrid .col10 {
    width: 880px
}

.newPortalPortletGrid .col11 {
    width: 970px
}

.newPortalPortletGrid .col12 {
    width: 1060px
}

.newPortalPortletGrid .col13 {
    width: 1150px
}

.newPortalPortletGrid .col14 {
    width: 1240px
}

.newPortalPortletGrid .col15 {
    width: 1330px
}

.newPortalPortletGrid .col16 {
    width: 1420px
}

.newPortalPortletGrid .col17 {
    width: 1510px
}

.newPortalPortletGrid .col18 {
    width: 1600px
}

.newPortalPortletGrid .col19 {
    width: 1690px
}

.newPortalPortletGrid .col20 {
    width: 1780px
}

.newPortalPortletGrid .row1 {
    height: 70px
}

.newPortalPortletGrid .row2 {
    height: 160px
}

.newPortalPortletGrid .row3 {
    height: 250px
}

.newPortalPortletGrid .row4 {
    height: 340px
}

.newPortalPortletGrid .row5 {
    height: 430px
}

.newPortalPortletGrid .row6 {
    height: 520px
}

.newPortalPortletGrid .row7 {
    height: 610px
}

.newPortalPortletGrid .row8 {
    height: 700px
}

.newPortalPortletGrid .row9 {
    height: 790px
}

.newPortalPortletGrid .row10 {
    height: 880px
}

.newPortalPortletGrid .row11 {
    height: 970px
}

.newPortalPortletGrid .row12 {
    height: 1060px
}

.newPortalPortletGrid .row13 {
    height: 1150px
}

.newPortalPortletGrid .row14 {
    height: 1240px
}

.newPortalPortletGrid .row15 {
    height: 1330px
}

.newPortalPortletGrid .row16 {
    height: 1420px
}

.newPortalPortletGrid .row17 {
    height: 1510px
}

.newPortalPortletGrid .row18 {
    height: 1600px
}

.newPortalPortletGrid .row19 {
    height: 1690px
}

.newPortalPortletGrid .row20 {
    height: 1780px
}

.newPortalPortletGrid .portletBox.col1 .ptl_content {
    width: 70px
}

.newPortalPortletGrid .portletBox.col2 .ptl_content {
    width: 160px
}

.newPortalPortletGrid .portletBox.col3 .ptl_content {
    width: 250px
}

.newPortalPortletGrid .portletBox.col4 .ptl_content {
    width: 340px
}

.newPortalPortletGrid .portletBox.col5 .ptl_content {
    width: 430px
}

.newPortalPortletGrid .portletBox.col6 .ptl_content {
    width: 520px
}

.newPortalPortletGrid .portletBox.col7 .ptl_content {
    width: 610px
}

.newPortalPortletGrid .portletBox.col8 .ptl_content {
    width: 700px
}

.newPortalPortletGrid .portletBox.col9 .ptl_content {
    width: 790px
}

.newPortalPortletGrid .portletBox.col10 .ptl_content {
    width: 880px
}

.newPortalPortletGrid .portletBox.col11 .ptl_content {
    width: 970px
}

.newPortalPortletGrid .portletBox.col12 .ptl_content {
    width: 1060px
}

.newPortalPortletGrid .portletBox.col13 .ptl_content {
    width: 1150px
}

.newPortalPortletGrid .portletBox.col14 .ptl_content {
    width: 1240px
}

.newPortalPortletGrid .portletBox.col15 .ptl_content {
    width: 1330px
}

.newPortalPortletGrid .portletBox.col16 .ptl_content {
    width: 1420px
}

.newPortalPortletGrid .portletBox.col17 .ptl_content {
    width: 1510px
}

.newPortalPortletGrid .portletBox.col18 .ptl_content {
    width: 1600px
}

.newPortalPortletGrid .portletBox.col19 .ptl_content {
    width: 1690px
}

.newPortalPortletGrid .portletBox.col20 .ptl_content {
    width: 1780px
}

.newPortalPortletGrid .portletBox.row1 .ptl_content {
    height: 70px
}

.newPortalPortletGrid .portletBox.row2 .ptl_content {
    height: 160px
}

.newPortalPortletGrid .portletBox.row3 .ptl_content {
    height: 250px
}

.newPortalPortletGrid .portletBox.row4 .ptl_content {
    height: 340px
}

.newPortalPortletGrid .portletBox.row5 .ptl_content {
    height: 430px
}

.newPortalPortletGrid .portletBox.row6 .ptl_content {
    height: 520px
}

.newPortalPortletGrid .portletBox.row7 .ptl_content {
    height: 610px
}

.newPortalPortletGrid .portletBox.row8 .ptl_content {
    height: 700px
}

.newPortalPortletGrid .portletBox.row9 .ptl_content {
    height: 790px
}

.newPortalPortletGrid .portletBox.row10 .ptl_content {
    height: 880px
}

.newPortalPortletGrid .portletBox.row11 .ptl_content {
    height: 970px
}

.newPortalPortletGrid .portletBox.row12 .ptl_content {
    height: 1060px
}

.newPortalPortletGrid .portletBox.row13 .ptl_content {
    height: 1150px
}

.newPortalPortletGrid .portletBox.row14 .ptl_content {
    height: 1240px
}

.newPortalPortletGrid .portletBox.row15 .ptl_content {
    height: 1330px
}

.newPortalPortletGrid .portletBox.row16 .ptl_content {
    height: 1420px
}

.newPortalPortletGrid .portletBox.row17 .ptl_content {
    height: 1510px
}

.newPortalPortletGrid .portletBox.row18 .ptl_content {
    height: 1600px
}

.newPortalPortletGrid .portletBox.row19 .ptl_content {
    height: 1690px
}

.newPortalPortletGrid .portletBox.row20 .ptl_content {
    height: 1780px
}

.newPortalPortletGrid .iframeBox.col1 .ptl_content {
    width: 70px
}

.newPortalPortletGrid .iframeBox.col2 .ptl_content {
    width: 160px
}

.newPortalPortletGrid .iframeBox.col3 .ptl_content {
    width: 250px
}

.newPortalPortletGrid .iframeBox.col4 .ptl_content {
    width: 340px
}

.newPortalPortletGrid .iframeBox.col5 .ptl_content {
    width: 430px
}

.newPortalPortletGrid .iframeBox.col6 .ptl_content {
    width: 520px
}

.newPortalPortletGrid .iframeBox.col7 .ptl_content {
    width: 610px
}

.newPortalPortletGrid .iframeBox.col8 .ptl_content {
    width: 700px
}

.newPortalPortletGrid .iframeBox.col9 .ptl_content {
    width: 790px
}

.newPortalPortletGrid .iframeBox.col10 .ptl_content {
    width: 880px
}

.newPortalPortletGrid .iframeBox.col11 .ptl_content {
    width: 970px
}

.newPortalPortletGrid .iframeBox.col12 .ptl_content {
    width: 1060px
}

.newPortalPortletGrid .iframeBox.col13 .ptl_content {
    width: 1150px
}

.newPortalPortletGrid .iframeBox.col14 .ptl_content {
    width: 1240px
}

.newPortalPortletGrid .iframeBox.col15 .ptl_content {
    width: 1330px
}

.newPortalPortletGrid .iframeBox.col16 .ptl_content {
    width: 1420px
}

.newPortalPortletGrid .iframeBox.col17 .ptl_content {
    width: 1510px
}

.newPortalPortletGrid .iframeBox.col18 .ptl_content {
    width: 1600px
}

.newPortalPortletGrid .iframeBox.col19 .ptl_content {
    width: 1690px
}

.newPortalPortletGrid .iframeBox.col20 .ptl_content {
    width: 1780px
}

.newPortalPortletGrid .iframeBox.row1 .ptl_content {
    height: 70px
}

.newPortalPortletGrid .iframeBox.row2 .ptl_content {
    height: 160px
}

.newPortalPortletGrid .iframeBox.row3 .ptl_content {
    height: 250px
}

.newPortalPortletGrid .iframeBox.row4 .ptl_content {
    height: 340px
}

.newPortalPortletGrid .iframeBox.row5 .ptl_content {
    height: 430px
}

.newPortalPortletGrid .iframeBox.row6 .ptl_content {
    height: 520px
}

.newPortalPortletGrid .iframeBox.row7 .ptl_content {
    height: 610px
}

.newPortalPortletGrid .iframeBox.row8 .ptl_content {
    height: 700px
}

.newPortalPortletGrid .iframeBox.row9 .ptl_content {
    height: 790px
}

.newPortalPortletGrid .iframeBox.row10 .ptl_content {
    height: 880px
}

.newPortalPortletGrid .iframeBox.row11 .ptl_content {
    height: 970px
}

.newPortalPortletGrid .iframeBox.row12 .ptl_content {
    height: 1060px
}

.newPortalPortletGrid .iframeBox.row13 .ptl_content {
    height: 1150px
}

.newPortalPortletGrid .iframeBox.row14 .ptl_content {
    height: 1240px
}

.newPortalPortletGrid .iframeBox.row15 .ptl_content {
    height: 1330px
}

.newPortalPortletGrid .iframeBox.row16 .ptl_content {
    height: 1420px
}

.newPortalPortletGrid .iframeBox.row17 .ptl_content {
    height: 1510px
}

.newPortalPortletGrid .iframeBox.row18 .ptl_content {
    height: 1600px
}

.newPortalPortletGrid .iframeBox.row19 .ptl_content {
    height: 1690px
}

.newPortalPortletGrid .iframeBox.row20 .ptl_content {
    height: 1780px
}

.newPortalPortletGrid .titleBox.col1 .ptl_content {
    width: 70px
}

.newPortalPortletGrid .titleBox.col2 .ptl_content {
    width: 160px
}

.newPortalPortletGrid .titleBox.col3 .ptl_content {
    width: 250px
}

.newPortalPortletGrid .titleBox.col4 .ptl_content {
    width: 340px
}

.newPortalPortletGrid .titleBox.col5 .ptl_content {
    width: 430px
}

.newPortalPortletGrid .titleBox.col6 .ptl_content {
    width: 520px
}

.newPortalPortletGrid .titleBox.col7 .ptl_content {
    width: 610px
}

.newPortalPortletGrid .titleBox.col8 .ptl_content {
    width: 700px
}

.newPortalPortletGrid .titleBox.col9 .ptl_content {
    width: 790px
}

.newPortalPortletGrid .titleBox.col10 .ptl_content {
    width: 880px
}

.newPortalPortletGrid .titleBox.col11 .ptl_content {
    width: 970px
}

.newPortalPortletGrid .titleBox.col12 .ptl_content {
    width: 1060px
}

.newPortalPortletGrid .titleBox.col13 .ptl_content {
    width: 1150px
}

.newPortalPortletGrid .titleBox.col14 .ptl_content {
    width: 1240px
}

.newPortalPortletGrid .titleBox.col15 .ptl_content {
    width: 1330px
}

.newPortalPortletGrid .titleBox.col16 .ptl_content {
    width: 1420px
}

.newPortalPortletGrid .titleBox.col17 .ptl_content {
    width: 1510px
}

.newPortalPortletGrid .titleBox.col18 .ptl_content {
    width: 1600px
}

.newPortalPortletGrid .titleBox.col19 .ptl_content {
    width: 1690px
}

.newPortalPortletGrid .titleBox.col20 .ptl_content {
    width: 1780px
}

.newPortalPortletGrid .titleBox.row1 .ptl_content {
    height: 20px
}

.newPortalPortletGrid .titleBox.row2 .ptl_content {
    height: 110px
}

.newPortalPortletGrid .titleBox.row3 .ptl_content {
    height: 200px
}

.newPortalPortletGrid .titleBox.row4 .ptl_content {
    height: 290px
}

.newPortalPortletGrid .titleBox.row5 .ptl_content {
    height: 380px
}

.newPortalPortletGrid .titleBox.row6 .ptl_content {
    height: 470px
}

.newPortalPortletGrid .titleBox.row7 .ptl_content {
    height: 560px
}

.newPortalPortletGrid .titleBox.row8 .ptl_content {
    height: 650px
}

.newPortalPortletGrid .titleBox.row9 .ptl_content {
    height: 740px
}

.newPortalPortletGrid .titleBox.row10 .ptl_content {
    height: 830px
}

.newPortalPortletGrid .titleBox.row11 .ptl_content {
    height: 920px
}

.newPortalPortletGrid .titleBox.row12 .ptl_content {
    height: 1010px
}

.newPortalPortletGrid .titleBox.row13 .ptl_content {
    height: 1100px
}

.newPortalPortletGrid .titleBox.row14 .ptl_content {
    height: 1190px
}

.newPortalPortletGrid .titleBox.row15 .ptl_content {
    height: 1280px
}

.newPortalPortletGrid .titleBox.row16 .ptl_content {
    height: 1370px
}

.newPortalPortletGrid .titleBox.row17 .ptl_content {
    height: 1460px
}

.newPortalPortletGrid .titleBox.row18 .ptl_content {
    height: 1550px
}

.newPortalPortletGrid .titleBox.row19 .ptl_content {
    height: 1640px
}

.newPortalPortletGrid .titleBox.row20 .ptl_content {
    height: 1730px
}

.newPortalPortletGrid .row6 .ptl_mention .mentionCon {
    height: 475px
}

.newPortalPortletGrid .row7 .ptl_mention .mentionCon {
    height: 565px
}

.newPortalPortletGrid .row8 .ptl_mention .mentionCon {
    height: 655px
}

.newPortalPortletGrid .row9 .ptl_mention .mentionCon {
    height: 745px
}

.newPortalPortletGrid .row10 .ptl_mention .mentionCon {
    height: 835px
}

.newPortalPortletGrid .row11 .ptl_mention .mentionCon {
    height: 925px
}

.newPortalPortletGrid .row12 .ptl_mention .mentionCon {
    height: 1015px
}

.newPortalPortletGrid .row13 .ptl_mention .mentionCon {
    height: 1105px
}

.newPortalPortletGrid .row14 .ptl_mention .mentionCon {
    height: 1195px
}

.newPortalPortletGrid .row15 .ptl_mention .mentionCon {
    height: 1285px
}

.newPortalPortletGrid .row16 .ptl_mention .mentionCon {
    height: 1375px
}

.newPortalPortletGrid .row17 .ptl_mention .mentionCon {
    height: 1465px
}

.newPortalPortletGrid .row18 .ptl_mention .mentionCon {
    height: 1555px
}

.newPortalPortletGrid .row19 .ptl_mention .mentionCon {
    height: 1645px
}

.newPortalPortletGrid .row20 .ptl_mention .mentionCon {
    height: 1735px
}

.newPortalPortletGrid .col3 .ptl_mention .mentionCon ul li .list_con {
    width: 156px
}

.newPortalPortletGrid .col4 .ptl_mention .mentionCon ul li .list_con {
    width: 246px
}

.newPortalPortletGrid .col5 .ptl_mention .mentionCon ul li .list_con {
    width: 336px
}

.newPortalPortletGrid .col6 .ptl_mention .mentionCon ul li .list_con {
    width: 426px
}

.newPortalPortletGrid .col7 .ptl_mention .mentionCon ul li .list_con {
    width: 516px
}

.newPortalPortletGrid .col8 .ptl_mention .mentionCon ul li .list_con {
    width: 606px
}

.newPortalPortletGrid .col9 .ptl_mention .mentionCon ul li .list_con {
    width: 696px
}

.newPortalPortletGrid .col10 .ptl_mention .mentionCon ul li .list_con {
    width: 786px
}

.newPortalPortletGrid .col11 .ptl_mention .mentionCon ul li .list_con {
    width: 876px
}

.newPortalPortletGrid .col12 .ptl_mention .mentionCon ul li .list_con {
    width: 966px
}

.newPortalPortletGrid .col13 .ptl_mention .mentionCon ul li .list_con {
    width: 1056px
}

.newPortalPortletGrid .col14 .ptl_mention .mentionCon ul li .list_con {
    width: 1146px
}

.newPortalPortletGrid .col15 .ptl_mention .mentionCon ul li .list_con {
    width: 1236px
}

.newPortalPortletGrid .col16 .ptl_mention .mentionCon ul li .list_con {
    width: 1326px
}

.newPortalPortletGrid .col17 .ptl_mention .mentionCon ul li .list_con {
    width: 1416px
}

.newPortalPortletGrid .col18 .ptl_mention .mentionCon ul li .list_con {
    width: 1506px
}

.newPortalPortletGrid .col19 .ptl_mention .mentionCon ul li .list_con {
    width: 1596px
}

.newPortalPortletGrid .col20 .ptl_mention .mentionCon ul li .list_con {
    width: 1686px
}

.newPortalPortletGrid .col3 .ptl_calendar .horizon_right {
    float: left;
    width: 220px;
    margin: 0 15px
}

.newPortalPortletGrid .col3.row3 .ptl_calendar .horizon_right,
.newPortalPortletGrid .col4.row3 .ptl_calendar .horizon_right,
.newPortalPortletGrid .col5.row3 .ptl_calendar .horizon_right {
    display: none
}

.newPortalPortletGrid .col6 .ptl_calendar .horizon_right {
    float: left;
    width: 255px
}

.newPortalPortletGrid .col7 .ptl_calendar .horizon_right {
    float: left;
    width: 345px
}

.newPortalPortletGrid .col8 .ptl_calendar .horizon_right {
    float: left;
    width: 435px
}

.newPortalPortletGrid .col9 .ptl_calendar .horizon_right {
    float: left;
    width: 525px
}

.newPortalPortletGrid .col10 .ptl_calendar .horizon_right {
    float: left;
    width: 615px
}

.newPortalPortletGrid .col11 .ptl_calendar .horizon_right {
    float: left;
    width: 705px
}

.newPortalPortletGrid .col12 .ptl_calendar .horizon_right {
    float: left;
    width: 795px
}

.newPortalPortletGrid .col13 .ptl_calendar .horizon_right {
    float: left;
    width: 885px
}

.newPortalPortletGrid .col14 .ptl_calendar .horizon_right {
    float: left;
    width: 975px
}

.newPortalPortletGrid .col15 .ptl_calendar .horizon_right {
    float: left;
    width: 1065px
}

.newPortalPortletGrid .col16 .ptl_calendar .horizon_right {
    float: left;
    width: 1155px
}

.newPortalPortletGrid .col17 .ptl_calendar .horizon_right {
    float: left;
    width: 1245px
}

.newPortalPortletGrid .col18 .ptl_calendar .horizon_right {
    float: left;
    width: 1335px
}

.newPortalPortletGrid .col19 .ptl_calendar .horizon_right {
    float: left;
    width: 1425px
}

.newPortalPortletGrid .col20 .ptl_calendar .horizon_right {
    float: left;
    width: 1515px
}

.newPortalPortletGrid .row3 .ptl_calendar .horizon_right {
    height: 180px
}

.newPortalPortletGrid .row3.col3 .ptl_calendar .horizon_right,
.newPortalPortletGrid .row4.col3 .ptl_calendar .horizon_right {
    display: none
}

.newPortalPortletGrid .row5 .ptl_calendar .horizon_right {
    height: 135px
}

.newPortalPortletGrid .row6 .ptl_calendar .horizon_right {
    height: 240px
}

.newPortalPortletGrid .row7 .ptl_calendar .horizon_right {
    height: 330px
}

.newPortalPortletGrid .row8 .ptl_calendar .horizon_right {
    height: 420px
}

.newPortalPortletGrid .row9 .ptl_calendar .horizon_right {
    height: 510px
}

.newPortalPortletGrid .row10 .ptl_calendar .horizon_right {
    height: 600px
}

.newPortalPortletGrid .row11 .ptl_calendar .horizon_right {
    height: 690px
}

.newPortalPortletGrid .row12 .ptl_calendar .horizon_right {
    height: 780px
}

.newPortalPortletGrid .row13 .ptl_calendar .horizon_right {
    height: 870px
}

.newPortalPortletGrid .row14 .ptl_calendar .horizon_right {
    height: 960px
}

.newPortalPortletGrid .row15 .ptl_calendar .horizon_right {
    height: 1050px
}

.newPortalPortletGrid .row16 .ptl_calendar .horizon_right {
    height: 1140px
}

.newPortalPortletGrid .row17 .ptl_calendar .horizon_right {
    height: 1230px
}

.newPortalPortletGrid .row18 .ptl_calendar .horizon_right {
    height: 1320px
}

.newPortalPortletGrid .row19 .ptl_calendar .horizon_right {
    height: 1410px
}

.newPortalPortletGrid .row20 .ptl_calendar .horizon_right {
    height: 1500px
}

.newPortalPortletGrid .col3 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 150px
}

.newPortalPortletGrid .col6 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 190px
}

.newPortalPortletGrid .col7 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 280px
}

.newPortalPortletGrid .col8 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 370px
}

.newPortalPortletGrid .col9 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 460px
}

.newPortalPortletGrid .col10 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 550px
}

.newPortalPortletGrid .col11 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 640px
}

.newPortalPortletGrid .col12 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 730px
}

.newPortalPortletGrid .col13 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 820px
}

.newPortalPortletGrid .col14 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 910px
}

.newPortalPortletGrid .col15 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1000px
}

.newPortalPortletGrid .col16 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1090px
}

.newPortalPortletGrid .col17 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1180px
}

.newPortalPortletGrid .col18 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1270px
}

.newPortalPortletGrid .col19 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1360px
}

.newPortalPortletGrid .col20 .ptl_calendar .calendar_div.st1 .calendar_list li .txt {
    max-width: 1450px
}

.newPortalPortletGrid .col3 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 200px
}

.newPortalPortletGrid .col6 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 235px
}

.newPortalPortletGrid .col7 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 325px
}

.newPortalPortletGrid .col8 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 415px
}

.newPortalPortletGrid .col9 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 505px
}

.newPortalPortletGrid .col10 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 595px
}

.newPortalPortletGrid .col11 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 685px
}

.newPortalPortletGrid .col12 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 775px
}

.newPortalPortletGrid .col13 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 865px
}

.newPortalPortletGrid .col14 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 955px
}

.newPortalPortletGrid .col15 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1045px
}

.newPortalPortletGrid .col16 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1135px
}

.newPortalPortletGrid .col17 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1225px
}

.newPortalPortletGrid .col18 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1315px
}

.newPortalPortletGrid .col19 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1405px
}

.newPortalPortletGrid .col20 .ptl_calendar .calendar_div .calendar_list li .txt {
    max-width: 1495px
}

.newPortalPortletGrid .col3 .ptl_mail ul dt.title {
    max-width: 125px
}

.newPortalPortletGrid .col4 .ptl_mail ul dt.title {
    max-width: 215px
}

.newPortalPortletGrid .col5 .ptl_mail ul dt.title {
    max-width: 305px
}

.newPortalPortletGrid .col6 .ptl_mail ul dt.title {
    max-width: 395px
}

.newPortalPortletGrid .col7 .ptl_mail ul dt.title {
    max-width: 485px
}

.newPortalPortletGrid .col8 .ptl_mail ul dt.title {
    max-width: 575px
}

.newPortalPortletGrid .col9 .ptl_mail ul dt.title {
    max-width: 665px
}

.newPortalPortletGrid .col10 .ptl_mail ul dt.title {
    max-width: 755px
}

.newPortalPortletGrid .col11 .ptl_mail ul dt.title {
    max-width: 845px
}

.newPortalPortletGrid .col12 .ptl_mail ul dt.title {
    max-width: 935px
}

.newPortalPortletGrid .col13 .ptl_mail ul dt.title {
    max-width: 1025px
}

.newPortalPortletGrid .col14 .ptl_mail ul dt.title {
    max-width: 1115px
}

.newPortalPortletGrid .col15 .ptl_mail ul dt.title {
    max-width: 1205px
}

.newPortalPortletGrid .col16 .ptl_mail ul dt.title {
    max-width: 1295px
}

.newPortalPortletGrid .col17 .ptl_mail ul dt.title {
    max-width: 1385px
}

.newPortalPortletGrid .col18 .ptl_mail ul dt.title {
    max-width: 1475px
}

.newPortalPortletGrid .col19 .ptl_mail ul dt.title {
    max-width: 1565px
}

.newPortalPortletGrid .col20 .ptl_mail ul dt.title {
    max-width: 1655px
}

.newPortalPortletGrid .col3 .ptl_board ul dt.title {
    max-width: 120px
}

.newPortalPortletGrid .col4 .ptl_board ul dt.title {
    max-width: 210px
}

.newPortalPortletGrid .col5 .ptl_board ul dt.title {
    max-width: 300px
}

.newPortalPortletGrid .col6 .ptl_board ul dt.title {
    max-width: 390px
}

.newPortalPortletGrid .col7 .ptl_board ul dt.title {
    max-width: 480px
}

.newPortalPortletGrid .col8 .ptl_board ul dt.title {
    max-width: 570px
}

.newPortalPortletGrid .col9 .ptl_board ul dt.title {
    max-width: 660px
}

.newPortalPortletGrid .col10 .ptl_board ul dt.title {
    max-width: 750px
}

.newPortalPortletGrid .col11 .ptl_board ul dt.title {
    max-width: 840px
}

.newPortalPortletGrid .col12 .ptl_board ul dt.title {
    max-width: 930px
}

.newPortalPortletGrid .col13 .ptl_board ul dt.title {
    max-width: 1020px
}

.newPortalPortletGrid .col14 .ptl_board ul dt.title {
    max-width: 1110px
}

.newPortalPortletGrid .col15 .ptl_board ul dt.title {
    max-width: 1200px
}

.newPortalPortletGrid .col16 .ptl_board ul dt.title {
    max-width: 1290px
}

.newPortalPortletGrid .col17 .ptl_board ul dt.title {
    max-width: 1380px
}

.newPortalPortletGrid .col18 .ptl_board ul dt.title {
    max-width: 1470px
}

.newPortalPortletGrid .col19 .ptl_board ul dt.title {
    max-width: 1560px
}

.newPortalPortletGrid .col20 .ptl_board ul dt.title {
    max-width: 1650px
}

.newPortalPortletGrid .col3 .ptl_approval ul dt.title {
    max-width: 82px
}

.newPortalPortletGrid .col4 .ptl_approval ul dt.title {
    max-width: 126px
}

.newPortalPortletGrid .col5 .ptl_approval ul dt.title {
    max-width: 216px
}

.newPortalPortletGrid .col6 .ptl_approval ul dt.title {
    max-width: 306px
}

.newPortalPortletGrid .col7 .ptl_approval ul dt.title {
    max-width: 396px
}

.newPortalPortletGrid .col8 .ptl_approval ul dt.title {
    max-width: 486px
}

.newPortalPortletGrid .col9 .ptl_approval ul dt.title {
    max-width: 576px
}

.newPortalPortletGrid .col10 .ptl_approval ul dt.title {
    max-width: 666px
}

.newPortalPortletGrid .col11 .ptl_approval ul dt.title {
    max-width: 756px
}

.newPortalPortletGrid .col12 .ptl_approval ul dt.title {
    max-width: 846px
}

.newPortalPortletGrid .col13 .ptl_approval ul dt.title {
    max-width: 936px
}

.newPortalPortletGrid .col14 .ptl_approval ul dt.title {
    max-width: 1026px
}

.newPortalPortletGrid .col15 .ptl_approval ul dt.title {
    max-width: 1116px
}

.newPortalPortletGrid .col16 .ptl_approval ul dt.title {
    max-width: 1206px
}

.newPortalPortletGrid .col17 .ptl_approval ul dt.title {
    max-width: 1296px
}

.newPortalPortletGrid .col18 .ptl_approval ul dt.title {
    max-width: 1386px
}

.newPortalPortletGrid .col19 .ptl_approval ul dt.title {
    max-width: 1476px
}

.newPortalPortletGrid .col20 .ptl_approval ul dt.title {
    max-width: 1566px
}

.newPortalPortletGrid .col3 .ptl_approval ul .nosign dt.title {
    max-width: 125px
}

.newPortalPortletGrid .col4 .ptl_approval ul .nosign dt.title {
    max-width: 170px
}

.newPortalPortletGrid .col5 .ptl_approval ul .nosign dt.title {
    max-width: 260px
}

.newPortalPortletGrid .col6 .ptl_approval ul .nosign dt.title {
    max-width: 350px
}

.newPortalPortletGrid .col7 .ptl_approval ul .nosign dt.title {
    max-width: 440px
}

.newPortalPortletGrid .col8 .ptl_approval ul .nosign dt.title {
    max-width: 530px
}

.newPortalPortletGrid .col9 .ptl_approval ul .nosign dt.title {
    max-width: 620px
}

.newPortalPortletGrid .col10 .ptl_approval ul .nosign dt.title {
    max-width: 710px
}

.newPortalPortletGrid .col11 .ptl_approval ul .nosign dt.title {
    max-width: 800px
}

.newPortalPortletGrid .col12 .ptl_approval ul .nosign dt.title {
    max-width: 890px
}

.newPortalPortletGrid .col13 .ptl_approval ul .nosign dt.title {
    max-width: 980px
}

.newPortalPortletGrid .col14 .ptl_approval ul .nosign dt.title {
    max-width: 1070px
}

.newPortalPortletGrid .col15 .ptl_approval ul .nosign dt.title {
    max-width: 1160px
}

.newPortalPortletGrid .col16 .ptl_approval ul .nosign dt.title {
    max-width: 1250px
}

.newPortalPortletGrid .col17 .ptl_approval ul .nosign dt.title {
    max-width: 1340px
}

.newPortalPortletGrid .col18 .ptl_approval ul .nosign dt.title {
    max-width: 1430px
}

.newPortalPortletGrid .col19 .ptl_approval ul .nosign dt.title {
    max-width: 1520px
}

.newPortalPortletGrid .col20 .ptl_approval ul .nosign dt.title {
    max-width: 1610px
}

.newPortalPortletGrid .row1 .ptl_weather .ptl_weather_ico {
    float: left;
    width: 54px
}

.newPortalPortletGrid .row2 .ptl_weather .ptl_weather_ico {
    float: left;
    width: 74px
}

.newPortalPortletGrid .row3 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row4 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row5 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row6 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row7 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row8 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row9 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row10 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row11 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row12 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row13 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row14 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row15 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row16 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row17 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row18 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row19 .ptl_weather .ptl_weather_ico,
.newPortalPortletGrid .row20 .ptl_weather .ptl_weather_ico {
    float: left;
    width: 94px
}

.newPortalPortletGrid .row1 .ptl_weather .ptl_weather_info {
    float: left;
    width: calc(100% - 54px);
    margin: 7px 0 0
}

.newPortalPortletGrid .row2 .ptl_weather .ptl_weather_info {
    float: left;
    width: calc(100% - 74px);
    margin: 15px 0 0
}

.newPortalPortletGrid .row3 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row4 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row5 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row6 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row7 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row8 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row9 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row10 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row11 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row12 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row13 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row14 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row15 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row16 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row17 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row18 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row19 .ptl_weather .ptl_weather_info,
.newPortalPortletGrid .row20 .ptl_weather .ptl_weather_info {
    float: left;
    width: calc(100% - 94px);
    margin: 22px 0 0
}

.newPortalPortletGrid .col3 .ptl_note ul dt.title {
    max-width: 105px
}

.newPortalPortletGrid .col4 .ptl_note ul dt.title {
    max-width: 195px
}

.newPortalPortletGrid .col5 .ptl_note ul dt.title {
    max-width: 285px
}

.newPortalPortletGrid .col6 .ptl_note ul dt.title {
    max-width: 375px
}

.newPortalPortletGrid .col7 .ptl_note ul dt.title {
    max-width: 465px
}

.newPortalPortletGrid .col8 .ptl_note ul dt.title {
    max-width: 555px
}

.newPortalPortletGrid .col9 .ptl_note ul dt.title {
    max-width: 645px
}

.newPortalPortletGrid .col10 .ptl_note ul dt.title {
    max-width: 735px
}

.newPortalPortletGrid .col11 .ptl_note ul dt.title {
    max-width: 825px
}

.newPortalPortletGrid .col12 .ptl_note ul dt.title {
    max-width: 915px
}

.newPortalPortletGrid .col13 .ptl_note ul dt.title {
    max-width: 1005px
}

.newPortalPortletGrid .col14 .ptl_note ul dt.title {
    max-width: 1095px
}

.newPortalPortletGrid .col15 .ptl_note ul dt.title {
    max-width: 1185px
}

.newPortalPortletGrid .col16 .ptl_note ul dt.title {
    max-width: 1275px
}

.newPortalPortletGrid .col17 .ptl_note ul dt.title {
    max-width: 1365px
}

.newPortalPortletGrid .col18 .ptl_note ul dt.title {
    max-width: 1455px
}

.newPortalPortletGrid .col19 .ptl_note ul dt.title {
    max-width: 1545px
}

.newPortalPortletGrid .col20 .ptl_note ul dt.title {
    max-width: 1635px
}

.newPortalPortletGrid .col3 .ptl_doc ul dt.title {
    max-width: 105px
}

.newPortalPortletGrid .col4 .ptl_doc ul dt.title {
    max-width: 195px
}

.newPortalPortletGrid .col5 .ptl_doc ul dt.title {
    max-width: 285px
}

.newPortalPortletGrid .col6 .ptl_doc ul dt.title {
    max-width: 375px
}

.newPortalPortletGrid .col7 .ptl_doc ul dt.title {
    max-width: 465px
}

.newPortalPortletGrid .col8 .ptl_doc ul dt.title {
    max-width: 555px
}

.newPortalPortletGrid .col9 .ptl_doc ul dt.title {
    max-width: 645px
}

.newPortalPortletGrid .col10 .ptl_doc ul dt.title {
    max-width: 735px
}

.newPortalPortletGrid .col11 .ptl_doc ul dt.title {
    max-width: 825px
}

.newPortalPortletGrid .col12 .ptl_doc ul dt.title {
    max-width: 915px
}

.newPortalPortletGrid .col13 .ptl_doc ul dt.title {
    max-width: 1005px
}

.newPortalPortletGrid .col14 .ptl_doc ul dt.title {
    max-width: 1095px
}

.newPortalPortletGrid .col15 .ptl_doc ul dt.title {
    max-width: 1185px
}

.newPortalPortletGrid .col16 .ptl_doc ul dt.title {
    max-width: 1275px
}

.newPortalPortletGrid .col17 .ptl_doc ul dt.title {
    max-width: 1365px
}

.newPortalPortletGrid .col18 .ptl_doc ul dt.title {
    max-width: 1455px
}

.newPortalPortletGrid .col19 .ptl_doc ul dt.title {
    max-width: 1545px
}

.newPortalPortletGrid .col20 .ptl_doc ul dt.title {
    max-width: 1635px
}

.newPortalPortletGrid .row3 .ptl_survey .question {
    height: 133px
}

.newPortalPortletGrid .row4 .ptl_survey .question {
    height: 223px
}

.newPortalPortletGrid .row5 .ptl_survey .question {
    height: 313px
}

.newPortalPortletGrid .row6 .ptl_survey .question {
    height: 403px
}

.newPortalPortletGrid .row7 .ptl_survey .question {
    height: 493px
}

.newPortalPortletGrid .row8 .ptl_survey .question {
    height: 583px
}

.newPortalPortletGrid .row9 .ptl_survey .question {
    height: 673px
}

.newPortalPortletGrid .row10 .ptl_survey .question {
    height: 763px
}

.newPortalPortletGrid .row11 .ptl_survey .question {
    height: 853px
}

.newPortalPortletGrid .row12 .ptl_survey .question {
    height: 943px
}

.newPortalPortletGrid .row13 .ptl_survey .question {
    height: 1033px
}

.newPortalPortletGrid .row14 .ptl_survey .question {
    height: 1123px
}

.newPortalPortletGrid .row15 .ptl_survey .question {
    height: 1213px
}

.newPortalPortletGrid .row16 .ptl_survey .question {
    height: 1303px
}

.newPortalPortletGrid .row17 .ptl_survey .question {
    height: 1393px
}

.newPortalPortletGrid .row18 .ptl_survey .question {
    height: 1483px
}

.newPortalPortletGrid .row19 .ptl_survey .question {
    height: 1573px
}

.newPortalPortletGrid .row20 .ptl_survey .question {
    height: 1663px
}

.newPortalPortletGrid .col6 .ptl_wklist ul dt.title {
    width: 240px
}

.newPortalPortletGrid .col7 .ptl_wklist ul dt.title {
    width: 330px
}

.newPortalPortletGrid .col8 .ptl_wklist ul dt.title {
    width: 420px
}

.newPortalPortletGrid .col9 .ptl_wklist ul dt.title {
    width: 510px
}

.newPortalPortletGrid .col10 .ptl_wklist ul dt.title {
    width: 600px
}

.newPortalPortletGrid .col11 .ptl_wklist ul dt.title {
    width: 690px
}

.newPortalPortletGrid .col12 .ptl_wklist ul dt.title {
    width: 780px
}

.newPortalPortletGrid .col13 .ptl_wklist ul dt.title {
    width: 870px
}

.newPortalPortletGrid .col14 .ptl_wklist ul dt.title {
    width: 960px
}

.newPortalPortletGrid .col15 .ptl_wklist ul dt.title {
    width: 1050px
}

.newPortalPortletGrid .col16 .ptl_wklist ul dt.title {
    width: 1140px
}

.newPortalPortletGrid .col17 .ptl_wklist ul dt.title {
    width: 1230px
}

.newPortalPortletGrid .col18 .ptl_wklist ul dt.title {
    width: 1320px
}

.newPortalPortletGrid .col19 .ptl_wklist ul dt.title {
    width: 1410px
}

.newPortalPortletGrid .col20 .ptl_wklist ul dt.title {
    width: 1500px
}

.newPortalSearchResultWrap {
    position: relative;
    width: 100%;
    background: #fff;
    transition: top .5s cubic-bezier(0, 0, .2, 1);
    overflow: hidden;
    min-width: 1280px
}

.newPortalSearchResultWrap .searchCategory {
    width: 100%;
    height: 52px;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in {
    position: relative;
    width: 1160px;
    margin: 0 auto;
    padding: 0 80px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd {
    display: inline-block;
    font: 400 14px NSKR;
    height: 24px;
    line-height: 25px;
    margin: 14px 0 14px 16px;
    padding: 0;
    color: #000;
    cursor: pointer;
    position: relative;
    transition: all .3s
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd:hover {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd:first-child {
    margin: 14px 0
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 0;
    height: 3px;
    background: #1c90fb;
    transition: width .3s
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd.on {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in dl dd.on:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 3px;
    background: #1c90fb;
    transition: width .3s
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in .more {
    position: absolute;
    top: 14px;
    right: 0;
    font: 400 14px NSKR;
    letter-spacing: -1px;
    width: 48px;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 12px;
    color: #000;
    cursor: pointer;
    background: url(/static/media/ico_searchCategory_more_arrow_down.c9a5238e.png) no-repeat 100%
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in .more_pop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 116px;
    height: auto;
    border: 1px solid #91969e;
    background: #fff;
    transform: translateY(100%);
    opacity: 0;
    transition: all .3s;
    z-index: 10
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in .more_pop ul li {
    display: block;
    font: 400 12px NSKR;
    padding: 11px 12px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in .more_pop ul li.on,
.newPortalSearchResultWrap .searchCategory .searchCategory-in .more_pop ul li:hover {
    background: #f2f9ff
}

.newPortalSearchResultWrap .searchCategory .searchCategory-in.on .more {
    background: url(/static/media/ico_searchCategory_more_arrow_up.3c979439.png) no-repeat 100%
}

.newPortalSearchResultWrap .searchCategory.on .more_pop {
    opacity: 1
}

.newPortalSearchResultWrap .relationKeyword {
    width: 100%;
    height: 45px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box
}

.newPortalSearchResultWrap .relationKeyword.on {
    height: auto
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in {
    position: relative;
    width: 1160px;
    margin: 0 auto;
    padding: 0 60px 0 0;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl {
    font-size: 0;
    width: 100%;
    padding: 0 0 0 80px;
    box-sizing: border-box
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dt {
    position: absolute;
    top: 0;
    left: 0;
    font: 700 14px NSKR;
    height: 24px;
    line-height: 25px;
    margin: 10px 12px 0 0;
    color: #000
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dt:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -12px;
    width: 1px;
    height: 16px;
    background: #d7d7d7
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd {
    display: inline-block;
    font: 300 14px NSKR;
    height: 24px;
    line-height: 25px;
    margin: 10px 0;
    padding: 0 4px;
    color: #1c90fb;
    cursor: pointer;
    position: relative
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd:after {
    content: ",";
    margin: 0 5px 0 0
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd:last-child:after {
    content: ""
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd .link {
    position: relative;
    display: inline-block;
    outline: none
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd .link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: all .3s
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd .link:hover:after {
    width: 100%;
    transition: all .3s
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in dl dd .link:focus:after {
    width: 100%;
    transition: all .5s
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in .more {
    position: absolute;
    top: 10px;
    right: 0;
    font: 300 12px NSKR;
    letter-spacing: -1px;
    width: 56px;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 13px 0 6px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    background: url(/static/media/ico_relationKeyword_more_arrow.de6fab9a.png) no-repeat 41px 9px;
    transition: all .3s
}

.newPortalSearchResultWrap .relationKeyword .relationKeyword-in .more:hover {
    background: #fff url(/static/media/ico_relationKeyword_more_arrow.de6fab9a.png) no-repeat 41px 9px
}

.newPortalSearchResultWrap .searchContents {
    width: 1160px;
    height: 100%;
    margin: 0 auto
}

.newPortalSearchResultWrap .searchContents .groupBox {
    padding: 20px 0 27px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .groupBox:last-child {
    border: none;
    padding: 20px 0 27px
}

.newPortalSearchResultWrap .searchContents .groupBox .eadocList {
    margin: 10px 0 0
}

.newPortalSearchResultWrap .searchContents .groupBox .eadocList .eventLink {
    position: relative;
    display: block;
    width: 369px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin: 4px 0 0;
    padding: 0 0 0 36px;
    box-sizing: border-box;
    font: 400 14px/40px NSKR;
    background: #f7fafc url(/static/media/ic_docu_m_normal.0699a912.png) no-repeat top 11px left 15px;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .groupBox .eadocList .eventLink:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 18px;
    height: 21px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right 0 center
}

.newPortalSearchResultWrap .searchContents .groupBox .eadocList .eventLink:hover:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 18px;
    height: 21px;
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right 0 center
}

.newPortalSearchResultWrap .searchContents .groupBox .boxList {
    margin: 10px 0 0
}

.newPortalSearchResultWrap .searchContents .groupBox .boxList .eventLink {
    position: relative;
    display: block;
    width: 369px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin: 4px 0 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
    font: 400 14px/40px NSKR;
    background: #f7fafc;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .groupBox .boxList .eventLink:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 18px;
    height: 21px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right 0 center
}

.newPortalSearchResultWrap .searchContents .groupBox .boxList .eventLink:hover:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 18px;
    height: 21px;
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right 0 center
}

.newPortalSearchResultWrap .searchContents .groupBox .boxList .eventLink b {
    margin: 0 10px 0 0
}

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

.newPortalSearchResultWrap .searchContents .wingTemp {
    float: left;
    width: 390px;
    min-height: 1000px;
    height: 100%;
    margin: 0 0 0 -1px;
    padding: 0 0 0 20px;
    border-left: 1px solid #e7e7e7;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle {
    width: 100%;
    min-height: 20px;
    font-size: 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b {
    position: relative;
    display: inline-block;
    font: 400 14px NSKB;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b.menu {
    padding: 0 5px 0 24px;
    background: url(/static/media/ico_wingTemp_menu.a2bc86e9.png) no-repeat 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b.relation {
    padding: 0 5px 0 24px;
    background: url(/static/media/ico_wingTemp_relation.65289b14.png) no-repeat 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b.eadoc {
    padding: 0 5px 0 24px;
    background: url(/static/media/ico_wingTemp_eadoc.5668c44a.png) no-repeat 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b.groupware {
    padding: 0 5px 0 24px;
    background: url(/static/media/ico_wingTemp_groupware.eb63e896.png) no-repeat 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle b.recent {
    padding: 0 5px 0 24px;
    background: url(/static/media/ico_wingTemp_recent.6adbf3b1.png) no-repeat 0
}

.newPortalSearchResultWrap .searchContents .wingTemp .groupTitle .cnt {
    display: inline-block;
    font: 400 14px NSKR;
    height: 20px;
    line-height: 20px;
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .wingTemp .link-mulien {
    display: block;
    width: 369px;
    height: 89px;
    margin: 20px 0 0;
    background: url(/static/media/temp_mulien.f8d101ef.png) no-repeat 50%;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .wingTemp .link-mulien.jpoc {
    display: block;
    width: 369px;
    height: 89px;
    margin: 20px 0 0;
    background: url(/static/media/temp_mulien_jpoc.28942030.png) no-repeat 50%;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .wingTemp dl {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .wingTemp dl dt {
    font: 700 13px NSKR;
    color: #000;
    padding: 0 0 6px
}

.newPortalSearchResultWrap .searchContents .wingTemp dl dt .cnt {
    display: inline-block;
    font: 600 13px NSKR;
    height: 20px;
    line-height: 20px;
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .wingTemp dl dd {
    padding: 0;
    line-height: 21px
}

.newPortalSearchResultWrap .searchContents .wingTemp dl dd .link {
    position: relative;
    display: inline-block;
    font: 300 13px NSKR;
    color: #000;
    outline: none;
    cursor: pointer
}

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

.newPortalSearchResultWrap .searchContents .wingTemp dl dd .link:focus:after,
.newPortalSearchResultWrap .searchContents .wingTemp dl dd .link:hover:after {
    width: 100%;
    transition: all .5s
}

.newPortalSearchResultWrap .searchContents .wingTemp dl dd .match {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .wingTemp ul {
    position: relative;
    margin: 0;
    overflow: hidden;
    text-align: left;
    font-size: 0
}

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

.newPortalSearchResultWrap .searchContents .wingTemp ul li {
    position: relative;
    display: inline-block;
    width: 58px;
    margin: 20px 19px 0 0;
    vertical-align: top;
    transition: all .5s
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li:nth-child(5n) {
    margin: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li:hover {
    transform: translateY(-5px);
    margin: 20px 19px 0 0;
    padding: 0;
    transition: all .5s
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li:nth-child(5n):hover {
    transform: translateY(-5px);
    margin: 20px 0 0;
    padding: 0;
    transition: all .5s
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon01 {
    background: url(/static/media/ic_mail.a4cf402b.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon02 {
    background: url(/static/media/ic_mail_write.9c7a9697.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon03 {
    background: url(/static/media/ic_calendar.a5fec84f.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon04 {
    background: url(/static/media/ic_rm.2ad6a79a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon05 {
    background: url(/static/media/ic_memo.5153ec9a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon06 {
    background: url(/static/media/ic_board.5cff55e5.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon07 {
    background: url(/static/media/ic_sign.e8f00821.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon08 {
    background: url(/static/media/ic_sign_write.311d1b16.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon09 {
    background: url(/static/media/ic_oneffice.a7e6fa7a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon10 {
    background: url(/static/media/ic_onechamber.045ac026.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon11 {
    background: url(/static/media/ic_kiss.b6a877eb.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon12 {
    background: url(/static/media/ic_fax.cbd5779b.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon13 {
    background: url(/static/media/ic_sms.ce3ef8cd.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon14 {
    background: url(/static/media/ic_ex.e69fd6b2.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon15 {
    background: url(/static/media/ic_wehago.065868eb.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon16 {
    background: url(/static/media/ic_wiki.b5c7bcc1.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon17 {
    background: url(/static/media/ic_jira.f1bf6208.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon18 {
    background: url(/static/media/ic_nsm_10.d0920358.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon19 {
    background: url(/static/media/ic_gcms.0a0f57b2.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon20 {
    background: url(/static/media/ic_hr.aac75aa9.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon21 {
    background: url(/static/media/ic_attendance.eab8b5fa.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon22 {
    background: url(/static/media/ic_crm.0c7ecdcc.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon23 {
    background: url(/static/media/ic_business_hours.8e0a5f8a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon24 {
    background: url(/static/media/ic_business_hours_agree.dcfaaaea.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon25 {
    background: url(/static/media/ic_account.b059216d.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon26 {
    background: url(/static/media/ic_sales.46f04a90.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon27 {
    background: url(/static/media/ic_manage_account.bef1ca06.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon28 {
    background: url(/static/media/ic_corporation_card.381d5de4.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon29 {
    background: url(/static/media/ic_salary.7b290dc1.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon30 {
    background: url(/static/media/ic_expense.a450783c.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon31 {
    background: url(/static/media/ic_fund.24b345e3.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon32 {
    background: url(/static/media/ic_spend.5486e418.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon33 {
    background: url(/static/media/ic_distri.7a80e030.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon34 {
    background: url(/static/media/ic_produce.e9348bea.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon35 {
    background: url(/static/media/ic_attendance_write.bc7dc80a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon36 {
    background: url(/static/media/ic_buy_write.48667352.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon37 {
    background: url(/static/media/ic_mypage.6059f915.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon38 {
    background: url(/static/media/ic_work_report.95d888da.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon39 {
    background: url(/static/media/ic_address_book.d2e481ff.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon40 {
    background: url(/static/media/ic_erp_10.038b5b67.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon41 {
    background: url(/static/media/ic_supplies_write.5217541d.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon42 {
    background: url(/static/media/ic_supplies_manage.36b8d8e3.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon43 {
    background: url(/static/media/ic_supplies_order.53354e5e.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon44 {
    background: url(/static/media/ic_supplies_calculate.70f8518a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon45 {
    background: url(/static/media/ic_inhouse01@2x.be78ad23.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon46 {
    background: url(/static/media/ic_inhouse02@2x.98a6cc6e.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon47 {
    background: url(/static/media/ic_inhouse03@2x.930da925.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon48 {
    background: url(/static/media/ic_inhouse04@2x.3c42e20a.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon49 {
    background: url(/static/media/ic_inhouse05@2x.c6a505d5.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon50 {
    background: url(/static/media/ic_inhouse07@2x.98cd2b5e.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon51 {
    background: url(/static/media/ic_inhouse08@2x.90f5ee48.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon52 {
    background: url(/static/media/ic_inhouse09@2x.1803c00b.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon53 {
    background: url(/static/media/ic_inhouse10@2x.fb5e2bbf.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon54 {
    background: url(/static/media/ic_smartlink.35ba4756.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon55 {
    background: url(/static/media/ic_total_address@2x.d74570cd.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.ecoIcon56 {
    background: url(/static/media/ic_inhouse11@2x.83f94d75.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li.MeetUS {
    background: url(/static/media/ic_meetus.66ff2a05.png) no-repeat center 0;
    background-size: 58px
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li .link {
    display: block;
    width: 58px;
    padding: 68px 0 20px;
    font: 400 12px/16px NSKR;
    cursor: pointer;
    color: #000;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li .link:after {
    display: none
}

.newPortalSearchResultWrap .searchContents .wingTemp ul li .itemCnt {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    padding: 2px 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
}

.newPortalSearchResultWrap .searchContents .searchTemp {
    float: left;
    width: 770px;
    height: 100%;
    padding: 0 20px 120px 0;
    box-sizing: border-box;
    border-right: 1px solid #e7e7e7
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle {
    width: 100%;
    min-height: 20px;
    font-size: 0;
    padding: 20px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle b {
    position: relative;
    display: inline-block;
    font: 400 15px/20px NSKB;
    height: 20px;
    padding: 0 15px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle b:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 7px;
    width: 1px;
    height: 15px;
    background: #d9d9d9
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult {
    font: 400 15px/20px NSKB;
    color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult .cnt {
    display: inline-block;
    font: 400 15px/20px NSKB;
    height: 20px;
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult .matching {
    display: inline-block;
    font: 400 15px/20px NSKB;
    height: 20px;
    color: #1d90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult .matching * {
    vertical-align: top
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult .matching .ellipsis {
    display: inline-block;
    max-width: 680px
}

.newPortalSearchResultWrap .searchContents .searchTemp .groupTitle .textResult .matching+.cnt {
    display: inline-block;
    font: 400 15px/20px NSKB;
    height: 20px;
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title {
    position: relative;
    font: 400 14px/28px NSKB;
    color: #2e3645;
    border-bottom: 1px solid #ececec
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title .cnt {
    color: #1c90fb;
    margin: 0 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title .result-moreBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 28px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right -5px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title .result-moreBtn:hover {
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right -5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title .result-prevBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 28px;
    background: url(/static/media/ic_arrow_left_01_m_normal.2912c4ea.png) no-repeat right -5px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-title .result-prevBtn:hover {
    background: url(/static/media/ic_arrow_left_01_m_over.568de6b0.png) no-repeat right -5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .match {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_approval.3c3f8e4a.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 650px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #eff8f9
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_proval_s_normal.5c4fadac.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ea .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_mail.dd5ddb8a.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 60px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 580px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listTop .date {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
    letter-spacing: -1px;
    text-align: right
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #f2f3fe
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ml .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_schedule.0b887d91.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 50px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 600px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #fdf2ea
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li .listBox .listBot .infoMisc {
    font-size: 11px;
    color: rgba(0, 0, 0, .6)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-cl .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_project.760addc9.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 730px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #fcf8eb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc:first-child.wk {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_work_s_normal.9fc017bd.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc:first-child.td {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_work_check_s_normal.0da924e0.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc:first-child.pj {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_folder_s_normal.8102bc19.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wk .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_board.2fb21c4d.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 730px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #f3f5f9
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_survey_s_normal.16b40621.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-bd .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_projectreport.46171d52.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listTop {
    position: relative;
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 30px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 700px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-wr .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_note.f0fd01fe.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 730px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #f2f3fe
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0 0 0 18px;
    background: url(/static/media/ic_note_s_normal.7f23bd8e.png) no-repeat left 1px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-nt .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_user.face38e0.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap {
    padding-top: 10px;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box {
    width: 100%;
    position: relative
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box .result_badge {
    position: absolute;
    top: 11px;
    left: 7px;
    height: 18px;
    padding: 0 10px;
    border-radius: 10px;
    font: 400 11px/18px NSKR;
    color: #fff;
    background: #9da3aa
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item {
    float: left;
    width: 370px;
    height: 194px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    margin: 5px 9px 5px 0;
    box-shadow: 0 5px 3px 0 rgba(217, 215, 231, .13)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user {
    margin: 0 20px;
    width: 94px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .user-pic {
    width: 46px;
    height: 46px;
    border-radius: 46px;
    margin: 0 auto;
    background: url(/static/media/pic_no_img.daf67bcb.png) no-repeat top;
    background-size: 46px;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .user-pic img {
    width: 100%;
    vertical-align: top
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .nameBox {
    width: 100%;
    margin-top: 6px;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .nameBox .user-name {
    font-size: 13px;
    font-family: NSKB;
    color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .nameBox .user-position {
    font-size: 11px;
    font-family: NSKR;
    color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-user .nameBox .user-group {
    font-size: 11px;
    font-family: NSKR;
    color: #000;
    opacity: .5
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor {
    font-size: 11px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0;
    line-height: 18px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-number {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_phone_01_s_normal@2x.3294063a.png) no-repeat left 0 center;
    background-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-phone {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_mobile_s_normal@2x.2ee7ce2a.png) no-repeat left 0 center;
    background-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-email {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_mail_s_normal@2x.79465e59.png) no-repeat left 0 center;
    background-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-info01 {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_pc_s_normal@2x.9cc3939e.png) no-repeat left 0 center;
    background-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-info02 {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_career_m_normal@2x.7c019d23.png) no-repeat left 0 center;
    background-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-infor .user-info02 .linkText {
    color: #1c90fb;
    text-decoration: underline;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item .user-detailBtn {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 1px solid #ececec;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    font-size: 11px;
    color: #000;
    text-align: center;
    background: #fff url(/static/media/ico_searchCategory_more_arrow_down.c9a5238e.png) no-repeat right 158px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item:nth-child(2n) {
    margin: 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item.on {
    border: 1px solid #1c90fb;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    background: #f7fafc
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-box li.item.on .user-detailBtn {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 1px solid #ececec;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    font-size: 11px;
    color: #000;
    text-align: center;
    background: #fff url(/static/media/ico_searchCategory_more_arrow_up.3c979439.png) no-repeat right 158px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details {
    position: relative;
    margin: 5px 0 0;
    padding: 10px 20px 15px;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 3px;
    background-color: #fafafa
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-title {
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    margin: 10px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-title:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-title .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab {
    position: relative;
    z-index: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .tab>div>div>div {
    white-space: nowrap
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .tab ul div>li>button {
    padding: 0 15px !important;
    min-width: 80px !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .tab ul div:first-child>li>button span:first-child {
    background: transparent !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .tab ul div>li>button span:first-child {
    top: 8px !important;
    height: 10px;
    background: #cdcdd7 !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .tab ul div>li>button span:last-child {
    font-size: 13px !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .more {
    position: absolute;
    top: 4px;
    right: 0;
    font: 400 13px NSKR;
    letter-spacing: -1px;
    width: 48px;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 12px;
    color: #000;
    cursor: pointer;
    background: url(/static/media/ico_searchCategory_more_arrow_down.c9a5238e.png) no-repeat right 8px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .more_pop {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: auto;
    border: 1px solid #91969e;
    background: #fff;
    transform: translateY(60%);
    opacity: 0;
    transition: all .3s;
    z-index: 10
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .more_pop ul li {
    display: block;
    font: 400 12px NSKR;
    padding: 5px 12px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .more_pop ul li.on,
.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .more_pop ul li:hover {
    background: #f2f9ff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab.on .more {
    background: url(/static/media/ico_searchCategory_more_arrow_up.3c979439.png) no-repeat right 8px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab.on .more_pop {
    opacity: 1
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-title {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-title .result-moreBtn {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-box {
    margin: 15px 0;
    padding: 0;
    background: transparent
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-box .text {
    white-space: normal
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ea {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ea .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ea .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ml {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ml .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ml .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-cl {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-cl .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-cl .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wk {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wk .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wk .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-bd {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-bd .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-bd .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wr {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wr .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-wr .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-nt {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-nt .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-nt .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-of {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-of .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-of .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-of .result-box li.item:nth-child(5n) {
    margin: 5px 9px 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at .result-box-wrap {
    margin: 10px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at .result-box-wrap .result-box {
    margin: 5px 0 15px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-at .result-box-wrap .result-box li.item:nth-child(5n) {
    margin: 5px 9px 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ks {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ks .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-ks .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-rm {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-rm .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-rm .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-oc {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-oc .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-oc .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-oc .result-box li.item:nth-child(5n) {
    margin: 5px 9px 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-crm {
    margin: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-crm .result-title {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .result-crm .result-cnt {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-tab .no_data {
    min-height: 200px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-us .result-wrap .result-details .result-details-pager {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_oneffice.94d5270d.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box {
    padding: 10px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item {
    position: relative;
    float: left;
    width: 142px;
    height: 196px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    margin: 5px 9px 5px 0;
    box-shadow: 0 5px 3px 0 rgba(217, 215, 231, .13)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .document-pic {
    width: 124px;
    height: 176px;
    margin: 10px 8px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .document-pic img {
    width: 100%;
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 72px;
    border-top: 1px solid #dbe6f1;
    box-sizing: border-box;
    background: #f0f5fa;
    border-radius: 0 0 4px 4px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .file {
    height: 45px;
    padding: 10px 8px 0;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .file .text {
    font: 400 12px/16px NSKR;
    color: #696b83;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .file .text .tag {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 3px;
    border-radius: 9px;
    border: 1px solid #42a1ff;
    font: 400 9px/14px NSKR;
    color: #42a1ff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .file .text:hover {
    text-decoration: underline;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .date {
    padding: 3px 10px 2px;
    font: 400 11px/20px NSKR;
    color: rgba(0, 0, 0, .5)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .date.receive {
    background: url(/static/media/icon_person_recieve.92282a98.png) no-repeat top 3px right 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item .infoBox .date.sent {
    background: url(/static/media/icon_person_send.cac0ed13.png) no-repeat top 3px right 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-of .result-box li.item:nth-child(5n) {
    margin: 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_file.53168560.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-cnt {
    display: none;
    position: relative;
    font: 400 15px/21px NSKB;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap {
    position: relative;
    box-sizing: border-box;
    z-index: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab {
    position: relative;
    margin: 16px 0 0;
    background: #fff;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in {
    position: relative;
    height: 25px;
    border-bottom: 1px solid #b2b2b2;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li {
    position: relative;
    min-width: 80px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li.on {
    border: 1px solid #b2b2b2;
    border-bottom-color: #fff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li span.txt {
    position: relative;
    display: block;
    height: 24px;
    font: 400 12px/24px NSKR;
    color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li.on span.txt {
    color: #000;
    background: #fff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li span.txt:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -1px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .attachTab .attachTab_in ul li.on span.txt:after {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box {
    padding: 7px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item {
    position: relative;
    float: left;
    width: 142px;
    height: 196px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    margin: 5px 9px 5px 0;
    box-shadow: 0 5px 3px 0 rgba(217, 215, 231, .13)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .title-box {
    width: 100%;
    height: 38px;
    padding: 10px 8px;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .title-box .title {
    display: block;
    max-width: 124px;
    font: 400 12px/18px NSKB;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box {
    position: relative;
    width: 122px;
    height: 156px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb {
    width: 100%;
    height: 86px;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb .file-view:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb .file-view .file-icon {
    width: 30px;
    height: 84px;
    margin: 0 auto;
    padding: 24px 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb .file-view .file-image {
    position: relative;
    width: 120px;
    height: 86px;
    margin: 0 auto;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb .file-view .file-image .play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/static/media/bg_searchResult_playDim.e7e5cc20.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-thumb .file-view .file-image img {
    width: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info {
    position: relative
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file {
    height: 45px;
    padding: 10px 0 0;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text {
    font: 400 12px/16px NSKR;
    color: #696b83;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text:hover {
    text-decoration: underline;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 3px;
    border-radius: 9px;
    font: 400 9px/14px NSKR
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.pdf {
    color: #dc3e45;
    border: 1px solid #dc3e45
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.ppt,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.pptx {
    color: #eb5e41;
    border: 1px solid #eb5e41
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.xls,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.xlsx {
    color: #32964f;
    border: 1px solid #32964f
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.doc,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.docx,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.gul,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.hwp,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.one,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.word {
    color: #2a9cfd;
    border: 1px solid #2a9cfd
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.bmp,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.gif,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.img,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.jpg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.png,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.tif {
    color: #f2ae00;
    border: 1px solid #f2ae00
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.asf,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.avi,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.mov,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.mp4,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.mpeg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.mpg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.wmv {
    color: #624aa6;
    border: 1px solid #624aa6
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.zip {
    color: #8f8680;
    border: 1px solid #8f8680
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.htm,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.html {
    color: #4ebfbd;
    border: 1px solid #4ebfbd
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.txt {
    color: #919191;
    border: 1px solid #919191
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.etc {
    color: #7c8ca3;
    border: 1px solid #7c8ca3
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.psd {
    color: #3688fa;
    border: 1px solid #3688fa
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.ai {
    color: #df7e27;
    border: 1px solid #df7e27
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.flv {
    color: #d32b34;
    border: 1px solid #d32b34
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.mp3,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.wav,
.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .file .text .tag.wma {
    color: #9b54bb;
    border: 1px solid #9b54bb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .nameDate {
    margin: 3px 0 2px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .nameDate .infoMisc {
    position: relative;
    display: inline-block;
    font: 400 11px/20px NSKR;
    color: rgba(0, 0, 0, .5);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .nameDate .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .nameDate .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item .file-box .file-info .nameDate .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .result-box li.item:nth-child(5n) {
    margin: 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .file-view_pop {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: auto;
    border: 1px solid #91969e;
    background: #fff;
    transition: all .3s;
    z-index: 10
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .file-view_pop.on {
    display: block
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .file-view_pop ul li {
    display: block;
    font: 400 12px NSKR;
    padding: 5px 12px;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .file-view_pop ul li:hover {
    background: #f2f9ff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .tab ul div>li>button {
    padding: 0 15px !important;
    min-width: 80px !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .tab ul div:first-child>li>button span:first-child {
    background: transparent !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .tab ul div>li>button span:first-child {
    height: 13px;
    background: #cdcdd7 !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-at .result-box-wrap .tab ul div>li>button span:last-child {
    font-size: 11px !important
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_kiss.8851d410.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 50px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 730px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #fcf8eb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-ks .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_resource.dfde123f.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 50px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 600px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #fdf2ea
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listBot .infoMisc {
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listBot .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listBot .infoMisc:before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li .listBox .listBot .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rm .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_oc.fd129e5b.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box {
    padding: 10px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item {
    position: relative;
    float: left;
    width: 142px;
    height: 196px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    margin: 5px 9px 5px 0;
    box-shadow: 0 5px 3px 0 rgba(217, 215, 231, .13)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .file-thumb {
    height: 115px;
    margin: 8px 8px 0;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .file-thumb .file-view:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .file-thumb .file-view .file-icon {
    width: 30px;
    height: 112px;
    margin: 0 auto;
    padding: 38px 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .file-thumb .file-view .file-image {
    position: relative;
    width: 122px;
    height: 112px;
    margin: 0 auto;
    overflow: hidden;
    border: solid #ececec;
    border-width: 1px 1px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .file-thumb .file-view .file-image img {
    width: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 72px;
    border-top: 1px solid #dbe6f1;
    box-sizing: border-box;
    background: #f5f9fc;
    border-radius: 0 0 4px 4px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file {
    height: 45px;
    padding: 10px 8px 0;
    box-sizing: border-box;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text {
    font: 400 12px/16px NSKR;
    color: #696b83;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text:hover {
    text-decoration: underline;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 3px;
    border-radius: 9px;
    font: 400 9px/14px NSKR
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.pdf {
    color: #dc3e45;
    border: 1px solid #dc3e45
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.ppt,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.pptx {
    color: #eb5e41;
    border: 1px solid #eb5e41
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.xls,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.xlsx {
    color: #32964f;
    border: 1px solid #32964f
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.doc,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.docx,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.gul,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.hwp,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.one,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.word {
    color: #2a9cfd;
    border: 1px solid #2a9cfd
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.bmp,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.gif,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.img,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.jpg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.png,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.tif {
    color: #f2ae00;
    border: 1px solid #f2ae00
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.asf,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.avi,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.mov,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.mp4,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.mpeg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.mpg,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.wmv {
    color: #624aa6;
    border: 1px solid #624aa6
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.zip {
    color: #8f8680;
    border: 1px solid #8f8680
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.htm,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.html {
    color: #4ebfbd;
    border: 1px solid #4ebfbd
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.txt {
    color: #919191;
    border: 1px solid #919191
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.etc {
    color: #7c8ca3;
    border: 1px solid #7c8ca3
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.psd {
    color: #3688fa;
    border: 1px solid #3688fa
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.ai {
    color: #df7e27;
    border: 1px solid #df7e27
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.flv {
    color: #d32b34;
    border: 1px solid #d32b34
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.mp3,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.wav,
.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .file .text .tag.wma {
    color: #9b54bb;
    border: 1px solid #9b54bb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .nameDate {
    margin: 3px 10px 2px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .nameDate .infoMisc {
    position: relative;
    display: inline-block;
    font: 400 11px/20px NSKR;
    color: rgba(0, 0, 0, .5);
    padding: 0 0 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .nameDate .infoMisc:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .nameDate .infoMisc:before {
    position: absolute;
    top: 6px;
    left: 4px;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item .infoBox .nameDate .infoMisc:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-oc .result-box li.item:nth-child(5n) {
    margin: 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic-notice-crm.3d8921d6.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-cnt {
    display: none;
    position: relative;
    font: 700 15px/21px NSKR;
    color: #2e3645;
    padding: 5px 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-cnt .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box {
    padding: 15px 0 0;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li {
    padding: 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li:first-child {
    padding: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listImg {
    width: 80px;
    height: 80px;
    border: 1px solid #ececec;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listImg img {
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listTop {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listTop .tag {
    display: inline-block;
    min-width: 50px;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 6px 2px;
    border: 1px solid #8c919a;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 11px;
    color: rgba(0, 0, 0, .6);
    vertical-align: top;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listTop .title {
    display: inline-block;
    max-width: 600px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listCon {
    position: relative;
    padding: 0 0 5px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listCon .text {
    font-size: 13px;
    word-break: break-all
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listCon .line-clamp:after {
    width: 15px;
    background: #fdf2ea
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li .listBox .listBot .infoMisc {
    font-size: 11px;
    color: rgba(0, 0, 0, .6)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-crm .result-box li:first-child {
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr {
    margin: 30px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-title {
    padding: 0 0 8px 34px;
    background: url(/static/media/ic_notice_total_address.ed9aa7f9.png) no-repeat 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap {
    padding-top: 10px;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box {
    width: 100%;
    position: relative;
    flex-wrap: wrap
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item {
    min-width: 370px;
    width: 370px;
    height: 194px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    margin: 5px 9px 5px 0;
    box-shadow: 0 5px 3px 0 rgba(217, 215, 231, .13)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-user {
    margin: 0 20px;
    width: 94px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-user .user-pic {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    margin: 0 auto;
    background: url(/static/media/img_empty_profile_52@2x.03998025.png) no-repeat top;
    background-size: 52px;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-user .user-pic img {
    width: 100%;
    vertical-align: top
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-user .nameBox {
    width: 100%;
    margin-top: 6px;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-user .nameBox .user-name {
    font-size: 13px;
    font-family: NSKB;
    color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor {
    font-size: 11px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 0;
    line-height: 18px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-comp {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_comp_02_m_normal@2x.5f8c6129.png) no-repeat left 0 center;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-org {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_organization_m_normal@2x.b3e51af0.png) no-repeat left 0 center;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-phone {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_mobile_m_normal@2x.d4c9234e.png) no-repeat left 0 center;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-mail {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_mail_m_normal@2x.3a174fb5.png) no-repeat left top 1px;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-number {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_phone_01_m_normal@2x.3122757d.png) no-repeat left 0 center;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item .user-infor .user-addr {
    margin: 5px 0;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_address_m_normal@2x.ed24d52a.png) no-repeat left 0 center;
    background-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-taddr .result-wrap .result-box li.item:nth-child(2n) {
    margin: 5px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rk {
    margin: 15px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rk .result-title {
    padding: 0 0 0 25px;
    background: url(/static/media/ico_searchResult_rk.26a91f10.png) no-repeat left 0 center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-rk .result-title .cnt {
    color: #1c90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    min-height: 200px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #fff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation .relationKeyword-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 23px 0 0;
    padding: 0 26px;
    box-sizing: border-box;
    z-index: 1
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation .relationKeyword-title .title {
    font: 400 14px/20px NSKB
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation .relationKeyword-title .result-moreBtn {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right -5px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation .relationKeyword-title .result-moreBtn:hover {
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right -5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday {
    height: 250px;
    background: url(/static/media/img_related_hoiiday.166cb2e4.png) no-repeat 50%;
    background-size: cover;
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea {
    width: 400px;
    height: 174px;
    margin: 56px 0 0 26px;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 125px;
    min-width: 125px;
    margin-left: 30px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul>li {
    padding: 2px 0 6px;
    font: 400 13px/30px NSKR;
    color: #a6a6a6
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul>li:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #9e9e9f;
    vertical-align: middle
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul>li:not(:first-child) {
    border-top: 1px dashed #e6e6e6
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul>li>span {
    display: inline-block;
    width: calc(66% - 7px);
    vertical-align: middle
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea>.info>ul>li>strong {
    display: inline-block;
    width: 34%;
    font-size: 16px;
    color: #474747;
    text-align: right;
    vertical-align: middle
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap {
    margin: auto 30px auto 50px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph {
    align-self: center;
    position: relative;
    transform: rotate(-90deg);
    width: 140px;
    height: 140px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph .back {
    stroke: #e9e9e9
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph .fill {
    stroke: #4eabfa;
    animation: chart-fill 2s reverse;
    transform-origin: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph .info {
    position: absolute;
    right: 50%;
    top: 40px;
    width: 140px;
    margin-right: -68px;
    font-size: 36px;
    line-height: 1.17;
    color: #474747;
    letter-spacing: -1.44px;
    text-align: center;
    -webkit-animation: chart-info 2s forwards;
    animation: chart-info 2s forwards;
    transform: rotate(90deg);
    opacity: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph .info>i {
    font-size: 18px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.holiday .dataArea .graphWrap>.graph .info>span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: -.9px;
    color: #4a4a4a;
    font-weight: 400;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval {
    height: 250px;
    background: url(/static/media/img_related_approval.f0a9f2d7.png) no-repeat 50%;
    background-size: cover;
    border: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea {
    width: 400px;
    height: 156px;
    margin: 66px 0 0 26px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit {
    position: relative;
    padding: 50px 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit:before {
    content: "";
    position: absolute;
    top: 54px;
    left: 0;
    width: 1px;
    height: 48px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit:first-child:before {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit .tit {
    font: 400 13px/20px NSKR;
    text-align: center;
    color: #a6a6a6
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit .cnt {
    font: 400 16px NSKR;
    text-align: center;
    color: #474747
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relation.approval .dataArea .flexUnit .cnt strong {
    font: 400 26px/38px NSKB;
    margin: 0 3px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    min-height: 110px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #fff
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-title {
    width: 100%;
    height: 53px;
    padding: 0 20px;
    background-color: #f5f8fa;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-title.campaign {
    background-color: #f5f5fc
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-title .badge {
    display: inline-block;
    width: 38px;
    height: 20px;
    margin: 16px 0;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    background-color: #46a3f0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-title .searching-text {
    font: 700 14px/53px NSKR;
    margin: 0 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-title .btn {
    display: inline-block;
    height: 26px;
    margin: 13px 0;
    padding: 0 20px 0 10px;
    font: 400 11px/24px NSKR;
    text-align: center;
    box-sizing: border-box;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: url(/static/media/ic_arrow_right_02_s_disable.b7df9f3d.png) no-repeat right 5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents {
    padding: 20px 20px 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl {
    font: 400 14px/20px NSKR
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dt {
    padding: 0 5px 0 20px;
    background: url(/static/media/ic_docu_s_normal.0697e935.png) no-repeat top 4px left
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dt.campaign {
    padding: 0 5px 0 20px;
    background: url(/static/media/ic_notice_s_normal.885f294c.png) no-repeat top 4px left
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dt.doc {
    padding: 0 5px 0 20px;
    background: url(/static/media/ic_docu_s_normal.0697e935.png) no-repeat top 4px left
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dd ul {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dd ul li {
    display: inline-block;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dd .btn {
    display: inline-block;
    width: 110px;
    height: 26px;
    margin: 0;
    padding: 0 10px 0 0;
    font: 400 11px/24px NSKR;
    text-align: center;
    box-sizing: border-box;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: url(/static/media/ic_arrow_right_02_s_disable.b7df9f3d.png) no-repeat right 5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dd .btn-vacation {
    display: inline-block;
    width: 80px;
    height: 26px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: url(/static/media/btn_vacation.b9375821.png) no-repeat 50%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents dl dd .badge-done {
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 0 10px;
    font: 400 11px/18px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    background-color: #9da3aa
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign {
    padding: 10px 20px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl {
    font: 400 14px/20px NSKR;
    padding: 20px 0;
    border-bottom: 1px solid #ececec
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl:last-child {
    border-bottom: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dt {
    padding: 0 5px 0 25px;
    background: url(/static/media/ic_docu_s_normal.0697e935.png) no-repeat top 4px left
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dt.campaign {
    padding: 0 5px 0 20px;
    background: url(/static/media/ic_notice_s_normal.885f294c.png) no-repeat top 4px left
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dd ul {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dd ul li {
    display: inline-block;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dd ul li .badge {
    display: inline-block;
    width: 38px;
    height: 20px;
    font: 400 11px/20px NSKR;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    background-color: #46a3f0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationKeyword .relationKeyword-contents.campaign dl dd ul li .line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    opacity: .1;
    background-color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    min-height: 100px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #fff;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg .relationKeyword-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 23px 0 0;
    padding: 0 26px;
    box-sizing: border-box;
    z-index: 1
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg .relationKeyword-title .title {
    font: 400 14px/20px NSKB
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg .relationKeyword-title .result-moreBtn {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right -5px center;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg .relationKeyword-title .result-moreBtn:hover {
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right -5px center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationImg img.link {
    width: 100%;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    min-height: 284px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #fff;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo table {
    table-layout: fixed
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-title {
    margin: 23px 0 0;
    padding: 0 26px;
    box-sizing: border-box;
    z-index: 1
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-title .title {
    font: 400 14px/20px NSKB
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-title .result-moreBtn {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat 100%;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-title .result-moreBtn:hover {
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents {
    height: 203px;
    margin: 12px 26px 26px;
    padding: 30px 0;
    border-radius: 2px;
    border: 1px solid #ececec;
    background-color: #f7fafc;
    box-sizing: border-box
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_img {
    padding: 0 34px;
    width: 100px;
    align-items: center;
    justify-content: center;
    display: flex
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_img.company {
    background: url(/static/media/img_building_user.e906b155.png) no-repeat 50%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_img.user {
    background: url(/static/media/img_user_building.e4589bff.png) no-repeat 50%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_info {
    line-height: 24px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_info th {
    font-size: 11px;
    text-align: left;
    color: #a6a6a6;
    letter-spacing: -.55px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .relationKeyword-contents .result_info td {
    font-size: 12px;
    letter-spacing: -.6px;
    text-align: left;
    color: #4a4a4a
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact {
    margin-top: 12px;
    padding: 0 26px 26px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl {
    width: 167px;
    height: 94px;
    border-radius: 3px;
    border: 1px solid #ececec;
    margin-right: 10px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl dt {
    font-size: 13px;
    padding: 16px 10px 0;
    font-family: NSKB;
    justify-content: center;
    align-items: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl dt .line {
    margin: 0 0 0 6px;
    padding: 0 6px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 0;
    background-size: 1px 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl dt .rank {
    min-width: 30px;
    font-size: 11px;
    color: #8c8c8c;
    font-family: NSKR
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl dd {
    font-size: 11px;
    color: #8c8c8c;
    padding: 0 10px;
    justify-content: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo .addContact dl dd .companyText {
    color: #1c90fb;
    padding-top: 8px;
    line-height: 16px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationInfo [data-orbit-component=OBTTooltip] {
    line-height: inherit
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness {
    position: relative;
    margin: 15px 0 0;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #fafafa;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-title {
    margin: 23px 0 0;
    padding: 0 26px;
    box-sizing: border-box;
    z-index: 1
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-title .title {
    font: 400 14px/20px NSKB
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents {
    margin: 12px 26px 26px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .title {
    border-radius: 3px;
    background-color: #f0f0f0;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 12px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox {
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 17px;
    margin: 0 0 6px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .proTitle {
    font-size: 13px;
    color: #000;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 100%;
    background-size: 1px 10px;
    padding: 0 6px 0 0;
    margin: 0 6px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .company {
    color: #8c8c8c;
    margin-left: 6px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 0;
    background-size: 1px 10px;
    padding: 0 0 0 6px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .est {
    color: #8c8c8c;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .radius {
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 10px;
    margin-top: 13px;
    color: #fff;
    font-size: 11px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .radius.blue {
    background-color: #46a3f0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .conBox .radius.yel {
    background-color: #f0c325
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul {
    position: relative
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 13px;
    bottom: -8px;
    width: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li {
    position: relative;
    margin-bottom: 20px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .list_con {
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .list_con .detail {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 8px;
    font-size: 11px;
    margin-top: 4px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .list_con .company {
    color: #a6a6a6;
    font-size: 11px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 0;
    margin-left: 6px;
    padding-left: 6px;
    min-width: 100px;
    margin-right: 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .list_con .date {
    color: #a6a6a6;
    font-size: 11px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li:last-child {
    margin-bottom: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon {
    width: 28px;
    height: 28px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.call {
    background: url(/static/media/ic_notice_call.347b1113.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.visit {
    background: url(/static/media/ic_notice_visit.5ca383b2.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.fax {
    background: url(/static/media/ic_notice_fax.f43c527e.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.mail {
    background: url(/static/media/ic_notice_mail.b45b6917.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.estimate {
    background: url(/static/media/ic_notice_estimate.ec4113af.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.order {
    background: url(/static/media/ic_notice_order.c7b5166c.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness .relationKeyword-contents .timeLine ul li .icon.system {
    background: url(/static/media/ic_notice_notificatiom.b2c71a14.png) no-repeat 50%;
    background-size: 28px 28px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon {
    max-height: 469px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .contentLine {
    background: url(/static/media/ico_page_bar.7286a1dc.png) repeat-y 100%;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .contentLine .title {
    width: 328px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .conBox {
    height: 64px;
    justify-content: center;
    line-height: 20px;
    align-items: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .conBox .proTitle {
    background: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .conBox .badge {
    display: flex;
    justify-content: center;
    align-items: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .conBox .badge .radius {
    margin-top: 0
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .conBox .company {
    margin-right: 6px
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .timeLine {
    max-height: 343px;
    height: 100%
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness.horizon .timeLine .list_con .company {
    min-width: auto
}

.newPortalSearchResultWrap .searchContents .searchTemp .result-relationBusiness [data-orbit-component=OBTTooltip] {
    line-height: inherit
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap {
    position: relative
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .matchingEmptyText {
    width: 100%;
    min-height: 20px;
    font-size: 0;
    padding: 80px 0 40px;
    text-align: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .matchingEmptyText .textResult {
    font: 400 15px/20px NSKB;
    color: #000
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .matchingEmptyText .textResult .matching {
    display: inline-block;
    font: 400 15px/20px NSKB;
    height: 20px;
    color: #1d90fb
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .matchingEmptyText .textResult .matching * {
    vertical-align: top
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .matchingEmptyText .textResult .matching .ellipsis {
    display: inline-block;
    max-width: 680px
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .description {
    padding: 0 0 280px;
    background: url(/static/media/img_search_empty.f5821008.png) no-repeat bottom 0 center;
    overflow: hidden
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .description .txt {
    text-align: center;
    margin: 0 0 10px;
    font: 400 13px/20px NSKR;
    color: rgba(0, 0, 0, .5)
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .description .txt span {
    position: relative;
    padding: 0 0 0 8px
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .description .txt span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: rgba(0, 0, 0, .5)
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap {
    padding: 37px 0 60px
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap .txt {
    text-align: center;
    margin: 0 0 20px;
    font: 400 13px/20px NSKR;
    color: rgba(0, 0, 0, .5)
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap ul {
    justify-content: center
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap ul li {
    position: relative;
    padding: 0 10px
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap ul li:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, .1)
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap ul li:first-child:after {
    display: none
}

.newPortalSearchResultWrap .searchContents .searchTemp .resultEmptyWrap .bottomLinkWrap ul li span {
    font: 400 12px/20px NSKR;
    color: #000
}

.adminSet {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.adminSet .titleFnc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background-color: #1385db
}

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

.adminSet .titleFnc .leftDiv {
    float: left;
    font: 700 12px/42px Dotum;
    margin: 0 0 0 20px;
    color: #fff
}

.adminSet .titleFnc .rightDiv {
    float: right;
    margin: 7px 20px 0 0
}

.adminSet .titleFnc .rightDiv .topBtn {
    color: #fff;
    border: 1px solid #5aaae6;
    background-color: #1385db;
    background-image: none !important;
    margin-left: 4px
}

.adminSet .titleFnc .rightDiv .topBtn span:after {
    display: none
}

.adminSet .titleFnc .rightDiv .topBtn:hover {
    border: 1px solid #fff;
    background-color: #0876c9
}

.adminSet .setContents {
    position: absolute;
    top: 42px;
    left: 0;
    right: 420px;
    bottom: 120px;
    background-color: #f0f3f3;
    overflow: auto
}

.adminSet .setLists {
    left: 0;
    right: 420px;
    height: 120px;
    background: #4a4a4a;
    z-index: 1000;
    transition: all .2s
}

.adminSet .setLists,
.adminSet .setOptions {
    position: absolute;
    bottom: 0;
    overflow: hidden
}

.adminSet .setOptions {
    top: 42px;
    right: 0;
    width: 420px;
    padding: 10px;
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
    background: #fff url(/static/media/bg_portal_set.3b6b907e.png) no-repeat right 25px bottom 35px
}

.adminSet .setOptions .setItem {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow: auto
}

.adminSet .setOptions .setItem .setItemHead {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    padding: 15px 0 8px;
    border-bottom: 1px solid #000
}

.adminSet .setOptions .setItem .setItemHead .setItemHeadTitle {
    margin-left: 10px;
    padding-left: 0;
    font: 700 18px NSKR;
    letter-spacing: -.5px;
    color: #000;
    background: none
}

.adminSet .setOptions .setItem .setItemHead .setItemHeadTitle span {
    font-size: 14px
}

.adminSet .setOptions .setItem .setItemHead .setItemClose {
    position: absolute;
    top: 18px;
    right: 0;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background: url(/static/media/btn_pop_clo02.5be22c46.png) no-repeat 50%
}

.adminSet .setOptions .setItem .setItemForm {
    padding: 0 15px
}

.adminSet .setOptions .setItem .setItemForm .setBanner {
    position: relative;
    width: 100%;
    height: 100%
}

.adminSet .setOptions .setItem .setItemForm .setBannerImage {
    float: left;
    width: 108px;
    height: 108px
}

.adminSet .setOptions .setItem .setItemForm .setBannerImage img {
    width: 100%;
    height: 100%
}

.adminSet .setOptions .setItem .setItemForm .setBannerBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background: url(/static/media/ic_settine_01_m_normal.b652ce49.png) no-repeat 50%;
    cursor: pointer
}

.adminSet .setOptions .setItem .setItemForm .alertText {
    margin-top: 10px;
    background: url(/static/media/icon_input_error.94963b92.png) no-repeat 0;
    padding-left: 20px
}

.adminSet .setOptions .setItem .setItemForm .alertText em {
    padding-right: 5px;
    color: red
}

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

.setUserItemForm .setBanner {
    position: relative;
    width: 100%;
    height: 100%
}

.setUserItemForm .setBannerImage {
    float: left;
    width: 108px;
    height: 108px
}

.setUserItemForm .setBannerImage img {
    width: 100%;
    height: 100%
}

.setUserItemForm .setBannerBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background: url(/static/media/ic_settine_01_m_normal.b652ce49.png) no-repeat 50%;
    cursor: pointer
}

.setUserItemForm .alertText {
    margin-top: 10px;
    background: url(/static/media/icon_input_error.94963b92.png) no-repeat 0;
    padding-left: 20px
}

.setUserItemForm .alertText em {
    padding-right: 5px;
    color: red
}

.helpContents dt {
    font: 400 14px/20px NSKR;
    color: #058df5;
    margin: 10px 0 0
}

.helpContents dt:first-child {
    margin: 0
}

.helpContents dd {
    font: 400 12px/20px NSKR;
    color: #000
}

.helpContents dd.sub {
    padding: 0 0 0 10px
}

.adminSet .setUserPortletPopup {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 30px;
    background: #fff;
    border: 1px solid #e7e7e7;
    z-index: 1200;
    outline: none;
    width: 480px;
    height: 500px;
    transform: translate(-95%, -58%);
    box-sizing: border-box
}

.adminSet .setUserPortletPopup .popInWrap {
    text-align: left;
    display: flex;
    flex-direction: column;
    height: 500px
}

.adminSet .setUserPortletPopup .popInWrap .popTitle {
    overflow: hidden
}

.adminSet .setUserPortletPopup .popInWrap .popTitle h1 {
    float: left;
    margin: 0;
    padding: 23px 0 8px;
    font: 400 18px/22px NSKR;
    font-family: NSKR, 돋움, Dotum, Helvetica, Apple SD Gothic Neo, sans-serif
}

.adminSet .setUserPortletPopup .popInWrap .popTitle .close {
    position: absolute;
    top: 19px;
    right: 23px;
    width: 30px;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: none !important
}

.adminSet .setUserPortletPopup .popInWrap .popContents {
    flex-grow: 1;
    border-top: 1px solid #000;
    padding: 10px 0;
    overflow: auto
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList {
    position: relative;
    width: 100%;
    height: 100%
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList.insize {
    margin: 0 auto;
    padding: 0 100px 0 16px
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList ul {
    font-size: 0
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList li {
    position: relative;
    display: inline-block;
    padding: 0 4px 10px
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList li span {
    display: table-cell;
    width: 70px;
    max-width: 70px;
    height: 70px;
    padding: 0;
    text-align: center;
    font: 700 12px sans-serif;
    color: #fff;
    background: #323232;
    border-radius: 4px;
    border: 2px solid #323232;
    vertical-align: middle;
    white-space: normal;
    box-sizing: border-box
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList li span em {
    display: block;
    font: 700 10px sans-serif;
    color: #696969;
    transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s
}

.adminSet .setUserPortletPopup .popInWrap .popContents .portletThumbList li .delete {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 9px;
    height: 9px;
    cursor: pointer;
    background: url(/static/media/btn_pop_clo02.5be22c46.png) no-repeat 50%
}

.adminSet .setUserPortletPopup .popInWrap .popBottom {
    margin: 0 -31px;
    padding: 7px 0;
    background: #f2f2f2;
    text-align: center
}

.portalThumbList01 {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0
}

.portalThumbList01 li {
    position: relative;
    display: inline-block;
    margin: 0 8px 8px 0;
    cursor: pointer
}

.portalThumbList01 li:nth-child(3n) {
    margin: 0 0 8px
}

.portalThumbList01 li .thumbImgBox {
    position: relative;
    width: 217px;
    height: 170px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.portalThumbList01 li .thumbImgBox-in {
    width: 185px;
    height: 138px;
    margin: 15px;
    background: #dde8ee
}

.portalThumbList01 li .thumbImgBox img {
    width: 185px;
    height: 138px
}

.portalThumbList01 li .thumbNameBox {
    display: block;
    font: 400 13px/24px NSKR;
    color: #000;
    text-align: center
}

.portalThumbList01 li.on .thumbImgBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #1c90fb;
    background: transparent;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18)
}

.portalThumbList01 li.on .thumbImgBox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    background: url(/static/media/ico_main_tempSelect.f37080e3.png) no-repeat 50%;
    transform: translate(-50%, -50%)
}

.portalThumbList02 {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0
}

.portalThumbList02 li {
    position: relative;
    display: inline-block;
    margin: 0 8px 8px 0;
    cursor: pointer
}

.portalThumbList02 li:nth-child(3n) {
    margin: 0 0 8px
}

.portalThumbList02 li .thumbImgBox {
    position: relative;
    width: 223px;
    height: 183px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.portalThumbList02 li .thumbImgBox-in {
    width: 191px;
    height: 151px;
    margin: 15px
}

.portalThumbList02 li .thumbImgBox img {
    width: 191px;
    height: 151px
}

.portalThumbList02 li.on .thumbImgBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #1c90fb;
    background: transparent;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18)
}

.portalThumbList02 li.on .thumbImgBox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    background: url(/static/media/ico_main_tempSelect.f37080e3.png) no-repeat 50%;
    transform: translate(-50%, -50%)
}

.popupGuideAlert {
    padding: 202px 0 0;
    background: url(/static/media/img_service_prepare.faeb7267.png) no-repeat top 40px center
}

.popupGuideAlert strong {
    font: 400 20px/20px NSKR;
    text-align: center;
    color: #000;
    letter-spacing: -.5px
}

.popupGuideAlert .text {
    margin: 16px;
    font: 400 15px/20px NSKR;
    text-align: center;
    color: #000
}

.UJBTopBox {
    position: relative;
    border: solid #e6e6e6;
    border-top: solid #666;
    border-width: 2px 1px 0;
    background-color: #fafafa
}

.UJBTopBox .searchBox {
    padding: 8px 12px;
    border: none;
    overflow: hidden
}

.UJBTopBox .searchBox dl {
    margin: 8px 0 0;
    overflow: hidden
}

.UJBTopBox .searchBox dl:first-child {
    margin: 0
}

.UJBTopBox .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
}

.UJBTopBox .searchBox dl dt.btnDt {
    text-align: left;
    padding-left: 8px
}

.UJBTopBox .searchBox dl dd {
    float: left;
    vertical-align: middle;
    height: 27px
}

.UJBTopBox .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
}

.UJBTopBox .titleBox {
    padding: 0 12px;
    height: 28px;
    line-height: 28px
}

.UJBTopBox+[class*=OBTTreeView_root] {
    border: 1px solid #e6e6e6
}

.UJBTabStyle .tabCustom>div>div>div {
    border-bottom: none !important
}

.UJBTabStyle .tabCustom>div>div>div>div>ul>div:first-child>li>button>span:first-child {
    background: none !important
}

.UJBTabStyle .tabCustom>div>div>div>div>ul>div>li>button {
    border-bottom: none !important;
    font-size: 14px !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    min-width: -webkit-min-content !important;
    min-width: -moz-min-content !important;
    min-width: min-content !important;
    text-align: left !important;
    padding: 0 10px !important
}

.UJBTabStyle .tabCustom>div>div>div>div>ul>div:first-child>li>button {
    padding-left: 0 !important
}

.UJBTabStyle .tabCustom>div>div>div>div>ul>div>li>button>span {
    top: 8px !important;
    bottom: 8px !important
}

.UJBTabs .UJBTab {
    font-size: 14px;
    letter-spacing: -.7px;
    color: #4a4a4a;
    cursor: pointer
}

.UJBTabs .UJBTab:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #e6e6e6;
    margin: 0 10px;
    cursor: default
}

.UJBTabs .UJBTab:last-child:after {
    display: none
}

.UJBTabs .UJBTab.on {
    font-weight: 700;
    color: #1c90fb
}

.cardList.UJBCard {
    height: calc(100% - 110px) !important;
    border-top: none !important
}

.cardList.UJBCard>div>div:first-child {
    display: none
}

.cardList.UJBCard>div>div+div>div>div>div {
    padding-top: 0
}

.cardList.UJBCard>div>div+div>div>div>div ul>li {
    position: relative;
    border-radius: 3px
}

.cardList.UJBCard>div>div+div>div>div>div ul>li .selectedBorder {
    border-radius: 3px
}

.pubCardListStyle.UJBQwMenuList {
    border-top: 2px solid #666;
    background: #fafafa
}

.pubCardListStyle.UJBQwMenuList [class*=OBTPagination_pageRight] {
    display: none
}

.pubCardListStyle.UJBQwMenuList [class*=OBTCardList_checkstyle] {
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    padding-right: 0
}

.pubCardListStyle.UJBQwMenuList .qwMenu {
    width: 100%;
    box-sizing: border-box
}

.pubCardListStyle.UJBQwMenuList .qwMenu.disa {
    background-color: #f1f1f1 !important;
    color: #a6a6a6
}

.pubCardListStyle.UJBQwMenuList .qwMenu [class*=OBTCheckBox2_root] {
    margin-right: 0 !important
}

.pubCardListStyle.UJBQwMenuList .qwMenu .dataBox {
    align-items: center;
    padding-left: 17px
}

.pubCardListStyle.UJBQwMenuList .qwMenu .dataBox .data1 {
    font-size: 12px;
    line-height: 15px;
    color: #a6a6a6;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pubCardListStyle.UJBQwMenuList .qwMenu .dataBox .data2 {
    height: 19px;
    line-height: 18px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw {
    position: relative;
    height: 100%;
    padding: 10px 17px 10px 0;
    justify-content: space-around;
    box-sizing: border-box
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw .sc {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 30px
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw .sc [class*=OBTTooltip_root] {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw .sc.both {
    background-color: #67ccb5
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw .sc.uc {
    background-color: #4eabfa
}

.pubCardListStyle.UJBQwMenuList .qwMenu .qw .sc.erp {
    background-color: #f48da5
}

.UJBFilterBox {
    position: absolute;
    top: 28px;
    right: 0;
    width: 288px;
    padding: 15px 16px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1
}

.UJBFilterBox .title {
    margin: 0 0 10px;
    font: 400 13px/18px NSKR;
    color: #000
}

.UJBFilterBox .title span {
    font: 400 11px/18px NSKR;
    color: #a6a6a6;
    margin: 0 0 0 10px
}

.UJBFilterBox .filter-align {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.UJBFilterBox .filter-align .alignWrap .btn {
    font: 400 12px/27px NSKR;
    text-align: center;
    color: #000;
    border: 1px solid #ccc;
    border-right-color: transparent;
    cursor: pointer;
    transition: .3s
}

.UJBFilterBox .filter-align .alignWrap .btn:first-child {
    border-radius: 2px 0 0 2px;
    border-color: #ccc transparent #ccc #ccc
}

.UJBFilterBox .filter-align .alignWrap .btn:last-child {
    border-radius: 0 2px 2px 0;
    border-color: #ccc
}

.UJBFilterBox .filter-align .alignWrap .btn.on {
    color: #fff;
    border: 1px solid #1c90fb;
    background-color: #1c90fb
}

.UJBFilterBox .filter-align .alignWrap .btn.disabled {
    color: #ccc;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed
}

.UJBFilterBox .filter-state {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.UJBFilterBox .filter-state .stateWrap .btn {
    min-width: 90px;
    padding: 0 0 0 33px;
    font: 400 12px/40px NSKR;
    text-align: left;
    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fff url(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat left 10px center;
    cursor: pointer;
    transition: .3s
}

.UJBFilterBox .filter-state .stateWrap .btn:first-child {
    margin: 2px 2px 2px 0
}

.UJBFilterBox .filter-state .stateWrap .btn:nth-child(2) {
    margin: 2px 0 2px 2px
}

.UJBFilterBox .filter-state .stateWrap .btn.on {
    border: 1px solid #1c90fb;
    background: #e9f5ff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat left 10px center
}

.UJBFilterBox .filter-fn .btnRefresh {
    font: 400 11px/21px NSKR;
    text-align: left;
    color: #7c7c7c;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_reset_s_normal.7c5cce2e.png) no-repeat left 0 center;
    cursor: pointer
}

.UJBFilterBox .filter-fn .btnSave {
    border: 1px solid #dbdbdb
}

.topBoxUJB [class*=OBTConditionPanel_primary_] {
    min-width: 363px;
    max-width: 600px
}

.topBoxUJB [class*=OBTConditionPanel_primaryFunctions] {
    flex: 1 1;
    justify-content: flex-end
}

.topBoxUJB [class*=OBTConditionItem_label] {
    min-width: 60px
}

.topBoxUJB [class*=OBTConditionItem_item] {
    min-width: 110px;
    flex: 1 1
}

.topBoxUJB [class*=OBTConditionItem_tooltipWrapper] {
    min-width: 110px
}

.userSignBox {
    position: relative;
    margin: 0 auto;
    align-items: center
}

.userSignBox,
.userSignBox ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

.userSignBox ul {
    white-space: nowrap;
    scroll-behavior: smooth
}

.userSignBox ul li {
    display: inline-block;
    width: 86px;
    height: 90px;
    margin: 0 3px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box
}

.userSignBox ul li>div>div>span {
    margin-right: 0 !important;
    margin-left: 2px
}

.userSignBox ul li:hover {
    border-color: #1c90fb
}

.userSignBox ul li .stamp_default {
    width: 46px;
    height: 46px;
    background: url(/static/media/EA_confirm_bg.74c0a7ae.gif) no-repeat 50%;
    background-size: 46px 46px;
    margin: 0 auto;
    overflow: hidden;
    word-break: break-all;
    line-height: 49px;
    white-space: break-spaces
}

.userSignBox .arrLeft {
    width: 24px;
    height: 24px;
    background: url(/static/media/ic_arrow_left_01_l_normal.d8016d89.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.userSignBox .arrLeft:hover {
    background: url(/static/media/ic_arrow_left_01_l_over.96e6ed17.png) no-repeat 50%
}

.userSignBox .arrRight {
    width: 24px;
    height: 24px;
    background: url(/static/media/ic_arrow_right_01_l_normal.e5acd708.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.userSignBox .arrRight:hover {
    background: url(/static/media/ic_arrow_right_01_l_over.9436f36c.png) no-repeat 50%
}

.userSignBox .stampBox {
    overflow: hidden;
    word-break: break-all
}

.userSignBox .stampBox .pic {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    box-sizing: border-box;
    background: #eaeaea
}

.userSignBox .stampBox .pic .pic_img {
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 2px
}

.userSignBox .stampBox .pic .pic_img>img {
    max-width: 49px;
    max-height: 49px;
    background: #fff
}

.userSignBox .stampBox .pic:hover .btn_set {
    display: block
}

.userSignBox .stampBox .btn_set {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.userSignBox .stampBox .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
}

.userSignBox .stampBox .txt {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 82px;
    display: inline-block;
    left: 50%;
    margin-left: -41px;
    z-index: 1
}

.userSignBox .stampBox .btn_set .btns {
    position: absolute;
    top: 10px;
    z-index: 4;
    width: 62px;
    left: 50%;
    margin-left: -31px
}

.userSignBox .stampBox .btn_set .btnImg {
    margin: 0 2px
}

.UJA1030card {
    width: 100%;
    padding: 13px 18px;
    box-sizing: border-box
}

.UJA1030card .box {
    font-size: 12px;
    color: #666
}

.UJA1030card .nameBox {
    font-size: 13px;
    margin-top: 10px
}

.UJA1030card .nameBox .name1 {
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.UJA1030card .nameBox .name2 {
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.singUpload .img {
    width: 85px;
    height: 90px;
    border: 1px solid #b5b5b5;
    background: url(/static/media/pic_Noimg.daf67bcb.png) no-repeat 50%;
    background-size: 100% 100%
}

.singUpload .img img {
    width: 77px;
    height: 82px;
    padding: 4px;
    background: #fff;
    margin-top: 0 !important
}

.singUpload .img .txt {
    position: absolute;
    text-align: center;
    width: 85px;
    bottom: 10px
}

.UJA8050 {
    position: relative
}

.UJA8050 .infoBox {
    height: 90px;
    border-radius: 3px;
    border: 1px solid #d4dfe7;
    background-color: #f3f7fa;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 20px 0 0;
    overflow-y: auto;
    word-break: break-all
}

.UJA8050 .container {
    height: 100%
}

.UJA8050 .userDown {
    position: absolute;
    top: 0;
    z-index: 100;
    right: 0
}

.UJB2010 .gnbListBox {
    position: relative;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666;
    background-color: #fafafa;
    box-sizing: border-box
}

.UJB2010 .gnbListBox ul {
    padding: 13px;
    box-sizing: border-box
}

.UJB2010 .gnbListBox ul li {
    position: relative;
    margin: 0 0 6px;
    height: 64px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    padding: 9px 11px;
    box-sizing: border-box
}

.UJB2010 .gnbListBox ul li.on,
.UJB2010 .gnbListBox ul li:hover {
    border: 1px solid #1c90fb;
    background-color: #eff7ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    cursor: pointer
}

.UJB2010 .gnbListBox ul li:hover .icoMove {
    display: flex;
    cursor: ns-resize
}

.UJB2010 .gnbListBox ul li .icoMove {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    background: url(/static/media/ic_cardlist_movebar@2x.83ccc03c.png) no-repeat 50%;
    background-size: 16px
}

.UJB2010 .gnbListBox ul li .icoWrap {
    width: 48px;
    height: 44px;
    margin: 0 4px 0 0;
    justify-content: center;
    align-items: center
}

.UJB2010 .gnbListBox ul li .icoWrap .icoDiv {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background-color: #333948
}

.UJB2010 .gnbListBox ul li .icoWrap .icoDiv img {
    width: 100%;
    height: 100%
}

.UJB2010 .gnbListBox ul li .menuName {
    margin: 11px 0;
    font-size: 13px;
    letter-spacing: -.32px;
    font-family: NSKR;
    color: #000
}

.UJB2010 .pubFormStyle [class*=OBTTextField_obtTextField].bgRequired>div:first-child,
.UJB2010 .pubFormStyle [class*=OBTTextField_obtTextField].bgRequired>div:first-child>div:first-child {
    background-color: #fef4f4 !important
}

.UJB2010 .pubFormStyle .addFileList {
    margin: 9px 0 0;
    width: 100%;
    height: 18px;
    line-height: 18px
}

.UJB2010 .pubFormStyle .addFileList .fileName {
    font-size: 12px;
    line-height: 18px;
    font-weight: "NSKR";
    color: #000
}

.UJB2010 .pubFormStyle .addFileList .fileIco {
    margin: 0 3px 0 0;
    width: 14px;
    height: 18px;
    background: url(/static/media/ic_attach_s_normal.c1be4b47.png) no-repeat 50%;
    background-size: 14px
}

.UJB2010 .pubFormStyle .addFileList .deleteIco {
    margin: 0 0 0 3px;
    width: 14px;
    height: 18px;
    background: url(/static/media/ic_trashcan_s_normal.0f525d67.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.UJB2010 .pubFormStyle .UJB2010TextLinkBox {
    width: 100%;
    height: 27px;
    border-radius: 0
}

.UJB2010 .pubFormStyle .UJB2010TextLinkBox .textBox {
    padding: 5px 6px 0;
    min-height: 27px;
    line-height: 13px;
    border-radius: 0
}

.UJB2010 .pubFormStyle .UJB2010TextLinkBox .textBox .keepLink {
    max-width: calc(100% - 20px)
}

.UJB2010 .pubFormStyle .codeInputBox {
    position: relative
}

.UJB2010 .pubFormStyle .codeInputBox .codeInput>div>div>div>span,
.UJB2010 .pubFormStyle .codeInputBox .textInput>div>div {
    padding: 3px 24px 3px 6px !important
}

.UJB2010 .pubFormStyle .codeInputBox .codeInputBtn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_code_m_normal.3e060352.png) no-repeat 50%;
    cursor: pointer
}

.UJB2010 .pubFormStyle .codeInputBox .codeInputBtn:hover {
    background: url(/static/media/ic_code_m_over.a3aed02d.png) no-repeat 50%
}

.UJB2010 .formTitleFn .line {
    width: 1px;
    height: 16px;
    background-color: #e6e6e6;
    margin: 6px 6px 0
}

.UJB2010 .formTitleFn .closeBtn {
    width: 18px;
    height: 27px;
    background: url(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%;
    cursor: pointer
}

.UJB2010 .formTitleFn .closeBtn:hover {
    color: #319df6;
    background: url(/static/media/ic_close_01_m_over.9cfeef50.png) no-repeat 50%
}

.UJB2020 [class*=OBTTitle_container] {
    margin-bottom: 0
}

.UJB2020 [class*=OBTTitle_subLabelTextField] {
    font-family: NSKB;
    font-size: 14px !important;
    margin-top: 0 !important
}

.UJB2020 .editBtn {
    margin-left: 4px
}

.UJB2020 .helpTool {
    position: absolute;
    left: 88px;
    top: 0
}

.UJB2020 .searchBox {
    position: relative
}

.UJB2020 .searchBox.posi {
    position: absolute;
    right: 108px;
    top: 3px
}

.UJB2020 .searchBox .searchBtn {
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.UJB2020 .searchBox .searchBtn:hover {
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.UJB2020 .searchBox .searchBtn.disabled {
    background: url(/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat 50%
}

.UJB2020 .serBox {
    width: 100%;
    height: 78px;
    padding: 10px 14px;
    border: 2px solid #e0e0e0;
    box-sizing: border-box
}

.UJB2020 .GridType01 .gridHeader thead {
    height: 34px
}

.UJB2020 .GridType01 .gridHeader thead th {
    padding: 0
}

.UJB2020 .GridType01 .gridBody tbody td {
    height: 32px;
    padding: 0 10px;
    border-right: 1px solid #e6e6e6
}

.UJB2020 .GridType01 .gridBody tbody td:last-child {
    border-right: none;
    padding: 0 5px
}

.UJB2020 .GridType01 .gridBody tbody td>div {
    line-height: 12px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.UJB2050 .groupListMenu {
    margin-top: 5px;
    height: 27px
}

.UJB2050 .groupListMenu p {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 36.5px;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #f0f0f0, #fff);
    margin-left: -1px
}

.UJB2050 .groupListMenu p.on {
    color: #007ff4;
    border-color: #1c90fb;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff)
}

.UJB2050 .groupListMenu p.on:after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 1px solid #1c90fb;
    height: 27px;
    box-sizing: border-box
}

.UJB2050 .groupListMenu p:first-child {
    margin-left: 0
}

.UJB2050 .groupListMenu p:last-child.on:after {
    content: "";
    border-right: none;
    height: 27px
}

.UJB2050 .UJBQwMenuList .qwSearch.h135 {
    height: 135px !important
}

.UJB2050 .UJBQwMenuList .top108 {
    top: 108px !important
}

.UJB2050 .qwCd_sort.tab2 {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-right: 5px
}

.UJB2050 .UJBCard.h122 {
    height: calc(100% - 122px) !important
}

.UJB2050 .UJBCard.h158 {
    height: calc(100% - 158px) !important
}

.UJB2050 .dataBox .useSet {
    font-size: 11px;
    padding: 0 3px;
    color: #4a4a4a;
    border-radius: 2px;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    letter-spacing: -.5px;
    margin-right: 6px;
    align-items: center;
    margin-top: 1px;
    display: flex;
    background-color: #fff
}

.UJB2050 [class*=OBTTitle_container] {
    margin-bottom: 0
}

.UJB2050 [class*=OBTTitle_subLabelTextField] {
    font-family: NSKB;
    font-size: 14px !important;
    margin-top: 0 !important
}

.UJB2050 .helpTool {
    position: absolute;
    left: 88px;
    top: 0
}

.UJB2050 .userAddBox {
    padding: 10px;
    border: 2px solid #e0e0e0;
    box-sizing: border-box;
    margin: 10px 0
}

.UJB2050 .tabCustom {
    height: auto !important
}

.UJB2050 .tabCustom>div {
    display: inline-block !important
}

.UJB3060 .card_FilterBox {
    position: relative;
    padding: 19px 0;
    margin: 0 13px 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UJB3060 .card_FilterBox .sortSet.on .UJBFilterBox {
    display: block
}

.UJB3060 .card_FilterBox .UJBFilterBox {
    display: none
}

.UJB3060 .cd_tit.qwCd_tit {
    top: 10px;
    left: 0
}

.UJB3060 .cd_sort.qwCd_sort {
    top: 10px;
    right: 0;
    padding: 0
}

.UJB3060 .UJBCard {
    height: calc(100% - 69px) !important
}

.UJB3060 .typeBox {
    padding: 0 10px
}

.UJB3060 .typeBox>div {
    margin-bottom: 5px
}

.UJB3060 .typeBox>div:last-child {
    margin-bottom: 0
}

.UJB3060 .typeBox .typeUnit {
    min-width: 40px;
    height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.UJB3060 .typeBox .typeUnit.type1 {
    background-color: #46a3f0
}

.UJB3060 .typeBox .typeUnit.type2 {
    background-color: #20c997
}

.UJB3070 .graph {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto
}

.UJB3070 .graph .total {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -60px;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    background-color: #fff
}

.UJB3070 .graph .total .text {
    font: 400 14px/120px NSKB;
    color: #000;
    text-align: center
}

.UJB3070 .pubFormStyle .ico {
    width: 14px;
    height: 14px;
    margin: 2px 0 0 5px;
    background: url(/static/media/ic_survey_s_normal.16b40621.png) no-repeat 50%;
    cursor: pointer
}

.UJB3070 .pubFormStyle .ico:hover {
    background: url(/static/media/ic_survey_s_over.d347db9f.png) no-repeat 50%
}

.UJB3070 .tabTitle {
    margin: 0 0 10px 10px
}

.UJB3070 .tabTitle .tit {
    font: 400 14px/1 NSKR;
    color: #4a4a4a;
    letter-spacing: -.7px;
    cursor: pointer
}

.UJB3070 .tabTitle .tit.on {
    font: 400 14px/1 NSKB;
    color: #1c90fb
}

.UJB3070 .tabTitle .line {
    width: 1px;
    height: 11px;
    margin: 2px 10px 0;
    background-color: #e6e6e6
}

.UJB3070 .gcmsBtn img {
    margin-right: 5px !important
}

.myPageWrap {
    padding: 0 20px
}

.myPageWrap .content_form_titlebox {
    width: 100%;
    border: 1px solid #dcdcdc;
    box-sizing: border-box
}

.myPageWrap .content_form_titlebox .form_title {
    padding: 0;
    margin: 0;
    height: 36px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background: #f9f9f9
}

.myPageWrap .content_form_titlebox .form_title h5 {
    font-size: 12px;
    font-weight: 700;
    line-height: 36px;
    padding-left: 22px;
    background: url(/static/media/ico_dot01.73743b1b.png) no-repeat 15px 16px;
    box-sizing: border-box
}

.myPageWrap .content_form_titlebox .form_container {
    position: relative
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox {
    width: 200px;
    min-height: 720px;
    padding: 15px;
    box-sizing: border-box
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li {
    border: 1px solid #dcdcdc;
    margin: 0 0 10px;
    box-sizing: border-box
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.profile_img {
    overflow: hidden
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.profile_img .profile_imgbox {
    display: table-cell;
    width: 169px;
    height: 169px;
    text-align: center;
    vertical-align: middle;
    background: #f9f9f9
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.profile_img .profile_imgbox img {
    width: 60%;
    max-width: 169px;
    max-height: 169px
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img {
    overflow: hidden
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox {
    display: table-cell;
    width: 169px;
    height: 169px;
    text-align: center;
    vertical-align: middle;
    background: #f9f9f9
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp {
    color: #ea4949;
    line-height: 18px
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp,
.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .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
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp2 {
    color: #fff;
    background: #ea4949;
    line-height: 17px
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp3 {
    color: #ea4949
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp3,
.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .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
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.sign_img .sign_imgbox .stamp4 {
    color: #fff;
    background: #ea4949
}

.myPageWrap .content_form_titlebox .form_container .form_leftbox ul li.controll_btn {
    border: none;
    text-align: center
}

.myPageWrap .content_form_titlebox .form_container .form_rightbox {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    bottom: 0;
    padding: 15px;
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box
}

.UJA3010 .borderForm {
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-left-width: 0
}

.UJA3010 .tit_sp.on {
    color: #1c90fb
}

.UJA3010 .disp_div .pre_div {
    float: left;
    box-sizing: border-box
}

.UJA3010 .disp_div .pre_div .memberViewType {
    float: left;
    padding: 8px 0 0 20px;
    width: 310px;
    height: 31px;
    border: 1px solid #e6e6e6;
    border-bottom: none
}

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

.UJA3010 .disp_div .pre_div .memberViewType ul {
    overflow: hidden
}

.UJA3010 .disp_div .pre_div .memberViewType ul li {
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer
}

.UJA3010 .disp_div .pre_div .memberViewType ul li:first-child {
    border-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.UJA3010 .disp_div .pre_div .memberViewType ul li:last-child {
    border-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 10px
}

.UJA3010 .disp_div .pre_div .memberViewType ul .on {
    border: 1px solid #1c90fb;
    color: #007ff4;
    background-color: #eff7ff
}

.UJA3010 .disp_div .form_div {
    float: left;
    padding-left: 20px;
    box-sizing: border-box
}

.UJA3010 .disp_div .form_div .so_txt {
    color: #4a4a4a;
    font-size: 12px
}

.UJA3010 .disp_div .form_div .sysBox {
    align-items: center
}

.UJA3010 .disp_div .form_div .colorBox {
    position: relative;
    width: 27px;
    height: 27px;
    padding: 3px;
    margin-left: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer
}

.UJA3010 .disp_div .form_div .colorBox .colorInBox {
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.UJA3010 .disp_div .form_div .colorBox .UJA3010color {
    position: absolute;
    top: -27px;
    right: 27px;
    z-index: 10
}

.UJA3010 .disp_div .form_div .tool {
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.UJA3010 .disp_div .form_div .tool .refBox {
    display: inline-block;
    width: 18px;
    height: 18px
}

.UJA3010 .disp_tab>div>div>div:nth-child(2) {
    overflow: auto
}

.preview_bg {
    position: relative
}

.preview_bg.login {
    width: 676px;
    height: 424px;
    margin-top: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    overflow: hidden
}

.preview_bg.login .memberViewType {
    float: left;
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e6e6e6
}

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

.preview_bg.login .memberViewType ul {
    overflow: hidden;
    margin: 11px 0 0 20px
}

.preview_bg.login .memberViewType ul li {
    float: left;
    height: 20px;
    padding: 0 8px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer
}

.preview_bg.login .memberViewType ul li:first-child {
    border-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.preview_bg.login .memberViewType ul li:last-child {
    border-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.preview_bg.login .memberViewType ul .on {
    border: 1px solid #1c90fb;
    color: #007ff4;
    background-color: #eff7ff
}

.preview_bg.login .pv_pic {
    width: 676px;
    height: 380px;
    overflow: hidden
}

.preview_bg.login .pv_pic .bg_login {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 156px;
    height: 380px;
    padding: 123px 18px 0;
    background: url(/static/media/login_1920_bg.2a3c878e.png);
    box-sizing: border-box
}

.preview_bg.login .pv_pic .bg_login p {
    padding-bottom: 26px;
    font-size: 9px;
    font-family: NSKB;
    letter-spacing: -.09px;
    color: #2e3645
}

.preview_bg.login .pv_pic .bg_login .input {
    width: 100%;
    height: 18px;
    border-radius: 9px;
    border: .5px solid #c4c4c4;
    background-color: #fff
}

.preview_bg.login .pv_pic .bg_login .btn {
    width: 100%;
    height: 19px;
    margin-top: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 6px;
    font-family: NSKB;
    letter-spacing: -.06px;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(61, 69, 86, .2);
    background-image: linear-gradient(90deg, #0af 4%, #8168ff 95%);
    box-sizing: border-box
}

.preview_bg.login .pv_pic .bg_login.login1280 {
    right: 45px;
    padding: 105px 24px;
    width: 202px;
    height: 378px;
    background: url(/static/media/login-1280-bg.aca1fb26.png)
}

.preview_bg.login .pv_pic .bg_login.login1280 p {
    padding-bottom: 34px
}

.preview_bg.login .pv_pic .bg_login.login1280 .input {
    height: 23px;
    border-radius: 12px
}

.preview_bg.login .pv_pic .bg_login.login1280 .btn {
    height: 24px;
    margin-top: 20px
}

.preview_bg.login .pv_pic .logoTxtBox {
    z-index: 10;
    position: absolute;
    left: 24px;
    top: 90px
}

.preview_bg.login .pv_pic .logoTxtBox .logo_div {
    line-height: 30px
}

.preview_bg.login .pv_pic .logoTxtBox .logo_img {
    vertical-align: middle
}

.preview_bg.login .pv_pic .logoTxtBox .txt {
    margin-top: 37px;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -.15px;
    color: #fff
}

.preview_bg.login .pv_pic .logoTxtBox .txt2 {
    margin-top: 17px;
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: -.15px;
    color: #fff
}

.preview_bg.login .pv_pic .logoTxtBox .copy {
    margin-top: 150px;
    font-size: 9px;
    line-height: 1.33;
    letter-spacing: -.15px;
    color: hsla(0, 0%, 100%, .2)
}

.preview_bg.login .pv_pic .logoTxtBox.box1280 {
    left: 80px;
    top: 108px
}

.preview_bg.login .pv_pic .logoTxtBox.box1280 .txt {
    margin-top: 18px
}

.preview_bg.login .pv_pic .logoTxtBox.box1280 .txt2 {
    margin-top: 6px
}

.preview_bg.login .pv_pic .logoTxtBox.box1280 .copy {
    margin-top: 160px
}

.preview_bg.login .pv_pic .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 676px;
    height: 380px
}

.preview_bg.login .pv_pic .bg.bg1280 {
    left: 50px;
    width: 579px;
    height: 378px
}

.preview_bg.main {
    margin-top: 10px
}

.preview_bg.main .pv_pic {
    width: 676px;
    height: 444px;
    overflow: hidden;
    border: 1px solid #e6e6e6
}

.preview_bg.main .pv_pic .pv_pic_bg img {
    width: 676px;
    height: 444px
}

.preview_bg.main .pv_pic .logo_div {
    position: absolute;
    left: 35px;
    top: 3px
}

.preview_bg.main .pv_pic .logo_img {
    vertical-align: middle
}

.preview_bg.main .pv_pic .txt {
    position: absolute;
    left: 305px;
    top: 140px;
    font-size: 15px;
    font-family: NSKR;
    font-weight: 700;
    color: #fff
}

.preview_bg.main .pv_pic .txt2 {
    position: absolute;
    left: 215px;
    top: 166px;
    font-size: 12px;
    line-height: .58;
    color: #fff
}

.preview_bg.main .pv_pic .mainBG {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.preview_bg.sub {
    height: 447px
}

.preview_bg.sub .logo_div {
    position: absolute;
    left: 35px;
    top: 0;
    line-height: 27px
}

.preview_bg.sub .logo_img {
    vertical-align: middle
}

.preview_bg.sub .pv_pic_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/static/media/img_frame_sub.5bda9b5f.png) no-repeat;
    width: 100%;
    height: 100%
}

.preview_bg.mobile {
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.preview_bg.mobile .pre_btn {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

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

.preview_bg.mobile .pre_btn .memberViewType ul {
    overflow: hidden;
    margin: 11px 0 0 20px
}

.preview_bg.mobile .pre_btn .memberViewType ul:last-child {
    margin-left: 0
}

.preview_bg.mobile .pre_btn .memberViewType ul li {
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer
}

.preview_bg.mobile .pre_btn .memberViewType ul li:first-child {
    border-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.preview_bg.mobile .pre_btn .memberViewType ul li:last-child {
    border-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 10px
}

.preview_bg.mobile .pre_btn .memberViewType ul .on {
    border: 1px solid #1c90fb;
    color: #007ff4;
    background-color: #eff7ff
}

.preview_bg.mobile .pv_pic {
    width: 678px;
    height: 448px;
    overflow: hidden
}

.preview_bg.mobile .pv_pic .pv_pic_bg {
    margin-top: 28px
}

.preview_bg.mobile .pv_pic .pv_pic_bg img {
    display: block;
    width: 185px;
    height: 391px;
    margin: 0 auto
}

.preview_bg.mobile .pv_pic .logo_div {
    position: absolute;
    left: 50%;
    top: 160px;
    transform: translateX(-50%)
}

.preview_bg.mobile .pv_pic .logo_img {
    vertical-align: middle
}

.preview_bg.mobile .pv_pic .pv_pic_bg_phone_main {
    position: relative;
    width: 183px;
    margin: 33px auto 0;
    padding: 30px 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.preview_bg.mobile .pv_pic .pv_pic_bg_phone_main img {
    width: 181px;
    height: 317px
}

.preview_bg.mobile .pv_pic .pv_pic_bg_phone_main .logo_img_phone_main {
    position: absolute;
    top: 62px;
    left: 4px;
    z-index: -1;
    width: 173px;
    height: 203px
}

.preview_bg.mobile .pv_pic .pv_pic_bg_tablet_login {
    margin-top: 28px
}

.preview_bg.mobile .pv_pic .pv_pic_bg_tablet_login img {
    display: block;
    width: 522px;
    height: 391px;
    margin: 0 auto
}

.preview_bg.mobile .pv_pic .logo_div_tablet_login {
    position: absolute;
    left: 50%;
    top: 160px;
    transform: translateX(-50%)
}

.preview_bg.mobile .pv_pic .logo_img_tablet_login {
    vertical-align: middle
}

.preview_bg.mobile .pv_pic .pv_pic_bg_tablet_main {
    position: relative;
    width: 520px;
    margin: 33px auto 0;
    padding: 60px 15px 30px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.preview_bg.mobile .pv_pic .pv_pic_bg_tablet_main img {
    width: 491px;
    height: 285px
}

.preview_bg.mobile .pv_pic .pv_pic_bg_tablet_main .logo_img_tablet_main {
    position: absolute;
    z-index: -1;
    left: 99px;
    top: 60px;
    width: 239px;
    height: 285px
}

.preview_bg.mobile .pv_pic .logo_div_tablet_main {
    position: absolute;
    left: 100px;
    top: 110px
}

.preview_bg.mobile .pv_pic .logo_img_tablet_logo {
    vertical-align: middle
}

.preview_bg.pc .memberViewType {
    float: left;
    margin: 10px 0 0;
    width: 676px;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-bottom: none
}

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

.preview_bg.pc .memberViewType ul {
    overflow: hidden;
    margin: 11px 0 0 20px
}

.preview_bg.pc .memberViewType ul li {
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer
}

.preview_bg.pc .memberViewType ul li:first-child {
    border-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.preview_bg.pc .memberViewType ul li:last-child {
    border-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.preview_bg.pc .memberViewType ul .on {
    border: 1px solid #1c90fb;
    color: #007ff4;
    background-color: #eff7ff
}

.preview_bg.pc .pv_pic_win {
    width: 678px;
    height: 448px;
    overflow: hidden;
    position: absolute;
    top: 55px
}

.preview_bg.pc .pv_pic_win .logo_img1_div_win {
    position: absolute;
    top: 30px;
    left: 100px;
    text-align: center;
    width: 224px;
    height: 391px
}

.preview_bg.pc .pv_pic_win .logo_img1_div_in_win {
    line-height: 30px;
    margin-top: 85px
}

.preview_bg.pc .pv_pic_win .logo_img1_win,
.preview_bg.pc .pv_pic_win .logo_img2_win {
    vertical-align: middle
}

.preview_bg.pc .pv_pic_win .pv_pic_bg_win {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/static/media/img_pcmessenger_window.e7c93f5c.png) no-repeat 50%;
    width: 100%;
    height: 100%;
    background-size: 100% 100%
}

.preview_bg.pc .pv_pic_win .logo_div_win {
    position: absolute;
    left: 384px;
    top: 30px;
    line-height: 22px
}

.preview_bg.pc .pv_pic_mac {
    width: 678px;
    height: 448px;
    overflow: hidden;
    position: absolute;
    top: 55px
}

.preview_bg.pc .pv_pic_mac .logo_img1_div_mac {
    position: absolute;
    top: 28px;
    left: 113px;
    text-align: center;
    width: 208px;
    height: 391px
}

.preview_bg.pc .pv_pic_mac .logo_img1_div_in_mac {
    line-height: 30px;
    margin-top: 85px
}

.preview_bg.pc .pv_pic_mac .logo_img1_mac,
.preview_bg.pc .pv_pic_mac .logo_img2_mac {
    vertical-align: middle
}

.preview_bg.pc .pv_pic_mac .pv_pic_bg_mac {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/static/media/img_pcmessenger_mac.518b8c10.png) no-repeat 50%;
    width: 100%;
    height: 100%;
    background-size: 100% 100%
}

.preview_bg.pc .pv_pic_mac .logo_div_mac {
    position: absolute;
    left: 428px;
    top: 28px;
    line-height: 20px
}

.preview_bg.onechamber .memberViewType {
    float: left;
    margin: 10px 0 0;
    width: 676px;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-bottom: none
}

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

.preview_bg.onechamber .memberViewType ul {
    overflow: hidden;
    margin: 11px 0 0 20px
}

.preview_bg.onechamber .memberViewType ul li {
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer
}

.preview_bg.onechamber .memberViewType ul li:first-child {
    border-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.preview_bg.onechamber .memberViewType ul li:last-child {
    border-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.preview_bg.onechamber .memberViewType ul .on {
    border: 1px solid #1c90fb;
    color: #007ff4;
    background-color: #eff7ff
}

.preview_bg.onechamber .one_pic_win {
    width: 678px;
    height: 448px;
    overflow: hidden;
    top: 55px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.preview_bg.onechamber .one_pic_win .bg_win {
    width: 326px;
    height: 388px;
    background-size: 326px 388px !important;
    background: url(/static/media/img_onechamber_login_w@2x.ba9031a1.png) no-repeat 0 0;
    margin: 30px 10px 30px 40px
}

.preview_bg.onechamber .one_pic_win .bg_win .logo_win {
    padding: 62px 0 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    display: flex
}

.preview_bg.onechamber .one_pic_win .bg_pop {
    position: relative;
    width: 262px;
    height: 152px;
    background-size: 262px 152px !important;
    background: url(/static/media/img_onechamber_popup_w@2x.d777a22b.png) no-repeat 0 0;
    margin: 265px 0 0
}

.preview_bg.onechamber .one_pic_win .bg_pop .logo_pop {
    justify-content: center;
    align-content: center;
    height: 32px;
    display: inline-grid;
    padding: 0 0 0 8px
}

.preview_bg.onechamber .one_pic_mac {
    width: 678px;
    height: 448px;
    overflow: hidden;
    position: absolute;
    top: 55px
}

.preview_bg.onechamber .one_pic_mac .bg_mac {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/static/media/img_ci_mac@2x.2b9c0f4b.png) no-repeat 50%;
    width: 100%;
    height: 100%;
    background-size: 100% 100%
}

.preview_bg.onechamber .one_pic_mac .bg_mac .logo_mac {
    position: absolute;
    display: inline-grid;
    justify-content: center;
    align-items: center
}

.preview_bg.onechamber .one_pic_mac .bg_mac .logo_mac.logo01 {
    height: 21px;
    margin: 175px 0 0 30px;
    width: 195px
}

.preview_bg.onechamber .one_pic_mac .bg_mac .logo_mac.logo02 {
    height: 10px;
    margin: 86px 0 0 236px;
    width: 410px
}

.expSp {
    background: url(/static/media/ic_info_03_s_normal.8f62e92e.png) no-repeat 0;
    padding-left: 16px;
    color: #1c90fb;
    cursor: pointer
}

.fido_mobile_txt {
    font-size: 15px;
    padding-left: 30px;
    background: url(/static/media/ic_mobile_l_normal.e3a60f6b.png) no-repeat 0;
    line-height: 40px
}

[class*=OBTLoading_root].updateLoading [class*=OBTLoading_box][class*=OBTLoading_large]>div:first-child>div:nth-child(2)>div>div>div>div:nth-child(2)>div>span>strong,
[class*=OBTLoading_root].updateLoading [class*=OBTLoading_large]>div:first-child>div:nth-child(2)>div>div>div>div:nth-child(2)>div>span>strong {
    font-size: 14px !important
}

.systemAlertView {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 280px;
    height: 94px !important;
    min-height: 94px !important;
    border-radius: 5px;
    background-color: rgba(48, 60, 82, .92);
    transition: all .5s;
    z-index: 99999
}

.systemAlertView .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.systemAlertView .ico {
    margin: 29px 12px 29px 24px;
    width: 36px;
    height: 36px;
    background: url(/static/media/ico_noti_update.b5c03783.png) no-repeat;
    background-size: 36px
}

.systemAlertView .topUnitBox {
    margin: 21px 0 7px
}

.systemAlertView .topUnitBox .badge {
    margin: 0 6px 0 0;
    width: 28px;
    height: 16px;
    font: 400 10px/16px NSKB;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background-color: #ff8787
}

.systemAlertView .topUnitBox .txt {
    font: 400 11px/16px NSKB;
    color: #fff;
    letter-spacing: -.28px
}

.systemAlertView .btnUnitBox .btn {
    width: 74px;
    height: 26px;
    margin: 0 0 0 6px;
    padding: 0 22px 0 10px;
    font: 400 11px/24px NSKB;
    color: #fff;
    letter-spacing: -.55px;
    border: 1px solid #fff;
    border-radius: 13px;
    box-sizing: border-box;
    background: url(/static/media/ic_arrow_right_w_s.257e673b.png) no-repeat top 7px right 10px;
    cursor: pointer
}

.systemAlertView .btnUnitBox .btn:first-child {
    margin: 0
}

.systemAlertView .btnUnitBox .btn:hover {
    border: 1px solid #40b2ed;
    transition: .5s
}

.systemUpdateView {
    position: fixed;
    right: 30px;
    bottom: 30px;
    transition: all .5s;
    z-index: 99999
}

.systemUpdateView .updateProgress {
    width: 280px;
    height: 108px !important;
    min-height: 108px !important;
    border-radius: 5px;
    background-color: rgba(48, 60, 82, .92)
}

.systemUpdateView .updateProgress .miniBtn {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_minimize_s_normal@2x.83438ad0.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.systemUpdateView .updateProgress .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.systemUpdateView .updateProgress .ico {
    margin: 36px 12px 36px 24px;
    width: 36px;
    height: 36px;
    background: url(/static/media/ico_noti_updating@2x.4b749cd7.png) no-repeat;
    background-size: 36px
}

.systemUpdateView .updateProgress .topUnitBox {
    margin: 21px 30px 2px 0
}

.systemUpdateView .updateProgress .topUnitBox .txt01 {
    margin: 0 0 2px;
    font: 400 11px/16px NSKB;
    color: #fff;
    letter-spacing: -.28px
}

.systemUpdateView .updateProgress .topUnitBox .txt02 {
    font: 400 11px/16px NSKR;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: -.28px
}

.systemUpdateView .updateProgress .botUnitBox {
    margin: 0 30px 0 0
}

.systemUpdateView .updateProgress .botUnitBox .progressBox .progressBg {
    margin: 6px 10px 6px 0;
    width: 100%;
    height: 4px;
    border-radius: 50px;
    background-color: hsla(0, 0%, 98%, .2);
    overflow: hidden
}

.systemUpdateView .updateProgress .botUnitBox .progressBox .progressBg .bar {
    height: 4px;
    border-radius: 50px;
    background-color: #1c90fb;
    transition: width .5s
}

.systemUpdateView .updateProgress .botUnitBox .progressBox .per {
    min-width: 30px;
    height: 16px;
    font: 400 11px/16px NSKB;
    color: #1c90fb;
    letter-spacing: -.28px;
    text-align: left
}

.systemUpdateView .updateFail {
    width: 280px;
    height: 108px !important;
    min-height: 108px !important;
    border-radius: 5px;
    background-color: rgba(48, 60, 82, .92)
}

.systemUpdateView .updateFail .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.systemUpdateView .updateFail .ico {
    margin: 36px 12px 36px 24px;
    width: 36px;
    height: 36px;
    background: url(/static/media/ico_noti_update_fail@2x.a651a7af.png) no-repeat;
    background-size: 36px
}

.systemUpdateView .updateFail .topUnitBox {
    margin: 21px 30px 2px 0
}

.systemUpdateView .updateFail .topUnitBox .txt01 {
    margin: 0 0 2px;
    font: 400 11px/16px NSKB;
    color: #fff;
    letter-spacing: -.28px
}

.systemUpdateView .updateFail .topUnitBox .txt02 {
    font: 400 11px/16px NSKR;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: -.28px
}

.systemUpdateView .updateFail .botUnitBox {
    margin: 0 30px 0 0
}

.systemUpdateView .updateFail .botUnitBox .progressBox .progressBg {
    margin: 6px 10px 6px 0;
    width: 100%;
    height: 4px;
    border-radius: 50px;
    background-color: hsla(0, 0%, 98%, .2);
    overflow: hidden
}

.systemUpdateView .updateFail .botUnitBox .progressBox .progressBg .bar {
    height: 4px;
    border-radius: 50px;
    background-color: #e85e30;
    transition: width .5s
}

.systemUpdateView .updateFail .botUnitBox .progressBox .per {
    min-width: 30px;
    height: 16px;
    font: 400 11px/16px NSKB;
    color: #e85e30;
    letter-spacing: -.28px;
    text-align: left
}

.systemUpdateView .updateDone {
    width: 280px;
    height: 226px !important;
    min-height: 226px !important;
    border-radius: 5px;
    background-color: rgba(48, 60, 82, .92);
    overflow: hidden
}

.systemUpdateView .updateDone .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_close_01_s_normal@2x.dba0e0d2.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.systemUpdateView .updateDone .bgUnitBox {
    background-color: #303c52
}

.systemUpdateView .updateDone .bgUnitBox .ico {
    margin: 31px 12px 0 24px;
    width: 36px;
    height: 36px;
    background: url(/static/media/ico_noti_update_fin@2x.5581a8f9.png) no-repeat;
    background-size: 36px
}

.systemUpdateView .updateDone .bgUnitBox .topUnitBox {
    margin: 21px 30px 0 0
}

.systemUpdateView .updateDone .bgUnitBox .topUnitBox .txt01 {
    margin: 0 0 2px;
    font: 400 11px/16px NSKB;
    color: #fff;
    letter-spacing: -.28px
}

.systemUpdateView .updateDone .bgUnitBox .topUnitBox .txt02 {
    font: 400 11px/16px NSKR;
    color: hsla(0, 0%, 100%, .5);
    letter-spacing: -.28px
}

.systemUpdateView .updateDone .bgUnitBox .btnUnitBox {
    margin: 5px 0 14px
}

.systemUpdateView .updateDone .bgUnitBox .btnUnitBox .btn {
    width: 74px;
    height: 26px;
    margin: 0 0 0 6px;
    padding: 0 22px 0 10px;
    font: 400 11px/24px NSKB;
    color: #fff;
    letter-spacing: -.55px;
    border: 1px solid #fff;
    border-radius: 13px;
    box-sizing: border-box;
    background: url(/static/media/ic_arrow_right_w_s.257e673b.png) no-repeat top 7px right 10px;
    cursor: pointer
}

.systemUpdateView .updateDone .bgUnitBox .btnUnitBox .btn:first-child {
    margin: 0
}

.systemUpdateView .updateDone .bgUnitBox .btnUnitBox .btn:hover {
    border: 1px solid #40b2ed;
    transition: .5s
}

.systemUpdateView .updateDone .infoUnitBox {
    padding: 14px 24px 0
}

.systemUpdateView .updateDone .infoUnitBox .txt01 {
    margin: 0 0 8px;
    font: 400 10px/14px NSKR;
    color: hsla(0, 0%, 98%, .5);
    letter-spacing: -.25px
}

.systemUpdateView .updateDone .infoUnitBox .box {
    padding: 10px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 5px
}

.systemUpdateView .updateDone .infoUnitBox .box .ch1 {
    padding: 0 0 8px 20px;
    background: url(/static/media/ic_customer_center_w_s_normal@2x.f94e2a39.png) no-repeat 0 0;
    background-size: 14px
}

.systemUpdateView .updateDone .infoUnitBox .box .ch2 {
    padding: 0 0 0 20px;
    background: url(/static/media/ic_homepage_w_s_normal@2x.7d8a0061.png) no-repeat 0 0;
    background-size: 14px
}

.systemUpdateView .updateDone .infoUnitBox .box dt {
    margin: 0 5px 0 0;
    font: 400 11px/14px NSKR;
    color: hsla(0, 0%, 98%, .5);
    letter-spacing: -.25px
}

.systemUpdateView .updateDone .infoUnitBox .box dd {
    font: 400 11px/14px NSKR;
    color: hsla(0, 0%, 98%, .8);
    letter-spacing: -.5px
}

.systemUpdateView .updateDone .infoUnitBox .box dd.linkTxt {
    cursor: pointer;
    text-decoration: underline
}

.systemUpdateView .updateSmall {
    width: 54px;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 54px;
    background-color: rgba(48, 60, 82, .92);
    overflow: hidden;
    padding: 13px 5px 0;
    box-sizing: border-box;
    cursor: pointer
}

.systemUpdateView .updateSmall .progress .pro {
    padding: 0 0 0 14px;
    font: 400 10px/16px NSKR;
    color: #fff;
    letter-spacing: -.25px;
    text-align: left;
    background: url(/static/media/ic_updating_w_s_normal@2x.1a6df4fd.png) no-repeat 0;
    background-size: 14px
}

.systemUpdateView .updateSmall .progress .per {
    padding: 0 0 0 5px;
    font: 400 11px/16px NSKR;
    color: #1c90fb;
    letter-spacing: -.28px;
    text-align: center
}

.systemUpdateView .updateSmall .failed .pro {
    padding: 0 0 0 14px;
    font: 400 10px/16px NSKR;
    color: #fff;
    letter-spacing: -.25px;
    text-align: left;
    background: url(/static/media/ic_updating_w_s_normal@2x.1a6df4fd.png) no-repeat 0;
    background-size: 14px
}

.systemUpdateView .updateSmall .failed .per {
    padding: 0 0 0 5px;
    font: 400 11px/16px NSKR;
    color: #e85e30;
    letter-spacing: -.28px;
    text-align: center
}

.UJBB010 .UJBB010CardList {
    background-color: #fafafa
}

.UJBB010 .UJBB010CardList.noSort [class*=OBTPagination_pageRight] {
    display: none
}

.UJBB010 .UJBB010CardList .searchUnit {
    padding: 9px 12px 8px
}

.UJBB010 .UJBB010CardList .cardList>div>div:first-child {
    height: 28px !important;
    box-sizing: border-box
}

.UJBB010 .UJBB010CardList .cardList>div>div+div>div>div>div ul {
    margin: 0 0 40px !important
}

.UJBB010 .UJBB010CardList .cardList>div>div+div>div>div>div ul>li,
.UJBB010 .UJBB010CardList .cardList>div>div+div>div>div>div ul>li .selectedBorder {
    border-radius: 3px !important
}

.UJBB010 .UJBB010CardList .cardList>div>div+div>div>div>div ul>li>div:first-child {
    padding: 0 17px !important
}

.UJBB010 .UJBB010CardList .cardList .UJBB010CardBox {
    margin: 10px 0 0;
    position: relative
}

.UJBB010 .UJBB010CardList .cardList .UJBB010CardBox .alignMiddle {
    align-items: center
}

.UJBB010 .UJBB010CardList .cardList .UJBB010CardBox .cardText01 {
    font: 400 13px/20px NSKR;
    color: #000;
    letter-spacing: -.32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UJBB010 .UJBB010CardList .cardList .UJBB010CardBox .cardText02 {
    font: 400 11px/18px NSKR;
    color: #a6a6a6;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UJBB010 .layerBtns {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 27px;
    line-height: 27px
}

.UJBB010 .layerBtns button.btn_clo {
    margin: 0 0 0 5px;
    background: url(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50% !important;
    border: none !important;
    vertical-align: middle
}

.UJBB020 [class*=OBTConditionItem_label] {
    min-width: 120px
}

.UJBB030 [class*=OBTConditionItem_label] {
    min-width: 150px
}

.UJBBP03 .centerBtnWrap {
    margin: 0 10px;
    justify-content: center
}

.UJBBP04 .radioGroupStyle>div>span,
.UJBBP06 .radioGroupStyle>div>span {
    height: 27px !important;
    line-height: 27px !important
}

.UJBBP04 .excelDown,
.UJBBP06 .excelDown {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_excel_save_m_normal.60020c1e.png) no-repeat 50%;
    cursor: pointer
}

.UJBBP04 .excelDown:hover,
.UJBBP06 .excelDown:hover {
    background: url(/static/media/ic_excel_save_m_over.4ea43a08.png) no-repeat 50%
}

.UJBBP07 .previewBox {
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.UJBBP07 .previewBox .title {
    font-size: 16px;
    line-height: 2;
    color: #000;
    border-bottom: 2px solid #222;
    margin: 0 0 20px;
    padding: 0 0 5px
}

.UJBBP07 .text_line {
    cursor: pointer
}

.SYM0010 .card-list1>div>div .tbl-tdr {
    width: 80px
}

.Migration {
    position: relative;
    height: 100%
}

.Migration .migHeaderWrap {
    align-items: center
}

.Migration .migHeaderWrap .main-ci {
    position: relative;
    width: 200px;
    height: 50px;
    margin: 0;
    padding: 5px 20px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 101
}

.Migration .migHeaderWrap .main-ci h1 {
    overflow: hidden;
    margin: 0;
    font-size: 1;
    height: 40px;
    line-height: 40px
}

.Migration .migHeaderWrap .main-ci h1 img {
    max-width: 150px;
    max-height: 38px;
    vertical-align: middle;
    cursor: pointer
}

.Migration .migHeaderWrap .headfnc {
    justify-content: flex-end;
    padding: 0 20px
}

.Migration .migHeaderWrap .headfnc .migUser {
    margin-left: 15px;
    font-size: 14px
}

.Migration .migHeaderWrap .headfnc .migUser .migName {
    font-family: NSKB
}

.Migration .migHeaderWrap .headfnc .migUser .migName .migId {
    margin-left: 6px;
    font-family: NSKR;
    font-size: 12px;
    color: #a6a6a6
}

.Migration .migPageTitleBox {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    align-items: center;
    background-color: #1c90fb;
    box-sizing: border-box
}

.Migration .migPageTitleBox .title {
    font-size: 18px;
    color: #fff
}

.Migration .migPageTitleBox .migBtnBox {
    justify-content: flex-end;
    align-items: center
}

.Migration .migPageTitleBox .migBtnBox .migBtn {
    height: 27px;
    padding: 5px 10px;
    line-height: 16px;
    justify-content: center;
    margin-right: 4px;
    text-align: center;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.Migration .migPageTitleBox .migBtnBox .migBtn.on,
.Migration .migPageTitleBox .migBtnBox .migBtn:hover {
    border: 1px solid hsla(0, 0%, 100%, .8)
}

.Migration .migPageTitleBox .migBtnBox .migBtn:last-child {
    margin-right: 0
}

.Migration .migPageTitleBox .migBtnBox .migBtn.import {
    position: relative
}

.Migration .migPageTitleBox .migBtnBox .migBtn.import .importList {
    position: absolute;
    bottom: -46px;
    left: -1px;
    text-align: center;
    border: 1px solid #a6a6a6;
    color: #000;
    background-color: #fff;
    z-index: 100
}

.Migration .migPageTitleBox .migBtnBox .migBtn.import .importList .list {
    width: 64px;
    padding: 3px 0;
    box-sizing: border-box
}

.Migration .migPageTitleBox .migBtnBox .migBtn.import .importList .list.on,
.Migration .migPageTitleBox .migBtnBox .migBtn.import .importList .list:hover {
    background-color: #e6f5ff
}

.Migration .migPageTitleBox .migBtnBox .migBtn.save {
    padding-left: 30px;
    background: url(/static/media/ic_save_w.7773373f.png) no-repeat left 10px center;
    background-size: 18px;
    box-sizing: border-box
}

.Migration .migPageTitleBox .migBtnBox .migBtn.start {
    padding-left: 30px;
    background: url(/static/media/ic_migration_w.f005cd26.png) no-repeat left 10px center;
    background-size: 18px;
    box-sizing: border-box
}

.Migration .migPageTitleBox .migBtnBox .space {
    align-items: center
}

.Migration .migPageTitleBox .migBtnBox .space:before {
    content: "";
    width: 1px;
    height: 16px;
    margin: 0 10px 0 6px;
    background-color: hsla(0, 0%, 100%, .2)
}

.Migration .migPageTitleBox .migBtnBox .space:after {
    content: "";
    width: 1px;
    height: 16px;
    margin: 0 10px;
    background-color: hsla(0, 0%, 100%, .2)
}

.Migration .migPageTitleBox .migBtnBox .iconExcelDownNor {
    width: 18px;
    height: 18px;
    cursor: pointer
}

.Migration .topWrap {
    width: 100%;
    padding: 0 20px 10px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box
}

.Migration .topWrap .titleBox {
    float: left;
    height: 42px;
    line-height: 42px;
    padding-top: 10px;
    align-items: center;
    box-sizing: border-box
}

.Migration .topWrap .titleBox .title {
    min-width: 28px;
    font-size: 16px;
    font-family: NSKB;
    letter-spacing: -.8px
}

.Migration .topWrap .titleBox .refreshBtn {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    background: url(/static/media/ic_refresh_m_normal.deb0c5b8.png) no-repeat 50%;
    cursor: pointer
}

.Migration .topWrap .titleBox .refreshBtn:hover {
    background: url(/static/media/ic_refresh_m_over.8c60af56.png) no-repeat 50%
}

.Migration .topWrap .titleBox .txt {
    min-width: 130px;
    margin-left: 10px;
    font-size: 12px;
    letter-spacing: -.3px;
    color: #a6a6a6
}

.Migration .topWrap .titleBox .drop {
    margin-left: 10px
}

.Migration .topWrap .processStep {
    float: right;
    text-align: center;
    min-width: 590px;
    padding-top: 10px;
    box-sizing: border-box
}

.Migration .topWrap .processStep .scrollCheck {
    margin-right: 10px;
    justify-content: flex-end;
    align-items: center
}

.Migration .topWrap .processStep .scrollCheck [class*=OBTCheckBox2_root] {
    margin-right: 0 !important
}

.Migration .topWrap .processStep .step {
    position: relative;
    width: 80px;
    height: 32px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    line-height: 30px;
    font-size: 13px;
    letter-spacing: -.33px;
    color: #4a4a4a;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer
}

.Migration .topWrap .processStep .step .txtDiv {
    position: relative;
    z-index: 2;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Migration .topWrap .processStep .step:not(:first-child).on:before,
.Migration .topWrap .processStep .step:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    width: 18px;
    height: 15px;
    margin-top: -8px;
    border: solid #e6e6e6;
    border-width: 1px 1px 0 0;
    background: #fff;
    transform: rotate(60deg) skewX(28deg);
    z-index: 1
}

.Migration .topWrap .processStep .step:before {
    left: -10px
}

.Migration .topWrap .processStep .step:after {
    right: -10px
}

.Migration .topWrap .processStep .step:not(:first-child, :last-child) {
    padding-left: 5px
}

.Migration .topWrap .processStep .step.on {
    border-color: #1c90fb;
    background: #e9f5ff;
    color: #1c90fb;
    font-family: NSKB;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.Migration .topWrap .processStep .step.on:before {
    border-color: #1c90fb !important
}

.Migration .topWrap .processStep .step.on:after {
    border-color: #1c90fb !important;
    background: #e9f5ff
}

.Migration .topWrap .processStep .step.disa {
    color: #a6a6a6;
    background-color: #f5f5f5
}

.Migration .topWrap .processStep .step.disa:hover {
    color: #a6a6a6;
    text-decoration: none
}

.Migration .topWrap .processStep .step.disa:after,
.Migration .topWrap .processStep .step.disa:before {
    background-color: #f5f5f5
}

.Migration .topWrap .processStep .step:hover {
    color: #1c90fb;
    text-decoration: underline
}

.Migration .conWrap {
    height: 100%;
    padding: 20px;
    box-sizing: border-box
}

.Migration .conWrap .boxTitle {
    align-items: center
}

.Migration .conWrap .boxTitle .cnt {
    font-size: 14px;
    font-family: NSKB;
    letter-spacing: -.7px;
    margin-top: -2px;
    color: #a6a6a6
}

.Migration .conWrap .boxTitle .cnt em {
    color: #1c90fb
}

.Migration .conWrap .box01 .searchBtn {
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.Migration .conWrap .box01 .searchBtn:hover {
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.Migration .conWrap .box01 .searchBtn.disabled {
    background: url(/static/media/ic_search_m_disable.4d6ed3b1.png) no-repeat 50%
}

.Migration .conWrap .box01 .openViewIco {
    background: url(/static/media/ic_openview_m_normal@2x.c32c9445.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    background-size: 18px !important
}

.Migration .conWrap .box01 .openViewIco:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/static/media/ic_openview_m_normal@2x.c32c9445.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important;
    background-size: 18px !important
}

.Migration .conWrap .box01 .closeViewIco {
    background: url(/static/media/ic_closeview_m_normal@2x.d8398a68.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    background-size: 18px !important
}

.Migration .conWrap .box01 .closeViewIco:active {
    border: 1px solid #a6a6a6 !important;
    background: url(/static/media/ic_closeview_m_normal@2x.d8398a68.png) no-repeat 50%, linear-gradient(180deg, #ddd, #f5f5f5) !important;
    background-size: 18px !important
}

.Migration .conWrap .box02 {
    box-sizing: border-box;
    transition: all .3s
}

.Migration .conWrap .box02 .subBox {
    align-items: center
}

.Migration .conWrap .box02 .subBox .countTxt {
    margin-right: 15px;
    color: #1c90fb
}

.Migration .conWrap .box02 .subBox [class*=OBTCheckBox2_root] {
    margin-right: 10px !important
}

.Migration .conWrap .box02 .subBox .filterBox {
    position: relative;
    text-align: right
}

.Migration .conWrap .box02 .subBox .filterBox .filterBtn {
    justify-content: flex-end;
    line-height: 27px;
    border: none;
    background: url(/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
}

.Migration .conWrap .box02 .subBox .filterBox .filterBtn em {
    cursor: pointer
}

.Migration .conWrap .box02 .subBox .filterBox .filterBtn:hover {
    background: url(/static/media/ic_arrow_down_02_s_over@2x.ddc9292b.png) no-repeat 100% !important;
    background-size: 14px !important;
    border: none !important
}

.Migration .conWrap .box02 .subBox .filterBox .filterBtn.on {
    background: url(/static/media/ic_arrow_up_02_s_normal@2x.83a56a3a.png) no-repeat 100% !important;
    background-size: 14px !important
}

.Migration .conWrap .box02 .subBox .filterBox .filterBtn.on:hover {
    background: url(/static/media/ic_arrow_up_02_s_over@2x.2ad3a281.png) no-repeat 100% !important;
    background-size: 14px !important
}

.Migration .conWrap .box02 .subBox .filterBox .filterList {
    position: absolute;
    top: 25px;
    left: -110px;
    width: 150px;
    text-align: left;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    background: #fff;
    z-index: 100
}

.Migration .conWrap .box02 .subBox .filterBox .filterList li {
    font: 400 12px/27px NSKR;
    color: #000;
    padding: 0 0 0 25px;
    box-sizing: border-box;
    cursor: pointer
}

.Migration .conWrap .box02 .subBox .filterBox .filterList li:hover {
    background-color: #e6f5ff
}

.Migration .conWrap .box02 .subBox .filterBox .filterList li.chk {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat 5px 6px;
    background-size: 18px
}

.Migration .conWrap .box02 .subBox .filterBox .filterList li.chk:hover {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/static/media/ic_check_01_m_over@2x.38672b07.png) no-repeat 5px 6px;
    background-size: 18px
}

.Migration .conWrap .box02 .subBox .filterBox .filterList li em {
    padding-right: 24px;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.migLineProgress[class*=OBTLinearProgress_root] {
    position: relative !important;
    padding: 20px 0 10px !important;
    border: none !important
}

.migLineProgress[class*=OBTLinearProgress_root] [class*=OBTLinearProgress_progressDiv] {
    margin: 0 !important
}

.migLineProgress[class*=OBTLinearProgress_root] [class*=OBTLinearProgress_progressDiv]>div {
    width: 100% !important;
    border-radius: 30px !important
}

.migLineProgress[class*=OBTLinearProgress_root] [class*=OBTLinearProgress_progressDiv]>div div {
    border-radius: 30px !important
}

.migLineProgress[class*=OBTLinearProgress_root] [class*=OBTLinearProgress_progressDiv] [class*=OBTLinearProgress_innerText] {
    position: absolute !important;
    top: -20px !important;
    font-family: NSKB !important;
    font-size: 13px !important;
    color: #1c90fb !important
}

.migAlert {
    color: #fc5356
}

.MIGP001 {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    box-sizing: border-box
}

.MIGP001 .GridType01 {
    height: 100%;
    margin-top: 20px
}

.MIGP001 .GridType01 .gridHeader th {
    padding: 7px 0 !important
}

.MIGP001 .GridType01 .gridHeader th:first-child {
    padding: 8px 2px 6px 6px !important
}

.MIGP001 .GridType01 .gridBody:hover td {
    background-color: #fff
}

.MIGP001 .GridType01 .gridBody td {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    border-right: 1px solid #e6e6e6;
    padding: 6px 8px !important
}

.MIGP001 .GridType01 .gridBody td:first-child {
    padding: 7px 2px 7px 6px !important
}

.MIGP001 .GridType01 .gridBody td:last-child {
    border-right: none
}

.MIGP001 .GridType01 .gridBody td.cus {
    cursor: pointer
}

.MIGP001 .GridType01 .gridBody td span.ref {
    display: inline-block;
    width: 100px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 18px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    background-color: #46a3f0
}

.MIGP001 .GridType01 .gridBody td span.save {
    background-color: #9da3aa
}

.MIGP001 .GridType01 .gridBody td span.save,
.MIGP001 .GridType01 .gridBody td span.suc {
    display: inline-block;
    width: 48px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 18px;
    border-radius: 30px;
    text-align: center;
    color: #fff
}

.MIGP001 .GridType01 .gridBody td span.suc {
    background-color: #20c997
}

.MIGP002,
.MIGP003 {
    position: relative
}

.MIGP002,
.MIGP002 .migTab,
.MIGP003,
.MIGP003 .migTab {
    width: 100%;
    height: 100%
}

.MIGP002 .migForm,
.MIGP003 .migForm {
    margin-top: 10px;
    width: 100%
}

.MIGP002 .btnBox,
.MIGP003 .btnBox {
    margin-top: 15px;
    justify-content: center
}

.MIGP004 {
    position: relative;
    width: 100%;
    height: 100%
}

.MIGP004 .btn {
    float: right
}

.MIGP005 {
    position: relative;
    width: 100%;
    height: 100%
}

.MIGP005 .GridType01 {
    border: solid #e6e6e6;
    border-width: 0 1px
}

.MIGP005 .GridType01 .gridHeader th {
    padding: 0;
    height: 35px
}

.MIGP005 .GridType01 .gridBody tr:hover td {
    background-color: #fff
}

.MIGP005 .GridType01 .gridBody td {
    padding: 0 10px;
    height: 50px;
    border-right: 1px solid #e6e6e6
}

.MIGP005 .GridType01 .gridBody td:last-child {
    border-right: 0
}

.MIGP005 .GridType01 .gridBody td>div {
    margin: 0 auto
}

.UJBP009 .pubFormStyle tbody td {
    word-break: break-all
}

.UJBP039 .codeInputBox {
    position: relative;
    width: 100%
}

.UJBP039 .codeInputBox .title {
    line-height: 27px;
    color: #4a4a4a;
    font-size: 13px;
    min-width: 102px;
    text-align: right;
    margin-right: 6px
}

.UJBP039 .codeInputBox .codeInput>div>div>div>span,
.UJBP039 .codeInputBox .textInput>div>div {
    padding: 3px 24px 3px 6px !important
}

.UJBP039 .codeInputBox .codeInputBtn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_code_m_normal.3e060352.png) no-repeat 50%;
    cursor: pointer
}

.UJBP039 .codeInputBox .codeInputBtn:hover {
    background: url(/static/media/ic_code_m_over.a3aed02d.png) no-repeat 50%
}

.MigrationLogin {
    margin: 0 auto
}

.MigrationLogin .loginHeadWrap {
    width: 100%;
    padding: 6px 20px;
    font-size: 11px;
    color: #07203c;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.MigrationLogin .loginConWrap {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 68px 83px;
    box-sizing: border-box
}

.MigrationLogin .loginConWrap .conBox01 .logo {
    width: 172px;
    height: 26px
}

.MigrationLogin .loginConWrap .conBox01 .title {
    margin-top: 8px;
    font-size: 16px;
    color: #07203c
}

.MigrationLogin .loginConWrap .conBox02 {
    position: relative;
    margin-top: 20px;
    width: 100%
}

.MigrationLogin .loginConWrap .conBox02 .inputBox {
    position: relative;
    margin-top: 14px
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input {
    width: 100%;
    height: 50px;
    padding: 0 52px 0 24px;
    font-size: 16px;
    border: 1px solid #c4c4c4;
    outline: none;
    border-radius: 25px;
    box-sizing: border-box
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input::-moz-placeholder {
    font-size: 16px;
    letter-spacing: -.4px;
    color: #c4c4c4
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input:-ms-input-placeholder {
    font-size: 16px;
    letter-spacing: -.4px;
    color: #c4c4c4
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input::placeholder {
    font-size: 16px;
    letter-spacing: -.4px;
    color: #c4c4c4
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input:focus {
    border: 1px solid #1c90fb
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input:focus+.closeIco {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/static/media/ic_close_bl_m_none@2x.fdea324d.png) no-repeat 50%;
    background-size: 24px
}

.MigrationLogin .loginConWrap .conBox02 .inputBox input.error {
    border: 1px solid #fc4c60
}

.MigrationLogin .loginConWrap .conBox02 .inputBox .closeIco {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/static/media/ic_close_bl_m_sele@2x.f8465cc9.png) no-repeat 50%;
    background-size: 24px;
    cursor: pointer
}

.MigrationLogin .loginConWrap .conBox02 .inputBox .watchIco {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #fff url(/static/media/ic_watch_cancel_l_normal@2x.465d08ea.png) no-repeat 50%;
    background-size: 24px;
    cursor: pointer
}

.MigrationLogin .loginConWrap .conBox02 .errorTxt {
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    color: #fc4c60
}

.MigrationLogin .loginConWrap .btnBox {
    width: 100%;
    height: 54px;
    margin-top: 36px;
    font-size: 18px;
    font-family: NSKB;
    line-height: 52px;
    border-radius: 10px;
    outline: none;
    border: none;
    color: hsla(0, 0%, 98%, .5);
    background-color: #b4b9bc;
    box-shadow: 0 3px 15px 0 rgba(61, 69, 86, .27);
    box-sizing: border-box;
    cursor: pointer
}

.MigrationLogin .loginConWrap .btnBox.on {
    color: #fff;
    background: linear-gradient(90deg, #0af 4%, #8168ff 95%)
}

.UJBA100 .reference-area1>div>div>p span {
    display: inline-block;
    vertical-align: top;
    margin-left: 3px
}

.UJBA100 .reference-area1>div>div>strong:first-child {
    padding-left: 25px;
    background: url(/static/media/ic_info_03_m_normal.1816e420.png) no-repeat 0 1px
}

.UJBA100 .reference-area1>div>div>p {
    padding-top: 4px;
    padding-left: 25px;
    color: #4a4a4a
}

.UJBA100 .accDiv {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 8px
}

.UJBA100 .accDiv .onLink {
    color: #1c90fb;
    text-decoration: underline;
    cursor: pointer
}

.UJBA100 .accDiv.expand {
    border: 1px solid #1c90fb
}

.UJBA100 .accDiv.expand .title {
    background-color: #eff7ff;
    border-bottom: 1px solid #1c90fb
}

.UJBA100 .accDiv.expand .title .num {
    background-color: #1c90fb
}

.UJBA100 .accDiv.expand .title .txt {
    color: #000
}

.UJBA100 .accDiv .title {
    width: 100%;
    height: 48px;
    padding: 0 21px;
    background-color: #fafafa;
    border-bottom: none;
    box-sizing: border-box;
    cursor: pointer
}

.UJBA100 .accDiv .title .num {
    width: 20px;
    height: 20px;
    margin: 14px 0;
    font-size: 11px;
    font-weight: 700;
    font-family: NSKR;
    color: #fff;
    line-height: 19px;
    text-align: center;
    border-radius: 20px;
    background-color: #b2b2b2
}

.UJBA100 .accDiv .title .txt {
    margin: 0 0 0 5px;
    font-size: 12px;
    font-weight: 700;
    font-family: NSKR;
    color: #b2b2b2;
    line-height: 48px
}

.UJBA100 .accDiv .title .arr {
    width: 18px;
    height: 18px;
    margin: 15px 0
}

.UJBA100 .accDiv .title .arr.up {
    background: url(/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat 50%
}

.UJBA100 .accDiv .title .arr.down {
    background: url(/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat 50%
}

.UJBA100 .accDiv .accCon {
    padding: 21px
}

.UJBA100 .accDiv .accCon .imgAcc {
    width: 100%;
    max-width: 780px
}

.UJBA100 .accDiv .accCon p {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 400;
    font-family: NSKR;
    color: #222;
    line-height: 1.5
}

.UJBA100 .accDiv .accCon p.bold {
    font-family: NSKB
}

.UJBA100 .accDiv .accCon p.smallGrayText {
    margin: 2px 0 8px;
    font-size: 10px;
    color: #8c8c8c
}

.UJBA100 .accDiv .accCon .reference-area1 {
    width: 780px
}

.UJBA100 .accDiv .accCon .reference-area1 .smallGrayText {
    font-size: 10px;
    color: #8c8c8c
}

.UHAP006 {
    width: calc(100% - 62px);
    height: 125px
}

.UHAP006 .multiLineContents .textBox {
    overflow-y: hidden
}

.UHAP006 .multiLineContents .textBox .keepLink {
    max-width: calc(100% - 25px)
}

.upDateEditerFont td * {
    font-family: 굴림 !important
}

.wrap-content [class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content [class*=OBTDockPanel_left]>div:not(:first-child):not([class*=OBTDockPanel_resiz]),
.wrap-content [class*=OBTDockPanel_right]:not([class*=OBTDockPanel_collapsed]):not([class*=OBTDockPanel_resiz]),
.wrap-content [class*=OBTDockPanel_right]>div:not(:first-child):not([class*=OBTDockPanel_resiz]) {
    margin-left: 20px !important
}

.wrap-content0>[class*=OBTDockPanel_top]>div {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading {
    display: flex;
    align-items: center;
    width: auto !important;
    min-height: 55px;
    border-bottom: 1px solid #e5e5e5
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading+.heading {
    margin-top: 0 !important
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti {
    flex: 1 1
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti>strong {
    display: inline-block;
    font-size: 18px;
    letter-spacing: -.8px;
    vertical-align: middle
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti>strong:not(:first-child) {
    margin-left: 20px
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti>span {
    display: inline-block;
    margin-left: 6px;
    letter-spacing: -.3px;
    color: #a6a6a6;
    vertical-align: bottom
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti>div {
    margin-left: 10px;
    vertical-align: middle
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti>div+.btn-date {
    margin-left: 4px
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti .btn-date {
    display: inline-block
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti .btn-date>div {
    vertical-align: middle
}

.wrap-content0>[class*=OBTDockPanel_top]>.heading .ti .btn-date>div+div {
    margin-left: 4px
}

.wrap-content0 [class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content0 [class*=OBTDockPanel_left]>div:not(:first-child):not([class*=OBTDockPanel_resiz]),
.wrap-content0 [class*=OBTDockPanel_right]:not([class*=OBTDockPanel_collapsed]):not([class*=OBTDockPanel_resiz]),
.wrap-content0 [class*=OBTDockPanel_right]>div:not(:first-child):not([class*=OBTDockPanel_resiz]) {
    margin-left: 20px !important
}

.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left],
.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right],
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left],
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right] {
    flex: 1 1
}

.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz],
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz] {
    flex: none
}

.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]>div:not([class*=OBTDockPanel_resiz]) {
    flex: 1 1
}

.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]:not([class*=OBTDockPanel_resiz]) {
    margin-left: 20px !important
}

.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t1>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz] {
    width: calc(50% - 12px)
}

.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz],
.wrap-content1.t6>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz] {
    width: calc(33.3% - 16px)
}

.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]:not([class*=OBTDockPanel_resiz])+[class*=OBTDockPanel_fill],
.wrap-content1.t2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]:not([class*=OBTDockPanel_resiz]) {
    margin-left: 0 !important
}

.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_fill]:not(:first-child),
.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right] {
    flex-grow: 2
}

.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left][class*=OBTDockPanel_resiz] {
    width: calc(33.3% - 12px)
}

.wrap-content1.t5>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right][class*=OBTDockPanel_resiz] {
    width: calc(66.6% - 12px)
}

.wrap-content1.t3>[class*=OBTDockPanel_bottom],
.wrap-content1.t3>[class*=OBTDockPanel_top],
.wrap-content1.t7>[class*=OBTDockPanel_bottom],
.wrap-content1.t7>[class*=OBTDockPanel_top] {
    flex: 1 1
}

.wrap-content1.t3>[class*=OBTDockPanel_bottom][class*=OBTDockPanel_resiz],
.wrap-content1.t3>[class*=OBTDockPanel_top][class*=OBTDockPanel_resiz],
.wrap-content1.t7>[class*=OBTDockPanel_bottom][class*=OBTDockPanel_resiz],
.wrap-content1.t7>[class*=OBTDockPanel_top][class*=OBTDockPanel_resiz] {
    flex: none
}

.wrap-content1.t3>[class*=OBTDockPanel_bottom]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t3>[class*=OBTDockPanel_top]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t7>[class*=OBTDockPanel_bottom]>div:not([class*=OBTDockPanel_resiz]),
.wrap-content1.t7>[class*=OBTDockPanel_top]>div:not([class*=OBTDockPanel_resiz]) {
    height: 100%
}

.wrap-content1.t3 .scroll-line [data-orbit-component=OBTAccordion2]:last-child,
.wrap-content1.t3 .scroll-line [data-orbit-component=OBTAccordion]:last-child,
.wrap-content1.t7 .scroll-line [data-orbit-component=OBTAccordion2]:last-child,
.wrap-content1.t7 .scroll-line [data-orbit-component=OBTAccordion]:last-child {
    margin-bottom: 1px !important
}

.wrap-content1.t3>[class*=OBTDockPanel_bottom][class*=OBTDockPanel_resiz],
.wrap-content1.t3>[class*=OBTDockPanel_top][class*=OBTDockPanel_resiz] {
    height: calc(50% - 12px)
}

.wrap-content1.t7>[class*=OBTDockPanel_bottom][class*=OBTDockPanel_resiz],
.wrap-content1.t7>[class*=OBTDockPanel_top][class*=OBTDockPanel_resiz] {
    height: calc(33.3% - 16px)
}

.wrap-content1.t4>[class*=OBTDockPanel_bottom] {
    height: 40%
}

.wrap-content1.t4>[class*=OBTDockPanel_bottom] [class*=OBTDockPanel_bottom]:not([class*=OBTDockPanel_resiz]) {
    margin-top: 0
}

.wrap-content1.t4.open>[class*=OBTDockPanel_bottom] {
    height: 60%
}

.wrap-content1.t4.open>[class*=OBTDockPanel_bottom] [class*=OBTDockPanel_bottom]:not([class*=OBTDockPanel_resiz]) {
    height: 102px;
    margin-top: 10px
}

.wrap-content1.t4 .wrap-t4[data-orbit-component=OBTAccordion2]>[class*=OBTAccordion2_contents]>[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_middle],
.wrap-content1.t4 .wrap-t4[data-orbit-component=OBTAccordion]>div:first-child>div:nth-child(2)>[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_middle] {
    min-height: 117px
}

.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_fill],
.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_fill]>div:not(:first-child),
.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left],
.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_left]>div:not(:first-child),
.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right],
.wrap-content2>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper]>[class*=OBTDockPanel_right]>div:not(:first-child) {
    margin-left: 0 !important
}

.wrap-content3>div:not(:first-child),
.wrap-content3>dl:not(:first-child),
.wrap-content3>ol:not(:first-child),
.wrap-content3>p:not(:first-child),
.wrap-content3>table:not(:first-child),
.wrap-content3>ul:not(:first-child) {
    margin-top: 10px
}

.wrap-content3.t1>div:not(:first-child),
.wrap-content3.t1>dl:not(:first-child),
.wrap-content3.t1>ol:not(:first-child),
.wrap-content3.t1>p:not(:first-child),
.wrap-content3.t1>table:not(:first-child),
.wrap-content3.t1>ul:not(:first-child) {
    margin-top: 30px
}

.wrap-content4 {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.wrap-content4>div,
.wrap-content4>dl,
.wrap-content4>ol,
.wrap-content4>p,
.wrap-content4>ul {
    flex: 1 1;
    min-width: calc(50% - 10px);
    height: auto !important
}

.wrap-content4>div:nth-child(2n),
.wrap-content4>dl:nth-child(2n),
.wrap-content4>ol:nth-child(2n),
.wrap-content4>p:nth-child(2n),
.wrap-content4>ul:nth-child(2n) {
    margin-left: 20px
}

.wrap-content4>div:nth-child(2)~div,
.wrap-content4>div:nth-child(2)~dl,
.wrap-content4>div:nth-child(2)~ol,
.wrap-content4>div:nth-child(2)~p,
.wrap-content4>div:nth-child(2)~ul,
.wrap-content4>dl:nth-child(2)~div,
.wrap-content4>dl:nth-child(2)~dl,
.wrap-content4>dl:nth-child(2)~ol,
.wrap-content4>dl:nth-child(2)~p,
.wrap-content4>dl:nth-child(2)~ul,
.wrap-content4>ol:nth-child(2)~div,
.wrap-content4>ol:nth-child(2)~dl,
.wrap-content4>ol:nth-child(2)~ol,
.wrap-content4>ol:nth-child(2)~p,
.wrap-content4>ol:nth-child(2)~ul,
.wrap-content4>p:nth-child(2)~div,
.wrap-content4>p:nth-child(2)~dl,
.wrap-content4>p:nth-child(2)~ol,
.wrap-content4>p:nth-child(2)~p,
.wrap-content4>p:nth-child(2)~ul,
.wrap-content4>ul:nth-child(2)~div,
.wrap-content4>ul:nth-child(2)~dl,
.wrap-content4>ul:nth-child(2)~ol,
.wrap-content4>ul:nth-child(2)~p,
.wrap-content4>ul:nth-child(2)~ul {
    margin-top: 20px
}

.wrap-content4.t1>div,
.wrap-content4.t1>dl,
.wrap-content4.t1>ol,
.wrap-content4.t1>p,
.wrap-content4.t1>ul {
    min-width: auto
}

.wrap-content4.t1>div:not(:first-child),
.wrap-content4.t1>dl:not(:first-child),
.wrap-content4.t1>ol:not(:first-child),
.wrap-content4.t1>p:not(:first-child),
.wrap-content4.t1>ul:not(:first-child) {
    margin: 0 0 0 20px
}

.wrap-content4.t2>div,
.wrap-content4.t2>dl,
.wrap-content4.t2>ol,
.wrap-content4.t2>p,
.wrap-content4.t2>ul {
    min-width: auto
}

.wrap-content4.t2>div:not(:first-child),
.wrap-content4.t2>dl:not(:first-child),
.wrap-content4.t2>ol:not(:first-child),
.wrap-content4.t2>p:not(:first-child),
.wrap-content4.t2>ul:not(:first-child) {
    flex: none;
    margin: 0 0 0 20px
}

.wrap-content5>.content {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box
}

.wrap-content5>.content>.heading {
    padding: 0 !important
}

.wrap-content5>.content>.cont {
    flex: 1 1
}

.wrap-content5>.content>div:not(.heading)+div:not(.UpDownLoader):not([data-orbit-component=OBTExcelFormDialog]) {
    margin-top: 10px
}

.wrap-content6>[class*=OBTDockPanel_middle] {
    min-height: 201px
}

[data-orbit-component=OBTAlert] [class*=wrap-content],
[data-orbit-component=OBTConfirm] [class*=wrap-content] {
    text-align: left
}

[class*=wrap-content] {
    word-break: break-all
}

[class*=wrap-content] i {
    font-style: normal
}

[class*=wrap-content] a:not([class*=fc-]) {
    color: #1c90fb
}

[class*=wrap-content] .area-hidden {
    display: none !important
}

[class*=wrap-content] .text-a {
    color: #1c90fb;
    text-decoration: underline;
    cursor: pointer
}

[class*=wrap-content] .dp_f {
    display: flex !important
}

[class*=wrap-content] .dp_if {
    display: inline-flex !important
}

[class*=wrap-content] .dp_t {
    display: table !important
}

[class*=wrap-content] .mt11 {
    margin-top: 11px !important
}

[class*=wrap-content] .text_red {
    color: #fc5356
}

[class*=wrap-content] .text_gray1 {
    color: #8c8c8c !important
}

[class*=wrap-content] .text_black1 {
    color: #4a4a4a !important
}

[class*=wrap-content] .text-type100 {
    color: #9da3aa !important
}

[class*=wrap-content] .text-type101 {
    color: #20c997 !important
}

[class*=wrap-content] .text-type102 {
    color: #2dbcb5 !important
}

[class*=wrap-content] .text-type103 {
    color: #39b0d2 !important
}

[class*=wrap-content] .text-type104 {
    color: #46a3f0 !important
}

[class*=wrap-content] .text-type105 {
    color: #ff8787 !important
}

[class*=wrap-content] .text-type106 {
    color: #f8a457 !important
}

[class*=wrap-content] .text-type107 {
    color: #f0c325 !important
}

[class*=wrap-content] .text-type108 {
    color: #c8b465 !important
}

[class*=wrap-content] .text-type109 {
    color: #9da3aa !important
}

[class*=wrap-content] [class^=list-num] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #94a5c1;
    font-size: 11px;
    line-height: 1.6;
    color: #fff;
    text-align: center
}

[class*=wrap-content] .list-num1 {
    background: #4eabfa
}

[class*=wrap-content] .list-num2 {
    background: #50cbde
}

[class*=wrap-content] .list-num3 {
    background: #afd873
}

[class*=wrap-content] .list-num4 {
    background: #f7ad68
}

[class*=wrap-content] .list-num5 {
    background: #f5d471
}

[class*=wrap-content] .no_data {
    flex-direction: column
}

[class*=wrap-content] .no_data .noimg {
    margin: 0;
    padding: 0;
    background: none
}

[class*=wrap-content] .no_data.t1 .text {
    padding-top: 126px
}

[class*=wrap-content] .no_data.small.t1 .text {
    padding-top: 88px
}

[class*=wrap-content] .no_data>[data-orbit-component=OBTButton] {
    margin-top: 12px
}

[class*=wrap-content] [class*=btn-bottom] {
    text-align: center
}

[class*=wrap-content] [class*=btn-bottom]>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] .btn-bottom {
    padding-top: 10px
}

[class*=wrap-content] .btn-bottom2 {
    padding-top: 20px
}

[class*=wrap-content].wrap-ti {
    display: flex;
    align-items: center
}

[class*=wrap-content].wrap-ti>[class*=state-type],
[class*=wrap-content].wrap-ti>img {
    margin-left: 9px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2) {
    display: flex;
    min-height: 33px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2).t1>strong:first-child:before {
    display: none
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child {
    height: 28px;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
    letter-spacing: -.7px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -1px 5px 0 0;
    background: #333;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type {
    color: #868e96
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type1 {
    color: #46a3f0
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type2 {
    color: #20c997
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type3 {
    color: #748ffc
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type4 {
    color: #ac91f5
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type5 {
    color: #f0c325
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type6 {
    color: #ffa94d
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child .type7 {
    color: #ff8787
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong:first-child>i+i:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: -2px 10px 0;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree {
    margin-top: 5px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree button {
    height: 28px;
    padding: 0;
    border: none !important;
    background: none !important
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree button span {
    height: 28px;
    padding-left: 18px;
    font-size: 14px;
    color: #000;
    letter-spacing: -.7px;
    font-weight: 700
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree button:hover span:after {
    display: none
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree.a-down button span {
    background: url(/static/media/ic_arrow_down_01_m_normal.23f71585.png) no-repeat left 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree.a-down button:hover span {
    background-image: url(/static/media/ic_arrow_down_01_m_over.7ed6eade.png)
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree.a-up button span {
    background: url(/static/media/ic_arrow_up_01_m_normal.432dfa78.png) no-repeat left 3px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree.a-up button:hover span {
    background-image: url(/static/media/ic_arrow_up_01_m_over.cd343fcf.png)
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.tree button {
        margin-bottom: -7px
    }
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span {
    flex: 1 1;
    color: #1c90fb;
    letter-spacing: -.33px;
    text-align: right
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span {
    margin-top: 7px;
    padding-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>span,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>span {
    color: #1c90fb;
    letter-spacing: -.33px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>span:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>span:not(:first-child) {
    padding-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>span+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>span+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>span+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>span+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) i,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span i {
    color: #4a4a4a;
    letter-spacing: -.5px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>[data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn])>[data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>[data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span>[data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox] {
    margin-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4 {
    flex: 1 1 auto
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>span>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span>[class*=tag-type] {
    vertical-align: top
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>span>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=tag-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span>[class*=state-type]:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span>[class*=tag-type]:not(:first-child) {
    margin-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1 {
    text-align: left
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>div {
    vertical-align: top
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>span>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>span>[class*=state-type1] {
    margin-top: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2 {
    margin-top: 0;
    text-align: left
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>div {
    vertical-align: bottom
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>div+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>div+div {
    padding-left: 8px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span {
    display: inline-block;
    margin-bottom: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=tag-type] {
    margin-top: 7px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=state-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=tag-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=state-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=tag-type]+div {
    padding-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>[class*=state-type1] {
    margin-top: 9px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>span>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>span>[class*=state-type1] {
    margin-top: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3 {
    text-align: right
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3.vm,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3.vm {
    margin-top: 0;
    line-height: 27px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3+[class*=btn],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3+[class*=btn] {
    flex: none
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>div {
    text-align: left;
    vertical-align: top
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>span>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>span>[class*=state-type1] {
    margin-top: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4 {
    margin-top: 0;
    text-align: right
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>.ti,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>.ti {
    margin: 0 6px 0 20px;
    line-height: 27px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>div {
    text-align: left;
    vertical-align: bottom
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>div+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>div+div {
    padding-left: 8px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span {
    display: inline-block;
    margin-bottom: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>.summary,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>.summary {
    vertical-align: bottom
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4+[class*=btn],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4+[class*=btn] {
    flex: none
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=tag-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=state-type],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=tag-type] {
    margin-top: 7px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=state-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=tag-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=state-type]+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=tag-type]+div {
    padding-left: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>[class*=state-type1] {
    margin-top: 9px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>span>[class*=state-type1],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>span>[class*=state-type1] {
    margin-top: 2px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t5,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t5 {
    margin-top: 5px;
    font-size: 14px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]):first-child,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span:first-child {
    padding-left: 0
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>.summary em,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>.summary em {
    display: inline-block
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t1>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t2>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t3>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]).t4>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t1>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t2>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t3>.summary em:not(:first-child):before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span.t4>.summary em:not(:first-child):before {
    content: "";
    display: inline-block;
    margin: 0 9px 0 10px;
    width: 1px;
    height: 10px;
    background: #e6e6e6;
    line-height: 10px;
    font-size: 0
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search {
    position: relative;
    display: inline-block
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search>span,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search>span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search input,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search input {
    padding-right: 22px !important;
    box-sizing: border-box
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search>div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search>div {
    vertical-align: bottom
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search>div+div,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search>div+div {
    margin-left: 4px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>div:not(.tree):not([class*=btn]) .search>div:last-child,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>span .search>div:last-child {
    position: absolute;
    right: 1px;
    top: 1px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn] {
    padding-left: 10px;
    text-align: right !important
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn]>div {
    display: inline-block
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn]>div:not(:only-child):not(:last-child),
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn]>div>div:not(:only-child):not(:last-child) {
    margin-right: 4px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn]>div:only-child button.img-btn1 {
    margin-top: 3px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn] button,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn] button img {
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn] button img+span {
    margin-top: -1px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn] .img-btn1 {
    width: auto
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[class*=btn]:only-child,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>[data-orbit-component=OBTTooltip]+[class*=btn],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>strong+[class*=btn] {
    flex: 1 1
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.btn>div:not(:only-child):not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 6px 0 10px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t1+.btn>div:only-child:before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t2+.btn>div:only-child:before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t3+.btn>div:only-child:before,
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t4+.btn>div:only-child:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 2px 10px 0 0;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t1+.btn>div:only-child [class*=OBTTooltip_tooltipFloatingPanel],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t2+.btn>div:only-child [class*=OBTTooltip_tooltipFloatingPanel],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t3+.btn>div:only-child [class*=OBTTooltip_tooltipFloatingPanel],
[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.t4+.btn>div:only-child [class*=OBTTooltip_tooltipFloatingPanel] {
    margin-left: 6px
}

[class*=wrap-content] .data-heading>[class^=heading]:not(.heading2)>.btn1>div:not(:only-child):not(:last-child):after {
    display: none
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) {
    height: calc(100% - 33px) !important
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti {
    display: block;
    padding-bottom: 5px
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti>span,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti>span {
    padding-left: 10px;
    font-weight: 400
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t1:before,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t1:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -1px 5px 0 0;
    border-radius: 50%;
    background: #000;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t2,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t2 {
    padding-top: 13px;
    border-top: 1px solid #666
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t2:before,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t2:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -1px 5px 0 0;
    border-radius: 50%;
    background: #000;
    vertical-align: middle
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t2+div,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t2+table,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t2+div,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t2+table {
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti.t2:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)>.ti.t2:not(:first-child) {
    margin-top: 0;
    border-top: none
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_bottom]>div>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_top]>div>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_fill]>div>div>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_left]>div>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_right]>div>.ti {
    display: block;
    padding-bottom: 5px
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_bottom]>div>.ti:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>[class*=OBTDockPanel_top]>div>.ti:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_fill]>div>div>.ti:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_left]>div>.ti:not(:first-child),
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix)[data-orbit-component=OBTDockPanel]>div>div>[class*=OBTDockPanel_right]>div>.ti:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix).wrap-content3>.ti,
[class*=wrap-content] .data-heading>[class^=heading]~div:not(.fix) .wrap-content3>.ti {
    margin-bottom: -5px;
    padding-bottom: 0
}

[class*=wrap-content] .data-heading>.heading1 {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .data-heading>.heading1~div:not(.fix) {
    height: calc(100% - 44px) !important
}

[class*=wrap-content] .data-heading>.heading2 {
    border-bottom: 1px solid #d9d9d9
}

[class*=wrap-content] .data-heading>.heading2>strong:first-child {
    display: block;
    height: 34px;
    padding: 0 10px;
    background: #fafafa;
    font-size: 13px;
    line-height: 34px;
    color: #000
}

[class*=wrap-content] .data-heading>.heading2>strong:first-child>span {
    display: inline-block;
    padding-left: 6px;
    font-weight: 400
}

[class*=wrap-content] .data-heading>.heading2~div:not(.fix) {
    height: calc(100% - 35px) !important
}

[class*=wrap-content] .data-heading>.heading3>strong:first-child {
    color: #1c90fb !important
}

[class*=wrap-content] .data-heading>.heading3>strong:first-child:before {
    width: 22px !important;
    height: 22px !important;
    margin-top: -4px !important;
    background: transparent no-repeat !important
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2) {
    height: 40px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #666;
    background-color: #fafafa;
    box-sizing: border-box
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2)>strong:first-child {
    height: 38px;
    line-height: 38px;
    margin-top: 0
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2)~div:not(.fix) {
    height: calc(100% - 41px) !important
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2)~div {
    border-top: none
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2).t1 {
    background-color: #fff1f1
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2).t1>strong:first-child:before {
    display: inline-block
}

[class*=wrap-content] .data-heading>.heading4:not(.heading2).t2 {
    background-color: #eaf2fd
}

[class*=wrap-content] .data-heading.heading-none>[class^=heading] {
    display: none
}

[class*=wrap-content] .data-heading.heading-none>[class^=heading]~div:not(.fix) {
    height: 100% !important
}

[class*=wrap-content] .data-heading.data-heading.center .heading {
    max-height: 45px;
    margin-top: 0
}

[class*=wrap-content] .data-heading.data-heading.center .heading .heading_in {
    box-sizing: border-box;
    line-height: 45px;
    width: 100%;
    height: 45px;
    margin-top: 0 !important;
    position: relative;
    overflow: hidden
}

[class*=wrap-content] .data-heading.data-heading.center .heading .heading_in strong {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 15px
}

[class*=wrap-content] .data-heading.data-heading.center>[class^=heading]~div:not(.fix) {
    height: calc(100% - 45px) !important
}

[class*=wrap-content] .content>.heading {
    display: flex;
    align-items: center;
    height: 53px;
    margin-bottom: 20px;
    padding: 0 20px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .content>.heading .ti {
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

[class*=wrap-content] .content>.heading .ti>span:not(.checkbox):first-child {
    margin-right: 10px;
    color: #a6a6a6
}

[class*=wrap-content] .content>.heading .ti>strong {
    font-size: 14px;
    letter-spacing: -.7px
}

[class*=wrap-content] .content>.heading .ti>strong+div {
    margin-left: 10px
}

[class*=wrap-content] .content>.heading .ti>div+div {
    margin-left: 4px
}

[class*=wrap-content] .content>.heading .ti .btn-date {
    margin-left: 5px
}

[class*=wrap-content] .content>.heading .ti .btn-date>div {
    width: 20px !important
}

[class*=wrap-content] .content>.heading .ti .btn-date>div>div:first-child {
    position: relative;
    padding: 0;
    border: none
}

[class*=wrap-content] .content>.heading .ti .btn-date>div>div:first-child:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    margin: -3px 0 0 -3px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

[class*=wrap-content] .content>.heading .ti .btn-date>div>div:first-child>input {
    width: 100%;
    height: 100%;
    opacity: 0;
    box-sizing: border-box
}

[class*=wrap-content] .content>.heading .ti .btn-date>div>div:first-child>img {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0
}

[class*=wrap-content] .content>.heading .date {
    flex: 1 1 auto
}

[class*=wrap-content] .content>.heading .date>b {
    line-height: 27px;
    color: #010101
}

[class*=wrap-content] .content>.heading .date>b:not(:first-child) {
    margin-left: 15px
}

[class*=wrap-content] .content>.heading .date>div {
    margin-left: 6px;
    vertical-align: middle
}

[class*=wrap-content] .content>.heading .btn {
    flex: 1 1 auto;
    min-width: 120px;
    color: #010101;
    font-weight: 700;
    text-align: right
}

[class*=wrap-content] .content>.heading .btn>div {
    vertical-align: middle
}

[class*=wrap-content] .content>.heading .btn>div:not(:last-child) {
    margin-right: 10px
}

[class*=wrap-content] .content>.heading .btn>div:not(:last-child)+div {
    margin-left: -6px
}

[class*=wrap-content] .content>.heading .btn [data-orbit-component=OBTButton] {
    font-weight: 400
}

[class*=wrap-content] .content>.heading .btn .bar {
    display: inline-block
}

[class*=wrap-content] .content>.heading .btn .bar:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 6px 0 10px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .content>.heading .btn .bar>div {
    vertical-align: middle !important
}

[class*=wrap-content] .content>.heading .btn .bar>div+div {
    margin-left: 4px
}

[class*=wrap-content] .content>.heading .btn .viewtype {
    display: inline-block;
    height: 27px;
    margin-left: 9px !important
}

[class*=wrap-content] .content>.heading .btn .bar+.viewtype,
[class*=wrap-content] .content>.heading .btn .bar+strong {
    margin-left: -6px !important
}

[class*=wrap-content] .content>.heading .search {
    position: relative
}

[class*=wrap-content] .content>.heading .search>span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .content>.heading .search>[data-orbit-component=OBTTextField] {
    vertical-align: top
}

[class*=wrap-content] .content>.heading .search>[data-orbit-component=OBTTextField] input {
    padding-right: 22px !important;
    box-sizing: border-box
}

[class*=wrap-content] .content>.heading .search>[data-orbit-component=OBTButton] {
    position: absolute;
    right: 1px;
    top: 1px
}

[class*=wrap-content] .content>.heading .guide {
    font-size: 14px;
    color: #1f91fb
}

[class*=wrap-content] .content>.heading .date~div,
[class*=wrap-content] .content>.heading .ti~div {
    margin-left: 10px
}

[class*=wrap-content] .content>.heading.t1 {
    height: 27px;
    margin-bottom: 14px;
    border-bottom: none
}

[class*=wrap-content] .content>.heading.t1 .ti>strong {
    padding-right: 4px;
    font-size: 18px
}

[class*=wrap-content] .content>.heading.t1 .ti>div:nth-child(3) {
    margin-left: -1px
}

[class*=wrap-content] .content>.heading.t1 .ti>div:nth-child(4) {
    margin-left: 4px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>div:not(:only-child):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTRadioButtonGroup]) {
    height: 27px;
    line-height: 26px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>div:not(:only-child):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTRadioButtonGroup])+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    margin-left: 2px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>[data-orbit-component=OBTCheckBox]+div:not([data-orbit-component=OBTCheckBox]),
[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>[data-orbit-component=OBTRadioButtonGroup]+div:not([data-orbit-component=OBTRadioButtonGroup]),
[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>div:not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTCheckBox])+[data-orbit-component=OBTCheckBox] {
    margin-left: 6px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>[data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] [data-orbit-component=OBTConditionItem]>div>div+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 20px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem] .codepicker {
    height: 27px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem] [data-orbit-component=OBTPreviousNextSelector] {
    width: calc(100% - 120px)
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem] .dash {
    display: inline-block;
    width: 14px;
    text-align: center
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem] .dash+div {
    margin-left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child>div {
    width: 102px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child+div {
    margin-left: 6px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip] {
    left: 108px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]>div {
    width: auto !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div {
    width: auto !important;
    margin-left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div>div {
    width: 102px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div+div {
    margin-left: 6px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div.required {
    width: 100% !important;
    margin-left: 108px !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div.required>div:not([data-orbit-component=OBTCheckBox]) {
    width: 100% !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:only-child):first-child[data-orbit-component=OBTTooltip]+div.required.t1 {
    width: 100% !important;
    margin-left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:not(:first-child):not([data-orbit-component=OBTDatePicker]):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    width: 100%
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child {
    margin-left: 108px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div {
    vertical-align: middle !important
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not(:only-child):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTRadioButtonGroup]) {
    height: 27px;
    line-height: 26px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not(:only-child):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTRadioButtonGroup])+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    margin-left: 2px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not(:only-child):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTRadioButtonGroup])+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 20px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not([data-orbit-component=OBTDatePicker]):not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    width: 100%
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>[data-orbit-component=OBTCheckBox]+div:not([data-orbit-component=OBTCheckBox]),
[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>[data-orbit-component=OBTRadioButtonGroup]+div:not([data-orbit-component=OBTRadioButtonGroup]),
[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTCheckBox])+[data-orbit-component=OBTCheckBox] {
    margin-left: 6px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>[data-orbit-component=OBTCheckBox]+div:not([data-orbit-component=OBTCheckBox])+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>[data-orbit-component=OBTRadioButtonGroup]+div:not([data-orbit-component=OBTRadioButtonGroup])+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child>div:not([data-orbit-component=OBTTooltip]):not([data-orbit-component=OBTCheckBox])+[data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 20px
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area>div>div:only-child.t1 {
    width: 100%;
    margin-left: 0
}

[class*=wrap-content] [data-orbit-component=OBTConditionItem].nolabel-area.t1>div>[data-orbit-component=OBTTooltip] {
    left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2]:last-child,
[class*=wrap-content] [data-orbit-component=OBTAccordion]:last-child {
    margin-bottom: 0
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2]:first-child>div:first-child>[class*=OBTAccordion2_accordion],
[class*=wrap-content] [data-orbit-component=OBTAccordion2]:first-child>div:first-child>div:first-child>button,
[class*=wrap-content] [data-orbit-component=OBTAccordion]:first-child>div:first-child>[class*=OBTAccordion2_accordion],
[class*=wrap-content] [data-orbit-component=OBTAccordion]:first-child>div:first-child>div:first-child>button {
    margin-top: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl1,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl2,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl4,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl6,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl8,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-tbl10,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] [data-orbit-component=OBTFormPanel],
[class*=wrap-content] [data-orbit-component=OBTAccordion2] [id^=gridWrapper],
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl1,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl2,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl4,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl6,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl8,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-tbl10,
[class*=wrap-content] [data-orbit-component=OBTAccordion] [data-orbit-component=OBTFormPanel],
[class*=wrap-content] [data-orbit-component=OBTAccordion] [id^=gridWrapper] {
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl10,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl10 {
    border-top: 1px double #666
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl1,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl2,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl4,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl6,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl8,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading .data-tbl10.t2,
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading [data-orbit-component=OBTFormPanel],
[class*=wrap-content] [data-orbit-component=OBTAccordion2] .data-heading [id^=gridWrapper],
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl1,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl2,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl4,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl6,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl8,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading .data-tbl10.t2,
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading [data-orbit-component=OBTFormPanel],
[class*=wrap-content] [data-orbit-component=OBTAccordion] .data-heading [id^=gridWrapper] {
    border-top: 2px solid #666
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2]>div:first-child>div:first-child .btn,
[class*=wrap-content] [data-orbit-component=OBTAccordion]>div:first-child>div:first-child .btn {
    display: inline-block
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2]>div:first-child>div:first-child .btn [data-orbit-component=OBTButton],
[class*=wrap-content] [data-orbit-component=OBTAccordion]>div:first-child>div:first-child .btn [data-orbit-component=OBTButton] {
    margin-left: 4px
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2] [id^=gridWrapper],
[class*=wrap-content] [data-orbit-component=OBTAccordion] [id^=gridWrapper] {
    min-height: 68px
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2] [class*=data-heading] [id^=gridWrapper],
[class*=wrap-content] [data-orbit-component=OBTAccordion] [class*=data-heading] [id^=gridWrapper] {
    min-height: 69px
}

[class*=wrap-content] [data-orbit-component=OBTAccordion].p100 {
    height: 100%
}

[class*=wrap-content] [data-orbit-component=OBTAccordion].p100>div:first-child {
    display: flex;
    flex-direction: column;
    height: 100%
}

[class*=wrap-content] [data-orbit-component=OBTAccordion].p100>div:first-child>div:nth-child(2) {
    flex: 1 1;
    box-sizing: border-box
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2].p100 {
    display: flex;
    flex-direction: column;
    height: 100%
}

[class*=wrap-content] [data-orbit-component=OBTAccordion2].p100[class*=Accordion2_opened]>[class*=OBTAccordion2_contents] {
    flex: 1 1;
    box-sizing: border-box
}

[class*=wrap-content] .accordion-p100 {
    display: flex;
    flex-direction: column;
    height: 100%
}

[class*=wrap-content] .accordion-p100>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected] {
    flex: 1 1
}

[class*=wrap-content] .accordion-p100>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected]>div:first-child {
    display: flex;
    flex-direction: column;
    height: 100%
}

[class*=wrap-content] .accordion-p100>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected]>div:first-child>div:nth-child(2) {
    flex: 1 1;
    box-sizing: border-box
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion].p100 {
    height: auto
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected]:not(.p100) {
    flex: none
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected].p100 {
    flex: 1 1
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected].p100>div:first-child>div:nth-child(2)>.wrap-content4,
[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected].p100>div:first-child>div:nth-child(2) [class*=data-heading] {
    height: 100%
}

[class*=wrap-content] .accordion-p100>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened] {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .accordion-p100>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened]>[class*=OBTAccordion2_contents] {
    flex: 1 1;
    box-sizing: border-box
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion2].p100 {
    height: auto
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened]:not(.p100) {
    flex: none
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened].p100 {
    flex: 1 1
}

[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened].p100>[class*=OBTAccordion2_contents]>.wrap-content4,
[class*=wrap-content] .accordion-p100.t1>[data-orbit-component=OBTAccordion2][class*=Accordion2_opened].p100>[class*=OBTAccordion2_contents] [class*=data-heading] {
    height: 100%
}

[class*=wrap-content] .accordion-type1 {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion]>div:first-child>div:first-child>button {
    height: 46px !important;
    padding-left: 20px !important;
    border: none !important;
    font-size: 12px !important;
    color: #000 !important;
    font-weight: 700 !important
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion]>div:first-child>div:first-child>button>span:nth-child(2) {
    right: 23px !important
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion]>div:first-child>div:nth-child(2) {
    margin: 0 20px !important;
    padding: 15px 0 !important;
    border-bottom: none !important;
    border-top: 1px solid #e6e6e6 !important;
    color: #4a4a4a
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion2]>[class*=OBTAccordion2_wrapper]>[class*=OBTAccordion2_accordion] {
    height: 46px !important;
    padding-left: 20px !important;
    border: none !important;
    font-size: 12px !important
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion2]>[class*=OBTAccordion2_wrapper]>[class*=OBTAccordion2_accordion]>[class*=OBTAccordion2_title] {
    color: #000 !important;
    font-weight: 700 !important
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion2]>[class*=OBTAccordion2_wrapper]>[class*=OBTAccordion2_accordion]>[class*=OBTAccordion2_arrowIcon] {
    right: 20px !important
}

[class*=wrap-content] .accordion-type1[data-orbit-component=OBTAccordion2][class*=Accordion2_opened]>[class*=OBTAccordion2_contents] {
    margin: 0 20px !important;
    padding: 15px 0 !important;
    border-bottom: none !important;
    border-top: 1px solid #e6e6e6 !important;
    color: #4a4a4a
}

[class*=wrap-content] [class*=OBTAccordionGroup] .accordion-type1:not(:last-child) {
    margin-bottom: 10px !important
}

[class*=wrap-content] [class*=OBTAccordionGroup] .accordion-type1[data-orbit-component=OBTAccordion]+.accordion-type1>div:first-child>div:first-child>button,
[class*=wrap-content] [class*=OBTAccordionGroup] .accordion-type1[data-orbit-component=OBTAccordion]>div:first-child>div:first-child>button,
[class*=wrap-content] [class*=OBTAccordionGroup] .accordion-type1[data-orbit-component=OBTAccordion][class*=OBTAccordionGroup_selected]>div:first-child>div:first-child>button {
    border: none !important
}

[class*=wrap-content] [class*=OBTAccordionGroup] .accordion-type1[data-orbit-component=OBTAccordion]:last-child>div:first-child>div:nth-child(2) {
    border-bottom: none !important
}

[class*=wrap-content] .pagination-area {
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .pagination-area [id^=gridWrapper] {
    flex: 1 1
}

[class*=wrap-content] [id^=gridList]:not(:only-child) {
    height: calc(100% - 38px) !important
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_image] img {
    width: 50px;
    height: 50px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] {
    width: calc(100% - 90px)
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=ti] {
    letter-spacing: -.7px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .ti2 {
    font-size: 14px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .ti2>em {
    font-weight: 700
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .ti3 {
    display: flex;
    align-items: flex-end;
    line-height: 1.1;
    font-weight: 700
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .ti3>span {
    flex: 1 1;
    padding-left: 5px;
    text-align: right
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .ti3>span>strong {
    font-size: 18px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont] {
    letter-spacing: -1px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont] em:not([class*=state-type3]) {
    padding-right: 5px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont]>strong {
    font-size: 18px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont] [class*=state-type3] {
    min-width: 43px;
    margin-top: 5px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont]>em:empty {
    display: none
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .cont {
    margin-top: -1px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .cont2 {
    margin-top: 2px
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .cont2>div {
    display: flex;
    align-items: flex-end;
    font-size: 11px;
    line-height: 1.3
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .cont2>div>span:last-child {
    flex: 1 1;
    text-align: right
}

[class*=wrap-content] .gselector1>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] .cont2>div>span:last-child>strong {
    font-size: 14px;
    font-weight: 400
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_image] {
    width: 16px;
    height: 16px;
    margin-left: 13px
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_image] img {
    width: 16px;
    height: 16px
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] {
    display: flex;
    width: calc(100% - 47px);
    margin-right: 8px;
    padding-left: 0;
    line-height: 1
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea]>div:nth-child(2) {
    flex: 1 1;
    padding-left: 5px
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=ti] {
    letter-spacing: -.7px
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont] {
    font-size: 11px;
    letter-spacing: -.7px;
    text-align: right
}

[class*=wrap-content] .gselector2>[class*=OBTGroupSelector_child] [class*=OBTGroupSelector_textArea] [class*=cont]>strong {
    font-size: 15px
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup]>div>span:last-child,
[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup]>div>span:only-child {
    margin-right: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup]>div label {
    vertical-align: top
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup].nolabel {
    width: auto !important
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup].nolabel span {
    margin-right: 0 !important;
    width: 14px;
    height: 14px;
    line-height: 14px !important
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup].nolabel span label {
    position: absolute !important;
    visibility: hidden;
    padding-left: 0 !important;
    opacity: 0;
    z-index: -10 !important
}

[class*=wrap-content] [data-orbit-component=OBTRadioButtonGroup].nolabel span svg {
    margin-top: -7px !important
}

[class*=wrap-content] .radio svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important
}

[class*=wrap-content] .radio svg>path {
    fill: #d2d2d2
}

[class*=wrap-content] .radio label {
    padding-left: 24px !important
}

[class*=wrap-content] .radio span:not(.disabled)>span input:checked~svg>path {
    fill: #1c90fb
}

[class*=wrap-content] .radio.t1 span {
    margin-right: 0 !important;
    width: 18px;
    height: 20px
}

[class*=wrap-content] .radio.t1 span label {
    position: absolute !important;
    visibility: hidden;
    padding-left: 0 !important;
    opacity: 0;
    z-index: -10 !important
}

[class*=wrap-content] .radio2 svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border-radius: 50%;
    background-color: #fff !important;
    background: url(/static/media/ic_check_03_m_disable.35c698fa.png) no-repeat;
    box-sizing: border-box
}

[class*=wrap-content] .radio2 svg circle,
[class*=wrap-content] .radio2 svg path {
    display: none
}

[class*=wrap-content] .radio2 label {
    padding-left: 24px !important
}

[class*=wrap-content] .radio2 input:checked~svg {
    background: url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat !important
}

[class*=wrap-content] .radio2.t1 span {
    margin-right: 0 !important;
    width: 18px;
    height: 20px
}

[class*=wrap-content] .radio2.t1 span label {
    position: absolute !important;
    visibility: hidden;
    padding-left: 0 !important;
    opacity: 0;
    z-index: -10 !important
}

[class*=wrap-content] .radio-area2>div>span {
    margin: 0 !important;
    line-height: normal !important
}

[class*=wrap-content] .radio-area2>div>span>span {
    display: block
}

[class*=wrap-content] .radio-area2>div>span>span svg {
    display: none !important
}

[class*=wrap-content] .radio-area2>div>span>span label {
    min-width: 72px;
    height: 27px;
    padding: 0 10px !important;
    border: 1px solid #ccc;
    background: #f0f0f0 !important;
    background-image: linear-gradient(0deg, #f0f0f0, #fff) !important;
    line-height: 25px !important;
    color: #010101;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .radio-area2>div>span>span input:checked~label {
    border-color: #1c90fb;
    background: #a3d7fe !important;
    background-image: linear-gradient(0deg, #d0ebff, #edf6ff) !important;
    z-index: 10 !important
}

[class*=wrap-content] .radio-area2>div>span:first-child {
    border-radius: 2px 0 0 2px
}

[class*=wrap-content] .radio-area2>div>span:last-child {
    border-radius: 0 2px 2px 0
}

[class*=wrap-content] .radio-area2>div>span:not(:first-child) {
    margin-left: -1px !important
}

[class*=wrap-content] .radio-area2>div>span.disabled input:checked~label,
[class*=wrap-content] .radio-area2>div>span.disabled label {
    border-color: #ccc !important;
    background: #f5f5f5 !important;
    color: #a6a6a6
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox {
    padding-right: 0;
    vertical-align: middle
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox+.checkbox {
    padding-left: 20px
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border-radius: 50%;
    background: #fff url(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat !important;
    box-sizing: border-box
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox svg path,
[class*=wrap-content] [class*=OBTCheckBox].checkbox svg polygon {
    display: none
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox [class*=UFOCheckBox_label_text] {
    padding-left: 22px
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox.nolabel {
    width: 18px !important;
    height: 18px !important;
    padding-left: 0
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox.nolabel label {
    width: 18px !important;
    height: 18px !important
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox.required svg {
    background-color: #fef4f4 !important
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox.disabled svg {
    background-color: #eee !important
}

[class*=wrap-content] [class*=OBTCheckBox].checkbox svg[class*=UFOCheckBox_focusCheckBox] {
    background: #fff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat !important
}

[class*=wrap-content] .checkbox4 {
    padding-right: 0;
    vertical-align: middle
}

[class*=wrap-content] .checkbox4+.checkbox4 {
    padding-left: 20px
}

[class*=wrap-content] .checkbox4 svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border-radius: 50%;
    background: #fff url(/static/media/ic_check_03_m_disable.35c698fa.png) no-repeat !important;
    box-sizing: border-box
}

[class*=wrap-content] .checkbox4 svg path,
[class*=wrap-content] .checkbox4 svg polygon {
    display: none
}

[class*=wrap-content] .checkbox4 [class*=UFOCheckBox_label_text] {
    padding-left: 22px
}

[class*=wrap-content] .checkbox4.nolabel {
    padding-left: 0
}

[class*=wrap-content] .checkbox4.nolabel,
[class*=wrap-content] .checkbox4.nolabel label {
    width: 18px !important;
    height: 18px !important
}

[class*=wrap-content] .checkbox4.required svg {
    background-color: #fef4f4 !important
}

[class*=wrap-content] .checkbox4.disabled svg {
    background-color: #eee !important
}

[class*=wrap-content] .checkbox4 svg[class*=UFOCheckBox_focusCheckBox] {
    background: #fff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat !important
}

[class*=wrap-content] .checkbox5 {
    padding-right: 0;
    vertical-align: middle
}

[class*=wrap-content] .checkbox5+.checkbox5 {
    padding-left: 20px
}

[class*=wrap-content] .checkbox5 svg {
    width: 22px !important;
    height: 22px !important;
    margin-top: -11px !important;
    border-radius: 50%;
    background: #fff url(/static/media/ic_check_03_l_disable.7d8ab43b.png) no-repeat 50% 50% !important;
    box-sizing: border-box
}

[class*=wrap-content] .checkbox5 svg path,
[class*=wrap-content] .checkbox5 svg polygon {
    display: none
}

[class*=wrap-content] .checkbox5 [class*=UFOCheckBox_label_text] {
    padding-left: 26px
}

[class*=wrap-content] .checkbox5.nolabel {
    padding-left: 0
}

[class*=wrap-content] .checkbox5.nolabel,
[class*=wrap-content] .checkbox5.nolabel label {
    width: 22px !important;
    height: 22px !important
}

[class*=wrap-content] .checkbox5.required svg {
    background-color: #fef4f4 !important
}

[class*=wrap-content] .checkbox5.disabled svg {
    background-color: #eee !important
}

[class*=wrap-content] .checkbox5 svg[class*=UFOCheckBox_focusCheckBox] {
    background: #fff url(/static/media/ic_check_03_l_over.c4bcaa50.png) no-repeat 50% 50% !important
}

[class*=wrap-content] .checkbox {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle
}

[class*=wrap-content] .checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    position: absolute;
    z-index: -10;
    visibility: hidden
}

[class*=wrap-content] .checkbox input[type=checkbox]+label {
    overflow: hidden;
    position: relative;
    display: block;
    width: 18px;
    height: 0;
    margin: 0;
    padding-top: 18px;
    border: none;
    background: none
}

[class*=wrap-content] .checkbox input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff url(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat
}

[class*=wrap-content] .checkbox.required input[type=checkbox]+label:before {
    background-color: #fef4f4 !important
}

[class*=wrap-content] .checkbox.disabled input[type=checkbox]+label:before {
    background-color: #eee !important
}

[class*=wrap-content] .checkbox input[type=checkbox]:checked+label:before {
    background: #fff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat !important
}

[class*=wrap-content] .checkbox.t1 {
    padding-right: 0
}

[class*=wrap-content] .checkbox.t1 input[type=checkbox]+label {
    width: auto;
    height: 18px;
    padding: 0 0 0 22px;
    color: #666
}

[class*=wrap-content] .checkbox3 {
    padding-right: 0;
    vertical-align: middle
}

[class*=wrap-content] .checkbox3+.checkbox3 {
    padding-left: 20px
}

[class*=wrap-content] .checkbox3 svg {
    width: 27px !important;
    height: 27px !important;
    margin-top: -13px !important;
    background: url(/static/media/thum_check_normal.e26c71a8.png) no-repeat !important;
    box-sizing: border-box
}

[class*=wrap-content] .checkbox3 svg path,
[class*=wrap-content] .checkbox3 svg polygon {
    display: none
}

[class*=wrap-content] .checkbox3 [class*=UFOCheckBox_label_text] {
    padding-left: 31px
}

[class*=wrap-content] .checkbox3.nolabel {
    padding-left: 0
}

[class*=wrap-content] .checkbox3.nolabel,
[class*=wrap-content] .checkbox3.nolabel label {
    width: 27px !important;
    height: 27px !important
}

[class*=wrap-content] .checkbox3.required svg {
    background-color: #fef4f4 !important
}

[class*=wrap-content] .checkbox3.disabled svg {
    background-color: #eee !important
}

[class*=wrap-content] .checkbox3 svg[class*=UFOCheckBox_focusCheckBox] {
    background: #fff url(/static/media/thum_check_select.79afc902.png) no-repeat !important
}

[class*=wrap-content] .checkbox2 label>span:first-child svg {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background-color: transparent !important;
    background: url(/static/media/ic_important_01_off_m_disable.5b473230.png) no-repeat 0 50% !important;
    vertical-align: top
}

[class*=wrap-content] .checkbox2 label>span:first-child svg path,
[class*=wrap-content] .checkbox2 label>span:first-child svg polygon {
    display: none !important
}

[class*=wrap-content] .checkbox2 label>span:first-child svg[class*=UFOCheckBox_focusCheckBox] {
    background-image: url(/static/media/ic_important_01_on_m_normal.02e38ff6.png) !important
}

[class*=wrap-content] .checkbox2 label>span:last-child {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .toggle {
    display: inline-block;
    vertical-align: middle
}

[class*=wrap-content] .toggle>input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -10
}

[class*=wrap-content] .toggle>label {
    display: block;
    position: relative;
    width: 38px;
    height: 16px;
    margin-top: 0;
    border: 1px solid #999;
    border-radius: 8px;
    background: #fff !important;
    font-size: 10px;
    color: #999;
    box-sizing: border-box
}

[class*=wrap-content] .toggle>label:before {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999
}

[class*=wrap-content] .toggle>label>span {
    overflow: hidden;
    display: block;
    height: 16px
}

[class*=wrap-content] .toggle>label>span:after,
[class*=wrap-content] .toggle>label>span:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .toggle>label>span:before {
    content: attr(data-label-off);
    padding: 0 2px 0 12px
}

[class*=wrap-content] .toggle>label>span:after {
    content: attr(data-label-on);
    padding: 0 12px 0 2px
}

[class*=wrap-content] .toggle>input:checked+label {
    border-color: #1c90fb;
    color: #1c90fb
}

[class*=wrap-content] .toggle>input:checked+label:before {
    left: auto;
    right: 2px;
    background: #1c90fb
}

[class*=wrap-content] .toggle>input:checked+label>span:before {
    margin-top: -14px
}

[class*=wrap-content] .toggle:hover {
    cursor: pointer
}

[class*=wrap-content] [class*=OBTCheckBox_root].nolabel {
    width: 14px;
    height: 14px;
    vertical-align: middle
}

[class*=wrap-content] [class*=OBTCheckBox_root].nolabel>div:first-child {
    display: block
}

[class*=wrap-content] [class*=OBTCheckBox_root].nolabel>div:first-child>label {
    display: block;
    width: 14px;
    height: 14px
}

[class*=wrap-content] [class*=OBTCheckBox_root].nolabel>div:first-child>label svg {
    top: 0 !important;
    margin-top: 0 !important
}

[class*=wrap-content] [class*=OBTCheckBox_root].nolabel>div:first-child>label>span:last-child {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .file-area1 {
    display: inline-block;
    width: 100%
}

[class*=wrap-content] .file-area1>div {
    vertical-align: middle
}

[class*=wrap-content] .file-area1>div:first-child {
    width: calc(100% - 29px) !important
}

[class*=wrap-content] .file-area1>div:first-child+div {
    width: 29px !important
}

[class*=wrap-content] .file-area1>div:first-child+div button {
    width: 27px !important;
    margin-left: 2px;
    padding: 0
}

[class*=wrap-content] .file-area1>div:first-child+div button img {
    margin-right: 0 !important
}

[class*=wrap-content] .file-area1>div:first-child+div button span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .file-area2 {
    height: 100%
}

[class*=wrap-content] .file-area2>[data-orbit-component=OBTLoading] {
    display: block
}

[class*=wrap-content] .file-area2 [id*=micro-component],
[class*=wrap-content] .file-area2 [id*=micro-component] .UpDownLoader,
[class*=wrap-content] .file-area2 [id*=micro-component]>div {
    height: 100%
}

[class*=wrap-content] .file-area2 [id*=micro-component] .UpDownLoader .conBox,
[class*=wrap-content] .file-area2 [id*=micro-component]>div .conBox {
    overflow: hidden;
    height: calc(100% - 37px) !important
}

[class*=wrap-content] .certificate-area {
    position: relative;
    font-size: 0;
    line-height: 0
}

[class*=wrap-content] .certificate-area [data-orbit-component=OBTTextField] {
    width: 100%
}

[class*=wrap-content] .certificate-area [data-orbit-component=OBTTextField]>div>div {
    padding-right: 24px !important
}

[class*=wrap-content] .certificate-area button {
    position: absolute;
    right: 1px;
    top: 0;
    width: 27px;
    padding: 0;
    border: none;
    background: url(/static/media/ic_input_code_normal.fe748216.png) no-repeat 50% 50% !important
}

[class*=wrap-content] .certificate-area button:hover {
    border: none !important
}

[class*=wrap-content] .certificate-area button span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .check-num {
    position: relative
}

[class*=wrap-content] .check-num .time {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    color: #a6a6a6
}

[class*=wrap-content] .mtext {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .mtext>div:first-child,
[class*=wrap-content] .mtext>div:first-child>div,
[class*=wrap-content] .mtext>div:first-child>div>textarea {
    height: 100%
}

[class*=wrap-content] .data-heading>div>[data-orbit-component=OBTMultiLineTextField],
[class*=wrap-content] [data-orbit-component=OBTAccordion]>div>div>[data-orbit-component=OBTMultiLineTextField] {
    display: block
}

[class*=wrap-content] .sub-tab-default>div>div:first-child>div:first-child {
    border-bottom: none !important
}

[class*=wrap-content] .sub-tab-default>div>div:first-child>div:first-child>div {
    height: 33px !important
}

[class*=wrap-content] .sub-tab-default>div>div:first-child>div:first-child>div button {
    bottom: 0 !important;
    height: 33px !important;
    border-bottom-color: #fff !important;
    font-size: 14px !important
}

[class*=wrap-content] .sub-tab-default>div>div:first-child>div:first-child>div button>span {
    top: 11px !important;
    bottom: 8px !important
}

[class*=wrap-content] .sub-tab-default>div>div:first-child>div+div {
    max-height: calc(100% - 33px) !important;
    padding-top: 0 !important
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] [data-orbit-component=OBTTabs] {
        vertical-align: text-top
    }
}

[class*=wrap-content] .tab-guide {
    position: absolute;
    right: 0;
    top: 7px;
    width: auto !important;
    height: auto !important;
    color: #1f91fb;
    letter-spacing: -.6px
}

[class*=wrap-content] .tab-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
    height: 27px !important;
    z-index: 1
}

[class*=wrap-content] .tab-btn>div,
[class*=wrap-content] .tab-btn>p,
[class*=wrap-content] .tab-btn>ul,
[class*=wrap-content] .tab-btn>ul>li {
    vertical-align: top
}

[class*=wrap-content] .tab-btn>div:not(:first-child),
[class*=wrap-content] .tab-btn>p:not(:first-child),
[class*=wrap-content] .tab-btn>ul:not(:first-child),
[class*=wrap-content] .tab-btn>ul>li:not(:first-child) {
    margin-left: 10px
}

[class*=wrap-content] .tab-btn>div+div {
    margin-left: 4px !important
}

[class*=wrap-content] .tab-btn>.btn {
    display: inline-block
}

[class*=wrap-content] .tab-btn>.btn:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 10px 0 6px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .tab-btn>.btn>div {
    vertical-align: middle
}

[class*=wrap-content] .tab-btn>.btn>div+div {
    margin-left: 4px !important
}

[class*=wrap-content] .tab-btn>p,
[class*=wrap-content] .tab-btn>ul {
    display: inline-block;
    margin-top: 1px;
    line-height: 26px
}

[class*=wrap-content] .tab-btn>ul>li {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    color: #4a4a4a
}

[class*=wrap-content] .tab-btn>ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: #4a4a4a
}

[class*=wrap-content] .tab-btn>ul.t1>li {
    padding-left: 19px
}

[class*=wrap-content] .tab-btn>ul.t1>li:before {
    width: 18px;
    height: 18px;
    margin-top: -9px
}

[class*=wrap-content] .tab-btn>ul.t1>li.type1:before {
    background: url(/static/media/ic_authority_m_normal.86d1f17d.png) no-repeat
}

[class*=wrap-content] .tab-btn>ul.t1>li.type2:before {
    background: url(/static/media/ic_payment_m_normal.1a1eb702.png) no-repeat
}

[class*=wrap-content] .tab-btn>ul.t1>li:not(:last-child):after {
    content: "";
    display: inline-block;
    margin: -3px 0 0 10px;
    width: 1px;
    height: 11px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .tab-btn>ul.t1>li>span {
    font-size: 11px
}

[class*=wrap-content] .tab-btn>ul.t1>li>span:first-child {
    color: #a6a6a6
}

[class*=wrap-content] .tab-btn>ul.t1>li>span:last-child {
    padding-left: 15px;
    color: #1c90fb
}

[class*=wrap-content] .tab-btn>ul.t1>li>span>strong {
    font-size: 13px
}

[class*=wrap-content] .tab-btn>ul.t1>li>span>strong:not(:only-child) {
    padding-right: 3px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .tab-btn>ul.t1>li:before {
        margin-top: -8px
    }
}

[class*=wrap-content] .tab-btn>p {
    color: #1f91fb;
    letter-spacing: -.6px
}

[class*=wrap-content] .tab-btn [data-orbit-component=OBTCheckBox] {
    display: inline-block;
    line-height: 27px
}

[class*=wrap-content] [class*=pic-type] {
    overflow: hidden;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: top;
    box-sizing: border-box
}

[class*=wrap-content] [class*=pic-type] img {
    width: 100%;
    height: 100%
}

[class*=wrap-content] [class*=pic-type] img[src] {
    background: #fff
}

[class*=wrap-content] .pic-type1 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #dfe4e8;
    background-image: url(/static/media/profile_noimg_large.df1413b9.png)
}

[class*=wrap-content] .pic-type1 img {
    height: auto
}

[class*=wrap-content] .pic-type1.multi {
    background-image: url(/static/media/ic_no_team.5e9e4312.png)
}

[class*=wrap-content] .pic-type1-2 {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: #dfe4e8;
    background-image: url(/static/media/profile_noimg_large.df1413b9.png)
}

[class*=wrap-content] .pic-type1-2 img {
    height: auto
}

[class*=wrap-content] .pic-type1-2.multi {
    background-image: url(/static/media/ic_no_team.5e9e4312.png)
}

[class*=wrap-content] .pic-type2 {
    position: relative;
    width: 100px;
    height: 130px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background-color: #eeeff1;
    background-image: url(/static/media/profile_personaldata_noimg_01.d3547a0d.png)
}

[class*=wrap-content] .pic-type2 .txt {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%)
}

[class*=wrap-content] .pic-type2-2 {
    width: 42px;
    height: 42px;
    border-radius: 3px;
    background-image: url(/static/media/img_empty_data_s.410970b4.png);
    background-position: 50%;
    background-size: auto
}

[class*=wrap-content] .pic-type2-2 img:not([src]) {
    display: none
}

[class*=wrap-content] [class*=sign-type] {
    overflow: hidden;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    width: 85px;
    height: 90px;
    border-radius: 4px;
    background: url(/static/media/sign_noimg.69f84599.png) no-repeat center 50%;
    box-sizing: border-box
}

[class*=wrap-content] [class*=sign-type] img {
    width: 49px;
    height: 49px;
    background-color: #fff
}

[class*=wrap-content] [class*=sign-type] .stamp,
[class*=wrap-content] [class*=sign-type] .stamp3,
[class*=wrap-content] [class*=sign-type] .stamp_default {
    background-color: #fff
}

[class*=wrap-content] [class*=sign-type] .stamp,
[class*=wrap-content] [class*=sign-type] .stamp2,
[class*=wrap-content] [class*=sign-type] .stamp3,
[class*=wrap-content] [class*=sign-type] .stamp4 {
    margin: 0
}

[class*=wrap-content] .sign {
    position: relative;
    display: inline-flex;
    align-items: center
}

[class*=wrap-content] .sign>ul {
    flex: none;
    display: inline-block;
    margin: 0 8px;
    background: none;
    white-space: nowrap;
    scroll-behavior: smooth
}

[class*=wrap-content] .sign>ul>li {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 83px;
    height: 90px;
    vertical-align: top;
    box-sizing: border-box
}

[class*=wrap-content] .sign>ul>li>[data-orbit-component=OBTRadioButtonGroup] {
    width: 14px;
    margin: 0 auto
}

[class*=wrap-content] .sign>ul>li .stampBox {
    overflow: hidden;
    word-break: break-all
}

[class*=wrap-content] .sign>ul>li .stampBox>.pic {
    position: relative;
    width: 49px;
    height: 49px;
    border-radius: 3px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #eaeaea
}

[class*=wrap-content] .sign>ul>li .stampBox>.pic>.pic-img {
    position: absolute;
    top: 0;
    background: #fff;
    text-align: center;
    z-index: 2
}

[class*=wrap-content] .sign>ul>li .stampBox>.pic>.pic-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 49px;
    height: 49px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box
}

[class*=wrap-content] .sign>ul>li .stampBox .pic .pic_img {
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 0
}

[class*=wrap-content] .sign>ul>li .stampBox .pic .pic_img>img {
    max-width: 49px;
    max-height: 49px;
    background: #fff
}

[class*=wrap-content] .sign>ul>li .stampBox .txt {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 82px;
    display: inline-block;
    left: 50%;
    margin-left: -41px;
    text-align: center;
    z-index: 1
}

[class*=wrap-content] .sign>ul>li .stampBox .pic:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 3
}

[class*=wrap-content] .sign>ul>li .stampBox .pic:hover .btn-set {
    display: block;
    z-index: 11
}

[class*=wrap-content] .sign>ul>li .stampBox .btn-set {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

[class*=wrap-content] .sign>ul>li .stampBox .btn-set>.btns {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 4;
    width: 62px;
    height: 100%;
    margin-left: -31px
}

[class*=wrap-content] .sign>ul>li .stampBox .btn-set button {
    margin: 0 1px
}

[class*=wrap-content] .sign>ul>li .stampBox .btn-set button img {
    width: 18px;
    height: 18px;
    background: transparent
}

[class*=wrap-content] .down-s:before,
[class*=wrap-content] .down:before,
[class*=wrap-content] .up-s:before,
[class*=wrap-content] .up:before {
    content: "";
    display: inline-block;
    margin: -3px 4px 0 0;
    border-style: solid;
    border-color: transparent;
    vertical-align: middle
}

[class*=wrap-content] .down-s span,
[class*=wrap-content] .down span,
[class*=wrap-content] .up-s span,
[class*=wrap-content] .up span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .up,
[class*=wrap-content] .up-s {
    color: #fc5356 !important
}

[class*=wrap-content] .up-s:before,
[class*=wrap-content] .up:before {
    border-top: none;
    border-bottom-color: #fc5356
}

[class*=wrap-content] .down,
[class*=wrap-content] .down-s {
    color: #1c90fb !important
}

[class*=wrap-content] .down-s:before,
[class*=wrap-content] .down:before {
    border-top-color: #1c90fb;
    border-bottom: none
}

[class*=wrap-content] .down:before,
[class*=wrap-content] .up:before {
    border-width: 5px
}

[class*=wrap-content] .up:before {
    border-bottom-width: 7px
}

[class*=wrap-content] .down:before {
    border-top-width: 7px
}

[class*=wrap-content] .down-s:before,
[class*=wrap-content] .up-s:before {
    border-width: 4px
}

[class*=wrap-content] .up-s:before {
    border-bottom-width: 5px
}

[class*=wrap-content] .down-s:before {
    border-top-width: 5px
}

[class*=wrap-content] [class*=tag-type] {
    display: inline-block;
    height: 14px;
    padding: 0 2px;
    border: 1px solid #a6a6a6;
    border-radius: 2px;
    background: #fff;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -.55px;
    color: #4a4a4a;
    vertical-align: middle;
    font-weight: 400
}

[class*=wrap-content] .tag-type100 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .tag-type101 {
    border-color: #20c997;
    color: #20c997
}

[class*=wrap-content] .tag-type102 {
    border-color: #2dbcb5;
    color: #2dbcb5
}

[class*=wrap-content] .tag-type103 {
    border-color: #39b0d2;
    color: #39b0d2
}

[class*=wrap-content] .tag-type104 {
    border-color: #46a3f0;
    color: #46a3f0
}

[class*=wrap-content] .tag-type105 {
    border-color: #ff8787;
    color: #ff8787
}

[class*=wrap-content] .tag-type106 {
    border-color: #f8a457;
    color: #f8a457
}

[class*=wrap-content] .tag-type107 {
    border-color: #f0c325;
    color: #f0c325
}

[class*=wrap-content] .tag-type108 {
    border-color: #c8b465;
    color: #c8b465
}

[class*=wrap-content] .tag-type109 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] [class*=tag-type2] {
    height: auto;
    min-height: 16px;
    padding: 0 4px;
    border-radius: 9px;
    line-height: 16px
}

[class*=wrap-content] .tag-type200 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .tag-type201 {
    border-color: #20c997;
    color: #20c997
}

[class*=wrap-content] .tag-type202 {
    border-color: #2dbcb5;
    color: #2dbcb5
}

[class*=wrap-content] .tag-type203 {
    border-color: #39b0d2;
    color: #39b0d2
}

[class*=wrap-content] .tag-type204 {
    border-color: #46a3f0;
    color: #46a3f0
}

[class*=wrap-content] .tag-type205 {
    border-color: #ff8787;
    color: #ff8787
}

[class*=wrap-content] .tag-type206 {
    border-color: #f8a457;
    color: #f8a457
}

[class*=wrap-content] .tag-type207 {
    border-color: #f0c325;
    color: #f0c325
}

[class*=wrap-content] .tag-type208 {
    border-color: #c8b465;
    color: #c8b465
}

[class*=wrap-content] .tag-type209 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] [class*=tag-type3] {
    height: auto;
    min-height: 16px;
    padding: 0 7px;
    border-radius: 9px;
    line-height: 16px;
    font-weight: 700
}

[class*=wrap-content] .tag-type300 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .tag-type301 {
    border-color: #20c997;
    color: #20c997
}

[class*=wrap-content] .tag-type302 {
    border-color: #2dbcb5;
    color: #2dbcb5
}

[class*=wrap-content] .tag-type303 {
    border-color: #39b0d2;
    color: #39b0d2
}

[class*=wrap-content] .tag-type304 {
    border-color: #46a3f0;
    color: #46a3f0
}

[class*=wrap-content] .tag-type305 {
    border-color: #ff8787;
    color: #ff8787
}

[class*=wrap-content] .tag-type306 {
    border-color: #f8a457;
    color: #f8a457
}

[class*=wrap-content] .tag-type307 {
    border-color: #f0c325;
    color: #f0c325
}

[class*=wrap-content] .tag-type308 {
    border-color: #c8b465;
    color: #c8b465
}

[class*=wrap-content] .tag-type309 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .tag-type310 {
    border-color: #319df6;
    color: #319df6
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] [class*=tag-type] {
        line-height: 12px
    }

    [class*=wrap-content] [class*=tag-type2] {
        line-height: 15px
    }
}

[class*=wrap-content] [class*=state-type] {
    display: inline-block;
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 400
}

[class*=wrap-content] [class*=state-type1] {
    height: 16px;
    line-height: 15px !important
}

[class*=wrap-content] [class*=state-type1]:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: top
}

[class*=wrap-content] .state-type100 {
    color: #9da3aa
}

[class*=wrap-content] .state-type100.t1:before {
    background-image: url(/static/media/ico_confirm.af14854a.png)
}

[class*=wrap-content] .state-type101 {
    color: #20c997
}

[class*=wrap-content] .state-type101.t1:before {
    background-image: url(/static/media/ico_confirm_03.bdd77602.png)
}

[class*=wrap-content] .state-type102 {
    color: #2dbcb5
}

[class*=wrap-content] .state-type102.t1:before {
    background-image: url(/static/media/ico_confirm_02.9396d6c3.png)
}

[class*=wrap-content] .state-type103 {
    color: #39b0d2
}

[class*=wrap-content] .state-type103.t1:before {
    background-image: url(/static/media/ico_confirm_01.6a629d44.png)
}

[class*=wrap-content] .state-type104 {
    color: #46a3f0
}

[class*=wrap-content] .state-type104.t1:before {
    background-image: url(/static/media/icon_confirm_inpro.7dce5d0b.png)
}

[class*=wrap-content] .state-type104.t2:before {
    background-image: url(/static/media/icon_ing_inpro.60981060.png)
}

[class*=wrap-content] .state-type104.t3:before {
    background-image: url(/static/media/icon_return_inpro.cc6ab0b2.png)
}

[class*=wrap-content] .state-type104.t7:before {
    background-image: url(/static/media/icon_pend_inpro.6b6e0825.png)
}

[class*=wrap-content] .state-type105 {
    color: #ff8787
}

[class*=wrap-content] .state-type105.t3:before {
    background-image: url(/static/media/ico_return.13f9f82d.png)
}

[class*=wrap-content] .state-type105.t4:before {
    background-image: url(/static/media/ico_error_01.34334247.png)
}

[class*=wrap-content] .state-type105.t5:before {
    background-image: url(/static/media/icon_cancel_nega.3c34fd6f.png)
}

[class*=wrap-content] .state-type106 {
    color: #f8a457
}

[class*=wrap-content] .state-type106.t5:before {
    background-image: url(/static/media/ico_fail.c9316353.png)
}

[class*=wrap-content] .state-type106.t6:before {
    background-image: url(/static/media/ico_write.4c88a5e3.png)
}

[class*=wrap-content] .state-type106.t9:before {
    background-image: url(/static/media/ico_hold_02.64304fd7.png)
}

[class*=wrap-content] .state-type107 {
    color: #f0c325
}

[class*=wrap-content] .state-type107.t7:before {
    background-image: url(/static/media/ico_pend.b691cce6.png)
}

[class*=wrap-content] .state-type108 {
    color: #c8b465
}

[class*=wrap-content] .state-type108.t8:before {
    background-image: url(/static/media/ico_save.2313a3fd.png)
}

[class*=wrap-content] .state-type109 {
    color: #9da3aa
}

[class*=wrap-content] .state-type109.t1:before {
    background-image: url(/static/media/ico_confirm.af14854a.png)
}

[class*=wrap-content] .state-type109.t2:before {
    background-image: url(/static/media/ico_inpro_neutral.262f0d31.png)
}

[class*=wrap-content] .state-type109.t3:before {
    background-image: url(/static/media/ico_return_neutral.1d419be0.png)
}

[class*=wrap-content] .state-type109.t4:before {
    background-image: url(/static/media/ico_error_neutral.b961497c.png)
}

[class*=wrap-content] .state-type109.t5:before {
    background-image: url(/static/media/ico_fail_neutral.40906d0a.png)
}

[class*=wrap-content] .state-type109.t6:before {
    background-image: url(/static/media/ico_write_neutral.53c88e75.png)
}

[class*=wrap-content] .state-type109.t7:before {
    background-image: url(/static/media/ico_pend_neutral.e2e57649.png)
}

[class*=wrap-content] .state-type109.t8:before {
    background-image: url(/static/media/ico_keep_neutral.ad54e56f.png)
}

[class*=wrap-content] .state-type109.t9:before {
    background-image: url(/static/media/ico_hold_neutral.5d6dc37c.png)
}

[class*=wrap-content] .state-type109.t10:before {
    background-image: url(/static/media/ico_transfer_neutral.57688e9e.png)
}

[class*=wrap-content] [class*=state-type2]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -1px 4px 0 0;
    vertical-align: middle
}

[class*=wrap-content] .state-type200:before {
    background: #9da3aa
}

[class*=wrap-content] .state-type201:before {
    background: #20c997
}

[class*=wrap-content] .state-type202:before {
    background: #2dbcb5
}

[class*=wrap-content] .state-type203:before {
    background: #39b0d2
}

[class*=wrap-content] .state-type204:before {
    background: #46a3f0
}

[class*=wrap-content] .state-type205:before {
    background: #ff8787
}

[class*=wrap-content] .state-type206:before {
    background: #f8a457
}

[class*=wrap-content] .state-type207:before {
    background: #f0c325
}

[class*=wrap-content] .state-type208:before {
    background: #c8b465
}

[class*=wrap-content] .state-type209:before {
    background: #9da3aa
}

[class*=wrap-content] [class*=state-type3] {
    min-width: 65px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    font-size: 11px;
    line-height: 17px !important;
    color: #fff;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] [class*=state-type3].t1 {
    min-width: auto
}

[class*=wrap-content] [class*=state-type3].t2 {
    height: 14px;
    line-height: 14px !important
}

[class*=wrap-content] .state-type300 {
    background: #9da3aa
}

[class*=wrap-content] .state-type301 {
    background: #20c997
}

[class*=wrap-content] .state-type302 {
    background: #2dbcb5
}

[class*=wrap-content] .state-type303 {
    background: #39b0d2
}

[class*=wrap-content] .state-type304 {
    background: #46a3f0
}

[class*=wrap-content] .state-type305 {
    background: #ff8787
}

[class*=wrap-content] .state-type306 {
    background: #f8a457
}

[class*=wrap-content] .state-type307 {
    background: #f0c325
}

[class*=wrap-content] .state-type308 {
    background: #c8b465
}

[class*=wrap-content] .state-type309 {
    background: #9da3aa
}

[class*=wrap-content] .state-type310 {
    background: #53abfe
}

[class*=wrap-content] .state-type311 {
    background: #8b8bff
}

[class*=wrap-content] [class*=state-type4] {
    overflow: hidden;
    width: 10px;
    height: 0;
    padding-top: 10px;
    border-radius: 50%
}

[class*=wrap-content] .state-type400 {
    background: #9da3aa
}

[class*=wrap-content] .state-type401 {
    background: #20c997
}

[class*=wrap-content] .state-type402 {
    background: #2dbcb5
}

[class*=wrap-content] .state-type403 {
    background: #39b0d2
}

[class*=wrap-content] .state-type404 {
    background: #46a3f0
}

[class*=wrap-content] .state-type405 {
    background: #ff8787
}

[class*=wrap-content] .state-type406 {
    background: #f8a457
}

[class*=wrap-content] .state-type407 {
    background: #f0c325
}

[class*=wrap-content] .state-type408 {
    background: #c8b465
}

[class*=wrap-content] .state-type409 {
    background: #9da3aa
}

[class*=wrap-content] .state-type410 {
    background: #e4e4e4
}

[class*=wrap-content] [class*=state-type5] {
    overflow: hidden;
    width: 10px;
    height: 0;
    padding-top: 10px
}

[class*=wrap-content] .state-type500 {
    background: #ff8787
}

[class*=wrap-content] .state-type501 {
    background: #ffa94d
}

[class*=wrap-content] .state-type502 {
    background: #ffca55
}

[class*=wrap-content] .state-type503 {
    background: #ffe748
}

[class*=wrap-content] .state-type504 {
    background: #b3e270
}

[class*=wrap-content] .state-type505 {
    background: #60da9f
}

[class*=wrap-content] .state-type506 {
    background: #49c8f2
}

[class*=wrap-content] .state-type507 {
    background: #53abfe
}

[class*=wrap-content] .state-type508 {
    background: #8b8bff
}

[class*=wrap-content] .state-type509 {
    background: #bc8bff
}

[class*=wrap-content] .btn-wrap {
    text-align: center
}

[class*=wrap-content] .btn-wrap>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] [class*=btn-type1] {
    background: #fff !important
}

[class*=wrap-content] [class*=btn-type1].on,
[class*=wrap-content] [class*=btn-type1][class*=OBTButton_root][class*=OBTButtonGroup_focus] {
    color: #fff
}

[class*=wrap-content] [class*=btn-type1] span {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] [class*=btn-type1] span>div {
    display: flex;
    justify-content: space-between
}

[class*=wrap-content] [class*=btn-type1] span>div>i {
    flex: 1 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

[class*=wrap-content] [class*=btn-type1] span>div>em {
    margin-left: 4px
}

[class*=wrap-content] .btn-type100 {
    border-color: #929fbc;
    color: #929fbc
}

[class*=wrap-content] .btn-type100:hover {
    border-color: #929fbc !important
}

[class*=wrap-content] .btn-type100.on,
[class*=wrap-content] .btn-type100[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type100[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type100[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #929fbc !important;
    background: #929fbc !important
}

[class*=wrap-content] .btn-type101 {
    border-color: #20c997;
    color: #20c997
}

[class*=wrap-content] .btn-type101:hover {
    border-color: #20c997 !important
}

[class*=wrap-content] .btn-type101.on,
[class*=wrap-content] .btn-type101[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type101[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type101[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #20c997 !important;
    background: #20c997 !important
}

[class*=wrap-content] .btn-type102 {
    border-color: #2dbcb5;
    color: #2dbcb5
}

[class*=wrap-content] .btn-type102:hover {
    border-color: #2dbcb5 !important
}

[class*=wrap-content] .btn-type102.on,
[class*=wrap-content] .btn-type102[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type102[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type102[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #2dbcb5 !important;
    background: #2dbcb5 !important
}

[class*=wrap-content] .btn-type103 {
    border-color: #39b0d2;
    color: #39b0d2
}

[class*=wrap-content] .btn-type103:hover {
    border-color: #39b0d2 !important
}

[class*=wrap-content] .btn-type103.on,
[class*=wrap-content] .btn-type103[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type103[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type103[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #39b0d2 !important;
    background: #39b0d2 !important
}

[class*=wrap-content] .btn-type104 {
    border-color: #46a3f0;
    color: #46a3f0
}

[class*=wrap-content] .btn-type104:hover {
    border-color: #46a3f0 !important
}

[class*=wrap-content] .btn-type104.on,
[class*=wrap-content] .btn-type104[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type104[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type104[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #46a3f0 !important;
    background: #46a3f0 !important
}

[class*=wrap-content] .btn-type105 {
    border-color: #ff8787;
    color: #ff8787
}

[class*=wrap-content] .btn-type105:hover {
    border-color: #ff8787 !important
}

[class*=wrap-content] .btn-type105.on,
[class*=wrap-content] .btn-type105[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type105[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type105[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #ff8787 !important;
    background: #ff8787 !important
}

[class*=wrap-content] .btn-type106 {
    border-color: #f8a457;
    color: #f8a457
}

[class*=wrap-content] .btn-type106:hover {
    border-color: #f8a457 !important
}

[class*=wrap-content] .btn-type106.on,
[class*=wrap-content] .btn-type106[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type106[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type106[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #f8a457 !important;
    background: #f8a457 !important
}

[class*=wrap-content] .btn-type107 {
    border-color: #f0c325;
    color: #f0c325
}

[class*=wrap-content] .btn-type107:hover {
    border-color: #f0c325 !important
}

[class*=wrap-content] .btn-type107.on,
[class*=wrap-content] .btn-type107[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type107[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type107[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #f0c325 !important;
    background: #f0c325 !important
}

[class*=wrap-content] .btn-type108 {
    border-color: #c8b465;
    color: #c8b465
}

[class*=wrap-content] .btn-type108:hover {
    border-color: #c8b465 !important
}

[class*=wrap-content] .btn-type108.on,
[class*=wrap-content] .btn-type108[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type108[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type108[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #c8b465 !important;
    background: #c8b465 !important
}

[class*=wrap-content] .btn-type109 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .btn-type109:hover {
    border-color: #9da3aa !important
}

[class*=wrap-content] .btn-type109.on,
[class*=wrap-content] .btn-type109[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type109[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type109[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #9da3aa !important;
    background: #9da3aa !important
}

[class*=wrap-content] .btn-type110 {
    border-color: #9da3aa;
    color: #9da3aa
}

[class*=wrap-content] .btn-type110:hover {
    border-color: #9da3aa !important
}

[class*=wrap-content] .btn-type110.on,
[class*=wrap-content] .btn-type110[class*=OBTButton_root][class*=OBTButtonGroup_focus],
[class*=wrap-content] .btn-type110[class*=OBTButton_root][class*=OBTButtonGroup_focus]:active,
[class*=wrap-content] .btn-type110[class*=OBTButton_root][class*=OBTButtonGroup_focus]:hover {
    border-color: #9da3aa !important;
    background: #9da3aa !important
}

[class*=wrap-content] .btn-type2 {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 17px;
    border-radius: 19px;
    border-color: #bfc3d8;
    background-image: none !important;
    letter-spacing: -.38px;
    color: #222
}

[class*=wrap-content] .btn-type2:after {
    content: "";
    display: inline-flex;
    margin-left: 8px;
    border: 3px solid transparent;
    border-right: none;
    border-left: 3px solid #616974
}

[class*=wrap-content] .btn-type2:active,
[class*=wrap-content] .btn-type2:hover {
    border-color: #bfc3d8 !important;
    background-image: none !important
}

[class*=wrap-content] .btn-type2[class*=OBTButton_disabled] {
    border-color: #ccc;
    background: none;
    color: #a6a6a6
}

[class*=wrap-content] .btn-type2[class*=OBTButton_disabled]:after {
    border-left-color: #a6a6a6
}

[class*=wrap-content] .btn-type3 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    border: none;
    background-image: linear-gradient(270deg, #4d7bff, #4dcaff) !important;
    text-align: center;
    color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .btn-type3:active,
[class*=wrap-content] .btn-type3:hover {
    border: none !important;
    background-image: linear-gradient(270deg, #204fd3, #22b2ef) !important
}

[class*=wrap-content] .btn-type3[class*=OBTButton_disabled] {
    border: none !important;
    background: #b4b9bc !important;
    color: #dadcde
}

[class*=wrap-content] .btn-type3>div {
    width: 100%
}

[class*=wrap-content] .btn-type3>div span {
    font-size: 13px !important
}

[class*=wrap-content] [class*=img-btn]:not(.img-btn2) {
    padding: 0
}

[class*=wrap-content] [class*=img-btn]:not(.img-btn2) img {
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

[class*=wrap-content] [class*=img-btn]:not(.img-btn2) span {
    visibility: hidden;
    overflow: hidden;
    position: absolute !important;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .img-btn {
    width: 27px
}

[class*=wrap-content] .img-btn1 {
    border: none !important;
    border-radius: 0 !important;
    background: none !important
}

[class*=wrap-content] .img-btn1.t1 {
    width: 21px;
    height: 21px
}

[class*=wrap-content] .img-btn2 {
    padding: 0;
    border: none !important;
    background: none !important
}

[class*=wrap-content] .img-btn2:active,
[class*=wrap-content] .img-btn2:hover {
    color: #1c90fb !important
}

[class*=wrap-content] .img-btn2>div {
    flex-direction: row-reverse
}

[class*=wrap-content] .img-btn2>div img {
    margin: 0 0 0 4px !important
}

[class*=wrap-content] .group-btn1>div>button {
    margin-left: 0;
    border-radius: 2px !important
}

[class*=wrap-content] .group-btn1>div>button:after {
    display: none
}

[class*=wrap-content] .group-btn1>div:not(:last-child)>button {
    border-right-width: 1px !important;
    border-right-style: solid !important
}

[class*=wrap-content] .group-btn1>div:not(:last-child)>button:not([class*=btn-type]) {
    border-right-color: #ccc !important
}

[class*=wrap-content] .group-btn1>div:not(:last-child)>button:not([class*=btn-type]):hover {
    border-right-color: #9f9f9f !important
}

[class*=wrap-content] .group-btn1>div:not(:last-child)>button:not([class*=btn-type])[class*=OBTButton_root][class*=OBTButtonGroup_focus] {
    border-right-color: #1c90fb !important
}

[class*=wrap-content] .group-btn1>div+div {
    margin-left: 4px
}

[class*=wrap-content] .viewtype button {
    border-radius: 0
}

[class*=wrap-content] .viewtype>div:first-child button {
    border-radius: 2px 0 0 2px
}

[class*=wrap-content] .viewtype>div:last-child button {
    border-radius: 0 2px 2px 0
}

[class*=wrap-content] .viewtype>div:not(:only-child):not(:last-child) {
    margin-right: -1px !important
}

[class*=wrap-content] .viewtype .on,
[class*=wrap-content] .viewtype .on:hover {
    position: relative;
    border-color: #1c90fb !important;
    background-image: linear-gradient(#edf6ff, #d0ebff) !important;
    z-index: 1
}

[class*=wrap-content] .viewtype .on:active {
    background-image: linear-gradient(#a4d6fe, #e6f5ff) !important
}

[class*=wrap-content] [class*=guide-area] {
    padding-top: 4px;
    letter-spacing: -.6px
}

[class*=wrap-content] .guide-area1 {
    color: #1f91fb
}

[class*=wrap-content] .guide-area2 {
    color: #fc5356;
    text-align: right
}

[class*=wrap-content] .btn-count {
    width: 100%
}

[class*=wrap-content] .btn-count>div {
    vertical-align: middle
}

[class*=wrap-content] .btn-count>[data-orbit-component=OBTButton] button {
    width: 27px
}

[class*=wrap-content] .btn-count>[data-orbit-component=OBTButton]:first-child button {
    border-radius: 2px 0 0 2px
}

[class*=wrap-content] .btn-count>[data-orbit-component=OBTButton]:last-child button {
    border-radius: 0 2px 2px 0
}

[class*=wrap-content] .btn-count>div:nth-child(2) {
    width: calc(100% - 54px)
}

[class*=wrap-content] .btn-count>div:nth-child(2)>div>div {
    border-width: 1px 0 !important
}

[class*=wrap-content] .list-area1 dd,
[class*=wrap-content] .list-area1 li {
    position: relative;
    padding-left: 7px
}

[class*=wrap-content] .list-area1 dd:before,
[class*=wrap-content] .list-area1 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: #4e4e4e
}

[class*=wrap-content] .list-area1>dd:before,
[class*=wrap-content] .list-area1>li:before {
    width: 2px;
    height: 2px;
    border-radius: 1px
}

[class*=wrap-content] .list-area1>dd+dd,
[class*=wrap-content] .list-area1>dd+li,
[class*=wrap-content] .list-area1>li+dd,
[class*=wrap-content] .list-area1>li+li {
    margin-top: 3px
}

[class*=wrap-content] .list-area1.t1>dd:before,
[class*=wrap-content] .list-area1.t1>li:before,
[class*=wrap-content] .list-area1>dd dl>dd:before,
[class*=wrap-content] .list-area1>dd ul>li:before,
[class*=wrap-content] .list-area1>li dl>dd:before,
[class*=wrap-content] .list-area1>li ul>li:before {
    width: 3px;
    height: 1px
}

[class*=wrap-content] .list-area1.t2>dd,
[class*=wrap-content] .list-area1.t2>li {
    padding-left: 0
}

[class*=wrap-content] .list-area1.t2>dd:before,
[class*=wrap-content] .list-area1.t2>li:before {
    display: none
}

[class*=wrap-content] .list-area1.t3>dd,
[class*=wrap-content] .list-area1.t3>li {
    display: flex
}

[class*=wrap-content] .list-area1.t3>dd>span:last-child,
[class*=wrap-content] .list-area1.t3>li>span:last-child {
    flex: 1 1;
    padding-left: 2px
}

[class*=wrap-content] ol.list-area1 {
    counter-reset: count
}

[class*=wrap-content] ol.list-area1>li {
    display: flex;
    padding-left: 0
}

[class*=wrap-content] ol.list-area1>li:before {
    counter-increment: count;
    content: counter(count) ".";
    position: static;
    width: auto;
    height: auto;
    padding-right: 5px;
    border-radius: 0;
    background: transparent
}

[class*=wrap-content] ol.list-area1>li>div {
    flex: 1 1
}

[class*=wrap-content] .list-area2 {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #4a4a4a;
    box-sizing: border-box;
    font-size: 12px
}

[class*=wrap-content] .list-area2>li {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    line-height: 16px
}

[class*=wrap-content] .list-area2>li+li {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .list-area2>li>span {
    color: #8c8c8c
}

[class*=wrap-content] .list-area2>li>strong {
    padding-left: 10px;
    text-align: right;
    font-size: 16px;
    color: #1c90fb
}

[class*=wrap-content] .list-area2>li>strong>i {
    font-size: 12px;
    font-weight: 400
}

[class*=wrap-content] .list-area3 {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .list-area3 li {
    flex: 1 1;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .list-area3 li>span,
[class*=wrap-content] .list-area3 li>strong {
    display: block
}

[class*=wrap-content] .list-area3 li>span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.33px;
    color: #0c2b65
}

[class*=wrap-content] .list-area3 li>span:after {
    content: "";
    overflow: hidden;
    display: block;
    width: 70px;
    height: 70px;
    margin: 20px auto 0;
    border-radius: 20px;
    background-color: #f2f4f7;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

[class*=wrap-content] .list-area3 li.type1>span:after {
    background-image: url(/static/media/ic_history.441c6510.png)
}

[class*=wrap-content] .list-area3 li.type2>span.ico-type1:after {
    background-image: url(/static/media/ic_company_01.734ffa05.png)
}

[class*=wrap-content] .list-area3 li.type2>span.ico-type2:after {
    background-image: url(/static/media/ic_company_02.46e84a40.png)
}

[class*=wrap-content] .list-area3 li.type2>span.ico-type3:after {
    background-image: url(/static/media/ic_company_03.93c08683.png)
}

[class*=wrap-content] .list-area3 li.type3>span.ico-type1:after {
    background-image: url(/static/media/ic_member_01.6e2ab54c.png)
}

[class*=wrap-content] .list-area3 li.type3>span.ico-type2:after {
    background-image: url(/static/media/ic_member_02.8fe3e488.png)
}

[class*=wrap-content] .list-area3 li.type3>span.ico-type3:after {
    background-image: url(/static/media/ic_member_03.b1a43fc1.png)
}

[class*=wrap-content] .list-area3 li.type4>span.ico-type1:after {
    background-image: url(/static/media/ic_sales_01.1d940685.png)
}

[class*=wrap-content] .list-area3 li.type4>span.ico-type2:after {
    background-image: url(/static/media/ic_sales_02.da339594.png)
}

[class*=wrap-content] .list-area3 li.type4>span.ico-type3:after {
    background-image: url(/static/media/ic_sales_03.0e87daf9.png)
}

[class*=wrap-content] .list-area3 li>strong {
    margin-top: 13px;
    font-size: 14px;
    letter-spacing: -.35px;
    color: #4a4a4a;
    font-weight: 400
}

[class*=wrap-content] .list-area3 li>strong>i {
    font-size: 18px;
    letter-spacing: -.45px;
    font-weight: 700
}

[class*=wrap-content] .list-area4 {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    color: #000
}

[class*=wrap-content] .list-area4>li {
    display: flex;
    align-items: center
}

[class*=wrap-content] .list-area4>li:before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 5px
}

[class*=wrap-content] .list-area4>li:first-child:before {
    background: #4eabfa
}

[class*=wrap-content] .list-area4>li:nth-child(2):before {
    background: #50cbde
}

[class*=wrap-content] .list-area4>li:nth-child(3):before {
    background: #afd873
}

[class*=wrap-content] .list-area4>li:nth-child(4):before {
    background: #f7ad68
}

[class*=wrap-content] .list-area4>li:nth-child(5):before {
    background: #f5d471
}

[class*=wrap-content] .list-area4>li+li {
    margin-top: 18px
}

[class*=wrap-content] .list-area4>li>span:first-child {
    flex: 1 1
}

[class*=wrap-content] .list-area4>li>span:first-child+span {
    padding-left: 10px;
    color: #4a4a4a
}

[class*=wrap-content] .list-area5 {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    color: #4a4a4a;
    letter-spacing: -.5px
}

[class*=wrap-content] .list-area5>li+li {
    margin-top: 27px;
    padding-top: 27px;
    border-top: 1px solid #ccdbe5
}

[class*=wrap-content] .list-area5>li>span {
    display: block
}

[class*=wrap-content] .list-area5>li>span+span {
    padding-top: 6px;
    font-size: 16px;
    color: #1c90fb;
    text-align: right
}

[class*=wrap-content] .list-area5>li>span+span>strong {
    font-size: 20px
}

[class*=wrap-content] .list-area6 {
    display: flex;
    justify-content: space-around;
    padding: 26px 0;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .7);
    color: #000;
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box
}

[class*=wrap-content] .list-area6>li {
    position: relative;
    flex: 1 1;
    padding: 7px 28px 17px
}

[class*=wrap-content] .list-area6>li:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .list-area6>li:not(:first-child):before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    border-radius: 50%;
    background: url(/static/media/ic_process_next.ae37995d.png) no-repeat
}

[class*=wrap-content] .list-area6>li>span,
[class*=wrap-content] .list-area6>li>strong {
    display: block
}

[class*=wrap-content] .list-area6>li>em {
    display: inline-block;
    border-bottom: 1px solid #1c90fb;
    font-size: 16px;
    line-height: 17px;
    color: #1c90fb;
    font-weight: 700;
    letter-spacing: -.4px
}

[class*=wrap-content] .list-area6>li>strong {
    margin-top: 5px;
    font-size: 18px;
    letter-spacing: -.9px
}

[class*=wrap-content] .list-area6>li>span {
    margin-top: 12px;
    letter-spacing: -.6px;
    opacity: .8
}

[class*=wrap-content] .floating1 {
    display: inline-block;
    vertical-align: top
}

[class*=wrap-content] .floating1>div:first-child {
    width: 18px;
    height: 25px;
    vertical-align: top
}

[class*=wrap-content] .floating1>div:first-child button {
    width: 100%;
    background: url(/static/media/ic_more_detail_m_normal.aff9029d.png) no-repeat 50% 50% !important
}

[class*=wrap-content] .floating1>div:first-child button:active,
[class*=wrap-content] .floating1>div:first-child button:hover {
    background-image: url(/static/media/ic_more_detail_m_over.6b0716dd.png) !important
}

[class*=wrap-content] .floating1>.floating-panel {
    width: 120px;
    border: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1)
}

[class*=wrap-content] .floating1>.floating-panel li>a {
    display: block;
    min-height: 27px;
    padding: 4px 10px 3px;
    color: #000;
    text-decoration: none;
    box-sizing: border-box
}

[class*=wrap-content] .floating1>.floating-panel li>a:hover {
    background: #eff7ff
}

[class*=wrap-content] .floating1>.floating-panel li>[data-orbit-component=OBTButton] {
    width: 100%;
    vertical-align: top
}

[class*=wrap-content] .floating1>.floating-panel li>[data-orbit-component=OBTButton] button {
    width: 100%;
    height: auto;
    min-height: 27px;
    padding: 3px 10px 4px;
    border: none !important;
    background: none !important;
    text-align: left;
    box-sizing: border-box
}

[class*=wrap-content] .floating1>.floating-panel li>[data-orbit-component=OBTButton] button:hover {
    background: #eff7ff !important
}

[class*=wrap-content] .floating1>.floating-panel li>[data-orbit-component=OBTButton] button>div {
    justify-content: flex-start
}

[class*=wrap-content] .floating2 {
    display: inline-block
}

[class*=wrap-content] .floating2>.floating-panel {
    margin-top: 5px;
    padding: 10px 12px 6px;
    border: 1px solid #a6a6a6;
    border-radius: 3px;
    background: #fff
}

[class*=wrap-content] .floating2>.floating-panel:after,
[class*=wrap-content] .floating2>.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
}

[class*=wrap-content] .floating2>.floating-panel:before {
    top: -12px;
    border-color: transparent transparent #777
}

[class*=wrap-content] .floating2>.floating-panel:after {
    top: -11px;
    border-color: transparent transparent #fff
}

[class*=wrap-content] .floating2>.floating-panel>div>div:first-child {
    position: relative !important;
    overflow-x: hidden !important;
    max-height: 220px;
    margin-bottom: 0 !important
}

[class*=wrap-content] .floating2>.floating-panel>div>div:first-child+div {
    display: none
}

[class*=wrap-content] .floating2>.floating-panel .radio2 {
    padding-bottom: 4px
}

[class*=wrap-content] .floating2>.floating-panel .radio2>div {
    text-align: left
}

[class*=wrap-content] .floating2>.floating-panel .radio2>div>span {
    min-width: 170px;
    margin-bottom: 4px !important;
    padding: 9px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box
}

[class*=wrap-content] .floating2>.floating-panel .radio2>div>span:last-child {
    margin-bottom: 0 !important
}

[class*=wrap-content] .floating2>.floating-panel .radio2>div>span.on,
[class*=wrap-content] .floating2>.floating-panel .radio2>div>span:hover {
    border: 1px solid #1c90fb;
    background: #eff7ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .floating2>.floating-panel .radio2>div>span input~span,
[class*=wrap-content] .floating2>.floating-panel .radio2>div>span input~svg {
    left: 12px !important
}

[class*=wrap-content] [class*=reference-area].p100 {
    height: 100%
}

[class*=wrap-content] [class*=reference-area].p100 [class*=OBTReferencePanel_noreferbox] {
    align-items: flex-start;
    height: 100%;
    box-sizing: border-box
}

[class*=wrap-content] [class*=reference-area].p100 [class*=OBTReferencePanel_notitle] {
    height: 100%
}

[class*=wrap-content] [class*=reference-area]>div>div {
    width: 100%;
    box-sizing: border-box
}

[class*=wrap-content] [class*=reference-area]>div>div>strong:first-child {
    display: block
}

[class*=wrap-content] [class*=reference-area]>div>div>strong:first-child .txt-sub {
    position: relative;
    padding-left: 17px
}

[class*=wrap-content] [class*=reference-area]>div>div>strong:first-child .txt-sub:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 1px;
    height: 12px;
    background: #e6e6e6
}

[class*=wrap-content] [class*=reference-area]>div>div dd,
[class*=wrap-content] [class*=reference-area]>div>div dl,
[class*=wrap-content] [class*=reference-area]>div>div dt,
[class*=wrap-content] [class*=reference-area]>div>div li,
[class*=wrap-content] [class*=reference-area]>div>div ol,
[class*=wrap-content] [class*=reference-area]>div>div p,
[class*=wrap-content] [class*=reference-area]>div>div ul {
    line-height: 18px !important;
    color: #4a4a4a;
    letter-spacing: -.65px
}

[class*=wrap-content] [class*=reference-area]>div>div dd>img,
[class*=wrap-content] [class*=reference-area]>div>div dl>img,
[class*=wrap-content] [class*=reference-area]>div>div dt>img,
[class*=wrap-content] [class*=reference-area]>div>div li>img,
[class*=wrap-content] [class*=reference-area]>div>div ol>img,
[class*=wrap-content] [class*=reference-area]>div>div p>img,
[class*=wrap-content] [class*=reference-area]>div>div ul>img {
    margin-top: 2px
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li {
    position: relative;
    padding: 2px 0 0 7px
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: #4e4e4e
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>p,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>p,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>p {
    padding-top: 2px
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1>li {
    position: relative;
    padding-top: 2px;
    padding-left: 7px
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 3px;
    height: 1px;
    background: #4e4e4e
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1 .t2>li,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1 .t2>dd,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1 .t2>li {
    position: relative;
    padding-top: 2px;
    padding-left: 8px
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>dl>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>p>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ul>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>dl>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>p>li>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>dd>ul.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>dl.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ol.t1 .t2>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1 .t2>dd:before,
[class*=wrap-content] [class*=reference-area]>div>div>ul>li>ul.t1 .t2>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 2px;
    border: solid #4e4e4e;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li {
    padding-left: 0
}

[class*=wrap-content] [class*=reference-area]>div>div>.scroll>div>ol>li:before,
[class*=wrap-content] [class*=reference-area]>div>div>ol>li:before {
    display: none
}

[class*=wrap-content] [class*=reference-area]>div>div .scroll {
    height: calc(100% - 20px)
}

[class*=wrap-content] [class*=reference-area]>div>div .area1:not(ul):not(ol):not(dl),
[class*=wrap-content] [class*=reference-area]>div>div .area1>dd,
[class*=wrap-content] [class*=reference-area]>div>div .area1>li {
    display: flex
}

[class*=wrap-content] [class*=reference-area]>div>div .area1:not(ul):not(ol):not(dl) span:last-child,
[class*=wrap-content] [class*=reference-area]>div>div .area1>dd span:last-child,
[class*=wrap-content] [class*=reference-area]>div>div .area1>li span:last-child {
    flex: 1 1;
    padding-left: 2px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul,
[class*=wrap-content] .reference-area1>div>div>dl,
[class*=wrap-content] .reference-area1>div>div>ol,
[class*=wrap-content] .reference-area1>div>div>p,
[class*=wrap-content] .reference-area1>div>div>ul {
    padding: 2px 15px 0 20px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl.align-h>li,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol.align-h>li,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p.align-h>li,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul.align-h>li,
[class*=wrap-content] .reference-area1>div>div>dl.align-h>li,
[class*=wrap-content] .reference-area1>div>div>ol.align-h>li,
[class*=wrap-content] .reference-area1>div>div>p.align-h>li,
[class*=wrap-content] .reference-area1>div>div>ul.align-h>li {
    display: inline-block
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>dl.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>ol.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>p.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area1>div>div>ul.align-h>li:not(:first-child) {
    margin-left: 20px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl,
[class*=wrap-content] .reference-area1>div>div>dl {
    padding-top: 4px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>p,
[class*=wrap-content] .reference-area1>div>div>p {
    padding-top: 4px;
    padding-left: 20px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div:first-child>div,
[class*=wrap-content] .reference-area1>div>div>div:not(.scroll) {
    margin: 2px 15px 0 22px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div:first-child>div:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>div:not(.scroll):not(:first-child):not(:nth-child(2)) {
    margin-top: 6px
}

[class*=wrap-content] .reference-area1>div>div>strong:first-child {
    padding-left: 20px;
    background: url(/static/media/ic_info_03_m_normal.1816e420.png) no-repeat 0 1px
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>dl:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>ol:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>p:not(:first-child):not(:nth-child(2)),
[class*=wrap-content] .reference-area1>div>div>ul:not(:first-child):not(:nth-child(2)) {
    padding-top: 4px !important
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>dl:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>ol:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>p:not(:first-child):not(:nth-child(2))>li:first-child,
[class*=wrap-content] .reference-area1>div>div>ul:not(:first-child):not(:nth-child(2))>li:first-child {
    padding-top: 0
}

[class*=wrap-content] .reference-area1>div>div>.scroll>div>dl:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ol:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>p:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>.scroll>div>ul:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>dl:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>ol:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>p:not(:first-child):not(:nth-child(2))>li:first-child:before,
[class*=wrap-content] .reference-area1>div>div>ul:not(:first-child):not(:nth-child(2))>li:first-child:before {
    top: 8px
}

[class*=wrap-content] .reference-area1.t1>div [class*=OBTReferencePanel_title] .txt-sub {
    position: relative;
    padding-left: 17px
}

[class*=wrap-content] .reference-area1.t1>div [class*=OBTReferencePanel_title] .txt-sub:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 1px;
    height: 12px;
    background: #e6e6e6
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul,
[class*=wrap-content] .reference-area1.t1>div>div>dl,
[class*=wrap-content] .reference-area1.t1>div>div>ol,
[class*=wrap-content] .reference-area1.t1>div>div>p,
[class*=wrap-content] .reference-area1.t1>div>div>ul {
    padding-left: 0;
    padding-right: 0
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>dl>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>ol>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>p>li:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>ul>li:first-child {
    padding-top: 0
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>dl>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>ol>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>p>li:first-child:before,
[class*=wrap-content] .reference-area1.t1>div>div>ul>li:first-child:before {
    top: 8px
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>dl:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>ol:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>p:first-child,
[class*=wrap-content] .reference-area1.t1>div>div>ul:first-child {
    padding-top: 0 !important
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>dl:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>ol:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>p:not(:first-child),
[class*=wrap-content] .reference-area1.t1>div>div>ul:not(:first-child) {
    padding-top: 4px !important
}

[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>dl.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ol.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>p.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>.scroll>div>ul.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>dl.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>ol.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>p.align-h>li,
[class*=wrap-content] .reference-area1.t1>div>div>ul.align-h>li {
    padding-top: 0
}

[class*=wrap-content] .reference-area2>div>div {
    position: relative;
    padding: 0 !important
}

[class*=wrap-content] .reference-area2>div>div>strong:first-child {
    padding: 10px 15px 10px 35px;
    border-bottom: 1px solid #d4dfe7;
    background: url(/static/media/ic_info_03_m_normal.1816e420.png) no-repeat 15px 10px;
    font-weight: 400
}

[class*=wrap-content] .reference-area2>div>div>.btn {
    position: absolute;
    right: 15px;
    top: 9px
}

[class*=wrap-content] .reference-area2>div>div>.btn>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] .reference-area2>div>div>.scroll>div>dl,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ol,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>p,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ul,
[class*=wrap-content] .reference-area2>div>div>dl,
[class*=wrap-content] .reference-area2>div>div>ol,
[class*=wrap-content] .reference-area2>div>div>p,
[class*=wrap-content] .reference-area2>div>div>ul {
    padding: 4px 15px 0
}

[class*=wrap-content] .reference-area2>div>div>.scroll>div>dl>li:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ol>li:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>p>li:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ul>li:first-child,
[class*=wrap-content] .reference-area2>div>div>dl>li:first-child,
[class*=wrap-content] .reference-area2>div>div>ol>li:first-child,
[class*=wrap-content] .reference-area2>div>div>p>li:first-child,
[class*=wrap-content] .reference-area2>div>div>ul>li:first-child {
    padding-top: 0
}

[class*=wrap-content] .reference-area2>div>div>.scroll>div>dl.align-h>li,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ol.align-h>li,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>p.align-h>li,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ul.align-h>li,
[class*=wrap-content] .reference-area2>div>div>dl.align-h>li,
[class*=wrap-content] .reference-area2>div>div>ol.align-h>li,
[class*=wrap-content] .reference-area2>div>div>p.align-h>li,
[class*=wrap-content] .reference-area2>div>div>ul.align-h>li {
    display: inline-block;
    padding-top: 0
}

[class*=wrap-content] .reference-area2>div>div>.scroll>div>dl.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ol.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>.scroll>div>p.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ul.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>dl.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>ol.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>p.align-h>li:not(:first-child),
[class*=wrap-content] .reference-area2>div>div>ul.align-h>li:not(:first-child) {
    margin-left: 20px
}

[class*=wrap-content] .reference-area2>div>div>dl:nth-child(3),
[class*=wrap-content] .reference-area2>div>div>ol:nth-child(3),
[class*=wrap-content] .reference-area2>div>div>p:nth-child(3),
[class*=wrap-content] .reference-area2>div>div>ul:nth-child(3) {
    padding-top: 11px !important
}

[class*=wrap-content] .reference-area2>div>div>dl:last-child,
[class*=wrap-content] .reference-area2>div>div>ol:last-child,
[class*=wrap-content] .reference-area2>div>div>p:last-child,
[class*=wrap-content] .reference-area2>div>div>ul:last-child {
    padding-bottom: 12px
}

[class*=wrap-content] .reference-area2>div>div>.scroll {
    margin-top: 11px;
    margin-bottom: 12px
}

[class*=wrap-content] .reference-area2>div>div>.scroll>div>dl:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ol:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>p:first-child,
[class*=wrap-content] .reference-area2>div>div>.scroll>div>ul:first-child {
    padding-top: 0 !important
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_nochildreferbox] {
    height: 38px;
    padding-right: 15px;
    border-radius: 3px
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ol:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>p:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ul:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ol:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>p:not(:first-child),
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ul:not(:first-child) {
    padding-top: 4px !important
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ol:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ol:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>p:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>p:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ul:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ul:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ol:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ol:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>p:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>p:first-child>li:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ul:first-child,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ul:first-child>li:first-child {
    padding-top: 0
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ol.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>p.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ul.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ol.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>p.t1,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ul.t1 {
    display: flex
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ol.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>p.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>ul.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ol.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>p.t1 li,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>ul.t1 li {
    flex: 1 1;
    padding-top: 0
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>.scroll>div>dl,
[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>dl {
    padding-top: 2px
}

[class*=wrap-content] .reference-area3 [class*=OBTReferencePanel_notitle]>div:not(:first-child) {
    margin-top: 6px
}

[class*=wrap-content] .btn-chips.required {
    background: #fef4f4
}

[class*=wrap-content] .btn-chips.t1 [data-orbit-component=OBTChip]>div {
    position: relative;
    border: 1px solid #d9d9d9
}

[class*=wrap-content] .btn-chips.t1 [data-orbit-component=OBTChip]>div span.active:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #1c90fb;
    border-radius: 2px
}

[class*=wrap-content] .scroll-line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px solid #666;
    box-sizing: border-box;
    z-index: 10
}

[class*=wrap-content] .card-btn-info {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .card-btn-info>div>ul {
    padding: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .card-btn-info>div>ul>li {
    position: relative;
    padding: 0 9px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff
}

[class*=wrap-content] .card-btn-info>div>ul>li [class*=area] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 7px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1 {
    position: relative;
    min-height: 23px;
    margin: 0 -9px;
    padding: 11px 16px;
    border-radius: 2px 2px 0 0
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>strong {
    width: calc(100% - 50px);
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -.33px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>strong>span {
    color: #ff5f61
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>strong>span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 5px -1px 6px;
    background: #e6e6e6
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>span {
    width: calc(100% - 50px);
    padding-top: 4px;
    font-size: 11px;
    line-height: 1.2;
    color: #a6a6a6;
    letter-spacing: -.28px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>div {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    z-index: 2
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>.floating1 {
    right: 6px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>[data-orbit-component=OBTButton] {
    right: 30px;
    margin-top: -11px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area1>em {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -9px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2 {
    padding: 12px 7px 12px 58px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2[class*=banklogo],
[class*=wrap-content] .card-btn-info>div>ul>li .area2[class*=card] {
    position: relative;
    padding-left: 58px;
    font-weight: 400
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2[class*=banklogo]:before,
[class*=wrap-content] .card-btn-info>div>ul>li .area2[class*=card]:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2:not([class*=banklogo]) {
    padding-left: 7px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2>em {
    line-height: 1.33
}

[class*=wrap-content] .card-btn-info>div>ul>li .area2>span {
    font-size: 11px;
    color: #a6a6a6
}

[class*=wrap-content] .card-btn-info>div>ul>li .area3 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 24px;
    padding: 8px 7px 9px;
    border-top: 1px solid #e0e0e0;
    line-height: 20px
}

[class*=wrap-content] .card-btn-info>div>ul>li .area3>span {
    width: 30%
}

[class*=wrap-content] .card-btn-info>div>ul>li .area3>strong {
    width: 70%;
    text-align: right
}

[class*=wrap-content] .card-btn-info>div>ul>li>div:not([class*=area]):last-child {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

[class*=wrap-content] .card-btn-info>div>ul>li>div:not([class*=area]):last-child>button {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .card-btn-info>div>ul>li.on {
    border-color: #1c90fb;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .card-btn-info>div>ul>li:not(:first-child) {
    margin-top: 6px
}

[class*=wrap-content] .card-btn-info>div>ul>li[class*=type]:first-child+li {
    margin-top: 27px
}

[class*=wrap-content] .card-btn-info>div>ul>li[class*=type]:first-child+li:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -12px;
    height: 1px;
    background: #e0e0e0
}

[class*=wrap-content] .card-btn-info>div>ul>li[class*=type] .area1 {
    background: #f5f5f5
}

[class*=wrap-content] .card-btn-info>div>ul>li.type .area1>[data-orbit-component=OBTButton] {
    right: 16px
}

[class*=wrap-content] .card-btn-info>div>ul>li.type1 .area1 {
    background: #f0f8fe
}

[class*=wrap-content] .card-btn-info>div>ul>li.type2 .area1 {
    background: #fff8f2
}

[class*=wrap-content] .card-btn-info>div>ul>li.type3 .area1 {
    background: #eff9fa
}

[class*=wrap-content] .card-btn-info>div>ul>li.type4 .area1 {
    background: #f7f7ff
}

[class*=wrap-content] .card-btn-info>div .btn {
    width: 100%;
    margin-top: -14px;
    padding: 0 20px 20px;
    box-sizing: border-box
}

[class*=wrap-content] .card-btn-info>div .btn>div {
    width: 100%
}

[class*=wrap-content] .card-btn-info>div .btn>div button {
    width: 100%;
    height: 64px;
    border-color: #e0e0e0;
    border-radius: 3px;
    background: #fff !important;
    color: #8d8d8d
}

[class*=wrap-content] .card-btn-info>div .btn>div button:hover {
    border-color: #1c90fb !important;
    background: #eff7ff !important;
    color: #1c90fb;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .card-btn-info>div .btn>div button img {
    margin-right: 5px !important
}

[class*=wrap-content] .card-btn-info.t1 {
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666;
    background: #fafafa
}

[class*=wrap-content] .card-btn-area {
    display: flex
}

[class*=wrap-content] .card-btn-area.t1>ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1px 0 0 1px;
    box-sizing: border-box
}

[class*=wrap-content] .card-btn-area.t1>ul>li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(25% + 1px);
    height: 72px;
    margin: -1px 0 0 -1px;
    border: 1px solid #dbdbdb;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .card-btn-area.t1>ul>li:not(:first-child) {
    margin-left: -1px
}

[class*=wrap-content] .card-btn-area.t1>ul>li[class*=banklogo]:hover,
[class*=wrap-content] .card-btn-area.t1>ul>li[class*=card]:hover {
    border-color: #888 !important;
    z-index: 2
}

[class*=wrap-content] .card-btn-area.t1>ul>li[class*=banklogo].on,
[class*=wrap-content] .card-btn-area.t1>ul>li[class*=card].on {
    border-color: #1c90fb !important;
    background: #e9f5ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    color: #1c90fb;
    z-index: 3
}

[class*=wrap-content] .card-btn-area.t1>ul>li>[data-orbit-component=OBTButton] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .card-btn-area.t1>ul>li>[data-orbit-component=OBTButton] button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel {
    overflow: auto;
    position: absolute;
    left: -1px !important;
    top: 71px !important;
    width: 100%;
    height: 72px;
    border: 1px solid #1c90fb;
    border-top: 0 solid #1c90fb;
    background: #fff
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul {
    padding: 7px 10px;
    line-height: 1.3;
    color: #4a4a4a;
    text-align: left
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul>li {
    position: relative;
    padding: 1px 0 1px 7px
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul>li:before {
    content: "";
    float: left;
    width: 2px;
    height: 2px;
    margin: 6px 0 0 -7px;
    background: #4a4a4a
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul>li:hover {
    text-decoration: underline
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul>li>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .card-btn-area.t1>ul>li>.floating-panel>ul>li>div button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .btn-area ul {
    display: flex;
    height: 100%
}

[class*=wrap-content] .btn-area ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1;
    min-height: 70px;
    padding: 9px 14px 9px 74px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #4a4a4a;
    letter-spacing: -.7px;
    box-sizing: border-box;
    z-index: 100
}

[class*=wrap-content] .btn-area ul li:not(:first-child) {
    margin-left: 8px
}

[class*=wrap-content] .btn-area ul li.on,
[class*=wrap-content] .btn-area ul li:hover {
    border-color: #1c90fb;
    color: #000
}

[class*=wrap-content] .btn-area ul li.on:before,
[class*=wrap-content] .btn-area ul li:hover:before {
    background-color: #e0f1ff
}

[class*=wrap-content] .btn-area ul li.on {
    background: #f5faff
}

[class*=wrap-content] .btn-area ul li>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .btn-area ul li>div button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .btn-area ul li:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 50%;
    background-color: #f6f7f9
}

[class*=wrap-content] .btn-area ul li.type1:before {
    background-image: url(/static/media/tab_commute_none.d287cf7c.png)
}

[class*=wrap-content] .btn-area ul li.type2:before {
    background-image: url(/static/media/tab_sector_none.3e7effb7.png)
}

[class*=wrap-content] .btn-area ul li.type3:before {
    background-image: url(/static/media/tab_department_none.350f9589.png)
}

[class*=wrap-content] .btn-area ul li.type4:before {
    background-image: url(/static/media/tab_worker_none.f0c67509.png)
}

[class*=wrap-content] .btn-area ul li.type5:before {
    background-image: url(/static/media/tab_building_none.f8d13443.png)
}

[class*=wrap-content] .btn-area2>ul {
    display: flex;
    height: 100%
}

[class*=wrap-content] .btn-area2>ul>li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 1;
    min-height: 102px;
    padding: 15px 16px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    font-size: 13px;
    line-height: 1.4;
    color: #000;
    letter-spacing: -.75px;
    box-sizing: border-box;
    z-index: 100
}

[class*=wrap-content] .btn-area2>ul>li:not(:first-child) {
    margin-left: 8px
}

[class*=wrap-content] .btn-area2>ul>li.on {
    border-color: #1c90fb;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .btn-area2>ul>li:first-child {
    background-image: url(/static/media/img_certificate_career.34969726.png)
}

[class*=wrap-content] .btn-area2>ul>li:nth-child(2) {
    background-image: url(/static/media/img_certificate_income.8d48bbe8.png)
}

[class*=wrap-content] .btn-area2>ul>li:nth-child(3) {
    background-image: url(/static/media/img_certificate_etc.b5662c51.png)
}

[class*=wrap-content] .btn-area2>ul>li>ul {
    margin-top: 5px
}

[class*=wrap-content] .btn-area2>ul>li>ul>li {
    font-size: 11px;
    color: #a6a6a6;
    letter-spacing: -.55px
}

[class*=wrap-content] .btn-area2>ul>li>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .btn-area2>ul>li>div button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .btn-area3 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 16px 40px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .btn-area3 button {
    overflow: hidden;
    border: none !important;
    background: none;
    padding: 0;
    vertical-align: top
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton] {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 17px;
    height: 17px;
    margin-top: -8px
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]:first-child {
    left: 18px
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>button {
    width: 18px;
    height: 18px;
    padding-top: 18px
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.prev>button {
    background: url(/static/media/ic_pre_m_normal.ec8bdb45.png) !important
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.prev:hover {
    background: url(/static/media/ic_pre_m_over.129748d2.png) !important
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.prev:disabled {
    background: url(/static/media/ic_pre_m_disable.974120a5.png) !important
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.next {
    background: url(/static/media/ic_next_m_normal.9df80852.png) !important
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.next:hover {
    background: url(/static/media/ic_next_m_over.159616d6.png) !important
}

[class*=wrap-content] .btn-area3>[data-orbit-component=OBTButton]>.next:disabled {
    background: url(/static/media/ic_next_m_disable.6be4c12b.png) !important
}

[class*=wrap-content] .btn-area3 .slider {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 560px;
    width: 100%;
    height: 72px;
    margin-bottom: 14px
}

[class*=wrap-content] .btn-area3 .slider>li {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 14px
}

[class*=wrap-content] .btn-area3 .slider>li>.pic-type1 {
    width: 52px;
    height: 52px
}

[class*=wrap-content] .btn-area3 .slider>li>em {
    overflow: hidden;
    display: block;
    margin-top: 5px;
    width: 52px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    color: #a6a6a6;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .btn-area3 .slider>li>[data-orbit-component=OBTButton] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

[class*=wrap-content] .btn-area3 .slider>li>[data-orbit-component=OBTButton]>button {
    height: 0
}

[class*=wrap-content] .btn-area3>.indicator {
    position: absolute;
    left: 0;
    bottom: 16px;
    display: flex;
    justify-content: center;
    width: 100%
}

[class*=wrap-content] .btn-area3>.indicator button {
    display: inline-block;
    margin: 0 5px;
    width: 6px;
    height: 0;
    padding-top: 6px;
    border-radius: 50%;
    background: #ebebeb !important;
    vertical-align: top
}

[class*=wrap-content] .btn-area3>.indicator button.active {
    background: #1c90fb !important
}

[class*=wrap-content] .btn-area4 {
    display: flex;
    flex-wrap: wrap;
    padding: 11px 9px 10px;
    border: 1px solid #d5dce8;
    border-radius: 4px;
    background: #f2f5fa;
    box-sizing: border-box
}

[class*=wrap-content] .btn-area4>li {
    flex: 1 1;
    min-width: calc(16.66667% - 9px);
    max-width: calc(16.66667% - 8px);
    margin: 2px 4px 3px;
    box-sizing: border-box
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton] {
    width: 100%
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button {
    width: 100%;
    height: 34px;
    padding: 0 20px 0 50px;
    border-radius: 3px;
    border-color: #e6e6e6;
    background-color: #fefeff;
    background-repeat: no-repeat;
    background-position: 24px 50%
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button>div {
    justify-content: flex-start
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button>div>span {
    font-size: 11px !important;
    color: #4a4a4a
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button:hover {
    border-color: #1c90fb !important;
    background-color: #eff7ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.on>div>span,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button:hover>div>span {
    color: #1c90fb;
    font-weight: 700
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type1 {
    background-image: url(/static/media/ic_personaldata_disable.5e01c47d.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type1.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type1:hover {
    background-image: url(/static/media/ic_personaldata_select.71ebaa52.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type2 {
    background-image: url(/static/media/ic_family_disable.42b19699.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type2.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type2:hover {
    background-image: url(/static/media/ic_family_select.3f971a88.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type3 {
    background-image: url(/static/media/ic_edu_disable.3bddce91.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type3.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type3:hover {
    background-image: url(/static/media/ic_edu_select.400450fe.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type4 {
    background-image: url(/static/media/ic_career_disable.e27ed019.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type4.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type4:hover {
    background-image: url(/static/media/ic_career_select.8d1f0825.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type5 {
    background-image: url(/static/media/ic_license_disable.66da2fd1.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type5.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type5:hover {
    background-image: url(/static/media/ic_license_select.2257035c.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type6 {
    background-image: url(/static/media/ic_club_disable.733f6bb9.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type6.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type6:hover {
    background-image: url(/static/media/ic_club_select.62664219.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type7 {
    background-image: url(/static/media/ic_project_disable.aa055f8f.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type7.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type7:hover {
    background-image: url(/static/media/ic_project_select.0fc2c52e.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type8 {
    background-image: url(/static/media/ic_prize_disable.74b576cf.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type8.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type8:hover {
    background-image: url(/static/media/ic_prize_select.10ec0d94.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type9 {
    background-image: url(/static/media/ic_hr_disable.6417f903.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type9.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type9:hover {
    background-image: url(/static/media/ic_hr_select.a39349e9.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type10 {
    background-image: url(/static/media/ic_school_disable.0badc76d.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type10.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type10:hover {
    background-image: url(/static/media/ic_school_select.98962145.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type11 {
    background-image: url(/static/media/ic_business_disable.4368542f.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type11.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type11:hover {
    background-image: url(/static/media/ic_business_select.73a4e4f3.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type12 {
    background-image: url(/static/media/ic_passport_disable.047a6b46.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type12.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type12:hover {
    background-image: url(/static/media/ic_passport_select.77de897e.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type13 {
    background-image: url(/static/media/ic_recomm_disable.33574172.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type13.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type13:hover {
    background-image: url(/static/media/ic_recomm_select.71cc1ef0.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type14 {
    background-image: url(/static/media/ic_saving_disable.3c729ab8.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type14.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type14:hover {
    background-image: url(/static/media/ic_saving_select.e31929ee.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type15 {
    background-image: url(/static/media/ic_loan_disable.3fb2216a.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type15.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type15:hover {
    background-image: url(/static/media/ic_loan_select.d79b7cf9.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type16 {
    background-image: url(/static/media/ic_insurance_disable.ff3e04f4.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type16.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type16:hover {
    background-image: url(/static/media/ic_insurance_select.84986c67.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type17 {
    background-image: url(/static/media/ic_warranty_disable.0dc3b58d.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type17.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type17:hover {
    background-image: url(/static/media/ic_warranty_select.29af4a45.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type18 {
    background-image: url(/static/media/ic_retire_disable.91125798.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type18.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type18:hover {
    background-image: url(/static/media/ic_retire_select.19a25cf8.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type19 {
    background-image: url(/static/media/ic_lang_disable.1624a4cc.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type19.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type19:hover {
    background-image: url(/static/media/ic_lang_select.f5527b80.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type20 {
    background-image: url(/static/media/ic_wage_disable.656416f0.png) !important
}

[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type20.on,
[class*=wrap-content] .btn-area4>li>[data-orbit-component=OBTButton]>button.type20:hover {
    background-image: url(/static/media/ic_wage_select.ae72421d.png) !important
}

[class*=wrap-content] .btn-area4.t1>li {
    min-width: calc(25% - 9px);
    max-width: calc(25% - 8px)
}

@media (min-width:1600px) {
    [class*=wrap-content] .btn-area4.t1>li {
        min-width: calc(16.66667% - 9px);
        max-width: calc(16.66667% - 8px)
    }
}

[class*=wrap-content] .btn-area5 {
    display: flex;
    height: 320PX
}

[class*=wrap-content] .btn-area5>li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    padding: 9px 30px 30px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -.8px;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    z-index: 100
}

[class*=wrap-content] .btn-area5>li:not(:first-child) {
    margin-left: 14px
}

[class*=wrap-content] .btn-area5>li.on,
[class*=wrap-content] .btn-area5>li:hover {
    border-color: #1c90fb;
    background: #f5faff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .btn-area5>li:before {
    content: "";
    width: 160px;
    height: 160px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 50% 0
}

[class*=wrap-content] .btn-area5>li:first-child:before {
    background-image: url(/static/media/img_card_use.ae6125b0.png)
}

[class*=wrap-content] .btn-area5>li:nth-child(2):before {
    background-image: url(/static/media/img_docu_data.0cf648a1.png)
}

[class*=wrap-content] .btn-area5>li:nth-child(3):before {
    background-image: url(/static/media/img_bankbook.61204784.png)
}

[class*=wrap-content] .btn-area5>li:nth-child(4):before {
    background-image: url(/static/media/img_resolution_letter.76ee7806.png)
}

[class*=wrap-content] .btn-area5>li:nth-child(5):before {
    background-image: url(/static/media/img_business_trip.a209cc1b.png)
}

[class*=wrap-content] .btn-area5>li>p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -.65px;
    color: #a6a6a6
}

[class*=wrap-content] .btn-area5>li>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .btn-area5>li>div button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .btn-area6 {
    display: flex
}

[class*=wrap-content] .btn-area6>li {
    position: relative;
    flex: 1 1;
    min-height: 114px;
    padding: 25px 114px 20px 26px;
    border-radius: 10px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .08);
    box-sizing: border-box
}

[class*=wrap-content] .btn-area6>li:not(:first-child) {
    margin-left: 18px
}

[class*=wrap-content] .btn-area6>li:hover {
    border-color: #1c90fb
}

[class*=wrap-content] .btn-area6>li:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 114px;
    height: 114px;
    background-repeat: no-repeat
}

[class*=wrap-content] .btn-area6>li:first-child:after {
    background-image: url(/static/media/img_edu_register.9e771d65.png)
}

[class*=wrap-content] .btn-area6>li:nth-child(2):after {
    background-image: url(/static/media/img_certificate_issue.250a4aa6.png)
}

[class*=wrap-content] .btn-area6>li:nth-child(3):after {
    background-image: url(/static/media/img_complete_manage.ecc2f789.png)
}

[class*=wrap-content] .btn-area6>li:nth-child(4):after {
    background-image: url(/static/media/img_online_manual.bbcd78b1.png)
}

[class*=wrap-content] .btn-area6>li>strong {
    font-size: 16px;
    letter-spacing: -.4px;
    color: #000
}

[class*=wrap-content] .btn-area6>li>p {
    margin-top: 6px;
    line-height: 1.33;
    letter-spacing: -.6px;
    color: #8c8c8c
}

[class*=wrap-content] .btn-area6>li>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

[class*=wrap-content] .btn-area6>li>div button {
    width: 100%;
    height: 100% !important;
    opacity: 0
}

[class*=wrap-content] .btn-area6>li.point {
    padding-top: 26px;
    padding-bottom: 21px;
    border: none;
    background-color: #4794f4;
    background-image: linear-gradient(90deg, #3ec2dc, #4794f4)
}

[class*=wrap-content] .btn-area6>li.point:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/media/img_left_deco.281f31ad.png), url(/static/media/img_right_deco.a149f0c6.png);
    background-repeat: no-repeat;
    background-position: 0 0, 100% 100%
}

[class*=wrap-content] .btn-area6>li.point:hover {
    background-image: linear-gradient(90deg, #01abcb, #0a56be)
}

[class*=wrap-content] .btn-area6>li.point>strong {
    color: #fff
}

[class*=wrap-content] .btn-area6>li.point>p {
    color: #97d7ef
}

[class*=wrap-content] .btn-area6>li.point>p>em {
    color: #edff0f
}

[class*=wrap-content] .card,
[class*=wrap-content] .card1,
[class*=wrap-content] .card2,
[class*=wrap-content] .card3,
[class*=wrap-content] .card4,
[class*=wrap-content] .card5,
[class*=wrap-content] .card6,
[class*=wrap-content] .card7,
[class*=wrap-content] .card8,
[class*=wrap-content] .card9,
[class*=wrap-content] .card10,
[class*=wrap-content] .card11,
[class*=wrap-content] .card12,
[class*=wrap-content] .card13,
[class*=wrap-content] .card14,
[class*=wrap-content] .card15,
[class*=wrap-content] .card16,
[class*=wrap-content] .card17,
[class*=wrap-content] .card18,
[class*=wrap-content] .card19,
[class*=wrap-content] .card20,
[class*=wrap-content] .card21,
[class*=wrap-content] .card22,
[class*=wrap-content] .card23,
[class*=wrap-content] [class*=banklogo] {
    color: #4a4a4a
}

[class*=wrap-content] .card1:before,
[class*=wrap-content] .card2:before,
[class*=wrap-content] .card3:before,
[class*=wrap-content] .card4:before,
[class*=wrap-content] .card5:before,
[class*=wrap-content] .card6:before,
[class*=wrap-content] .card7:before,
[class*=wrap-content] .card8:before,
[class*=wrap-content] .card9:before,
[class*=wrap-content] .card10:before,
[class*=wrap-content] .card11:before,
[class*=wrap-content] .card12:before,
[class*=wrap-content] .card13:before,
[class*=wrap-content] .card14:before,
[class*=wrap-content] .card15:before,
[class*=wrap-content] .card16:before,
[class*=wrap-content] .card17:before,
[class*=wrap-content] .card18:before,
[class*=wrap-content] .card19:before,
[class*=wrap-content] .card20:before,
[class*=wrap-content] .card21:before,
[class*=wrap-content] .card22:before,
[class*=wrap-content] .card23:before,
[class*=wrap-content] .card:before,
[class*=wrap-content] [class*=banklogo]:before {
    content: "";
    display: block;
    width: 52px;
    height: 28px;
    margin: 0 auto;
    background-repeat: no-repeat
}

[class*=wrap-content] .banklogo:before,
[class*=wrap-content] .card:before {
    background-image: url(/static/media/ico_etc.314e327f.png)
}

[class*=wrap-content] .banklogo-071:before,
[class*=wrap-content] .card1:before {
    background-image: url(/static/media/ic_bank_epost_m.8b955334.png)
}

[class*=wrap-content] .banklogo-01:before,
[class*=wrap-content] .banklogo-004:before,
[class*=wrap-content] .card2:before {
    background-image: url(/static/media/ic_bank_kb_m.96617c80.png)
}

[class*=wrap-content] .banklogo-03:before,
[class*=wrap-content] .banklogo-088:before,
[class*=wrap-content] .card3:before {
    background-image: url(/static/media/ic_bank_shinhan_m.21824290.png)
}

[class*=wrap-content] .banklogo-005:before,
[class*=wrap-content] .banklogo-05:before,
[class*=wrap-content] .banklogo-21:before,
[class*=wrap-content] .banklogo-081:before,
[class*=wrap-content] .card5:before {
    background-image: url(/static/media/ic_bank_hana_m.cc2f9412.png)
}

[class*=wrap-content] .banklogo-30:before,
[class*=wrap-content] .banklogo-034:before,
[class*=wrap-content] .card6:before {
    background-image: url(/static/media/ic_bank_kj_m.63db6138.png)
}

[class*=wrap-content] .banklogo-007:before,
[class*=wrap-content] .banklogo-31:before,
[class*=wrap-content] .card9:before {
    background-image: url(/static/media/ic_bank_sh_m.94b9980a.png)
}

[class*=wrap-content] .banklogo-26:before,
[class*=wrap-content] .banklogo-027:before,
[class*=wrap-content] .card10:before {
    background-image: url(/static/media/ic_bank_citi_m.4e75819f.png)
}

[class*=wrap-content] .banklogo-011:before,
[class*=wrap-content] .banklogo-19:before,
[class*=wrap-content] .card11:before {
    background-image: url(/static/media/ic_bank_nh_m.fc70b885.png)
}

[class*=wrap-content] .banklogo-020:before,
[class*=wrap-content] .banklogo-28:before,
[class*=wrap-content] .card13:before {
    background-image: url(/static/media/ic_bank_woori_m.d1caa5f7.png)
}

[class*=wrap-content] .banklogo-32:before,
[class*=wrap-content] .banklogo-037:before,
[class*=wrap-content] .card14:before {
    background-image: url(/static/media/ic_bank_kj_m.63db6138.png)
}

[class*=wrap-content] .banklogo-003:before,
[class*=wrap-content] .card15:before {
    background-image: url(/static/media/ic_bank_ibk_m.d440e341.png)
}

[class*=wrap-content] .banklogo-023:before,
[class*=wrap-content] .card16:before {
    background-image: url(/static/media/ic_bank_sc_m.be955c24.png)
}

[class*=wrap-content] .banklogo-031:before,
[class*=wrap-content] .card17:before {
    background-image: url(/static/media/ic_bank_daegu_m.cc1e0cf1.png)
}

[class*=wrap-content] .banklogo-032:before,
[class*=wrap-content] .card18:before {
    background-image: url(/static/media/ic_bank_bnk_m.7307706b.png)
}

[class*=wrap-content] .banklogo-002:before,
[class*=wrap-content] .card19:before {
    background-image: url(/static/media/ic_bank_kdb_m.f0af0b0c.png)
}

[class*=wrap-content] .banklogo-035:before,
[class*=wrap-content] .card20:before {
    background-image: url(/static/media/ic_bank_shinhan_m.21824290.png)
}

[class*=wrap-content] .banklogo-039:before,
[class*=wrap-content] .card21:before {
    background-image: url(/static/media/ic_bank_bnk_m.7307706b.png)
}

[class*=wrap-content] .banklogo-045:before,
[class*=wrap-content] .card22:before {
    background-image: url(/static/media/ic_bank_mg_m.aebe01b9.png)
}

[class*=wrap-content] .banklogo-048:before,
[class*=wrap-content] .card23:before {
    background-image: url(/static/media/ic_bank_cu_m.ae5ac120.png)
}

[class*=wrap-content] .banklogo-04:before,
[class*=wrap-content] .card4:before {
    background-image: url(/static/media/ic_card_bc_m.e9e4f6b5.png)
}

[class*=wrap-content] .banklogo-11:before,
[class*=wrap-content] .card7:before {
    background-image: url(/static/media/ic_card_lotte_m.5d64ad00.png)
}

[class*=wrap-content] .banklogo-13:before,
[class*=wrap-content] .card8:before {
    background-image: url(/static/media/ic_card_samsung_m.798613c4.png)
}

[class*=wrap-content] .banklogo-12:before,
[class*=wrap-content] .card12:before {
    background-image: url(/static/media/ic_card_hyundai_m.cbb06d82.png)
}

[class*=wrap-content] .cards,
[class*=wrap-content] .cards1,
[class*=wrap-content] .cards2,
[class*=wrap-content] .cards3,
[class*=wrap-content] .cards4,
[class*=wrap-content] .cards5,
[class*=wrap-content] .cards6,
[class*=wrap-content] .cards7,
[class*=wrap-content] .cards8,
[class*=wrap-content] .cards9,
[class*=wrap-content] .cards10,
[class*=wrap-content] .cards11,
[class*=wrap-content] .cards12,
[class*=wrap-content] .cards13,
[class*=wrap-content] .cards14,
[class*=wrap-content] .cards15,
[class*=wrap-content] .cards16,
[class*=wrap-content] .cards17,
[class*=wrap-content] .cards18,
[class*=wrap-content] .cards19,
[class*=wrap-content] .cards20,
[class*=wrap-content] .cards21,
[class*=wrap-content] .cards22,
[class*=wrap-content] .cards23,
[class*=wrap-content] [class*=banklogos] {
    color: #4a4a4a
}

[class*=wrap-content] .cards1:before,
[class*=wrap-content] .cards2:before,
[class*=wrap-content] .cards3:before,
[class*=wrap-content] .cards4:before,
[class*=wrap-content] .cards5:before,
[class*=wrap-content] .cards6:before,
[class*=wrap-content] .cards7:before,
[class*=wrap-content] .cards8:before,
[class*=wrap-content] .cards9:before,
[class*=wrap-content] .cards10:before,
[class*=wrap-content] .cards11:before,
[class*=wrap-content] .cards12:before,
[class*=wrap-content] .cards13:before,
[class*=wrap-content] .cards14:before,
[class*=wrap-content] .cards15:before,
[class*=wrap-content] .cards16:before,
[class*=wrap-content] .cards17:before,
[class*=wrap-content] .cards18:before,
[class*=wrap-content] .cards19:before,
[class*=wrap-content] .cards20:before,
[class*=wrap-content] .cards21:before,
[class*=wrap-content] .cards22:before,
[class*=wrap-content] .cards23:before,
[class*=wrap-content] .cards:before,
[class*=wrap-content] [class*=banklogos]:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background-repeat: no-repeat
}

[class*=wrap-content] .banklogos-071:before,
[class*=wrap-content] .cards1:before {
    background-image: url(/static/media/ic_bank_epost_s.fb5d5eb1.png)
}

[class*=wrap-content] .banklogos-01:before,
[class*=wrap-content] .banklogos-004:before,
[class*=wrap-content] .cards2:before {
    background-image: url(/static/media/ic_bank_kb_s.1a927739.png)
}

[class*=wrap-content] .banklogos-03:before,
[class*=wrap-content] .banklogos-088:before,
[class*=wrap-content] .cards3:before {
    background-image: url(/static/media/ic_bank_shinhan_s.be507ff0.png)
}

[class*=wrap-content] .banklogos-005:before,
[class*=wrap-content] .banklogos-05:before,
[class*=wrap-content] .banklogos-21:before,
[class*=wrap-content] .banklogos-081:before,
[class*=wrap-content] .cards5:before {
    background-image: url(/static/media/ic_bank_hana_s.62cda4f5.png)
}

[class*=wrap-content] .banklogos-30:before,
[class*=wrap-content] .banklogos-034:before,
[class*=wrap-content] .cards6:before {
    background-image: url(/static/media/ic_bank_kj_s.5d6e0084.png)
}

[class*=wrap-content] .banklogos-007:before,
[class*=wrap-content] .banklogos-31:before,
[class*=wrap-content] .cards9:before {
    background-image: url(/static/media/ic_bank_sh_s.4e093c03.png)
}

[class*=wrap-content] .banklogos-26:before,
[class*=wrap-content] .banklogos-027:before,
[class*=wrap-content] .cards10:before {
    background-image: url(/static/media/ic_bank_citi_s.8d02cef8.png)
}

[class*=wrap-content] .banklogos-011:before,
[class*=wrap-content] .banklogos-19:before,
[class*=wrap-content] .cards11:before {
    background-image: url(/static/media/ic_bank_nh_s.abf8f9b9.png)
}

[class*=wrap-content] .banklogos-020:before,
[class*=wrap-content] .banklogos-28:before,
[class*=wrap-content] .cards13:before {
    background-image: url(/static/media/ic_bank_woori_s.f31b26ae.png)
}

[class*=wrap-content] .banklogos-32:before,
[class*=wrap-content] .banklogos-037:before,
[class*=wrap-content] .cards14:before {
    background-image: url(/static/media/ic_bank_kj_s.5d6e0084.png)
}

[class*=wrap-content] .banklogos-003:before,
[class*=wrap-content] .cards15:before {
    background-image: url(/static/media/ic_bank_ibk_s.1c3ee38a.png)
}

[class*=wrap-content] .banklogos-023:before,
[class*=wrap-content] .cards16:before {
    background-image: url(/static/media/ic_bank_sc_s.5792f67c.png)
}

[class*=wrap-content] .banklogos-031:before,
[class*=wrap-content] .cards17:before {
    background-image: url(/static/media/ic_bank_daegu_s.4c76b270.png)
}

[class*=wrap-content] .banklogos-032:before,
[class*=wrap-content] .cards18:before {
    background-image: url(/static/media/ic_bank_bnk_s.942a185e.png)
}

[class*=wrap-content] .banklogos-002:before,
[class*=wrap-content] .cards19:before {
    background-image: url(/static/media/ic_bank_kdb_s.af4ebfd7.png)
}

[class*=wrap-content] .banklogos-035:before,
[class*=wrap-content] .cards20:before {
    background-image: url(/static/media/ic_bank_shinhan_s.be507ff0.png)
}

[class*=wrap-content] .banklogos-039:before,
[class*=wrap-content] .cards21:before {
    background-image: url(/static/media/ic_bank_bnk_s.942a185e.png)
}

[class*=wrap-content] .banklogos-045:before,
[class*=wrap-content] .cards22:before {
    background-image: url(/static/media/ic_bank_mg_s.85ff03ea.png)
}

[class*=wrap-content] .banklogos-048:before,
[class*=wrap-content] .cards23:before {
    background-image: url(/static/media/ic_bank_cu_s.2c849efb.png)
}

[class*=wrap-content] .file-view .file {
    padding: 0 !important
}

[class*=wrap-content] .file-view .file>div {
    height: 447px
}

[class*=wrap-content] .file-view .file>div>div:first-child {
    text-align: center
}

[class*=wrap-content] .file-view .file>div>div:first-child:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}

[class*=wrap-content] .file-view .file>div>div:first-child img {
    max-width: calc(100% - 1px);
    vertical-align: middle
}

[class*=wrap-content] .file-view .btn {
    overflow: hidden;
    height: 37px;
    padding-top: 10px;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .file-view .btn div+div {
    margin-left: 4px
}

[class*=wrap-content] .file-view2 {
    display: flex
}

[class*=wrap-content] .file-view2 [class^=OBTFileView_default] {
    box-sizing: border-box
}

[class*=wrap-content] .file-view2 [class^=OBTFileView_default] [class^=OBTFileView_renderer] {
    height: calc(100% - 53px)
}

[class*=wrap-content] .file-view3 {
    border: 1px solid #e6e6e6;
    background: #fff;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .file-view3 img {
    height: 100%
}

[class*=wrap-content] .calendar-area {
    position: relative;
    display: flex;
    box-sizing: border-box
}

[class*=wrap-content] .calendar-area .obtCalendar-erp {
    overflow: visible !important;
    overflow: initial !important;
    width: calc(100% - 1px) !important
}

[class*=wrap-content] .calendar-area .area-tr {
    position: absolute;
    right: 0;
    top: 17px;
    display: flex;
    align-items: center;
    height: 27px;
    z-index: 1
}

[class*=wrap-content] .calendar-area .area-tr .viewtype,
[class*=wrap-content] .calendar-area .area-tr [data-orbit-component=OBTButton],
[class*=wrap-content] .calendar-area .area-tr strong {
    vertical-align: middle
}

[class*=wrap-content] .calendar-area .area-tr [class*=btn] {
    display: inline-block
}

[class*=wrap-content] .calendar-area .area-tr [class*=btn]>.viewtype {
    display: inline-block;
    margin-left: 9px
}

[class*=wrap-content] .calendar-area .area-tr [class*=btn]>.viewtype>[data-orbit-component=OBTButton]:not(:first-child) {
    margin-left: 0
}

[class*=wrap-content] .calendar-area .area-tr [class*=btn] [data-orbit-component=OBTButton]+[data-orbit-component=OBTButton] {
    margin-left: 4px
}

[class*=wrap-content] .calendar-area .area-tr .btn>div:not(.viewtype) {
    display: inline-block
}

[class*=wrap-content] .calendar-area .area-tr .btn>div:not(.viewtype):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: -2px 10px 0;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .calendar-area .area-tr .btn>div:not(.viewtype)+[data-orbit-component=OBTButton] {
    margin-left: 0
}

[class*=wrap-content] .calendar-area .area-tr .btn>div:not(.viewtype)>button {
    vertical-align: middle
}

[class*=wrap-content] .calendar-area .area-tr>.btn:first-child>div:first-child:before {
    display: none !important
}

[class*=wrap-content] .calendar-area .area-tr .btn1 {
    margin-left: 10px
}

[class*=wrap-content] .calendar-area.t1 {
    padding-top: 43px
}

[class*=wrap-content] .calendar-area.t1 .area-tr {
    top: 0
}

[class*=wrap-content] .account-format {
    display: flex;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #666;
    box-sizing: border-box
}

[class*=wrap-content] .account-format [class*=area] {
    flex: 1 1
}

[class*=wrap-content] .account-format [class*=area] .ti,
[class*=wrap-content] .account-format [class*=area] dt {
    height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    font-size: 15px;
    line-height: 40px;
    letter-spacing: -.75px
}

[class*=wrap-content] .account-format [class*=area] .ti:before,
[class*=wrap-content] .account-format [class*=area] dt:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 12px;
    margin-right: 6px;
    background: #1c90fb
}

[class*=wrap-content] .account-format [class*=area] .ti em,
[class*=wrap-content] .account-format [class*=area] dt em {
    float: right;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px
}

[class*=wrap-content] .account-format [class*=area] dd {
    height: calc(100% - 41px)
}

[class*=wrap-content] .account-format [class*=area] dd>div {
    height: 100%
}

[class*=wrap-content] .account-format [class*=area] dd ul {
    padding: 11px 20px 13px;
    letter-spacing: -.6px;
    box-sizing: border-box
}

[class*=wrap-content] .account-format [class*=area] dd ul li>a {
    display: flex;
    position: relative;
    padding: 1px 0 0 9px;
    text-decoration: none;
    cursor: pointer
}

[class*=wrap-content] .account-format [class*=area] dd ul li>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 2px;
    height: 2px;
    background: #a6a6a6
}

[class*=wrap-content] .account-format [class*=area] dd ul li>a span {
    width: 50%;
    color: #4a4a4a
}

[class*=wrap-content] .account-format [class*=area] dd ul li>a em {
    flex: 1 1;
    margin-top: -1px;
    padding-left: 10px;
    font-size: 14px;
    text-align: right
}

[class*=wrap-content] .account-format [class*=area] dd ul li.on>a em,
[class*=wrap-content] .account-format [class*=area] dd ul li.on>a span,
[class*=wrap-content] .account-format [class*=area] dd ul li:hover>a em,
[class*=wrap-content] .account-format [class*=area] dd ul li:hover>a span {
    color: #1c90fb !important
}

[class*=wrap-content] .account-format .area2 {
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .account-format.t1 {
    border: none
}

[class*=wrap-content] .account-format.t1 [class*=area]>.ti {
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .account-format.t1 [class*=area]:first-child .ti {
    border-right: none
}

[class*=wrap-content] .account-format.t1 [class*=area]:last-child .ti {
    position: relative;
    border-left: none
}

[class*=wrap-content] .account-format.t1 [class*=area]:last-child .ti:after {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background: #e6e6e6
}

[class*=wrap-content] .account-format.t1 [class*=area]>div:not(.ti) {
    height: calc(100% - 50px) !important
}

[class*=wrap-content] .sum-area {
    display: flex;
    align-items: center;
    border: 1px solid #eaedf3;
    border-radius: 4px;
    background: #f8f8f8;
    box-sizing: border-box
}

[class*=wrap-content] .sum-area>strong {
    display: block;
    width: 250px;
    font-size: 14px;
    text-align: center
}

[class*=wrap-content] .sum-area>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1;
    padding: 16px 0;
    border-radius: 4px;
    background: #fff
}

[class*=wrap-content] .sum-area>ul>li[class*=type] {
    position: relative;
    flex: 1 1;
    min-width: 12.5%;
    padding: 0 5px;
    line-height: 1;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .sum-area>ul>li[class*=type]>span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding-left: 17px;
    font-size: 13px;
    line-height: 1.2;
    color: #4a4a4a;
    letter-spacing: -.33px
}

[class*=wrap-content] .sum-area>ul>li[class*=type]>span>i {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background: #868e96
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type1>span>i {
    background: #46a3f0
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type2>span>i {
    background: #20c997
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type3>span>i {
    background: #748ffc
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type4>span>i {
    background: #ac91f5
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type5>span>i {
    background: #f0c325
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type6>span>i {
    background: #ffa94d
}

[class*=wrap-content] .sum-area>ul>li[class*=type].type7>span>i {
    background: #ff8787
}

[class*=wrap-content] .sum-area>ul>li[class*=type]>strong {
    display: block;
    padding-top: 3px;
    font-size: 18px;
    line-height: 1;
    color: #000;
    letter-spacing: -.9px
}

[class*=wrap-content] .sum-area>ul>li[class*=type]:not(:nth-child(8n+1)) {
    border-left: 1px solid #efefef
}

[class*=wrap-content] .sum-area>ul>li[class*=type]:nth-child(8n)~li {
    flex: none;
    width: 12.5%;
    margin-top: 16px
}

[class*=wrap-content] .sum-area>strong+ul {
    border-radius: 0 4px 4px 0
}

[class*=wrap-content] .sum-area2>div {
    margin-top: 10px;
    border-radius: 4px
}

[class*=wrap-content] .sum-area2>div:first-child {
    margin-top: 0
}

[class*=wrap-content] .sum-area2>div>div {
    display: flex;
    align-items: center
}

[class*=wrap-content] .sum-area2>div>div>span {
    font-size: 14px;
    font-weight: 700
}

[class*=wrap-content] .sum-area2>div>div>span:before {
    margin: 0 4px 0 0;
    vertical-align: top
}

[class*=wrap-content] .sum-area2>div>div>strong {
    display: flex;
    flex: 1 1;
    justify-content: flex-end;
    align-items: baseline;
    font-size: 16px
}

[class*=wrap-content] .sum-area2>div>div>strong>i {
    font-weight: 400;
    font-size: 14px
}

[class*=wrap-content] .sum-area2>div>ul>li {
    display: flex;
    line-height: 22px
}

[class*=wrap-content] .sum-area2>div>ul>li>span {
    font-size: 11px;
    letter-spacing: -.55px
}

[class*=wrap-content] .sum-area2>div>ul>li em {
    font-size: 14px;
    letter-spacing: -.7px
}

[class*=wrap-content] .sum-area2>div>ul:after {
    position: absolute;
    top: 5px;
    left: 50%;
    content: "";
    display: inline-block;
    width: 1px;
    height: 33px;
    background: #ececec
}

[class*=wrap-content] .sum-area2>div.area {
    padding: 10px 20px 14px;
    border: 1px solid #e6e6e6
}

[class*=wrap-content] .sum-area2>div.area>div {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ececec
}

[class*=wrap-content] .sum-area2>div.area>ul {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

[class*=wrap-content] .sum-area2>div.area>ul>li {
    width: 50%;
    box-sizing: border-box
}

[class*=wrap-content] .sum-area2>div.area>ul>li>span {
    width: 50px;
    color: #a6a6a6
}

[class*=wrap-content] .sum-area2>div.area>ul>li>span+* {
    height: 22px;
    text-align: right
}

[class*=wrap-content] .sum-area2>div.area>ul>li em {
    overflow: hidden;
    display: inline-block;
    padding-right: 1px;
    width: 84px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}

[class*=wrap-content] .sum-area2>div.area>ul>li:first-child {
    order: 1;
    padding-right: 20px
}

[class*=wrap-content] .sum-area2>div.area>ul>li:nth-child(2) {
    order: 3;
    padding-right: 20px
}

[class*=wrap-content] .sum-area2>div.area>ul>li:nth-child(3) {
    order: 2;
    padding-left: 20px
}

[class*=wrap-content] .sum-area2>div.area>ul>li:nth-child(4) {
    order: 4;
    padding-left: 20px
}

[class*=wrap-content] .sum-area2>div.total {
    padding: 13px 20px 15px;
    border: 1px solid #c2d6e5;
    background-color: #eef8ff
}

[class*=wrap-content] .sum-area2>div.total>div {
    padding-bottom: 12px;
    margin-bottom: 7px;
    border-bottom: 1px solid #c2d6e5
}

[class*=wrap-content] .sum-area2>div.total>ul>li {
    justify-content: space-between
}

[class*=wrap-content] .sum-area2>div.total>ul>li>span {
    color: #8c8c8c
}

[class*=wrap-content] .sum-area2>div.total>ul>li:last-child {
    border-top: 1px dashed #deeaf4;
    margin-top: 6px;
    padding-top: 6px
}

[class*=wrap-content] .sum-area2>div.total>ul>li:last-child>span {
    font-size: 12px
}

[class*=wrap-content] .sum-area2>div.total>ul>li:last-child em {
    font-size: 16px;
    font-weight: 700
}

[class*=wrap-content] .sum-area2>div.total>ul:after {
    display: none
}

[class*=wrap-content] .order-sum1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #666;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum1>div {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 20%;
    height: 100%;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum1>div:not(:first-child):before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    margin-top: 25px;
    width: 26px;
    height: 26px;
    z-index: 1;
    background: url(/static/media/ic_plus.f3f442fd.png) no-repeat
}

[class*=wrap-content] .order-sum1>div.minus:before {
    background-image: url(/static/media/ic_minus.2d34fc0b.png)
}

[class*=wrap-content] .order-sum1>div.total:before {
    background-image: url(/static/media/ic_equal.5433850d.png)
}

[class*=wrap-content] .order-sum1>div:not(.ti) {
    position: relative;
    padding: 0 15px;
    color: #8c8c8c;
    letter-spacing: -.6px
}

[class*=wrap-content] .order-sum1>div:not(.ti)>strong {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

[class*=wrap-content] .order-sum1>div:not(.ti)>strong>span {
    font-size: 16px;
    font-weight: 400
}

[class*=wrap-content] .order-sum1>div:not(.ti).total>strong {
    color: #1d90fb
}

[class*=wrap-content] .order-sum1>.ti {
    flex: none;
    min-width: 13%;
    padding: 0 15px;
    background: #f8f8f8;
    font-size: 14px;
    letter-spacing: -.7px;
    font-weight: 700;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum1>.ti+div:before {
    display: none
}

[class*=wrap-content] .order-sum2>dl {
    padding-bottom: 15px
}

[class*=wrap-content] .order-sum2>dl dt {
    display: block;
    height: 32px;
    margin-bottom: 13px;
    padding: 0 10px;
    border: solid #d9d9d9;
    border-width: 1px 0;
    background: #f8f8f8;
    line-height: 32px;
    color: #000;
    font-weight: 700
}

[class*=wrap-content] .order-sum2>dl dd {
    overflow: hidden;
    height: 25px;
    padding: 0 20px;
    line-height: 25px;
    color: #8c8c8c;
    letter-spacing: -.6px
}

[class*=wrap-content] .order-sum2>dl dd>span {
    float: left
}

[class*=wrap-content] .order-sum2>dl dd>strong {
    float: right;
    font-size: 13px;
    color: #000
}

[class*=wrap-content] .order-sum2>dl dd>strong>span {
    font-size: 11px;
    font-weight: 400;
    vertical-align: top
}

[class*=wrap-content] .order-sum2>dl dd:last-child>strong {
    font-size: 20px
}

[class*=wrap-content] .order-sum2>dl dd:last-child>strong>span {
    font-size: 16px
}

[class*=wrap-content] .order-sum2>dl+div {
    width: 100%;
    padding: 12px 20px;
    border-top: 1px solid #d9d9d9;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum2>dl+div button {
    width: 100%;
    border-color: #036ddd !important
}

[class*=wrap-content] .order-sum3 {
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid #d5dce8;
    background: #f2f5fa;
    color: #a6a6a6;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum3 .order,
[class*=wrap-content] .order-sum3 .sum {
    display: flex;
    align-items: center
}

[class*=wrap-content] .order-sum3 .order .ti,
[class*=wrap-content] .order-sum3 .sum .ti {
    width: 190px;
    padding-right: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .order-sum3 .order .cont,
[class*=wrap-content] .order-sum3 .sum .cont {
    display: inline-flex;
    align-items: center
}

[class*=wrap-content] .order-sum3 .sum .ti>em,
[class*=wrap-content] .order-sum3 .sum .ti>span,
[class*=wrap-content] .order-sum3 .sum .ti>strong {
    display: block
}

[class*=wrap-content] .order-sum3 .sum .ti>strong {
    font-size: 16px;
    color: #000
}

[class*=wrap-content] .order-sum3 .sum .ti>em {
    font-size: 14px;
    color: #000
}

[class*=wrap-content] .order-sum3 .sum .cont {
    width: calc(100% - 190px);
    padding: 11px 25px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    box-sizing: border-box
}

[class*=wrap-content] .order-sum3 .sum .cont>span {
    overflow: hidden;
    width: 26px;
    height: 0;
    margin: 0 10px;
    padding-top: 26px;
    background: url(/static/media/ic_plus.f3f442fd.png) no-repeat
}

[class*=wrap-content] .order-sum3 .sum .cont>span.minus {
    background-image: url(/static/media/ic_minus.2d34fc0b.png)
}

[class*=wrap-content] .order-sum3 .sum .cont>span.total {
    background-image: url(/static/media/ic_equal.5433850d.png)
}

[class*=wrap-content] .order-sum3 .sum .cont>div {
    overflow: hidden;
    flex: 1 1
}

[class*=wrap-content] .order-sum3 .sum .cont>div>em,
[class*=wrap-content] .order-sum3 .sum .cont>div>strong {
    overflow: hidden;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .order-sum3 .sum .cont>div>strong {
    font-size: 16px;
    letter-spacing: -.8px;
    color: #fc5356
}

[class*=wrap-content] .order-sum3 .sum .cont>div>strong>span {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -.65px
}

[class*=wrap-content] .order-sum3 .sum .cont .minus+div>strong {
    color: #1d90fb
}

[class*=wrap-content] .order-sum3 .sum .cont .total+div>strong {
    color: #000
}

[class*=wrap-content] .order-sum3 .order {
    margin-top: 10px;
    font-size: 11px
}

[class*=wrap-content] .order-sum3 .order .ti {
    color: #000
}

[class*=wrap-content] .order-sum3 .order .cont {
    flex-wrap: wrap
}

[class*=wrap-content] .order-sum3 .order .cont li+li {
    margin-left: 5px;
    padding-left: 18px;
    background: url(/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 0 50%
}

[class*=wrap-content] [class*=data-tbl] {
    width: 100%;
    border-top: 2px solid #666;
    table-layout: fixed;
    border-spacing: 0
}

[class*=wrap-content] [class*=data-tbl] td,
[class*=wrap-content] [class*=data-tbl] th {
    overflow: hidden;
    height: 27px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 15px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] [class*=data-tbl] td>[data-orbit-component=OBTTooltip],
[class*=wrap-content] [class*=data-tbl] th>[data-orbit-component=OBTTooltip] {
    overflow: hidden;
    max-width: 100%;
    height: 27px;
    margin-bottom: -4px;
    line-height: 27px;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] [class*=data-tbl] th {
    background: #fafafa;
    letter-spacing: -.6px
}

[class*=wrap-content] [class*=data-tbl] td {
    letter-spacing: -.3px
}

[class*=wrap-content] [class*=data-tbl] td.addr-area>div+div:not(.box) {
    margin-top: 5px
}

[class*=wrap-content] [class*=data-tbl] td>div.t1 {
    display: flex;
    align-items: center
}

[class*=wrap-content] [class*=data-tbl] td>div.t1>div:first-child {
    overflow: hidden;
    flex: 1 1;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] [class*=data-tbl] td>div.t1>[data-orbit-component=OBTButton] {
    align-self: flex-start
}

[class*=wrap-content] [class*=data-tbl] td>div.t2 {
    overflow: hidden;
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] [class*=data-tbl] td>div.t2>span:first-child {
    padding-right: 14px
}

[class*=wrap-content] [class*=data-tbl] td>div.t2>span:nth-child(2) {
    flex: 1 1;
    margin-left: -7px;
    padding-left: 7px;
    font-size: 11px;
    color: #a6a6a6
}

[class*=wrap-content] [class*=data-tbl] td>div.t2>span:nth-child(2):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: -3px 6px 0 -7px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] [class*=data-tbl] tfoot td,
[class*=wrap-content] [class*=data-tbl] tfoot th {
    background: #fff1d6
}

[class*=wrap-content] [class*=data-tbl].t1 td>div.t2 {
    display: flex;
    white-space: normal
}

[class*=wrap-content] [class*=data-tbl].t1 td>div.t2>span {
    flex: inherit
}

[class*=wrap-content] [class*=data-tbl] tr.line>td,
[class*=wrap-content] [class*=data-tbl] tr.line>th {
    border-bottom: 1px solid #a6a6a6 !important
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th {
    background-color: #fafafa;
    text-align: left
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child {
    display: flex;
    align-items: center
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child>.info {
    display: flex;
    flex: 1 1
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child>.info>span {
    display: inline-block;
    padding-left: 10px;
    color: #1c90fb;
    font-weight: 400
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child>.info>em {
    display: inline-block;
    flex: 1 1;
    color: #1c90fb;
    text-align: right
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child>.btn {
    margin-left: 6px
}

[class*=wrap-content] [class*=data-tbl] tr.ti>th>div:first-child>.btn>div {
    margin-left: 4px
}

[class*=wrap-content] [class*=data-tbl] .bg1 {
    background: #f2f6f8
}

[class*=wrap-content] [class*=data-tbl] .bg2 {
    background: #deebf2
}

[class*=wrap-content] [class*=data-tbl] .total {
    background: #fff1d6
}

[class*=wrap-content] [class*=data-tbl] .total2 {
    background: #fffceb
}

[class*=wrap-content] [class*=data-tbl] .total3 {
    background: #fff7e0
}

[class*=wrap-content] [class*=data-tbl] .ellipsis-no {
    height: 75px;
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] [class*=data-tbl] .ellipsis-no.t1 {
    height: auto
}

[class*=wrap-content] [class*=data-tbl] .ellipsis-no>div {
    height: 100%
}

[class*=wrap-content] [class*=data-tbl] .file-area>span {
    display: block;
    max-width: calc(100% - 22px);
    padding-left: 22px;
    cursor: pointer
}

[class*=wrap-content] [class*=data-tbl] .file-area>span:hover {
    text-decoration: underline
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu {
    width: 160px;
    border: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1)
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li {
    padding: 0 9px;
    height: 27px;
    line-height: 27px
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li>div {
    display: inline-block;
    width: calc(100% - 20px);
    vertical-align: middle
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li>div button {
    width: 100%;
    padding: 0;
    border: none;
    background: none !important;
    color: #000;
    text-align: left;
    font-weight: 700
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li>div button span {
    width: 100%
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li>div button span:after {
    display: none
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li:hover {
    background: #e6f5ff
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: middle
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li.pc:before {
    background: url(/static/media/ic_download_s_normal.96d944a7.png)
}

[class*=wrap-content] [class*=data-tbl] .file-area .menu li.view:before {
    background: url(/static/media/ic_viewer_open_s_normal.cdaa0825.png)
}

[class*=wrap-content] [class*=data-tbl] .list-area1:not(:first-child) {
    margin-top: 3px
}

[class*=wrap-content] [class*=data-tbl] .list-area1 dd:before,
[class*=wrap-content] [class*=data-tbl] .list-area1 li:before {
    top: 7px
}

[class*=wrap-content] .data-tbl1 tr.on,
[class*=wrap-content] .data-tbl6 tr.on {
    border-color: #1c90fb
}

[class*=wrap-content] .data-tbl1 tr.on td,
[class*=wrap-content] .data-tbl1 tr.on th,
[class*=wrap-content] .data-tbl6 tr.on td,
[class*=wrap-content] .data-tbl6 tr.on th {
    position: relative;
    background-color: rgba(28, 144, 251, .07);
    border-bottom-color: #1c90fb !important
}

[class*=wrap-content] .data-tbl1 tr.on td:before,
[class*=wrap-content] .data-tbl1 tr.on th:before,
[class*=wrap-content] .data-tbl6 tr.on td:before,
[class*=wrap-content] .data-tbl6 tr.on th:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    display: inline-block;
    width: calc(100% + 2px);
    height: 1px;
    background: #1c90fb;
    z-index: 1
}

[class*=wrap-content] .data-tbl1.t1 tr td>div.t1>div:first-child,
[class*=wrap-content] .data-tbl6.t1 tr td>div.t1>div:first-child {
    overflow: visible;
    overflow: initial;
    white-space: normal
}

[class*=wrap-content] .data-tbl1.t1 tr.on td,
[class*=wrap-content] .data-tbl1.t1 tr.on th,
[class*=wrap-content] .data-tbl6.t1 tr.on td,
[class*=wrap-content] .data-tbl6.t1 tr.on th {
    overflow: visible;
    overflow: initial
}

[class*=wrap-content] .data-tbl1.t1 tr.on td:before,
[class*=wrap-content] .data-tbl1.t1 tr.on th:before,
[class*=wrap-content] .data-tbl6.t1 tr.on td:before,
[class*=wrap-content] .data-tbl6.t1 tr.on th:before {
    top: -1px
}

[class*=wrap-content] .data-tbl1 tr {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

[class*=wrap-content] .data-tbl1 th {
    padding: 6px 10px 7px;
    text-align: right
}

[class*=wrap-content] .data-tbl1 td {
    padding: 6px 8px 7px
}

[class*=wrap-content] .data-tbl1 td.line,
[class*=wrap-content] .data-tbl1 th.line {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl1 td.line[rowspan],
[class*=wrap-content] .data-tbl1 th.line[rowspan] {
    border-left: none;
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl1.t1 td,
[class*=wrap-content] .data-tbl1.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl6 tr {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl6 td,
[class*=wrap-content] .data-tbl6 th {
    padding: 2px 8px 3px;
    text-align: center
}

[class*=wrap-content] .data-tbl6 td.line,
[class*=wrap-content] .data-tbl6 td:not(:last-child),
[class*=wrap-content] .data-tbl6 th.line,
[class*=wrap-content] .data-tbl6 th:not(:last-child) {
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl6 thead tr:not(:first-child) th {
    font-weight: 400
}

[class*=wrap-content] .data-tbl6 tbody th {
    background: #fafafa
}

[class*=wrap-content] .data-tbl6.t1 td,
[class*=wrap-content] .data-tbl6.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl6.t2 tr:nth-child(odd) {
    background: #f0f8ff
}

[class*=wrap-content] .data-tbl2 {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl2 td,
[class*=wrap-content] .data-tbl2 th {
    padding: 2px 8px 3px
}

[class*=wrap-content] .data-tbl2 thead th {
    border-bottom-color: #d9d9d9
}

[class*=wrap-content] .data-tbl2 tbody td,
[class*=wrap-content] .data-tbl2 tbody th {
    background: transparent;
    text-align: left
}

[class*=wrap-content] .data-tbl2 tbody td [class*=banklogos],
[class*=wrap-content] .data-tbl2 tbody th [class*=banklogos] {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-tbl2 tbody td [class*=banklogos]:before,
[class*=wrap-content] .data-tbl2 tbody th [class*=banklogos]:before {
    margin-right: 8px
}

[class*=wrap-content] .data-tbl2 tbody td [class*=banklogos]>i,
[class*=wrap-content] .data-tbl2 tbody th [class*=banklogos]>i {
    flex: 1 1
}

[class*=wrap-content] .data-tbl2 tbody.close:last-child tr.depth1 td,
[class*=wrap-content] .data-tbl2 tbody.close:last-child tr.depth1 th,
[class*=wrap-content] .data-tbl2 tbody:last-child tr:last-child td,
[class*=wrap-content] .data-tbl2 tbody:last-child tr:last-child th {
    border-bottom: 1px solid #d9d9d9
}

[class*=wrap-content] .data-tbl2 tbody .no_data {
    padding: 20px 0
}

[class*=wrap-content] .data-tbl2 tfoot td,
[class*=wrap-content] .data-tbl2 tfoot th {
    border-top: 1px solid #d9d9d9;
    font-weight: 700
}

[class*=wrap-content] .data-tbl2 tbody.close td,
[class*=wrap-content] .data-tbl2 tbody.close th,
[class*=wrap-content] .data-tbl2 tbody.open td,
[class*=wrap-content] .data-tbl2 tbody.open th {
    border-bottom-color: #c5cfda;
    background: #e0eaf5
}

[class*=wrap-content] .data-tbl2 tbody.close th,
[class*=wrap-content] .data-tbl2 tbody.open th {
    font-weight: 400
}

[class*=wrap-content] .data-tbl2 tbody.close th:first-child,
[class*=wrap-content] .data-tbl2 tbody.open th:first-child {
    padding-left: 0;
    padding-right: 0;
    border: none
}

[class*=wrap-content] .data-tbl2 tbody.close .depth2 td,
[class*=wrap-content] .data-tbl2 tbody.close .depth2 th,
[class*=wrap-content] .data-tbl2 tbody.open .depth2 td,
[class*=wrap-content] .data-tbl2 tbody.open .depth2 th {
    border: 1px solid #e0e0e0;
    background: #fff
}

[class*=wrap-content] .data-tbl2 tbody.close .depth2 th:first-child,
[class*=wrap-content] .data-tbl2 tbody.open .depth2 th:first-child {
    border: none;
    background: #e0eaf5
}

[class*=wrap-content] .data-tbl2 tbody.close .depth2.on td:not(:first-child),
[class*=wrap-content] .data-tbl2 tbody.close .depth2.on th:not(:first-child),
[class*=wrap-content] .data-tbl2 tbody.open .depth2.on td:not(:first-child),
[class*=wrap-content] .data-tbl2 tbody.open .depth2.on th:not(:first-child) {
    background: #eff7ff
}

[class*=wrap-content] .data-tbl2 tbody.close .depth2,
[class*=wrap-content] .data-tbl2 tbody.close button.close,
[class*=wrap-content] .data-tbl2 tbody.open button.open {
    display: none
}

[class*=wrap-content] .data-tbl2.t1 td,
[class*=wrap-content] .data-tbl2.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl3 {
    border-top: none
}

[class*=wrap-content] .data-tbl3 td,
[class*=wrap-content] .data-tbl3 th {
    padding: 6px 8px 7px;
    text-align: center
}

[class*=wrap-content] .data-tbl3 th {
    background: #fff;
    font-weight: 400
}

[class*=wrap-content] .data-tbl3 thead th {
    height: 15px;
    padding: 5px 8px;
    border-color: #d9d9d9;
    font-size: 11px
}

[class*=wrap-content] .data-tbl8 {
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl8 td,
[class*=wrap-content] .data-tbl8 th {
    border-bottom: none
}

[class*=wrap-content] .data-tbl8 td:not(:first-child),
[class*=wrap-content] .data-tbl8 th:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl8 thead th {
    padding: 6px 8px 7px;
    text-align: center
}

[class*=wrap-content] .data-tbl8 tbody tr td {
    height: 28px;
    padding: 0 20px
}

[class*=wrap-content] .data-tbl8 tbody tr td>span,
[class*=wrap-content] .data-tbl8 tbody tr td>strong {
    overflow: hidden;
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-tbl8 tbody tr td>span {
    color: #a6a6a6
}

[class*=wrap-content] .data-tbl8 tbody tr td>span:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: -2px 5px 0 0;
    background: #a0a0a0;
    vertical-align: middle
}

[class*=wrap-content] .data-tbl8 tbody tr td>strong {
    margin-left: 10px;
    text-align: right
}

[class*=wrap-content] .data-tbl8 tbody tr:first-child td {
    padding-top: 10px
}

[class*=wrap-content] .data-tbl8 tbody tr:last-child td {
    padding-bottom: 11px
}

[class*=wrap-content] .data-tbl9 {
    width: 100%;
    border: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl9 td,
[class*=wrap-content] .data-tbl9 th {
    height: 18px;
    padding: 4px 8px;
    border: 1px solid #e6e6e6;
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] .data-tbl9 th {
    background: #fff;
    font-weight: 400
}

[class*=wrap-content] .data-tbl9 th.ti-type1 {
    padding: 4px 0;
    background: #649cc6;
    font-family: NSKB;
    color: #fff
}

[class*=wrap-content] .data-tbl9 th.ti-type2 {
    background: #f2f6f8;
    text-align: left
}

[class*=wrap-content] .data-tbl9 th.ti-type2.ac {
    padding: 4px 0
}

[class*=wrap-content] .data-tbl9 th.ti-type3 {
    background: #f5f5f5;
    text-align: left
}

[class*=wrap-content] .data-tbl9 th.ti-type4 {
    background: #fafafa;
    font-family: NSKB
}

[class*=wrap-content] .data-tbl9 thead th>strong {
    font-family: NSKB;
    font-weight: 400
}

[class*=wrap-content] .data-tbl9 thead th>i {
    padding-left: 8px;
    font-size: 11px;
    color: #4a4a4a
}

[class*=wrap-content] .data-tbl9>tbody td {
    text-align: right
}

[class*=wrap-content] .data-tbl9>tbody td.empty-mode {
    background: #f5f5f5 !important
}

[class*=wrap-content] .data-tbl9>tbody td .sign-area {
    position: relative;
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-tbl9>tbody td .sign-area>strong {
    flex: 1 1;
    font-weight: 400
}

[class*=wrap-content] .data-tbl9>tbody td .sign-area>em {
    padding-left: 10px
}

[class*=wrap-content] .data-tbl9>tbody td .sign-area>em img {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 50px;
    height: 50px;
    margin-top: -25px
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type1 {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type1 span:first-child {
    flex: 1 1
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type1 span:nth-child(2) {
    width: 160px
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type1 span:nth-child(2):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-right: 15px;
    background: #e6e6e6
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type2 {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type2 span:first-child {
    width: calc(50% - 12px)
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type2 span:nth-child(2) {
    width: calc(50% + 12px);
    text-align: left
}

[class*=wrap-content] .data-tbl9>tbody td .cont-type2 span:nth-child(2):before {
    content: "/";
    display: inline-block;
    width: 24px;
    text-align: center
}

[class*=wrap-content] .data-tbl9>tbody .total,
[class*=wrap-content] .data-tbl9>tbody .total td,
[class*=wrap-content] .data-tbl9>tbody .total th {
    background: #fff1d6 !important
}

[class*=wrap-content] .data-tbl9>tbody .total2,
[class*=wrap-content] .data-tbl9>tbody .total2 td,
[class*=wrap-content] .data-tbl9>tbody .total2 th {
    background: #fffceb !important
}

[class*=wrap-content] .data-tbl9>tbody .total3,
[class*=wrap-content] .data-tbl9>tbody .total3 td,
[class*=wrap-content] .data-tbl9>tbody .total3 th {
    background: #fff7e0 !important
}

[class*=wrap-content] .data-tbl10 {
    border-top-width: 1px;
    border-top-style: double
}

[class*=wrap-content] .data-tbl10 tr {
    border-left: 1px double transparent;
    border-right: 1px double transparent
}

[class*=wrap-content] .data-tbl10 td,
[class*=wrap-content] .data-tbl10 th {
    border: 1px solid #e6e6e6;
    text-align: center
}

[class*=wrap-content] .data-tbl10 th {
    padding: 6px 10px 7px
}

[class*=wrap-content] .data-tbl10 td {
    padding: 6px 8px 7px
}

[class*=wrap-content] .data-tbl10 td+th {
    border-left: 1px double transparent
}

[class*=wrap-content] .data-tbl10.t1 td,
[class*=wrap-content] .data-tbl10.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl10.t2 {
    border-top-width: 2px
}

[class*=wrap-content] .data-tbl11 {
    border-top: 1px solid #646464
}

[class*=wrap-content] .data-tbl11 tr td {
    padding: 0 10px;
    height: auto;
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl11 tr td:last-child {
    border-right: none !important
}

[class*=wrap-content] .data-tbl11 tr:nth-child(odd) td {
    padding-top: 10px;
    border-bottom: none
}

[class*=wrap-content] .data-tbl11 tr:nth-child(odd) td:nth-child(3n+1) {
    padding-top: 0;
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl11 tr:nth-child(odd) td:nth-child(3n) {
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl11 tr:nth-child(2n) td {
    padding-bottom: 10px
}

[class*=wrap-content] .data-tbl11 tr:nth-child(2n) td:nth-child(2n) {
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl12 {
    border-collapse: separate;
    border-radius: 6px;
    border: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl12 td,
[class*=wrap-content] .data-tbl12 th {
    height: 17px;
    padding: 10px 20px;
    border: none
}

[class*=wrap-content] .data-tbl12 thead th {
    background: #fafbfc;
    text-align: center
}

[class*=wrap-content] .data-tbl12 thead th:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl12 thead tr:first-child th:first-child {
    border-top-left-radius: 6px
}

[class*=wrap-content] .data-tbl12 thead tr:first-child th:last-child {
    border-top-right-radius: 6px
}

[class*=wrap-content] .data-tbl12 tbody td,
[class*=wrap-content] .data-tbl12 tbody th {
    border-top: 1px solid #f5f5f5;
    background: none;
    color: #4a4a4a;
    font-weight: 400
}

[class*=wrap-content] .data-tbl12 tbody th {
    text-align: left
}

[class*=wrap-content] .data-tbl12 tbody th>span {
    display: block;
    margin-top: 4px
}

[class*=wrap-content] .data-tbl12 tbody tr:first-child td,
[class*=wrap-content] .data-tbl12 tbody tr:first-child th {
    border-top-color: #e6e6e6
}

[class*=wrap-content] .data-tbl12 tbody tr:last-child td:first-child,
[class*=wrap-content] .data-tbl12 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 6px
}

[class*=wrap-content] .data-tbl12 tbody tr:last-child td:last-child,
[class*=wrap-content] .data-tbl12 tbody tr:last-child th:last-child {
    border-bottom-right-radius: 6px
}

[class*=wrap-content] .data-tbl12.t1 td,
[class*=wrap-content] .data-tbl12.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl12.t2 tbody td:not(:first-child),
[class*=wrap-content] .data-tbl12.t2 tbody th:not(:first-child) {
    border-left: 1px solid #f5f5f5
}

[class*=wrap-content] .data-tbl13 {
    border-collapse: separate;
    border-radius: 4px;
    border: 1px solid #d6dce5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

[class*=wrap-content] .data-tbl13 td,
[class*=wrap-content] .data-tbl13 th {
    height: 17px;
    padding: 14px 15px 15px;
    border: none
}

[class*=wrap-content] .data-tbl13 td:not(:first-child),
[class*=wrap-content] .data-tbl13 th:not(:first-child) {
    border-left: 1px solid #f0f0f0
}

[class*=wrap-content] .data-tbl13 thead th {
    background: #fafbfc;
    text-align: center
}

[class*=wrap-content] .data-tbl13 thead tr:first-child th:first-child {
    border-top-left-radius: 4px
}

[class*=wrap-content] .data-tbl13 thead tr:first-child th:last-child {
    border-top-right-radius: 4px
}

[class*=wrap-content] .data-tbl13 tbody td,
[class*=wrap-content] .data-tbl13 tbody th {
    border-top: 1px solid #f0f0f0;
    background: none
}

[class*=wrap-content] .data-tbl13 tbody th {
    color: #8c8c8c;
    text-align: left;
    font-weight: 400
}

[class*=wrap-content] .data-tbl13 tbody td {
    font-weight: 700
}

[class*=wrap-content] .data-tbl13 tbody tr:first-child td,
[class*=wrap-content] .data-tbl13 tbody tr:first-child th {
    border-top-color: #e6e6e6
}

[class*=wrap-content] .data-tbl13 tbody tr:last-child td:first-child,
[class*=wrap-content] .data-tbl13 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 4px
}

[class*=wrap-content] .data-tbl13 tbody tr:last-child td:last-child,
[class*=wrap-content] .data-tbl13 tbody tr:last-child th:last-child {
    border-bottom-right-radius: 4px
}

[class*=wrap-content] .data-tbl13.t1 td,
[class*=wrap-content] .data-tbl13.t1 th {
    white-space: normal;
    text-overflow: inherit
}

[class*=wrap-content] .data-tbl4 {
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl4>tbody>tr>td,
[class*=wrap-content] .data-tbl4>tbody>tr>th,
[class*=wrap-content] .data-tbl4>tfoot>tr>td,
[class*=wrap-content] .data-tbl4>tfoot>tr>th,
[class*=wrap-content] .data-tbl4>thead>tr>td,
[class*=wrap-content] .data-tbl4>thead>tr>th {
    padding: 9px 8px 10px;
    border: solid #e6e6e6;
    border-width: 1px 0 0;
    font-size: 13px;
    text-align: center
}

[class*=wrap-content] .data-tbl4>tbody>tr>td:first-child,
[class*=wrap-content] .data-tbl4>tbody>tr>th:first-child,
[class*=wrap-content] .data-tbl4>tfoot>tr>td:first-child,
[class*=wrap-content] .data-tbl4>tfoot>tr>th:first-child,
[class*=wrap-content] .data-tbl4>thead>tr>td:first-child,
[class*=wrap-content] .data-tbl4>thead>tr>th:first-child {
    border-left: 1px solid #fff
}

[class*=wrap-content] .data-tbl4>tbody>tr>td:last-child,
[class*=wrap-content] .data-tbl4>tbody>tr>th:last-child,
[class*=wrap-content] .data-tbl4>tfoot>tr>td:last-child,
[class*=wrap-content] .data-tbl4>tfoot>tr>th:last-child,
[class*=wrap-content] .data-tbl4>thead>tr>td:last-child,
[class*=wrap-content] .data-tbl4>thead>tr>th:last-child {
    border-right: 1px solid #fff
}

[class*=wrap-content] .data-tbl4>thead>tr>th+th {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl4>tbody>tr>th {
    background: #fff;
    font-weight: 400
}

[class*=wrap-content] .data-tbl4>thead+tbody>tr:last-child>td,
[class*=wrap-content] .data-tbl4>thead+tbody>tr:last-child>th {
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl4>tfoot>tr>td,
[class*=wrap-content] .data-tbl4>tfoot>tr>th {
    border-bottom: 1px solid #e6e6e6;
    font-weight: 700
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTTextField]>div {
    background: none !important
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTTextField]>div>div {
    border: none !important;
    background: none !important
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTDropDownList] {
    width: 100%
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTDropDownList]>div {
    width: 100% !important;
    background: none !important
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTDropDownList]>div div>span {
    border: none !important;
    background: none !important;
    text-align: left
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTDropDownList]>div div>span>span {
    background: none !important;
    color: #000 !important
}

[class*=wrap-content] .data-tbl4 [data-orbit-component=OBTDropDownList].dis span {
    color: #8d8d8d !important
}

[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):hover,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):hover>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):hover>th,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:hover>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:hover>th {
    border-color: #1c90fb
}

[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):hover+tr>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):hover+tr>th,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:hover+tr>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:hover+tr>th {
    border-top-color: #1c90fb
}

[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):last-child:hover>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData):last-child:hover>th,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:last-child:hover>td,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr:last-child:hover>th {
    border-bottom: 1px solid #1c90fb
}

[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData).on td,
[class*=wrap-content] .data-tbl4:not(.t1)>tbody>tr:not(.add):not(.emptyData).on th,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr.on td,
[class*=wrap-content] .data-tbl4:not(.t1)>tfoot tr.on th {
    background: #eff7ff !important
}

[class*=wrap-content] .data-tbl4 .add td {
    padding: 0
}

[class*=wrap-content] .data-tbl4 .add td>div {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .data-tbl4 .add td>div button {
    width: 100%;
    height: 46px;
    border: none !important;
    background-image: none !important
}

[class*=wrap-content] .data-tbl4 .add td>div button span {
    margin-left: 3px;
    font-size: 13px !important;
    color: #8d8d8d
}

[class*=wrap-content] .data-tbl4 .add td>div button span:after {
    display: none
}

[class*=wrap-content] .data-tbl4 .add td>div button:hover span {
    color: #1c90fb
}

[class*=wrap-content] .data-tbl4 .emptyData td {
    padding: 20px 0
}

[class*=wrap-content] .data-tbl5 {
    border-top: none;
    border-collapse: separate;
    border-spacing: 0 6px;
    font-size: 12px
}

[class*=wrap-content] .data-tbl5 tr {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

[class*=wrap-content] .data-tbl5 tr.on td,
[class*=wrap-content] .data-tbl5 tr.on th {
    background: #eff7ff
}

[class*=wrap-content] .data-tbl5 td:first-child,
[class*=wrap-content] .data-tbl5 th:first-child {
    border-radius: 4px 0 0 4px
}

[class*=wrap-content] .data-tbl5 td:last-child,
[class*=wrap-content] .data-tbl5 th:last-child {
    border-radius: 0 4px 4px 0
}

[class*=wrap-content] .data-tbl5 td,
[class*=wrap-content] .data-tbl5 th {
    padding: 0 8px;
    border: none;
    background: #fff;
    text-align: center
}

[class*=wrap-content] .data-tbl5 td>[data-orbit-component=OBTTooltip],
[class*=wrap-content] .data-tbl5 th>[data-orbit-component=OBTTooltip] {
    height: auto;
    line-height: normal
}

[class*=wrap-content] .data-tbl5 td button,
[class*=wrap-content] .data-tbl5 th button {
    margin-top: -3px;
    vertical-align: middle
}

[class*=wrap-content] .data-tbl5 thead th {
    height: 30px;
    line-height: 30px;
    color: #a6a6a6;
    font-weight: 400
}

[class*=wrap-content] .data-tbl5 tbody td,
[class*=wrap-content] .data-tbl5 tbody th,
[class*=wrap-content] .data-tbl5 tfoot td,
[class*=wrap-content] .data-tbl5 tfoot th {
    height: 46px;
    line-height: 46px
}

[class*=wrap-content] .data-tbl5 tbody td.bar-no:before,
[class*=wrap-content] .data-tbl5 tbody th.bar-no:before,
[class*=wrap-content] .data-tbl5 tfoot td.bar-no:before,
[class*=wrap-content] .data-tbl5 tfoot th.bar-no:before {
    display: none
}

[class*=wrap-content] .data-tbl5 tbody td:first-child~td,
[class*=wrap-content] .data-tbl5 tbody th:first-child~td,
[class*=wrap-content] .data-tbl5 tfoot td:first-child~td,
[class*=wrap-content] .data-tbl5 tfoot th:first-child~td {
    position: relative
}

[class*=wrap-content] .data-tbl5 tbody td:first-child~td:before,
[class*=wrap-content] .data-tbl5 tbody th:first-child~td:before,
[class*=wrap-content] .data-tbl5 tfoot td:first-child~td:before,
[class*=wrap-content] .data-tbl5 tfoot th:first-child~td:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 1px;
    height: 14px;
    background: #e6e6e6
}

[class*=wrap-content] .data-tbl5 tbody th {
    font-weight: 400
}

[class*=wrap-content] .data-tbl5 tfoot td,
[class*=wrap-content] .data-tbl5 tfoot th {
    background: #fff
}

[class*=wrap-content] .data-tbl5 tfoot td {
    font-weight: 700
}

[class*=wrap-content] .data-tbl5.t2 tbody tr:hover {
    cursor: pointer
}

[class*=wrap-content] .data-tbl7 {
    border-top: none;
    border-collapse: separate;
    border-spacing: 0 6px
}

[class*=wrap-content] .data-tbl7 tr {
    border-radius: 4px
}

[class*=wrap-content] .data-tbl7 tr.on td {
    border-color: #1c90fb !important;
    background-color: #f5faff !important
}

[class*=wrap-content] .data-tbl7 td:first-child,
[class*=wrap-content] .data-tbl7 th:first-child {
    border-radius: 4px 0 0 4px
}

[class*=wrap-content] .data-tbl7 td:last-child,
[class*=wrap-content] .data-tbl7 th:last-child {
    border-radius: 0 4px 4px 0
}

[class*=wrap-content] .data-tbl7 td,
[class*=wrap-content] .data-tbl7 th {
    height: 34px;
    line-height: 17px;
    text-align: center
}

[class*=wrap-content] .data-tbl7 td>[data-orbit-component=OBTTooltip],
[class*=wrap-content] .data-tbl7 th>[data-orbit-component=OBTTooltip] {
    height: auto;
    line-height: normal;
    margin-bottom: 3px;
    vertical-align: middle
}

[class*=wrap-content] .data-tbl7 td.ckbox,
[class*=wrap-content] .data-tbl7 th.ckbox {
    padding-right: 0
}

[class*=wrap-content] .data-tbl7 td.ckbox>.checkbox,
[class*=wrap-content] .data-tbl7 th.ckbox>.checkbox {
    width: 18px;
    padding-right: 0
}

[class*=wrap-content] .data-tbl7 thead th {
    padding: 8px;
    border: none;
    background: #ecf1f5;
    font-weight: 400
}

[class*=wrap-content] .data-tbl7 thead th:not(.pd-reset):first-child {
    padding-left: 30px
}

[class*=wrap-content] .data-tbl7 thead th:not(.pd-reset):last-child {
    padding-right: 30px
}

[class*=wrap-content] .data-tbl7 tbody td,
[class*=wrap-content] .data-tbl7 tbody th,
[class*=wrap-content] .data-tbl7 tfoot td,
[class*=wrap-content] .data-tbl7 tfoot th {
    padding: 12px 8px;
    border-top: 1px solid #e6e6e6;
    background-color: #fff !important
}

[class*=wrap-content] .data-tbl7 tbody td:first-child,
[class*=wrap-content] .data-tbl7 tbody th:first-child,
[class*=wrap-content] .data-tbl7 tfoot td:first-child,
[class*=wrap-content] .data-tbl7 tfoot th:first-child {
    padding-left: 30px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl7 tbody td:last-child,
[class*=wrap-content] .data-tbl7 tbody th:last-child,
[class*=wrap-content] .data-tbl7 tfoot td:last-child,
[class*=wrap-content] .data-tbl7 tfoot th:last-child {
    padding-right: 30px;
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] .data-tbl7 tbody td:not(.ckbox):not(.btn):not(.state):not(:last-child),
[class*=wrap-content] .data-tbl7 tbody th:not(.ckbox):not(.btn):not(.state):not(:last-child),
[class*=wrap-content] .data-tbl7 tfoot td:not(.ckbox):not(.btn):not(.state):not(:last-child),
[class*=wrap-content] .data-tbl7 tfoot th:not(.ckbox):not(.btn):not(.state):not(:last-child) {
    background: #fff url(/static/media/img_line.22fc21ba.png) no-repeat 100% 50%
}

[class*=wrap-content] .data-tbl7 tbody td.num,
[class*=wrap-content] .data-tbl7 tbody th.num,
[class*=wrap-content] .data-tbl7 tfoot td.num,
[class*=wrap-content] .data-tbl7 tfoot th.num {
    font-size: 13px;
    font-weight: 700
}

[class*=wrap-content] .data-tbl7 tbody td.num>span,
[class*=wrap-content] .data-tbl7 tbody th.num>span,
[class*=wrap-content] .data-tbl7 tfoot td.num>span,
[class*=wrap-content] .data-tbl7 tfoot th.num>span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 30px;
    color: #919191;
    vertical-align: middle
}

[class*=wrap-content] .data-tbl7 tbody td.num>span.end,
[class*=wrap-content] .data-tbl7 tbody th.num>span.end,
[class*=wrap-content] .data-tbl7 tfoot td.num>span.end,
[class*=wrap-content] .data-tbl7 tfoot th.num>span.end {
    background: #e4f7f3;
    color: #4a4a4a
}

[class*=wrap-content] .data-tbl7 tbody td.num>span.ing,
[class*=wrap-content] .data-tbl7 tbody th.num>span.ing,
[class*=wrap-content] .data-tbl7 tfoot td.num>span.ing,
[class*=wrap-content] .data-tbl7 tfoot th.num>span.ing {
    background: #e2e2e2;
    color: #4a4a4a
}

[class*=wrap-content] .data-tbl7 tbody td.name .pic,
[class*=wrap-content] .data-tbl7 tbody th.name .pic,
[class*=wrap-content] .data-tbl7 tfoot td.name .pic,
[class*=wrap-content] .data-tbl7 tfoot th.name .pic {
    overflow: hidden;
    position: relative;
    display: block;
    max-width: calc(100% - 38px);
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    padding-left: 38px;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-tbl7 tbody td.name .pic .pic-type1,
[class*=wrap-content] .data-tbl7 tbody th.name .pic .pic-type1,
[class*=wrap-content] .data-tbl7 tfoot td.name .pic .pic-type1,
[class*=wrap-content] .data-tbl7 tfoot th.name .pic .pic-type1 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px
}

[class*=wrap-content] .data-tbl7 tbody td.name strong i,
[class*=wrap-content] .data-tbl7 tbody th.name strong i,
[class*=wrap-content] .data-tbl7 tfoot td.name strong i,
[class*=wrap-content] .data-tbl7 tfoot th.name strong i {
    font-weight: 400
}

[class*=wrap-content] .data-tbl7 tbody td.name span:not([class]),
[class*=wrap-content] .data-tbl7 tbody th.name span:not([class]),
[class*=wrap-content] .data-tbl7 tfoot td.name span:not([class]),
[class*=wrap-content] .data-tbl7 tfoot th.name span:not([class]) {
    margin-left: 3px;
    font-size: 11px;
    color: #a6a6a6
}

[class*=wrap-content] .data-tbl7 tbody td.btn>div,
[class*=wrap-content] .data-tbl7 tbody th.btn>div,
[class*=wrap-content] .data-tbl7 tfoot td.btn>div,
[class*=wrap-content] .data-tbl7 tfoot th.btn>div {
    vertical-align: middle
}

[class*=wrap-content] .data-tbl7 tbody td.state>[class*=state-type],
[class*=wrap-content] .data-tbl7 tbody td.state>[data-orbit-component=OBTTooltip]>[class*=state-type],
[class*=wrap-content] .data-tbl7 tbody th.state>[class*=state-type],
[class*=wrap-content] .data-tbl7 tbody th.state>[data-orbit-component=OBTTooltip]>[class*=state-type],
[class*=wrap-content] .data-tbl7 tfoot td.state>[class*=state-type],
[class*=wrap-content] .data-tbl7 tfoot td.state>[data-orbit-component=OBTTooltip]>[class*=state-type],
[class*=wrap-content] .data-tbl7 tfoot th.state>[class*=state-type],
[class*=wrap-content] .data-tbl7 tfoot th.state>[data-orbit-component=OBTTooltip]>[class*=state-type] {
    min-width: 34px;
    height: auto;
    min-height: 18px
}

[class*=wrap-content] .data-tbl7 tbody th {
    font-weight: 400
}

[class*=wrap-content] .data-tbl7 tfoot td {
    font-weight: 700
}

[class*=wrap-content] .data-tbl7.t1 td,
[class*=wrap-content] .data-tbl7.t1 th {
    white-space: normal;
    text-overflow: clip;
    vertical-align: middle
}

[class*=wrap-content] .data-tbl7.t1 td>[data-orbit-component=OBTTooltip],
[class*=wrap-content] .data-tbl7.t1 th>[data-orbit-component=OBTTooltip] {
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] .data-tbl7.t1 tbody tr td.name .pic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    line-height: inherit;
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] .data-tbl7.t1 tbody tr td.name span:not([class]) {
    display: block;
    margin-left: 0
}

[class*=wrap-content] .data-tbl7.t2 {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 6px
}

[class*=wrap-content] .tbl-scroll-wrap1,
[class*=wrap-content] .tbl-scroll-wrap2 {
    position: relative;
    height: 100% !important;
    border-top: 2px solid #666;
    box-sizing: border-box
}

[class*=wrap-content] .tbl-scroll-wrap1:before,
[class*=wrap-content] .tbl-scroll-wrap2:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    z-index: 1
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll,
[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll table thead th,
[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll table thead th {
    width: 50%;
    height: 0;
    padding: 0;
    border-bottom: none
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll table thead th .th-text,
[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll table thead th .th-text {
    position: absolute;
    top: 0;
    width: inherit;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    line-height: 32px
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll table thead th:not(:first-child) .th-text,
[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll table thead th:not(:first-child) .th-text {
    margin-left: -1px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .tbl-scroll-wrap1 {
    padding-top: 33px
}

[class*=wrap-content] .tbl-scroll-wrap1:before {
    height: 32px
}

[class*=wrap-content] .tbl-scroll-wrap1:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e6e6e6;
    z-index: 1;
    box-sizing: border-box
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll:after,
[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e6e6e6;
    z-index: 1
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll:before {
    left: 0
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll:after {
    right: 0
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll table {
    border: none
}

[class*=wrap-content] .tbl-scroll-wrap1 .tbl-scroll table thead th .th-text {
    line-height: 32px
}

[class*=wrap-content] .tbl-scroll-wrap2 {
    padding-top: 41px
}

[class*=wrap-content] .tbl-scroll-wrap2:before {
    height: 40px
}

[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll table {
    border-top: none
}

[class*=wrap-content] .tbl-scroll-wrap2 .tbl-scroll table thead th .th-text {
    line-height: 40px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] {
    border-collapse: collapse;
    border-bottom: none;
    box-sizing: border-box
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.on {
    border-color: #1c90fb
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.on td,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.on th {
    position: relative;
    background-color: rgba(28, 144, 251, .07);
    border-bottom-color: #1c90fb !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.on td:before,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.on th:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: calc(100% + 2px);
    height: 1px;
    background: #1c90fb
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr:last-child>td,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr:last-child>th {
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th {
    padding-left: 9px;
    font-size: 12px !important;
    color: #000 !important;
    letter-spacing: -.6px;
    text-align: right
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th [class*=OBTTooltip_contents] {
    font-weight: 400
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th [data-orbit-component=OBTTooltip] {
    margin-right: 4px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th [data-orbit-component=OBTTooltip]>img {
    margin-top: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.t1>div {
    text-align: left
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.t1>div>div:first-child {
    flex: 1 1;
    padding-right: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.t1>div>div:first-child>span {
    color: #1c90fb;
    text-decoration: underline;
    cursor: pointer
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.t1>div>[class*=state-type]:not(:last-child) {
    margin-right: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.t1>div>div:not(:first-child) {
    font-weight: 400
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td {
    padding-right: 7px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .dash {
    display: inline-block;
    width: 14px;
    text-align: center;
    vertical-align: middle
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .at {
    display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: middle
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit {
    padding-left: 3px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div:not(.btn-chips) {
    box-sizing: border-box
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div~div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not([id^=gridWrapper]):not([data-orbit-component=OBTTooltip]) {
    margin-left: 2px;
    vertical-align: middle
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    vertical-align: middle
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div+[data-orbit-component=OBTTooltip] {
    margin-left: 5px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div+[data-orbit-component=OBTTooltip]>img {
    margin-top: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>div+[data-orbit-component=OBTButton]>.img-btn1 {
    margin-left: 3px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .at+div,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .dash+div {
    margin-left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not([data-orbit-component=OBTTooltip]),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div span:not([class^=ti]):not([class^=dash]):not([class^=at])+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not([data-orbit-component=OBTTooltip]) {
    margin-left: 10px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit+[data-orbit-component=OBTTooltip],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div span:not([class^=ti]):not([class^=dash]):not([class^=at])+[data-orbit-component=OBTTooltip] {
    margin-left: 5px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit+[data-orbit-component=OBTTooltip]>img,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div span:not([class^=ti]):not([class^=dash]):not([class^=at])+[data-orbit-component=OBTTooltip]>img {
    margin-top: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit+[data-orbit-component=OBTButton]>.img-btn1,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div span:not([class^=ti]):not([class^=dash]):not([class^=at])+[data-orbit-component=OBTButton]>.img-btn1 {
    margin-left: -5px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [class^=ti] {
    display: inline-block;
    min-width: 60px;
    padding-right: 5px;
    text-align: right;
    box-sizing: border-box
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [class^=ti]+div {
    margin-left: 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div>span:not(:first-child):not(.dash):not(.at) {
    margin-left: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTCodePicker]>div {
    vertical-align: top
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTCheckBox],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTRadioButtonGroup] {
    width: auto !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTCheckBox]+div:not([data-orbit-component=OBTCheckBox]),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTRadioButtonGroup]+div:not([data-orbit-component=OBTRadioButtonGroup]),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div div:not([data-orbit-component=OBTCheckBox])+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div div:not([data-orbit-component=OBTRadioButtonGroup]):first-child+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 10px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div .unit+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div [data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td>div div:not([data-orbit-component=OBTRadioButtonGroup])+[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: 20px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div {
    flex-direction: column;
    align-items: flex-start
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div {
    width: 100%
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div:not([class]) {
    display: flex;
    align-items: center
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div:not([class])>span:not(:first-child):not(.dash) {
    margin-left: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div:not([class])>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup])+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    margin-left: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div:not(:first-child),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>dl:not(:first-child),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>ol:not(:first-child),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>span:not(:first-child),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>table:not(:first-child),
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>ul:not(:first-child) {
    margin: 5px 0 0 !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>[data-orbit-component=OBTRadioButtonGroup]>div>span+span:not([style*=-block]) {
    margin-top: 3px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div.t1 {
    margin-top: 3px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div.t1>[data-orbit-component=OBTRadioButtonGroup] {
    vertical-align: top
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.align-v>div>div [data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTCheckBox] {
    margin-left: 20px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.height-100p {
    height: 100%;
    box-sizing: border-box
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td .heading {
    display: flex;
    align-items: center;
    width: 100%;
    height: 27px;
    margin-bottom: 1px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td .heading>span {
    flex: 1 1
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td .heading>.btn {
    max-height: 27px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td .heading>.btn>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t1>div>div:first-child {
    flex: 1 1;
    padding-right: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t1>div>div:first-child>span {
    color: #1c90fb;
    text-decoration: underline;
    cursor: pointer
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t1>div>[class*=state-type]:not(:last-child) {
    margin-right: 2px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t2>div {
    position: relative
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t2>div>div>div>div>input {
    padding-right: 27px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t2>div>div+div {
    position: absolute;
    top: 1px;
    right: 1px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t3>div ul {
    display: flex
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t3>div ul li:not(:first-child) {
    position: relative;
    margin-left: 10px;
    padding-left: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t3>div ul li:not(:first-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e6e6e6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t3>div ul li span {
    margin-right: 5px;
    color: #a6a6a6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t3>div ul li em {
    display: inline-block;
    width: 65px;
    text-align: center
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t4>div>div:first-child:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    margin-left: -13px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t4>div>div:first-child:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup])[data-orbit-component=OBTTextField]:only-child {
    width: calc(100% + 13px) !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t4>div>[data-orbit-component=OBTCheckBox],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t4>div>[data-orbit-component=OBTRadioButtonGroup] {
    margin-left: -5px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t4>div>span:first-child {
    margin-left: -6px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 37px)
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div {
    display: flex;
    flex: 1 1;
    align-items: center;
    justify-content: flex-end
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div>div:first-child,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div>span:first-child {
    flex: 1 1;
    text-align: right
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div>span+[data-orbit-component=OBTNumberField] {
    width: 70px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div:not(:only-child):first-child {
    flex: none;
    width: 250px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>div:first-child>div+div {
    margin-left: 10px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.t5>div>[data-orbit-component=OBTButton] {
    margin-left: 10px !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td .color-box {
    overflow: hidden;
    width: 50px;
    height: 0;
    padding-top: 25px;
    border: 1px solid #ccc;
    background: #fff
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.line>td,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] tr.line>th {
    border-bottom: 1px solid #a6a6a6 !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.line,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.line {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] td.line[rowspan],
[class*=wrap-content] [data-orbit-component=OBTFormPanel] th.line[rowspan] {
    border-left: none;
    border-right: 1px solid #e6e6e6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div {
    justify-content: flex-start !important;
    text-align: left
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div>.info {
    display: flex;
    flex: 1 1
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div>.info>span {
    display: inline-block;
    padding-left: 10px;
    color: #1c90fb;
    font-weight: 400
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div>.info>em {
    display: inline-block;
    flex: 1 1;
    color: #1c90fb;
    text-align: right
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div>.btn {
    margin-left: 6px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ti th>div>.btn>div {
    margin-left: 4px
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total td,
[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total th {
    background: #fff1d6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total th>div {
    justify-content: center !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .al>div {
    justify-content: flex-start !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ac>div {
    justify-content: center !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .ar>div {
    justify-content: flex-end !important
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .bg1 {
    background: #f2f6f8
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .bg2 {
    background: #deebf2
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total {
    background: #fff1d6
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total2 {
    background: #fffceb
}

[class*=wrap-content] [data-orbit-component=OBTFormPanel] .total3 {
    background: #fff7e0
}

[class*=wrap-content] .form-tbl td [data-orbit-component=OBTDropDownList] span,
[class*=wrap-content] .form-tbl td input {
    font-weight: 700
}

[class*=wrap-content] .form-tbl1 td:not(:first-child),
[class*=wrap-content] .form-tbl1 th:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .form-tbl1 thead th {
    height: 27px;
    padding: 6px 8px 7px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    text-align: center
}

[class*=wrap-content] .form-tbl1 thead tr:not(:first-child) th {
    font-weight: 400
}

[class*=wrap-content] .form-tbl1 tbody td>div,
[class*=wrap-content] .form-tbl1 tbody th>div {
    justify-content: center
}

[class*=wrap-content] .form-tbl1 tbody td>div [data-orbit-component=OBTCheckBox]:only-child,
[class*=wrap-content] .form-tbl1 tbody th>div [data-orbit-component=OBTCheckBox]:only-child {
    width: auto !important
}

[class*=wrap-content] .form-tbl1 tbody td>div [data-orbit-component=OBTCheckBox]:only-child.nolabel,
[class*=wrap-content] .form-tbl1 tbody th>div [data-orbit-component=OBTCheckBox]:only-child.nolabel {
    width: 14px !important
}

[class*=wrap-content] .form-tbl1 .on>td,
[class*=wrap-content] .form-tbl1 .on>th {
    background: #eff7ff
}

[class*=wrap-content] .form-tbl2 {
    border: none
}

[class*=wrap-content] .form-tbl2>tbody>tr {
    height: 31px
}

[class*=wrap-content] .form-tbl2>tbody>tr>td,
[class*=wrap-content] .form-tbl2>tbody>tr>th {
    height: 27px;
    padding: 2px 6px !important;
    border: none !important
}

[class*=wrap-content] .form-tbl2>tbody>tr>th {
    padding-right: 0 !important;
    background: #fff
}

[class*=wrap-content] .form-tbl2>tbody>tr>td>div>div button>div>span {
    margin-top: -2px
}

[class*=wrap-content] .form-tbl2>tbody>tr>td>div>.help {
    height: auto;
    margin-left: 5px !important;
    cursor: pointer
}

[class*=wrap-content] .form-tbl2>tbody>tr:first-child td,
[class*=wrap-content] .form-tbl2>tbody>tr:first-child th {
    padding-top: 14px !important
}

[class*=wrap-content] .form-tbl2>tbody>tr:last-child td,
[class*=wrap-content] .form-tbl2>tbody>tr:last-child th {
    padding-bottom: 14px !important
}

[class*=wrap-content] .form-tbl3 {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666
}

[class*=wrap-content] .form-tbl3 tr {
    height: 33px;
    border: none
}

[class*=wrap-content] .form-tbl3 tr:not(:first-child)>th {
    border-top: 1px double #a6a6a6
}

[class*=wrap-content] .form-tbl3 td,
[class*=wrap-content] .form-tbl3 th {
    border: 1px solid #e6e6e6
}

[class*=wrap-content] .form-tbl3 th {
    padding: 7px 8px;
    text-align: center
}

[class*=wrap-content] .form-tbl3 th>[class*=OBTFormPanel_contentsWrapper] {
    display: block
}

[class*=wrap-content] .form-tbl3 td {
    padding: 0
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component]>div>div {
    height: 32px !important;
    padding: 0 !important;
    border: none !important;
    line-height: 32px !important
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component]>div>div input {
    height: 100%;
    padding: 0 8px !important;
    box-sizing: border-box
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component=OBTDatePicker]>div:first-child {
    width: 100% !important
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component=OBTDatePicker]>div:first-child [class*=OBTDatePickerRebuild_dateInput] {
    padding-right: 0 !important
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component=OBTDatePicker]>div:first-child [class*=OBTDatePickerRebuild_inputY] {
    width: 36px !important
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component=OBTDatePicker]>div:first-child [class*=OBTDatePickerRebuild_inputYM] {
    width: 53px !important
}

[class*=wrap-content] .form-tbl3 td [data-orbit-component=OBTDatePicker]>div:first-child [class*=OBTDatePickerRebuild_inputYMD] {
    width: 70px !important
}

[class*=wrap-content] .form-tbl3 td.grid {
    overflow: hidden
}

[class*=wrap-content] .form-tbl3 td.grid>[class*=OBTFormPanel_contentsWrapper] {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% + 2px)
}

[class*=wrap-content] .form-tbl3 td.grid>[class*=OBTFormPanel_contentsWrapper] [id^=gridWrapper] {
    border: none
}

[class*=wrap-content] .form-tbl3 td.grid>[class*=OBTFormPanel_contentsWrapper] [id^=gridWrapper]+[id^=gridWrapper]:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

[class*=wrap-content] .report-tbl1 {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666
}

[class*=wrap-content] .report-tbl1 tr {
    height: 33px;
    border: none
}

[class*=wrap-content] .report-tbl1 td,
[class*=wrap-content] .report-tbl1 th {
    padding: 7px 8px;
    border: 1px solid #e6e6e6;
    background: #fff
}

[class*=wrap-content] .report-tbl1 td.before-area,
[class*=wrap-content] .report-tbl1 th.before-area {
    border-left-style: double;
    border-left-color: #a3d2ff
}

[class*=wrap-content] .report-tbl1 td.before-area+.before-area,
[class*=wrap-content] .report-tbl1 th.before-area+.before-area {
    border-left-color: #e6e6e6
}

[class*=wrap-content] .report-tbl1 td.after-area,
[class*=wrap-content] .report-tbl1 th.after-area {
    border-left-style: double;
    border-left-color: #ffacac
}

[class*=wrap-content] .report-tbl1 td.after-area+.after-area,
[class*=wrap-content] .report-tbl1 th.after-area+.after-area {
    border-left-color: #e6e6e6
}

[class*=wrap-content] .report-tbl1 td>[class*=OBTFormPanel_contentsWrapper],
[class*=wrap-content] .report-tbl1 th>[class*=OBTFormPanel_contentsWrapper] {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .report-tbl1 td.ico-sub>div:before,
[class*=wrap-content] .report-tbl1 th.ico-sub>div:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 4px 3px 0 5px;
    border: solid #000;
    border-width: 0 0 2px 2px;
    vertical-align: top;
    box-sizing: border-box
}

[class*=wrap-content] .report-tbl1 td.ico-code,
[class*=wrap-content] .report-tbl1 th.ico-code {
    padding-left: 4px;
    cursor: pointer
}

[class*=wrap-content] .report-tbl1 td.ico-code:after,
[class*=wrap-content] .report-tbl1 th.ico-code:after {
    content: "";
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_code_m_normal.3e060352.png) no-repeat
}

[class*=wrap-content] .report-tbl1 td.ico-code>[class*=OBTFormPanel_contentsWrapper],
[class*=wrap-content] .report-tbl1 th.ico-code>[class*=OBTFormPanel_contentsWrapper] {
    float: right;
    width: calc(100% - 22px)
}

[class*=wrap-content] .report-tbl1 th>[class*=OBTFormPanel_contentsWrapper] {
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] .report-tbl1>.thead-area th,
[class*=wrap-content] .report-tbl1>thead th {
    background: #fafafa;
    text-align: center;
    font-weight: 700
}

[class*=wrap-content] .report-tbl1>.thead-area tr.ti-area1>.before-area,
[class*=wrap-content] .report-tbl1>thead tr.ti-area1>.before-area {
    border-color: #a3d2ff;
    background: #a3d2ff
}

[class*=wrap-content] .report-tbl1>.thead-area tr.ti-area1>.after-area,
[class*=wrap-content] .report-tbl1>thead tr.ti-area1>.after-area {
    border-color: #ffacac;
    background: #ffacac
}

[class*=wrap-content] .report-tbl1>tbody th,
[class*=wrap-content] .report-tbl1>tfoot th {
    text-align: left;
    font-weight: 400
}

[class*=wrap-content] .report-tbl1>tbody th[class*=ti],
[class*=wrap-content] .report-tbl1>tfoot th[class*=ti] {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody th[class*=ti-type],
[class*=wrap-content] .report-tbl1>tfoot th[class*=ti-type] {
    padding: 7px 0;
    border-left-width: 1px;
    font-weight: 700
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type1,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type1 {
    border-left-color: #fc5356;
    box-shadow: inset 1px 0 0 0 #fc5356;
    background: #fff1f1;
    color: #fc5356 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type2,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type2 {
    border-left-color: #1c90fb;
    box-shadow: inset 1px 0 0 0 #1c90fb;
    background: #eaf2fd;
    color: #1c90fb !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type3,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type3 {
    border-left-color: #2baabe;
    box-shadow: inset 1px 0 0 0 #2baabe;
    background: #e2f4f7;
    color: #2baabe !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type4,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type4 {
    border-left-color: #e6a000;
    box-shadow: inset 1px 0 0 0 #e6a000;
    background: #fcf6e8;
    color: #e6a000 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type5,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type5 {
    border-left-color: #63b44b;
    box-shadow: inset 1px 0 0 0 #63b44b;
    background: #edf7ea;
    color: #63b44b !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type6,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type6 {
    border-left-color: #ff7a34;
    box-shadow: inset 1px 0 0 0 #ff7a34;
    background: #fdf3eb;
    color: #ff7a34 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type7,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type7 {
    border-left-color: #a87ad8;
    box-shadow: inset 1px 0 0 0 #a87ad8;
    background: #f9f1ff;
    color: #a87ad8 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type8,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type8 {
    border-left-color: #7785f0;
    box-shadow: inset 1px 0 0 0 #7785f0;
    background: #f0f2fa;
    color: #7785f0 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type9,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type9 {
    border-left-color: #43b8e3;
    box-shadow: inset 1px 0 0 0 #43b8e3;
    background: #edf8fc;
    color: #43b8e3 !important
}

[class*=wrap-content] .report-tbl1>tbody th.ti-type10,
[class*=wrap-content] .report-tbl1>tfoot th.ti-type10 {
    border-left-color: #d37cc6;
    box-shadow: inset 1px 0 0 0 #d37cc6;
    background: #faf2f9;
    color: #d37cc6 !important
}

[class*=wrap-content] .report-tbl1>tbody td,
[class*=wrap-content] .report-tbl1>tfoot td {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody td:not([class]),
[class*=wrap-content] .report-tbl1>tfoot td:not([class]) {
    padding: 7px 0
}

[class*=wrap-content] .report-tbl1>tbody td.empty-mode,
[class*=wrap-content] .report-tbl1>tfoot td.empty-mode {
    background: #f5f5f5 !important
}

[class*=wrap-content] .report-tbl1>tbody td.modify-mode,
[class*=wrap-content] .report-tbl1>tfoot td.modify-mode {
    color: #fc5356
}

[class*=wrap-content] .report-tbl1>tbody td.data-mode,
[class*=wrap-content] .report-tbl1>tfoot td.data-mode {
    text-align: right
}

[class*=wrap-content] .report-tbl1>tbody tr:not(.sum-area1):not(.sum-area2):not(.etc-area1):not(.etc-area2) td.data-mode:not(.before-area):not(.empty-mode):not(.focus-mode):hover,
[class*=wrap-content] .report-tbl1>tfoot tr:not(.sum-area1):not(.sum-area2):not(.etc-area1):not(.etc-area2) td.data-mode:not(.before-area):not(.empty-mode):not(.focus-mode):hover {
    background: #c0e4ff;
    box-shadow: inset 0 0 0 1px #fff
}

[class*=wrap-content] .report-tbl1>tbody tr.sum-area1 td,
[class*=wrap-content] .report-tbl1>tbody tr.sum-area1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area1 td,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area1 th {
    background: #fff1d6;
    font-weight: 700
}

[class*=wrap-content] .report-tbl1>tbody tr.sum-area1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area1 th {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody tr.sum-area2 td,
[class*=wrap-content] .report-tbl1>tbody tr.sum-area2 th,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area2 td,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area2 th {
    background: #fffceb
}

[class*=wrap-content] .report-tbl1>tbody tr.sum-area2 th,
[class*=wrap-content] .report-tbl1>tfoot tr.sum-area2 th {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area1 td,
[class*=wrap-content] .report-tbl1>tbody tr.etc-area1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1 td,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1 th {
    border-top: 1px double #f5d3b6;
    border-bottom-color: #f5d3b6 !important;
    background: #fffad5;
    font-weight: 700
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1 th {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area1.t1 td,
[class*=wrap-content] .report-tbl1>tbody tr.etc-area1.t1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1.t1 td,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1.t1 th {
    border-top-color: #a6a6a6
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area1.t1 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area1.t1 th {
    text-align: left
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area2 td,
[class*=wrap-content] .report-tbl1>tbody tr.etc-area2 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area2 td,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area2 th {
    background: #f3fde2;
    font-weight: 700
}

[class*=wrap-content] .report-tbl1>tbody tr.etc-area2 th,
[class*=wrap-content] .report-tbl1>tfoot tr.etc-area2 th {
    text-align: center
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td,
[class*=wrap-content] .report-tbl1>tbody tr.focus-mode th:not([class*=ti]),
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode th:not([class*=ti]) {
    background: #eff7ff
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td.focus-mode,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td.focus-mode {
    background: #c0e4ff !important;
    box-shadow: inset 0 0 0 1px #1c90fb
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td.edit-mode,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td.edit-mode {
    padding: 1px;
    background: #fff !important
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td.edit-mode .edit,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td.edit-mode .edit {
    vertical-align: top
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td.edit-mode .edit>div>div,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td.edit-mode .edit>div>div {
    height: 30px !important;
    padding: 0 !important;
    border: none !important;
    line-height: 30px !important
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode td.edit-mode .edit>div>div input,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode td.edit-mode .edit>div>div input {
    padding: 0 8px !important;
    text-align: right !important;
    box-sizing: border-box
}

[class*=wrap-content] .report-tbl1>tbody tr.focus-mode:not(.sum-area1):not(.sum-area2):not(.etc-area1):not(.etc-area2) td.data-mode:not(.before-area):not(.empty-mode):not(.focus-mode):hover,
[class*=wrap-content] .report-tbl1>tfoot tr.focus-mode:not(.sum-area1):not(.sum-area2):not(.etc-area1):not(.etc-area2) td.data-mode:not(.before-area):not(.empty-mode):not(.focus-mode):hover {
    box-shadow: inset 0 0 0 1px #eff7ff
}

[class*=wrap-content] .languages-area {
    position: relative;
    overflow: inherit !important
}

[class*=wrap-content] .languages-area.align-v>div>div:first-child {
    display: block !important
}

[class*=wrap-content] .languages-area.align-v>div>div:first-child>div:not(:first-child) {
    margin-left: 2px
}

[class*=wrap-content] .languages-area.align-v>div>div:first-child>div:last-child {
    float: right
}

[class*=wrap-content] .languages-area.addr-area>div.t1>div:first-child>div+div {
    margin-top: 5px
}

[class*=wrap-content] .languages-area .box {
    position: absolute;
    top: 40px;
    left: 8px;
    margin-left: 0 !important;
    width: calc(100% - 15px) !important;
    padding: 10px 10px 5px;
    border: 1px solid #a6a6a6;
    background: #fff;
    z-index: 100;
    box-sizing: border-box
}

[class*=wrap-content] .languages-area .box>p {
    margin-bottom: 10px
}

[class*=wrap-content] .languages-area .box>div,
[class*=wrap-content] .languages-area .box>ul>li {
    margin-bottom: 5px;
    vertical-align: top
}

[class*=wrap-content] .languages-area .box>ul>li {
    display: flex;
    align-items: center
}

[class*=wrap-content] .languages-area .box>ul>li>em {
    width: 48px;
    padding-right: 8px;
    font-weight: 700;
    text-align: right;
    box-sizing: border-box
}

[class*=wrap-content] .languages-area .box>div>div {
    vertical-align: top
}

[class*=wrap-content] .languages-area .box>div>div+div {
    margin-left: 2px
}

[class*=wrap-content] .languages-area.align-v .box {
    top: 33px
}

[class*=wrap-content] .accordion-area1 {
    border-top: 2px solid #666;
    font-size: 13px;
    text-align: center
}

[class*=wrap-content] .accordion-area1 dt {
    display: flex
}

[class*=wrap-content] .accordion-area1 dt>:first-child {
    width: 38px;
    padding: 0
}

[class*=wrap-content] .accordion-area1 dt>:nth-child(2) {
    width: 13%
}

[class*=wrap-content] .accordion-area1 dt>:nth-child(3) {
    width: 20%
}

[class*=wrap-content] .accordion-area1 dt>:nth-child(4) {
    flex: 1 1
}

[class*=wrap-content] .accordion-area1 dt>:nth-child(5) {
    width: 15%
}

[class*=wrap-content] .accordion-area1 dt>:nth-child(6) {
    width: 13%
}

[class*=wrap-content] .accordion-area1 dt>div,
[class*=wrap-content] .accordion-area1 dt>span {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box
}

[class*=wrap-content] .accordion-area1 dd,
[class*=wrap-content] .accordion-area1 dt {
    box-sizing: border-box
}

[class*=wrap-content] .accordion-area1 dd .nolabel,
[class*=wrap-content] .accordion-area1 dt .nolabel {
    margin-top: -2px
}

[class*=wrap-content] .accordion-area1>dt {
    height: 46px;
    line-height: 46px;
    font-weight: 700
}

[class*=wrap-content] .accordion-area1>dt>div:not(:first-child),
[class*=wrap-content] .accordion-area1>dt>span:not(:first-child) {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .accordion-area1>dd {
    position: relative;
    border: solid #e6e6e6;
    border-width: 1px 0
}

[class*=wrap-content] .accordion-area1>dd+dd {
    margin-top: -1px
}

[class*=wrap-content] .accordion-area1>dd:not(.no_data).on:after,
[class*=wrap-content] .accordion-area1>dd:not(.no_data):hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px;
    border: 1px solid #1c90fb;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    z-index: 2
}

[class*=wrap-content] .accordion-area1>dd dl {
    position: relative;
    z-index: 3
}

[class*=wrap-content] .accordion-area1>dd dl dt {
    height: 46px;
    line-height: 46px
}

[class*=wrap-content] .accordion-area1>dd dl dt>:nth-child(6) {
    width: 9%
}

[class*=wrap-content] .accordion-area1>dd dl dt>:nth-child(7) {
    width: 4%;
    padding: 0
}

[class*=wrap-content] .accordion-area1>dd dl dt>:nth-child(7)>div {
    vertical-align: middle
}

[class*=wrap-content] .accordion-area1>dd dl dd {
    display: none;
    margin: 1px;
    padding: 14px 20px;
    background: #f1f6fa
}

[class*=wrap-content] .accordion-area1>dd dl dd.open {
    display: block
}

[class*=wrap-content] .accordion-area1>dd.no_data {
    padding-bottom: 20px;
    padding-top: 20px
}

[class*=wrap-content] .card-list1.t1 {
    height: calc(100% - 4px) !important
}

[class*=wrap-content] .card-list1>div [class*=OBTCardList_isOnlyHeaderComponent] {
    padding-top: 9px;
    padding-bottom: 18px
}

[class*=wrap-content] .card-list1>div [class*=OBTCardList_isOnlyHeaderComponent]+.headLine {
    width: 100%;
    height: 10px;
    margin-top: -9px;
    background-color: #fafafa
}

[class*=wrap-content] .card-list1>div [class*=OBTCardList_isOnlyHeaderComponent]+.headLine>div {
    position: absolute;
    height: 1px;
    background-color: #e0e0e0
}

[class*=wrap-content] .card-list1>div>div .down,
[class*=wrap-content] .card-list1>div>div .up {
    color: #4a4a4a !important
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td] {
    overflow: hidden;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-size: 13px;
    color: #000;
    letter-spacing: -.33px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td]>div:not([data-orbit-component=OBTTooltip]) {
    line-height: 1.5
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td] button[class*=OBTButton_typeicon]:hover {
    background: none
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].pic {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].pic>div {
    width: auto;
    font-size: 13px !important;
    color: #000 !important;
    letter-spacing: -.33px !important
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].pic>div:first-child .sub1 {
    font-size: 12px;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].pic>div:nth-child(2) {
    padding-left: 10px
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].pic>div:nth-child(2)>div:nth-child(2) {
    font-size: 12px;
    color: #a6a6a6;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico>div {
    width: auto;
    font-size: 13px !important;
    color: #000 !important;
    letter-spacing: -.33px !important
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico>div:first-child .sub1 {
    font-size: 12px;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico>div:nth-child(2) {
    padding-left: 10px
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico>div:nth-child(2)>div:nth-child(2) {
    font-size: 12px;
    color: #a6a6a6;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico [class*=ico-type] {
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    box-sizing: border-box
}

[class*=wrap-content] .card-list1>div>div [class*=tbl-td].ico .ico-type1 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e8f1f9
}

[class*=wrap-content] .card-list1>div>div .tbl-tdl {
    flex: 1 1
}

[class*=wrap-content] .card-list1>div>div .tbl-tdl.p100 {
    width: 100%
}

[class*=wrap-content] .card-list1>div>div .tbl-tdc {
    padding-left: 10px
}

[class*=wrap-content] .card-list1>div>div .tbl-tdc>div:first-child .sub1,
[class*=wrap-content] .card-list1>div>div .tbl-tdl>div:first-child .sub1 {
    font-size: 12px;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div .tbl-tdc>div:not(:first-child),
[class*=wrap-content] .card-list1>div>div .tbl-tdl>div:not(:first-child) {
    font-size: 12px;
    color: #a6a6a6;
    letter-spacing: 0
}

[class*=wrap-content] .card-list1>div>div .tbl-tdr {
    align-items: flex-end;
    width: 40%;
    padding-left: 10px;
    font-size: 12px;
    color: #4a4a4a;
    letter-spacing: 0;
    text-align: right
}

[class*=wrap-content] .card-list1>div>div .tbl-tdr>div {
    width: 100%
}

[class*=wrap-content] .card-list1>div>div .tbl-tdr.pic {
    justify-content: flex-end
}

[class*=wrap-content] .card-list1>div>div .tbl-tdr>[class*=state-type]:not(:first-child) {
    margin-top: 1px
}

[class*=wrap-content] .card-list1>div>div .selectedList [class*=tbl-td].ico .ico-type1 {
    background-color: #c4e4ff
}

[class*=wrap-content] .card-list2>div {
    border-width: 0 0 1px;
    background: #f5f8fa
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] {
    width: 18px
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border-radius: 50%;
    background: #fff url(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat !important;
    box-sizing: border-box
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] svg path,
[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] svg polygon {
    display: none
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] [class*=UFOCheckBox_label_text] {
    padding-left: 22px
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox].nolabel {
    width: 18px;
    height: 18px
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox].required svg {
    background-color: #fef4f4 !important
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox].disabled svg {
    background-color: #eee !important
}

[class*=wrap-content] .card-list2>div [data-orbit-component=OBTCheckBox] svg[class*=UFOCheckBox_focusCheckBox] {
    background: #fff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat !important
}

[class*=wrap-content] .card-list2>div .header {
    height: auto !important;
    margin: 20px 20px 7px;
    padding: 0 18px;
    border-radius: 4px;
    background: #ecf1f5
}

[class*=wrap-content] .card-list2>div .header [data-orbit-component=OBTCheckBox] {
    padding-right: 10px
}

[class*=wrap-content] .card-list2>div .header .tbl {
    display: flex;
    align-items: center;
    padding: 11px 0;
    text-align: center
}

[class*=wrap-content] .card-list2>div .header .tbl>div {
    box-sizing: border-box
}

[class*=wrap-content] .card-list2>div .header .tbl>div.check {
    width: 30px;
    padding-right: 10px;
    text-align: right
}

[class*=wrap-content] .card-list2>div .header .tbl>div.ti {
    flex: 1 1
}

[class*=wrap-content] .card-list2>div .header .tbl>div:not(.check):not(.ti) {
    padding-left: 31px
}

[class*=wrap-content] .card-list2>div .header+div,
[class*=wrap-content] .card-list2>div .headLine {
    display: none
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div {
    bottom: 17px;
    background: none
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td] {
    overflow: hidden;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-size: 12px;
    color: #000;
    letter-spacing: -.33px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td]>div:not([data-orbit-component=OBTTooltip]) {
    line-height: 1.5
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].check {
    width: 30px;
    padding-right: 10px;
    text-align: right;
    z-index: 1
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti {
    flex: 1 1;
    text-align: left
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti>div:first-child {
    font-weight: 700
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti>div:nth-child(2) {
    font-size: 11px;
    color: #a6a6a6
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti.pic {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti.pic .pic-type1 {
    margin-right: 10px
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td].ti.pic>strong {
    flex: 1 1
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td]:not(.check):not(.ti) {
    position: relative;
    padding-left: 31px
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td]:not(.check):not(.ti):before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    margin: -8px 0 0 15px;
    background: #e6e6e6
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div [class*=tbl-td]:not(.check):not(.ti)>div>span {
    margin-right: 10px
}

[class*=wrap-content] .card-list2>div>div:nth-child(3)>div .selectedList {
    background: #f5faff !important
}

[class*=wrap-content] .card-list-area {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .card-list-area .condition-area1 {
    padding: 8px 12px;
    border: solid #e6e6e6;
    border-top: solid #666;
    border-width: 2px 1px 0;
    background: #fafafa;
    box-sizing: border-box
}

[class*=wrap-content] .card-list-area .condition-area1>div[data-orbit-component=OBTTextField] {
    width: calc(100% - 31px);
    vertical-align: top
}

[class*=wrap-content] .card-list-area .condition-area1>div[data-orbit-component=OBTButton] {
    margin-left: 4px;
    vertical-align: top
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component]) {
    display: flex;
    align-items: center
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component]):not(:first-child) {
    margin-top: 4px
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component])>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component])>.ti {
    height: 20px;
    margin: 0 10px 2px 0;
    line-height: 20px
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component])>.ti+div {
    flex: 1 1;
    margin-bottom: 2px;
    text-align: right
}

[class*=wrap-content] .card-list-area .condition-area1>div:not([data-orbit-component])>.ti+div>div>span:last-child {
    margin-right: 0 !important
}

[class*=wrap-content] .card-list-area .condition-area1+.card-list1 {
    flex-grow: 1;
    height: auto !important;
    border-top: none
}

[class*=wrap-content] .card-list-area .btn-add {
    position: relative;
    border: 1px solid #e6e6e6;
    border-top-color: #ccc;
    margin-top: -1px;
    border-radius: 0;
    width: 100%;
    height: 64px;
    padding: 0;
    background: #fff !important;
    box-sizing: border-box
}

[class*=wrap-content] .card-list-area .btn-add>div {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

[class*=wrap-content] .card-list-area .btn-add>div>span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px !important;
    color: #8d8d8d
}

[class*=wrap-content] .card-list-area .btn-add.on>div {
    border: 1px solid #1c90fb;
    background: #e6f5ff
}

[class*=wrap-content] .card-list-area .btn-add:hover {
    border: 1px solid #e6e6e6 !important;
    border-top-color: #ccc !important
}

[class*=wrap-content] .tree-view-area {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .tree-view-area .condition-area1 {
    padding: 13px;
    border: solid #ccc;
    border-width: 1px 1px 0;
    box-sizing: border-box
}

[class*=wrap-content] .tree-view-area .condition-area1>div[data-orbit-component=OBTTextField] {
    width: calc(100% - 31px);
    vertical-align: top
}

[class*=wrap-content] .tree-view-area .condition-area1>div[data-orbit-component=OBTButton] {
    margin-left: 4px;
    vertical-align: top
}

[class*=wrap-content] .tree-view-area .condition-area1+div {
    flex-grow: 1
}

[class*=wrap-content] .data-graph1 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1.t1 {
    border-color: #e6e6e6;
    border-radius: 0
}

[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content]) {
    border: none;
    border-radius: 0
}

[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content])>.heading {
    padding: 0 0 7px !important
}

[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content])>.graph {
    padding: 0 0 15px !important
}

[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content])>.graph:last-child,
[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content])>.graph:only-child {
    padding: 0 !important
}

[class*=wrap-content] .data-graph1.t2:not([class*=wrap-content]) .info4 {
    padding: 0
}

[class*=wrap-content] .data-graph1 .area1 {
    display: flex;
    flex-direction: column;
    background: #eff8fb;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .heading {
    width: 100%;
    padding: 10px 15px 7px;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .heading strong {
    display: block;
    font-size: 16px;
    color: #000;
    letter-spacing: -.8px;
    font-weight: 400
}

[class*=wrap-content] .data-graph1 [class*=info] {
    position: relative;
    color: #4a4a4a
}

[class*=wrap-content] .data-graph1 [class*=info] dt em {
    display: inline-block;
    height: 18px;
    padding: 0 9px;
    border-radius: 9px;
    background: #697489;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    letter-spacing: -.55px
}

[class*=wrap-content] .data-graph1 [class*=info] dd {
    display: flex
}

[class*=wrap-content] .data-graph1 [class*=info] dd>span {
    display: inline-block;
    width: 40%;
    letter-spacing: -.6px
}

[class*=wrap-content] .data-graph1 [class*=info] dd>em {
    display: inline-block;
    width: 60%;
    font-size: 11px;
    color: #000;
    letter-spacing: -.13px;
    text-align: right
}

[class*=wrap-content] .data-graph1 [class*=info] dd>em b {
    font-size: 13px;
    font-weight: 400 !important
}

[class*=wrap-content] .data-graph1 .info1 {
    display: table;
    table-layout: fixed;
    width: calc(100% - 30px);
    margin: 5px 15px 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .08);
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .info1 dt {
    width: 129px;
    padding: 9px 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fbfbfb;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .info1 dt span {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: -.65px
}

[class*=wrap-content] .data-graph1 .info1 dd {
    width: 100%;
    padding: 0 20px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .info1 dd:nth-child(2) {
    padding-top: 9px
}

[class*=wrap-content] .data-graph1 .info1 dd:last-child {
    padding-bottom: 9px
}

[class*=wrap-content] .data-graph1 .info2 {
    display: flex;
    padding: 20px 0;
    background: #eff7ff
}

[class*=wrap-content] .data-graph1 .info2 li {
    flex: 1 1;
    border-right: 1px solid #d5e0eb
}

[class*=wrap-content] .data-graph1 .info2 li dl {
    padding: 0 30px
}

[class*=wrap-content] .data-graph1 .info2 li dl dt span {
    font-size: 14px;
    color: #000;
    letter-spacing: -.7px;
    font-weight: 700
}

[class*=wrap-content] .data-graph1 .info2 li dl dt em {
    float: right
}

[class*=wrap-content] .data-graph1 .info2 li dl dt+dd {
    margin-top: 7px
}

[class*=wrap-content] .data-graph1 .info2 li dl dd>span {
    width: 45%;
    vertical-align: middle
}

[class*=wrap-content] .data-graph1 .info2 li dl dd>em {
    width: 55%
}

[class*=wrap-content] .data-graph1 .info2 li:last-child {
    border-right: none
}

[class*=wrap-content] .data-graph1 .info3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 50px;
    min-height: 102px;
    background: #fafbfc;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .info3>li {
    display: flex
}

[class*=wrap-content] .data-graph1 .info3>li+li {
    margin-top: 4px
}

[class*=wrap-content] .data-graph1 .info3>li>span:first-child {
    letter-spacing: -.6px;
    color: #4a4a4a !important
}

[class*=wrap-content] .data-graph1 .info3>li>span:first-child+span {
    flex: 1 1;
    min-width: 30%;
    padding-left: 10px;
    text-align: right;
    font-weight: 700
}

[class*=wrap-content] .data-graph1 .info3>li>span:first-child:only-child {
    text-align: center;
    flex: 1 1
}

[class*=wrap-content] .data-graph1 .info4 {
    padding: 0 15px 15px;
    text-align: center;
    letter-spacing: -.5px
}

[class*=wrap-content] .data-graph1 .info4>em {
    display: block;
    font-size: 16px;
    color: #1c90fb
}

[class*=wrap-content] .data-graph1 .info4>em>b {
    font-size: 20px
}

[class*=wrap-content] .data-graph1 .info4>p {
    margin-top: 20px;
    color: #5c7198
}

[class*=wrap-content] .data-graph1 .graph {
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1px;
    padding: 0 15px 15px;
    text-align: center
}

[class*=wrap-content] .data-graph1 .graph:first-child,
[class*=wrap-content] .data-graph1 .graph:only-child {
    padding: 15px
}

[class*=wrap-content] .data-graph1 [data-orbit-component=OBTButtonGroup] {
    padding: 15px 15px 10px
}

[class*=wrap-content] .data-graph1 .area2 {
    padding: 15px;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph1 .area2.t1 {
    padding-top: 5px
}

[class*=wrap-content] .data-graph1 .area2.t2 {
    padding-left: 0
}

[class*=wrap-content] .data-graph1 .area2>.ti {
    display: block;
    padding-bottom: 5px
}

[class*=wrap-content] .data-graph1 .area2>.ti:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .data-graph2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #dddee2;
    border-radius: 2px;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph2 .heading {
    width: 100%;
    background: #f8f8f8;
    text-align: left
}

[class*=wrap-content] .data-graph2 .heading strong {
    display: block;
    padding: 0 12px;
    font-size: 14px;
    line-height: 38px;
    color: #000;
    letter-spacing: -.8px
}

[class*=wrap-content] .data-graph2 .heading strong>span {
    float: right;
    font-size: 12px;
    color: #4a4a4a;
    letter-spacing: -.3px;
    font-weight: 400
}

[class*=wrap-content] .data-graph2 .heading strong>span .ti {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-graph2 .info1 {
    position: static;
    padding: 0 12px;
    color: #000;
    min-height: 34px;
    border-top: 2px solid #efefef;
    background: #f8f8f8;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph2 .info1 li {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

[class*=wrap-content] .data-graph2 .info1 li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #e0e0e0;
    vertical-align: middle
}

[class*=wrap-content] .data-graph2 .info1 li .ti {
    color: #8c8c8c
}

[class*=wrap-content] .data-graph2 .graph {
    flex: 1 1;
    padding: 20px;
    text-align: center
}

[class*=wrap-content] .data-graph3 {
    padding: 10px;
    text-align: center
}

[class*=wrap-content] .data-graph3 .graph {
    width: 100%
}

[class*=wrap-content] .data-graph3 .info {
    margin-top: 20px
}

[class*=wrap-content] .data-graph3 .info li {
    display: inline-flex;
    align-items: center
}

[class*=wrap-content] .data-graph3 .info li:before {
    content: "";
    margin-right: 4px;
    width: 12px;
    height: 12px
}

[class*=wrap-content] .data-graph3 .info li+li {
    margin-left: 12px
}

[class*=wrap-content] .data-graph3 .info li.type1:before {
    background: #4eabfa
}

[class*=wrap-content] .data-graph3 .info li.type2:before {
    background: #afd873
}

[class*=wrap-content] .data-graph3 .info li.type3:before {
    background: #f48da5
}

[class*=wrap-content] .data-graph3 .info li.type4:before {
    background: #f5d471
}

[class*=wrap-content] .data-graph4 {
    display: inline-flex;
    align-items: center;
    width: 100%
}

[class*=wrap-content] .data-graph4 .graph {
    width: 100px;
    height: 100px
}

[class*=wrap-content] .data-graph4 .info {
    flex: 1 1;
    margin-right: 30px
}

[class*=wrap-content] .data-graph4 .info li {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-graph4 .info li:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%
}

[class*=wrap-content] .data-graph4 .info li+li {
    margin-top: 6px
}

[class*=wrap-content] .data-graph4 .info li>b {
    width: 26%;
    color: #a6a6a6;
    letter-spacing: -.3px;
    font-weight: 400
}

[class*=wrap-content] .data-graph4 .info li>em {
    flex: 1 1;
    padding-left: 5px;
    font-size: 16px;
    letter-spacing: -.8px;
    text-align: right;
    font-weight: 700
}

[class*=wrap-content] .data-graph4 .info li>em>.unit {
    margin-left: 2px;
    font-size: 12px;
    font-weight: 400
}

[class*=wrap-content] .data-graph4 .info li.type1:before {
    background: #4eabfa
}

[class*=wrap-content] .data-graph4 .info li.type2:before {
    background: #afd873
}

[class*=wrap-content] .data-graph4 .info li.type4:before {
    background: #f5d471
}

[class*=wrap-content] .data-graph5 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 186px
}

[class*=wrap-content] .data-graph5>.info {
    width: 50px;
    padding-bottom: 18px
}

[class*=wrap-content] .data-graph5>.info li {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-graph5>.info li:before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 4px
}

[class*=wrap-content] .data-graph5>.info li+li {
    margin-top: 20px
}

[class*=wrap-content] .data-graph5>.info li.type1:before {
    background: #20c997
}

[class*=wrap-content] .data-graph5>.info li.type2:before {
    background: #46a3f0
}

[class*=wrap-content] .data-graph5>.info li.type4:before {
    background: #e2e2e2
}

[class*=wrap-content] .data-graph5>.graph {
    flex: 1 1;
    height: 100%;
    margin-left: 10px
}

[class*=wrap-content] .data-graph5>.graph ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
}

[class*=wrap-content] .data-graph5>.graph>.data {
    position: relative;
    height: calc(100% - 18px)
}

[class*=wrap-content] .data-graph5>.graph>.data:after,
[class*=wrap-content] .data-graph5>.graph>.data:before {
    content: "";
    position: absolute;
    left: 155px;
    right: 65px;
    top: 0;
    bottom: 0;
    width: calc(100% - 220px);
    height: 100%;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph5>.graph>.data:before {
    background: repeating-linear-gradient(90deg, #fff, #fff calc(20% - 1px), #e6e6e6 calc(20% - 1px), #e6e6e6 20%)
}

[class*=wrap-content] .data-graph5>.graph>.data:after {
    border: solid #e6e6e6;
    border-width: 0 1px
}

[class*=wrap-content] .data-graph5>.graph>.data li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 20px;
    padding: 9px 0;
    font-size: 11px;
    line-height: 1.27;
    color: #4a4a4a;
    letter-spacing: -.55px;
    text-align: right;
    z-index: 1
}

[class*=wrap-content] .data-graph5>.graph>.data li:first-child {
    padding-top: 17px
}

[class*=wrap-content] .data-graph5>.graph>.data li:last-child {
    padding-bottom: 17px
}

[class*=wrap-content] .data-graph5>.graph>.data li>strong {
    overflow: hidden;
    width: 145px;
    margin-right: 11px;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-graph5>.graph>.data li>div {
    flex: 1 1;
    height: 20px;
    color: #fff;
    background: #e5eaed;
    line-height: 20px
}

[class*=wrap-content] .data-graph5>.graph>.data li>div>span {
    overflow: hidden;
    display: block;
    height: 20px;
    padding: 0 10px;
    box-sizing: border-box
}

[class*=wrap-content] .data-graph5>.graph>.data li>div>span>b {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-graph5>.graph>.data li>div>span>i {
    margin-left: 2px;
    font-size: 9px;
    letter-spacing: -.45px
}

[class*=wrap-content] .data-graph5>.graph>.data li>div>span.type1 {
    background-color: #20c997;
    background-image: linear-gradient(90deg, #4cdb93, #20c997)
}

[class*=wrap-content] .data-graph5>.graph>.data li>div>span.type2 {
    background-color: #46a3f0;
    background-image: linear-gradient(90deg, #3cbcff, #46a3f0)
}

[class*=wrap-content] .data-graph5>.graph>.data li>span {
    width: 55px;
    margin-left: 11px
}

[class*=wrap-content] .data-graph5>.graph>.unit {
    display: flex;
    height: 18px;
    padding-left: 143px;
    color: #8c8c8c
}

[class*=wrap-content] .data-graph5>.graph>.unit>span {
    text-align: center
}

[class*=wrap-content] .data-graph5>.graph>.unit>span:first-child,
[class*=wrap-content] .data-graph5>.graph>.unit>span:nth-child(3) {
    width: 24px
}

[class*=wrap-content] .data-graph5>.graph>.unit>span:nth-child(2) {
    flex: 1 1
}

[class*=wrap-content] .data-graph5>.graph>.unit>span:nth-child(4) {
    width: 54px;
    font-size: 11px;
    text-align: right
}

[class*=wrap-content] .data-graph6 {
    padding: 26px 10px;
    color: #8c8c8c
}

[class*=wrap-content] .data-graph6>strong {
    display: block;
    letter-spacing: -.6px;
    font-weight: 400
}

[class*=wrap-content] .data-graph6>strong>span {
    float: right;
    font-size: 13px;
    color: #d0d0d0;
    font-weight: 700
}

[class*=wrap-content] .data-graph6>strong>span.on {
    color: #1c90fb
}

[class*=wrap-content] .data-graph6>ul li {
    overflow: hidden;
    width: 100%;
    padding-top: 8px
}

[class*=wrap-content] .data-graph6>ul li>div {
    display: inline-block;
    width: calc(100% - 94px) !important;
    height: 12px !important;
    margin: -1px 0 0 10px;
    border: none;
    vertical-align: middle
}

[class*=wrap-content] .data-graph6>ul li>div>[class*=OBTLinearProgress_empty] {
    height: 0
}

[class*=wrap-content] .data-graph6>ul li>div>div {
    margin: 0
}

[class*=wrap-content] .data-graph6>ul li>div>div>div:first-child {
    width: calc(100% - 45px) !important;
    height: 12px !important;
    border-radius: 6px !important;
    background: #f5f5f5 !important
}

[class*=wrap-content] .data-graph6>ul li>div>div>div:first-child>div {
    border-radius: 6px !important;
    background-image: linear-gradient(90deg, #228be6, #4dabf7);
    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .data-graph6>ul li>div>div>div:last-child {
    width: 45px;
    font-family: NSKB;
    font-size: 13px;
    color: #000;
    justify-content: flex-end
}

[class*=wrap-content] .data-graph6>ul li:nth-child(2)>div>div>div>div {
    background-image: linear-gradient(90deg, #82c91e, #a9e34b)
}

[class*=wrap-content] .data-graph6>ul li>span {
    float: right;
    font-size: 13px;
    color: #000;
    vertical-align: middle
}

[class*=wrap-content] .box-area {
    padding: 9px 10px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .box-area>div {
    vertical-align: middle
}

[class*=wrap-content] .box-area.t1 {
    background: none
}

[class*=wrap-content] .box-area .ti {
    padding-right: 6px;
    color: #010101;
    font-weight: 700;
    vertical-align: middle
}

[class*=wrap-content] .box-area .ti+div {
    display: inline-block;
    vertical-align: middle
}

[class*=wrap-content] .box-area1 {
    padding: 12px 20px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    text-align: left;
    box-sizing: border-box
}

[class*=wrap-content] .box-area1>div[data-orbit-component] {
    margin: 2px 0;
    vertical-align: middle
}

[class*=wrap-content] .box-area1.t1,
[class*=wrap-content] .box-area1.t2 {
    background: none
}

[class*=wrap-content] .box-area1.t2>div:first-child>div {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 10px;
    box-sizing: border-box
}

[class*=wrap-content] .box-area2 {
    padding: 20px;
    border-top: 2px solid #666;
    background: #f5f8fa;
    text-align: left;
    box-sizing: border-box
}

[class*=wrap-content] .box-area3 {
    min-height: 75px;
    border: 1px solid #d5dce8;
    border-radius: 3px;
    background: #f2f5fa;
    box-sizing: border-box;
    font-size: 12px
}

[class*=wrap-content] .box-area3>div>ul {
    padding: 10px 11px
}

[class*=wrap-content] .box-area3>div>ul>li {
    line-height: 16px
}

[class*=wrap-content] .box-area3>div>ul>li:not(:last-child) {
    margin-bottom: 16px
}

[class*=wrap-content] .box-area3>div>ul>li>strong {
    display: block;
    font-weight: 400
}

[class*=wrap-content] .box-area4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
    border-radius: 6px;
    border: 1px solid #cdd3dd;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .07);
    box-sizing: border-box
}

[class*=wrap-content] .box-area4 .area1,
[class*=wrap-content] .box-area4 .area2 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    box-sizing: border-box
}

[class*=wrap-content] .box-area4 .area1.t1,
[class*=wrap-content] .box-area4 .area2.t1 {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between
}

[class*=wrap-content] .box-area4 .area1>div,
[class*=wrap-content] .box-area4 .area1>dl,
[class*=wrap-content] .box-area4 .area1>ol,
[class*=wrap-content] .box-area4 .area1>p,
[class*=wrap-content] .box-area4 .area1>table,
[class*=wrap-content] .box-area4 .area1>ul,
[class*=wrap-content] .box-area4 .area2>div,
[class*=wrap-content] .box-area4 .area2>dl,
[class*=wrap-content] .box-area4 .area2>ol,
[class*=wrap-content] .box-area4 .area2>p,
[class*=wrap-content] .box-area4 .area2>table,
[class*=wrap-content] .box-area4 .area2>ul {
    margin-top: 20px
}

[class*=wrap-content] .box-area4 .area1 .ti-area+div,
[class*=wrap-content] .box-area4 .area1 .ti-area+dl,
[class*=wrap-content] .box-area4 .area1 .ti-area+ol,
[class*=wrap-content] .box-area4 .area1 .ti-area+p,
[class*=wrap-content] .box-area4 .area1 .ti-area+table,
[class*=wrap-content] .box-area4 .area1 .ti-area+ul,
[class*=wrap-content] .box-area4 .area1+.area2,
[class*=wrap-content] .box-area4 .area1:first-child,
[class*=wrap-content] .box-area4 .area1>div:first-child,
[class*=wrap-content] .box-area4 .area1>dl:first-child,
[class*=wrap-content] .box-area4 .area1>ol:first-child,
[class*=wrap-content] .box-area4 .area1>p:first-child,
[class*=wrap-content] .box-area4 .area1>table:first-child,
[class*=wrap-content] .box-area4 .area1>ul:first-child,
[class*=wrap-content] .box-area4 .area2 .ti-area+div,
[class*=wrap-content] .box-area4 .area2 .ti-area+dl,
[class*=wrap-content] .box-area4 .area2 .ti-area+ol,
[class*=wrap-content] .box-area4 .area2 .ti-area+p,
[class*=wrap-content] .box-area4 .area2 .ti-area+table,
[class*=wrap-content] .box-area4 .area2 .ti-area+ul,
[class*=wrap-content] .box-area4 .area2:first-child,
[class*=wrap-content] .box-area4 .area2:nth-child(2),
[class*=wrap-content] .box-area4 .area2>div:first-child,
[class*=wrap-content] .box-area4 .area2>dl:first-child,
[class*=wrap-content] .box-area4 .area2>ol:first-child,
[class*=wrap-content] .box-area4 .area2>p:first-child,
[class*=wrap-content] .box-area4 .area2>table:first-child,
[class*=wrap-content] .box-area4 .area2>ul:first-child,
[class*=wrap-content] .box-area4 .ti-area+.area1 {
    margin-top: 0 !important
}

[class*=wrap-content] .box-area4 .area1+.area2 {
    margin-top: 30px !important
}

[class*=wrap-content] .box-area4 .area1 {
    width: 100%
}

[class*=wrap-content] .box-area4 .area2 {
    width: calc(50% - 6px)
}

[class*=wrap-content] .box-area4 .ti-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 17px;
    font-size: 13px;
    letter-spacing: -.33px;
    color: #0c2b65;
    box-sizing: border-box
}

[class*=wrap-content] .box-area4 .ti-area.ac {
    justify-content: center
}

[class*=wrap-content] .box-area4 .ti-area>span:not(:first-child) {
    padding-left: 10px;
    font-size: 11px;
    letter-spacing: -.28px;
    text-align: right;
    color: #5c7198;
    font-weight: 400
}

[class*=wrap-content] .box-area4 .ti-area>span>i {
    padding-left: 6px;
    font-weight: 400
}

[class*=wrap-content] .box-area4.t1 {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}

[class*=wrap-content] .box-area4.t1>.area1,
[class*=wrap-content] .box-area4.t1>.area2 {
    margin-top: 20px !important;
    padding: 30px;
    border: 1px solid #cdd3dd;
    border-radius: 6px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .07)
}

[class*=wrap-content] .box-area4.t1>.area1.t2,
[class*=wrap-content] .box-area4.t1>.area2.t2 {
    padding: 30px 0 0 !important
}

[class*=wrap-content] .box-area4.t1>.area1.t2 .graph,
[class*=wrap-content] .box-area4.t1>.area1.t2 .ti-area,
[class*=wrap-content] .box-area4.t1>.area2.t2 .graph,
[class*=wrap-content] .box-area4.t1>.area2.t2 .ti-area {
    padding-left: 30px !important;
    padding-right: 30px !important
}

[class*=wrap-content] .box-area4.t1 .area1+.area2,
[class*=wrap-content] .box-area4.t1 .area2:first-child,
[class*=wrap-content] .box-area4.t1 .area2:nth-child(2),
[class*=wrap-content] .box-area4.t1 .ti-area+.area1,
[class*=wrap-content] .box-area4.t1>.area1:first-child {
    margin-top: 0 !important
}

[class*=wrap-content] .box-area4.t1>.area1+.area2 {
    margin-top: 20px !important
}

[class*=wrap-content] .box-area5 {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d5dce8;
    background: #f2f5fa
}

[class*=wrap-content] .box-area5>.heading {
    padding-bottom: 10px
}

[class*=wrap-content] .box-area5>.heading>strong {
    font-size: 16px;
    color: #000
}

[class*=wrap-content] .box-area5>.heading>strong+span {
    padding-left: 10px;
    color: #a6a6a6
}

[class*=wrap-content] .box-area5>div:not(.heading) {
    border: none;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71)
}

[class*=wrap-content] .box-area5>div:not(.heading)+div {
    margin-top: 10px
}

[class*=wrap-content] .choice-area {
    height: auto !important;
    padding: 12px 20px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

[class*=wrap-content] .choice-area>strong:first-child {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .choice-area>div {
    line-height: normal
}

[class*=wrap-content] .choice-area>div>div>span {
    vertical-align: middle !important
}

[class*=wrap-content] .choice-area>div.col {
    line-height: normal !important
}

[class*=wrap-content] .choice-area>div.col>div:not(:first-child),
[class*=wrap-content] .choice-area>div.col>em:not(:first-child) {
    margin-left: 10px
}

[class*=wrap-content] .choice-area>div.col>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]) {
    vertical-align: middle
}

[class*=wrap-content] .choice-area>div.col>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup])+div {
    margin-left: 2px !important
}

[class*=wrap-content] .choice-area>div.col [data-orbit-component=OBTCheckBox],
[class*=wrap-content] .choice-area>div.col [data-orbit-component=OBTRadioButtonGroup] {
    vertical-align: middle !important
}

[class*=wrap-content] .choice-area>div.col [data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox] {
    margin-top: -2px
}

[class*=wrap-content] .choice-area>div.col [data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .choice-area>div.col [data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox] {
    margin-left: 20px !important
}

[class*=wrap-content] .choice-area>div [data-orbit-component=OBTCodePicker]>div {
    vertical-align: top
}

[class*=wrap-content] .choice-area.t3,
[class*=wrap-content] .choice-area.t4,
[class*=wrap-content] .choice-area.t7 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

[class*=wrap-content] .choice-area.t3>div,
[class*=wrap-content] .choice-area.t4>div,
[class*=wrap-content] .choice-area.t7>div {
    margin: 0
}

[class*=wrap-content] .choice-area.t3>div.group>div,
[class*=wrap-content] .choice-area.t4>div.group>div,
[class*=wrap-content] .choice-area.t7>div.group>div {
    display: block
}

[class*=wrap-content] .choice-area.t3>div.group>div~div,
[class*=wrap-content] .choice-area.t4>div.group>div~div,
[class*=wrap-content] .choice-area.t7>div.group>div~div {
    margin-top: 5px !important
}

[class*=wrap-content] .choice-area.t5,
[class*=wrap-content] .choice-area.t6 {
    padding-bottom: 10px
}

[class*=wrap-content] .choice-area.t5>div,
[class*=wrap-content] .choice-area.t6>div {
    display: block
}

[class*=wrap-content] .choice-area.t5>div>div,
[class*=wrap-content] .choice-area.t6>div>div {
    display: flex;
    flex-wrap: wrap
}

[class*=wrap-content] .choice-area.t5>div>div>span,
[class*=wrap-content] .choice-area.t6>div>div>span {
    margin: 0 !important
}

[class*=wrap-content] .choice-area.t1>div {
    display: block;
    margin-left: 0
}

[class*=wrap-content] .choice-area.t1>div[data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTCheckBox] {
    margin-top: 5px
}

[class*=wrap-content] .choice-area.t2 {
    padding-bottom: 10px
}

[class*=wrap-content] .choice-area.t2>div {
    display: block
}

[class*=wrap-content] .choice-area.t2>div>div>span {
    margin-bottom: 0 !important;
    line-height: 18px !important
}

[class*=wrap-content] .choice-area.t2>div>div>span:not(:first-child) {
    margin-top: 3px !important
}

[class*=wrap-content] .choice-area.t2>div[data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTRadioButtonGroup] {
    margin-top: 3px
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch):not(.text):first-child,
[class*=wrap-content] .choice-area.t1.t2>strong+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch):not(.text) {
    margin-top: 2px
}

[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch:first-child,
[class*=wrap-content] .choice-area.t1.t2>strong+div.col.ra.ch {
    margin-top: -1px
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch)+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch) {
    margin-top: 9px
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch):last-child {
    margin-bottom: 4px
}

[class*=wrap-content] .choice-area.t1.t2>div.in {
    margin-left: 20px !important
}

[class*=wrap-content] .choice-area.t1.t2>div.ch:last-child,
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTCheckBox]:last-child {
    margin-bottom: 2px
}

[class*=wrap-content] .choice-area.t1.t2>div.ch+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch),
[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch)+.ch,
[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch)+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTCheckBox]+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch) {
    margin-top: 7px
}

[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTRadioButtonGroup]+.ch,
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox] {
    margin-top: 3px
}

[class*=wrap-content] .choice-area.t1.t2>div.ch+.ch,
[class*=wrap-content] .choice-area.t1.t2>div.ch+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTCheckBox]+.ch {
    margin-top: 5px
}

[class*=wrap-content] .choice-area.t1.t2>div.ch+.ra {
    margin-top: 4px !important
}

[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTRadioButtonGroup]+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch) {
    margin-top: 5px
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch)+[data-orbit-component=OBTRadioButtonGroup] {
    margin-top: 7px
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch)+.ra {
    margin-top: 6px
}

[class*=wrap-content] .choice-area.t1.t2>div.ch+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTCheckBox]+[data-orbit-component=OBTRadioButtonGroup] {
    margin-top: 5px
}

[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTCheckBox]+.ra {
    margin-top: 4px
}

[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTRadioButtonGroup]+.ra {
    margin-top: 2px
}

[class*=wrap-content] .choice-area.t1.t2>div.ra+.ra {
    margin-top: 3px
}

[class*=wrap-content] .choice-area.t1.t2>div.ra>div>span:not(:first-child) {
    margin-top: 0 !important
}

[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch:last-child {
    margin-bottom: 0
}

[class*=wrap-content] .choice-area.t1.t2>div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch):not(.ra)+.col.ra.ch {
    margin-top: 7px !important
}

[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+div:not([data-orbit-component=OBTCheckBox]):not([data-orbit-component=OBTRadioButtonGroup]):not(.ch):not(.ra),
[class*=wrap-content] .choice-area.t1.t2>div:not(.col):not([data-orbit-component=OBTRadioButtonGroup]):not(.ra)+.col.ra.ch {
    margin-top: 5px !important
}

[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+.ch,
[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+.col.ra.ch,
[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+[data-orbit-component=OBTCheckBox],
[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+[data-orbit-component=OBTRadioButtonGroup],
[class*=wrap-content] .choice-area.t1.t2>div[data-orbit-component=OBTRadioButtonGroup]+.col.ra.ch {
    margin-top: 3px !important
}

[class*=wrap-content] .choice-area.t1.t2>div.col.ra.ch+.ra,
[class*=wrap-content] .choice-area.t1.t2>div.ra+.col.ra.ch {
    margin-top: 2px !important
}

[class*=wrap-content] .choice-area.t1.t2>div.text+.text {
    margin-top: 7px !important
}

[class*=wrap-content] .choice-area.t3>div:not(.area),
[class*=wrap-content] .choice-area.t7>div:not(.area) {
    flex-basis: 50%
}

[class*=wrap-content] .choice-area.t3>div:not(.area)+div:not(.area)~div,
[class*=wrap-content] .choice-area.t7>div:not(.area)+div:not(.area)~div {
    margin-top: 5px !important
}

[class*=wrap-content] .choice-area.t3>.area,
[class*=wrap-content] .choice-area.t7>.area {
    display: flex;
    align-items: flex-start;
    flex-basis: 100%;
    margin-top: 3px
}

[class*=wrap-content] .choice-area.t3>.area:first-child,
[class*=wrap-content] .choice-area.t7>.area:first-child {
    margin-top: 0
}

[class*=wrap-content] .choice-area.t3>.area:last-child,
[class*=wrap-content] .choice-area.t7>.area:last-child {
    margin-bottom: -2px
}

[class*=wrap-content] .choice-area.t3>.area>div,
[class*=wrap-content] .choice-area.t7>.area>div {
    flex: 1 1
}

[class*=wrap-content] .choice-area.t3>.area>div:first-child,
[class*=wrap-content] .choice-area.t7>.area>div:first-child {
    flex-grow: 2;
    margin-top: 0
}

[class*=wrap-content] .choice-area.t3>.area>div:not(:only-child):last-child>div>span,
[class*=wrap-content] .choice-area.t7>.area>div:not(:only-child):last-child>div>span {
    margin: 0 0 0 20px !important
}

[class*=wrap-content] .choice-area.t7>div {
    height: 27px;
    line-height: 27px
}

[class*=wrap-content] .choice-area.t7>div.btn {
    text-align: right
}

[class*=wrap-content] .choice-area.t7>div.btn>div+div {
    margin-left: 2px
}

[class*=wrap-content] .choice-area.t4>div {
    flex-basis: 33.3%
}

[class*=wrap-content] .choice-area.t4>div+div+div~div {
    margin-top: 5px !important
}

[class*=wrap-content] .choice-area.t5>div>div>span {
    flex-basis: 50%
}

[class*=wrap-content] .choice-area.t5>div>div>span:nth-child(2)~span {
    margin-top: 3px !important
}

[class*=wrap-content] .choice-area.t6>div>div>span {
    flex-basis: 33.3%
}

[class*=wrap-content] .choice-area.t6>div>div>span:nth-child(3)~span {
    margin-top: 3px !important
}

[class*=wrap-content] .choice-area2 {
    padding: 19px 20px;
    background: #f5f7f9;
    border-radius: 10px
}

[class*=wrap-content] .choice-area2 input {
    position: absolute;
    top: -100px;
    left: -100px
}

[class*=wrap-content] .choice-area2 input+label {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-right: 30px;
    line-height: 20px;
    letter-spacing: -.3px
}

[class*=wrap-content] .choice-area2 input+label:after,
[class*=wrap-content] .choice-area2 input+label:before {
    content: "";
    position: absolute;
    display: inline-block;
    box-sizing: border-box
}

[class*=wrap-content] .choice-area2 input+label:before {
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #a6a6a6;
    background-color: #fff
}

[class*=wrap-content] .choice-area2 input+label:after {
    top: 7px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff
}

[class*=wrap-content] .choice-area2 input:checked+label:before {
    border: 1px solid #1e91fb
}

[class*=wrap-content] .choice-area2 input:checked+label:after {
    background-color: #1e91fb
}

[class*=wrap-content] .tooltip-cus {
    line-height: normal
}

[class*=wrap-content] .tooltip-area {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #a6a6a6;
    border-radius: 3px
}

[class*=wrap-content] .tooltip-area>dt {
    padding-bottom: 5px;
    font-size: 13px;
    letter-spacing: -.33px;
    font-weight: 700
}

[class*=wrap-content] .tooltip-area>dd,
[class*=wrap-content] .tooltip-area>li,
[class*=wrap-content] .tooltip-area>p {
    min-width: 124px;
    line-height: 1.4;
    color: #797979;
    text-align: left
}

[class*=wrap-content] .tooltip-area>dd>strong,
[class*=wrap-content] .tooltip-area>li>strong,
[class*=wrap-content] .tooltip-area>p>strong {
    float: right;
    padding-left: 10px;
    color: #000
}

[class*=wrap-content] .tooltip-area.t1 {
    padding: 0;
    border: none;
    border-radius: 0
}

[class*=wrap-content] .tooltip-area2 {
    text-align: left
}

[class*=wrap-content] .tooltip-area2>li:not(:first-child) {
    margin-top: 6px
}

[class*=wrap-content] .data-content1 {
    display: flex;
    flex-direction: column;
    padding: 100px 30px 30px;
    background: #f5f8fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-content1.bgimg1 {
    background-image: url(/static/media/img_deco_left.282fe981.png), url(/static/media/img_deco_right.eeb6e5a6.png);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

[class*=wrap-content] .data-content1 .headline1 {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-content1 .headline1>strong {
    font-size: 28px;
    color: #000;
    letter-spacing: -1.4px
}

[class*=wrap-content] .data-content1 .headline1>strong>span {
    color: #1c90fb
}

[class*=wrap-content] .data-content1 .headline1>p {
    flex: 1 1;
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -.35px;
    color: #8c8c8c
}

[class*=wrap-content] .data-content1>div:not(:first-child),
[class*=wrap-content] .data-content1>ul:not(:first-child) {
    margin-top: 50px
}

[class*=wrap-content] .data-content1.t1 {
    justify-content: center;
    padding-top: 30px
}

[class*=wrap-content] .data-content2 {
    padding: 40px 54px;
    background: #f0f5fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-content2>div:not(:first-child),
[class*=wrap-content] .data-content2>dl:not(:first-child),
[class*=wrap-content] .data-content2>ol:not(:first-child),
[class*=wrap-content] .data-content2>p:not(:first-child),
[class*=wrap-content] .data-content2>table:not(:first-child),
[class*=wrap-content] .data-content2>ul:not(:first-child) {
    margin-top: 18px
}

[class*=wrap-content] .data-area1 {
    width: auto !important;
    border-top: 1px solid #646464;
    box-sizing: border-box
}

[class*=wrap-content] .data-area1>li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    counter-increment: num
}

[class*=wrap-content] .data-area1>li:before {
    content: counter(num);
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border-radius: 50%;
    background: #94a5c1;
    font-size: 11px;
    color: #fff;
    text-align: center
}

[class*=wrap-content] .data-area1>li:first-child:before {
    background: #4eabfa
}

[class*=wrap-content] .data-area1>li:nth-child(2):before {
    background: #50cbde
}

[class*=wrap-content] .data-area1>li:nth-child(3):before {
    background: #afd873
}

[class*=wrap-content] .data-area1>li:nth-child(4):before {
    background: #f7ad68
}

[class*=wrap-content] .data-area1>li:nth-child(5):before {
    background: #f5d471
}

[class*=wrap-content] .data-area1>li dd,
[class*=wrap-content] .data-area1>li dt {
    overflow: hidden;
    color: #000;
    letter-spacing: -.6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

[class*=wrap-content] .data-area1>li dd {
    color: #4a4a4a
}

[class*=wrap-content] .data-area1>li dd span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area1>li a {
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer
}

[class*=wrap-content] .data-area1>li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50% 50%
}

[class*=wrap-content] .data-area1>li a:hover:before {
    background-image: url(/static/media/ic_arrow_right_01_s_over.65832019.png)
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li {
    padding: 8px 37px 3px 57px
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li:before {
    left: 20px
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li dd,
[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li dt {
    display: inline-block;
    width: 50%
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li dd:nth-child(2n) {
    text-align: right
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li dd:nth-child(2n)~dd {
    margin-top: -4px
}

[class*=wrap-content] .data-area1:not(.t1):not(.t2)>li:hover {
    background: #e6f5ff;
    cursor: pointer
}

[class*=wrap-content] .data-area1.t1>li:before,
[class*=wrap-content] .data-area1.t2>li:before {
    left: 15px
}

[class*=wrap-content] .data-area1.t1>li dl,
[class*=wrap-content] .data-area1.t2>li dl {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-area1.t1>li dl dt,
[class*=wrap-content] .data-area1.t2>li dl dt {
    flex: 1 1
}

[class*=wrap-content] .data-area1.t1>li dl dd,
[class*=wrap-content] .data-area1.t2>li dl dd {
    text-align: right
}

[class*=wrap-content] .data-area1.t1>li dl dd:nth-child(2),
[class*=wrap-content] .data-area1.t2>li dl dd:nth-child(2) {
    width: 20%
}

[class*=wrap-content] .data-area1.t1>li dl dd:nth-child(3),
[class*=wrap-content] .data-area1.t2>li dl dd:nth-child(3) {
    width: 35%
}

[class*=wrap-content] .data-area1.t1>li {
    padding: 5px 15px 5px 40px
}

[class*=wrap-content] .data-area1.t2>li {
    padding: 16px 15px 17px 40px
}

[class*=wrap-content] .data-area2 {
    padding: 5px 0;
    color: #000;
    font-weight: 700
}

[class*=wrap-content] .data-area2 li {
    position: relative;
    padding: 5px 0 5px 27%
}

[class*=wrap-content] .data-area2 li>span {
    position: absolute;
    left: 0;
    top: 5px;
    width: 27%;
    padding-right: 10px;
    font-weight: 400;
    box-sizing: border-box
}

[class*=wrap-content] .data-area3 {
    position: relative;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666;
    background: #fafafa;
    font-size: 13px;
    color: #000;
    letter-spacing: -.33px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area3 ul {
    overflow: auto;
    height: 100%;
    padding: 12px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area3 ul>li {
    background: #fff
}

[class*=wrap-content] .data-area3 ul>li a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 64px;
    padding: 0 10px 0 60px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    line-height: 62px;
    color: #000 !important;
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-area3 ul>li a:before {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: grey
}

[class*=wrap-content] .data-area3 ul>li.on a {
    border: 1px solid #1c90fb;
    background: #e9f5ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .data-area3 ul>li:not(:first-child) {
    margin-top: 6px
}

[class*=wrap-content] .data-area3.t1 {
    border: none;
    background: none
}

[class*=wrap-content] .data-area3.t1 ul {
    padding: 0
}

[class*=wrap-content] .data-area3.t1 ul li a {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-area3.t1 ul li a>span {
    overflow: hidden;
    flex: 1 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-area3.t1 ul li a>[class*=state-type] {
    margin-left: 10px
}

[class*=wrap-content] .data-area4 {
    display: flex;
    padding: 8px 10px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

[class*=wrap-content] .data-area4 [class*=area] {
    align-items: center
}

[class*=wrap-content] .data-area4 [class*=area]>div {
    vertical-align: middle
}

[class*=wrap-content] .data-area4 [class*=area]>div+div {
    margin-left: 2px
}

[class*=wrap-content] .data-area4 .area1 {
    flex: 1 1
}

[class*=wrap-content] .data-area4 .area1>b {
    display: inline-block;
    width: 38px;
    padding-right: 6px;
    text-align: right;
    box-sizing: border-box
}

[class*=wrap-content] .data-area4 .area2 {
    width: 77px
}

[class*=wrap-content] .data-area4 .area2:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 10px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .data-area6 {
    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
}

[class*=wrap-content] .data-area6:before {
    left: 0;
    width: 1920px;
    min-height: 280px
}

[class*=wrap-content] .data-area6:after,
[class*=wrap-content] .data-area6:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 0 100%
}

[class*=wrap-content] .data-area6:after {
    left: 640px;
    width: 620px;
    height: 280px
}

[class*=wrap-content] .data-area6>div {
    position: relative;
    display: inline-flex;
    min-height: 220px;
    padding: 30px 40px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box;
    z-index: 1
}

[class*=wrap-content] .data-area6>div>.heading {
    position: relative;
    width: 215px;
    padding-bottom: 75px
}

[class*=wrap-content] .data-area6>div>.heading>.ti {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -.9px
}

[class*=wrap-content] .data-area6>div>.heading>.ti>.date {
    display: flex;
    margin-bottom: 6px
}

[class*=wrap-content] .data-area6>div>.heading>.ti>.date>div+div {
    margin-left: 4px
}

[class*=wrap-content] .data-area6>div>.heading>.ti>.date em {
    margin-right: 10px;
    line-height: 27px
}

[class*=wrap-content] .data-area6>div>.heading>.ti>[class*=state] {
    margin: -4px 0 0 5px;
    vertical-align: middle
}

[class*=wrap-content] .data-area6>div>.heading>.ti>span:not([class*=state]) {
    display: block
}

[class*=wrap-content] .data-area6>div>.heading>.ti>span:not([class*=state]):not(:first-child) {
    margin-top: 1px
}

[class*=wrap-content] .data-area6>div>.heading>.ti>span:not([class*=state])>em {
    color: #1c90fb;
    font-weight: 700
}

[class*=wrap-content] .data-area6>div>.heading>.ti>span.t1>em {
    display: block;
    color: #000;
    font-weight: 400
}

[class*=wrap-content] .data-area6>div>.heading>.ti>span.t1>strong {
    color: #1c90fb
}

[class*=wrap-content] .data-area6>div>.heading>span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: -.33px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area6>div>.heading>.total {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px 0 #dbe4eb;
    font-size: 13px;
    color: #a6a6a6;
    letter-spacing: -.3px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area6>div>.heading>.total>span {
    width: 44%;
    line-height: 1.17
}

[class*=wrap-content] .data-area6>div>.heading>.total>strong {
    flex: 1 1;
    margin-top: -2px;
    font-size: 16px;
    text-align: right
}

[class*=wrap-content] .data-area6>div>.heading>.total>strong>b {
    font-size: 20px;
    color: #474747
}

[class*=wrap-content] .data-area6>div>.heading>.total.t1>strong>b {
    font-size: 16px
}

[class*=wrap-content] .data-area6>div>.heading.t1 {
    padding-bottom: 110px
}

[class*=wrap-content] .data-area6>div>.heading.t1>.ti>.date {
    position: absolute;
    bottom: 50px;
    width: 100%;
    margin-bottom: 4px;
    padding-top: 15px
}

[class*=wrap-content] .data-area6>div>.heading.t1>.ti>.date>li {
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .data-area6>div>.heading.t1>.ti>.date>li+li {
    margin-left: 4px
}

[class*=wrap-content] .data-area6>div>.heading.t1>.ti>.date>li>em {
    margin-bottom: 1px;
    font-size: 11px;
    color: #a6a6a6;
    letter-spacing: -.28px
}

[class*=wrap-content] .data-area6>div>.heading.t1>.total {
    padding: 0 15px;
    font-size: 12px
}

[class*=wrap-content] .data-area6>div>.heading.t1>.total>span {
    width: 28%
}

[class*=wrap-content] .data-area6>div>.heading.t1>.total>strong {
    font-size: 13px;
    font-weight: 400
}

[class*=wrap-content] .data-area6>div>.heading.t1>.total>strong>b {
    font-size: 18px
}

[class*=wrap-content] .data-area6>div>.heading.t2 {
    width: 265px
}

[class*=wrap-content] .data-area6>div>.heading.t2>.ti>.date {
    margin-bottom: 8px
}

[class*=wrap-content] .data-area6>div>.heading.t2>.ti>strong+.date {
    margin-top: 27px
}

[class*=wrap-content] .data-area6>div>.heading.t2>[data-orbit-component=OBTButton] {
    width: 100%;
    margin-top: 12px
}

[class*=wrap-content] .data-area6>div>.heading.t2>[data-orbit-component=OBTButton] button {
    width: 100%
}

[class*=wrap-content] .data-area6>div>.info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 160px;
    margin-left: 30px;
    padding: 20px 0 0 30px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area6>div>.info>strong {
    position: absolute;
    top: 0;
    font-size: 13px
}

[class*=wrap-content] .data-area6>div>.info>ul {
    display: flex;
    flex-direction: column;
    justify-content: center
}

[class*=wrap-content] .data-area6>div>.info>ul>li {
    padding: 3px 0 5px;
    font-size: 13px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area6>div>.info>ul>li:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #9e9e9f;
    vertical-align: middle
}

[class*=wrap-content] .data-area6>div>.info>ul>li:not(:first-child) {
    border-top: 1px dashed #eff0f1
}

[class*=wrap-content] .data-area6>div>.info>ul>li>span {
    display: inline-block;
    width: calc(55% - 7px);
    vertical-align: middle
}

[class*=wrap-content] .data-area6>div>.info>ul>li>strong {
    display: inline-block;
    width: 45%;
    font-size: 16px;
    color: #474747;
    text-align: right;
    vertical-align: middle
}

[class*=wrap-content] .data-area6>div>.info>ul>li.date {
    padding: 5px 0 7px
}

[class*=wrap-content] .data-area6>div>.info>ul>li.date>span {
    width: calc(52% - 7px)
}

[class*=wrap-content] .data-area6>div>.info>ul>li.date>strong {
    width: 48%;
    font-size: 14px
}

[class*=wrap-content] .data-area6>div>.info.t2 {
    width: 180px
}

[class*=wrap-content] .data-area6>div>.info.t2>ul>li {
    padding: 4px 0 7px
}

[class*=wrap-content] .data-area6>div>.info.t2>ul>li>span {
    width: calc(50% - 7px)
}

[class*=wrap-content] .data-area6>div>.info.t2>ul>li>strong {
    width: 50%;
    font-size: 14px
}

[class*=wrap-content] .data-area6>div>.info.t1 {
    padding-top: 0
}

[class*=wrap-content] .data-area6>div>.info2 {
    display: inline-flex;
    flex-direction: column;
    width: 310px;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area6>div>.info2>.area1 {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list {
    flex: 1 1;
    color: #a6a6a6;
    letter-spacing: -.3px
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum) {
    padding: 1px 0
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum):before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -2px 4px 0 0;
    border-radius: 3px;
    vertical-align: middle
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum):first-child:before {
    background: #4eabfa
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum):nth-child(2):before {
    background: #d887ed
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum):nth-child(3):before {
    background: #f5d471
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum)>span {
    display: inline-block;
    width: calc(40% - 10px)
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list>li:not(.sum)>strong {
    display: inline-block;
    width: 60%;
    color: #474747;
    text-align: right
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list li.sum {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #e6e6e6
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list li.sum>span {
    display: inline-block;
    width: 40%
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.list li.sum>strong {
    display: inline-block;
    width: 60%;
    font-size: 15px;
    color: #474747;
    text-align: right
}

[class*=wrap-content] .data-area6>div>.info2>.area1>.graph {
    width: 90px;
    height: 90px;
    margin: 0 10px 0 30px
}

[class*=wrap-content] .data-area6>div>.info2>.total {
    flex: 1 1;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 50px;
    margin-top: 15px
}

[class*=wrap-content] .data-area6>div>.info2>.total .btn {
    height: 50px;
    padding: 0 20px;
    border: none !important;
    border-radius: 4px;
    background-image: linear-gradient(90deg, #4dcaff, #4d7bff) !important;
    letter-spacing: -.33px;
    color: #fff;
    vertical-align: middle;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .data-area6>div>.info2>.total .btn span {
    font-size: 13px
}

[class*=wrap-content] .data-area6>div>.info2>.total .sum {
    flex: 1 1;
    display: inline-flex;
    align-items: center;
    height: 50px;
    margin-left: 10px;
    padding: 0 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px 0 #dbe4eb;
    font-size: 13px;
    color: #a6a6a6;
    letter-spacing: -.3px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area6>div>.info2>.total .sum>span {
    width: 25%;
    line-height: 1.17
}

[class*=wrap-content] .data-area6>div>.info2>.total .sum>strong {
    flex: 1 1;
    margin-top: -2px;
    font-size: 18px;
    color: #474747;
    text-align: right
}

[class*=wrap-content] .data-area6>div>.graph {
    align-self: center;
    position: relative;
    transform: rotate(-90deg);
    width: 140px;
    height: 140px;
    margin: -9px -5px 0 25px;
    padding-right: 10px
}

[class*=wrap-content] .data-area6>div>.graph .back {
    stroke: #e9e9e9
}

[class*=wrap-content] .data-area6>div>.graph .fill {
    stroke: #4eabfa;
    animation: chart-fill 2s reverse;
    transform-origin: center
}

[class*=wrap-content] .data-area6>div>.graph strong.info {
    position: absolute;
    right: 50%;
    top: 40px;
    width: 140px;
    margin-right: -68px;
    font-size: 36px;
    line-height: 1.17;
    color: #474747;
    letter-spacing: -1.44px;
    text-align: center;
    -webkit-animation: chart-info 2s forwards;
    animation: chart-info 2s forwards;
    transform: rotate(90deg);
    opacity: 0
}

[class*=wrap-content] .data-area6>div>.graph strong.info>i {
    font-size: 18px
}

[class*=wrap-content] .data-area6>div>.graph strong.info>span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: -.9px;
    color: #4a4a4a;
    font-weight: 400;
    text-align: center
}

@-webkit-keyframes chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@-webkit-keyframes chart-info {
    to {
        opacity: 1
    }
}

[class*=wrap-content] .data-area6>div>.btn {
    position: absolute;
    right: 10px;
    top: 8px
}

[class*=wrap-content] .data-area6>div>.btn .img-btn2 {
    color: #a6a6a6
}

[class*=wrap-content] .data-area6.t1 {
    padding: 30px !important
}

[class*=wrap-content] .data-area6.t1:after,
[class*=wrap-content] .data-area6.t1:before {
    display: none
}

[class*=wrap-content] .data-area6.t1>div {
    display: flex;
    width: 100%;
    max-width: 100%;
    background: #fff
}

[class*=wrap-content] .data-area6.t1>div>.graph {
    overflow: hidden;
    align-self: auto;
    flex: 1 1;
    transform: none;
    width: auto;
    height: auto;
    margin: 0 0 0 40px;
    padding: 25px 0 0 40px;
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .data-area6.t1>div>.graph>.ti {
    position: absolute;
    top: 0;
    display: flex;
    align-items: flex-end;
    width: calc(100% - 40px);
    font-size: 13px
}

[class*=wrap-content] .data-area6.t1>div>.graph>.ti>strong {
    flex: 1 1;
    text-align: center
}

[class*=wrap-content] .data-area6.t1>div>.graph>.ti>span {
    font-size: 9px;
    color: #a6a6a6;
    text-align: right
}

[class*=wrap-content] .data-area6.t2 {
    min-height: 246px;
    padding: 0 !important;
    border-radius: 10px;
    background: none;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .08)
}

[class*=wrap-content] .data-area6.t2:after,
[class*=wrap-content] .data-area6.t2:before {
    display: none
}

[class*=wrap-content] .data-area6.t2>div {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-height: 246px;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    z-index: 0
}

[class*=wrap-content] .data-area6.t2>div>.heading {
    position: relative;
    padding-bottom: 0
}

[class*=wrap-content] .data-area6.t2>div>.graph {
    align-self: auto;
    flex: 1 1;
    transform: none;
    width: auto;
    height: auto;
    margin: 0 0 0 40px;
    padding: 0 0 0 50px;
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .data-area6.t2>div>.graph>div {
    height: 100%
}

@media (min-width:1920px) {
    [class*=wrap-content] .data-area6:not(.t1):after {
        left: 940px
    }
}

[class*=wrap-content] .data-area7 {
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area7 .total {
    display: flex;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 60px
}

[class*=wrap-content] .data-area7 .total>li {
    display: inline-flex;
    flex: 1 1
}

[class*=wrap-content] .data-area7 .total>li>.ti {
    padding-left: 21px;
    background: url(/static/media/ic_docu_m_normal.0699a912.png) no-repeat 0 50%
}

[class*=wrap-content] .data-area7 .total>li>.ti>[data-orbit-component=OBTTooltip] {
    margin-top: -2px;
    margin-left: 2px;
    vertical-align: middle
}

[class*=wrap-content] .data-area7 .total>li>strong {
    flex: 1 1;
    font-size: 20px;
    color: #1c90fb;
    text-align: right
}

[class*=wrap-content] .data-area7 .total>li>strong>span {
    font-size: 16px
}

[class*=wrap-content] .data-area7 .total>li:nth-child(2) {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area7 .total>li:nth-child(2)>strong {
    color: #ff8787
}

[class*=wrap-content] .data-area7 .cont {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    background: #f9fafc
}

[class*=wrap-content] .data-area7 .cont li dl {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff
}

[class*=wrap-content] .data-area7 .cont li dl dt {
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0 10px 0 20px;
    border-radius: 4px 4px 0 0;
    line-height: 58px;
    letter-spacing: -.7px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area7 .cont li dl dt>strong {
    width: calc(50% - 68px);
    font-size: 15px
}

[class*=wrap-content] .data-area7 .cont li dl dt>em {
    width: 50%;
    padding-right: 2px;
    font-size: 14px;
    text-align: right;
    box-sizing: border-box
}

[class*=wrap-content] .data-area7 .cont li dl dt>em>b {
    margin-left: 5px;
    font-size: 16px
}

[class*=wrap-content] .data-area7 .cont li dl dt>div {
    position: relative;
    width: 34px;
    height: 34px
}

[class*=wrap-content] .data-area7 .cont li dl dt>div:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #e6e6e6
}

[class*=wrap-content] .data-area7 .cont li dl dt>div>button {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .data-area7 .cont li dl dd {
    display: flex;
    align-items: center;
    min-height: 27px;
    padding: 16px 20px
}

[class*=wrap-content] .data-area7 .cont li dl dd:first-child {
    padding-top: 20px
}

[class*=wrap-content] .data-area7 .cont li dl dd:last-child {
    padding-bottom: 20px
}

[class*=wrap-content] .data-area7 .cont li dl dd+dd {
    border-top: 1px solid #e6edf4
}

[class*=wrap-content] .data-area7 .cont li dl dd>strong {
    width: 75px
}

[class*=wrap-content] .data-area7 .cont li dl dd>div {
    flex: 1 1
}

[class*=wrap-content] .data-area7 .cont li dl dd>div>div {
    vertical-align: middle
}

[class*=wrap-content] .data-area7 .cont li dl dd>div>div+div {
    margin-left: 2px
}

[class*=wrap-content] .data-area7 .cont li dl dd>div .dash {
    display: inline-block;
    width: 14px;
    text-align: center
}

[class*=wrap-content] .data-area7 .cont li dl dt+dd {
    border-top: 1px solid #ccc
}

[class*=wrap-content] .data-area7 .cont li:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .data-area7 .cont li.close dd {
    display: none
}

[class*=wrap-content] .data-area7 .cont li.open dl {
    border-color: #50596c
}

[class*=wrap-content] .data-area7 .cont li.open dl dt {
    background: #f4f8fc;
    color: #000
}

[class*=wrap-content] .data-area7 .cont li.open dl dt+dd {
    border-color: #50596c
}

[class*=wrap-content] .data-area7 .cont .area1 {
    min-height: 46px;
    padding: 13px 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box
}

[class*=wrap-content] .data-area7 .cont .area1+div,
[class*=wrap-content] .data-area7 .cont .area1>div:not(:first-child),
[class*=wrap-content] .data-area7 .cont .area1>dl:not(:first-child),
[class*=wrap-content] .data-area7 .cont .area1>ol:not(:first-child),
[class*=wrap-content] .data-area7 .cont .area1>p:not(:first-child),
[class*=wrap-content] .data-area7 .cont .area1>table:not(:first-child),
[class*=wrap-content] .data-area7 .cont .area1>ul:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .data-area7 .cont .area1>[data-orbit-component=OBTCheckBox] {
    font-weight: 700
}

[class*=wrap-content] .data-area7 .btn {
    padding: 0 10px 10px;
    background: #f9fafc
}

[class*=wrap-content] .data-area7 .btn>div {
    width: 100%
}

[class*=wrap-content] .data-area7 .btn>div button {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    border-color: #ccc;
    background: #fff !important
}

[class*=wrap-content] .data-area7 .btn>div button span {
    margin: -1px 0 0 4px;
    font-size: 14px !important;
    color: #8d8d8d
}

[class*=wrap-content] .data-area7 .btn>div button span:after {
    display: none
}

[class*=wrap-content] .data-area7 .btn>div button:hover {
    border-color: #1c90fb !important;
    background: #eff7ff !important
}

[class*=wrap-content] .data-area7 .btn>div button:hover span {
    color: #1c90fb
}

[class*=wrap-content] .data-area7.t1 {
    height: 100%
}

[class*=wrap-content] .data-area7.t1 .total {
    font-weight: 700
}

[class*=wrap-content] .data-area7.t1 .cont {
    height: calc(100% - 60px);
    padding: 0;
    box-sizing: border-box
}

[class*=wrap-content] .data-area7.t1 .cont .scoll-area {
    height: 100%
}

[class*=wrap-content] .data-area7.t1 .cont .scoll-area>div:first-child {
    padding: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area8 .content {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

[class*=wrap-content] .data-area8 .content>.heading {
    margin-bottom: 0;
    padding: 0 20px
}

[class*=wrap-content] .data-area8 .content>.cont,
[class*=wrap-content] .data-area8 .content>.heading+div {
    flex: 1 1
}

[class*=wrap-content] .data-area8 .content .cont {
    background: #f5f8fa
}

[class*=wrap-content] .data-area8 .content .cont>div>dl {
    overflow: auto;
    position: relative;
    min-height: 100%;
    padding: 15px 20px 20px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area8 .content .cont>div>dl:before {
    content: "";
    position: absolute;
    left: 29px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e9e9e9
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    z-index: 1
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt>strong {
    font-size: 14px;
    letter-spacing: -.7px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn {
    display: flex;
    margin-left: 5px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li {
    margin-left: 6px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover {
    height: 18px;
    padding: 0 6px;
    border: none;
    border-radius: 9px;
    color: #fff
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button.type1,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover.type1 {
    background: #f0c325
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button.type2,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover.type2 {
    background: #748ffc
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button.type3,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover.type3 {
    background: #ff8787
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button.type4,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover.type4 {
    background: #ac91f5
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button.type5,
[class*=wrap-content] .data-area8 .content .cont>div>dl dt .btn li button:hover.type5 {
    background: #55cc91
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dt:not(:first-child) {
    margin-top: 16px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd {
    display: flex;
    align-items: center;
    margin: 6px 0 0 28px;
    padding: 11px 0 11px 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>div,
[class*=wrap-content] .data-area8 .content .cont>div>dl dd>span:not(.checkbox):not(.time),
[class*=wrap-content] .data-area8 .content .cont>div>dl dd>strong {
    position: relative;
    padding: 0 11px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>div:before,
[class*=wrap-content] .data-area8 .content .cont>div>dl dd>span:not(.checkbox):not(.time):before,
[class*=wrap-content] .data-area8 .content .cont>div>dl dd>strong:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: #e6e6e6
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.checkbox {
    width: 28px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.time {
    width: 70px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti {
    display: flex;
    align-items: center;
    flex: 1 1;
    padding-left: 38px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti:first-child:before {
    display: none
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>div {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong {
    position: relative;
    font-weight: 400
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong[class*=ico] {
    padding-left: 4px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong[class*=ico]:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-repeat: no-repeat;
    background-position: 0 0
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type1:before {
    background-image: url(/static/media/ic_debt_balance_m_normal.ccb158cb.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type2:before {
    background-image: url(/static/media/ic_debt_sum_m_normal.aaf12619.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type3:before {
    background-image: url(/static/media/ic_paymentslip_m_normal.4333d4fb.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type4:before {
    background-image: url(/static/media/ic_fixmoney_m_normal.9bb0c734.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type5:before {
    background-image: url(/static/media/ic_expenseclaims_m_normal.22bd0734.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti>strong.ico-type6:before {
    background-image: url(/static/media/ic_advancedmoney_m_normal.5f39aec3.png)
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.card-type {
    width: 12%
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.appr-num {
    width: 12%;
    text-align: center
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>strong {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 24%;
    text-align: right
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>strong>[class*=state-type] {
    margin-top: 1px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>strong>del {
    flex: 1 1
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.btn>div {
    vertical-align: middle
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.btn>div+div {
    margin-left: 15px
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd>.ti+.btn:before {
    display: none
}

[class*=wrap-content] .data-area8 .content .cont>div>dl dd.on {
    border-color: #1c90fb;
    background: #f0f8ff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .data-area8 .content .cont>div>table:only-child {
    width: calc(100% - 40px);
    margin: 15px 20px 20px
}

[class*=wrap-content] .data-area8 .content .cont1 {
    overflow: auto;
    flex: 1 1;
    padding: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area8 .content>.no_data {
    flex: 1 1
}

[class*=wrap-content] .data-area8 .no_data {
    flex-direction: column;
    background: #f5f8fa
}

[class*=wrap-content] .data-area8 .no_data>p {
    margin-top: 7px;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -.6px
}

[class*=wrap-content] .data-area8 .no_data>[data-orbit-component=OBTButton] {
    margin-top: 12px
}

[class*=wrap-content] .data-area8.t1 .content .cont>div>dl dd {
    margin-top: 0;
    padding: 0;
    border: none;
    background: none
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div {
    overflow-x: hidden !important;
    height: 100%
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div>dl {
    display: flex;
    flex-direction: column
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div>dl dd {
    flex-direction: column;
    flex: 1 1
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div>dl dd>div {
    flex: 1 1;
    width: 100%;
    box-sizing: border-box
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div.t1 {
    display: flex;
    flex-direction: column;
    padding: 14px 20px 20px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area8.t1 .content .cont.t1>div.t1>div {
    flex: 1 1
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl:before {
    display: none
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dt {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd {
    margin-left: 0;
    padding-right: 20px;
    font-size: 13px
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>div,
[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>span:not(.checkbox):not(.time),
[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>strong {
    padding: 0 20px
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>.ti>strong {
    font-weight: 700
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>.info1 {
    display: flex;
    align-items: center;
    width: 15%
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>.info1>i {
    font-size: 12px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>.info1>strong {
    flex: 1 1;
    padding-left: 10px;
    text-align: right
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd>.btn {
    width: 15%;
    padding-right: 0;
    text-align: right
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd.on {
    position: relative;
    z-index: 1
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd.sub-area {
    display: none
}

[class*=wrap-content] .data-area8.t2 .content .cont>div>dl dd.open {
    display: block;
    margin-top: -5px;
    padding: 18px 20px 14px;
    border-radius: 0 0 4px 4px;
    border-color: #1c90fb;
    background: #e2e8f2
}

[class*=wrap-content] .data-area9 {
    display: flex;
    padding: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .data-area9 .pic-type2 {
    width: 131px;
    height: 166px
}

[class*=wrap-content] .data-area9 .info {
    width: calc(100% - 141px);
    margin-left: 10px
}

[class*=wrap-content] .data-area10 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 17px 24px 18px 96px;
    border: 1px solid #d5dce8;
    border-radius: 4px;
    background: #f2f5fa;
    font-size: 13px;
    color: #4a4a4a;
    box-sizing: border-box
}

[class*=wrap-content] .data-area10 em {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area10 dt {
    width: 100%;
    padding-bottom: 3px
}

[class*=wrap-content] .data-area10 dt strong {
    font-size: 15px;
    color: #000
}

[class*=wrap-content] .data-area10 dt>span>span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background: #bec6de
}

[class*=wrap-content] .data-area10 dt .pic-type1 {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 52px;
    height: 52px;
    margin-top: -26px
}

[class*=wrap-content] .data-area10 dd {
    line-height: 1.46
}

[class*=wrap-content] .data-area10 dd+dd:before {
    content: "";
    display: inline-flex;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background: #bec6de
}

[class*=wrap-content] .data-area10 li {
    position: relative;
    width: 100%;
    padding-left: 7px
}

[class*=wrap-content] .data-area10 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: #4e4e4e
}

[class*=wrap-content] .data-area10 li+li {
    margin-top: 2px
}

[class*=wrap-content] .data-area10 .area1 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex: 1 1
}

[class*=wrap-content] .data-area10 .area2 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 50%;
    padding-left: 79px
}

[class*=wrap-content] .data-area10 .area2:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 1px;
    height: 100%;
    margin-right: 40px;
    background: #dee2ef
}

[class*=wrap-content] .data-area10.t1 {
    padding: 29px 40px 29px 132px
}

[class*=wrap-content] .data-area10.t1 .area1 dt {
    padding-bottom: 2px
}

[class*=wrap-content] .data-area10.t1 .area1 dt .pic-type1 {
    left: 40px;
    width: 72px;
    height: 72px;
    margin-top: -36px
}

[class*=wrap-content] .data-area10.t1 .area1 dd {
    width: 100%;
    font-size: 12px
}

[class*=wrap-content] .data-area10.t1 .area1 dd+dd:before {
    display: none
}

[class*=wrap-content] .data-area10.t1 .area1 dd:not(:last-child) i {
    vertical-align: middle
}

[class*=wrap-content] .data-area10.t1 .area1 dd:last-child {
    margin-top: 3px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area10.t1 .area1 dd:last-child i+i {
    margin-left: 4px
}

[class*=wrap-content] .data-area10.t1 .area2 {
    width: 63%;
    font-size: 11px
}

[class*=wrap-content] .data-area10.t1 .area2 dt {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area10.t1 .area2 dd {
    min-height: 18px;
    padding: 1px 0 1px 22px;
    background-repeat: no-repeat;
    box-sizing: border-box
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(4)~dd {
    margin-top: 12px
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(2) {
    order: 1;
    width: 150px;
    padding-right: 20px;
    background-image: url(/static/media/ic_user_m_normal.f13b2214.png)
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(4) {
    order: 2;
    width: calc(100% - 150px);
    background-image: url(/static/media/ic_birthday_m_normal.0abf6ebe.png)
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(6) {
    order: 3;
    width: 150px;
    padding-right: 20px;
    background-image: url(/static/media/ic_mobile_m_normal.6bcdf52b.png)
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(8) {
    order: 5;
    width: 150px;
    padding-right: 20px;
    background-image: url(/static/media/ic_phone_01_m_normal.6367485c.png)
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(10) {
    order: 4;
    width: calc(100% - 150px);
    background-image: url(/static/media/ic_pc_m_normal.e52a7ef8.png)
}

[class*=wrap-content] .data-area10.t1 .area2 dd:nth-child(12) {
    order: 6;
    width: calc(100% - 150px);
    background-image: url(/static/media/ic_address_m_normal.c6b34b87.png)
}

[class*=wrap-content] .data-area10.t2 {
    padding: 17px 24px 18px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .data-area10.t1 .area2 dd {
        padding-top: 0;
        padding-bottom: 2px
    }
}

[class*=wrap-content] .data-area11 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 6px
}

[class*=wrap-content] .data-area11>strong {
    display: block;
    margin-bottom: 10px;
    padding: 14px 24px;
    border-radius: 6px 6px 0 0;
    background: #f5f8fa;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.75px;
    text-align: center
}

[class*=wrap-content] .data-area11 ul,
[class*=wrap-content] .data-area11>strong+div {
    flex: 1 1 auto;
    margin-bottom: 10px
}

[class*=wrap-content] .data-area11 ul ul,
[class*=wrap-content] .data-area11>strong+div ul {
    margin-bottom: 0
}

[class*=wrap-content] .data-area11 ul>li,
[class*=wrap-content] .data-area11>strong+div>li {
    position: relative;
    margin: 0 24px;
    padding: 13px 0
}

[class*=wrap-content] .data-area11 ul>li~li,
[class*=wrap-content] .data-area11>strong+div>li~li {
    border-top: 1px dashed #dbdbdb
}

[class*=wrap-content] .data-area11 ul>li>span:not(.day),
[class*=wrap-content] .data-area11>strong+div>li>span:not(.day) {
    display: inline-block;
    height: 27px;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: -.7px;
    vertical-align: middle
}

[class*=wrap-content] .data-area11 ul>li>span:not(.day):first-child,
[class*=wrap-content] .data-area11>strong+div>li>span:not(.day):first-child {
    width: 30%
}

[class*=wrap-content] .data-area11 ul>li>span:not(.day):nth-child(2),
[class*=wrap-content] .data-area11>strong+div>li>span:not(.day):nth-child(2) {
    width: 70%;
    text-align: right
}

[class*=wrap-content] .data-area11 ul>li>span:not(.day)>strong,
[class*=wrap-content] .data-area11>strong+div>li>span:not(.day)>strong {
    font-size: 18px;
    line-height: 20px;
    vertical-align: text-bottom
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    [class*=wrap-content] .data-area11 ul>li>span:not(.day)>strong,
    [class*=wrap-content] .data-area11>strong+div>li>span:not(.day)>strong {
        vertical-align: baseline
    }
}

[class*=wrap-content] .data-area11 ul>li>.day,
[class*=wrap-content] .data-area11>strong+div>li>.day {
    display: block;
    padding: 8px 0 3px;
    line-height: 1.25;
    color: #919191;
    letter-spacing: -.3px
}

[class*=wrap-content] .data-area11 .info-area {
    margin: 0 24px 19px;
    padding-top: 10px;
    border-top: 1px solid #f0f1f2
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn) {
    display: flex;
    align-items: center;
    height: 33px
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div {
    display: inline-block;
    height: 27px;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: -.7px;
    vertical-align: middle
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div:first-child {
    width: 60%
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div:first-child>div {
    margin-top: -3px;
    margin-left: 3px;
    vertical-align: middle
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div:nth-child(2) {
    width: 40%;
    color: #ff8787;
    text-align: right
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div>strong {
    font-size: 18px;
    line-height: 20px;
    vertical-align: text-bottom
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .data-area11 .info-area>div:not(.btn)>div>strong {
        vertical-align: baseline
    }
}

[class*=wrap-content] .data-area11 .info-area>div:not(.btn).guide {
    padding-left: 23px;
    background: url(/static/media/ico_confirm_03.bdd77602.png) no-repeat 0 50%;
    font-size: 11px;
    line-height: 1.27;
    color: #666
}

[class*=wrap-content] .data-area11 .info-area>.btn {
    margin-top: 10px
}

[class*=wrap-content] .data-area11 .info-area>.btn>div,
[class*=wrap-content] .data-area11 .info-area>.btn>div button {
    width: 100%
}

[class*=wrap-content] .data-area12 {
    display: flex;
    align-items: center;
    padding: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area12 [class*=area]:not(:first-child) {
    position: relative;
    padding-left: 51px
}

[class*=wrap-content] .data-area12 [class*=area]:not(:first-child):before {
    content: "";
    position: absolute;
    left: 25px;
    top: 50%;
    width: 1px;
    height: 37px;
    margin-top: -19px;
    background: #e6e6e6
}

[class*=wrap-content] .data-area12 .area1 {
    width: 20%
}

[class*=wrap-content] .data-area12 .area1>span {
    font-size: 13px;
    letter-spacing: -.65px
}

[class*=wrap-content] .data-area12 .area1>strong {
    margin-left: 10px;
    font-size: 14px
}

[class*=wrap-content] .data-area12 .area1>.graph {
    overflow: hidden;
    display: flex;
    height: 16px;
    margin: 5px 0 4px;
    border-radius: 8px
}

[class*=wrap-content] .data-area12 .area1>.graph>[class*=type] {
    overflow: hidden;
    height: 0;
    padding-top: 16px;
    box-sizing: content-box
}

[class*=wrap-content] .data-area12 .area1>.graph>[class*=type]+span {
    margin-left: 1px
}

[class*=wrap-content] .data-area12 .area1>.graph>.type1 {
    background: #46a3f0
}

[class*=wrap-content] .data-area12 .area1>.graph>.type2 {
    background: #f48da5
}

[class*=wrap-content] .data-area12 .area1>.graph>.type3 {
    background: #ebebeb
}

[class*=wrap-content] .data-area12 .area2,
[class*=wrap-content] .data-area12 .area2 li {
    display: inline-flex;
    align-items: center;
    flex: 1 1
}

[class*=wrap-content] .data-area12 .area2 li:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%
}

[class*=wrap-content] .data-area12 .area2 li.type1:before {
    background: #46a3f0
}

[class*=wrap-content] .data-area12 .area2 li.type2:before {
    background: #f48da5
}

[class*=wrap-content] .data-area12 .area2 li.type3:before {
    background: #ebebeb
}

[class*=wrap-content] .data-area12 .area2 li+li {
    margin-left: 25px
}

[class*=wrap-content] .data-area12 .area2 li>span {
    width: 35%;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.65px;
    color: #333
}

[class*=wrap-content] .data-area12 .area2 li>strong {
    flex: 1 1;
    margin-top: -1px;
    font-size: 14px;
    line-height: 20px;
    text-align: right
}

[class*=wrap-content] .data-area13 {
    border-top: 1px solid #e5e5e5;
    background: #f5f8fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-area13 .list {
    width: calc(100% - 28px);
    height: calc(100% - 40px);
    margin: 20px 14px;
    border-collapse: separate;
    border-spacing: 6px 0;
    table-layout: fixed
}

[class*=wrap-content] .data-area13 .list>thead th {
    height: 19px;
    padding-bottom: 15px;
    font-size: 13px
}

[class*=wrap-content] .data-area13 .list>thead th:not(:first-child) {
    vertical-align: top
}

[class*=wrap-content] .data-area13 .list>thead th.sun {
    color: red
}

[class*=wrap-content] .data-area13 .list>thead th.sat {
    color: #1c90fb
}

[class*=wrap-content] .data-area13 .list>thead th [class*=tag-type2] {
    display: block;
    width: 40px;
    margin: 5px auto 0
}

[class*=wrap-content] .data-area13 .list>tbody tr td,
[class*=wrap-content] .data-area13 .list>tbody tr th {
    height: 9%;
    padding: 0 19px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .data-area13 .list>tbody tr th {
    background: #ecf1f5
}

[class*=wrap-content] .data-area13 .list>tbody tr td {
    border: solid #e6e6e6;
    border-width: 0 1px;
    background: #fff;
    text-align: center
}

[class*=wrap-content] .data-area13 .list>tbody tr td.dis {
    background: #f8f9fa;
    color: #a6a6a6
}

[class*=wrap-content] .data-area13 .list>tbody tr:first-child td,
[class*=wrap-content] .data-area13 .list>tbody tr:first-child th {
    height: 11%;
    padding-top: 7px;
    border-radius: 4px 4px 0 0
}

[class*=wrap-content] .data-area13 .list>tbody tr:first-child td {
    border-top-width: 1px
}

[class*=wrap-content] .data-area13 .list>tbody tr:nth-child(2) td,
[class*=wrap-content] .data-area13 .list>tbody tr:nth-child(2) th {
    height: 12%
}

[class*=wrap-content] .data-area13 .list>tbody tr:last-child td,
[class*=wrap-content] .data-area13 .list>tbody tr:last-child th {
    border-radius: 0 0 4px 4px
}

[class*=wrap-content] .data-area13 .list>tbody tr:last-child td {
    border-bottom-width: 1px
}

[class*=wrap-content] .data-area13 .list>tbody tr.btn td>div,
[class*=wrap-content] .data-area13 .list>tbody tr.btn th>div {
    vertical-align: middle
}

[class*=wrap-content] .data-area13 .list>tbody tr.state td,
[class*=wrap-content] .data-area13 .list>tbody tr.state th {
    position: relative;
    height: 16%;
    padding-top: 13px
}

[class*=wrap-content] .data-area13 .list>tbody tr.state td:before,
[class*=wrap-content] .data-area13 .list>tbody tr.state th:before {
    content: "";
    position: absolute;
    left: 19px;
    right: 19px;
    top: 12px;
    height: 1px;
    background: #e6e6e6
}

[class*=wrap-content] .data-area13 .list>tbody tr.state td [class*=state-type],
[class*=wrap-content] .data-area13 .list>tbody tr.state th [class*=state-type] {
    min-width: 34px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .data-area13 .list {
        height: calc(100% - 41px)
    }

    [class*=wrap-content] .data-area13 .list>tbody tr td,
    [class*=wrap-content] .data-area13 .list>tbody tr th {
        height: 10%
    }
}

[class*=wrap-content] .data-area14 {
    display: flex;
    align-content: center;
    padding: 15px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #4a4a4a;
    box-sizing: border-box
}

[class*=wrap-content] .data-area14>[class*=info] {
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area14>[class*=info]:before {
    background-repeat: no-repeat;
    background-position: 0 0
}

[class*=wrap-content] .data-area14>[class*=info]:first-child {
    border-left: none
}

[class*=wrap-content] .data-area14>div:not([class*=data-graph]) {
    position: relative;
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    padding: 0 20px 0 80px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area14>div:not([class*=data-graph])>strong {
    font-size: 15px
}

[class*=wrap-content] .data-area14>div:not([class*=data-graph])>strong:before {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -25px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #f5f5f8
}

[class*=wrap-content] .data-area14>dl {
    position: relative;
    flex: 1 1;
    min-height: 50px;
    padding: 0 30px 0 110px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area14>dl>dd,
[class*=wrap-content] .data-area14>dl>dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 18px
}

[class*=wrap-content] .data-area14>dl>dt {
    padding-bottom: 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area14>dl>dt>strong {
    position: absolute;
    top: 50%;
    left: 30px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-50%);
    width: 50px;
    text-align: center;
    line-height: 20px
}

[class*=wrap-content] .data-area14>dl>dt>strong:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #f5f5f8;
    z-index: -1
}

[class*=wrap-content] .data-area14>dl>dt>b {
    font-size: 11px;
    letter-spacing: -.28px
}

[class*=wrap-content] .data-area14>dl>dt>em {
    overflow: hidden;
    flex: 1 1;
    padding-left: 10px;
    font-size: 26px;
    line-height: 1;
    color: #000;
    letter-spacing: -1.3px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .data-area14>dl>dt>em>span {
    margin-right: 8px;
    font-size: 14px;
    letter-spacing: -.7px;
    font-weight: 400
}

[class*=wrap-content] .data-area14>dl>dt>em>span.unit {
    margin-left: 2px;
    margin-right: 0;
    font-size: 13px;
    letter-spacing: 0
}

[class*=wrap-content] .data-area14>dl>dd>em {
    font-size: 14px;
    letter-spacing: -.7px;
    text-align: right
}

[class*=wrap-content] .data-area14>dl>dd>em>.unit {
    font-size: 11px;
    letter-spacing: -.55px
}

[class*=wrap-content] .data-area14>dl.t1>dd>em {
    font-size: 18px;
    letter-spacing: -.9px;
    font-weight: 700
}

[class*=wrap-content] .data-area14>dl.t1>dd>em>.unit {
    font-size: 13px !important;
    letter-spacing: -.65px;
    font-weight: 400
}

[class*=wrap-content] .data-area14>dl.t2>dt>em {
    font-size: 18px !important
}

[class*=wrap-content] .data-area14>dl.t2>dd {
    justify-content: space-between !important
}

[class*=wrap-content] .data-area14>dl.t2>dd>span {
    visibility: visible !important;
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
    height: auto !important;
    font-size: 11px;
    color: #a6a6a6;
    opacity: 1 !important;
    z-index: 1 !important
}

[class*=wrap-content] .data-area14>dl.t3>dt {
    padding-bottom: 13px;
    margin-bottom: 8px
}

[class*=wrap-content] .data-area14>dl.t3>dt>b {
    font-size: 12px
}

[class*=wrap-content] .data-area14>dl.t3>dt>em {
    font-size: 22px !important
}

[class*=wrap-content] .data-area14>dl.t3>dt>em>span.unit {
    font-size: 14px
}

[class*=wrap-content] .data-area14>dl.t3>dd {
    justify-content: space-between !important;
    margin-top: 2px
}

[class*=wrap-content] .data-area14>dl.t3>dd>span {
    visibility: visible !important;
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
    height: auto !important;
    font-size: 12px;
    color: #a6a6a6;
    opacity: 1 !important;
    z-index: 1 !important
}

[class*=wrap-content] .data-area14>dl.t3>dd>em {
    font-size: 16px
}

[class*=wrap-content] .data-area14.t1>dl {
    padding: 0 20px 0 90px
}

[class*=wrap-content] .data-area14.t1>dl:before {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -25px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #f5f5f8
}

[class*=wrap-content] .data-area14.t1>dl>dt>em {
    font-size: 16px;
    letter-spacing: -.8px
}

[class*=wrap-content] .data-area14.t1>dl>dd {
    justify-content: flex-end
}

[class*=wrap-content] .data-area14.t1>dl>dd>span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area14.t1>dl>dd>em:not(:last-child):after {
    content: "/";
    display: inline-block;
    padding: 0 4px;
    font-size: 11px
}

[class*=wrap-content] .data-area14.t1>dl>dd>em>.unit {
    margin-left: 2px;
    font-size: 11px
}

[class*=wrap-content] .data-area14.t2>dl {
    padding: 14px 40px 14px 200px
}

[class*=wrap-content] .data-area14.t2>dl:before {
    left: 40px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    border-radius: 0;
    background-color: transparent
}

[class*=wrap-content] .data-area14.t2 [class*=data-graph] {
    width: 34%;
    padding: 0 40px;
    border-left: 1px solid #e6e6e6
}

[class*=wrap-content] .data-area14 .info1>dt>strong:before {
    background-image: url(/static/media/tab_fund_income_none.e1f44f1f.png)
}

[class*=wrap-content] .data-area14 .info1>dt>em {
    color: #fc5356
}

[class*=wrap-content] .data-area14 .info2>dt>strong:before {
    background-image: url(/static/media/tab_fund_expense_none.8d228944.png)
}

[class*=wrap-content] .data-area14 .info2>dt>em {
    color: #1c90fb
}

[class*=wrap-content] .data-area14 .info3>dt>em {
    color: #46a3f0
}

[class*=wrap-content] .data-area14 .info3:before {
    background-image: url(/static/media/tab_charge_sum_none.1a58afa0.png)
}

[class*=wrap-content] .data-area14 .info4>dt>em {
    color: #43c2d6
}

[class*=wrap-content] .data-area14 .info4:before {
    background-image: url(/static/media/tab_use_group_none.775b0826.png)
}

[class*=wrap-content] .data-area14 .info5>dt>em {
    color: #887af4
}

[class*=wrap-content] .data-area14 .info5:before {
    background-image: url(/static/media/tab_use_purpose_none.a941f715.png)
}

[class*=wrap-content] .data-area14 .info6>strong:before {
    background-image: url(/static/media/tab_web_none.e65270f9.png)
}

[class*=wrap-content] .data-area14 .info7>strong:before {
    background-image: url(/static/media/tab_messenger_none.60c580e8.png)
}

[class*=wrap-content] .data-area14 .info8>strong:before {
    background-image: url(/static/media/tab_mobile_none.5206f289.png)
}

[class*=wrap-content] .data-area14 .info9>dd>em {
    color: #46a3f0
}

[class*=wrap-content] .data-area14 .info9:before {
    background-image: url(/static/media/tab_total_member_none.7bc31b78.png)
}

[class*=wrap-content] .data-area14 .info10>dd>em {
    color: #43c2d6
}

[class*=wrap-content] .data-area14 .info10:before {
    background-image: url(/static/media/tab_total_pay_none.1a1facde.png)
}

[class*=wrap-content] .data-area14 .info11>dd>em {
    color: #887af4
}

[class*=wrap-content] .data-area14 .info11:before {
    background-image: url(/static/media/tab_total_deduct_none.537766ee.png)
}

[class*=wrap-content] .data-area14 .info12>dd>em {
    color: #c275fa
}

[class*=wrap-content] .data-area14 .info12:before {
    background-image: url(/static/media/tab_total_deductpay_none.995fd896.png)
}

[class*=wrap-content] .data-area14 .info13:before {
    background-image: url(/static/media/ic_material_cost.7cfaeade.png)
}

[class*=wrap-content] .data-area14 .info14:before {
    background-image: url(/static/media/ic_labor_cost.e1405c75.png)
}

[class*=wrap-content] .data-area14 .info15:before {
    background-image: url(/static/media/ic_expense_cost.505d34e6.png)
}

[class*=wrap-content] .data-area14 .info16:before {
    background-image: url(/static/media/img_production_cost.d55aedee.png)
}

[class*=wrap-content] .data-area15 {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    align-content: center;
    justify-content: space-between
}

[class*=wrap-content] .data-area15>li {
    display: flex;
    width: calc(50% - 11px);
    padding: 12px 0;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 22px
}

[class*=wrap-content] .data-area15>li:nth-child(2n) {
    margin-left: 0
}

[class*=wrap-content] .data-area15>li:nth-last-child(-n+2) {
    margin-bottom: 0
}

[class*=wrap-content] .data-area15>li:hover {
    border: 1px solid #1c90fb;
    background: #f5faff
}

[class*=wrap-content] .data-area15>li>dl {
    display: flex;
    align-content: center;
    width: 100%
}

[class*=wrap-content] .data-area15>li>dl>dt {
    width: 170px;
    text-align: center;
    align-self: center
}

[class*=wrap-content] .data-area15>li>dl>dt button {
    border: none;
    background: transparent !important;
    height: auto
}

[class*=wrap-content] .data-area15>li>dl>dt button:active,
[class*=wrap-content] .data-area15>li>dl>dt button:focus {
    padding: 0
}

[class*=wrap-content] .data-area15>li>dl>dt button:hover {
    border: none !important;
    background: none !important
}

[class*=wrap-content] .data-area15>li>dl>dt button>div {
    position: relative;
    flex-direction: column
}

[class*=wrap-content] .data-area15>li>dl>dt button>div span {
    display: block;
    font-size: 14px !important;
    line-height: 16px;
    letter-spacing: -.7px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area15>li>dl>dd {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

[class*=wrap-content] .data-area15>li>dl>dd:nth-child(3) {
    flex: none;
    align-items: center;
    position: relative;
    width: 120px
}

[class*=wrap-content] .data-area15>li>dl>dd:nth-child(3):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: calc(100% - 10px);
    background: #e6e6e6;
    z-index: 1
}

[class*=wrap-content] .data-area15>li>dl>dd:nth-child(3) em {
    font-size: 11px;
    margin-bottom: 6px
}

[class*=wrap-content] .data-area15>li>dl>dd:nth-child(3) em:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 2px;
    vertical-align: top;
    background: url(/static/media/ic_collect_auto_m_normal.b1a74ffb.png) no-repeat 0 0
}

[class*=wrap-content] .data-area15>li>dl>dd:nth-child(3) em.direct:before {
    background: url(/static/media/ic_list_m_normal.d082c0b9.png) no-repeat 0 0
}

[class*=wrap-content] .data-area15>li>dl>dd>ul {
    display: flex;
    flex-direction: column;
    width: 100%
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li {
    display: flex;
    margin: 3px 0
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li i {
    position: relative;
    width: 70px;
    flex: none;
    color: #a6a6a6;
    padding: 0 16px 0 22px
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li i:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li em {
    flex: 1 1
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li:first-child i:before {
    background: url(/static/media/ic_inputcal_m_normal.681e477a.png) no-repeat 0 0
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li:nth-child(2) i:before {
    background: url(/static/media/ic_time_m_normal.315f8d7e.png) no-repeat 0 0
}

[class*=wrap-content] .data-area15>li>dl>dd>ul>li:nth-child(3) i:before {
    background: url(/static/media/ic_survey_m_normal.0e5be480.png) no-repeat 0 0
}

[class*=wrap-content] .data-area16>li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 7px
}

[class*=wrap-content] .data-area16>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: #4e4e4e
}

[class*=wrap-content] .data-area16>li+li {
    margin-top: 3px
}

[class*=wrap-content] .data-area16>li>a {
    flex: 1 1
}

[class*=wrap-content] .data-area16>li>span {
    width: 75px;
    margin-left: 4px;
    text-align: right
}

[class*=wrap-content] .data-area16>li>em {
    margin-left: 4px
}

[class*=wrap-content] .data-area17 {
    display: flex;
    flex-wrap: wrap
}

[class*=wrap-content] .data-area17>li {
    flex: 1 1;
    min-width: calc(33.33333% - 7px);
    max-width: calc(33.33333% - 7px);
    min-height: 170px;
    border-radius: 4px;
    border: 1px solid #ececec;
    box-sizing: border-box
}

[class*=wrap-content] .data-area17>li:not(:nth-child(3n+1)) {
    margin-left: 10px
}

[class*=wrap-content] .data-area17>li:nth-child(3)~li {
    margin-top: 10px
}

[class*=wrap-content] .data-area17>li>div:not(.no_data) {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 4px 4px 0 0;
    background: #fafafa;
    font-size: 14px;
    line-height: 40px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area17>li>div:not(.no_data)>strong {
    flex: 1 1
}

[class*=wrap-content] .data-area17>li>div:not(.no_data)>em {
    color: #1c90fb;
    font-weight: 700;
    text-align: right
}

[class*=wrap-content] .data-area17>li>div:not(.no_data)>em>i {
    font-size: 12px;
    font-weight: 400
}

[class*=wrap-content] .data-area17>li>div:not(.no_data)>[data-orbit-component=OBTButton] {
    margin-left: 8px
}

[class*=wrap-content] .data-area17>li>ul {
    padding: 18px 20px 20px;
    font-size: 11px;
    color: #a6a6a6;
    box-sizing: border-box
}

[class*=wrap-content] .data-area17>li>ul>li+li {
    margin-top: 14px
}

[class*=wrap-content] .data-area17>li>ul>li div {
    display: inline;
    vertical-align: top
}

[class*=wrap-content] .data-area17>li>ul>li div.row,
[class*=wrap-content] .data-area17>li>ul>li div.ti {
    display: block
}

[class*=wrap-content] .data-area17>li>ul>li div:not([class])+div:not([class]):before {
    content: "/";
    padding: 0 3px
}

[class*=wrap-content] .data-area17>li>ul>li div:not(.t1)>em {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area17>li>ul>li div.ti {
    min-height: 21px;
    margin-bottom: -1px;
    padding: 1px 0 0 33px;
    background-repeat: no-repeat;
    font-size: 13px;
    color: #000
}

[class*=wrap-content] .data-area17>li>ul>li div.ti>strong {
    font-weight: 400
}

[class*=wrap-content] .data-area17>li>ul>li div.ti>strong>i:before {
    content: "/"
}

[class*=wrap-content] .data-area17>li>ul>li div.t1>em:after {
    content: ":";
    padding: 0 4px
}

[class*=wrap-content] .data-area17>li .no_data {
    height: calc(100% - 40px)
}

[class*=wrap-content] .data-area17>li.type1>ul>li>div.ti {
    background-image: url(/static/media/ic_edu_select.400450fe.png)
}

[class*=wrap-content] .data-area17>li.type2>ul>li>div.ti {
    background-image: url(/static/media/ic_career_select.8d1f0825.png)
}

[class*=wrap-content] .data-area17>li.type3>ul>li>div.ti {
    background-image: url(/static/media/ic_license_select.2257035c.png)
}

[class*=wrap-content] .data-area17>li.type4>ul>li>div.ti {
    background-image: url(/static/media/ic_project_select.0fc2c52e.png)
}

[class*=wrap-content] .data-area17>li.type5>ul>li>div.ti {
    background-image: url(/static/media/ic_prize_select.10ec0d94.png)
}

[class*=wrap-content] .data-area17>li.type5>ul>li.t1>div.ti {
    background-image: url(/static/media/ico_punishment_select.4a5286e3.png)
}

[class*=wrap-content] .data-area17>li.type6>ul>li>div.ti {
    background-image: url(/static/media/ic_hr_select.a39349e9.png)
}

[class*=wrap-content] .data-area17>li.type7>ul>li>div.ti {
    background-image: url(/static/media/ic_school_select.98962145.png)
}

[class*=wrap-content] .data-area17>li.type8>ul>li>div.ti {
    background-image: url(/static/media/ic_business_select.73a4e4f3.png)
}

[class*=wrap-content] .data-area17>li.type9>ul>li>div.ti {
    background-image: url(/static/media/ic_lang_select.f5527b80.png)
}

[class*=wrap-content] .data-area17>li.type10>ul>li>div.ti {
    background-image: url(/static/media/ic_wage_select.ae72421d.png)
}

[class*=wrap-content] .data-area18 {
    border: 1px solid #e6e6e6;
    background: #f2f5fa url(/static/media/img_building.0cd61876.png) no-repeat 24px 50%;
    font-size: 11px;
    line-height: 1.31;
    color: #4a4a4a;
    box-sizing: border-box
}

[class*=wrap-content] .data-area18 ul {
    min-height: 100%;
    margin-left: 120px;
    padding: 24px 30px;
    background: #fff;
    box-sizing: border-box
}

[class*=wrap-content] .data-area18 ul>li {
    min-height: 30px;
    padding: 8px 0 8px 24px;
    background-repeat: no-repeat;
    background-position-y: 6px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area18 ul>li:first-child {
    background-image: url(/static/media/ic_user_m_normal.f13b2214.png)
}

[class*=wrap-content] .data-area18 ul>li:nth-child(2) {
    background-image: url(/static/media/ic_phone_01_m_normal.6367485c.png)
}

[class*=wrap-content] .data-area18 ul>li:nth-child(3) {
    background-image: url(/static/media/ic_mobile_m_normal.6bcdf52b.png)
}

[class*=wrap-content] .data-area18 ul>li:nth-child(4) {
    background-image: url(/static/media/ic_address_m_normal.c6b34b87.png)
}

[class*=wrap-content] .data-area18 ul>li>span {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .data-area18 ul>li {
        background-position-y: 7px
    }
}

[class*=wrap-content] .data-area19 {
    display: flex;
    border: 1px solid #e0e0e0;
    padding: 30px 0 30px 160px;
    background: url(/static/media/img_funds_daily_report.5b0fa51c.png) no-repeat 17px 72px;
    font-size: 13px;
    letter-spacing: -.65px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area19>dl {
    flex: 1 1;
    padding: 0 30px;
    box-sizing: border-box
}

[class*=wrap-content] .data-area19>dl dd {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-area19>dl dd>span {
    color: #a6a6a6
}

[class*=wrap-content] .data-area19>dl dd>strong {
    padding-left: 10px;
    text-align: right;
    box-sizing: border-box
}

[class*=wrap-content] .data-area19>dl+dl {
    border-left: 1px solid #e0e0e0
}

[class*=wrap-content] .data-area19>.area1 {
    flex: none;
    width: 35%;
    padding-top: 3px
}

[class*=wrap-content] .data-area19>.area1 dt {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .data-area19>.area1 dd {
    padding: 3px 0
}

[class*=wrap-content] .data-area19>.area1 dd>span {
    width: 32%;
    font-size: 12px
}

[class*=wrap-content] .data-area19>.area1 dd>strong {
    width: 68%;
    font-size: 16px;
    letter-spacing: -.8px
}

[class*=wrap-content] .data-area19>.area1 dd.t1 {
    display: flex;
    align-items: center;
    width: 100%
}

[class*=wrap-content] .data-area19>.area1 dd.t1>span:first-child {
    width: auto !important;
    max-width: 50%;
    color: #000
}

[class*=wrap-content] .data-area19>.area1 dd.t1>span:nth-child(2) {
    width: 30px !important;
    text-align: center
}

[class*=wrap-content] .data-area19>.area1 dd.t1>span:nth-child(3) {
    flex: 1 1;
    width: auto !important;
    color: #000
}

[class*=wrap-content] .data-area19>.area1 .today {
    margin-top: 20px;
    padding: 36px 0;
    border-top: 1px dashed #e0e0e0
}

[class*=wrap-content] .data-area19>.area1 .today>strong {
    font-size: 20px
}

[class*=wrap-content] .data-area19>.area1 .guide {
    justify-content: flex-end;
    padding: 0;
    font-size: 11px;
    color: #a6a6a6
}

[class*=wrap-content] .data-area19>.area2 dt {
    height: 30px;
    padding: 0 0 5px 23px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 7px
}

[class*=wrap-content] .data-area19>.area2 dt.ti1 {
    background-image: url(/static/media/ico_finance_info_m_normal.ff3c254b.png)
}

[class*=wrap-content] .data-area19>.area2 dt.ti2 {
    background-image: url(/static/media/ico_funds_info_m_normal.f4dec35e.png)
}

[class*=wrap-content] .data-area19>.area2 dt.ti3 {
    background-image: url(/static/media/ic_paymentslip_m_normal.4333d4fb.png)
}

[class*=wrap-content] .data-area19>.area2 dd {
    padding: 4px 0 5px
}

[class*=wrap-content] .data-area19>.area2 dd>span {
    width: 48%;
    font-size: 11px
}

[class*=wrap-content] .data-area19>.area2 dd>strong {
    width: 52%;
    font-size: 14px;
    letter-spacing: -.7px
}

[class*=wrap-content] .data-area19>.area2 .no_data {
    height: calc(100% - 35px)
}

[class*=wrap-content] .data-area19.t1 {
    padding: 35px 6px 35px 163px;
    background: url(/static/media/img_funds_current_state.bccd9e4c.png) no-repeat 17px 50%
}

[class*=wrap-content] .data-area19.t1>dl {
    padding: 0 24px
}

[class*=wrap-content] .data-area19.t1>.area1 {
    padding-top: 13px;
    width: 34%
}

[class*=wrap-content] .data-area19.t1>.area1 dd>span,
[class*=wrap-content] .data-area19.t1>.area1 dd>strong {
    width: 50%
}

[class*=wrap-content] .data-area19.t1>.area1 dd.today>span {
    width: 32%
}

[class*=wrap-content] .data-area19.t1>.area1 dd.today>strong {
    width: 68%
}

[class*=wrap-content] .data-area19.t1>.area1 .today {
    margin-top: 26px;
    padding: 30px 0 0
}

[class*=wrap-content] .data-area19.t2 {
    padding: 30px 0 30px 199px;
    background: url(/static/media/img_funds_loan.0982fab7.png) no-repeat 50px 50%
}

[class*=wrap-content] .data-area19.t2>dl {
    padding: 0 70px
}

[class*=wrap-content] .data-area19.t2>dl:first-child {
    padding-right: 80px
}

[class*=wrap-content] .data-area19.t2>dl:last-child {
    padding-left: 80px
}

[class*=wrap-content] .data-area19.t2>.area1 {
    padding-bottom: 5px;
    width: 50%
}

[class*=wrap-content] .data-area19.t2>.area1 dd>span {
    width: 36%
}

[class*=wrap-content] .data-area19.t2>.area1 dd>strong {
    width: 65%
}

[class*=wrap-content] .data-area19.t2>.area1 .today {
    margin-top: 13px;
    padding: 8px 0 0
}

[class*=wrap-content] .data-area20 {
    display: flex;
    align-items: flex-start;
    align-items: stretch;
    padding: 30px 40px;
    border: 1px solid #d5dce8;
    border-radius: 4px;
    background: #f2f5fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-area20>div {
    width: 300px
}

[class*=wrap-content] .data-area20>div.area1 {
    position: relative
}

[class*=wrap-content] .data-area20>div.area1.on {
    display: block
}

[class*=wrap-content] .data-area20>div.area1.off {
    display: none
}

[class*=wrap-content] .data-area20>div.area1>strong {
    font-size: 18px;
    line-height: 1.5
}

[class*=wrap-content] .data-area20>div.area1>em {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area20>div.area1>em>i {
    color: #a6a6a6
}

[class*=wrap-content] .data-area20>div.area1>ol {
    position: absolute;
    bottom: 0;
    left: 0
}

[class*=wrap-content] .data-area20>div.area1>ol>li {
    line-height: 18px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area20>div.area1>ol>li span {
    display: inline-block;
    margin-right: 10px;
    color: #688dd3
}

[class*=wrap-content] .data-area20>div.area2 {
    display: flex;
    align-items: flex-start;
    width: calc(100% - 300px);
    box-sizing: border-box
}

[class*=wrap-content] .data-area20>div.area2>div {
    display: flex;
    width: calc(50% - 5px);
    padding: 18px 30px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71)
}

[class*=wrap-content] .data-area20>div.area2>div>div {
    margin-right: 30px;
    font-size: 15px;
    line-height: 22px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area20>div.area2>div>div>strong {
    display: block
}

[class*=wrap-content] .data-area20>div.area2>div>div>em {
    margin-top: 5px;
    min-width: 53px
}

[class*=wrap-content] .data-area20>div.area2>div>ul {
    flex: 1 1
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.67;
    letter-spacing: -.3px
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li>em {
    color: #a6a6a6
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li>strong {
    color: #474747
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li:first-child {
    margin-bottom: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.85;
    letter-spacing: -.33px
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li:first-child>em {
    font-size: 13px
}

[class*=wrap-content] .data-area20>div.area2>div>ul>li:first-child>strong {
    font-size: 15px
}

[class*=wrap-content] .data-area20>div.area2>div:last-child {
    margin-left: 10px
}

[class*=wrap-content] .data-area21 {
    padding: 0 27px;
    border: 1px solid #d4dfe7;
    border-radius: 3px;
    background: #f3f7fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-area21>div {
    display: flex;
    align-items: center;
    padding: 20px 0 22px
}

[class*=wrap-content] .data-area21>div+div {
    border-top: 1px solid #e0e0e0
}

[class*=wrap-content] .data-area21>div>dl {
    flex: 1 1;
    line-height: 1.5
}

[class*=wrap-content] .data-area21>div>dl>dt {
    font-size: 16px;
    color: #1c90fb;
    letter-spacing: -.8px;
    font-weight: 700
}

[class*=wrap-content] .data-area21>div>dl>dt[class*=ico] {
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: 0 50%
}

[class*=wrap-content] .data-area21>div>dl>dt.ico-sms {
    background-image: url(/static/media/ic_comment_m_over.dd520b71.png)
}

[class*=wrap-content] .data-area21>div>dl>dt.ico-mobile {
    background-image: url(/static/media/ic_mobile_m_over.d4f93de3.png)
}

[class*=wrap-content] .data-area21>div>dl>dd {
    margin-top: 1px
}

[class*=wrap-content] .data-area21>div>.guide {
    display: flex;
    align-items: center;
    width: 275px;
    margin-left: 25px;
    padding: 13px 18px;
    border-radius: 6px;
    background: #fff;
    font-size: 11px;
    line-height: 1.2;
    color: #8c8c8c;
    box-sizing: border-box
}

[class*=wrap-content] .data-area21>div>.guide>p {
    flex: 1 1;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e0e0e0
}

[class*=wrap-content] .data-area22 {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    font-size: 15px
}

[class*=wrap-content] .data-area22 [class*=type] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

[class*=wrap-content] .data-area22 [class*=type]:before {
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: #e6f5ff;
    background-repeat: no-repeat
}

[class*=wrap-content] .data-area22 [class*=type]+[class*=type] {
    margin-left: 20px
}

[class*=wrap-content] .data-area22 .type1:before {
    background-image: url(/static/media/img_writing.d45b9217.png)
}

[class*=wrap-content] .data-area23 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 30px 0 270px;
    letter-spacing: -.55px
}

[class*=wrap-content] .data-area23 .heading [class*=state-type3] {
    margin-right: 4px
}

[class*=wrap-content] .data-area23 .heading [class*=state-type3]:after,
[class*=wrap-content] .data-area23 .heading [class*=state-type3]:before {
    content: "";
    position: absolute;
    top: 50%;
    background-repeat: no-repeat
}

[class*=wrap-content] .data-area23 .heading [class*=state-type3]:before {
    left: 30px;
    width: 204px;
    height: 96px;
    margin-top: -48px;
    background-image: url(/static/media/img_green_off.ad6ead80.png), url(/static/media/img_yellow_off.e6350bb1.png), url(/static/media/img_red_off.048bb80e.png), url(/static/media/img_trafficlights.c24ab601.png);
    background-position: 32px 43%, 87px 43%, 142px 43%, 0 0
}

[class*=wrap-content] .data-area23 .heading [class*=state-type3]:after {
    width: 30px;
    height: 30px;
    margin-top: -20px
}

[class*=wrap-content] .data-area23 .heading .state-type301:after {
    left: 62px;
    background-image: url(/static/media/img_green_on.7720eb35.png)
}

[class*=wrap-content] .data-area23 .heading .state-type307:after {
    left: 117px;
    background-image: url(/static/media/img_yellow_on.2c429d8c.png)
}

[class*=wrap-content] .data-area23 .cont {
    margin-top: 15px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area24 {
    display: flex;
    align-items: center;
    padding: 19px;
    border: 1px solid #d5dce8;
    border-radius: 4px;
    background: #f2f5fa;
    box-sizing: border-box
}

[class*=wrap-content] .data-area24 .heading {
    padding: 0 30px 0 10px;
    font-size: 18px;
    line-height: 24px
}

[class*=wrap-content] .data-area24 .heading>strong {
    display: block;
    color: #1c90fb
}

[class*=wrap-content] .data-area24 .cont {
    display: inline-flex;
    align-items: center;
    flex: 1 1;
    padding: 15px 19px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 3px 10px 0 #dbe4eb
}

[class*=wrap-content] .data-area24 .cont [class*=area] {
    flex: 1 1
}

[class*=wrap-content] .data-area24 .cont [class*=area]:not(:first-child) {
    position: relative;
    margin-left: 19px;
    padding-left: 19px
}

[class*=wrap-content] .data-area24 .cont [class*=area]:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #e6e6e6
}

[class*=wrap-content] .data-area24 .cont .area1 {
    display: inline-flex;
    align-items: center
}

[class*=wrap-content] .data-area24 .cont .area1 li {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1;
    min-height: 50px;
    text-align: center
}

[class*=wrap-content] .data-area24 .cont .area1 li:not(:first-child) {
    position: relative;
    padding-left: 19px
}

[class*=wrap-content] .data-area24 .cont .area1 li:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #e6e6e6
}

[class*=wrap-content] .data-area24 .cont .area1 li+li {
    margin-left: 19px
}

[class*=wrap-content] .data-area24 .cont .area1 li[class*=type]>span:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%
}

[class*=wrap-content] .data-area24 .cont .area1 li.type1>span:before {
    background: #4eabfa
}

[class*=wrap-content] .data-area24 .cont .area1 li.type2>span:before {
    background: #ebebeb
}

[class*=wrap-content] .data-area24 .cont .area1 li>span {
    width: 100%;
    font-size: 13px;
    letter-spacing: -.33px;
    color: #4a4a4a
}

[class*=wrap-content] .data-area24 .cont .area1 li>strong {
    width: 100%;
    font-size: 20px;
    letter-spacing: -.5px
}

[class*=wrap-content] .data-area24 .cont .area1 li>strong>i {
    font-size: 16px;
    font-weight: 400
}

[class*=wrap-content] .data-area24 .cont .area2 {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    flex: none;
    width: 30%;
    min-height: 50px
}

[class*=wrap-content] .data-area24 .cont .area2>.info>span {
    font-size: 13px;
    letter-spacing: -.65px
}

[class*=wrap-content] .data-area24 .cont .area2>.info>strong {
    margin-left: 5px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.9px
}

[class*=wrap-content] .data-area24 .cont .area2>.graph {
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 12px;
    margin-top: 11px;
    border-radius: 6px;
    background: #ebebeb
}

[class*=wrap-content] .data-area24 .cont .area2>.graph>span {
    overflow: hidden;
    height: 0;
    padding-top: 12px;
    border-radius: 6px;
    background: #4eabfa;
    box-sizing: content-box
}

[class*=wrap-content] .data-area25 {
    position: relative;
    min-height: 420px;
    padding: 48px 54px 40px;
    background-image: url(/static/media/img_main_kv.bef4042d.png), url(/static/media/img_main_kv_bg.aa630464.png);
    background-repeat: no-repeat, repeat-x;
    background-size: auto 100%;
    color: #000;
    box-sizing: border-box
}

[class*=wrap-content] .data-area25 .heading {
    width: 751px
}

[class*=wrap-content] .data-area25 .heading .ti {
    display: flex;
    align-items: center
}

[class*=wrap-content] .data-area25 .heading .ti>strong {
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: -1.8px
}

[class*=wrap-content] .data-area25 .heading .ti button {
    margin-left: 9px
}

[class*=wrap-content] .data-area25 .heading>p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.2;
    color: #434449;
    letter-spacing: -1px
}

[class*=wrap-content] .data-area25 .heading>p>img {
    padding-right: 4px;
    vertical-align: text-bottom
}

[class*=wrap-content] .data-area25>div,
[class*=wrap-content] .data-area25>dl,
[class*=wrap-content] .data-area25>ol,
[class*=wrap-content] .data-area25>p,
[class*=wrap-content] .data-area25>table,
[class*=wrap-content] .data-area25>ul {
    width: 751px
}

[class*=wrap-content] .data-area25>div:not(:first-child),
[class*=wrap-content] .data-area25>dl:not(:first-child),
[class*=wrap-content] .data-area25>ol:not(:first-child),
[class*=wrap-content] .data-area25>p:not(:first-child),
[class*=wrap-content] .data-area25>table:not(:first-child),
[class*=wrap-content] .data-area25>ul:not(:first-child) {
    margin-top: 26px
}

[class*=wrap-content] [class*=banner-area] {
    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
}

[class*=wrap-content] [class*=banner-area]>div {
    align-self: center
}

[class*=wrap-content] [class*=banner-area]>div:first-child {
    display: inline-flex;
    align-items: center;
    flex: 1 1;
    padding-right: 30px;
    font-size: 13px;
    color: #5c7198;
    letter-spacing: -.65px
}

[class*=wrap-content] [class*=banner-area]>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)
}

[class*=wrap-content] [class*=banner-area]>div:last-child button:hover {
    border: none !important
}

[class*=wrap-content] [class*=banner-area]>div:last-child button span {
    font-size: 11px !important;
    font-weight: 700
}

[class*=wrap-content] [class*=banner-area]>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
}

[class*=wrap-content] .banner-area1 {
    height: 70px;
    padding-left: 173px;
    padding-right: 32px;
    background-color: #ebf1ff;
    background-image: url(/static/media/img_certificate_request_left.064842b4.png), url(/static/media/img_certificate_request_right.550a8179.png);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

[class*=wrap-content] .banner-area1>div:first-child>strong {
    font-size: 18px;
    color: #0c2b65;
    letter-spacing: -.9px
}

[class*=wrap-content] .banner-area1>div:first-child>span {
    padding-left: 20px
}

[class*=wrap-content] .banner-area2 {
    height: 50px;
    padding-left: 249px;
    padding-right: 32px;
    background-image: url(/static/media/img_wehago_login_left.c94eebb5.png), url(/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
}

[class*=wrap-content] .banner-area2>div:first-child {
    padding-right: 0;
    width: calc(100% - 249px)
}

[class*=wrap-content] .banner-area2>div:first-child>div {
    font-size: 13px;
    color: #0c2b65;
    font-weight: 700;
    letter-spacing: -.65px
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont {
    width: calc(100% - 102px);
    text-align: right
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div {
    display: inline-block;
    margin: 0 20px;
    max-width: calc(33.33333% - 41px);
    vertical-align: top
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div>div {
    vertical-align: top
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:first-child:only-child,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(2):only-child,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(3):only-child,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div[class*=ico]:only-child {
    max-width: calc(100% - 41px)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:first-child:before,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(2):before,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(3):before,
[class*=wrap-content] .banner-area2>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
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:first-child [data-orbit-component=OBTTooltip],
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(2) [data-orbit-component=OBTTooltip],
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(3) [data-orbit-component=OBTTooltip],
[class*=wrap-content] .banner-area2>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
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:first-child em,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(2) em,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div:nth-child(3) em,
[class*=wrap-content] .banner-area2>div:first-child>div.cont>div[class*=ico] em {
    margin-left: 2px;
    font-size: 12px;
    color: #5c7198;
    letter-spacing: -.6px;
    font-weight: 400
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-comp:before {
    background-image: url(/static/media/ic_comp02_white_m_normal.6c91fa32.png)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-comp [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 59px)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-point:before {
    background-image: url(/static/media/ic_point_white_m_normal.697b0d90.png)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-point [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 91px)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-point [data-orbit-component=OBTTooltip]>strong {
    padding-right: 2px
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-point>em {
    display: inline-block;
    width: 32px;
    margin-left: 0
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-user:before {
    background-image: url(/static/media/ic_user_white_m_normal.162e080e.png)
}

[class*=wrap-content] .banner-area2>div:first-child>div.cont>div.ico-user [data-orbit-component=OBTTooltip] {
    max-width: calc(100% - 34px)
}

[class*=wrap-content] .banner-area2>div:last-child {
    display: flex;
    align-items: center
}

[class*=wrap-content] .banner-area2>div:last-child p {
    margin-right: 16px;
    font-size: 13px;
    color: #5c7198;
    letter-spacing: -.65px
}

[class*=wrap-content] .banner-area2>div:last-child button span {
    display: flex;
    align-items: center
}

[class*=wrap-content] .banner-area2>div:last-child button span:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url(/static/media/ic_onoff_s_normal.496d6a78.png) no-repeat 0 0
}

[class*=wrap-content] .banner-area2>div:last-child button span:after {
    display: none
}

[class*=wrap-content] .banner-area2>div:last-child button:hover span {
    color: #1c90fb
}

[class*=wrap-content] .banner-area2>div:last-child button:hover span:before {
    background-image: url(/static/media/ic_onoff_s_over.bd867500.png)
}

[class*=wrap-content] .banner-area3 {
    width: 738px;
    height: 60px;
    padding-left: 62px;
    padding-right: 32px;
    border: none;
    border-radius: 0;
    background: url(/static/media/img_mail_resend.0fb522a8.png) no-repeat 0 0
}

[class*=wrap-content] .banner-area3>div:first-child>strong {
    font-size: 18px;
    color: #0c2b65;
    letter-spacing: -.9px
}

[class*=wrap-content] .banner-area3>div:first-child>span {
    padding-left: 9px;
    font-size: 12px
}

[class*=wrap-content] [class*=step-list] {
    display: flex;
    text-align: center
}

[class*=wrap-content] [class*=step-list]>li {
    position: relative;
    flex: 1 1;
    height: 48px;
    padding: 0 22px 0 27px;
    border: 1px solid #e0e0e0;
    line-height: 46px;
    color: #000;
    box-sizing: border-box
}

[class*=wrap-content] [class*=step-list]>li:not(:first-child).on:before,
[class*=wrap-content] [class*=step-list]>li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    width: 27px;
    height: 23px;
    margin-top: -12px;
    border: solid #ccc;
    border-width: 1px 1px 0 0;
    background: #fff;
    transform: rotate(60deg) skewX(28deg);
    z-index: 1
}

[class*=wrap-content] [class*=step-list]>li:before {
    left: -15px
}

[class*=wrap-content] [class*=step-list]>li:after {
    right: -15px
}

[class*=wrap-content] [class*=step-list]>li:not(:first-child) {
    margin-left: -1px;
    padding-left: 40px
}

[class*=wrap-content] [class*=step-list]>li:last-child {
    padding-right: 35px
}

[class*=wrap-content] [class*=step-list]>li>b {
    display: inline-block;
    padding-right: 8px;
    color: #1c90fb
}

[class*=wrap-content] [class*=step-list]>li [data-orbit-component=OBTButton] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

[class*=wrap-content] [class*=step-list]>li [data-orbit-component=OBTButton]>button {
    width: 100%;
    height: 100%
}

[class*=wrap-content] [class*=step-list]>li.on {
    border-color: #1c90fb;
    background: #1c90fb;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    z-index: 1
}

[class*=wrap-content] [class*=step-list]>li.on:before {
    border-color: #e1e4e7 !important
}

[class*=wrap-content] [class*=step-list]>li.on:after {
    border-color: #1c90fb !important;
    background: #1c90fb
}

[class*=wrap-content] [class*=step-list]>li.on~li,
[class*=wrap-content] [class*=step-list]>li.on~li:after {
    border-color: #ccc
}

[class*=wrap-content] [class*=step-list]>li.on>b {
    color: #fff
}

[class*=wrap-content] [class*=step-list].t1 {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

[class*=wrap-content] [class*=step-list].t1>li {
    display: inline-block;
    min-width: 110px;
    height: 32px;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    vertical-align: top
}

[class*=wrap-content] [class*=step-list].t1>li:not(:first-child).on:before,
[class*=wrap-content] [class*=step-list].t1>li:not(:last-child):after {
    width: 18px;
    height: 15px;
    margin-top: -8px
}

[class*=wrap-content] [class*=step-list].t1>li:before {
    left: -10px
}

[class*=wrap-content] [class*=step-list].t1>li:after {
    right: -10px
}

[class*=wrap-content] [class*=step-list].t1>li:not(:first-child) {
    padding-left: 31px
}

[class*=wrap-content] [class*=step-list].t1>li:last-child {
    padding-right: 27px
}

[class*=wrap-content] [class*=step-list].t1>li:last-child .count {
    right: 7px
}

[class*=wrap-content] [class*=step-list].t1>li .count {
    position: absolute;
    right: 2px;
    top: 3px;
    min-width: 22px;
    height: 14px;
    padding: 0 3px;
    border-radius: 7px;
    background: #fc5356;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    z-index: 2
}

[class*=wrap-content] .step-list2>li {
    border-color: #e6e6e6;
    color: #a6a6a6
}

[class*=wrap-content] .step-list2>li:not(:first-child).on:before,
[class*=wrap-content] .step-list2>li:not(:last-child):after {
    border-color: #e6e6e6
}

[class*=wrap-content] .step-list2>li>b {
    display: inline-block;
    height: 18px;
    border-radius: 10px;
    background-color: #e6e6e6;
    margin-right: 10px;
    padding: 0 7px;
    font-size: 9px;
    line-height: 18px;
    color: #a6a6a6;
    font-weight: 400;
    vertical-align: text-bottom
}

[class*=wrap-content] .step-list2>li>b>i {
    padding-left: 1px;
    font-size: 11px;
    font-weight: 700
}

[class*=wrap-content] .step-list2>li.on {
    border-color: #1c90fb;
    background: #e9f5ff;
    color: #1c90fb;
    font-weight: 700;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

[class*=wrap-content] .step-list2>li.on:before {
    border-color: #1c90fb !important
}

[class*=wrap-content] .step-list2>li.on:after {
    border-color: #1c90fb !important;
    background: #e9f5ff
}

[class*=wrap-content] .step-list2>li.on~li,
[class*=wrap-content] .step-list2>li.on~li:after {
    border-color: #e6e6e6
}

[class*=wrap-content] .step-list2>li.on>b {
    background-color: #1c90fb;
    color: #fff
}

[class*=wrap-content] .step-list2>li.on .count {
    font-weight: 400
}

[class*=wrap-content] .step-list2.t1>li {
    font-size: 13px;
    letter-spacing: -.33px
}

[class*=wrap-content] .map-area {
    width: 100%;
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

[class*=wrap-content] .map-area.t1 {
    border-color: #e6e6e6
}

[class*=wrap-content] .drawing-area {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 50px;
    border: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .drawing-area img {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .drawing-area>[data-orbit-component=OBTButton] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

[class*=wrap-content] .drawing-area>[data-orbit-component=OBTButton]>button {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none !important;
    background: none !important
}

[class*=wrap-content] .drawing-area>[data-orbit-component=OBTButton]>button span {
    font-size: 0;
    line-height: 0;
    opacity: 0
}

[class*=wrap-content] .drawing-area>[data-orbit-component=OBTButton]:hover>button {
    background: url(/static/media/icon_preview.2760e94b.png) no-repeat 50% 50% !important
}

[class*=wrap-content] .save-choice>div {
    display: inline-block;
    width: 50%
}

[class*=wrap-content] .save-choice>div button {
    width: 100%;
    height: 56px;
    border-color: #dbdbdb;
    border-radius: 0;
    background: #fff;
    background-image: none !important;
    font-size: 15px;
    color: #4a4a4a;
    letter-spacing: -.38px;
    font-weight: 700
}

[class*=wrap-content] .save-choice>div button span {
    line-height: 54px
}

[class*=wrap-content] .save-choice>div button span:after,
[class*=wrap-content] .save-choice>div button span:before {
    content: "";
    display: inline-block;
    vertical-align: middle
}

[class*=wrap-content] .save-choice>div button span:before {
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-repeat: no-repeat
}

[class*=wrap-content] .save-choice>div button span:after {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-image: url(/static/media/ic_arrow_down_01_m_normal.23f71585.png)
}

[class*=wrap-content] .save-choice>div button.type1 span:before {
    background-image: url(/static/media/ic_drive_normal.ddae5c45.png)
}

[class*=wrap-content] .save-choice>div button.type2 span:before {
    background-image: url(/static/media/ic_usb.4abe8d87.png)
}

[class*=wrap-content] .save-choice>div button.on {
    position: relative;
    border-color: #1c90fb !important;
    background: #e9f5ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    color: #1c90fb;
    z-index: 1
}

[class*=wrap-content] .save-choice>div button.on.type1 span:before {
    background-image: url(/static/media/ic_hard.0998b1b7.png)
}

[class*=wrap-content] .save-choice>div button.on.type2 span:before {
    background-image: url(/static/media/ic_usb_selected.d7d81b21.png)
}

[class*=wrap-content] .save-choice>div button.on span:after {
    background-image: url(/static/media/ic_arrow_down_01_m_over.7ed6eade.png)
}

[class*=wrap-content] .save-choice>div:not(:first-child) {
    width: calc(50% + 1px);
    margin-left: -1px
}

[class*=wrap-content] .data-load {
    margin-top: 15px;
    height: 154px
}

[class*=wrap-content] .data-load dl {
    padding: 11px 19px 19px;
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fafafa;
    color: #000;
    letter-spacing: -.7px;
    box-sizing: border-box
}

[class*=wrap-content] .data-load dl dt {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 900
}

[class*=wrap-content] .data-load dl dt .toggle {
    position: absolute;
    right: 0;
    top: 1px
}

[class*=wrap-content] .data-load dl dd {
    padding-top: 11px;
    line-height: 1.67
}

[class*=wrap-content] .data-load dl dd em {
    color: #1c90fb;
    text-decoration: underline
}

[class*=wrap-content] .data-load dl:not(:only-child) {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top
}

[class*=wrap-content] .data-load dl:not(:first-child) {
    margin-left: 20px
}

[class*=wrap-content] .reply_area {
    height: 100%
}

[class*=wrap-content] .reply_area .heading {
    position: relative;
    min-height: 32px !important;
    border-bottom: 1px solid #dfe7ed !important;
    background: #dfe7ed !important
}

[class*=wrap-content] .reply_area .heading>strong:first-child {
    height: 32px !important;
    margin-top: 0 !important;
    padding: 0 10px;
    font-size: 13px !important;
    line-height: 32px
}

[class*=wrap-content] .reply_area .heading>strong:first-child:before {
    display: none !important
}

[class*=wrap-content] .reply_area .heading>.count {
    flex: 1 1 auto;
    align-self: center;
    padding-left: 15px;
    background: url(/static/media/ic_comment_s_normal.0e428e97.png) no-repeat 0 2px
}

[class*=wrap-content] .reply_area .heading~div {
    overflow: auto
}

[class*=wrap-content] .top-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

[class*=wrap-content] .top-area>div:first-child {
    display: flex;
    align-items: center
}

[class*=wrap-content] .top-area>div:first-child>span {
    color: #1c90fb;
    margin-left: 10px
}

[class*=wrap-content] .top-area>div:first-child .btn {
    margin-left: 10px
}

[class*=wrap-content] .top-area>div:first-child [data-orbit-component=OBTRadioButtonGroup]+[data-orbit-component=OBTCheckBox] {
    margin-left: 20px
}

[class*=wrap-content] .top-area>div:last-child,
[class*=wrap-content] .top-area>p {
    flex: 1 1;
    display: flex;
    justify-content: flex-end
}

[class*=wrap-content] .tax-invoice {
    box-sizing: border-box
}

[class*=wrap-content] .tax-invoice .list>div>table,
[class*=wrap-content] .tax-invoice>table {
    width: 100%;
    table-layout: fixed;
    border: 2px solid #828282;
    border-top: 0 solid #828282;
    border-collapse: collapse
}

[class*=wrap-content] .tax-invoice .list>div>table>tbody>tr>td,
[class*=wrap-content] .tax-invoice .list>div>table>tbody>tr>th,
[class*=wrap-content] .tax-invoice .list>div>table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice .list>div>table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice .list>div>table>thead>tr>td,
[class*=wrap-content] .tax-invoice .list>div>table>thead>tr>th,
[class*=wrap-content] .tax-invoice>table>tbody>tr>td,
[class*=wrap-content] .tax-invoice>table>tbody>tr>th,
[class*=wrap-content] .tax-invoice>table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice>table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice>table>thead>tr>td,
[class*=wrap-content] .tax-invoice>table>thead>tr>th {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #828282;
    line-height: 30px;
    letter-spacing: -.12px;
    text-align: center
}

[class*=wrap-content] .tax-invoice .list>div>table>tbody>tr>th,
[class*=wrap-content] .tax-invoice .list>div>table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice .list>div>table>thead>tr>th,
[class*=wrap-content] .tax-invoice>table>tbody>tr>th,
[class*=wrap-content] .tax-invoice>table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice>table>thead>tr>th {
    background: #f4f4f4
}

[class*=wrap-content] .tax-invoice .list>div>table>tbody>tr>td,
[class*=wrap-content] .tax-invoice .list>div>table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice .list>div>table>thead>tr>td,
[class*=wrap-content] .tax-invoice>table>tbody>tr>td,
[class*=wrap-content] .tax-invoice>table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice>table>thead>tr>td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .tax-invoice .list>div>table:not([class^=info])>thead>tr:first-child>th,
[class*=wrap-content] .tax-invoice>table:not([class^=info])>thead>tr:first-child>th {
    border-top: none
}

[class*=wrap-content] .tax-invoice [class*=info] {
    border: 2px solid #3368cd
}

[class*=wrap-content] .tax-invoice [class*=info] td,
[class*=wrap-content] .tax-invoice [class*=info] th {
    border-color: #3368cd
}

[class*=wrap-content] .tax-invoice [class*=info] th {
    background: #eef4fd;
    color: #3368cd
}

[class*=wrap-content] .tax-invoice [class*=info] td {
    text-align: left
}

[class*=wrap-content] .tax-invoice [class*=info] tr:first-child th:first-child {
    padding: 0 8px
}

[class*=wrap-content] .tax-invoice [class*=info] tr:nth-child(2) th {
    line-height: 1.25
}

[class*=wrap-content] .tax-invoice [class*=info]:not(.info1) tr:nth-child(3) th:first-child {
    line-height: 1.5
}

[class*=wrap-content] .tax-invoice [class*=info] .ti {
    font-size: 18px !important;
    text-align: left;
    background: #fff !important
}

[class*=wrap-content] .tax-invoice [class*=info] .ti span {
    padding-left: 4px;
    font-size: 16px;
    font-weight: 400
}

[class*=wrap-content] .tax-invoice .info1 td,
[class*=wrap-content] .tax-invoice .info1 th {
    height: 38px;
    line-height: 38px
}

[class*=wrap-content] .tax-invoice .info1 tr:first-child td,
[class*=wrap-content] .tax-invoice .info1 tr:first-child th {
    height: 37px;
    line-height: 36px
}

[class*=wrap-content] .tax-invoice .info1 tr:nth-child(2) td,
[class*=wrap-content] .tax-invoice .info1 tr:nth-child(2) th {
    height: 38px;
    border-bottom-width: 1px;
    line-height: 38px
}

[class*=wrap-content] .tax-invoice .info1 tr:nth-child(2) th:first-child,
[class*=wrap-content] .tax-invoice .info1 tr:nth-child(2) th:nth-child(6) {
    line-height: 1.5
}

[class*=wrap-content] .tax-invoice .list {
    position: relative;
    margin-top: -1px;
    box-sizing: border-box
}

[class*=wrap-content] .tax-invoice .list table {
    border: none !important
}

[class*=wrap-content] .tax-invoice .list:after,
[class*=wrap-content] .tax-invoice .list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: #828282;
    z-index: 1
}

[class*=wrap-content] .tax-invoice .list:after {
    left: auto;
    right: 0
}

[class*=wrap-content] .tax-invoice .total {
    border-top-width: 2px
}

[class*=wrap-content] .tax-invoice .total .ti td,
[class*=wrap-content] .tax-invoice .total .ti th {
    border-top: none
}

[class*=wrap-content] .tax-invoice .total .ti th {
    background: #f4f4f4
}

[class*=wrap-content] .tax-invoice .total .ti td:last-child {
    line-height: 1.33;
    font-size: 15px
}

[class*=wrap-content] [class^=tax-invoice-] {
    box-sizing: border-box
}

[class*=wrap-content] [class^=tax-invoice-]>p {
    margin-bottom: 5px
}

[class*=wrap-content] [class^=tax-invoice-] table {
    position: relative;
    width: 100%;
    table-layout: fixed;
    border: solid #3368cd;
    border-width: 2px 2px 0;
    margin-top: -1px;
    border-collapse: collapse
}

[class*=wrap-content] [class^=tax-invoice-] table th {
    background-color: #eaf2fd;
    text-align: center
}

[class*=wrap-content] [class^=tax-invoice-] table>tbody>tr>td,
[class*=wrap-content] [class^=tax-invoice-] table>tbody>tr>th,
[class*=wrap-content] [class^=tax-invoice-] table>tfoot>tr>td,
[class*=wrap-content] [class^=tax-invoice-] table>tfoot>tr>th,
[class*=wrap-content] [class^=tax-invoice-] table>thead>tr>td,
[class*=wrap-content] [class^=tax-invoice-] table>thead>tr>th {
    height: 30px;
    line-height: 18px;
    padding: 0 5px;
    border: 1px solid #3368cd;
    white-space: normal;
    letter-spacing: -.12px
}

[class*=wrap-content] [class^=tax-invoice-] table[data-orbit-component=OBTFormPanel] th {
    text-align: center
}

[class*=wrap-content] [class^=tax-invoice-] table:not([class^=info])>thead>tr:first-child>th {
    border-top: none
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] {
    margin-top: 0
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .ti,
[class*=wrap-content] [class^=tax-invoice-] [class*=info] .ti>div {
    font-size: 24px;
    padding-left: 25px;
    text-align: left;
    background: #fff !important
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .ti>div span,
[class*=wrap-content] [class^=tax-invoice-] [class*=info] .ti span {
    font-size: 12px;
    font-weight: 400;
    padding-left: 4px
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info]+[class*=info] {
    border-top-width: 0;
    margin-top: -1px
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info]+[class*=info] .ti2 {
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info]+[class*=info]+table td {
    text-align: center
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] [class^=bg] {
    height: 40px;
    line-height: 40px;
    background-image: url(/static/media/bg_blue.b7d88d97.png), url(/static/media/bg_blue.b7d88d97.png);
    background-repeat: repeat-x, repeat-y
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] [class^=bg]>div {
    height: calc(100% - 1px)
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bglt {
    background-position: 0 0, 0 0
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgrt {
    background-position: 0 0, 100% 0
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgrt:last-child {
    background-repeat: repeat-x
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bglb {
    background-position: 0 100%, 0 100%
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgrb {
    background-position: 100% 100%, 100% 100%
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgrb:last-child {
    background-repeat: repeat-x
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgb {
    background-repeat: repeat-x;
    background-position: 100% 100%
}

[class*=wrap-content] [class^=tax-invoice-] [class*=info] .bgt {
    background-repeat: repeat-x;
    background-position: 0 0
}

[class*=wrap-content] [class^=tax-invoice-] .list {
    position: relative;
    border-top: 1px solid #3368cd;
    box-sizing: border-box
}

[class*=wrap-content] [class^=tax-invoice-] .list table {
    border: none !important
}

[class*=wrap-content] [class^=tax-invoice-] .list:after,
[class*=wrap-content] [class^=tax-invoice-] .list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background: #3368cd;
    z-index: 1
}

[class*=wrap-content] [class^=tax-invoice-] .list:after {
    left: auto;
    right: 0
}

[class*=wrap-content] [class^=tax-invoice-] .list [id^=gridWrapper] {
    border-top: none
}

[class*=wrap-content] [class^=tax-invoice-] .total {
    border-bottom-width: 2px
}

[class*=wrap-content] [class^=tax-invoice-] .total .ti td:last-child {
    line-height: 1.33;
    font-size: 15px;
    text-align: center
}

[class*=wrap-content] [class^=tax-invoice-].t1 table th {
    background-color: #fff1f1
}

[class*=wrap-content] [class^=tax-invoice-].t1 [class^=bg] {
    height: 40px;
    line-height: 40px;
    background-image: url(/static/media/bg_red.654954fd.png), url(/static/media/bg_red.654954fd.png)
}

[class*=wrap-content] .tax-invoice-out.t1 .list,
[class*=wrap-content] .tax-invoice-out.t1 table,
[class*=wrap-content] .tax-invoice-out.t1 table>tbody>tr>td,
[class*=wrap-content] .tax-invoice-out.t1 table>tbody>tr>th,
[class*=wrap-content] .tax-invoice-out.t1 table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice-out.t1 table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice-out.t1 table>thead>tr>td,
[class*=wrap-content] .tax-invoice-out.t1 table>thead>tr>th {
    border-color: #e62324
}

[class*=wrap-content] .tax-invoice-out.t1 .list:after,
[class*=wrap-content] .tax-invoice-out.t1 .list:before {
    background: #e62324 !important
}

[class*=wrap-content] .tax-invoice-regi table>tbody>tr,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr,
[class*=wrap-content] .tax-invoice-regi table>thead>tr {
    height: auto
}

[class*=wrap-content] .tax-invoice-regi table>tbody>tr>td,
[class*=wrap-content] .tax-invoice-regi table>tbody>tr>th,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>td,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>th {
    border-color: #3368cd !important
}

[class*=wrap-content] .tax-invoice-regi table>tbody>tr>td>div,
[class*=wrap-content] .tax-invoice-regi table>tbody>tr>th>div,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>td>div,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>th>div,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>td>div,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>th>div {
    justify-content: center !important
}

[class*=wrap-content] .tax-invoice-regi table>tbody>tr>td,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>td {
    padding: 0
}

[class*=wrap-content] .tax-invoice-regi table>tbody>tr>td .readonly>div:first-child,
[class*=wrap-content] .tax-invoice-regi table>tfoot>tr>td .readonly>div:first-child,
[class*=wrap-content] .tax-invoice-regi table>thead>tr>td .readonly>div:first-child {
    background: #fff !important
}

[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div:not([data-orbit-component=OBTButton]),
[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div>div:first-child,
[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div>div:first-child>div,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div:not([data-orbit-component=OBTButton]),
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div>div:first-child,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div>div:first-child>div {
    height: 100% !important
}

[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div>div:first-child>div,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div>div:first-child>div {
    display: block;
    padding: 0 !important;
    border: none !important;
    background: transparent !important
}

[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div>div:first-child>div>input,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div>div:first-child>div>input {
    width: calc(100% - 10px) !important;
    height: 100%;
    padding: 0 5px !important
}

[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td>div>div .img-btn1 img,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td>div>div .img-btn1 img {
    margin: 0
}

[class*=wrap-content] .tax-invoice-regi table.total tr:not(:first-child) td.t2>div>div>div>div>input,
[class*=wrap-content] .tax-invoice-regi table:not(.total) td.t2>div>div>div>div>input {
    padding-right: 27px !important
}

[class*=wrap-content] .tax-invoice-regi [class*=info][data-orbit-component=OBTFormPanel] td.bglt,
[class*=wrap-content] .tax-invoice-regi [class*=info][data-orbit-component=OBTFormPanel] td.bgrt,
[class*=wrap-content] .tax-invoice-regi [class*=info][data-orbit-component=OBTFormPanel] td.bgt {
    vertical-align: bottom
}

[class*=wrap-content] .tax-invoice-regi [class*=info] td,
[class*=wrap-content] .tax-invoice-regi [class*=info] th {
    padding: 0 5px
}

[class*=wrap-content] .tax-invoice-regi [class*=info]+[class*=info] td {
    padding: 0 !important;
    vertical-align: top
}

[class*=wrap-content] .tax-invoice-regi [class*=info]+[class*=info] .ti2>div>div:first-child div input {
    font-size: 20px !important;
    font-weight: 700
}

[class*=wrap-content] .tax-invoice-regi [class*=info]+[class*=info] .ti2>div>div:first-child div svg {
    top: 50% !important;
    margin-top: -7px
}

[class*=wrap-content] .tax-invoice-regi [class*=info]+[class*=info]~table:not(.total) td:nth-child(3)~td [data-orbit-component^=OBT]>div:first-child {
    background: #fff1d6 !important
}

[class*=wrap-content] .tax-invoice-regi [class*=info]+[class*=info]~table:not(.total) td:nth-child(3)~td [data-orbit-component=OBTTextField]>div input {
    font-weight: 700
}

[class*=wrap-content] .tax-invoice-regi .list table tr.on {
    background-color: rgba(28, 144, 251, .07)
}

[class*=wrap-content] .tax-invoice-regi .list table tr.on td:before {
    background: none
}

[class*=wrap-content] .tax-invoice-regi .list table input:focus {
    background-color: rgba(28, 144, 251, .07) !important
}

[class*=wrap-content] .tax-invoice-regi .total .ti th>div {
    justify-content: center !important
}

[class*=wrap-content] .tax-invoice-regi .total .ti td:last-child>div>div {
    vertical-align: middle;
    margin: 0 10px
}

[class*=wrap-content] .tax-invoice-regi .total .ti td:last-child>div>div label {
    line-height: 1.33 !important;
    font-size: 15px !important
}

[class*=wrap-content] .tax-invoice-regi .total td:first-child,
[class*=wrap-content] .tax-invoice-regi .total td:first-child [data-orbit-component=OBTNumberField]>div:first-child {
    background: #fff1d6 !important
}

[class*=wrap-content] .tax-invoice-regi .total td [data-orbit-component=OBTRadioButtonGroup] span {
    margin-bottom: 0 !important
}

[class*=wrap-content] .tax-invoice-regi.t1 table {
    border-color: #e62324
}

[class*=wrap-content] .tax-invoice-regi.t1 table th {
    background-image: url(/static/media/bg_light_red.890e903f.png)
}

[class*=wrap-content] .tax-invoice-regi.t1 table>tbody>tr>td,
[class*=wrap-content] .tax-invoice-regi.t1 table>tbody>tr>th,
[class*=wrap-content] .tax-invoice-regi.t1 table>tfoot>tr>td,
[class*=wrap-content] .tax-invoice-regi.t1 table>tfoot>tr>th,
[class*=wrap-content] .tax-invoice-regi.t1 table>thead>tr>td,
[class*=wrap-content] .tax-invoice-regi.t1 table>thead>tr>th {
    border-color: #e62324 !important
}

[class*=wrap-content] .tax-invoice-regi.t1 .list {
    border-color: #e62324
}

[class*=wrap-content] .tax-invoice-regi.t1 .list:after,
[class*=wrap-content] .tax-invoice-regi.t1 .list:before {
    background: #e62324 !important
}

[class*=wrap-content] .receipt-area {
    display: flex;
    flex-wrap: wrap
}

[class*=wrap-content] .receipt-area>div:not(.receipt):first-child {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

[class*=wrap-content] .receipt-area .receipt {
    margin: 0 0 20px 20px
}

[class*=wrap-content] .receipt {
    position: relative;
    width: 382px;
    padding: 32px 43px 33px 58px;
    border: 1px solid #b8c9db;
    background: #deeaf7 url(/static/media/img_bill_blue.1f4581cc.png) repeat-y;
    box-sizing: border-box
}

[class*=wrap-content] .receipt:before {
    content: "";
    position: absolute;
    left: 26px;
    right: 26px;
    top: 11px;
    bottom: 11px;
    width: calc(100% - 52px);
    height: calc(100% - 22px);
    border: 1px solid #cad8e5;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box
}

[class*=wrap-content] .receipt:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 26px;
    height: 100%;
    background: url(/static/media/img_bill_blue.1f4581cc.png) repeat-y
}

[class*=wrap-content] .receipt:not(.no_data)>div:not([class*=info]):not([class*=btn]),
[class*=wrap-content] .receipt table:not([class*=info]) {
    height: 100%
}

[class*=wrap-content] .receipt .info1 {
    position: relative;
    margin-right: 15px;
    border-bottom: 2px solid #666
}

[class*=wrap-content] .receipt .info1>div:not(.nolabel) {
    margin-right: 4px;
    vertical-align: top
}

[class*=wrap-content] .receipt .info1>.in-type {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: top
}

[class*=wrap-content] .receipt .info1>.in-type>em {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .receipt .info1>.in-type>img {
    vertical-align: middle
}

[class*=wrap-content] .receipt .info1>strong {
    display: inline-block;
    max-width: calc(100% - 80px);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.85px
}

[class*=wrap-content] .receipt .info1>span {
    display: block;
    padding: 2px 0;
    font-size: 18px;
    letter-spacing: -.9px;
    text-align: right
}

[class*=wrap-content] .receipt .info1>span>strong {
    margin-right: 4px;
    font-size: 30px;
    letter-spacing: -1.5px
}

[class*=wrap-content] .receipt .info1 .nolabel {
    position: absolute;
    right: 0;
    top: 6px
}

[class*=wrap-content] .receipt .info2 {
    position: relative;
    margin-right: 15px;
    padding-top: 19px;
    letter-spacing: -.2px
}

[class*=wrap-content] .receipt .info2 ul li {
    display: flex;
    align-items: center;
    min-height: 20px;
    line-height: 20px
}

[class*=wrap-content] .receipt .info2 ul li>span {
    width: 33%;
    color: #8c8c8c;
    letter-spacing: -.6px
}

[class*=wrap-content] .receipt .info2 ul li>em {
    flex: 1 1;
    overflow: hidden;
    font-size: 13px;
    text-align: right
}

[class*=wrap-content] .receipt .info2 ul:not(:first-child) {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px dashed #ccc
}

[class*=wrap-content] .receipt .info3 {
    position: relative;
    width: calc(100% - 15px) !important;
    margin: 15px 15px 0 0;
    border-top: 1px solid #888
}

[class*=wrap-content] .receipt .info3 tr {
    height: 35px
}

[class*=wrap-content] .receipt .info3 th {
    padding: 0 10px
}

[class*=wrap-content] .receipt .info3 td {
    padding: 0 0 0 3px
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTTextField]>div {
    background: none !important
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTTextField]>div>div {
    border: none !important;
    background: none !important
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTDropDownList] {
    width: 100%
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTDropDownList]>div {
    width: 100% !important;
    background: none !important
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTDropDownList]>div div>span {
    border: none !important;
    background: none !important;
    text-align: left
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTDropDownList]>div div>span>span {
    background: none !important;
    color: #000 !important
}

[class*=wrap-content] .receipt .info3 [data-orbit-component=OBTDropDownList].dis span {
    color: #8d8d8d !important
}

[class*=wrap-content] .receipt .btn {
    position: relative;
    margin-right: 15px;
    padding-top: 7px;
    text-align: right
}

[class*=wrap-content] .receipt.t1 {
    display: inline-block;
    width: calc(33.33333% - 6.1px);
    margin-left: 9px;
    padding: 27px 27px 28px 42px;
    vertical-align: top
}

[class*=wrap-content] .receipt.t1 .info2,
[class*=wrap-content] .receipt.t1 em {
    font-size: 10px !important
}

[class*=wrap-content] .receipt.t1 .info1>span,
[class*=wrap-content] .receipt.t1 .info1>strong {
    font-size: 12px !important
}

[class*=wrap-content] .receipt.t1 .info1>span>strong {
    font-size: 15px !important;
    letter-spacing: 0
}

[class*=wrap-content] .receipt.t1 .info1>strong {
    max-width: 100%
}

[class*=wrap-content] .receipt.t1 .info2 {
    padding-top: 10px
}

[class*=wrap-content] .receipt.t1 .info2 ul li {
    min-height: 16px;
    line-height: 16px
}

[class*=wrap-content] .receipt.t1 .info2 ul li>span {
    width: 38%
}

[class*=wrap-content] .receipt.t1 .info2 ul li>em {
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=wrap-content] .receipt.t1 .info2 ul li>em.ellipsis-no {
    height: 32px;
    white-space: normal;
    text-overflow: clip
}

[class*=wrap-content] .receipt.t1 .info2 ul:not(:first-child) {
    margin-top: 7px;
    padding-top: 6px
}

[class*=wrap-content] .receipt.no_data {
    flex-direction: column;
    height: auto;
    border-color: #e5e5e5;
    background-color: #f2f3f4;
    background-image: url(/static/media/img_bill_gray.82f14717.png)
}

[class*=wrap-content] .receipt.no_data:before {
    border-color: #e5e5e5
}

[class*=wrap-content] .receipt.no_data:after {
    background-image: url(/static/media/img_bill_gray.82f14717.png)
}

[class*=wrap-content] .receipt.no_data>div {
    position: relative
}

[class*=wrap-content] .receipt.no_data>[data-orbit-component=OBTButton] {
    margin-top: 12px
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) {
    width: 100%;
    box-sizing: border-box
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2)>div:first-child+div {
    height: 50%;
    margin-top: 0 !important
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area1 {
    position: relative;
    border: solid #e6e6e6;
    border-top: solid #666;
    border-width: 2px 1px 0;
    box-sizing: border-box
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area1 table {
    border-top: none
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area1>div:first-child>[id^=gridWrapper] {
    border: none
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area2 {
    height: 100%;
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6;
    background: #fafafa;
    box-sizing: border-box
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area2 .reference-area3>div {
    border: none !important;
    background: none !important
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area2 .reference-area3>div .text-black,
[class*=wrap-content] .setting-type1:not(.area1):not(.area2) .area2 .reference-area3>div dt {
    color: #000
}

[class*=wrap-content] .setting-type1:not(.area1):not(.area2).t1>div:first-child+div {
    height: 30%
}

[class*=wrap-content] .setting-type1.area1 {
    position: relative;
    border: solid #e6e6e6;
    border-top: solid #666;
    border-width: 2px 1px 0;
    box-sizing: border-box
}

[class*=wrap-content] .setting-type1.area1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

[class*=wrap-content] .setting-type1.area1 table {
    border-top: none
}

[class*=wrap-content] .setting-type1.area2 {
    height: 100%;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #666;
    background: #fafafa;
    box-sizing: border-box
}

[class*=wrap-content] .setting-type1.area2 .reference-area3>div {
    border: none !important;
    background: none !important
}

[class*=wrap-content] .setting-type1.area2 .reference-area3>div .text-black,
[class*=wrap-content] .setting-type1.area2 .reference-area3>div dt {
    color: #000
}

[class*=wrap-content] [class*=choice-release] {
    display: flex
}

[class*=wrap-content] [class*=choice-release]>.btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 47px
}

[class*=wrap-content] [class*=choice-release]>.btn>div {
    display: block;
    text-align: center
}

[class*=wrap-content] [class*=choice-release]>.btn>div+div {
    margin-top: 4px
}

[class*=wrap-content] [class*=choice-release]>div.data-heading+.btn {
    padding-top: 33px
}

[class*=wrap-content] [class*=choice-release].t1>div.data-heading+.btn {
    padding-top: 89px
}

[class*=wrap-content] .choice-release>div:first-child {
    width: calc(50% - 24px) !important
}

[class*=wrap-content] .choice-release>div:last-child {
    width: calc(50% - 23px) !important
}

[class*=wrap-content] .choice-release2>div:first-child {
    flex: 1 1
}

[class*=wrap-content] .dock-collapsed>[class*=OBTDockPanel_middle]>[class*=OBTDockPanel_wrapper] [class*=OBTDockPanel_fill]>[class*=OBTDockPanel_wrapper] {
    overflow: inherit
}

[class*=wrap-content] .dock-collapsed.data-heading .heading,
[class*=wrap-content] .dock-collapsed .data-heading .heading,
[class*=wrap-content] .dock-collapsed.data-heading .heading~div,
[class*=wrap-content] .dock-collapsed .data-heading .heading~div {
    min-width: 370px
}

[class*=wrap-content] .dock-collapsed1 {
    border: solid #d9d9d9;
    border-top: solid #666;
    border-width: 2px 1px 1px 0;
    color: #8c8c8c;
    box-sizing: border-box
}

[class*=wrap-content] .dock-collapsed1 .heading {
    position: relative;
    min-width: 368px;
    min-height: 32px !important;
    border-bottom: 1px solid #d9d9d9;
    background: #f8f8f8
}

[class*=wrap-content] .dock-collapsed1 .heading>strong:first-child {
    height: 32px !important;
    margin-top: 0 !important;
    padding: 0 10px;
    font-size: 13px !important;
    line-height: 32px
}

[class*=wrap-content] .dock-collapsed1 .heading>strong:first-child:before {
    display: none !important
}

[class*=wrap-content] .dock-collapsed1 .heading>.btn {
    position: absolute;
    right: 0;
    top: 0
}

[class*=wrap-content] .dock-collapsed1 .heading>.btn button {
    width: 32px;
    height: 32px;
    border: none !important;
    background: url(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50% 50% !important
}

[class*=wrap-content] .dock-collapsed1 .heading>.btn button:active,
[class*=wrap-content] .dock-collapsed1 .heading>.btn button:hover {
    background-image: url(/static/media/ic_close_01_m_over.9cfeef50.png) !important
}

[class*=wrap-content] .dock-collapsed1 .heading>.btn button>div {
    display: none
}

[class*=wrap-content] .dock-collapsed1 .heading~div {
    overflow: auto;
    min-width: 368px;
    height: calc(100% - 33px) !important
}

[class*=wrap-content] .format-type1 .heading .ti {
    font-size: 20px;
    font-family: NSKB;
    margin: 10px 0;
    text-align: center
}

[class*=wrap-content] .format-type1 [class*=data-tbl] td,
[class*=wrap-content] .format-type1 [class*=data-tbl] th {
    white-space: normal !important;
    text-overflow: clip !important
}

[class*=wrap-content] .format-type1 .data-heading+.data-heading {
    margin-top: 10px
}

[class*=wrap-content] .format-type1 p {
    margin: 10px 0
}

[class*=wrap-content] .format-type1 .bottom .date {
    text-align: right;
    margin: 10px 0
}

[class*=wrap-content] .format-type1 .bottom .date span {
    width: 60px;
    display: inline-block
}

[class*=wrap-content] .format-type1 .bottom .date:last-child {
    margin-bottom: 0
}

[class*=wrap-content] .format-type1 .bottom .source {
    text-align: center
}

[class*=wrap-content] .format-type1 .bottom .source>div {
    width: 50%;
    text-align: left
}

[class*=wrap-content] .format-type1 .bottom .source>div:last-child {
    width: calc(50% - 10px);
    margin-left: 10px
}

[class*=wrap-content] .format-type1 .bottom .source .bullet-square:before {
    content: "□";
    display: inline-block;
    margin-right: 5px
}

[class*=wrap-content] .format-type1 .bottom .info {
    position: relative;
    left: 42%;
    width: 58%;
    margin: 20px 0
}

[class*=wrap-content] .format-type1 .bottom .esquire {
    font-size: 14px
}

[class*=wrap-content] .sms-choice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

[class*=wrap-content] .sms-choice>div {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    padding: 188px 18px 18px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-sizing: border-box
}

[class*=wrap-content] .sms-choice>div:not(:first-child) {
    margin-left: 10px
}

[class*=wrap-content] .sms-choice>div>ul {
    flex: 1 1 auto
}

[class*=wrap-content] .sms-choice>div>ul>li {
    padding-left: 7px;
    line-height: 1.34;
    color: #4a4a4a
}

[class*=wrap-content] .sms-choice>div>ul>li:before {
    content: "";
    float: left;
    width: 2px;
    height: 2px;
    margin: 7px 0 0 -7px;
    background: #4f4f4f
}

[class*=wrap-content] .sms-choice>div>ul>li:not(:first-child) {
    margin-top: 4px
}

[class*=wrap-content] .sms-choice>div.sms {
    background: url(/static/media/img_sms_01.b2ac84d2.png) no-repeat 43% 19px
}

[class*=wrap-content] .sms-choice>div.lms {
    background: url(/static/media/img_sms_02.9e38580e.png) no-repeat 43% 19px
}

[class*=wrap-content] .sms-choice>div.mms {
    background: url(/static/media/img_sms_03.55ad473e.png) no-repeat 43% 19px
}

[class*=wrap-content] .sms-choice>div>div {
    margin: 25px 11px 0;
    padding: 24px 0 4px;
    border-top: 1px solid #e6e6e6;
    text-align: center
}

[class*=wrap-content] .sms-choice .guide {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.34
}

[class*=wrap-content] .sms-choice .guide>strong:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: -2px 7px 0;
    background: #e5e5e5;
    vertical-align: middle
}

[class*=wrap-content] .pattern-area {
    border: 1px solid #d9d9d9;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area [class*=area] {
    position: relative
}

[class*=wrap-content] .pattern-area [class*=area]>.heading2>strong:first-child>span {
    color: #666
}

[class*=wrap-content] .pattern-area [class*=area]>.heading2>strong:first-child>span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: -2px 9px 0 2px;
    background: #e6e6e6;
    vertical-align: middle
}

[class*=wrap-content] .pattern-area [class*=area] .type i {
    background: #d9d9d9
}

[class*=wrap-content] .pattern-area [class*=area] .type1 i {
    background: #46a3f0
}

[class*=wrap-content] .pattern-area [class*=area] .type2 i {
    background: #20c997
}

[class*=wrap-content] .pattern-area [class*=area] .type3 i {
    background: #748ffc
}

[class*=wrap-content] .pattern-area [class*=area] .type4 i {
    background: #ac91f5
}

[class*=wrap-content] .pattern-area [class*=area] .type5 i {
    background: #868e96
}

[class*=wrap-content] .pattern-area [class*=area] .type6 i {
    background: #ff8787
}

[class*=wrap-content] .pattern-area [class*=area] .type7 i {
    background: #f0c325
}

[class*=wrap-content] .pattern-area [class*=area]>.cont .no_data {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

[class*=wrap-content] .pattern-area [class*=area]>.heading2+.cont .no_data {
    top: 35px;
    height: calc(100% - 35px)
}

[class*=wrap-content] .pattern-area .area1 {
    height: 145px
}

[class*=wrap-content] .pattern-area .area1>.cont {
    height: 100%;
    text-align: center
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type {
    height: 100%;
    vertical-align: middle
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 1px);
    padding: 15px 69px 15px 71px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li {
    position: relative;
    width: 130px;
    min-height: 30px;
    margin: 5px 4px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button:active,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button:focus {
    padding: 0;
    border: none;
    outline: none;
    background: none
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button {
    width: 100%
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button>span {
    position: relative;
    display: block;
    padding: 6px 23px 8px 27px;
    font-size: 12px;
    line-height: 1.2;
    color: #4a4a4a;
    letter-spacing: -.33px;
    text-align: left;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li>button>span i {
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 8px;
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:after,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:before {
    content: "";
    position: absolute;
    top: 50%;
    background: #a6a6a6;
    z-index: 1
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:before {
    right: 11px;
    width: 1px;
    height: 11px;
    margin-top: -6px
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:after {
    right: 6px;
    width: 11px;
    height: 1px;
    margin-top: -1px
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:hover {
    border-color: #1c90fb
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:hover:after,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li:hover:before {
    background: #1c90fb
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.drag,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.on {
    border-style: solid;
    border-color: #1c90fb;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.drag:after,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.drag:before,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.on:after,
[class*=wrap-content] .pattern-area .area1>.cont .pattern-type ul>li.on:before {
    background: #1c90fb
}

[class*=wrap-content] .pattern-area .area1>.cont .no_data>.notime {
    margin-top: -43px
}

[class*=wrap-content] .pattern-area .area2 {
    height: 100%
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set {
    width: 100%;
    height: 100%
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-chips {
    display: block;
    border: none
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-chips>div>div:first-child:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: calc(100% - 3px);
    vertical-align: middle
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-chips>div>div:first-child>div {
    display: inline-flex;
    width: calc(100% - 1px);
    margin: 0;
    padding: 14px 88px 14px 87px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set>div:first-child:not(.btn-chips):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: calc(100% - 3px);
    vertical-align: middle
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type {
    display: inline-flex;
    flex-wrap: wrap;
    width: calc(100% - 1px);
    padding: 14px 88px 14px 87px;
    vertical-align: middle;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div {
    margin: 5px
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div button {
    width: 100%;
    height: 29px;
    border-color: #d9d9d9;
    background: #fff
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div button.on,
[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div button:hover {
    border-color: #1c90fb;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .18)
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div button [class*=type] {
    position: relative;
    display: block;
    padding-left: 17px;
    box-sizing: border-box
}

[class*=wrap-content] .pattern-area .area2>.cont .pattern-set .btn-type>div button [class*=type] i {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 12px;
    height: 0;
    margin-top: -6px;
    padding-top: 12px
}

[class*=wrap-content] .pattern-area .area1+.area2 {
    height: calc(100% - 146px);
    border-top: 1px solid #d9d9d9
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    [class*=wrap-content] .pattern-area {
        font-size: 0
    }
}

[class*=wrap-content] .calculator-area {
    display: flex;
    flex-direction: column;
    width: 426px !important
}

[class*=wrap-content] .calculator-area:not(.t2)>[class*=area]:not(:first-child) {
    margin-top: 10px
}

[class*=wrap-content] .calculator-area .area1 {
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .calculator-area .area1 tr {
    height: 32px;
    border-left: none;
    border-right: none
}

[class*=wrap-content] .calculator-area .area1 tr td,
[class*=wrap-content] .calculator-area .area1 tr th {
    border-bottom: none !important
}

[class*=wrap-content] .calculator-area .area1 tr th {
    background: #f2f5f9
}

[class*=wrap-content] .calculator-area .area1 tr th>div {
    justify-content: flex-start !important
}

[class*=wrap-content] .calculator-area .area1 tr td {
    padding: 0
}

[class*=wrap-content] .calculator-area .area1 tr td.noti {
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] .calculator-area .area1 tr td textarea {
    border: none !important;
    font-size: 16px !important;
    line-height: 1.5 !important
}

[class*=wrap-content] .calculator-area .area2 {
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .calculator-area .area2 .btn-num {
    display: flex;
    flex-wrap: wrap;
    padding: 6px 8px;
    box-sizing: border-box
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] {
    margin: 2px
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button {
    position: relative;
    width: 64px;
    height: 40px;
    border: none !important;
    border-radius: 4px;
    background-color: #e5e9f0 !important;
    background-image: none !important;
    font-weight: 700;
    color: #4a4a4a
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.dot,
[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button[class*=num] {
    background-color: #f2f5f9 !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button:hover {
    background-color: #99a9c3 !important;
    color: #fff
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button:disabled {
    background-color: #f5f5f5 !important;
    color: #a6a6a6
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.and,
[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num0,
[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.or {
    width: 132px
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    background-position: 50% !important;
    background-repeat: no-repeat
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.c:after {
    background-image: url(/static/media/c_wide_normal.cc550f73.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.c:hover:after {
    background-image: url(/static/media/c_wide_select.1d1e781d.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.c:disabled:after {
    background-image: url(/static/media/c_wide_disable.be99ffe6.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.back:after {
    background-image: url(/static/media/back_wide_normal.1cd30b68.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.back:hover:after {
    background-image: url(/static/media/back_wide_select.ea134683.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.back:disabled:after {
    background-image: url(/static/media/back_wide_disable.fd0eee8f.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket1:after {
    background-image: url(/static/media/bracket1_wide_normal.a3b4856b.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket1:hover:after {
    background-image: url(/static/media/bracket1_wide_select.416222c9.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket1:disabled:after {
    background-image: url(/static/media/bracket1_wide_disable.308173fc.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket2:after {
    background-image: url(/static/media/bracket2_wide_normal.5cf3e8f5.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket2:hover:after {
    background-image: url(/static/media/bracket2_wide_select.90cfac60.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.bracket2:disabled:after {
    background-image: url(/static/media/bracket2_wide_disable.60994088.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large:after {
    background-image: url(/static/media/large_wide_normal.d8fdf7de.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large:hover:after {
    background-image: url(/static/media/large_wide_select.ad228d69.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large:disabled:after {
    background-image: url(/static/media/large_wide_disable.a59eaa94.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small:after {
    background-image: url(/static/media/small_wide_normal.72de00e3.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small:hover:after {
    background-image: url(/static/media/small_wide_select.603da6ba.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small:disabled:after {
    background-image: url(/static/media/small_wide_disable.1a76ce2e.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num7:after {
    background-image: url(/static/media/7_wide_normal.e7954557.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num7:hover:after {
    background-image: url(/static/media/7_wide_select.c3f43026.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num7:disabled:after {
    background-image: url(/static/media/7_wide_disable.feb58058.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num8:after {
    background-image: url(/static/media/8_wide_normal.9e1c7660.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num8:hover:after {
    background-image: url(/static/media/8_wide_select.75c6c0b6.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num8:disabled:after {
    background-image: url(/static/media/8_wide_disable.05537af6.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num9:after {
    background-image: url(/static/media/9_wide_normal.dcd7e464.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num9:hover:after {
    background-image: url(/static/media/9_wide_select.6c236ce3.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num9:disabled:after {
    background-image: url(/static/media/9_wide_disable.01ceb986.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.division:after {
    background-image: url(/static/media/division_wide_normal.8d8257b6.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.division:hover:after {
    background-image: url(/static/media/division_wide_select.910436d6.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.division:disabled:after {
    background-image: url(/static/media/division_wide_disable.d32104bf.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large2:after {
    background-image: url(/static/media/large2_wide_normal.d4fd80eb.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large2:hover:after {
    background-image: url(/static/media/large2_wide_select.b34e2f4a.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.large2:disabled:after {
    background-image: url(/static/media/large2_wide_disable.e39647c5.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small2:after {
    background-image: url(/static/media/small2_wide_normal.b293aede.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small2:hover:after {
    background-image: url(/static/media/small2_wide_select.1a58457b.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.small2:disabled:after {
    background-image: url(/static/media/small2_wide_disable.3c72276a.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num4:after {
    background-image: url(/static/media/4_wide_normal.86b7779a.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num4:hover:after {
    background-image: url(/static/media/4_wide_select.d52d0bdb.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num4:disabled:after {
    background-image: url(/static/media/4_wide_disable.71473702.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num5:after {
    background-image: url(/static/media/5_wide_normal.753c3046.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num5:hover:after {
    background-image: url(/static/media/5_wide_select.8ece19f7.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num5:disabled:after {
    background-image: url(/static/media/5_wide_disable.a41878ab.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num6:after {
    background-image: url(/static/media/6_wide_normal.1ed522c2.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num6:hover:after {
    background-image: url(/static/media/6_wide_select.de2c3123.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num6:disabled:after {
    background-image: url(/static/media/6_wide_disable.07274787.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.x:after {
    background-image: url(/static/media/x_wide_normal.88d3645c.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.x:hover:after {
    background-image: url(/static/media/x_wide_select.c6b53257.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.x:disabled:after {
    background-image: url(/static/media/x_wide_disable.4d6e422b.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.equal:after {
    background-image: url(/static/media/equal_wide_normal.56a510d7.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.equal:hover:after {
    background-image: url(/static/media/equal_wide_select.4e60ccb0.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.equal:disabled:after {
    background-image: url(/static/media/equal_wide_disable.2eb4e04a.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.notequal:after {
    background-image: url(/static/media/notequal_wide_normal.98d19644.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.notequal:hover:after {
    background-image: url(/static/media/notequal_wide_select.a8458513.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.notequal:disabled:after {
    background-image: url(/static/media/notequal_wide_disable.dd6302a7.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num1:after {
    background-image: url(/static/media/1_wide_normal.4d077f44.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num1:hover:after {
    background-image: url(/static/media/1_wide_select.f9d2f9d5.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num1:disabled:after {
    background-image: url(/static/media/1_wide_disable.66da1716.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num2:after {
    background-image: url(/static/media/2_wide_normal.eba7476f.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num2:hover:after {
    background-image: url(/static/media/2_wide_select.37a7fe71.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num2:disabled:after {
    background-image: url(/static/media/2_wide_disable.bf358337.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num3:after {
    background-image: url(/static/media/3_wide_normal.2cafdb4f.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num3:hover:after {
    background-image: url(/static/media/3_wide_select.fd137f12.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num3:disabled:after {
    background-image: url(/static/media/3_wide_disable.22cb1a89.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.minus:after {
    background-image: url(/static/media/minus_wide_normal.6dad3cca.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.minus:hover:after {
    background-image: url(/static/media/minus_wide_select.42f6d970.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.minus:disabled:after {
    background-image: url(/static/media/minus_wide_disable.448a52fc.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.or:after {
    background-image: url(/static/media/or_wide_normal.a171dd02.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.or:hover:after {
    background-image: url(/static/media/or_wide_select.c45f2ec5.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.or:disabled:after {
    background-image: url(/static/media/or_wide_disable.63c56133.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num0:after {
    background-image: url(/static/media/0_wide_normal.e4e65a76.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num0:hover:after {
    background-image: url(/static/media/0_wide_select.b63e2377.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.num0:disabled:after {
    background-image: url(/static/media/0_wide_disable.d8640b0c.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.dot:after {
    background-image: url(/static/media/dot_wide_normal.c385fd11.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.dot:hover:after {
    background-image: url(/static/media/dot_wide_select.7888bd2a.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.dot:disabled:after {
    background-image: url(/static/media/dot_wide_disable.20138e8d.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.plus:after {
    background-image: url(/static/media/plus_wide_normal.61a26327.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.plus:hover:after {
    background-image: url(/static/media/plus_wide_select.4c2c8be5.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.plus:disabled:after {
    background-image: url(/static/media/plus_wide_disable.921a7489.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.and:after {
    background-image: url(/static/media/and_wide_normal.44982122.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.and:hover:after {
    background-image: url(/static/media/and_wide_select.b5d757e2.png) !important
}

[class*=wrap-content] .calculator-area .area2 .btn-num>[data-orbit-component=OBTButton] button.and:disabled:after {
    background-image: url(/static/media/and_wide_disable.b742aef2.png) !important
}

[class*=wrap-content] .calculator-area .area3 {
    flex: 1 1;
    min-height: 73px;
    padding: 12px 15px 15px;
    border-radius: 3px;
    border: 1px solid #d4dfe7;
    background: #f3f7fa;
    box-sizing: border-box
}

[class*=wrap-content] .calculator-area .area3>strong:first-child {
    display: block;
    color: #000
}

[class*=wrap-content] .calculator-area .area3>div {
    height: calc(100% - 26px);
    margin-top: 8px;
    color: #4a4a4a
}

[class*=wrap-content] .calculator-area.t1 {
    width: 290px !important
}

[class*=wrap-content] .calculator-area.t1 .area2 .btn-num {
    padding: 6px
}

[class*=wrap-content] .calculator-area.t1 .area2 .btn-num>[data-orbit-component=OBTButton] button {
    width: 42px;
    height: 42px
}

[class*=wrap-content] .calculator-area.t1 .area2 .btn-num>[data-orbit-component=OBTButton] button.and,
[class*=wrap-content] .calculator-area.t1 .area2 .btn-num>[data-orbit-component=OBTButton] button.num0,
[class*=wrap-content] .calculator-area.t1 .area2 .btn-num>[data-orbit-component=OBTButton] button.or {
    width: 88px
}

[class*=wrap-content] .calculator-area.t2 {
    display: block;
    width: 100% !important;
    height: 234px
}

[class*=wrap-content] .calculator-area.t2>[class*=area]:not(:first-child):not(:nth-child(2)) {
    margin-top: 10px
}

[class*=wrap-content] .calculator-area.t2 .area1,
[class*=wrap-content] .calculator-area.t2 .area3 {
    float: right;
    width: calc(100% - 436px) !important
}

[class*=wrap-content] .calculator-area.t2 .area2 {
    float: left;
    width: 426px
}

[class*=wrap-content] .calculator-area.t2 .area3 {
    height: 112px
}

[class*=wrap-content] .calculator-area.t2.t1 {
    height: 244px
}

[class*=wrap-content] .calculator-area.t2.t1 .area1,
[class*=wrap-content] .calculator-area.t2.t1 .area3 {
    width: calc(100% - 300px) !important
}

[class*=wrap-content] .calculator-area.t2.t1 .area2 {
    width: 290px
}

[class*=wrap-content] .calculator-area.t2.t1 .area3 {
    height: 117px
}

[class*=wrap-content] .progress-area {
    position: relative;
    height: auto !important;
    padding: 20px 0;
    border: 1px solid #e7e7e7;
    background: #f5f8fa;
    box-sizing: border-box
}

[class*=wrap-content] .progress-area:before {
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 33px;
    width: 2px;
    background: #e3e5e7
}

[class*=wrap-content] .progress-area li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 32px;
    padding: 0 100px 0 57px;
    color: #a6a6a6;
    line-height: 1.3
}

[class*=wrap-content] .progress-area li:not(:first-child) {
    margin-top: 21px
}

[class*=wrap-content] .progress-area li>strong {
    width: 100%;
    padding-bottom: 2px
}

[class*=wrap-content] .progress-area li>span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: -1px 6px 0;
    background: #ccc;
    vertical-align: middle
}

[class*=wrap-content] .progress-area li>[class*=state-type] {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -9px
}

[class*=wrap-content] .progress-area li:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border: 1px solid #cdd5e2;
    border-radius: 50%;
    background-color: #cdd5e2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-sizing: border-box
}

[class*=wrap-content] .progress-area li:first-child:before {
    background-image: url(/static/media/ic_label_announcement_white.21f782da.png)
}

[class*=wrap-content] .progress-area li:nth-child(2):before {
    background-image: url(/static/media/ic_label_document_white.afe23818.png)
}

[class*=wrap-content] .progress-area li:nth-child(3):before {
    background-image: url(/static/media/ic_label_documentsend_white.ed22a9f4.png)
}

[class*=wrap-content] .progress-area li:nth-child(4):before {
    background-image: url(/static/media/ic_label_confirm_white.d987ac25.png)
}

[class*=wrap-content] .progress-area li:nth-child(5):before {
    background-image: url(/static/media/ic_label_sign_white.722e66d6.png)
}

[class*=wrap-content] .progress-area li.on {
    color: #000
}

[class*=wrap-content] .progress-area li.on:before {
    border-color: #748ffc;
    background-color: #748ffc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

[class*=wrap-content] .progress-area li.on~li:before {
    border-color: #c0c5d8;
    background-color: #f5f8fa
}

[class*=wrap-content] .progress-area li.on~li:first-child:before {
    background-image: url(/static/media/ic_label_announcement_gray.4e1e76a7.png)
}

[class*=wrap-content] .progress-area li.on~li:nth-child(2):before {
    background-image: url(/static/media/ic_label_document_gray.d63d44df.png)
}

[class*=wrap-content] .progress-area li.on~li:nth-child(3):before {
    background-image: url(/static/media/ic_label_documentsend_gray.b862e51e.png)
}

[class*=wrap-content] .progress-area li.on~li:nth-child(4):before {
    background-image: url(/static/media/ic_label_confirm_gray.f427d295.png)
}

[class*=wrap-content] .progress-area li.on~li:nth-child(5):before {
    background-image: url(/static/media/ic_label_sign_gray.36dd760b.png)
}

[class*=wrap-content] div.progress-area {
    height: 100% !important
}

[class*=wrap-content] div.progress-area>div {
    height: 100%
}

[class*=wrap-content] .progress-area2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 29px 34px 27px;
    border: 1px solid #e6e6e6;
    border-radius: 10px
}

[class*=wrap-content] .progress-area2 li {
    position: relative;
    color: #a6a6a6;
    letter-spacing: -.6px;
    text-align: center
}

[class*=wrap-content] .progress-area2 li:first-child,
[class*=wrap-content] .progress-area2 li:last-child {
    overflow: hidden;
    width: 189px;
    height: 0;
    padding-top: 140px;
    background-repeat: no-repeat
}

[class*=wrap-content] .progress-area2 li:not(:first-child):not(:last-child) {
    flex: 1 1;
    width: 108px;
    min-height: 140px;
    padding: 27px 0 25px;
    box-sizing: border-box
}

[class*=wrap-content] .progress-area2 li:first-child {
    background-image: url(/static/media/img_amaranth.1a339b51.png)
}

[class*=wrap-content] .progress-area2 li:last-child {
    background-image: url(/static/media/img_hometax.8d240c0e.png);
    background-position: 100% 0
}

[class*=wrap-content] .progress-area2 li+li~li:not(:last-child) {
    margin-left: 34px
}

[class*=wrap-content] .progress-area2 li:not(:first-child):not(:last-child):before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 4px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box
}

[class*=wrap-content] .progress-area2 li:nth-child(2):before {
    background-image: url(/static/media/ico_login_gray.b3a9c380.png)
}

[class*=wrap-content] .progress-area2 li:nth-child(3):before {
    background-image: url(/static/media/ico_folder_gray.ea13aa79.png)
}

[class*=wrap-content] .progress-area2 li:nth-child(4):before {
    background-image: url(/static/media/ico_contents_gray.5e08e88c.png)
}

[class*=wrap-content] .progress-area2 li:nth-child(5):before {
    background-image: url(/static/media/ico_confirm_gray.88567db6.png)
}

[class*=wrap-content] .progress-area2 li:not(:first-child):not(:nth-child(2)):not(:last-child):after {
    content: "";
    position: absolute;
    top: 50px;
    left: -27px;
    width: 20px;
    height: 20px;
    background: url(/static/media/ico_arrow_off.8c396833.png) no-repeat
}

[class*=wrap-content] .progress-area2 .ing {
    color: #4a4a4a;
    font-weight: 700
}

[class*=wrap-content] .progress-area2 .ing:before {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    animation-name: flash
}

[class*=wrap-content] .progress-area2 .ing:nth-child(2):before {
    background-image: url(/static/media/ico_login_blue.cfb4e879.png)
}

[class*=wrap-content] .progress-area2 .ing:nth-child(3):before {
    background-image: url(/static/media/ico_folder_blue.d84188af.png)
}

[class*=wrap-content] .progress-area2 .ing:nth-child(4):before {
    background-image: url(/static/media/ico_contents_blue.236418af.png)
}

[class*=wrap-content] .progress-area2 .ing:nth-child(5):before {
    background-image: url(/static/media/ico_confirm_blue.6e0e184a.png)
}

[class*=wrap-content] .progress-area2 .on {
    color: #4a4a4a;
    font-weight: 700
}

[class*=wrap-content] .progress-area2 .on:before {
    -webkit-animation: none;
    animation: none
}

[class*=wrap-content] .progress-area2 .on:nth-child(2):before {
    background-image: url(/static/media/ico_login_white.6dd9f8e8.png)
}

[class*=wrap-content] .progress-area2 .on:nth-child(3):before {
    background-image: url(/static/media/ico_folder_white.b74ff7a3.png)
}

[class*=wrap-content] .progress-area2 .on:nth-child(4):before {
    background-image: url(/static/media/ico_contents_white.6cb4808d.png)
}

[class*=wrap-content] .progress-area2 .on:nth-child(5):before {
    background-image: url(/static/media/ico_confirm_white.67b286cb.png)
}

[class*=wrap-content] .progress-area2 .on+li:after {
    background-image: url(/static/media/ico_arrow_on.faf3c85e.png) !important
}

[class*=wrap-content] .progress-area2.t1 li:last-child {
    background-image: url(/static/media/img_report_financial.a7962323.png)
}

[class*=wrap-content] .progress-area2.t1 li:nth-child(2):before {
    background-image: url(/static/media/ico_com_financial_gray.f1df8819.png)
}

[class*=wrap-content] .progress-area2.t1 li:nth-child(3):before {
    background-image: url(/static/media/ico_esti_financial_gray.da523d1f.png)
}

[class*=wrap-content] .progress-area2.t1 li:nth-child(4):before {
    background-image: url(/static/media/ico_write_financial_gray.0bdf10cc.png)
}

[class*=wrap-content] .progress-area2.t1 .ing:nth-child(2):before {
    background-image: url(/static/media/ico_com_financial_blue.14af5fff.png)
}

[class*=wrap-content] .progress-area2.t1 .ing:nth-child(3):before {
    background-image: url(/static/media/ico_esti_financial_blue.09b1507b.png)
}

[class*=wrap-content] .progress-area2.t1 .ing:nth-child(4):before {
    background-image: url(/static/media/ico_write_financial_blue.fb79bc06.png)
}

[class*=wrap-content] .progress-area2.t1 .on:nth-child(2):before {
    background-image: url(/static/media/ico_com_financial_white.29ddec5e.png)
}

[class*=wrap-content] .progress-area2.t1 .on:nth-child(3):before {
    background-image: url(/static/media/ico_esti_financial_white.6bb94afb.png)
}

[class*=wrap-content] .progress-area2.t1 .on:nth-child(4):before {
    background-image: url(/static/media/ico_write_financial_white.0148b37b.png)
}

[class*=wrap-content] .progress-area3 {
    padding: 26px 10px;
    color: #8c8c8c;
    text-align: center
}

[class*=wrap-content] .progress-area3>p {
    font-size: 16px;
    line-height: 1.25;
    color: #010101
}

[class*=wrap-content] .progress-area3 .state {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

[class*=wrap-content] .progress-area3 .state li {
    position: relative;
    width: 50px;
    letter-spacing: -.6px;
    z-index: 2
}

[class*=wrap-content] .progress-area3 .state li:not(:last-child) {
    flex: 1 1
}

[class*=wrap-content] .progress-area3 .state li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 22px;
    right: calc(50% - 26px);
    width: 5px;
    height: 5px;
    border: solid #ddd;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    z-index: 2
}

[class*=wrap-content] .progress-area3 .state li:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

[class*=wrap-content] .progress-area3 .state li:first-child:before {
    background-image: url(/static/media/icon_order_request_fin.8dfc846d.png)
}

[class*=wrap-content] .progress-area3 .state li:nth-child(2):before {
    background-image: url(/static/media/icon_order_receive_fin.ee3814c5.png)
}

[class*=wrap-content] .progress-area3 .state li:nth-child(3):before {
    background-image: url(/static/media/icon_release_standby_fin.67d1f2eb.png)
}

[class*=wrap-content] .progress-area3 .state li:nth-child(4):before {
    background-image: url(/static/media/icon_release_complete_fin.2c97134d.png)
}

[class*=wrap-content] .progress-area3 .state li:nth-child(5):before {
    background-image: url(/static/media/icon_receive_complete_fin.eead1da4.png)
}

[class*=wrap-content] .progress-area3 .state li>span {
    display: block;
    width: 50px
}

[class*=wrap-content] .progress-area3 .state .on {
    color: #1c90fb;
    font-weight: 700
}

[class*=wrap-content] .progress-area3 .state .on:before {
    border-color: #1c90fb;
    background-color: #e9f5ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

[class*=wrap-content] .progress-area3 .state .on:first-child:before {
    background-image: url(/static/media/icon_order_request_ing.af162c36.png)
}

[class*=wrap-content] .progress-area3 .state .on:nth-child(2):before {
    background-image: url(/static/media/icon_order_receive_ing.a311f6d0.png)
}

[class*=wrap-content] .progress-area3 .state .on:nth-child(3):before {
    background-image: url(/static/media/icon_release_standby_ing.24af9458.png)
}

[class*=wrap-content] .progress-area3 .state .on:nth-child(4):before {
    background-image: url(/static/media/icon_release_complete_ing.543058d0.png)
}

[class*=wrap-content] .progress-area3 .state .on:nth-child(5):before {
    background-image: url(/static/media/icon_receive_complete_ing.71c49ac4.png)
}

[class*=wrap-content] .progress-area3 .state .on~li {
    color: #d0d0d0
}

[class*=wrap-content] .progress-area3 .state .on~li:before {
    border-color: #f5f5f5;
    background-color: #f5f5f5
}

[class*=wrap-content] .progress-area3 .state .on~li:first-child:before {
    background-image: url(/static/media/icon_order_request_pre.df4977f2.png)
}

[class*=wrap-content] .progress-area3 .state .on~li:nth-child(2):before {
    background-image: url(/static/media/icon_order_receive_pre.859557fa.png)
}

[class*=wrap-content] .progress-area3 .state .on~li:nth-child(3):before {
    background-image: url(/static/media/icon_release_standby_pre.29e09248.png)
}

[class*=wrap-content] .progress-area3 .state .on~li:nth-child(4):before {
    background-image: url(/static/media/icon_release_complete_pre.fda37450.png)
}

[class*=wrap-content] .progress-area3 .state .on~li:nth-child(5):before {
    background-image: url(/static/media/icon_receive_complete_pre.600c9922.png)
}

[class*=wrap-content] .progress-area3.t1 {
    position: relative
}

[class*=wrap-content] .progress-area3.t1:before {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 85px;
    display: block;
    height: 2px;
    background-color: #ededed;
    background-image: repeating-linear-gradient(90deg, #ededed, #ededed 2px, #fff 0, #fff 4px);
    z-index: 1
}

[class*=wrap-content] .progress-area3.t1 .state li:first-child:before {
    background-image: url(/static/media/icon_delivery_standby_fin.a63af94f.png)
}

[class*=wrap-content] .progress-area3.t1 .state li:nth-child(2):before {
    background-image: url(/static/media/icon_shipping_fin.316e5fd4.png)
}

[class*=wrap-content] .progress-area3.t1 .state li:nth-child(3):before {
    background-image: url(/static/media/icon_delivery_complete_fin.6bb9635f.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on:first-child:before {
    background-image: url(/static/media/icon_delivery_standby_ing.e35bdc66.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on:nth-child(2):before {
    background-image: url(/static/media/icon_shipping_ing.f39cb30d.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on:nth-child(3):before {
    background-image: url(/static/media/icon_delivery_complete_ing.a0915447.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on~li:first-child:before {
    background-image: url(/static/media/icon_delivery_standby_pre.57d5eebf.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on~li:nth-child(2):before {
    background-image: url(/static/media/icon_shipping_pre.4ba5be75.png)
}

[class*=wrap-content] .progress-area3.t1 .state .on~li:nth-child(3):before {
    background-image: url(/static/media/icon_delivery_complete_pre.2d445942.png)
}

[class*=wrap-content] .progress-area3.t1 .info {
    margin-top: 17px;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ccc
}

[class*=wrap-content] .progress-area3.t1 .info li {
    display: inline-block;
    padding: 0 18px
}

[class*=wrap-content] .progress-area3.t1 .info li+li {
    border-left: 1px solid #ccc
}

[class*=wrap-content] .progress-area3.t1 .info li>em {
    display: block;
    padding-top: 3px;
    font-size: 13px;
    letter-spacing: -.65px;
    color: #000;
    font-weight: 700
}

[class*=wrap-content] .timeline-area {
    color: #222
}

[class*=wrap-content] .timeline-area .today,
[class*=wrap-content] .timeline-area .today~div {
    min-height: 18px;
    padding: 1px 0;
    line-height: 1.2
}

[class*=wrap-content] .timeline-area .today:not(:first-child),
[class*=wrap-content] .timeline-area .today~div:not(:first-child) {
    margin-top: 21px
}

[class*=wrap-content] .timeline-area .today>em,
[class*=wrap-content] .timeline-area .today~div>em {
    margin-left: 8px;
    vertical-align: baseline
}

[class*=wrap-content] .timeline-area ul {
    margin-top: 15px
}

[class*=wrap-content] .timeline-area ul>li {
    position: relative;
    padding-left: 38px;
    line-height: 1.3
}

[class*=wrap-content] .timeline-area ul>li:not(:only-child):not(:last-child) {
    padding-bottom: 19px
}

[class*=wrap-content] .timeline-area ul>li:not(:only-child):not(:last-child):before {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e5e5e5
}

[class*=wrap-content] .timeline-area ul>li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat
}

[class*=wrap-content] .timeline-area ul>li.in:after {
    background-image: url(/static/media/ic_notice_write_read.be782a59.png)
}

[class*=wrap-content] .timeline-area ul>li.edit:after {
    background-image: url(/static/media/ic_notice_modify_read.4d0e67f7.png)
}

[class*=wrap-content] .timeline-area ul>li.del:after {
    background-image: url(/static/media/ic_notice_del_read.dc338f25.png)
}

[class*=wrap-content] .timeline-area ul>li [class*=area] {
    opacity: .5
}

[class*=wrap-content] .timeline-area ul>li [class*=area]>i {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .timeline-area ul>li .area2,
[class*=wrap-content] .timeline-area ul>li .area3 {
    margin-top: 2px;
    font-size: 11px
}

[class*=wrap-content] .timeline-area ul>li .area2 {
    color: #000
}

[class*=wrap-content] .timeline-area ul>li .area3 {
    color: #8e8e8e
}

[class*=wrap-content] .timeline-area ul>li .area3>span+span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 6px 0 7px;
    background: #e5e5e5
}

[class*=wrap-content] .timeline-area .today+ul>li.in:after {
    background-image: url(/static/media/ic_notice_write.2c24b012.png)
}

[class*=wrap-content] .timeline-area .today+ul>li.edit:after {
    background-image: url(/static/media/ic_notice_modify.a603e26b.png)
}

[class*=wrap-content] .timeline-area .today+ul>li.del:after {
    background-image: url(/static/media/ic_notice_del.45425d81.png)
}

[class*=wrap-content] .timeline-area .today+ul>li [class*=area] {
    opacity: 1
}

[class*=wrap-content] .timeline-area.t1 {
    padding: 15px;
    border: 1px solid #e1e1e1;
    border-top: 2px solid #666;
    box-sizing: border-box
}

[class*=wrap-content] .timeline-area.t1>div:first-child {
    height: 100%
}

[class*=wrap-content] .work-schedule {
    margin-top: 20px !important;
    padding: 25px 19px 50px;
    border: 1px solid #eaedf3;
    border-radius: 4px;
    box-sizing: border-box
}

[class*=wrap-content] .work-schedule .heading {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

[class*=wrap-content] .work-schedule .schedule {
    position: relative;
    height: 44px !important;
    border-radius: 4px;
    background: #d8dee3
}

[class*=wrap-content] .work-schedule .schedule .area {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

[class*=wrap-content] .work-schedule .schedule .area .ti {
    color: #fff
}

[class*=wrap-content] .work-schedule .schedule .area [class*=time] {
    position: absolute;
    top: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: auto;
    background: #fff
}

[class*=wrap-content] .work-schedule .schedule .area [class*=time] span {
    font-size: 10px;
    line-height: 1.3;
    color: #9ea0a5;
    letter-spacing: -.5px;
    text-align: center
}

[class*=wrap-content] .work-schedule .schedule .area .time1 {
    left: -10px
}

[class*=wrap-content] .work-schedule .schedule .area .time2 {
    right: -10px
}

[class*=wrap-content] .bankbook-area {
    position: relative;
    min-width: 344px;
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box
}

[class*=wrap-content] .bankbook-area:after,
[class*=wrap-content] .bankbook-area:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 16px
}

[class*=wrap-content] .bankbook-area:before {
    top: 0;
    border-radius: 9px 9px 0 0;
    background: url(/static/media/bg_bankbook_top_left.027a8690.png), url(/static/media/bg_bankbook_top_right.88a9ebff.png), url(/static/media/bg_bankbook_top_middle.6458eadb.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0 0, 100% 0, 0 0
}

[class*=wrap-content] .bankbook-area:after {
    bottom: 0;
    border-radius: 0 0 9px 9px;
    background: url(/static/media/bg_bankbook_bottom_left.b46cc485.png), url(/static/media/bg_bankbook_bottom_right.03f3f505.png), url(/static/media/bg_bankbook_bottom_middle.6a6711db.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0 100%, 100% 100%, 0 100%
}

[class*=wrap-content] .bankbook-area>div {
    height: 100%;
    padding: 0 19px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    background: #fffff2
}

[class*=wrap-content] .bankbook-area>div .heading {
    display: flex;
    justify-content: space-between;
    padding: 1px 0 9px;
    line-height: 18px
}

[class*=wrap-content] .bankbook-area>div .heading [class*=banklogos],
[class*=wrap-content] .bankbook-area>div .heading [class*=card] {
    display: flex;
    width: 55%;
    font-size: 14px;
    letter-spacing: -.7px
}

[class*=wrap-content] .bankbook-area>div .heading [class*=banklogos]:before,
[class*=wrap-content] .bankbook-area>div .heading [class*=card]:before {
    margin-right: 4px
}

[class*=wrap-content] .bankbook-area>div .heading [class*=banklogos] i,
[class*=wrap-content] .bankbook-area>div .heading [class*=card] i {
    flex: 1 1
}

[class*=wrap-content] .bankbook-area>div .heading em {
    flex: 1 1;
    text-align: right
}

[class*=wrap-content] .bankbook-area>div .heading~div {
    border-left: none;
    height: calc(100% - 28px) !important
}

[class*=wrap-content] .bankbook-area>div .heading~div [data-orbit-component=OBTDataGrid]:after {
    border-right: none
}

[class*=wrap-content] .bankbook-area>div .heading~.ti {
    display: flex;
    border-top: 2px solid #666;
    border-bottom: 1px solid #e6e6e6;
    background: #f3f2e1;
    padding: 6px 0 8px;
    height: 35px !important;
    box-sizing: border-box
}

[class*=wrap-content] .bankbook-area>div .heading~.ti strong {
    display: block;
    text-align: center;
    line-height: 18px
}

[class*=wrap-content] .bankbook-area>div .heading~.ti strong:first-child {
    width: 24%
}

[class*=wrap-content] .bankbook-area>div .heading~.ti strong:nth-child(2),
[class*=wrap-content] .bankbook-area>div .heading~.ti strong:nth-child(3) {
    width: 38%
}

[class*=wrap-content] .bankbook-area>div .heading~.list {
    height: calc(100% - 70px) !important
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li {
    display: flex;
    padding: 7px 8px;
    border-bottom: 1px solid #e6e6e6
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div {
    display: flex;
    flex-direction: column;
    line-height: 18px
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:first-child {
    width: 24%
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:first-child>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 18px
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:first-child>div strong {
    font-weight: 400;
    font-size: 12px
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2),
[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(3) {
    width: calc(38% - 5px);
    text-align: right
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2) {
    padding: 0 5px
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2).in>em,
[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2).in>strong {
    color: #fc5356
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2).out>em,
[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(2).out>strong {
    color: #1c90fb
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div:nth-child(3) strong {
    font-weight: 400
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div>em {
    color: #8c8c8c
}

[class*=wrap-content] .bankbook-area>div .heading~.list ul li>div>strong {
    max-width: 100%;
    font-size: 13px
}

[class*=wrap-content] .form-content {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    box-sizing: border-box
}

[class*=wrap-content] .form-content>div:first-child {
    width: 300px
}

[class*=wrap-content] .form-content>div.cont {
    flex: 1 1;
    padding-left: 20px;
    box-sizing: border-box
}

[class*=wrap-content] .form-content>div.cont>div:not(:first-child):not(.btn) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f4f4f4;
    box-sizing: border-box
}

[class*=wrap-content] .form-content>div.cont .btn {
    text-align: center
}

[class*=wrap-content] .form-content>div.cont .btn>div:not(:first-child) {
    margin-left: 4px
}

[class*=wrap-content] .form-content>div.cont>.data-heading>.heading+div .data-tbl6 .total span+span,
[class*=wrap-content] .form-content>div.cont>.data-heading>.heading+div .data-tbl6 tfoot span+span {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e0e0e0
}

[class*=wrap-content] .form-content>div.cont>.btn,
[class*=wrap-content] .form-content>div.cont>.data-heading>.heading+div>.btn {
    margin-top: 20px
}

[class*=wrap-content] .report-form {
    position: relative;
    height: 100%
}

[class*=wrap-content] .report-form:after,
[class*=wrap-content] .report-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

[class*=wrap-content] .report-form:before {
    width: 1px;
    background: #e6e6e6
}

[class*=wrap-content] .report-form:after {
    right: 0;
    width: 100%;
    border: solid #e6e6e6;
    border-top: solid #666;
    border-width: 2px 1px 1px 0;
    box-sizing: border-box;
    pointer-events: none
}

[class*=wrap-content] .report-form .area-wrap {
    overflow-y: auto;
    position: relative;
    height: 100%
}

[class*=wrap-content] .report-form .area-wrap .area0 {
    position: sticky;
    left: 0;
    top: 0;
    margin-bottom: -1px;
    z-index: 1
}

[class*=wrap-content] .report-form .area-wrap .area1 .report-tbl1 {
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] .report-form .area-wrap .area2 {
    position: sticky;
    left: 0;
    bottom: 0;
    margin-top: -1px
}

[class*=wrap-content] .report-form .area-wrap .area2 .report-tbl1 {
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] .report-form .area-wrap.scroll-none .area2 {
    position: absolute
}

[class*=wrap-content] .withholding-form {
    height: 100%;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .withholding-form .num {
    display: inline-block;
    width: 11px;
    height: 12px;
    padding-right: 1px;
    border-radius: 50%;
    border: 1px solid #858889;
    font-size: 10px;
    line-height: 12px;
    vertical-align: baseline;
    text-align: center
}

[class*=wrap-content] .withholding-form .area {
    padding: 10px
}

[class*=wrap-content] .withholding-form .area+.area {
    padding-top: 0
}

[class*=wrap-content] .withholding-form .area .info-area1 {
    padding-bottom: 5px;
    font-size: 11px;
    line-height: 1
}

[class*=wrap-content] .withholding-form .area .info-area2 {
    display: flex;
    padding: 7px;
    border: 1px solid #e6e6e6;
    line-height: 1.33;
    color: #4a4a4a;
    letter-spacing: -.6px
}

[class*=wrap-content] .withholding-form .area .info-area2 span:not(:first-child) {
    flex: 1 1;
    padding-left: 3px
}

[class*=wrap-content] .withholding-form .area ul.info-area2 {
    flex-direction: column
}

[class*=wrap-content] .withholding-form .area ul.info-area2 li {
    display: flex
}

[class*=wrap-content] .withholding-form .area ul.info-area2 li+li {
    padding-top: 3px
}

[class*=wrap-content] .withholding-form .area .heading-area {
    display: flex;
    align-items: center;
    min-height: 90px;
    padding: 10px 0;
    box-sizing: border-box
}

[class*=wrap-content] .withholding-form .area .heading-area .info1 {
    display: flex;
    flex-wrap: wrap;
    width: 160px;
    border: 1px solid #e6e6e6
}

[class*=wrap-content] .withholding-form .area .heading-area .info1>dd,
[class*=wrap-content] .withholding-form .area .heading-area .info1>dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-height: 53px;
    padding: 4px 8px;
    line-height: 15px;
    box-sizing: border-box
}

[class*=wrap-content] .withholding-form .area .heading-area .info1>dd:nth-child(2)~dd,
[class*=wrap-content] .withholding-form .area .heading-area .info1>dd:nth-child(2)~dt,
[class*=wrap-content] .withholding-form .area .heading-area .info1>dt:nth-child(2)~dd,
[class*=wrap-content] .withholding-form .area .heading-area .info1>dt:nth-child(2)~dt {
    height: 54px;
    border-top: 1px solid #e6e6e6
}

[class*=wrap-content] .withholding-form .area .heading-area .info1>dt {
    background: #f2f6f8
}

[class*=wrap-content] .withholding-form .area .heading-area .ti {
    flex: 1 1;
    text-align: center
}

[class*=wrap-content] .withholding-form .area .heading-area .ti .check {
    display: inline-block;
    padding: 0 2px
}

[class*=wrap-content] .withholding-form .area .heading-area .ti>span {
    display: block;
    font-family: NSKB;
    font-size: 18px
}

[class*=wrap-content] .withholding-form .area .heading-area .ti>i {
    font-weight: 400
}

[class*=wrap-content] .withholding-form .area .heading-area .data-tbl9 {
    width: 340px
}

[class*=wrap-content] .withholding-form .area div.ti-type1 {
    height: 18px;
    padding: 4px 8px;
    border: solid #e6e6e6;
    border-width: 1px 1px 0;
    background: #649cc6;
    color: #fff
}

[class*=wrap-content] .withholding-form .area div.ti-type1>strong {
    font-family: NSKB;
    font-weight: 400
}

[class*=wrap-content] .withholding-form .area div.ti-type1>i {
    padding-left: 8px;
    font-size: 11px
}

[class*=wrap-content] .withholding-form .area div.ti-type1+table,
[class*=wrap-content] .withholding-form .area div.ti-type1+table td,
[class*=wrap-content] .withholding-form .area div.ti-type1+table th {
    border-top: none
}

[class*=wrap-content] .withholding-form .area>table+.info-area2,
[class*=wrap-content] .withholding-form .area>table+div.ti-type1,
[class*=wrap-content] .withholding-form .area>table+table {
    margin-top: -1px
}

[class*=wrap-content] .withholding-form .area [data-orbit-component=OBTReferencePanel] {
    margin-top: 10px
}

[class*=wrap-content] .payslip-form .heading-area {
    padding: 58px 93px 60px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .heading-area>strong {
    display: block;
    font-size: 36px;
    text-align: center
}

[class*=wrap-content] .payslip-form .heading-area>strong>i {
    font-weight: 400
}

[class*=wrap-content] .payslip-form .heading-area .info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 41px;
    padding: 21px 0;
    border: 1px solid #dee4ed;
    border-radius: 4px;
    background: #f2f5fa
}

[class*=wrap-content] .payslip-form .heading-area .info>li {
    display: inline-flex;
    width: 50%;
    padding: 0 29px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .heading-area .info>li:nth-child(odd) {
    border-right: 1px solid #d5deeb
}

[class*=wrap-content] .payslip-form .heading-area .info>li:nth-child(2)~li {
    padding-top: 15px
}

[class*=wrap-content] .payslip-form .heading-area .info>li>strong {
    width: 30%;
    letter-spacing: -.6px
}

[class*=wrap-content] .payslip-form .heading-area .info>li>span {
    flex: 1 1
}

[class*=wrap-content] .payslip-form .content-area {
    padding: 0 93px 60px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data,
[class*=wrap-content] .payslip-form .content-area .notice {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

[class*=wrap-content] .payslip-form .content-area .data>strong,
[class*=wrap-content] .payslip-form .content-area .notice>strong {
    width: 82px;
    margin-top: -4px;
    padding-right: 10px;
    font-size: 14px;
    letter-spacing: -.7px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data>.cont,
[class*=wrap-content] .payslip-form .content-area .data>.total,
[class*=wrap-content] .payslip-form .content-area .data>[class*=data-list],
[class*=wrap-content] .payslip-form .content-area .data>table,
[class*=wrap-content] .payslip-form .content-area .notice>.cont,
[class*=wrap-content] .payslip-form .content-area .notice>.total,
[class*=wrap-content] .payslip-form .content-area .notice>[class*=data-list],
[class*=wrap-content] .payslip-form .content-area .notice>table {
    width: calc(100% - 82px)
}

[class*=wrap-content] .payslip-form .content-area .data .total,
[class*=wrap-content] .payslip-form .content-area .notice .total {
    display: flex;
    align-items: center;
    padding: 13px 15px;
    border-bottom: 1px solid #cad4e5;
    background: #f8fafc;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data .total>em,
[class*=wrap-content] .payslip-form .content-area .notice .total>em {
    width: 50%;
    font-size: 13px
}

[class*=wrap-content] .payslip-form .content-area .data .total>strong,
[class*=wrap-content] .payslip-form .content-area .notice .total>strong {
    flex: 1 1;
    padding-left: 15px;
    font-size: 15px;
    text-align: right
}

[class*=wrap-content] .payslip-form .content-area .data+.data {
    margin-top: 14px
}

[class*=wrap-content] .payslip-form .content-area .data+.notice {
    margin-top: 74px
}

[class*=wrap-content] .payslip-form .content-area .area1 {
    padding-top: 14px
}

[class*=wrap-content] .payslip-form .content-area .area2 {
    margin-top: 49px;
    padding-top: 53px;
    border-top: 2px dotted #b7b7b7
}

[class*=wrap-content] .payslip-form .content-area .data-list1 {
    display: flex;
    flex-wrap: wrap;
    border: solid #cad4e5;
    border-width: 2px 0 1px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data-list1>li {
    display: inline-flex;
    align-items: center;
    width: calc(33.33333% - 15px);
    margin-left: 22px;
    padding: 14px 15px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data-list1>li:nth-child(3n+1) {
    margin-left: 0
}

[class*=wrap-content] .payslip-form .content-area .data-list1>li:nth-child(3)~li {
    border-top: 1px solid #f0f0f0
}

[class*=wrap-content] .payslip-form .content-area .data-list1>li>em {
    width: 50%;
    color: #8c8c8c;
    letter-spacing: -.6px
}

[class*=wrap-content] .payslip-form .content-area .data-list1>li>strong {
    flex: 1 1;
    padding-left: 15px;
    text-align: right
}

[class*=wrap-content] .payslip-form .content-area .data-list2 {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #d6dce5;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data-list2>li {
    display: inline-flex;
    align-items: center;
    width: 33.3333333333%
}

[class*=wrap-content] .payslip-form .content-area .data-list2>li:nth-child(3)~li {
    border-top: 1px solid #f0f0f0
}

[class*=wrap-content] .payslip-form .content-area .data-list2>li>em {
    display: flex;
    align-items: center;
    width: 60%;
    height: 100%;
    padding: 14px 15px;
    color: #8c8c8c;
    letter-spacing: -.6px;
    background: #fafbfc;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .data-list2>li>strong {
    flex: 1 1;
    padding: 14px 15px 14px 10px;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .pay {
    display: flex;
    align-items: center;
    width: calc(100% - 82px);
    margin: 20px 0 0 82px;
    padding: 15px 15px 16px;
    border: 1px solid #1c90fb;
    border-radius: 4px;
    background: #eff7ff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .content-area .pay>em {
    display: flex;
    width: 50%;
    font-size: 14px
}

[class*=wrap-content] .payslip-form .content-area .pay>strong {
    flex: 1 1;
    padding-left: 15px;
    font-size: 18px;
    color: #1c90fb;
    text-align: right
}

[class*=wrap-content] .payslip-form .content-area .notice>div {
    overflow: auto;
    height: 182px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .footer-area {
    display: flex;
    align-items: center;
    height: 114px;
    margin-top: -20px;
    padding: 0 93px !important;
    background-color: #f8fafc;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box
}

[class*=wrap-content] .payslip-form .footer-area>p {
    width: 60%;
    text-align: left
}

[class*=wrap-content] .payslip-form .footer-area>div {
    display: inline-flex;
    align-items: center;
    flex: 1 1;
    justify-content: flex-end
}

[class*=wrap-content] .payslip-form .footer-area>div>strong {
    text-align: right
}

[class*=wrap-content] .payslip-form .footer-area>div img {
    width: 71px;
    height: 71px;
    margin-left: 15px
}

[class*=wrap-content] .payslip-form1 .pay-data-info1 {
    overflow: auto;
    height: 182px
}

[class*=informationBarContents]>div:first-child>div:first-child {
    height: 100%
}

[class*=wrap-content].info-bar {
    width: 100%;
    height: 100%;
    padding: 16px 20px 20px;
    box-sizing: border-box
}

[class*=wrap-content].info-bar [data-orbit-component=OBTTabs] [class*=OBTTabs_template]>div {
    height: 100%
}

[class*=wrap-content].info-bar .map-area {
    height: 190px;
    margin-top: 20px
}

[class*=wrap-content].info-bar .drawing-area {
    height: 266px
}

[class*=wrap-content].info-bar [data-orbit-component=OBTConditionPanel] [data-orbit-component=OBTConditionItem] {
    width: 240px !important
}

[class*=wrap-content].info-bar [data-orbit-component=OBTConditionPanel] [data-orbit-component=OBTConditionItem] [class*=OBTConditionItem_label] {
    min-width: 62px
}

.ly-popup.t1>._isDialog>div:nth-child(2) {
    border-color: #bcb5b9 !important
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child {
    display: none
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2) {
    margin: 30px 0 2px;
    border-top: none
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div {
    top: 0;
    bottom: 0
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading {
    font-size: 15px;
    text-align: center;
    box-sizing: border-box
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-content {
    box-sizing: border-box
}

.ly-popup.t1>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3) {
    margin: 0 -30px 2px;
    padding: 18px 0 30px;
    background: #fff
}

.ly-popup.t2>._isDialog>div:nth-child(2),
.ly-popup.t2w>._isDialog>div:nth-child(2) {
    padding: 0 !important;
    border-color: #bcb5b9 !important
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child {
    display: none
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button {
    right: 22px !important;
    z-index: 1
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2),
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2) {
    border-top: none
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div {
    top: 0;
    bottom: 0
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading {
    padding: 30px;
    background-color: #eee;
    font-size: 15px;
    box-sizing: border-box
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>strong,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>strong {
    display: block;
    letter-spacing: -1.5px
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>p,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>p {
    letter-spacing: -.75px
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-content,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-content {
    padding: 20px 30px 0;
    font-size: 15px;
    box-sizing: border-box
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link {
    letter-spacing: -.3px
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link .heading.t1,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link .heading.t1 {
    background-image: url(/static/media/img_expense_claim.8a90b0ed.png), linear-gradient(-90deg, #d9f0ff, #ebf7ff)
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link .content,
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .login-link .content {
    padding: 24px 0 0
}

.ly-popup.t2>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3),
.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3) {
    margin: 0 0 2px;
    padding: 27px 0 30px;
    background: #fff
}

.ly-popup.t2w>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button>span {
    background-position: -74px -151px !important;
    opacity: .5
}

.ly-popup.t3>._isDialog>div:nth-child(2) {
    border-color: #bcb5b9 !important
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child {
    display: none
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button {
    z-index: 1
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2) {
    border-top: none
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div {
    top: 0;
    bottom: 0
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading {
    padding: 39px 0 20px;
    text-align: center;
    box-sizing: border-box
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>strong {
    display: block;
    font-size: 30px;
    color: #1c90fb;
    letter-spacing: -1.5px
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-heading>strong:only-child {
    margin-top: -8px
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div .pop-content {
    box-sizing: border-box
}

.ly-popup.t3>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3) {
    margin: 0 0 2px;
    padding: 30px 0;
    background: #fff
}

.ly-popup.t4>._isDialog>div:nth-child(2) {
    padding: 0 !important;
    border-color: #bcb5b9 !important
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child {
    padding-left: 30px;
    background: #50596c
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child>h1 {
    padding: 18px 0 14px !important;
    color: #fff
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child>span {
    padding-top: 21px !important
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button {
    top: 14px !important;
    right: 22px !important
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button>span {
    background-position: -74px -151px !important
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2) {
    border-color: #e6e6e6;
    background-image: url(/static/media/bg_docu_01.c3e87f01.png), url(/static/media/bg_docu_03.fde87a5b.png), url(/static/media/bg_docu_02.861b5251.png), url(/static/media/bg_docu_06.7b6d59e4.png), url(/static/media/bg_docu_08.bab3655f.png), url(/static/media/bg_docu_07.ca4725b3.png);
    background-position: 0 0, 100% 0, 0 0, 0 100%, 100% 100%, 0 100%;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat, no-repeat, repeat-x
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2):after,
.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2):before {
    content: "";
    position: absolute;
    top: 80px;
    bottom: 80px;
    background-repeat: repeat-y
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2):before {
    left: 0;
    width: 39px;
    background-image: url(/static/media/bg_docu_04.0ef1bbfb.png)
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2):after {
    right: 0;
    width: 41px;
    background-image: url(/static/media/bg_docu_05.22cecfb0.png)
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div {
    left: 39px;
    right: 41px;
    top: 42px;
    bottom: 40px
}

.ly-popup.t4>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3) {
    display: none;
    margin: 0
}

.ly-popup.t5>._isDialog>div:nth-child(2) {
    padding: 0 !important;
    border-color: #bcb5b9 !important
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child {
    padding-left: 30px;
    background: #50596c
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child>h1 {
    padding: 18px 0 14px !important;
    color: #fff
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>div:first-child>span {
    padding-top: 21px !important
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button {
    top: 14px !important;
    right: 22px !important
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:first-child>button>span {
    background-position: -74px -151px !important
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(2)>div {
    top: 0;
    bottom: 0
}

.ly-popup.t5>._isDialog>div:nth-child(2) .dialog_content .dialog_data>div:nth-child(3) {
    display: none;
    margin: 0
}

.ly-popup .pop-guide {
    padding-bottom: 10px;
    color: #a6a6a6
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ly-popup .dialog_data>div:last-child>div {
        vertical-align: top
    }
}

.ly-popup .data-heading>div>[data-orbit-component=OBTMultiLineTextField],
.ly-popup .message-send .cont1>[data-orbit-component=OBTMultiLineTextField],
.ly-popup .message-send .cont>[data-orbit-component=OBTMultiLineTextField],
.ly-popup .notice-area .cont>[data-orbit-component=OBTMultiLineTextField],
.ly-popup [class*=wrap-content]>[class*=OBTDockPanel_middle]>div>div>div>div>[data-orbit-component=OBTMultiLineTextField],
.ly-popup [data-orbit-component=OBTAccordion]>div>div>[data-orbit-component=OBTMultiLineTextField] {
    display: block
}

.ly-popup .password-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 58px;
    background: url(/static/media/ic_alert_password.2147c627.png) no-repeat 50% 0
}

.ly-popup .password-area>p {
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center
}

.ly-popup .pop-calendar [class*=data-tbl] [data-orbit-component=OBTButton] {
    margin-left: 4px;
    vertical-align: middle
}

.ly-popup .pop-calendar [class*=data-tbl] .type {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: middle
}

.ly-popup .manual-area .content>div>div .cont {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box
}

.ly-popup .manual-area .content>div>div .cont .file {
    height: 252px;
    text-align: center
}

.ly-popup .manual-area .content>div>div .cont .file>div:first-child:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}

.ly-popup .manual-area .content>div>div .cont .file img {
    max-width: calc(100% - 1px);
    vertical-align: middle
}

.ly-popup .manual-area .content>div>div>div+div {
    margin-left: 10px !important
}

.ly-popup .manual-area .content>div>div>div+div .reference-area1>div {
    align-items: flex-start;
    height: 100%;
    box-sizing: border-box
}

.ly-popup .notice-area .content>div>div .cont>div>div,
.ly-popup .notice-area .content>div>div .cont>div>div>div {
    height: 100%
}

.ly-popup .notice-area .content>div>div .btn>div>div {
    width: 100%
}

.ly-popup .notice-area .content>div>div .btn>div>div+div {
    margin-top: 4px
}

.ly-popup .notice-area .content>div>div .btn>div>div button {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border-color: #ccc;
    background: #fafafa !important
}

.ly-popup .notice-area .content>div>div .btn>div>div button span {
    font-size: 12px
}

.ly-popup .document-area .btn>div>div {
    width: 100%;
    vertical-align: top
}

.ly-popup .document-area .btn>div>div+div {
    margin-top: 4px
}

.ly-popup .document-area .btn>div>div button {
    width: 100%;
    height: 40px;
    border-color: #ccc;
    background: #fafafa !important
}

.ly-popup .document-area .btn>div>div button span {
    font-size: 12px
}

.ly-popup .document-area [class*=OBTDockPanel_fill] {
    margin-left: 10px !important
}

.ly-popup .message-send .cont {
    border: 1px solid #d9d9d9
}

.ly-popup .message-send .cont th {
    background: #fff
}

.ly-popup .message-send .cont td .list {
    display: block;
    width: 100%;
    height: 27px;
    padding: 0 8px;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.ly-popup .message-send .cont td .list>i {
    display: inline-block;
    padding-left: 19px;
    background: url(/static/media/icon_message_online.95f128d3.png) no-repeat 0 50%;
    line-height: 27px
}

.ly-popup .message-send .cont td .list>i:not(:first-child) {
    margin-left: 8px
}

.ly-popup .message-send .cont1>div>div,
.ly-popup .message-send .cont1>div>div>div {
    height: 100%
}

.ly-popup .com-area1 .card-list1>div>div .tbl-tdc {
    align-items: flex-end;
    width: 90px;
    font-size: 12px;
    color: #a6a6a6
}

.ly-popup .com-area1 .card-list1>div>div .tbl-tdr {
    width: 80px
}

.ly-popup .pdata-area1 .pop-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 270px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center
}

.ly-popup .pdata-area1 .pop-heading>em {
    line-height: 0
}

.ly-popup .pdata-area1 .pop-heading>strong {
    font-size: 30px
}

.ly-popup .pdata-area1 .pop-heading>p {
    margin-top: 5px;
    opacity: .7
}

.ly-popup .pdata-area1 .pop-heading.type1 {
    background-image: url(/static/media/img_top.f7169937.png)
}

.ly-popup .pdata-area1 .pop-content {
    text-align: center
}

.ly-popup .pdata-area1 .pop-content>em {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: -1px
}

.ly-panel {
    padding-top: 25px !important
}

.wrap-print2 .heading-area .ti,
.wrap-print .heading-area .ti {
    display: block;
    font-family: NSKB;
    font-size: 20px;
    color: #000;
    letter-spacing: -1px;
    text-align: center
}

.wrap-print {
    padding: 20px;
    box-sizing: border-box
}

.wrap-print2>[class*=OBTDockPanel_top]>.heading {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 30px;
    background: #50596c;
    box-sizing: border-box
}

.wrap-print2>[class*=OBTDockPanel_top]>.heading>strong {
    flex: 1 1;
    padding-right: 20px;
    font-size: 18px;
    color: #fff;
    letter-spacing: -.9px
}

.wrap-print2>[class*=OBTDockPanel_middle]>div>div>div {
    padding: 10px 20px 20px
}

@media print {

    .wrap-print,
    .wrap-print2 {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.pubWindowPopup .login-link {
    min-width: 738px !important
}

.login-link p {
    font-size: 15px;
    line-height: 1.5
}

.login-link .heading {
    min-height: 180px;
    padding: 43px 200px 43px 30px;
    box-sizing: border-box
}

.login-link .heading>strong {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1.2px
}

.login-link .heading.t1,
.login-link .heading.t2,
.login-link .heading.t3 {
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.login-link .heading.t1 {
    background-image: url(/static/media/img_taxinvoice.79244d95.png), linear-gradient(-90deg, #d9f0ff, #ebf7ff)
}

.login-link .heading.t2 {
    background-image: url(/static/media/img_buliding.426b4209.png), linear-gradient(-90deg, #e3f4ff, #f0f9ff)
}

.login-link .heading.t3 {
    background-image: url(/static/media/img_financialservice.a76524cf.png), linear-gradient(-90deg, #d9f0ff, #ebf7ff)
}

.login-link .content {
    padding: 20px 30px 30px;
    text-align: center
}

.login-link .content>p+[class*=choice-area] {
    margin-top: 12px
}

.login-link .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
}

.login-link .content .btn button:hover {
    border: 1px solid #136ad5;
    background-image: linear-gradient(0deg, #3280e0, #3ba1ff)
}

.login-link .content .btn button:active {
    background-color: #1c90fb;
    background-image: linear-gradient(180deg, #3280e0, #3ba1ff)
}

.MTM0200 .data-heading.search-area1 {
    position: relative;
    color: #000;
    letter-spacing: -.6px
}

.MTM0200 .data-heading.search-area1 .heading {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

.MTM0200 .data-heading.search-area1 li span,
.MTM0200 .data-heading.search-area1 p span {
    display: inline-block;
    padding-left: 7px;
    line-height: 38px
}

.MTM0200 .data-heading.search-area1 li span:before,
.MTM0200 .data-heading.search-area1 p span:before {
    content: "";
    float: left;
    width: 2px;
    height: 2px;
    margin: 18px 0 0 -7px;
    background: #4e4e4e;
    vertical-align: middle
}

.MTM0200 .data-heading.search-area1 li span:not(:last-child):after,
.MTM0200 .data-heading.search-area1 p span:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: -2px 20px 0;
    background: #e0e0e0;
    vertical-align: middle
}

.MTM0200 .data-heading.search-area1 p {
    padding: 0 90px 0 23px;
    border: 1px solid #d4dfe7;
    border-radius: 3px;
    background: #f3f7fa;
    box-sizing: border-box
}

.MTM0200 .data-heading.search-area1 ul {
    position: absolute;
    left: 0;
    top: 38px;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #d0d7dd;
    border-top-color: #d4dfe7;
    border-radius: 0 0 3px 3px;
    background: #eff5f9;
    box-sizing: border-box;
    z-index: 2
}

.MTM0200 .data-heading.search-area1 ul li {
    padding: 0 23px;
    cursor: pointer
}

.MTM0200 .data-heading.search-area1 ul li:hover {
    background: #d9ebfa
}

.MTM0200 .data-heading.search-area1 div[class^=btn] {
    position: absolute;
    top: 0;
    right: 0;
    height: 39px !important
}

.MTM0200 .data-heading.search-area1 div[class^=btn] [class*=btn-] {
    border: none;
    background: none
}

.MTM0200 .data-heading.search-area1 div[class^=btn] [class*=btn-]>div {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -1px !important;
    top: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

.MTM0200 .data-heading.search-area1 div.btn1 {
    right: 53px
}

.MTM0200 .data-heading.search-area1 div.btn1 [class*=btn-] {
    width: 14px;
    height: 39px;
    padding: 0
}

.MTM0200 .data-heading.search-area1 div.btn1 [class*=btn-]:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-prev:before {
    background-image: url(/static/media/ic_arrow_left_02_s_normal.2f6841ac.png)
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-prev:hover:before {
    background-image: url(/static/media/ic_arrow_left_02_s_over.7912dbff.png)
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-prev.dis:before {
    background-image: url(/static/media/ic_arrow_left_02_s_disable.243a9292.png)
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-next:before {
    margin-left: 2px;
    background-image: url(/static/media/ic_arrow_right_02_s_normal.009c0ad7.png)
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-next:hover:before {
    background-image: url(/static/media/ic_arrow_right_02_s_over.2f8476c8.png)
}

.MTM0200 .data-heading.search-area1 div.btn1 .btn-next.dis:before {
    background-image: url(/static/media/ic_arrow_right_02_s_disable.b7df9f3d.png)
}

.MTM0200 .data-heading.search-area1 div.btn2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: #e6e6e6
}

.MTM0200 .data-heading.search-area1 div.btn2 [class*=btn-] {
    width: 41px;
    height: 39px;
    padding: 0 16px 0 11px
}

.MTM0200 .data-heading.search-area1 div.btn2 [class*=btn-]:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat
}

.MTM0200 .data-heading.search-area1 div.btn2 .btn-open:after {
    background-image: url(/static/media/ic_arrow_up_01_s_normal.e6a77b64.png)
}

.MTM0200 .data-heading.search-area1 div.btn2 .btn-open:hover:after {
    background-image: url(/static/media/ic_arrow_up_01_s_over.248d893e.png)
}

.MTM0200 .data-heading.search-area1 div.btn2 .btn-close:after {
    background-image: url(/static/media/ic_arrow_down_01_s_normal.1de45dea.png)
}

.MTM0200 .data-heading.search-area1 div.btn2 .btn-close:hover:after {
    background-image: url(/static/media/ic_arrow_down_01_s_over.c40f857f.png)
}

.MTM0200 .card-list1>div>[class*=OBTCardList_headLine] {
    display: none
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div {
    align-items: center
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div {
    text-align: center
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(8) {
    width: 31px
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(5),
.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(6),
.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(7) {
    width: 55px
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(2),
.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(3),
.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(4) {
    width: 24%
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:last-child {
    flex: 1 1
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div button {
    position: relative;
    z-index: 1
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul {
    padding: 0 10px
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul>li>span {
    display: inline-block;
    width: 68%;
    text-align: left;
    vertical-align: top
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul>li>span.ti {
    width: 32%;
    padding-right: 10px;
    color: #4a4a4a;
    text-align: right;
    box-sizing: border-box
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(4)>ul>li>span {
    width: 76%
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(4)>ul>li>span.ti {
    width: 24%
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph {
    position: relative;
    transform: rotate(-90deg);
    width: 56px;
    height: 56px;
    margin: 0 auto
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph .back {
    stroke: #e9e9e9
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.on .back {
    stroke: #fff
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph .fill {
    stroke: #e9e9e9;
    animation: chart-fill 2s reverse;
    transform-origin: center
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph .info {
    position: absolute;
    left: 0;
    top: 19px;
    width: 56px;
    color: #ccc;
    text-align: center;
    -webkit-animation: chart-info 2s forwards;
    animation: chart-info 2s forwards;
    transform: rotate(90deg);
    opacity: 0
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type1 .fill {
    stroke: #ff8787
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type1 .info {
    color: #ff8787
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type2 .fill {
    stroke: #f8a457
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type2 .info {
    color: #f8a457
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type3 .fill {
    stroke: #20c997
}

.MTM0200 .card-list1>div>div:last-child>div>div>div>ul>li>div>div .graph.type3 .info {
    color: #20c997
}

@keyframes chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@keyframes chart-info {
    to {
        opacity: 1
    }
}

.MTM0300 .card-list1>div>[class*=OBTCardList_headLine] {
    display: none
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div {
    align-items: center
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div {
    text-align: center
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(4) {
    width: 31px
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(2),
.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(3) {
    width: 33%
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:last-child {
    flex: 1 1
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul {
    padding: 0 10px
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul>li>span {
    display: inline-block;
    width: 77%;
    text-align: left;
    vertical-align: top
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div>ul>li>span.ti {
    width: 23%;
    padding-right: 10px;
    color: #4a4a4a;
    text-align: right;
    box-sizing: border-box
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(3)>ul>li>span {
    width: 82%
}

.MTM0300 .card-list1>div>div:last-child>div>div>div>ul>li>div>div:nth-last-child(3)>ul>li>span.ti {
    width: 18%
}

.MWE0030 [class*=OBTConditionItem_tooltipWrapper]>div:not(:only-child):first-child {
    width: 70px !important
}

.MWE0030 [data-orbit-component=OBTFormPanel] td>div .ti {
    width: 100px !important
}

.MWE0030 [data-orbit-component=OBTFormPanel] td>div .ti+div {
    width: calc(100% - 100px) !important
}

.MWE0030 [data-orbit-component=OBTFormPanel] td>div>div:not(:only-child):first-child {
    width: 70px !important
}

.MWE0030 [data-orbit-component=OBTFormPanel] td>div>div:not(:only-child)+div {
    width: calc(100% - 70px) !important
}

.MWE0030 [class*=OBTDockPanel_bottom]>[dock=bottom] {
    margin-top: 0 !important
}

.MWE0220 .progress [class*=progress-area] {
    margin: 0 20px
}

.MWE0220 .progress [class*=progress-area]+[class*=progress-area] {
    border-top: 1px solid #d9d9d9
}

.MWE0220 .progress .progress-area3.t1 {
    padding-bottom: 29px
}

.MWB0010 .data-heading [class^=heading] {
    overflow: hidden
}

.MWB0010 .data-heading [class^=heading] .btn-chips {
    width: calc(100% - 110px);
    margin: 3px 0 3px 15px;
    font-size: 0
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div {
    border: none
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div {
    margin: 0
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div {
    margin: 0 0 4px 5px
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div {
    height: 22px;
    border-color: #ccc;
    border-radius: 14px;
    box-shadow: none
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>div>div {
    font-size: 11px;
    line-height: 22px;
    color: #4a4a4a;
    letter-spacing: -.28px
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button {
    height: 23px !important;
    margin-top: -1px;
    background: transparent !important
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button:after,
.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-top: -1px;
    background: #7c7c7c
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button:before {
    transform: rotate(45deg)
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button:after {
    margin-left: -1px;
    transform: rotate(-45deg)
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div>button>img {
    display: none !important
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div:hover {
    border-color: #1c90fb;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div:hover [class*=OBTChip_labelStyle] {
    color: #1d90fb
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div:hover>button:after,
.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div:hover>button:before {
    background: #2e99fb
}

.MWB0010 .data-heading [class^=heading] .btn-chips>div>div>div>div:active {
    background: #e9f5ff
}

.MWB0010>[class*=OBTDockPanel_middle] {
    margin-top: 0 !important
}

.MWB0010 [class*=OBTDockPanel_right] {
    position: relative
}

.MWB0010 [class*=OBTDockPanel_right] .dock-collapsed1 {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.MWB0010 [class*=OBTDockPanel_right] .dock-collapsed1 .order-sum2 {
    margin-top: -10px;
    height: 194px
}

.MWB0010 [class*=OBTDockPanel_right] .isShow {
    z-index: 2
}

.ERPPoc01.wrap-content0 {
    background: #e2e8f2
}

.ERPPoc04.wrap-content0:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 54px;
    width: 100%;
    height: 1px;
    background: #e5e5e5
}

.ERPPoc11.ly-popup.pop1 [class*=OBTDialog_bottomButton] {
    display: none
}

.ERPPoc02P.EAAppDocPop .cont,
.ERPPoc04P.EAAppDocPop .cont,
.ERPPoc11P.EAAppDocPop .cont,
.ERPPoc11P_01.EAAppDocPop .cont {
    position: relative;
    padding: 70px !important;
    background: url(/static/media/bg02.7258bd40.png) repeat-y;
    text-align: center;
    box-sizing: border-box
}

.ERPPoc02P.EAAppDocPop .cont:after,
.ERPPoc02P.EAAppDocPop .cont:before,
.ERPPoc04P.EAAppDocPop .cont:after,
.ERPPoc04P.EAAppDocPop .cont:before,
.ERPPoc11P.EAAppDocPop .cont:after,
.ERPPoc11P.EAAppDocPop .cont:before,
.ERPPoc11P_01.EAAppDocPop .cont:after,
.ERPPoc11P_01.EAAppDocPop .cont:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat
}

.ERPPoc02P.EAAppDocPop .cont:before,
.ERPPoc04P.EAAppDocPop .cont:before,
.ERPPoc11P.EAAppDocPop .cont:before,
.ERPPoc11P_01.EAAppDocPop .cont:before {
    top: 0;
    background-image: url(/static/media/bg01.5457c43b.png)
}

.ERPPoc02P.EAAppDocPop .cont:after,
.ERPPoc04P.EAAppDocPop .cont:after,
.ERPPoc11P.EAAppDocPop .cont:after,
.ERPPoc11P_01.EAAppDocPop .cont:after {
    bottom: 0;
    background-image: url(/static/media/bg03.3213320c.png)
}

.ERPPoc02P.EAAppDocPop .cont>div,
.ERPPoc04P.EAAppDocPop .cont>div,
.ERPPoc11P.EAAppDocPop .cont>div,
.ERPPoc11P_01.EAAppDocPop .cont>div {
    height: 100%
}

.ERPPoc04P.EAAppDocPop .cont {
    background-image: url(/static/media/bg02_01.9130720f.png)
}

.ERPPoc04P.EAAppDocPop .cont:before {
    background-image: url(/static/media/bg01_01.3d424112.png)
}

.ERPPoc04P.EAAppDocPop .cont:after {
    background-image: url(/static/media/bg03_01.70adae58.png)
}

.tt:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 986px;
    height: 44px;
    background: transparent;
    border: 2px solid red;
    opacity: .1;
    box-sizing: border-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: tt-zoomIn;
    animation-name: tt-zoomIn;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes tt-zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.99, .8, 1)
    }

    50% {
        opacity: 1
    }
}

@keyframes tt-zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.99, .8, 1)
    }

    50% {
        opacity: 1
    }
}

.FilterBoxBasic {
    position: absolute;
    width: 160px;
    height: auto;
    border: 1px solid #a6a6a6;
    box-sizing: border-box;
    background: #fff;
    z-index: 1
}

.FilterBoxBasic dt {
    font: 700 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 0 10px
}

.FilterBoxBasic dd {
    font: 400 12px/21px NSKR;
    border-bottom: 1px solid #f0f0f0
}

.FilterBoxBasic dd ul li {
    font: 400 12px/27px NSKR;
    color: #000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer
}

.FilterBoxBasic dd ul li:hover {
    background-color: #e6f5ff
}

.FilterBoxBasic dd ul li.chk {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/static/media/ic_check_01_m_over.6d10b7d4.png) no-repeat left 6px center
}

.FilterBoxBasic dd ul li.chk:hover {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: #e6f5ff url(/static/media/ic_check_01_m_over.6d10b7d4.png) no-repeat left 6px center
}

.FilterBoxBasic dd ul li.on {
    font: 400 12px/27px NSKR;
    color: #1c90fb;
    background: url(/static/media/ic_check_01_m_over.6d10b7d4.png) no-repeat left 6px center
}

.FilterBoxBasic dd ul li span {
    display: block;
    margin: 0 10px 0 0
}

.FilterBoxBasic dd ul li span.up {
    display: block;
    background: url(/static/media/ic_ascending_order_m_normal.26860828.png) no-repeat 100%
}

.FilterBoxBasic dd ul li span.down {
    display: block;
    background: url(/static/media/ic_descending_order_m_normal.22e4aaa7.png) no-repeat 100%
}

.FilterBoxBasic dd:last-child {
    border-bottom: none
}

.FilterBoxBasic .filter-fn {
    margin: 5px;
    padding: 5px 0 2px 5px;
    border-top: 1px solid #f0f0f0
}

.FilterBoxBasic .filter-fn .btnRefresh {
    font: 400 11px/21px NSKR;
    text-align: left;
    color: #7c7c7c;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_reset_s_normal.7c5cce2e.png) no-repeat left 0 center;
    cursor: pointer
}

.FilterBoxBasic .filter-fn .btnSave {
    border: 1px solid #dbdbdb
}

.rightFnc {
    height: 31px;
    justify-content: flex-end;
    position: relative
}

.rightFnc .alignFilterFnc {
    position: relative;
    margin: 3px 0 0 10px;
    cursor: pointer;
    padding: 0 15px 0 0;
    background: url(/static/media/ic_arrow_down_02_m_normal.9469ed90.png) no-repeat top 2px right;
    background-size: 14px 14px
}

.rightFnc .FilterBoxBasic {
    top: 28px;
    right: 0
}

.gridListBtn .ic_open_all {
    width: 27px;
    height: 27px;
    background: url(/static/media/ic_open_all_m_normal.7269348a.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.gridListBtn .ic_open_all:hover {
    background: url(/static/media/ic_open_all_m_over.62701b9f.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.gridListBtn .ic_close_all {
    width: 27px;
    height: 27px;
    background: url(/static/media/ic_close_all_m_normal.5aa74b6a.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    margin-left: 4px
}

.gridListBtn .ic_close_all:hover {
    background: url(/static/media/ic_close_all_m_over.c1517358.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important
}

.ico_custom {
    width: 14px;
    height: 14px;
    background: url(/static/media/ic-customization-s-normal.e302f593.png) no-repeat 50%;
    background-size: 14px 14px
}

.ico_refusal {
    width: 14px;
    height: 14px;
    background: url(/static/media/ic-refusal-exchange-s-normal.9f2d2ad6.png) no-repeat 50%;
    background-size: 14px 14px
}

.ico_shipping {
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_shipping_s_normal.0cf5127c.png) no-repeat 50%;
    background-size: 14px 14px
}

.gsmCardList {
    position: relative;
    border-top: none
}

.gsmCardList .sortUnit {
    position: absolute;
    right: 12px;
    height: 28px;
    z-index: 1;
    background-color: #fafafa;
    margin: 0 10px
}

.gsmCardList .sortUnit .filterBtn {
    font: 400 12px/28px NSKR;
    padding: 0 10px 0 0;
    background: url(/static/media/ic_arrow_down_02_s_normal.aca35ff4.png) no-repeat right -3px center;
    cursor: pointer
}

.gsmCardList .sortUnit .filterBtn:hover {
    color: #319df6;
    background: url(/static/media/ic_arrow_down_02_s_over.53f32a87.png) no-repeat right -3px center
}

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

.gsmCardList .cardList>div {
    background: #fafafa
}

.gsmCardList .cardList>div>div:first-child {
    height: 28px !important;
    box-sizing: border-box
}

.gsmCardList .cardList>div>div+div>div>div>div ul {
    display: unset
}

.gsmCardList .cardList>div>div+div>div>div>div ul>li {
    border-radius: 3px !important
}

.gsmCardList .cardList>div>div+div>div>div>div ul>li>div:first-child {
    padding: 0 17px !important
}

.gsmCardList .cardList>div>div+div>div>div>div ul>li .selectedBorder {
    border-radius: 3px
}

.gsmCardList .cardList .gsmCardBox {
    padding: 16px 0 0;
    position: relative
}

.gsmCardList .cardList .gsmCardBox:hover {
    cursor: pointer
}

.gsmCardList .cardList .gsmCardBox .cardText01 {
    font-size: 13px;
    color: #000;
    letter-spacing: -.32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 5px
}

.gsmCardList .cardList .gsmCardBox .cardText02 {
    font-size: 12px;
    color: #4a4a4a;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 35px;
    text-align: right;
    padding-top: 5px
}

.gsmCardList .cardList .gsmCardBox img {
    margin-top: 6px
}

.gsmCardList .cardList .gsmCardBox .ico_info {
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 0 0;
    background: url(/static/media/ic_info_01_m_normal.588757ca.png) no-repeat 100%
}

.gsmCardList .cardList .gsmCardBox .textGray {
    color: #000
}

.gsmCardList .cardList .bg_circle {
    width: 32px;
    height: 32px;
    border-radius: 50% 50%;
    margin-right: 10px;
    text-align: center
}

.gsmCardList .cardList .bg_circle img {
    width: 18px;
    height: 18px
}

.gsmCardList .cardList .bg_all {
    background-color: #2ad0b2
}

.gsmCardList .cardList .bg_atten {
    background-color: #43aaff
}

.gsmCardList .cardList .bg_appl {
    background-color: #586cfe
}

.gsmCardList .cardList .bg_defalt {
    background-color: #e8f1f9
}

.gsmCardList .cardList .bg_defalt img {
    width: 22px;
    height: 22px
}

.gsmCardList .cardList .selectedCardList {
    border-radius: 3px
}

.gsmCardList .cardList .selectedList .bg_defalt {
    background-color: #c4e4ff
}

.gsmCardList .cardList .selectedList span.textGray {
    color: #000
}

.gsmCardList .cardList.disableCard>div>div+div>div>div>div ul>li>div:first-child {
    padding: 0 !important
}

.gsmCardList .cardList.disableCard>div>div+div>div>div>div ul>li .selectedBorder {
    border-color: #f1f1f1;
    box-shadow: none
}

.gsmCardList .cardList.disableCard .gsmCardBox {
    padding: 16px 17px 0
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled {
    background: #f1f1f1 !important;
    cursor: not-allowed;
    color: #a6a6a6
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .textGray {
    color: #a6a6a6
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .bg_all,
.gsmCardList .cardList.disableCard .gsmCardBox.disabled .bg_appl,
.gsmCardList .cardList.disableCard .gsmCardBox.disabled .bg_atten {
    background-color: #dfdfdf
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .bg_defalt {
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    box-shadow: none;
    box-sizing: border-box
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .bg_defalt img {
    filter: grayscale(1)
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList {
    background-color: #f1f1f1 !important
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList .bg_all,
.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList .bg_appl,
.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList .bg_atten {
    background-color: #dfdfdf;
    margin-top: 0
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList .bg_defalt {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 94.5%, .12);
    border-color: #f1f1f1;
    background-color: #e7e7e7;
    box-sizing: border-box
}

.gsmCardList .cardList.disableCard .gsmCardBox.disabled .selectedList span.textGray {
    color: #a6a6a6
}

.titleSearchWrap {
    box-sizing: border-box
}

.titleSearchWrap .titleSearch {
    position: absolute;
    top: -50px;
    left: 0;
    height: 49px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    background-color: #fff
}

.titleSearchWrap .titleSearch .titleDivUnit .title {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    letter-spacing: -.9px;
    color: #000;
    font-weight: 700
}

.titleSearchWrap .titleSearch .titleDivUnit .cnt {
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -.8px;
    color: #1c90fb
}

.titleSearchWrap .titleSearch .titleDivUnit .refreshBtn {
    width: 14px;
    height: 100%;
    align-items: center;
    background: url(/static/media/ic_refresh_s_normal@2x.b8973f45.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.titleSearchWrap .titleSearch .titleDivUnit .refreshBtn:hover {
    background: url(/static/media/ic_refresh_s_over@2x.ebeeabc3.png) no-repeat 50%;
    background-size: 14px
}

.gsmWrap .h-box[class*=OBTTooltip_root],
.gsmWrap .v-box[class*=OBTTooltip_root] {
    display: flex !important
}

.gsmWrap .data-area {
    overflow: hidden;
    position: relative;
    min-height: 306px;
    padding: 30px 0 30px 20px !important;
    background-image: linear-gradient(180deg, #f5f8fa, #e4edf4);
    box-sizing: border-box
}

.gsmWrap .data-area:before {
    left: 0;
    width: 100%;
    min-height: 306px;
    background-repeat: repeat-x
}

.gsmWrap .data-area:after,
.gsmWrap .data-area:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-position: 0 100%
}

.gsmWrap .data-area:after {
    left: 640px;
    width: 620px;
    height: 306px;
    background-repeat: no-repeat
}

.gsmWrap .data-area>div {
    position: relative;
    display: inline-flex;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box;
    z-index: 1
}

.gsmWrap .data-area:before {
    background-image: url(/static/media/img_applicant_bg.2afb056d.png);
    background-size: 1672px 306px
}

.gsmWrap .data-area:after {
    background-image: url(/static/media/img_applicant.6f2eeb2a.png)
}

@media (min-width:1508px) {
    .gsmWrap .data-area:after {
        left: auto;
        right: 0
    }

    .gsmWrap .data-area .area {
        max-width: 900px
    }
}

@media (min-width:1809px) {
    .gsmWrap .data-area:after {
        left: 940px
    }
}

.gsmWrap .btn_plus {
    width: 27px;
    height: 27px;
    background: url(/static/media/ic-add-01-s-normal.4811877a.png) no-repeat 50%, linear-gradient(0deg, #fff, #fff) !important
}

.gsmWrap .btn_plus:active,
.gsmWrap .btn_plus:hover {
    border: 1px solid #ccc !important;
    background: url(/static/media/ic-add-01-s-normal.4811877a.png) no-repeat 50%, linear-gradient(180deg, #fff, #fff) !important
}

.gsmWrap .btn_minus {
    width: 27px;
    height: 27px;
    background: url(/static/media/ic-minus-s-normal.6f269a6d.png) no-repeat 50%, linear-gradient(0deg, #fff, #fff) !important
}

.gsmWrap .btn_minus:active,
.gsmWrap .btn_minus:hover {
    border: 1px solid #ccc !important;
    background: url(/static/media/ic-minus-s-normal.6f269a6d.png) no-repeat 50%, linear-gradient(180deg, #fff, #fff) !important
}

.gsmWrap .btn_basket {
    width: 27px;
    height: 27px;
    background: url(/static/media/ic-cart-m-normal.a49f88bf.png) no-repeat 50%, linear-gradient(0deg, #f0f0f0, #fff) !important;
    margin-left: 4px
}

.gsmWrap .gridHeader thead th.row2 {
    padding: 6px 0
}

.gsmWrap .gridHeader thead th.borderR {
    border-right: 1px solid #e6e6e6 !important
}

.gsmWrap .gridBody td .line2 {
    max-height: 2.8em;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 6px
}

.gsmWrap .gridBody .text {
    font-size: 13px;
    font-family: NSKB
}

.gsmWrap .gridBody .proImg {
    margin-right: 20px;
    width: 64px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f7f9 url(/static/media/ic_image_disable.e97a4a57.png) no-repeat 50%;
    background-size: 20px 18px;
    position: relative
}

.gsmWrap .gridBody .proImg .bg {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center
}

.gsmWrap .gridBody .proImg img {
    max-width: 64px;
    max-height: 64px
}

.gsmWrap .gridBody .proImg .impossible {
    color: #fff;
    font-size: 11px;
    text-align: center;
    width: 64px;
    height: 18px;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    font-family: NSKR
}

.gsmWrap .gridBody .proCon {
    justify-Content: center;
    height: 40px;
    padding: 10px 0
}

.gsmWrap .gridBody .proCon .bText {
    color: #1c90fb;
    font-size: 11px;
    background: url(/static/media/ic_info_01_s_over.292329e2.png) no-repeat left top 3px;
    background-size: 13px 13px;
    padding-left: 13px
}

.gsmWrap .gridBody .proCon .bText span {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar02.e871841c.png) no-repeat 100%
}

.gsmWrap .gridBody .proCon .bText span:last-child {
    background: none
}

.gsmWrap .gridBody .proCon .impossible {
    color: #fff;
    font-size: 11px;
    text-align: center;
    width: 64px;
    height: 18px;
    background-color: rgba(0, 0, 0, .6)
}

.gsmWrap .gridBody .proCon .line {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 0;
    height: 17px;
    display: inline-flex
}

.gsmWrap .gridBody .proCon .sText {
    color: #8c8c8c;
    font-size: 11px
}

.gsmWrap .gridBody .checkIcon {
    text-align: center;
    align-items: center;
    justify-content: center
}

.gsmWrap .gridBody .checkIcon p {
    height: 16px;
    border-right: 1px solid #e6e6e6;
    padding: 0 15px;
    cursor: pointer
}

.gsmWrap .gridBody .checkIcon p:last-child {
    border-right: none
}

.gsmWrap .gridBody .checkIcon .timeIcon {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic-schedule-time-m-normal.e7d5ab06.png) no-repeat 50%
}

.gsmWrap .gridBody .checkIcon .timeIcon.on,
.gsmWrap .gridBody .checkIcon .timeIcon:active {
    background: url(/static/media/ic-schedule-time-m-over.c7228d52.png) no-repeat 50%
}

.gsmWrap .gridBody .checkIcon .likeIcon {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic-like-01-m-normal.7a4f327d.png) no-repeat 50%
}

.gsmWrap .gridBody .checkIcon .likeIcon.on,
.gsmWrap .gridBody .checkIcon .likeIcon:active {
    background: url(/static/media/ic-like-01-m-select.15262fd2.png) no-repeat 50%
}

.gsmWrap .gridBody .basketCon {
    text-align: center;
    justify-content: center
}

.gsmWrap .gridBody .basketCon.disable .btn_plus {
    background: #f5f5f5 url(/static/media/ic-add-01-s-normal.4811877a.png) no-repeat 50% !important
}

.gsmWrap .gridBody .basketCon.disable .btn_minus {
    background: #f5f5f5 url(/static/media/ic-minus-s-normal.6f269a6d.png) no-repeat 50% !important
}

.gsmWrap .gridBody .basketCon.disable .btn_basket {
    background: #f5f5f5 url(/static/media/ic-cart-m-normal.a49f88bf.png) no-repeat 50% !important
}

.gsmWrap .gridBody .impossible2 {
    color: #fff;
    font-size: 11px;
    text-align: center;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 18px;
    line-height: 18px;
    background-color: rgba(0, 0, 0, .6);
    padding: 1px 5px;
    border-radius: 10px
}

.gsmWrap .gridBody tr.total:hover td {
    background-color: #fff1d6
}

.gsmWrap .gridBody tr.total td {
    background-color: #fff1d6;
    text-align: center;
    height: 40px !important
}

.gsmWrap .gridBody tr.total2:hover td {
    background-color: #fffceb
}

.gsmWrap .gridBody tr.total2 td {
    background-color: #fffceb;
    text-align: center;
    height: 40px !important
}

.gsmWrap .gsmCardList .cardList>div>div:first-child {
    display: none
}

.gsmWrap .container {
    padding: 0 20px 20px
}

.gsmWrap .container.usePadding {
    padding: 0 20px 20px;
    box-sizing: border-box
}

.gsmWrap .commentBox {
    border: 1px solid #e6e6e6
}

.gsmWrap .commentBox .commentTitle {
    padding: 10px 0 12px 45px;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f8fa url(/static/media/ic_comment_m_normal.738345be.png) no-repeat left 22px center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.7px
}

.gsmWrap .searchBox {
    position: relative
}

.gsmWrap .searchBox .searchInput {
    width: 200px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff
}

.gsmWrap .searchBox .searchBtn {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.gsmWrap .searchBox .searchBtn:hover {
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.gsmWrap .searchBox>div>div>div {
    padding-right: 25px !important
}

.gsmWrap .rightFnc {
    padding: 8px 0
}

.gsmWrap .rightFnc .alignFilterFnc {
    margin: 6px 0 0 10px
}

.gsmWrap .rightFnc .FilterBoxBasic {
    top: 36px;
    right: 210px
}

.gsmWrap .stateBox {
    justify-content: center;
    align-items: center
}

.gsmWrap .stateBox ul li {
    float: left;
    width: 50px;
    text-align: center;
    font-size: 13px;
    background: url(/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat top 20px right;
    padding: 0 30px 0 10px;
    display: flex;
    flex-direction: column;
    background-size: 14px 14px
}

.gsmWrap .stateBox ul li em {
    color: #8c8c8c
}

.gsmWrap .stateBox ul li .box {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #8c8c8c;
    box-sizing: border-box
}

.gsmWrap .stateBox ul li .box.reception {
    background: #fff url(/static/media/ic_reception_pre.158c5721.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li .box.ongoing {
    background: #fff url(/static/media/ic_reception_ongoing_pre.314e9d7f.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li .box.wating {
    background: #fff url(/static/media/ic_shipment_wating_pre.676e7148.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li .box.completed {
    background: #fff url(/static/media/ic_shipment_completed_pre.b359fcc1.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li .box.order {
    background: #fff url(/static/media/ic-order-complete-pre.5e953bb6.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li .box.shipping {
    background: #fff url(/static/media/ic_shipping_pre.520b3144.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li .box.ask {
    background: #fff url(/static/media/ic_receive_ask_pre.451d1424.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.ing em {
    color: #1c90fb
}

.gsmWrap .stateBox ul li.ing .box {
    color: #000;
    box-shadow: 0 2px 4px 0 rgba(12, 50, 85, .12);
    border: 1px solid #1c90fb;
    box-sizing: border-box
}

.gsmWrap .stateBox ul li.ing .box.reception {
    background: #eff7ff url(/static/media/ic_reception_ing.d83491d6.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.ing .box.ongoing {
    background: #eff7ff url(/static/media/ic_reception_ongoing_ing.bdd5b297.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.ing .box.wating {
    background: #eff7ff url(/static/media/ic_shipment_wating_ing.3829a265.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.ing .box.completed {
    background: #eff7ff url(/static/media/ic_shipment_completed_ing.1dee9e4a.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.ing .box.order {
    background: #eff7ff url(/static/media/ic-order-complete-ing.a705e541.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.ing .box.shipping {
    background: #eff7ff url(/static/media/ic_shipping_ing.52a00025.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.ing .box.ask {
    background: #eff7ff url(/static/media/ic_receive_ask_ing.a1fd0aaf.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.done em {
    color: #a6a6a6
}

.gsmWrap .stateBox ul li.done .box {
    color: #a6a6a6;
    border: none
}

.gsmWrap .stateBox ul li.done .box.reception {
    background: #f5f5f5 url(/static/media/ic_reception_fin.c55899a4.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.done .box.ongoing {
    background: #f5f5f5 url(/static/media/ic_reception_ongoing_fin.a0282e7b.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.done .box.wating {
    background: #f5f5f5 url(/static/media/ic_shipment_wating_fin.600eeeb3.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.done .box.completed {
    background: #f5f5f5 url(/static/media/ic_shipment_completed_fin.428f76f0.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li.done .box.order {
    background: #f5f5f5 url(/static/media/ic-order-complete-fin.642a3791.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.done .box.shipping {
    background: #f5f5f5 url(/static/media/ic_shipping_fin.ebf9beb9.png) no-repeat 50%;
    background-size: 32px 32px
}

.gsmWrap .stateBox ul li.done .box.ask {
    background: #f5f5f5 url(/static/media/ic_receive_ask_fin.27c3d0e3.png) no-repeat 50%;
    background-size: 34px 34px
}

.gsmWrap .stateBox ul li:last-child {
    background: none
}

.gsmWrap .state {
    padding-left: 20px;
    font-size: 12px
}

.gsmWrap .state.pending {
    background: url(/static/media/ico_pend.b691cce6.png) no-repeat 0;
    color: #f0c325
}

.gsmWrap .state.write {
    background: url(/static/media/ic-write-brown.4edc00a9.png) no-repeat 0;
    color: #c9b462
}

.gsmWrap .state.inpro {
    background: url(/static/media/icon_ing_inpro.60981060.png) no-repeat 0;
    color: #46a3f0
}

.gsmWrap .state.return {
    background: url(/static/media/ico_return.13f9f82d.png) no-repeat 0;
    color: #ff8787
}

.gsmWrap .state.cancel {
    background: url(/static/media/icon_cancel_nega.3c34fd6f.png) no-repeat 0;
    color: #ff8787
}

.gsmWrap .state.confirm {
    background: url(/static/media/ico-confirm-grey.ebf09470.png) no-repeat 0;
    color: #919191
}

.gsmWrap .state.approval {
    background: url(/static/media/ic_check_02_s_disable.783bfe7e.png) no-repeat 0;
    color: #919191
}

.gsmWrap .state.neutral {
    background: url(/static/media/ico_fail_neutral.40906d0a.png) no-repeat 0;
    color: #9da3aa
}

.gsmWrap .state.order {
    background: url(/static/media/icon_confirm_inpro.7dce5d0b.png) no-repeat 0;
    color: #46a3f0
}

.gsmWrap .fixBoxCon {
    max-height: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    bottom: 0
}

.gsmWrap .gsmTopBtn {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 15px;
    width: 36px;
    height: 36px;
    border-radius: 54px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    background: rgba(48, 60, 82, .8) url(/static/media/ic_quick_top_s@2x.57fc7985.png) no-repeat 50%;
    background-size: 36px;
    z-index: 10;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 0
}

.gsmWrap .gsmTopBtn:hover {
    background: rgba(48, 60, 82, .95) url(/static/media/ic_quick_top_s@2x.57fc7985.png) no-repeat 50%;
    background-size: 36px
}

.sTextBox .sText {
    color: #8c8c8c;
    font-size: 11px;
    height: 17px
}

.sTextBox .sText span {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 0
}

.sTextBox .sText span:first-child {
    padding-left: 0;
    background: none
}

.sTextBox .line {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat top 3px left;
    height: 17px;
    display: inline-flex
}

.dataGrid {
    border: solid #e6e6e6;
    border-width: 0 1px;
    box-sizing: border-box
}

.dataGrid .gridBody tbody td,
.dataGrid .gridHeader thead th {
    padding: 0;
    height: 34px;
    font-size: 12px
}

.dataGrid .gridBody tbody tr.add td {
    background-color: rgba(28, 144, 251, .07)
}

.dataGrid .gridBody tbody tr.total td {
    background-color: #fff1d6;
    font-weight: 700
}

.dataGrid .gridBody tbody tr.total2 td {
    background-color: #fffceb;
    font-weight: 700
}

.sideButton_basket {
    font-size: 14px;
    background: url(/static/media/ic-cart-m-normal.a49f88bf.png) no-repeat 0;
    padding-left: 23px;
    margin-right: 10px
}

.sideButton_basket em {
    color: #1c90fb;
    font-weight: 700
}

.UPA0100 .sortUnit {
    right: 0;
    background: none
}

.UPA0100 .gridBody td {
    height: 60px !important
}

.UPA0100 .gridBody .sText {
    padding-left: 28px
}

.UPA0100 .gridBody .bText {
    margin: 4px 0 0 28px
}

.UPA0100 .gsmCardList .cardList>div>div:first-child {
    display: block
}

.UPA0100 .rightFnc {
    padding: 0
}

.UPA0100 .rightFnc .FilterBoxBasic {
    top: 28px;
    right: 0
}

.UPA0400 {
    height: 100%
}

.UPA0400 .data-area:after {
    background-image: url(/static/media/img_manager.ab877269.png)
}

.UPA0400 .data-area .area {
    min-width: 632px;
    padding: 20px 0 20px 40px;
    height: 250px
}

.UPA0400 .data-area .area .userInfo {
    min-width: 257px;
    padding: 0 30px 0 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPA0400 .data-area .area .userInfo .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px;
    color: #000;
    padding: 0 0 6px
}

.UPA0400 .data-area .area .userInfo .text {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.33
}

.UPA0400 .data-area .area .userInfo .text .day {
    font-family: NSKB
}

.UPA0400 .data-area .area .userInfo .deadline {
    margin: 0 0 10px
}

.UPA0400 .data-area .area .userInfo .deadline dl {
    border-bottom: 1px dashed #e6e6e6;
    letter-spacing: -.33px
}

.UPA0400 .data-area .area .userInfo .deadline dl dt {
    float: left;
    padding: 6px 0;
    color: #a6a6a6;
    min-width: 100px;
    font-size: 13px
}

.UPA0400 .data-area .area .userInfo .deadline dl dd {
    padding: 6px 0;
    color: #474747;
    text-align: right
}

.UPA0400 .data-area .area .userInfo dl.dlBox {
    height: 28px;
    padding: 11px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPA0400 .data-area .area .userInfo dl.dlBox dt {
    color: #a6a6a6;
    min-width: 30px;
    padding-left: 19px;
    line-height: 30px
}

.UPA0400 .data-area .area .userInfo dl.dlBox dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 0;
    padding-right: 19px
}

.UPA0400 .data-area .area .userInfo dl.dlBox dd:last-child {
    border-right: none
}

.UPA0400 .data-area .area .userInfo dl.dlBox dd em {
    font-size: 18px;
    font-family: NSKB
}

.UPA0400 .data-area .area .stepBox {
    margin: 0 40px 0 30px
}

.UPA0400 .data-area .area .stepBox .Payment {
    height: 22px;
    padding: 14px;
    margin: 6px 0 20px 5px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff;
    align-items: baseline
}

.UPA0400 .data-area .area .stepBox .Payment .state {
    color: #4a4a4a
}

.UPA0400 .data-area .area .stepBox .Payment em {
    color: #474747;
    font-size: 15px;
    font-weight: 700;
    padding: 0 2px 0 12px
}

.UPA0400 .data-area .area .stepBox .stateBox {
    justify-content: flex-start
}

.UPA0400 .data-area .area .stepBox .stateBox ul li {
    padding: 0 28px
}

.UPA0400 .data-area .area .stepBox .stateBox ul li:first-child {
    padding-left: 0
}

.UPA0400 .data-area .area .stepBox .stateBox ul li:last-child {
    padding-right: 0
}

.UPA0400 .gridBody .text {
    font-family: NSKR
}

.UPA0400 .gridBody td {
    height: 60px !important
}

.UPA0400 .gridBody .sText {
    padding-left: 28px
}

.UPA0400 .gridBody .bText {
    margin: 4px 0 0 28px
}

.UPA0400 .gridBody .nWindowBtn {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 4px;
    background: url(/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.UPA0400 .gridBody .nWindowBtn:hover {
    background: url(/static/media/ic_write_newpage_s_over.a8987601.png) no-repeat 50%
}

.UPA0400 .category {
    width: 230px;
    margin: 0 20px 0 0
}

.UPA0400 .category .gsmCardBox {
    margin: 4px 0 0;
    padding-top: 0
}

.UPA0400 .category .gsmCardBox .standby {
    height: 18px;
    line-height: 18px;
    min-width: 41px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #f0c325;
    color: #fff;
    font-size: 11px;
    margin-top: 9px
}

.UPA0400 .category .selectedList span.textGray {
    color: #a6a6a6
}

.UPA0400 .listDetailBox {
    margin: 0 0 0 20px
}

.UPA0400 .listDetailBox .listDetailHead {
    margin: 10px 0 0;
    border-bottom: 2px solid #666
}

.UPA0400 .listDetailBox .listDetailHead .line {
    width: 1px;
    height: 11px;
    margin: 11px 10px;
    background-color: #e6e6e6
}

.UPA0400 .listDetailBox .listDetailHead .closeBtn {
    width: 18px;
    height: 18px;
    margin: 7px 0;
    background: url(/static/media/ic_close_01_m_normal.3b2e197e.png) no-repeat 50%;
    background-size: 18px;
    cursor: pointer
}

.UPA0400 .listDetailBox .listDetailList {
    padding: 6px 0
}

.UPA0400 .listDetailBox .listDetailList li {
    position: relative;
    width: 100%;
    height: 82px;
    margin: 6px 0 0;
    padding: 0 17px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box
}

.UPA0400 .listDetailBox .listDetailList li.on {
    border: 1px solid #1c90fb;
    background-color: #eff7ff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16)
}

.UPA0400 .listDetailBox .listDetailList li .chkBox {
    justify-content: center
}

.UPA0400 .listDetailBox .listDetailList li .conBox {
    justify-content: center;
    margin: 0 0 0 10px
}

.UPA0400 .listDetailBox .listDetailList li .conBox .conTxt01 {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-family: NSKB;
    color: #000
}

.UPA0400 .listDetailBox .listDetailList li .conBox .conTxt01>span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.UPA0400 .listDetailBox .listDetailList li .conBox .conTxt02 {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: NSKR;
    color: #a6a6a6
}

.UPA0400 .listDetailBox .listDetailList li .conBox .conTxt03 {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: NSKR;
    color: #4a4a4a
}

.UPA0400 .listDetailBox .listDetailList li .stateBox {
    justify-content: center;
    margin: 0 0 0 10px
}

.UPB0100 {
    height: 100%
}

.UPB0100 .gridBody td {
    height: 87px !important
}

.UPB0100 .data-area .area {
    min-width: 887px;
    padding: 30px 0 30px 40px;
    height: 230px
}

.UPB0100 .data-area .area .userInfo {
    min-width: 235px;
    padding: 0 30px 0 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPB0100 .data-area .area .userInfo .text {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.33
}

.UPB0100 .data-area .area .userInfo .text .day {
    font-family: NSKB
}

.UPB0100 .data-area .area .userInfo dl {
    height: 28px;
    padding: 11px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPB0100 .data-area .area .userInfo dl dt {
    color: #a6a6a6;
    min-width: 30px;
    padding-left: 19px;
    line-height: 30px
}

.UPB0100 .data-area .area .userInfo dl dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 45px;
    padding-right: 19px
}

.UPB0100 .data-area .area .userInfo dl dd:last-child {
    border-right: none
}

.UPB0100 .data-area .area .userInfo dl dd em {
    font-size: 18px;
    font-family: NSKB
}

.UPB0100 .data-area .area .itemGrap {
    position: relative;
    min-width: 237px;
    padding: 0 30px;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPB0100 .data-area .area .itemGrap .title p {
    font-size: 13px;
    color: #000;
    letter-spacing: -.33px;
    font-family: NSKB
}

.UPB0100 .data-area .area .itemGrap .title .sText {
    font-size: 11px;
    color: #a6a6a6;
    letter-spacing: -.28px
}

.UPB0100 .data-area .area .itemGrap .graphBox {
    position: relative;
    margin: 15px 0 0
}

.UPB0100 .data-area .area .itemGrap .graphBox .graph {
    position: relative
}

.UPB0100 .data-area .area .itemGrap .graphBox .graph .total {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #fff
}

.UPB0100 .data-area .area .itemGrap .graphBox .graph .total .text {
    margin: 10px 0 0;
    font-size: 13px;
    color: #4a4a4a;
    text-align: center;
    justify-content: center;
    line-height: 18px
}

.UPB0100 .data-area .area .itemGrap .graphBox .graph .total .text em {
    max-width: 60px;
    font: 14px NSKB;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel {
    margin: 10px 0 0 15px
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel .nodata {
    color: #a6a6a6;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 20px)
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li {
    color: #a6a6a6;
    line-height: 20px
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 8px 10px 0 0
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl.bl1 {
    background-color: #4eabfa
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl.bl2 {
    background-color: #50cbde
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl.bl3 {
    background-color: #afd873
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl.bl4 {
    background-color: #f7ad68
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .bl.bl5 {
    background-color: #f5d471
}

.UPB0100 .data-area .area .itemGrap .graphBox .graphLabel ul li .ea {
    font-weight: 700;
    width: 40px;
    text-align: right;
    color: #474747
}

.UPB0100 .data-area .area .itemApp {
    width: 204px;
    padding: 0 30px
}

.UPB0100 .data-area .area .itemApp .title p {
    font-size: 13px;
    color: #000;
    letter-spacing: -.33px;
    font-family: NSKB
}

.UPB0100 .data-area .area .itemApp .dayBox {
    height: 55px;
    box-shadow: 0 2px 5px 0 #dbe4eb;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 19px;
    font-family: NSKB;
    margin: 20px 0 15px
}

.UPB0100 .data-area .area .itemApp .dayBox .blue {
    height: 18px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    background-color: #46a3f0;
    color: #fff;
    font-family: NSKR
}

.UPB0100 .data-area .area .itemApp dl {
    display: flex;
    flex-direction: row;
    min-width: 0;
    padding: 8px 0;
    border-bottom: 1px dashed #e6e6e6
}

.UPB0100 .data-area .area .itemApp dl:last-child {
    border-bottom: none
}

.UPB0100 .data-area .area .itemApp dl dt {
    font-size: 13px;
    color: #a6a6a6;
    width: 80px;
    align-items: center;
    justify-content: flex-start;
    display: flex
}

.UPB0100 .data-area .area .itemApp dl dd {
    color: #474747;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.UPB0100 .data-area .area .itemApp .nodata {
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 #dbe4eb;
    margin: 20px 0 0;
    text-align: center;
    padding-top: 80px;
    height: 55px;
    color: #8c8c8c;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -.55px
}

.UPB0100 .data-area .area .itemApp .nodata.databg {
    background: #fff url(/static/media/img_empty_schedule_s.6aa936cf.png) no-repeat top 25px center
}

.UPB0100 .data-area .area .itemApp .nodata.userbg {
    background: #fff url(/static/media/img_empty_authority_s.2be40ee1.png) no-repeat top 25px center
}

.UPB0100 .data-area .area .more {
    padding-right: 15px;
    float: right;
    color: #4a4a4a;
    letter-spacing: -.6px;
    background: url(/static/media/ic_arrow_right_01_m_normal.504b89b7.png) no-repeat right top 2px;
    background-size: 14px;
    cursor: pointer
}

.UPB0100 .data-area .area .more:hover {
    color: #1c90fb;
    background: url(/static/media/ic_arrow_right_01_m_over.1b46f88a.png) no-repeat right top 2px;
    background-size: 14px
}

.UPB0200 {
    height: 100%
}

.UPB0200 .data-area .area {
    min-width: 686px;
    padding: 30px 0 30px 40px;
    height: 246px
}

.UPB0200 .data-area .area .userInfo {
    min-width: 235px;
    padding: 0 30px 0 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPB0200 .data-area .area .userInfo .text {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.33
}

.UPB0200 .data-area .area .userInfo .text .day {
    font-family: NSKB
}

.UPB0200 .data-area .area .userInfo dl {
    height: 28px;
    padding: 11px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff;
    align-items: center
}

.UPB0200 .data-area .area .userInfo dl dt {
    color: #a6a6a6;
    min-width: 30px;
    padding-left: 19px;
    line-height: 30px
}

.UPB0200 .data-area .area .userInfo dl dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 0;
    padding-right: 19px
}

.UPB0200 .data-area .area .userInfo dl dd:last-child {
    border-right: none
}

.UPB0200 .data-area .area .userInfo dl dd em {
    font-size: 18px;
    font-family: NSKB
}

.UPB0200 .data-area .area .stateBox {
    padding: 0 40px 0 30px
}

.UPB0200 .data-area .area .stateBox .data {
    color: #a6a6a6;
    letter-spacing: -.3px;
    width: 100%
}

.UPB0200 .data-area .area .stateBox dl {
    width: 100%;
    margin-top: 6px;
    padding: 14px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPB0200 .data-area .area .stateBox dl dt {
    color: #4a4a4a;
    line-height: 21px
}

.UPB0200 .data-area .area .stateBox dl dt.return {
    margin-left: 14px;
    padding: 0 0 0 20px;
    background: url(/static/media/ico_return.13f9f82d.png) no-repeat 0
}

.UPB0200 .data-area .area .stateBox dl dt.cancel {
    margin-left: 10px;
    padding: 0 0 0 20px;
    background: url(/static/media/icon_cancel_nega.3c34fd6f.png) no-repeat 0
}

.UPB0200 .data-area .area .stateBox dl dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 60px;
    padding-right: 19px
}

.UPB0200 .data-area .area .stateBox dl dd:last-child {
    border-right: none
}

.UPB0200 .data-area .area .stateBox dl dd em {
    font-size: 15px;
    font-family: NSKB
}

.UPB0200 .data-area .area .stateBox ul li:last-child {
    padding-right: 0
}

.UPB0200 .tabMenu {
    padding: 17px 0 10px
}

.UPB0200 .tabMenu p {
    cursor: pointer;
    color: #4a4a4a;
    font-size: 14px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 100%;
    padding: 0 10px
}

.UPB0200 .tabMenu p em {
    margin-left: 5px;
    border-radius: 10px;
    color: #a6a6a6;
    background-color: #e6e6e6;
    padding: 0 6px;
    text-align: center;
    font-size: 11px
}

.UPB0200 .tabMenu p:last-child {
    background: none
}

.UPB0200 .tabMenu p.on {
    color: #1c90fb
}

.UPB0200 .tabMenu p.on em {
    color: #fff;
    background-color: #1c90fb
}

.UPB0200 .gridBody .text {
    font-family: NSKR
}

.UPB0200 .gridBody .proCon {
    padding: 0
}

.UPB0300 {
    height: 100%
}

.UPB0300 .data-area:after {
    background-image: url(/static/media/img_assembler.69e10808.png)
}

.UPB0300 .data-area .area {
    min-width: 847px;
    padding: 20px 0 20px 40px;
    height: 250px
}

.UPB0300 .data-area .area .userInfo {
    min-width: 257px;
    padding: 0 30px 0 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPB0300 .data-area .area .userInfo .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px;
    color: #000;
    padding: 0 0 6px
}

.UPB0300 .data-area .area .userInfo .text {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.33
}

.UPB0300 .data-area .area .userInfo .text .day {
    font-family: NSKB
}

.UPB0300 .data-area .area .userInfo .deadline {
    margin: 0 0 10px
}

.UPB0300 .data-area .area .userInfo .deadline dl {
    border-bottom: 1px dashed #e6e6e6;
    letter-spacing: -.33px
}

.UPB0300 .data-area .area .userInfo .deadline dl dt {
    float: left;
    padding: 6px 0;
    color: #a6a6a6;
    min-width: 100px;
    font-size: 13px
}

.UPB0300 .data-area .area .userInfo .deadline dl dd {
    padding: 6px 0;
    color: #474747;
    text-align: right
}

.UPB0300 .data-area .area .userInfo dl.dlBox {
    height: 28px;
    padding: 11px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPB0300 .data-area .area .userInfo dl.dlBox dt {
    color: #a6a6a6;
    min-width: 30px;
    padding-left: 19px;
    line-height: 30px
}

.UPB0300 .data-area .area .userInfo dl.dlBox dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 0;
    padding-right: 19px
}

.UPB0300 .data-area .area .userInfo dl.dlBox dd:last-child {
    border-right: none
}

.UPB0300 .data-area .area .userInfo dl.dlBox dd em {
    font-size: 18px;
    font-family: NSKB
}

.UPB0300 .data-area .area .stepBox {
    margin: 0 40px 0 30px
}

.UPB0300 .data-area .area .stepBox .Payment {
    height: 22px;
    padding: 14px 0;
    margin: 6px 0 25px 5px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPB0300 .data-area .area .stepBox .Payment span {
    color: #4a4a4a;
    border-right: 1px solid #e6e6e6;
    padding-right: 10px;
    margin-left: 10px;
    line-height: 19px
}

.UPB0300 .data-area .area .stepBox .Payment span em {
    color: #474747;
    font-size: 15px;
    font-weight: 700;
    padding: 0 2px 0 12px
}

.UPB0300 .data-area .area .stepBox .Payment span:last-child {
    border-right: none
}

.UPB0300 .data-area .area .stepBox .stateBox ul li {
    padding: 0 33px
}

.UPB0300 .listFncWrap .leftFnc {
    padding-top: 10px
}

.UPB0300 .listFncWrap .rightFnc .FilterBoxBasic {
    right: 284px
}

.UPB0300 .gridListBtn {
    padding-left: 10px;
    margin-left: 10px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat top 5px left;
    background-size: 1px 16px
}

.UPB0300 .GridType01 .gridHeader th {
    padding: 5px 0
}

.UPB0300 .GridType01 .gridHeader th:last-child {
    border-right: 1px solid #e6e6e6
}

.UPB0300 .GridType01 .gridHeader th:first-child {
    border-left: 1px solid #e6e6e6
}

.UPB0300 .GridType01 .gridBody ul li {
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-top: 0 solid #e6e6e6
}

.UPB0300 .GridType01 .gridBody ul li.line {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #1c90fb;
    box-sizing: border-box
}

.UPB0300 .GridType01 .gridBody ul li .liBox>p {
    padding: 13px 0 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.UPB0300 .GridType01 .gridBody ul li .liBox .CheckBox {
    width: 34px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .code {
    width: 140px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .user {
    width: 80px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .inven,
.UPB0300 .GridType01 .gridBody ul li .liBox .qua {
    width: 100px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .inven .blue {
    color: #1c90fb;
    font-weight: 700
}

.UPB0300 .GridType01 .gridBody ul li .liBox .pur {
    width: 80px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .apprsta,
.UPB0300 .GridType01 .gridBody ul li .liBox .pursta {
    width: 100px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .arrowBtn {
    width: 40px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .arrowBtn .down {
    background: url(/static/media/ic_arrow_down_01_s_disable.073d2297.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .arrowBtn .up {
    background: url(/static/media/ic_arrow_up_01_s_disable.8da85090.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName {
    padding: 13px 0 10px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName .text {
    font-family: NSKR;
    cursor: auto
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName .exception {
    height: 20px;
    min-width: 22px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #ff8787;
    color: #fff;
    font-size: 11px;
    margin-left: 5px;
    line-height: 20px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName .bText {
    color: #1c90fb;
    font-size: 11px;
    background: url(/static/media/ic_info_01_s_over.292329e2.png) no-repeat left top 3px;
    background-size: 13px 13px;
    padding-left: 13px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName .bText span {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar02.e871841c.png) no-repeat 100%
}

.UPB0300 .GridType01 .gridBody ul li .liBox .proName .bText span:last-child {
    background: none
}

.UPB0300 .GridType01 .gridBody ul li .liBox.update span {
    color: #1c90fb;
    font-weight: 700;
    padding: 1px 5px
}

.UPB0300 .GridType01 .gridBody ul li .liBox.update span:first-child {
    padding-right: 0
}

.UPB0300 .GridType01 .gridBody ul li .liBox.update span:last-child,
.UPB0300 .GridType01 .gridBody ul li .liBox.update span:nth-child(2),
.UPB0300 .GridType01 .gridBody ul li .liBox.update span:nth-child(3) {
    padding-left: 0
}

.UPB0300 .GridType01 .gridBody ul li .liBox .btnInfo {
    width: 60px
}

.UPB0300 .GridType01 .gridBody ul li .liBox .btnInfo .nWindowBtn {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 4px;
    background: url(/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.UPB0300 .GridType01 .gridBody ul li .liBox .btnInfo .nWindowBtn:hover {
    background: url(/static/media/ic_write_newpage_s_over.a8987601.png) no-repeat 50%
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg01 {
    width: 3px;
    background-color: #4eabfa
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg02 {
    width: 3px;
    background-color: #50cbde
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg03 {
    width: 3px;
    background-color: #afd873
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg04 {
    width: 3px;
    background-color: #f7ad68
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg05 {
    width: 3px;
    background-color: #f5d471
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg06 {
    width: 3px;
    background-color: #9a96ff
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg07 {
    width: 3px;
    background-color: #f48da5
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg08 {
    width: 3px;
    background-color: #67ccb5
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg09 {
    width: 3px;
    background-color: #819aff
}

.UPB0300 .GridType01 .gridBody ul li .liBox .bg10 {
    width: 3px;
    background-color: #d887ed
}

.UPB0300 .GridType01 .gridBody ul li .gridSubTable {
    background-color: #f1f6fa;
    padding: 15px 20px 20px;
    border-top: 1px solid #e6e6e6;
    text-align: left;
    display: grid
}

.UPB0300 .GridType01 .gridBody ul li .gridSubTable .dataGridCustom {
    min-height: 140px
}

.UPB0400 {
    height: 100%
}

.UPB0400 .data-area:after {
    background-image: url(/static/media/img_assembler.69e10808.png)
}

.UPB0400 .data-area .area {
    min-width: 608px;
    padding: 20px 0 20px 40px;
    height: 250px
}

.UPB0400 .data-area .area .userInfo {
    min-width: 257px;
    padding: 0 30px 0 0;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPB0400 .data-area .area .userInfo .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.9px;
    color: #000;
    padding: 0 0 6px
}

.UPB0400 .data-area .area .userInfo .text {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.33
}

.UPB0400 .data-area .area .userInfo .text .day {
    font-family: NSKB
}

.UPB0400 .data-area .area .userInfo .deadline {
    margin: 0 0 10px
}

.UPB0400 .data-area .area .userInfo .deadline dl {
    border-bottom: 1px dashed #e6e6e6;
    letter-spacing: -.33px
}

.UPB0400 .data-area .area .userInfo .deadline dl dt {
    float: left;
    padding: 6px 0;
    color: #a6a6a6;
    min-width: 100px;
    font-size: 13px
}

.UPB0400 .data-area .area .userInfo .deadline dl dd {
    padding: 6px 0;
    color: #474747;
    text-align: right
}

.UPB0400 .data-area .area .userInfo dl.dlBox {
    height: 28px;
    padding: 11px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff
}

.UPB0400 .data-area .area .userInfo dl.dlBox dt {
    color: #a6a6a6;
    min-width: 30px;
    padding-left: 19px;
    line-height: 30px
}

.UPB0400 .data-area .area .userInfo dl.dlBox dd {
    font-size: 13px;
    color: #474747;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 0;
    padding-right: 19px
}

.UPB0400 .data-area .area .userInfo dl.dlBox dd:last-child {
    border-right: none
}

.UPB0400 .data-area .area .userInfo dl.dlBox dd em {
    font-size: 18px;
    font-family: NSKB
}

.UPB0400 .data-area .area .stateBox {
    margin: 0 10px
}

.UPB0400 .data-area .area .stateBox ul li {
    padding: 0 30px 0 15px
}

.UPB0400 .gridBody .text {
    font-family: NSKR
}

.UPB0400 .gridBody td {
    height: 60px !important
}

.UPB0400 .category {
    width: 240px;
    margin: 10px 20px 0 0
}

.UPB0400 .category .pubCardListStyle {
    background-color: #fafafa
}

.UPB0400 .category .card_search {
    border-top: 2px solid #666;
    padding: 10px 10px 0
}

.UPB0400 .category .card_search .cd_sear_div {
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6
}

.UPB0400 .category .cardList {
    border: none
}

.UPB0400 .category .gsmCardBox {
    margin: 0;
    padding-top: 0
}

.UPB0400 .category .gsmCardBox .standby {
    height: 18px;
    line-height: 18px;
    min-width: 41px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #f0c325;
    color: #fff;
    font-size: 11px;
    margin-top: 9px
}

.UPB0400 .category .gsmCardBox .textBox {
    justify-content: center
}

.UPB0400 .category .gsmCardBox .bg_circle {
    margin-top: 8px
}

.UPB0400 .category .gsmCardBox .bg_circle img {
    width: 32px;
    height: 32px;
    border-radius: 50% 50%;
    margin-right: 10px;
    text-align: center
}

.UPB0400 .category .selectedList span.textGray {
    color: #a6a6a6
}

.UPA0500 {
    height: 100%
}

.UPA0500 .gridHeader .toggleBtn {
    width: 27px;
    height: 27px
}

.UPA0500 .gridHeader .toggleBtn.down {
    background: url(/static/media/ic_open_all_m_normal.7269348a.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer
}

.UPA0500 .gridHeader .toggleBtn.up {
    background: url(/static/media/ic_close_all_m_over.c1517358.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer
}

.UPA0500 .gridBody .text {
    font-family: NSKR
}

.UPA0500 .gridBody ul li {
    font-size: 13px;
    padding: 13px 0 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box
}

.UPA0500 .gridBody ul li.line {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border: 1px solid #1c90fb;
    box-sizing: border-box
}

.UPA0500 .gridBody ul li .liBox {
    padding: 0 0 10px
}

.UPA0500 .gridBody ul li .liBox .ordate {
    width: 110px
}

.UPA0500 .gridBody ul li .liBox .price {
    width: 130px;
    text-align: right;
    padding-right: 10px
}

.UPA0500 .gridBody ul li .liBox .vat {
    width: 100px;
    text-align: right;
    padding-right: 10px
}

.UPA0500 .gridBody ul li .liBox .Taxbill {
    width: 80px
}

.UPA0500 .gridBody ul li .liBox .expend {
    width: 100px
}

.UPA0500 .gridBody ul li .liBox .cal {
    width: 80px
}

.UPA0500 .gridBody ul li .liBox .arrowBtn {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.UPA0500 .gridBody ul li .liBox .arrowBtn .down {
    background: url(/static/media/ic_arrow_down_01_s_disable.073d2297.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UPA0500 .gridBody ul li .liBox .arrowBtn .up {
    background: url(/static/media/ic_arrow_up_01_s_disable.8da85090.png) no-repeat 50%;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

.UPA0500 .gridBody ul li .gridSubTable {
    background-color: #f1f6fa;
    padding: 15px 20px 20px;
    border-top: 1px solid #e6e6e6;
    text-align: left;
    display: grid
}

.UPA0500 .ico_doc {
    background: url(/static/media/ic-docu-m-over.bf657908.png) no-repeat 0;
    padding-left: 20px
}

.UPA0500 .ico_spe {
    background: url(/static/media/ic_statement_m_normal@2x.efd66bb6.png) no-repeat 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.UPA0500 .ico_spe.on,
.UPA0500 .ico_spe:hover {
    background: url(/static/media/ic_statement_m_over@2x.8c5eec2e.png) no-repeat 0;
    background-size: 18px 18px
}

.UPA0500 .ico_taxBill {
    background: url(/static/media/ic_view_taxbill_m_normal@2x.dccb4a47.png) no-repeat 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.UPA0500 .ico_taxBill.on,
.UPA0500 .ico_taxBill:hover {
    background: url(/static/media/ic_view_taxbill_m_over@2x.3a6ec30c.png) no-repeat 50%;
    background-size: 18px 18px
}

.UPA0500 .state {
    padding-left: 20px;
    font-size: 12px
}

.UPA0500 .state.pending {
    background: url(/static/media/ico_pend.b691cce6.png) no-repeat 0;
    color: #f0c325
}

.UPA0700 {
    height: 100%
}

.UPA0700 .pubAvbStyle {
    margin-bottom: 10px
}

.UPA0700 .container {
    margin-top: 10px
}

.UPA0700 .refBox .sText {
    padding: 7px 0 0
}

.UPA0700 .nWindowBtn {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 4px;
    background: url(/static/media/ic_write_newpage_s_normal@2x.89c32dbc.png) no-repeat 50%;
    background-size: 14px;
    cursor: pointer
}

.UPA0700 .nWindowBtn:hover {
    background: url(/static/media/ic_write_newpage_s_over.a8987601.png) no-repeat 50%
}

.UPA0800 {
    height: 100%
}

.UPA0800 .referBox {
    margin: 10px 0;
    padding: 12px 20px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    text-align: left;
    box-sizing: border-box
}

.UPA0800 .referBox em {
    font-family: NSKB
}

.UPA0800 .graphBox {
    display: flex;
    flex-direction: row;
    height: 330px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box
}

.UPA0800 .graphBox .leftBox {
    background: #eff8fb
}

.UPA0800 .graphBox>div {
    padding: 15px
}

.UPA0800 .graphBox .btn_div {
    align-items: center;
    display: flex;
    border-bottom: 1px solid #646464;
    box-sizing: border-box;
    letter-spacing: -.3px
}

.UPA0800 .graphBox .btn_div .left_div {
    flex: 1 1;
    min-width: 0
}

.UPA0800 .graphBox .btn_div .left_div .tit_p {
    background: none;
    font-size: 13px;
    font-family: NSKB
}

.UPA0800 .graphBox .btn_div .left_div .txt {
    font-size: 12px
}

.UPA0800 .graphBox .graph {
    padding-top: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1 1;
    min-width: 0
}

.UPA0800 .graphBox .graph .recharts-tooltip-cursor {
    fill: none !important
}

.UPA0800 .dataGrid {
    border-width: 0
}

.UPA0800 .dataGrid tbody td {
    border-right: 1px solid #e6e6e6;
    word-break: break-all
}

.UPA0800 .dataGrid tbody td:last-child {
    border-right: none
}

.UPA0800 .GridType01 .m01.on,
.UPA0800 .GridType01 .m02.on,
.UPA0800 .GridType01 .m03.on,
.UPA0800 .GridType01 .m04.on,
.UPA0800 .GridType01 .m05.on,
.UPA0800 .GridType01 .m06.on,
.UPA0800 .GridType01 .m07.on,
.UPA0800 .GridType01 .m08.on,
.UPA0800 .GridType01 .m09.on,
.UPA0800 .GridType01 .m10.on,
.UPA0800 .GridType01 .m11.on,
.UPA0800 .GridType01 .m12.on {
    background-color: #eff8fb
}

.UPA0800 .GridType01 .gridBody {
    position: relative
}

.UPA0800 .GridType01 .gridBody .ar {
    padding-right: 5px !important
}

.UPA0800 .GridType01 .gridBody tr td span {
    text-decoration: underline;
    cursor: pointer
}

.UPA0800 .GridType01 .gridBody tr td span:hover {
    color: #1c90fb
}

.UPA0800 .GridType01 .gridBody tr:hover td {
    background-color: #fff
}

.UPA0800 .GridType01 .gridBody tr:hover td.on {
    background-color: #eff8fb
}

.UPA0800 .GridType01 .gridBody tr:hover.total td {
    background-color: #fff1d6
}

.UPA0800 .GridType01 .gridBody tr:hover.total td.on {
    background-color: #eff8fb
}

.UPA0800 .spaLayer {
    border: 1px solid #a6a6a6;
    width: 160px;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    z-index: 10
}

.UPA0800 .spaLayer ul {
    padding: 0 !important
}

.UPA0800 .spaLayer ul li {
    height: 27px !important;
    padding-left: 29px !important;
    line-height: 27px !important;
    cursor: pointer;
    width: auto !important;
    float: inherit !important;
    margin: 0 !important
}

.UPA0800 .spaLayer ul li.ico_spe {
    background: url(/static/media/ic_statement_m_normal@2x.efd66bb6.png) no-repeat left 9px center;
    background-size: 18px 18px
}

.UPA0800 .spaLayer ul li.ico_taxBill {
    background: url(/static/media/ic_view_taxbill_m_normal@2x.dccb4a47.png) no-repeat left 9px center;
    background-size: 18px 18px
}

.UPA0800 .spaLayer ul li:hover.ico_spe {
    background: #e6f5ff url(/static/media/ic_statement_m_over@2x.8c5eec2e.png) no-repeat left 9px center;
    background-size: 18px 18px
}

.UPA0800 .spaLayer ul li:hover.ico_taxBill {
    background: #e6f5ff url(/static/media/ic_view_taxbill_m_over@2x.3a6ec30c.png) no-repeat left 9px center;
    background-size: 18px 18px
}

.UPA0800 .rightBox {
    position: absolute;
    right: 0;
    top: 4px;
    align-items: center
}

.UPA0800 .rightBox .filterBtn {
    position: relative;
    cursor: pointer;
    padding: 0 15px 0 0;
    background: url(/static/media/ic_arrow_down_02_m_normal.9469ed90.png) no-repeat top 2px right;
    background-size: 14px 14px
}

.UPA0800 .rightBox .filterBtn:hover {
    background: url(/static/media/ic_arrow_down_02_m_over.33906141.png) no-repeat top 2px right;
    background-size: 14px 14px
}

.UPA0800 .rightBox .filterBtn.on {
    background: url(/static/media/ic_arrow_up_02_m_normal.fcda4d2d.png) no-repeat top 2px right;
    background-size: 14px 14px
}

.UPA0800 .rightBox .filterBtn.on:hover {
    background: url(/static/media/ic_arrow_down_02_m_over.33906141.png) no-repeat top 2px right;
    background-size: 14px 14px
}

.UPA0800 .filterBox {
    position: absolute;
    top: 28px;
    right: 0;
    width: 288px;
    padding: 15px 16px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1
}

.UPA0800 .filterBox h4 {
    margin: 0 0 10px;
    font: 400 13px/18px NSKR;
    color: #000
}

.UPA0800 .filterBox h4 span {
    font: 400 11px/18px NSKR;
    color: #a6a6a6;
    margin: 0 0 0 10px
}

.UPA0800 .filterBox h5 {
    margin: 0 0 10px;
    font: 400 11px/18px NSKR;
    color: #000
}

.UPA0800 .filterBox .filter-align {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.UPA0800 .filterBox .filter-align .alignWrap .btn {
    font: 400 12px/27px NSKR;
    text-align: center;
    color: #000;
    border: 1px solid #ccc;
    border-right-color: transparent;
    cursor: pointer;
    transition: .3s
}

.UPA0800 .filterBox .filter-align .alignWrap .btn:first-child {
    border-radius: 2px 0 0 2px;
    border-color: #ccc transparent #ccc #ccc
}

.UPA0800 .filterBox .filter-align .alignWrap .btn:last-child {
    border-radius: 0 2px 2px 0;
    border-color: #ccc
}

.UPA0800 .filterBox .filter-align .alignWrap .btn.on {
    color: #fff;
    border: 1px solid #1c90fb;
    background-color: #1c90fb
}

.UPA0800 .filterBox .filter-align .alignWrap .btn.disabled {
    color: #ccc;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed
}

.UPA0800 .filterBox .filter-state {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.UPA0800 .filterBox .filter-state .stateWrap .btn {
    min-width: 90px;
    padding: 0 0 0 33px;
    font: 400 12px/40px NSKR;
    text-align: left;
    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fff url(/static/media/ic_check_02_m_disable.acd62e42.png) no-repeat left 10px center;
    cursor: pointer;
    transition: .3s
}

.UPA0800 .filterBox .filter-state .stateWrap .btn:first-child {
    margin: 2px 2px 2px 0
}

.UPA0800 .filterBox .filter-state .stateWrap .btn:nth-child(2) {
    margin: 2px 0 2px 2px
}

.UPA0800 .filterBox .filter-state .stateWrap .btn.on {
    border: 1px solid #1c90fb;
    background: #e9f5ff url(/static/media/ic_check_03_m_over.6b427eaf.png) no-repeat left 10px center
}

.UPA0800 .filterBox .filter-fn .btnRefresh {
    font: 400 11px/21px NSKR;
    text-align: left;
    color: #7c7c7c;
    padding: 0 0 0 20px;
    background: url(/static/media/ic_reset_s_normal.7c5cce2e.png) no-repeat left 0 center;
    cursor: pointer
}

.UPA0800 .filterBox .filter-fn .btnSave {
    border: 1px solid #dbdbdb
}

.gsmNoticePop .keepLink {
    max-width: 600px
}

.UPAP001 .iconSet ul li {
    float: left;
    margin: 5px 10px 5px 0;
    width: 32px;
    height: 32px;
    border-radius: 50% 50%;
    text-align: center;
    background-color: #f0f2f6;
    cursor: pointer
}

.UPAP001 .iconSet ul li.on,
.UPAP001 .iconSet ul li:active {
    box-shadow: 0 2px 4px 0 rgba(12, 50, 85, .12);
    border: 1px solid #1c90fb;
    background-color: #e9f5ff;
    box-sizing: border-box
}

.UPAP001 .iconSet ul li img {
    vertical-align: middle;
    margin-top: 6px;
    width: 18px;
    height: 18px
}

.UPAP001 .pubFormStyle.gsm th {
    font-size: 12px;
    font-family: NSKB
}

.UPAP001 .gsmCardList .cardList>div>div:first-child {
    display: none
}

.UPAP001 .gsmCardList .cardList [class*=OBTCardList_addRow] {
    cursor: pointer
}

.UPAP002 .proAdd {
    height: 94px;
    background-color: #fafafa;
    border-top: 2px solid #666
}

.UPAP002 .proAdd ul {
    margin: 14px 0;
    white-space: nowrap;
    overflow: hidden;
    scroll-behavior: smooth
}

.UPAP002 .proAdd ul li {
    position: relative;
    min-width: 64px;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    background: #f6f7f9 url(/static/media/ic_image_l_disable.cb875d21.png) no-repeat 50%;
    background-size: 24px 24px;
    cursor: pointer;
    z-index: 1;
    box-sizing: border-box
}

.UPAP002 .proAdd ul li:last-child {
    margin-right: 0
}

.UPAP002 .proAdd ul li.add {
    content: "";
    display: inline-block;
    background-size: 14px 14px;
    background: #ededed url(/static/media/ic_add_01_s_normal.d665d5af.png) no-repeat 50%;
    vertical-align: middle;
    border: none
}

.UPAP002 .proAdd ul li.add:hover {
    background: #ededed url(/static/media/ic_add_01_s_over.c44a77c7.png) no-repeat 50%
}

.UPAP002 .proAdd ul li.on {
    border-color: #1c90fb
}

.UPAP002 .proAdd ul li .proImg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.UPAP002 .proAdd ul li .proImg img {
    width: 100%;
    height: 100%
}

.UPAP002 .proAdd ul li .btn_del {
    width: 14px;
    height: 14px;
    right: 0;
    position: absolute;
    top: 0;
    background: #9ba4ae;
    border-radius: 0
}

.UPAP002 .proAdd .proBox {
    background-color: #1c90fb;
    opacity: .2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.UPAP002 .proAdd .proBtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.UPAP002 .proAdd .prevBtn {
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_arrow_left_01_s_normal.d93d1189.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    margin: 39px 15px 0 10px
}

.UPAP002 .proAdd .prevBtn:hover {
    background: url(/static/media/ic_arrow_left_01_s_over.e7e38012.png) no-repeat 50%;
    background-size: cover
}

.UPAP002 .proAdd .prevBtn.disabled {
    background: url(/static/media/ic_arrow_left_01_s_disable.8aa96f28.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

.UPAP002 .proAdd .nextBtn {
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_arrow_right_01_s_normal.a728afd7.png) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    margin: 39px 10px 0 15px
}

.UPAP002 .proAdd .nextBtn:hover {
    background: url(/static/media/ic_arrow_right_01_s_over.65832019.png) no-repeat 50%;
    background-size: cover
}

.UPAP002 .proAdd .nextBtn.disabled {
    background: url(/static/media/ic_arrow_right_01_s_disable.64bb43a7.png) no-repeat 50%;
    background-size: cover;
    cursor: not-allowed
}

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

.UPAP002 .imgBox .imgbg {
    margin-top: 10px;
    height: 400px;
    padding: 14px 14px 30px;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    box-sizing: border-box
}

.UPAP002 .imgBox .imgbg .imgLoad {
    width: 300px;
    height: 300px;
    background: #fff url(/static/media/ic_image_disable.e97a4a57.png) no-repeat top 90px center;
    color: #a6a6a6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.UPAP002 .imgBox .imgbg .imgLoad span {
    padding-top: 80px
}

.UPAP002 .imgBox .imgbg .imgLoad img {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.UPAP002 .imgBox .imgbg .btn {
    text-align: center;
    margin-top: 30px;
    position: relative
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox {
    display: inline;
    position: relative
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer {
    border: 1px solid #a6a6a6;
    width: 200px;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, .1);
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 0
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul {
    padding: 0 !important
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul li {
    cursor: pointer;
    height: 27px;
    text-align: left;
    padding-left: 32px;
    line-height: 27px
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul li.pc {
    background: url(/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul li.one {
    background: url(/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul li:hover.pc {
    background: #e6f5ff url(/static/media/ic_pc_save_s_normal.ba29ee07.png) no-repeat left 9px center !important
}

.UPAP002 .imgBox .imgbg .btn .fileLayerBox .fileLayer ul li:hover.one {
    background: #e6f5ff url(/static/media/ic_onechamber_s_normal.71d9e2ed.png) no-repeat left 9px center !important
}

.UPAP003 .searchBox {
    position: relative;
    text-align: right;
    margin: 0 0 11px;
    justify-content: flex-end
}

.UPAP003 .searchBox .searchInput {
    width: 250px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff
}

.UPAP003 .searchBox .searchInput.pr>div>div>input {
    padding-right: 35px !important
}

.UPAP003 .searchBox .searchBtn {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/static/media/ic_search_m_normal.89667553.png) no-repeat 50%;
    cursor: pointer
}

.UPAP003 .searchBox .searchBtn:hover {
    background: url(/static/media/ic_search_m_over.deb9fb27.png) no-repeat 50%
}

.UPAP003 .searchBox .find_sp {
    position: absolute;
    right: 2px;
    top: 4px;
    color: #1c90fb;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 27px 0 5px;
    background-color: #fff
}

.UPAP003 .searchBox>div>div>div {
    padding-right: 25px !important
}

.UPAP003 .gsmCardList .cardList>div>div:first-child {
    display: none
}

.UPAP003 .gridBody td {
    height: 87px !important
}

.UPAP003 .gridBody td .line2 {
    max-height: 2.8em;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 6px
}

.UPAP003 .gridBody .text {
    font-size: 13px;
    font-family: NSKB
}

.UPAP003 .gridBody .xComImg {
    margin-right: 20px;
    width: 64px;
    height: 64px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.UPAP003 .gridBody .xComImg img {
    max-width: 64px;
    max-height: 64px
}

.UPAP003 .gridBody .xComCon {
    justify-Content: center;
    height: 40px;
    padding-top: 10px
}

.UPAP003 .gridBody .xComCon ul {
    color: #8c8c8c;
    font-size: 11px;
    height: 17px
}

.UPAP003 .gridBody .xComCon ul li {
    float: left;
    padding: 0 5px;
    background: url(/static/media/bg_line_bar01.98e6436d.png) no-repeat 100%
}

.UPAP003 .gridBody .xComCon ul li:first-child {
    padding-left: 0
}

.UPAP003 .gridBody .xComCon ul li:last-child {
    padding-right: 0;
    background: none
}

.UPBP001 .gridBody td {
    height: 87px !important;
    padding: 5px 0 !important
}

.UPBP001 .basketCon {
    width: 120px
}

.UPBP001 .basketCon,
.UPBP001 .btnDel {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.UPBP001 .btnDel {
    width: 50px
}

.UPBP001 .reason {
    border-top: 1px dashed #e6e6e6;
    padding-top: 10px
}

.UPBP001 .reason .title {
    min-width: 75px;
    padding-right: 15px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.UPBP001 .proCon {
    height: 70px !important;
    padding-top: 5px !important
}

.UPBP002 .proCon {
    height: auto !important
}

.UPBP003 {
    padding: 0 0 20px
}

.UPBP003 .proImg {
    width: 350px;
    height: 350px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin: 0 40px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.UPBP003 .proImg img {
    max-width: 350px;
    max-height: 350px
}

.UPBP003 .proCon {
    border-top: 2px solid #000
}

.UPBP003 .proCon .title {
    padding: 25px 10px 4px;
    font-size: 20px;
    font-weight: 700
}

.UPBP003 .proCon .likeBox {
    width: 40px;
    background: url(/static/media/ico_page_bar.7286a1dc.png) no-repeat 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.UPBP003 .proCon .likeBox .likeIcon {
    width: 24px;
    height: 24px;
    background: url(/static/media/ic-like-01-m-normal.7a4f327d.png) no-repeat 50%
}

.UPBP003 .proCon .likeBox .likeIcon.on,
.UPBP003 .proCon .likeBox .likeIcon:active {
    background: url(/static/media/ic-like-01-m-select.15262fd2.png) no-repeat 50%
}

.UPBP003 .proCon dl {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0
}

.UPBP003 .proCon dl dt {
    float: left;
    width: 120px;
    font-weight: 700;
    padding: 10px 0 10px 10px
}

.UPBP003 .proCon dl dd {
    padding: 10px 0
}

.UPBP003 .proCon .btnBox {
    position: relative;
    justify-content: flex-end;
    display: flex;
    align-items: flex-start
}

.UPBP003 .proCon .btnBox .bText {
    color: #1c90fb;
    font-size: 11px;
    background: url(/static/media/ic_info_01_s_over.292329e2.png) no-repeat left top 3px;
    background-size: 13px 13px;
    padding-left: 13px;
    margin: 8px 0 13px
}

.UPBP003 .proCon .btnBox .bText span {
    padding: 0 5px;
    background: url(/static/media/bg_line_bar02.e871841c.png) no-repeat 100%
}

.UPBP003 .proCon .btnBox .bText span:last-child {
    background: none
}

.UPBP003 .proCon .btnBox .btnIcon {
    vertical-align: bottom;
    bottom: 0;
    position: absolute;
    right: 0
}

.UPBP003 .proInfo {
    margin: 20px 0 0
}

.UPBP003 .proInfo .imgBox {
    width: 100%;
    height: 100%;
    border-top: 2px solid #000;
    padding-top: 10px
}

.UPBP003 .proInfo .imgBox img {
    max-width: 870px
}

.UPBP004 .proImg img {
    max-width: 104px;
    max-height: 104px
}

.UPBP006 .gridBody td {
    font-size: 12px !important
}

.UPBP006 .gridBody .text {
    font-family: NSKR;
    cursor: auto
}

.UPBP006 .gridBody .Inventory {
    min-width: 41px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #f8a457;
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
    line-height: 20px
}

.UPBP006 .gridBody .unused .code,
.UPBP006 .gridBody .unused .text {
    color: #a6a6a6
}

.UPBP006 .rightFnc {
    position: relative;
    margin-top: 10px
}

.UPBP009 .leftFnc {
    height: 31px;
    padding: 7px 0
}

.UPBP009 .proCon .text {
    font-family: NSKR
}

.UPBP009 .gridBody tbody td {
    padding: 11px 0
}

.UPBP009 .searchBox .searchInput {
    width: 250px
}

.UPAP004 .GridType01 .gridBody tr.total td {
    background-color: #fff1d6;
    font-weight: 700;
    padding: 10px 0
}

.UPAP004 .GridType01 .gridBody td {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPAP004 .GridType01 .gridBody td:last-child {
    border-right: none
}

.UPAP004 .pubFormStyle.gsm th {
    font-size: 12px;
    font-family: NSKB
}

.UPAP004 .pubFormStyle.gsm>table tbody th[rowspan]:last-child {
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPAP005 dl,
.UPAP006 dl {
    border: 1px solid #e6e6e6;
    padding: 13px;
    box-sizing: border-box
}

.UPAP005 dl dt,
.UPAP006 dl dt {
    font-weight: 700
}

.UPAP005 dl dd,
.UPAP006 dl dd {
    padding-bottom: 20px
}

.UPAP005 dl dd:last-child,
.UPAP006 dl dd:last-child {
    padding-bottom: 0
}

.alertCon {
    margin: 20px 0
}

.alertCon dl {
    padding: 10px 0;
    box-shadow: 0 2px 5px 0 rgba(219, 228, 235, .71);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.alertCon dl dt {
    color: #a6a6a6;
    padding-left: 19px;
    line-height: 30px
}

.alertCon dl dd {
    min-width: 50px;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    flex: 1 1;
    min-width: 0;
    padding-right: 19px
}

.alertCon dl dd:last-child {
    border-right: none
}

.alertCon dl dd em {
    font-size: 16px;
    font-family: NSKB
}

.checkBtn {
    cursor: pointer
}

.checkBtn .cor {
    width: 14px;
    background: url(/static/media/ic_check_01_s_normal.82b8bec2.png) no-repeat 50%
}

.checkBtn .cor:hover {
    background: url(/static/media/ic_check_01_s_over.3d2e7b75.png) no-repeat 50%
}

.checkBtn .clo {
    width: 14px;
    background: url(/static/media/ic_close_01_s_normal.20f54875.png) no-repeat 50%
}

.UPAP009 .gridBody tr:hover td.bg01 {
    background-color: #4eabfa
}

.UPAP009 .gridBody tr:hover td.bg02 {
    background-color: #50cbde
}

.UPAP009 .gridBody tr:hover td.bg03 {
    background-color: #afd873
}

.UPAP009 .gridBody tr:hover td.bg04 {
    background-color: #f7ad68
}

.UPAP009 .gridBody tr:hover td.bg05 {
    background-color: #f5d471
}

.UPAP009 .gridBody tr:hover td.bg06 {
    background-color: #9a96ff
}

.UPAP009 .gridBody tr:hover td.bg07 {
    background-color: #f48da5
}

.UPAP009 .gridBody tr:hover td.bg08 {
    background-color: #67ccb5
}

.UPAP009 .gridBody tr:hover td.bg09 {
    background-color: #819aff
}

.UPAP009 .gridBody tr:hover td.bg10 {
    background-color: #d887ed
}

.UPAP009 .gridBody td {
    padding: 7px 0 !important
}

.UPAP009 .gridBody td.bg01 {
    background-color: #4eabfa
}

.UPAP009 .gridBody td.bg02 {
    background-color: #50cbde
}

.UPAP009 .gridBody td.bg03 {
    background-color: #afd873
}

.UPAP009 .gridBody td.bg04 {
    background-color: #f7ad68
}

.UPAP009 .gridBody td.bg05 {
    background-color: #f5d471
}

.UPAP009 .gridBody td.bg06 {
    background-color: #9a96ff
}

.UPAP009 .gridBody td.bg07 {
    background-color: #f48da5
}

.UPAP009 .gridBody td.bg08 {
    background-color: #67ccb5
}

.UPAP009 .gridBody td.bg09 {
    background-color: #819aff
}

.UPAP009 .gridBody td.bg10 {
    background-color: #d887ed
}

.UPAP010 .parcel {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    height: 68px;
    box-sizing: border-box
}

.UPAP010 .parcel dl {
    padding: 10px 21px 0
}

.UPAP010 .parcel dl dt {
    float: left;
    font-size: 11px;
    color: #4a4a4a;
    min-width: 60px;
    padding-right: 10px;
    padding-bottom: 10px
}

.UPAP010 .parcel dl dd {
    padding-bottom: 10px
}

.UPAP010 .GridType01 tbody tr:hover td {
    background-color: #fff
}

.UPAP010 .GridType01 tbody td {
    padding: 7px 0 !important
}

.UPAP011 {
    overflow: auto;
    margin-top: -5px
}

.UPAP011 .refBox {
    margin: -5px 0;
    font-family: NSKR;
    font-size: 12px;
    line-height: 1.6;
    color: #4a4a4a
}

.UPAP011 .refBox .txtB {
    font-family: NSKB;
    color: #000
}

.UPAP011 .loading {
    width: 100%;
    height: 289px;
    margin-top: 10px;
    padding-top: 80px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box
}

.UPAP011 .loading .info {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box
}

.UPAP011 .loading .info .graph {
    align-self: center;
    position: relative;
    transform: rotate(-90deg);
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.UPAP011 .loading .info .graph .totalNum {
    position: absolute;
    top: 10px;
    left: -10%;
    width: 60px;
    height: 60px;
    -webkit-animation: chart-info 2s forwards;
    animation: chart-info 2s forwards;
    transform: rotate(90deg);
    opacity: 0;
    color: #46a3f0
}

.UPAP011 .loading .info .graph .totalNum .cnt {
    font: 400 11px/24px NSKR;
    justify-content: center;
    color: #46a3f0
}

.UPAP011 .loading .info .graph .totalNum .cnt b {
    max-width: 50px;
    font: 400 16px/20px NSKB;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.UPAP011 .loading .info .graph .back {
    stroke: #e9e9e9
}

.UPAP011 .loading .info .graph .fill {
    stroke: #46a3f0;
    animation: chart-fill 2s reverse;
    transform-origin: center
}

.UPAP011 .loading .txt {
    margin-top: 10px;
    font-family: NSKR;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -.7px;
    text-align: center;
    color: #4a4a4a
}

.UPAP011 .grid {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box
}

.UPAP011 .grid th {
    width: 50%;
    height: 40px;
    background-color: #fafafa;
    text-align: center;
    font-size: 12px;
    font-family: NSKB;
    letter-spacing: -.6px;
    border-top: 2px solid #666
}

.UPAP011 .grid th:first-of-type {
    border-right: 1px solid #e6e6e6
}

.UPAP011 .grid td {
    width: 170px;
    height: 40px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPAP011 .grid td:first-of-type {
    border-left: none
}

.UPAP011 .grid td:last-of-type {
    padding-right: 10px;
    text-align: right;
    border-right: none
}

.UPAP011 .grid .bgB {
    background-color: #f2f6f8
}

.UPAP011 .grid .bgY {
    background-color: #fffceb
}

.UPAP011 .grid .bgO {
    background-color: #fff1d6
}

.UPAP011 .grid .txtB {
    font-family: NSKB
}

.UPAP011 .grid .txtAC {
    text-align: center
}

.UPAP011 .grid .txtAR {
    padding-right: 10px;
    text-align: right
}

.UPAP011 .grid .borderN {
    border-left: none;
    border-right: none
}

.UPAP011 .grid .wid01 {
    width: 25%
}

.UPAP011 .grid .wid02 {
    width: 10%
}

.UPAP011 .priceChange .box {
    margin-top: 10px;
    padding: 11px 17px;
    align-items: center;
    width: 100%;
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-sizing: border-box
}

.UPAP011 .priceChange .box .ico {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(/static/media/ico_error_01.34334247.png) no-repeat 50%;
    background-size: cover
}

.UPAP011 .priceChange .box .txt01 {
    font-size: 12px;
    line-height: 1.5;
    color: #000
}

.UPAP011 .priceChange .txt02 {
    line-height: 3.42;
    font-family: NSKB
}

.UPAP011 .priceChange .txt02 em {
    color: #1c90fb
}

.UPAP011 .priceChange .grid02 {
    margin-top: 10px
}

.UPAP011 .priceChange .grid02 th {
    width: 78px;
    height: 32px;
    font-family: NSKB;
    text-align: center;
    border-top: 2px solid #666;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa;
    box-sizing: border-box
}

.UPAP011 .priceChange .grid02 th:last-of-type {
    border-right: none
}

.UPAP011 .priceChange .grid02 .wid03 {
    width: 5%
}

.UPAP011 .priceChange .grid02 .wid04 {
    width: 39%
}

.UPAP011 .priceChange .grid02 td {
    height: 32px;
    padding: 0 8px 0 6px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box
}

.UPAP011 .priceChange .grid02 td:first-of-type {
    text-align: center
}

.UPAP011 .priceChange .grid02 td:nth-of-type(3),
.UPAP011 .priceChange .grid02 td:nth-of-type(4),
.UPAP011 .priceChange .grid02 td:nth-of-type(5) {
    text-align: right
}

.UPAP011 .priceChange .grid02 td:nth-of-type(6) {
    text-align: center
}

.UPAP011 .priceChange .grid02 td:nth-of-type(7) {
    text-align: right
}

.UPAP011 .priceChange .grid02 td:last-of-type {
    border-right: none
}

.UPAP011 .priceChange .grid02 .txtAR {
    text-align: right
}

.UPAP011 .priceChange .grid02 .bgO {
    background-color: #fff1d6
}

.UPAP011 .priceChange .grid02 .txtB {
    font-family: NSKB
}

.UPAP012 .conBox {
    margin: 20px 0 0;
    position: relative
}

.UPAP012 .conBox .tabBnt {
    position: absolute;
    top: 0;
    z-index: 100;
    right: 0
}

.UPAP012 .GridType01 {
    height: 100%
}

.UPAP012 .GridType01 .gridHeader th {
    padding: 10px 0 !important
}

.UPAP012 .GridType01 .gridHeader th .help_btn {
    margin: 0;
    height: 20px;
    background-position: 0 4px
}

.UPAP012 .GridType01 .gridBody td {
    padding: 10px 0 !important
}

.UPAP013 .stepBox ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 16px)
}

.UPAP013 .stepBox ul li {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 46px;
    text-align: center;
    line-height: 46px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 10px;
    margin-left: 16px;
    position: relative;
    color: #a6a6a6
}

.UPAP013 .stepBox ul li:before {
    background: url(/static/media/bg_eapline01.1f20c774.png) no-repeat;
    background-size: 16px 44px;
    left: -16px;
    height: 44px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.UPAP013 .stepBox ul li:after,
.UPAP013 .stepBox ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -1px;
    width: 16px;
    z-index: 1
}

.UPAP013 .stepBox ul li:after {
    background: url(/static/media/bg_eapline01.1f20c774.png) no-repeat;
    background-size: 16px 46px;
    right: -16px;
    height: 46px
}

.UPAP013 .stepBox ul li .step {
    background-color: #e6e6e6;
    color: #a6a6a6;
    border-radius: 10px;
    margin-right: 10px;
    padding: 1px 10px 3px;
    font-size: 11px
}

.UPAP013 .stepBox ul li.on {
    border-bottom: 1px solid #1c90fb;
    border-top: 1px solid #1c90fb;
    background: #e9f5ff;
    color: #1c90fb
}

.UPAP013 .stepBox ul li.on:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/static/media/bg_eapline01_blue_before.c7043cab.png) no-repeat;
    background-size: 16px 44px;
    width: 16px;
    height: 44px;
    z-index: 1;
    border-top: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb
}

.UPAP013 .stepBox ul li.on:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(/static/media/bg_eapline02_blue.759a6ad8.png) no-repeat;
    background-size: 16px 46px;
    width: 16px;
    height: 46px;
    z-index: 2
}

.UPAP013 .stepBox ul li.on .step {
    background-color: #1c90fb;
    color: #fff;
    border-radius: 10px;
    margin-right: 10px;
    padding: 1px 10px 3px;
    font-size: 11px
}

.UPAP013 .stepBox ul li:first-child:before {
    border-left: 1px solid #e6e6e6
}

.UPAP013 .stepBox ul li:first-child:before,
.UPAP013 .stepBox ul li:last-child:after {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    height: 44px
}

.UPAP013 .stepBox ul li:last-child:after {
    border-right: 1px solid #e6e6e6
}

.UPAP013 .stepBox ul li.on:first-child:before {
    border-top: 1px solid #1c90fb;
    border-left: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff;
    height: 44px
}

.UPAP013 .stepBox ul li.on:last-child:after {
    border-top: 1px solid #1c90fb;
    border-right: 1px solid #1c90fb;
    border-bottom: 1px solid #1c90fb;
    background: #e9f5ff
}

.UPAP016,
.UPAP017 {
    padding: 20px
}

.UPAP016 h1,
.UPAP017 h1 {
    text-align: center;
    margin: 10px 0 30px
}

.UPAP016 dl,
.UPAP017 dl {
    line-height: 22px;
    font-size: 13px
}

.UPAP016 dl dt,
.UPAP017 dl dt {
    padding: 0 0 5px;
    font-family: NSKB;
    border-bottom: 1px solid #d9d9d9
}

.UPAP016 dl dd,
.UPAP017 dl dd {
    padding: 5px 0 20px
}

.UPAP016 dl dd p,
.UPAP017 dl dd p {
    padding: 0 0 0 16px
}

.UPAP018 .gridBody tbody td {
    padding: 11px 0
}

.paging{
	position:relative;
}

@media screen and (max-height:945px) {
    .paging{
        margin-top: 30px;
    }
}

/* 체크리스트 화면 동의서 css */
.check-list-box {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}
.consent-form {
    width: 45%;
    border-radius: 30px;
    background-color: #F2F5FF;
    padding:20px;
}
.Q-body{
    width:100%;
    background-color:#fff;
    padding:5px 0px;
    margin:5px 0;
}
.Q-line{
    display:flex;
    border-bottom:solid 1px #f7f7f7;
    /*padding:12px 0 7px 5px;*/
}
.Q-line-sub h4 {
    margin-left: 30px;
}
.Q-line-sub-text {
    justify-content: space-between;
}
.Q-line-sub-text-wrap input[type=text] {
    width: 80%;
}
.Q-line-sub-textarea-wrap  {
    width: 50%;
    padding:5px;
}
.Q-line-sub-textarea-wrap textarea {
    width: 80%;
    height: 100px;
}

.Q-line:last-child {
    border-bottom: solid 0px #f7f7f7;
}
.Q-line h4 {
    padding-top: 2px;
    padding-left: 14px;
    color:#323232;
    font-size: 0.9vw;
}
.Q-line select {
    width: 56px;
    height: 30px;
}
.check_list_form select {
    width: 63px;
    height: 30px;
    text-align: center;
}

.check_list_form .select_box.select_box--wide {
    width: 85px;
}

/*
    Q-line 커스텀 css
*/
/* toggle 버튼 라인 */
.Q-line-toggle {
    display: flex;
    justify-content: space-between;
}
.Q-line-toggle .Q-toggle {
    width: 8%;
    padding:10px;
}
.Q-line-toggle .Q-text {
    width: 92%;
    padding:10px;
    font-size: 14px;
    line-height: 30px;
}

/* select 박스 라인 */
.Q-line-select {
    display: flex;
    justify-content: space-between;
}
.Q-line-select .Q-toggle {
    width: 8%;
    padding:12px;
}
.Q-line-select .Q-text {
    width: 72%;
    padding:10px;
    font-size: 14px;
    line-height: 30px;
}
.Q-line-select .Q-select {
    width: 20%;
    padding:10px;
    display: table;
}
.Q-line-select .Q-select .Q-select-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.Q-line-select .Q-select .Q-select-inner select {
    width:90px;
    height: 30px;
    text-align: center;
}
.Q-line-select .Q-select .Q-select-inner select option{

}

/* text price 라인 */
.Q-line-price {
    display: flex;
    justify-content: space-between;
}
.Q-line-price .Q-toggle {
    width: 8%;
    padding:12px;
}
.Q-line-price .Q-text {
    width: 60%;
    padding:10px;
    font-size: 14px;
    line-height: 30px;
}
.Q-line-price .Q-price {
    width: 32%;
    padding:10px 10px 10px 0;
    display: table;
}
.Q-line-price .Q-price .Q-price-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.Q-line-price .Q-price .Q-price-inner input[type=text] {
    height: 24px;
    padding: 0 4px;
    width: 80%;
}
/* textArea 라인 */
.Q-line-textarea {
    display: flex;
    flex-direction: column;
}
.Q-line-textarea .Q-line-textarea-box{
    display: flex;
    justify-content: space-between;
}
.Q-line-textarea-box .Q-toggle {
    width: 8%;
    padding:12px;
}
.Q-line-textarea-box .Q-text {
    width:92%;
    padding:9px;
    font-size: 14px;
    line-height: 30px;
}
.Q-line-textarea .Q-textarea {
    width: 92%;
    padding:0 10px 15px 10px;
}
.Q-line-textarea textarea {
    width: 99%;
    height: 120px;
}
.Q-line-textarea input[type=text] {
    width: 99%;
    height: 30px;
}
.Q-line-textarea .Q-select-arr {
    display: flex;
    justify-content: flex-start;
    width: 87%;
    padding-bottom: 8px;
}
.Q-line-textarea .Q-select-arr .Q-select-arr-el {
    width:30%;
}

    /*Toggle switches 토글스위치 시작*/
.switch {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3.2em;
    height: 1.8em;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 30px;
    width: 56px;
    height: 30px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.2em;
    width: 1.2em;
    border-radius: 20px;
    left: 0.3em;
    bottom: 0.3em;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: #000066;
}

input:focus + .slider {
    box-shadow: 0 0 1px #000066;
}

input:checked + .slider:before {
    transform: translateX(1.4em);
}
/*Toggle switches 토글스위치 끝*/

@media(max-width: 575px) {
    .Q-body {
        width: 100%;
        background-color: #ffffff;
        padding:5px 5px 5px 0;
        margin: 5px 0;
    }
    .Q-line {
        display: flex;
        border-bottom: solid 1px #f7f7f7;
        /*padding: 12px 0 7px 5px;*/
    }
    .Q-line-sub-text {
        display: block;
    }
    .Q-line-sub-text-wrap {
        text-align: center;
        margin-top: 6px;
    }
    .Q-line-sub-text-wrap input[type=text] {
        width: 70%;
    }
    .Q-line-sub-textarea-wrap {
        width: 100%;
        text-align: center;
    }
    .Q-line-sub-textarea-wrap textarea {
        width: 90%;
        height: 70px;
    }
    .Q-line:last-child {
        border-bottom: solid 0px #f7f7f7;
    }

    .Q-line h4 {
        padding: 2px 0 4px 14px;
        color: #323232;
        font-size: 14px;
    }
    .request_option {
        margin-bottom: 3px;
        width: 30%;
    }

    .check_list_form {
        margin-top: 20px;
    }

    /* 설문 항목 반응형 */
    .Q-line-toggle .Q-toggle {
        width: 22%;
    }
    .Q-line-price {
        flex-direction: column;
        padding: 0 5px;
    }
    .Q-line-price .Q-text{
        width: 100%;
    }
    .Q-line-price .Q-toggle {
        display: none;
    }
    .Q-line-price .Q-price {
        width: 100%;
        padding: 0 0 10px;
    }
    .Q-line-price .Q-price .Q-price-inner{
        text-align: center;
    }
    .Q-line-select {
        flex-direction: column;
        padding: 0 5px;
    }
    .Q-line-select .Q-toggle {
        display: none;
    }
    .Q-line-select .Q-select{
        padding: 0 0 10px 10px;
        width: 92%;
    }
    .Q-line-select .Q-text {
        width: 100%;
    }
    .Q-line-textarea-box .Q-toggle{
        width: 3%;
        padding:0;
    }
    .Q-line-textarea .Q-select-arr {
        width: 100%;
        justify-content: space-between;
    }
    .Q-line-textarea .Q-textarea {
        padding: 0 10px 10px 10px;
    }
    .Q-line-select .Q-select .Q-select-inner select {
        text-align: center;
    }

    /*Toggle switches 토글스위치 시작*/
    .switch {
        font-size: 17px;
        position: relative;
        display: inline-block;
        max-width: 56px;
        min-width: 56px;
        height: 1.8em;
    }

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* The slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 30px;
        width: 56px;
        height: 30px;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 1.2em;
        width: 1.2em;
        border-radius: 20px;
        left: 0.3em;
        bottom: 0.3em;
        background-color: white;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #000066;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #000066;
    }

    input:checked + .slider:before {
        transform: translateX(1.4em);
    }
    /*Toggle switches 토글스위치 끝*/
}

/*
@media(max-width: 1370px) {
    .Q-line h4 {
        font-size: 13px;
    }
}
@media(max-width: 1300px) {
    .Q-line h4 {
        font-size: 12px;
    }
}*/