@charset "UTF-8";

/* layout */
.container {
    min-width: 1200px;
    height: 100%;
    overflow: auto;
}

.main-section {
    height: calc(100% - 46px);
    /*height: calc(100% - 86px);*/
    overflow: hidden;
    position: relative;
}

.header.type-fixed + .main-section {
    height: calc(100% - 86px);
}

.main-section > .type-hfull {
    position: relative;
}

.search-hide {
    position: absolute !important;
    left: -99999px;
    top: -99999px;
}

/* rsas */
.rsas-main-title {
    padding: 60px 0 30px 0;
    font-size: 28px;
    color: #111;
    text-align: center;
}


.rsas-section {
    height: calc(100% - 46px);
    overflow: hidden;
}

.rsas-section.type-gray {
    background: #f4f4f4;
}

.rsas-main-box {
    margin: auto;
    padding: 50px;
    width: 924px;
    height: calc(100% - 167px);
    background: #fff;
    box-sizing: border-box;
}

.rsas-terms-box {
    border: 1px solid #f0f0f0;
}

.rsas-terms-box dt {
    padding: 18px 20px 18px 15px;
    border-bottom: 1px solid #f0f0f0;
}

.rsas-terms-box .terms-title {
    display: inline-block;
    font-size: 14px;
    color: #333;
}

.rsas-terms-box .terms-radio-box {
    float: right;
    vertical-align: top;
}

.rsas-terms-box dd {
    padding: 15px 21px 0 21px;
    max-height: 276px;
    border-bottom: 1px solid #f0f0f0;
}

.rsas-sub-title {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
}

.rsas-tab-wrap {
    margin-bottom: 30px;
}

.rsas-sub-box {
    padding: 20px 10px 20px 10px;
}

.rsas-sub-box.type-line {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.rsas-sub-box + .rsas-sub-title {
    margin-top: 40px;
}

.rsas-accout-box {
    padding: 30px 0;
    text-align: center;
}

.accout-find-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.account-find-text {
    font-size: 14px;
    color: #1773e9;
    font-weight: 600;
}

.rsas-terms-box dd:last-child {
    border-bottom: none;
}

.terms-toggle-btn {
    margin-left: 10px;
    font-size: 14px;
    color: #999;
    text-decoration: underline;
}

.terms-main-title {
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.terms-sub-title {
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    color: #555;
}

.terms-list-title {
    display: block;
    margin-bottom: 13px;
    font-size: 14px;
    color: #333;
}

.temrs-list-text {
    display: block;
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #555;
}

.terms-all-radio {
    margin-bottom: 10px;
    padding: 10px 0;
}

.signup-wrap {
    height: 100%;
    text-align: center;
}

.signup-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.signup-box {
    display: inline-block;
    margin-top: -100px;
    vertical-align: middle;
}

.signup-title {
    margin-bottom: 20px;
    font-size: 30px;
    color: #212121;
}

.signup-title.type-check:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 61px;
    height: 60px;
    background: url("../img/icon/rsas_check_blue.svg") no-repeat -12px 0;
}

.signup-title.type-password:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 90px;
    height: 87px;
    background: url("../img/icon/rsas-password.svg") no-repeat center 0;
}

.signup-text {
    margin-bottom: 40px;
    line-height: 25px;
    font-size: 15px;
    color: #666;
}

.rsas-main-wrap {
    text-align: center;
}

.rsas-mainpage-title {
    margin: 20px 0 0 0;
    height: 55px;
    line-height: 55px;
    font-size: 40px;
    color: #000;
    font-weight: 600;
}

.rsas-mainpage-subtitle1 {
    margin-bottom: 18px;
    font-size: 26px;
    height: 36px;
    line-height: 36px;
    color: #000;
    font-weight: 600;
}

.rsas-mainpage-subtitle2 {
    margin-bottom: 10px;
    height: 27px;
    line-height: 27px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.rsas-mainpage-subtitle3 {
    margin-bottom: 10px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

.rsas-mainpage-subtitle4 {
    margin-bottom: 40px;
    line-height: 24px;
    font-size: 14px;
    color: #000;
}

.rsas-mainpage-subtitle4 strong {
    display: block;
    color: #ef1f1f;
}

.rsas-list-wrap {
    text-align: left;
}

.rsas-list-wrap li {
    display: inline-block;
    margin-bottom: 40px;
    width: 25%;
    font-size: 13px;
    color: #555;
    line-height: 24px;
    vertical-align: top;
    text-align: center;
}

.rsas-list-wrap li:before {
    content: '';
    display: block;
    margin: 0 auto 22px auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.rasa-icon1:before {
    background: url("../img/icon/rsas-list1.svg") no-repeat center center, #eee;
}

.rasa-icon2:before {
    background: url("../img/icon/rsas-list2.svg") no-repeat center center, #eee;
}

.rasa-icon3:before {
    background: url("../img/icon/rsas-list3.svg") no-repeat center center, #eee;
}

.rasa-icon4:before {
    background: url("../img/icon/rsas-list4.svg") no-repeat center center, #eee;
}

.rasa-icon5:before {
    background: url("../img/icon/rsas-list5.svg") no-repeat center center, #eee;
}

.rasa-icon6:before {
    background: url("../img/icon/rsas-list6.svg") no-repeat center center, #eee;
}

.rasa-icon7:before {
    background: url("../img/icon/rsas-list7.svg") center center, #eee;
}

.rsas-windowpop-text {
    font-size: 14px;
    color: #333;
}

.rsas-windowpop-text strong {
    font-weight: 600;
}

.windowpop-strong {
    display: block;
    margin: 15px 0;
}

/* common */
.f-left {
    float: left;
}

.f-right {
    float: right;
}

.type-tcenter {
    text-align: center !important;
}

.type-tright {
    text-align: right !important;
}

.type-relation-wrap {
    position: relative;
    border: 1px solid #000;
}

.type-follower-wrap {
    border: 1px solid #000;
}

.type-relation-wrap .image-index {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 3px solid #000;
    /*border-radius: 50%;*/
    font-size: 25px;
    font-weight: 600;
    z-index: 1;
    opacity: 0.3;
}

.type-relation-wrap .image-date-index {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 140px;
    height: 30px;
    line-height: 50px;
    text-align: center;
    border: 3px solid #000;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
    opacity: 0.3;
}

.type-relation-wrap + .type-relation-wrap,
.type-follower-wrap + .type-follower-wrap {
    margin-top: 20px;
}

.required-text {
    color: #ef1f1f !important;
}

.alert-alarm {
    margin-bottom: 7px;
    line-height: 1;
    font-size: 13px;
    color: #ef1f1f;
}

.alert-alarm.type-revert {
    margin: 5px 0 0 0;
}

.color-box {
    font-size: 11px;
    color: #fff;
    text-align: center;
    height: 100%;
    line-height: 22px;
}

.fix-text {
    display: inline-block;
    padding: 0 1px 0 3px;
}

.fix-text + .fix-text {
    border-left: 1px solid #000;
}

.type-vtop {
    vertical-align: top;
}

.padding10-wrap {
    padding: 10px;
    height: 100%;
}

.type-fifteenper {
    display: inline-block;
    width: 15%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-eightyfiveper {
    display: inline-block;
    width: 85%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-quarter {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-onethird {
    display: inline-block;
    width: 33%;
    height: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-onethird + .type-onethird + .type-onethird {
    width: 34%
}

.type-twothird {
    display: inline-block;
    width: calc(100% - 33%);
    height: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-onefifth {
    display: inline-block;
    width: 20%;
    height: 100%;
    max-height: 500px;
    box-sizing: border-box;
    vertical-align: top;
}

.type-twofifth {
    display: inline-block;
    width: 40%;
    height: 100%;
    max-height: 500px;
    box-sizing: border-box;
    vertical-align: top;
}

.type-threefifth {
    display: inline-block;
    width: 60%;
    height: 100%;
    max-height: 500px;
    box-sizing: border-box;
    vertical-align: top;
}


.type-fourfifth {
    display: inline-block;
    width: 80%;
    height: 100%;
    max-height: 500px;
    box-sizing: border-box;
    vertical-align: top;
}

.type-onethird + .type-onethird {
    border-left: 4px solid #fff;
}

.type-twoquarter {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
}

.type-threequarter {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    box-sizing: border-box;
}

.type-halfbox {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
}

.type-onesixth {
    display: inline-block;
    width: calc(100% / 6);
    vertical-align: top;
    box-sizing: border-box;
}

.type-twosixth {
    display: inline-block;
    width: calc(100% / 3);
    vertical-align: top;
    box-sizing: border-box;
}

.type-foursixth {
    display: inline-block;
    width: calc(200% / 3);
    vertical-align: top;
    box-sizing: border-box;
}

.type-fivesixth {
    display: inline-block;
    width: calc(500% / 6);
    vertical-align: top;
    box-sizing: border-box;
}


.type-p5-12 {
    padding: 5px 12px;
}

.type-p5-0 {
    padding: 5px 0;
}

.type-leftline {
    border-left: 4px solid #fff;
    box-sizing: border-box;
}

.type-lm3 {
    letter-spacing: -3px;
}

.viewer3d-box {
    width: 100%;
    /*height: 500px;*/
    position: relative;
}

.viewer3d-box:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.viewer3d-box.type-big {
    height: 100%;
}

.layer-tab-wrap + .viewer3d-box.type-big {
    height: calc(100% - 40px);
}

.viewer3d-box .viewer3d {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.viewer3d-box canvas {
    vertical-align: middle;
}

.viewer3d-box.type-big canvas {
    width: 100% !important;
    height: 100% !important;
}

.type-mh300 {
    max-height: 300px !important;
}

.type-mhm18auto {
    height: auto !important;
    max-height: calc(100% - 18px) !important;
}

.type-scroll {
    overflow: auto;
}

.type-hm36 {
    height: calc(100% - 36px);
}

.type-hm42 {
    height: calc(100% - 42px) !important;
}

.type-hm56 {
    height: calc(100% - 56px) !important;
}

.type-hm106 {
    height: calc(100% - 106px) !important;
}

.type-hfull {
    height: 100%;
    max-height: none;
    position: relative;
}

.type-pr6 {
    padding-right: 6px !important;
}

.type-mr0 {
    margin-right: 0 !important;
}

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

.type-ml0 {
    margin-left: 0 !important;
}

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

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

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

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

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

.type-mb0 {
    margin-bottom: 0 !important;
}

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

.type-pb300 .mCSB_container {
    padding-bottom: 300px;
    box-sizing: border-box;
}

.color-blue {
    color: #1773e9 !important;
}

.color-red {
    color: #ef1f1f !important;;
}

.type-ellipsis {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

th .type-ellipsis {
    vertical-align: middle;
}

#follower,
.follower,
.move-follewer {
    position: absolute;
    width: 135px;
    height: 44px;
    /*border: 1px solid #000;*/
    background: rgba(0, 0, 0, 0.1);
}

.group-location #follower,
.group-location .follower,
.group-location .move-follewer {
    width: 75px;
    height: 25px;
}

/*.move-follewer{display: none;}*/
/*.type-relation-wrap:hover .move-follewer{display: block}*/

/* header */
.header {
    position: relative;
}

.header-logo {
    float: left;
    width: 220px;
    height: 100%;
    text-align: left;
}

.header-logo img {
    display: none;
    height: 100%;
}

.header-top {
    /*padding-left: 15px;*/
    height: 46px;
    background: #323232;
    text-align: center;
}

.header.type-fixed .header-top {
    padding-left: 15px;
    text-align: left;
}

.header-top.type-rsas {
    padding: 13px 0 9px 20px;
    box-sizing: border-box;
}

.nav {
    display: inline-block;
}

.nav-depth1-btn {
    display: inline-block;
    padding: 0 9px;
    height: 46px;
    line-height: 46px;
    color: #bcbcbc;
    font-size: 16px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.nav-depth1-btn + .nav-depth1-btn {
    margin-left: 32px;
}

/*.nav-depth1-btn + .nav-depth1-btn {*/
/*    padding-left: 41px;*/
/*}*/

.nav-depth1-btn.on {
    color: #fff;
    font-weight: 500;
}

.nav-depth1-btn.current {
    color: #fff;
    font-weight: 500;
    border-bottom: 4px solid #fff;
}

.nav-depth1-btn:hover {
    color: #fff;
    font-weight: 500;
}

.hearder-top-box {
    float: right;
}

.header-bottom {
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    padding: 30px 16px 30px 16px;
    width: 100%;
    min-height: 220px;
    /*height: 100%;*/
    /*height: 40px;*/
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
    z-index: 10;
    box-shadow: 0 1px 8px #aaa;
    text-align: center;
}

.header-menu {
    padding: 0 16px;
    width: 100%;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
    z-index: 1;
}

.header-menu .nav-depth2-btn {
    height: 40px;
    line-height: 40px;
}

.header-top.on + .header-bottom {
    display: flex;
    justify-content: center;
}

.nav-depth2-list {
    display: inline-block;
    padding: 0 32px;
    /*height: 100%;*/
    vertical-align: top;
    text-align: left;
    position: relative;
    box-sizing: border-box;
}

.nav-depth2-list strong {
    display: inline-block;
    height: 20px;
    font-size: 13px;
}

.nav-depth2-btn {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #444;
    font-family: 'Roboto', sans-serif
}

.nav-depth2-btn.on {
    color: #333;
    font-weight: 600;
}

.nav-depth2-btn:hover {
    text-decoration: underline;
}

.nav-depth2-btn + .nav-depth2-btn {
    margin-left: 30px;
}

.bookmark-box {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.bookmark-box ul {
    display: none;
    position: absolute;
    top: 46px;
    right: 0;
    padding: 16px 5px;
    width: 360px;
    max-height: 400px;
    background: #fff;
    border: 1px solid #cacaca;
    z-index: 11;
    text-align: left;
    box-sizing: border-box;
}

.bookmark-del {
    width: 30px;
    height: 30px;
    background: url("../img/icon/bookmark-del.svg") no-repeat center center;
    vertical-align: top;
    position: relative;
}

.bookmark-del:hover:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    width: 15px;
    height: 15px;
    border: 1px solid #555;
}

.bookmark-box ul li:hover .bookmark-del {
    opacity: 1;
}

.bookmark-link {
    max-width: 310px;
    font-size: 13px;
    color: #555;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bookmark-link:hover {
    text-decoration: underline;
    color: #333;
}

.bookmark-box.open ul {
    display: block;
}

/* button */
.logout-btn {
    margin: 12px 24px 0 0;
    font-size: 14px;
    color: #bcbcbc;
    vertical-align: top;
}

.bookmark-btn {
    width: 46px;
    height: 46px;
    border-left: 1px solid #3e3e3e;
    background: url("../img/icon/bookmark.svg") no-repeat center center;
    text-indent: -9999px;
    vertical-align: top;
}

.bookmark-box.on .bookmark-btn {
    background: url("../img/icon/bookmark_on.svg") no-repeat center center;
}

.exceldown-btn {
    margin: 3px 0 0 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/icon_excel.svg") no-repeat center center;
    vertical-align: top;
}

.exceldown-btn:hover {
    background: url("../img/icon/icon_excel-hover.svg") no-repeat center center;
}

.exceldown-btn[disabled],
.exceldown-btn[disabled]:hover {
    background: url("../img/icon/icon_excel.svg") no-repeat center center;
    opacity: 0.5;
}

.plus-btn {
    margin: 2px 10px 0 0;
    width: 20px;
    height: 20px;
    /*border: 1px solid #e1e1e1;*/
    background: url("../img/icon/plus-c.svg") no-repeat center center;
    text-indent: -9999px;
    vertical-align: top;
}

.plus-btn:hover {
    background: url("../img/icon/plus-c-hover.svg") no-repeat center center;
}

.plus-btn.red {
    background: url("../img/icon/plus-c-red.svg") no-repeat center center;
}

.plus-btn.blue {
    background: url("../img/icon/plus-c-blue.svg") no-repeat center center;
}

.group-name-btn {
    font-size: 14px;
    font-weight: 600;
}

.search-btn {
    width: 15px;
    height: 15px;
    background: url("../img/icon/search.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.search-tab-btn {
    padding: 0 8px;
    height: 27px;
    font-size: 14px;
    color: #333;
    position: relative;
}

.search-tab-btn.on span {
    font-weight: 600;
}

.search-tab-btn.on:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #1773e9;
}

.filter-search-btn {
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    background: #1773e9;
}

.filter-search-btn:before {
    content: '';
    display: inline-block;
    margin-right: 9px;
    width: 14px;
    height: 14px;
    background: url("../img/icon/search-white.svg") no-repeat center center;
    vertical-align: middle;
}

.filter-search-btn.type-small {
    display: inline-block;
    margin: 0 10px 0 20px;
    width: 70px;
    height: 24px;
    line-height: 24px;
}

.filter-search-btn.type-small:before {
    margin-right: 5px;
    width: 11px;
    height: 11px;
    background-size: 100%;

}

.info-btn {
    margin: 3px 0 0 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/info.svg") no-repeat center center;
    vertical-align: top;
}



.info-btn:hover {
    background: url("../img/icon/info-hover.svg") no-repeat center center;
    background-size: 100%;
}


.connector-info-btn {
    margin: 3px 0 0 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/ic_info_hover.png") no-repeat center center;
    vertical-align: top;
}



.cart-btn {
    margin: 5px 0 0 20px;
    width: 18px;
    height: 16px;
    background: url("../img/icon/cart.svg") no-repeat center center;
    background-size: 100%;
    vertical-align: top;
    position: relative;
}

.cart-btn:hover {
    background: url("../img/icon/cart-hover.svg") no-repeat center center;
    background-size: 100%;
}

.cart-btn.on:before {
    content: '';
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 5px;
    height: 5px;
    background: #ff7761;
    border-radius: 50%;
}

.table-cart-btn {
    width: 18px;
    height: 16px;
    background: url("../img/icon/cart.svg") no-repeat center center;
    background-size: auto 100%;
    position: relative;
    text-indent: -9999px;
}

th .table-cart-btn {
    margin-left: 5px;
    width: 14px;
    background-size: 100% auto;
    vertical-align: top;
}

th .table-cart-btn:hover {
    background-size: 100% auto;
}

th .table-cart-btn.on:before {
    top: -1px;
}

.table-cart-btn:hover {
    background: url("../img/icon/cart-hover.svg") no-repeat center center;
    background-size: auto 100%;
}

.table-cart-btn.on:before {
    content: '';
    display: block;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 5px;
    height: 5px;
    background: #ff7761;
    border-radius: 50%;
}

.cart-write-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-write.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.cart-write-btn:hover {
    background: url("../img/icon/cart-write-hover.svg") no-repeat center center;
}

.cart-save-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-save.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.cart-save-btn:hover {
    background: url("../img/icon/cart-save-hover.svg") no-repeat center center;
    background-size: 100%;
}

.cart-del-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-del.svg") no-repeat center center;
    background-size: auto 100%;
    text-indent: -9999px;
}

.cart-del-btn:hover {
    background: url("../img/icon/cart-del-hover.svg") no-repeat center center;
    background-size: auto 100%;
}

.cart-download-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-download.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.cart-download-btn:hover {
    background: url("../img/icon/cart-download-hover.svg") no-repeat center center;
    background-size: 100%;
}

.cart-share-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-share.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.cart-share-btn:hover {
    background: url("../img/icon/cart-share-hover.svg") no-repeat center center;
    background-size: 100%;
}

.cart-upload-btn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/cart-upload.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
}

.cart-upload-btn:hover {
    background: url("../img/icon/cart-upload-hover.svg") no-repeat center center;
    background-size: 100%;
}

.compare-btn {
    margin: 5px 0 0 20px;
    width: 18px;
    height: 16px;
    background: url("../img/icon/compare.svg") no-repeat center center;
    vertical-align: top;
}

.compare-btn:hover {
    background: url("../img/icon/compare-hover.svg") no-repeat center center;
}

.division-toggle-btn {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 19px;
    height: 15px;
    background: url("../img/icon/division.svg") no-repeat center center;
    text-indent: -9999px;
}

.division-toggle-btn.off {
    background: url("../img/icon/division-off.svg") no-repeat center center;
}

.savebox-btn {
    margin: 5px 0 0 20px;
    width: 18px;
    height: 16px;
    background: url("../img/icon/savebox.svg") no-repeat center center;
    vertical-align: top;
}

.savebox-btn:hover {
    background: url("../img/icon/savebox-hover.svg") no-repeat center center;
}

.action-btn {
    width: 100%;
    height: 100%;
    text-align: left;
    color: inherit;
}

.action-btn.type-blue {
    color: #1773e9;
}

.dual-mode-btn {
    width: 19px;
    height: 15px;
    background: url("../img/icon/division.svg");
}

.dual-mode-btn:hover,
.dual-mode-btn.current {
    background: url("../img/icon/division-hover.svg");
}

.table-mode-btn {
    width: 19px;
    height: 15px;
    background: url("../img/icon/table.svg");
}

.table-mode-btn:hover,
.table-mode-btn.current {
    background: url("../img/icon/table-hover.svg");
}

.image-mode-btn {
    width: 19px;
    height: 15px;
    background: url("../img/icon/image.svg");
}

.image-mode-btn:hover,
.image-mode-btn.current {
    background: url("../img/icon/image-hover.svg");
}

/*.size-btn {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    position: relative;*/
/*    text-indent: -9999px;*/
/*}*/

/*.size-btn:hover {*/
/*    background: #eee;*/
/*}*/

/*.size-btn:before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    background: url("../img/icon/expansion.svg") no-repeat center center;*/
/*    border: 1px solid #000000;*/
/*}*/

/*.stop-btn {*/
/*    margin-top: 8px;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: url("../img/icon/stop.svg") no-repeat center center;*/
/*    text-indent: -9999px;*/
/*}*/

/*.stop-btn:hover {*/
/*    background-color: #eee;*/
/*}*/

/*.fullscreen-btn {*/
/*    margin-top: 8px;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: url("../img/icon/fullscreen.svg") no-repeat center center;*/
/*    text-indent: -9999px;*/
/*}*/

/*.fullscreen-btn:hover {*/
/*    background-color: #eee;*/
/*}*/


.first-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/first.svg") no-repeat center center, #fff;
    text-indent: -9999px;
    vertical-align: top;
}

.prev-btn {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/prev.svg") no-repeat center center, #fff;
    text-indent: -9999px;
    vertical-align: top;
}

.next-btn {
    margin-left: 3px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/next.svg") no-repeat center center, #fff;
    text-indent: -9999px;
    vertical-align: top;
}

.last-btn {
    margin: 0 25px 0 7px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/last.svg") no-repeat center center, #fff;
    text-indent: -9999px;
    vertical-align: top;
}

.pager-btn {
    margin-right: 2px;
    padding: 0 3px;
    /*width: 20px;*/
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    vertical-align: top;
}

.pager-btn.on {
    background: #6b6b6b;
    border-radius: 1px;
    font-weight: 600;
    color: #fff;
}

.searching-pop-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/search.svg") no-repeat center center;
}

.searching-pop-btn:hover {
    background: url("../img/icon/search-hover.svg") no-repeat center center;
}

.write-search-btn {
    margin: 5px 0 0 20px;
    width: 18px;
    height: 16px;
    background: url("../img/icon/write.svg") no-repeat center center;
    vertical-align: top;
}

.write-pop-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url("../img/icon/write.svg") no-repeat center center;
}

.write-search-btn:hover,
.write-pop-btn:hover {
    background: url("../img/icon/write-hover.svg") no-repeat center center;
}

.delete-pop-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url("../img/icon/delete.svg") no-repeat center center;
}

.delete-pop-btn.blue {
    background: url("../img/icon/delete-blue.svg") no-repeat center center;
}

.delete-pop-btn.red {
    background: url("../img/icon/delete-red.svg") no-repeat center center;
}

.wpc-table tr .delete-pop-btn {
    vertical-align: middle;
}

.delete-search-btn {
    margin: 5px 0 0 20px;
    width: 18px;
    height: 16px;
    background: url("../img/icon/delete.svg") no-repeat center center;
    vertical-align: top;
}

.delete-pop-btn:hover,
.delete-search-btn:hover {
    background: url("../img/icon/delete-hover.svg") no-repeat center center;
}

.download-pop-btn {
    width: 20px;
    height: 20px;
    background: url("../img/icon/download.svg") no-repeat center center;
}

.save-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/save.svg") no-repeat center center;
}

.save-search-btn {
    margin: 4px 0 0 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon/save.svg") no-repeat center center;
    vertical-align: top;
}

.save-btn:hover,
.search-search-btn:hover {
    background: url("../img/icon/save-hover.svg") no-repeat center center;
}

.notopen-search-btn {
    margin: 3px 0 0 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/notopen.svg") no-repeat center center;
    vertical-align: top;
    opacity: 0.6;
}

.notopen-search-btn:hover {
    background: url("../img/icon/notopen-hover.svg") no-repeat center center;
}

.download-search-btn {
    margin: 3px 0 0 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/download.svg") no-repeat center center;
    vertical-align: top;
}

.modify-btn {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/modify.svg") no-repeat center center;
}

.refresh-btn {
    float: right;
    margin: 4px 0 0 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon/reuse.svg") no-repeat center center;
    opacity: 0.6;
}

.refresh-btn:hover {
    background: url("../img/icon/reuse-hover.svg") no-repeat center center;
    opacity: 1;
}

.download-pop-btn:hover {
    background: url("../img/icon/download-on.svg") no-repeat center center;
}

.underline-link {
    margin-right: 20px;
    font-size: 13px;
    color: #1773e9;
    text-decoration: underline;
}

.file-btn {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url("../img/icon/file.svg") no-repeat center center;

}

.file-btn.type-img {
    background: url("../img/icon/file-sample.png") no-repeat center center;
}

.file-btn.type-word {
    background: url("../img/icon/word.svg") no-repeat center center;
}

.file-btn.type-zip {
    background: url("../img/icon/zip.svg") no-repeat center center;
}

.file-btn.type-ppt {
    background: url("../img/icon/ppt.svg") no-repeat center center;
}

.file-btn.type-xls {
    background: url("../img/icon/excel.svg") no-repeat center center;
}

.file-btn.type-hwp {
    background: url("../img/icon/hwp.svg") no-repeat center center;
}

.file-btn.type-pdf {
    background: url("../img/icon/pdf.svg") no-repeat center center;
}

.file-btn.type-txt {
    background: url("../img/icon/txt.svg") no-repeat center center;
}

.file-btn.type-movie {
    background: url("../img/icon/avi.svg") no-repeat center center;
}

.file-btn.type-html {
    background: url("../img/icon/html.svg") no-repeat center center;
}

.file-btn.type-fig {
    background: url("../img/icon/fig.svg") no-repeat center center;
}

.file-btn.type-exe {
    background: url("../img/icon/exe.svg") no-repeat center center;
}

.file-btn.type-log {
    background: url("../img/icon/log.svg") no-repeat center center;
}

.file-btn.type-csv {
    background: url("../img/icon/csv.svg") no-repeat center center;
}

.file-btn.type-eml {
    background: url("../img/icon/eml.svg") no-repeat center center;
}

.file-btn.type-lzh {
    background: url("../img/icon/lzh.svg") no-repeat center center;
}

.file-btn.type-etc {
    background: url("../img/icon/etc.svg") no-repeat center center;
}


.favorites-btn {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    position: relative;
    font-size: 0;
    background: url("../img/icon/favorite.svg") no-repeat center center;
}

/*.favorites-btn:before {*/
/*    content: '★';*/
/*    display: block;*/
/*    !*position: absolute;*!*/
/*    !*left: 50%;*!*/
/*    !*top: 50%;*!*/
/*    !*transform: translate(-50%, -50%);*!*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    line-height: 18px;*/
/*    font-size: 18px;*/
/*    color: #e1e1e1;*/
/*    text-indent: 0;*/
/*}*/

.favorites-btn.on {
    background: url("../img/icon/favorite-on.svg") no-repeat center center;
}

.white-btn.type-small {
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    color: #333;
    border: 1px solid #e1e1e1;
    background: #fff;
}

.white-btn.type-small:hover {
    background: #1773e9;
    color: #fff;
}

.white-btn + .white-btn {
    margin-left: 4px;
}

.white-btn.type-big {
    width: 102px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #333;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
}

.white-btn.type-basic {
    margin-left: 10px;
    padding: 0 10px;
    width: 75px;
    /*width: 100px;*/
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #333;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
}

.white-btn.type-w180 {
    width: 180px;
}

.white-btn.type-full {
    width: 100%;
}

.white-btn.type-basic:hover {
    color: #fff;
    background: #1773e9;
    border: 1px solid transparent;
}

.white-btn.type-rsas-big {
    width: 140px;
    height: 40px;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
}

.white-btn.type-half {
    width: 50%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
}

.white-btn.type-half:hover {
    border: 1px solid #1773e9;
    color: #1773e9;
    position: relative;
    z-index: 1;
}

.white-btn.type-half + .white-btn.type-half {
    width: calc(50% + 1px);
    margin-left: -1px;

}

.blue-btn.type-big {
    width: 102px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    background: #1773e9;
    vertical-align: top;
    box-sizing: border-box;
}

.blue-btn.type-basic {
    margin-left: 10px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
    background: #1773e9;
    border-radius: 2px;
    vertical-align: top;
    box-sizing: border-box;
}

.search-box .blue-btn.type-basic {
    width: 75px;
}

.blue-btn.type-login {
    margin-bottom: 7px;
    width: 100%;
    height: 40px;
    background: #1773e9;
    font-size: 14px;
    color: #fff;
}

.blue-btn.type-rsas-big {
    margin-left: 10px;
    width: 140px;
    height: 40px;
    font-size: 15px;
    background: #1773e9;
    color: #fff;
}

.white-btn[disabled] {
    background: #ccc !important;
    color: #000 !important;
}

.blue-link {
    display: block;
    /*margin: 10px 0 30px 0;*/
    width: 100%;
    font-size: 15px;
    text-align: center;
    /*text-decoration: underline;*/
    color: #1773e9;
    opacity: 0.6;
}

.link-wrap {
    display: block;
    margin: 10px 0 30px 0;
    width: 100%;
    text-align: center;
}

.link-wrap em {
    display: inline-block;
    margin: 5px 14px 0 14px;
    width: 1px;
    height: 10px;
    background: #ccc;
    vertical-align: top;
}

.link-wrap .blue-link {
    display: inline-block;
    margin: 0;
    width: auto;
}

.code-btn {
    padding: 0 0.3em;
    /*font-size: 37px;*/
    font-size: 0.5em;
    width: 100%;
    height: 100%;
    /*color: #333;*/
    color: rgba(0, 0, 0, 0);
    vertical-align: top;
}

.image-cart-btn {
    width: 0.9em;
    height: 1.1em;
    background: url("../img/icon/cart-black.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
    position: relative;
    vertical-align: top;
    z-index: 1;
}

.image-cart-btn.on:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.15em;
    height: 0.15em;
    background: #ff7761;
    border-radius: 50%;
}

.image-cart-btn:hover {
    background: url("../img/icon/cart-hover.svg") no-repeat center center;
    background-size: 100%;
}

.type-lt .image-button-box .image-cart-btn,
.type-lb .image-button-box .image-cart-btn {
    margin-left: 0.3em;
}

/*.image-cart-btn:after {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: -33px;*/
/*    width: 3px;*/
/*    height: 0.8em;*/
/*    transform: translate(0, -50%);*/
/*    background: #707070;*/
/*}*/

.image-question-btn {
    width: 0.8em;
    height: 1.1em;
    background: url("../img/icon/inquiry.svg") no-repeat center center;
    background-size: 100%;
    text-indent: -9999px;
    position: relative;
    vertical-align: top;
    z-index: 1;
}

.image-question-btn:hover {
    background: url("../img/icon/inquiry-hover.svg") no-repeat center center;
    background-size: 100%;
}

.image-cart-btn + .image-question-btn {
    margin-left: 0.3em;
}

/*.image-question-btn:hover {*/
/*    background: url("../img/icon/inquiry-hover.svg") no-repeat center center;*/
/*}*/

/*.image-cart-btn + .image-question-btn:after {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: -33px;*/
/*    width: 3px;*/
/*    height: 0.8em;*/
/*    transform: translate(0, -50%);*/
/*    background: #707070;*/
/*}*/

/*.image-lock-btn {*/
/*    !*margin-right: 30px;*!*/
/*    width: 36px;*/
/*    height: 100%;*/
/*    background: url("../img/icon/matchoff.svg") no-repeat center center;*/
/*    background-size: 75%;*/
/*    text-indent: -9999px;*/
/*    position: relative;*/
/*    vertical-align: top;*/
/*}*/

.image-lock-btn {
    /*margin-right: 30px;*/
    width: 1em;
    height: 1.1em;
    background: url("../img/icon/matchoff.svg") no-repeat center center;
    background-size: 75%;
    text-indent: -9999px;
    position: relative;
    vertical-align: top;
    z-index: 1;
}

.image-lock-btn:hover {
    background: url("../img/icon/matchoff-hover.svg") no-repeat center center;
    background-size: 75%;
}

.image-question-btn + .image-lock-btn,
.image-cart-btn + .image-lock-btn {
    margin-left: 0.3em;
}

.type-lt .image-button-box .image-question-btn + .image-lock-btn,
.type-lt .image-button-box .image-cart-btn + .image-lock-btn,
.type-lb .image-button-box .image-question-btn + .image-lock-btn,
.type-lb .image-button-box .image-cart-btn + .image-lock-btn {
    margin: 0 0 0 0.3em;
}

/*.image-question-btn + .image-lock-btn:after,*/
/*.image-cart-btn + .image-lock-btn:after {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: -33px;*/
/*    width: 3px;*/
/*    height: 0.8em;*/
/*    transform: translate(0, -50%);*/
/*    background: #707070;*/
/*}*/

.image-lock-btn.on {
    background: url("../img/icon/matchon.svg") no-repeat center center;
    background-size: 75%;
}

.image-lock-btn.on:hover {
    background: url("../img/icon/matchon-hover.svg") no-repeat center center;
    background-size: 75%;
}

/*.image-lock-btn:after {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: -33px;*/
/*    width: 3px;*/
/*    height: 33px;*/
/*    transform: translate(0, -50%);*/
/*    background: #707070;*/
/*}*/

.viewer3d-fitbtn {
    width: 16px;
    height: 16px;
    background: url("../img/icon/fullscreen.svg") no-repeat center center;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.white-dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    z-index: 1;
}

.black-dim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.legal-btn {
    line-height: 20px;
    color: #555;
    font-size: 13px;
}

.illuest-del-btn {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    text-indent: -999999999999999999px;
    background: url("../img/icon/del-btn.svg") no-repeat center center;
    background-size: 100%;
}

/* wpc-form-select */
.select-form-box {
    display: inline-block;
    padding: 6px 0;
    vertical-align: top;
}

.select-form-box .wpc-form-radio {
    vertical-align: top;
}

.select-divide {
    display: inline-block;
    margin: -1px 10px 0 10px;
    font-size: 13px;
    vertical-align: top;
}

.select-text {
    display: inline-block;
    margin-top: -2px;
    font-size: 13px;
    vertical-align: top;
}

.wpc-form-select {
    display: inline-block;
    position: relative;
}

.wpc-form-select.type-white {
    vertical-align: top;
}

.wpc-form-select.type-viewmode {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 19px;
    height: 15px;
}

.wpc-form-select.type-viewmode .select-option-btn.current {
    font-weight: 600;
}

.wpc-form-select-wrap {
    margin-bottom: 10px;
    padding: 5px 16px;
}

.wpc-form-select-wrap.type-table {
    margin-bottom: 0;
    padding: 0;
}

.wpc-form-select.type-black {
    margin-right: 24px;
}

.wpc-form-select .select-form-btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpc-form-select.type-white.type-large {
    margin-right: 10px;
}

.wpc-form-select.type-black .select-form-btn {
    padding: 0 18px 0 22px;
    max-width: 110px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #bcbcbc;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wpc-form-select.type-black .select-form-btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url("../img/icon/world.png") no-repeat center center;
}

.wpc-form-select.type-black .select-form-btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 8px;
    height: 5px;
    background: url("../img/icon/ic_sortorder.svg") no-repeat center center;
}

.wpc-form-select.type-white .select-form-btn {
    padding: 0 29px 0 9px;
    height: 26px;
    font-size: 13px;
    color: #555;
    border: 1px solid #e1e1e1;
    border-right: none;
    background: #fff;
    position: relative;
    text-align: left;
}

.wpc-form-select.type-white.type-large .select-form-btn {
    width: 150px;
    border-right: 1px solid #e1e1e1;
}

.wpc-form-select.type-white.type-big .select-form-btn {
    width: 180px;
    border-right: 1px solid #e1e1e1;
}

.wpc-form-select.type-white .select-form-btn:after,
.wpc-form-select.type-full .select-form-btn:after,
.wpc-form-select.type-half .select-form-btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 9px;
    top: 10px;
    width: 9px;
    height: 6px;
    background: url("../img/icon/selectbox_arrow.svg") no-repeat center center;
}

.wpc-form-select.type-table .select-form-btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 9px;
    top: 50%;
    width: 9px;
    height: 6px;
    background: url("../img/icon/selectbox_arrow.svg") no-repeat center center;
    transform: translate(0, -50%);
}

.wpc-form-select.type-viewmode .select-form-btn {
    width: 19px;
    height: 15px;
    background: url("../img/icon/division.svg") no-repeat center center;
    text-indent: -9999px;
}

/*.wpc-form-select ul {*/
/*  display: none;*/
/*  position: absolute;*/
/*  right: 0;*/
/*  width: 100%;*/
/*  !*max-height: 300px;*!*/
/*  border: 1px solid #cacaca;*/
/*  background: #fff;*/
/*  z-index: 3;*/
/*  box-sizing: border-box;*/
/*  white-space: nowrap;*/
/*  !*overflow:auto;*!*/
/*}*/

.wpc-form-select ul {
    display: none;
    position: absolute;
    right: 0;
    min-width: 100%;
    width: auto;
    /*max-height: 300px;*/
    border: 1px solid #cacaca;
    background: #fff;
    z-index: 3;
    box-sizing: border-box;
    white-space: nowrap;
    /*overflow:auto;*/
}

.wpc-form-select ul:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
}

.wpc-form-select.type-left ul {
    left: 0;
    right: auto;
}

.wpc-form-select.type-over ul {
    width: auto;
}

.wpc-form-select.type-pfix ul {
    position: fixed;
    right: auto;
    width: auto;
    min-width: 181px;
}

.wpc-form-select.type-pfix.type-sfix ul {
    max-height: 200px;
    overflow: auto;
    overflow-y: auto;
    box-sizing: border-box;
    cursor: default;
}

.wpc-form-select.type-black ul {
    width: auto;
    z-index: 11;
}

.wpc-form-select.type-fixed ul {
    position: fixed;
    width: auto;
    min-width: auto;
    right: auto;
    z-index: 3;
}

.wpc-form-select.type-black ul {
    top: 50px;
}

.wpc-form-select.type-white ul {
    top: 30px;
    left: 2px;
    width: 120px;
}

.wpc-form-select.type-right ul {
    /*right: -160%;*/
    /*top: 0;*/
    width: 150%;
}

.wpc-form-select.type-info ul {
    /*left: -260px;*/
    /*top: 0;*/
    /*width: 250px;*/
}

.bottom-popbox .wpc-form-select.type-info ul {
    /*left: -260px;*/
    /*top: auto;*/
    /*bottom: 0;*/
    width: 250px;
}

.select-option-btn {
    padding: 0 14px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333;
    text-align: left;
}

.select-option-btn:hover {
    background: #f7f7f7;
}

.wpc-form-select.type-full,
.wpc-form-select.type-table {
    width: 100%;
    background: #fff;
}

.wpc-form-select.type-full .select-form-btn {
    width: 100%;
    padding: 0 30px 0 10px;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    color: #555;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wpc-form-select.type-table .select-form-btn {
    width: 100%;
    padding: 0 30px 0 10px;
    height: 22px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    color: #666666;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wpc-form-select.type-full + .wpc-form-select.type-full {
    margin-top: 5px;
}

.wpc-form-select.type-info .select-form-btn {
    width: 20px;
    height: 20px;
    background: url("../img/icon/ic_info_hover.png") no-repeat center center;
    text-indent: -9999px;
}

.wpc-form-select.type-color .select-form-btn {
    width: 20px;
    height: 20px;
    background: url("../img/icon/ic_copy_hover.png") no-repeat center center;
    text-indent: -9999px;
}

/*.wpc-form-select.type-info .select-form-btn:hover {*/
/*    background: url("../img/icon/ic_info_hover.png") no-repeat center center;*/
/*}*/

.wpc-form-select.type-half {
    width: calc(50% - 5px);
}

.wpc-form-select.type-half + .wpc-form-select.type-half {
    margin-left: 10px;
}

.wpc-form-select.type-half .select-form-btn {
    padding: 0 9px;
    width: 100%;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    color: #555;
    text-align: left;
}

.wpc-form-select.type-fixed .select-form-btn {
    /*text-decoration: underline;*/
    color: #4779cf;
    /*color: blue*/
}

.wpc-form-select .white-dim {
    display: none !important;
}

/* wpc-form-combobox */
.wpc-form-combobox {
    background: #fff;
}

.wpc-form-combobox.type-w180 {
    width: 180px;
}

.wpc-form-combobox + .wpc-form-combobox {
    margin-top: 5px;
}

.wpc-form-combobox.type-search {
    display: inline-block;
    margin: 0 0 0 10px;
}

.wpc-form-combobox.type-table {
    margin: 0;
}

.wpc-form-combobox.type-table .custom-combobox input {
    height: 22px;
}

.wpc-form-combobox .custom-combobox {
    display: block;
    position: relative;
}

.wpc-form-combobox .custom-combobox input {
    padding: 0 30px 0 10px;
    width: 100%;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    background: none;
    color: #555;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}

.wpc-form-combobox .custom-combobox a {
    display: block;
    position: absolute;
    right: 9px;
    top: 50%;
    width: 30px;
    height: 100%;
    border: none;
    background: url('../img/icon/selectbox_arrow.svg') no-repeat center center;
    transform: translate(0, -50%);
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    font-size: 13px;
}

/* wpc-form-radio */
.radio-wrap {
    margin-bottom: 10px;
}

.radio-wrap.type-rsas {
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
}

.radio-wrap.type-rsas .radio-title {
    display: inline-block;
    width: 20%;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.radio-box {
    display: inline-block;
    margin-left: 10px;
}

.wpc-form-radio {
    display: inline-block;
    position: relative;
}

.wpc-form-radio.type-block {
    display: block;
}

.wpc-form-radio input {
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
}

.wpc-form-radio label {
    display: inline-block;
    padding: 0 4px 0 24px;
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    color: #555;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.radio-wrap.type-rsas .wpc-form-radio + .wpc-form-radio {
    margin-left: 40px;
}

.radio-wrap.type-rsas .wpc-form-radio label {
    font-size: 14px;
    color: #333;
}

.wpc-form-radio label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url("../img/icon/radio_off.svg") no-repeat center center, #fff;
    border-radius: 50%;
}

.wpc-form-radio input:checked + label:before {
    background: url("../img/icon/radio_on.svg") no-repeat center center;
}

.wpc-form-radio + .wpc-form-radio {
    margin-left: 10px;
}

.wpc-form-radio.type-block + .wpc-form-radio.type-block {
    margin: 5px 0 0 0;
}

.wpc-form-radio.type-notext label {
    text-indent: -9999px;
    padding: 0 7px;
}

.wpc-form-radio.type-bigtext label {
    padding: 0 5px 0 25px;
    font-size: 15px;
    position: relative;
}

.wpc-form-radio.type-bigtext + .wpc-form-radio.type-bigtext {
    margin-left: 27px;
}

.wpc-form-radio.type-bigtext label:before {
    position: absolute;
    left: 0;
    top: 0;
}

/* wpc-form-textarea */
.wpc-form-textarea textarea {
    padding: 5px 10px;
    width: 100%;
    height: 50px;
    resize: none;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
}

/* wpc-form-input */
.wpc-form-input {
    display: inline-block;
    position: relative;
}

.wpc-form-input.type-1 + .wpc-form-input.type-1 {
    margin-left: 5px;
}

.wpc-form-input.type-5 + .wpc-form-input.type-1 {
    margin-left: 5px;
}

.wpc-form-input input {
    padding: 0 30px 0 10px;
    width: 100%;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    box-sizing: border-box;
}

.wpc-form-input input::placeholder {
    font-size: 12px;
    letter-spacing: -0.5px;
}

.wpc-form-input input:-ms-input-placeholder {
    font-size: 12px;
    letter-spacing: -0.5px;
}

.wpc-form-input.type-table {
    width: 100%;
}

.wpc-form-input.type-table input {
    width: 100%;
    height: 22px;
    padding: 0 10px;
}

.wpc-form-input input[disabled] {
    border: 1px solid transparent;
    background: none;
}

.search-box .wpc-form-input input[disabled] {
    border: 1px solid #e1e1e1;
    background: #ddd;
}


.wpc-form-input input:focus,
.wpc-form-input input:active {
    border: 1px solid #3a88ec;
}

.wpc-form-input input + .search-btn,
.wpc-form-input input + .search-btn {
    background: url("../img/icon/search-black.svg") no-repeat center center;
    background-size: 100%;
}

.wpc-form-input input[disabled]:focus,
.wpc-form-input input[disabled]:active {
    border: 1px solid transparent;
}

.wpc-form-input .search-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -47%);
}

/*.layer-search-box .wpc-form-input .search-btn{*/
/*  top: 4px;*/
/*}*/
.wpc-form-input.type-1 {
    width: 180px;
}

.wpc-form-input.type-2 {
    width: 150px;
}

.wpc-form-input.type-3 {
    width: 100px;
}

.wpc-form-input.type-4 {
    width: 490px;
}

.wpc-form-input.type-5 {
    width: 200px;
}

.wpc-form-input.type-rsas {
    width: 100%;
    vertical-align: top;
}

.type-halfinput {
    font-size: 0;
}

.type-halfinput .wpc-form-input.type-table {
    width: 48%;
}

.type-halfinput em {
    display: inline-block;
    width: 4%;
    font-size: 13px;
    text-align: center;
}

.wpc-form-input.type-3 + .wpc-form-input.type-3 {
    margin-left: 10px;
}

.wpc-form-input.type-full {
    width: 100%;
}

.wpc-form-input.type-full label {
    display: inline-block;
    width: 15%;
}

.wpc-form-input.type-full input {
    padding: 0 10px;
    width: 100%;
    height: 22px;
}

.wpc-form-input.type-full label + input {
    margin-left: 15px;
    width: calc(80% - 15px);
}

.wpc-form-input.type-npadding input {
    padding: 0 !important;
}

.wpc-form-input.type-login {
    margin-bottom: 7px;
    width: 100%;
}

.password-info {
    padding: 5px 0 5px 20%;
    line-height: 17px;
    font-size: 13px;
    color: #333;
}

.password-info + .password-info {
    margin-bottom: 10px
}

/*.wpc-form-input.type-login + .wpc-form-input.type-login {*/
/*    margin-top: 5px;*/
/*}*/

.wpc-form-input.type-login input {
    font-size: 14px;
    height: 40px;
}

.wpc-form-input.type-label {
    width: 100%;
    font-size: 0;
}

.wpc-form-input.type-label + .wpc-form-input.type-label,
.wpc-form-input.type-rsas + .wpc-form-input.type-rsas {
    margin-top: 10px;
}

.wpc-form-input.type-label label {
    display: inline-block;
    width: 20%;
    font-size: 13px;
}

.wpc-form-input.type-label.type-block label {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

.wpc-form-input.type-rsas label {
    display: inline-block;
    width: 20%;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    vertical-align: top;
}

.wpc-form-input.type-rsas .type-2line {
    line-height: 18px;
}

.wpc-form-input.type-rsas label em {
    display: block;
    font-weight: 400;
}

.wpc-form-input.type-rsas input {
    width: 316px;
    height: 40px;
    /*vertical-align: top;*/
}

.wpc-form-input.type-rsas.type-one input {
    width: calc(100% - 20%);
}

.wpc-form-input.type-rsas .type-full {
    margin: 10px 0 0 20%;
    width: calc(100% - 20%);
}

.wpc-form-input.type-rsas .type-short {
    width: 100px;
}

.wpc-form-input.type-rsas .wpc-form-input {
    /*vertical-align: top;*/
}

.wpc-form-input.type-rsas .type-short + .wpc-form-input,
.wpc-form-input.type-rsas .wpc-form-input + .type-short {
    margin-left: 10px;
}

.wpc-form-input.type-rsas .wpc-form-input input {
    width: 316px;
}

.wpc-form-input.type-rsas .wpc-form-input .search-btn {
    top: 20px;
    right: 12px;
    width: 15px;
    height: 15px;
    overflow: hidden;
}

.rsas-id-title {
    margin-bottom: 10px;
    line-height: 26px;
}

.rsas-id-title strong {
    display: inline-block;
    width: 30%;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.rsas-id-title span {
    font-size: 15px;
    color: #333;
}

.wpc-form-input.type-label.type-1 label {
    display: inline-block;
    padding: 0 10px;
    width: 50%;
    font-size: 13px;
    box-sizing: border-box;
}

.wpc-form-input.type-label input {
    width: 80%;
}

.wpc-form-input.type-label.type-block input {
    width: 100%;
}

.wpc-form-input.type-label.type-1 input {
    width: 50%;
}

.wpc-form-input.type-label-half {
    padding: 3px 14px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.wpc-form-input.type-label-half label {
    display: inline-block;
    width: 50%;
    font-size: 13px;
}

.wpc-form-input.type-label-half input {
    width: 50%;
    height: 22px;
}

.ui-autocomplete {
    font-size: 13px;
    /*max-height: 400px;*/
    /*bottom: 0;*/
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

/* wpc-form-checkbox */
.checkbox-wrap {
    padding: 2px 0;
    display: inline-block;
    vertical-align: top;
}

.checkbox-box {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 0;
    vertical-align: top;
}

.wpc-form-checkbox {
    display: inline-block;
}

.wpc-form-checkbox.type-search {
    vertical-align: top;
    margin-top: 5px;
}

.wpc-form-checkbox.type-text {
    display: inline-block;
    margin-right: 3px;
}

.table-check-box {
    font-size: 0;
}

.table-check-box .wpc-form-checkbox.type-text {
    width: 50%;
    margin-right: 0;
}

.wpc-form-checkbox.type-text + .wpc-form-checkbox.type-text {
    margin-top: 3px;
}

.wpc-form-checkbox.type-tfull {
    margin-right: 0;
    width: 100%;
}

.wpc-form-checkbox input {
    display: none;
}

.wpc-form-checkbox label {
    display: inline-block;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
}

.wpc-form-checkbox label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    background: #fff;
    vertical-align: middle;
}

.wpc-form-checkbox.f-right label:before {
    vertical-align: text-bottom;
}

.wpc-form-checkbox.type-text label {
    padding: 0 5px 0 20px;
    font-size: 13px;
    position: relative;
}

.wpc-form-checkbox.type-tfull label {
    width: 100%;
    box-sizing: border-box;
}

.wpc-form-checkbox.type-text label:before {
    position: absolute;
    left: 0;
    top: 0;
}

.wpc-form-checkbox.type-tfull label:before {
    top: -1px;
}

.wpc-form-checkbox input:checked + label:before {
    border-color: #1773e9;
    background: url("../img/icon/check.svg") no-repeat center center, #1773e9;
}

/* wpc-form-file */
.wpc-form-file {
}

.wpc-form-file input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.wpc-form-file label {
    display: inline-block;
    margin-left: 6px;
    padding: 0 8px;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
    background-color: rgba(50, 50, 50, 0.5);
    cursor: pointer;
}

.wpc-form-file .upload-name {
    display: inline-block;
    padding: 0 8px;
    width: 190px;
    font-size: 13px;
    font-family: inherit;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.upload-file-name {
    display: inline-block;
    padding: 5px 20px 5px 0;
    position: relative;
}

.upload-file-del-btn {
    position: absolute;
    right: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url("../img/icon/del-btn.svg") no-repeat center center;
    text-indent: -9999px;

}

.manual-btn {
    width: 46px;
    height: 46px;
    background: url("../img/icon/icon-manual.svg") no-repeat center center;
    border-left: 1px solid #3e3e3e;
    vertical-align: top;
}

/* wpc-form-multifile */
.wpc-form-mutifile {
    max-height: 200px;
}

/* wpc-imgbox */
.wpc-imgwrap {
    padding: 20px 0 0 20px;
    height: 100%;
}

.wpc-imgbox {
    display: inline-block;
    margin: 0 20px 20px 0;
    /*width: 334px;*/
    width: 295px;
    text-align: center;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    position: relative;
}

.wpc-imgbox:hover {
    border-color: #3a88ec;
}

.wpc-imgbox .wpc-form-checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
}

.wpc-img-zoom-btn {
    width: 50%
}

.wpc-imgbox img {
    margin: 24px 0;
    height: 141px;
}

.wpc-imgtext {
    padding: 10px 20px;
    font-size: 13px;
    color: #555;
    /*color: black;*/
    border-top: 1px solid #f0f0f0;
    text-align: left;
    position: relative;
}

.wpc-imgtext .cart-btn {
    margin: 0;
    //position: absolute;
    //right: 10px;
    top: 5px;
    transform: translate(0, -50%);
    text-indent: -9999px;
}

.wpc-img-type {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    vertical-align: top;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.wpc-img-type.female {
    color: #ff7761;
}

.wpc-img-type.male {
    color: #4779cf;
}

.wpc-img-text {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    position: relative;
}

.wpc-img-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
}

/* calendar */
.calendar-wrap em {
    display: inline-block;
    width: 19px;
    font-size: 13px;
    text-align: center;
    color: #ccc;
}

.wpc-form-calendar {
    display: inline-block;
}

.ui-datepicker {
    font-size: 13px;
}

.wpc-form-calendar input {
    padding: 0 5px;
    width: 80px;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    box-sizing: border-box;
}

/* search */
.search-box {
    padding: 5px 21px 5px 16px;
    /*background: #fafafa;*/
    font-size: 0;
    height: 26px;
}

.search-box .white-btn {
    vertical-align: top;
}

.search-box.type-right {
    text-align: right;
}

.search-box .type-halfbox + .type-halfbox {
    padding-left: 16px;
    border-left: 1px solid #dbdbdb;
}

.search-result {
    display: inline-block;
    margin-left: 10px;
}

.search-result.type-left {
    float: left;
    margin: 8px 0 0 0;
}

.search-result span {
    display: inline-block;
    font-size: 13px;
    color: #4779cf;
    /*color: blue;*/
    font-weight: 500;
    position: relative;
}

.search-result em {
    font-size: 13px;
    color: #555;
}

.search-result span + span:before {
    content: '';
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 16px;
    background: #4779cf;
    vertical-align: middle;
}

.search-filter-wrap {
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
}

.search-filter-box {
    padding: 0 16px;
    height: 32px;
    border-bottom: 1px solid #f0f0f0;
}

.search-filter-box button {
    padding: 0 8px;
    height: 32px;
    font-size: 14px;
    /*color: #333;*/
    color: black;
    position: relative;
}

.search-filter-box button + button {
    margin-left: 16px;
}

.search-filter-box button.on,
.search-filter-box button:hover {
    font-weight: 600;
}

.search-filter-box button.on:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #1773e9
}

.search-result-box {
    padding: 7px 100px 0 0;
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    position: relative;
}

.search-result-list-box {
    padding: 0 0 7px 15px;
    white-space: nowrap;
}

.search-result-btn {
    display: inline-block;
    position: relative;
}

.search-result-btn + .search-result-btn {
    margin-left: 4px;
}

.result-name-btn {
    padding: 0 20px 0 10px;
    height: 22px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
}

.result-name-btn:hover {
    border: 1px solid #609eee;
}

.result-name-btn.on {
    border: 1px solid #609eee;
    background: #f0f4fa;
}

.result-del-btn {
    position: absolute;
    right: 9px;
    top: 8px;
    width: 7px;
    height: 7px;
    background: url("../img/icon/del-btn.svg") no-repeat center center;
    text-indent: -9999px;
}

/* main-viewer-wrap */
.search-filter-wrap + .main-viewer-wrap {
    height: calc(100% - 106px);
}

.illuest-box + .main-viewer-wrap {
    height: calc(100% - 74px);
}

.main-viewer-wrap {
    height: calc(100% - 36px);
}

.type-hm106 .main-viewer-wrap {
    height: 100%;
}

.main-viewer-wrap.type-hm34 {
    height: calc(100% - 34px);
}

/*.main-viewer-wrap[data-mode="table"]{*/
/*    */
/*}*/
.main-viewer-wrap[data-mode="table"] .wpc-table.type-main {
    width: 100% !important;
    max-width: none;
}

.main-viewer-wrap[data-mode="table"] .image-box {
    display: none;
}

.main-viewer-wrap[data-mode="image"] .wpc-table.type-main {
    display: none;
}

.main-viewer-wrap[data-mode="image"] .image-box {
    width: 100% !important;
}

.search-section-box {
    border-top: 1px solid #e1e1e1;
}

.uploadfile-box {
    height: calc(100% - 22px);
    position: relative;
    overflow: hidden;
}

/* wpc-table */
.wpc-table {
    display: inline-block;
    position: relative;
}

.wpc-table.type-textright th,
.wpc-table.type-textright td {
    text-align: right !important;
}

.wpc-table.type-textright th:first-child,
.wpc-table.type-textright td:first-child {
    text-align: left !important;
}

.wpc-table.type-textright .type-userlist + tr td,
.wpc-table.type-textright .type-userlist + tr + tr td{
    text-align: right !important;
}

.wpc-table table {
    margin: 0;
    width: 100%;
}

.wpc-table.type-fixed table {
    table-layout: fixed;
}

.wpc-table .table-title {
    padding: 5px 0 0 21px;
    height: 56px;
    font-size: 20px;
    color: #333;
    box-sizing: border-box;
    font-weight: 600;
}

.wpc-table th.type-tright {
    padding-right: 0 !important;
}

.wpc-table tr th:first-child,
.wpc-table tr td:first-child,
.wpc-table tr td.fst-table-column,
.wpc-table.type-row th + td,
.wpc-table .table-row .dual-column + td[rowspan] {
    padding-left: 16px;
}

.layer-content .wpc-table tr th:first-child,
.layer-content .wpc-table tr td:first-child,
.layer-content .wpc-table.type-row th + td,
.layer-content .wpc-table .table-row .dual-column + td[rowspan] {
    padding-left: 6px;
}

.wpc-table tr.type-nofirst th:first-child,
.wpc-table tr.type-nofirst td:first-child {
    padding-left: 6px;
}

.wpc-table td {
    padding: 0 4px;
    vertical-align: middle;
}

.wpc-table.type-main {
    width: 50%;
    max-width: 800px;
    height: 100%;
}

.main-viewer-wrap.type-group .wpc-table.type-main {
    width: 500px;
}

.main-viewer-wrap.type-w600 .wpc-table.type-main {
    width: 600px;
}

.main-viewer-wrap.type-w650 .wpc-table.type-main {
    width: 650px;
}

.main-viewer-wrap.type-w700 .wpc-table.type-main {
    width: 700px;
}

.wpc-table.type-main .table-column,
.wpc-table.type-main .table-row {
    display: none;
}

[data-mode="table"] .wpc-table.type-main .table-column {
    display: table-cell;
}

[data-mode="table"] .wpc-table.type-main .table-row {
    display: table-row;
}

.wpc-table.type-main .dual-row {
    display: table-row;
}

.wpc-table.type-main .dual-column {
    display: table-cell;
}

[data-mode="table"] .wpc-table.type-main .dual-column,
[data-mode="table"] .wpc-table.type-main .dual-row {
    display: none;
}

.wpc-table.type-basic {
    width: 100%;
    height: 99%;
}

.wpc-table.type-full {
    width: 100%;
}

.wpc-table.type-line {
    border-top: 1px solid #777;
}

.wpc-table.type-line2 {
    border-top: 1px solid #fafafa;
}

.wpc-table.type-admin1 {
    width: 25%;
    height: calc(100% - 36px);
    border-right: 1px solid #000;
    vertical-align: top;
    box-sizing: border-box;
}

.wpc-table.type-admin2 {
    margin-left: -1px;
    width: calc(25% + 1px);
    height: calc(100% - 36px);
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    border-left: 4px solid #fff;
    overflow: hidden;
}

.wpc-table.type-admin2 .tablesorter-sticky-wrapper {
    /*margin-top: -36px;*/
    left: 0 !important;
}

.wpc-table.type-admin2 + .wpc-table.type-admin1 {
    border-right: none;
    border-left: 4px solid #fff;
}

.wpc-table.type-main th {
    padding: 0 10px;
    height: 22px;
    font-size: 13px;
    color: #333;
    /*color: black;*/
    background-color: #f3f3f4;
    border-bottom: 1px solid #999999;
    text-align: left;
}

.wpc-table.type-row th {
    padding: 0 10px;
    height: 22px;
    font-size: 13px;
    /*color: #333;*/
    color: black;
    text-align: left;
}

.wpc-table.type-basic th {
    padding: 0 0 0 6px;
    height: 22px;
    font-size: 13px;
    /*color: #333;*/
    color: black;
    background-color: #f3f3f4;
    border-bottom: 1px solid #999999;
    text-align: left;
}

.wpc-table .table-subtitle {
    height: 36px !important;
    background-color: #dedede !important;
}

.wpc-table.type-row th {
    padding: 0 15px;
    height: 21px;
    /*background-color: #fafafa;*/
}

.wpc-table.type-admin2 th {
    padding: 0 0 0 10px;
    height: 22px;
    font-size: 13px;
    background-color: #f1f1f1;
}

.wpc-table.type-row th {
    /*border-bottom: 1px solid #f0f0f0;*/
}

.wpc-table.type-admin2 th {
    text-align: center;
}

.wpc-table.type-main td,
.wpc-table.type-row td,
.wpc-table.type-admin2 td,
.wpc-table.type-basic td {
    padding: 1px 0 1px 6px;
    height: 22px;
    /*border-bottom: 1px solid #f0f0f0;*/
    border-bottom: none;
    font-size: 13px;
    line-height: 1.2;
    color: #555;
    background-color: transparent;
}

/*.wpc-table.type-main td {*/
/*  color: #000;*/
/*}*/

.wpc-table.type-row td,
.wpc-table.type-row td[colspan]:first-child {
    padding: 1px 0 1px 6px;
    height: 22px;
}

.wpc-table.type-admin2 td {
    padding: 0 0 0 10px;
}

.wpc-table.type-main tr:nth-child(even),
.wpc-table.type-basic tr:nth-child(even),
.wpc-table.type-drag tr:nth-child(even),
.wpc-table.type-row tr:nth-child(even) {
    background: #f1f1f1;
}


.wpc-table tr:hover,
.wpc-table.type-main tr:nth-child(even):hover,
.wpc-table.type-basic tr:nth-child(even):hover,
.wpc-table.type-drag tr:nth-child(even):hover,
.wpc-table.type-row tr:nth-child(even):hover {
    background: #e7f1fd;
}

.wpc-table tr.current,
.wpc-table.type-main tr.current,
.wpc-table tr .current,
.wpc-table tr:hover .current {
    /*background: #e7f1fd !important;*/
    background: #b9d5f8 !important;
}

.wpc-table tr.red-pick {
    background: #ffc8c0 !important;
}

.wpc-table tr.red-pick:hover {
    background: #ff9485 !important;
}

.wpc-table tr.blue-pick {
    background: #b9d5f8 !important;
}

.wpc-table tr.blue-pick:hover {
    background: #72adf6 !important;
}

.wpc-table tr.green-pick {
    background: #b9fcc4 !important;
}

.wpc-table tr.green-pick:hover {
    background: #73fc81 !important;
}

.wpc-table tr:hover td,
.wpc-table.type-nohover tr:hover {
    background-color: transparent !important;
}

.wpc-table.type-nohover tr:nth-child(even):hover,
.wpc-table.type-row.type-nohover tr:nth-child(even):hover {
    background-color: #f1f1f1 !important;
}

.wpc-table.type-noback tr:nth-child(even) {
    background: none;
}

.wpc-table.type-compare table {
    white-space: nowrap;
    table-layout: fixed;
}

.wpc-table.type-compare table td {
    width: 130px;
}

.wpc-table.type-compare tbody th {
    color: #1773e9;
    background: none;
    border-bottom: 1px solid #f0f0f0;
}

.wpc-table.type-compare tr:nth-child(even) {
    background: none;
}

.wpc-table.type-compare .diff {
    background: #e2f0d9 !important;
}

.wpc-table.type-drag {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
}

.wpc-table.type-drag .custom-scroll {
    height: calc(100% - 22px);
}

.wpc-table.type-drag th {
    padding: 0 15px;
    height: 22px;
    font-size: 13px;
    color: #333;
    background-color: #f3f3f4;
    border-bottom: 1px solid #999999;
    text-align: left;
}

.wpc-table.type-drag td {
    padding: 0 15px;
    height: 22px;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
    background: transparent;
}

.wpc-table.type-drag tr[style] td,
.wpc-table.type-drag tr[style] td .wpc-table-pop {
    color: inherit;
}

.wpc-table.type-hauto {
    height: auto !important;
}

.wpc-table.type-h450 {
    max-height: 450px;
}

.wpc-table.type-h500 {
    max-height: 500px;
}

.wpc-table.type-h565 {
    max-height: 565px
}

.wpc-table.type-hm30 {
    height: calc(100% - 30px);
}

.wpc-table.type-hm46 {
    height: calc(100% - 46px) !important;
}

.wpc-table.nowrap table {
    table-layout: fixed;
}
.wpc-table.nowrap td button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

/* wpc-tree */
.wpc-tree-wrap {
    display: inline-block;
    padding: 10px;
    width: 25%;
    height: calc(100% - 36px);
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #f5f5f5;
}

.wpc-tree-wrap .tree-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.wpc-tree-wrap .tree-subtitle {
    font-size: 16px;
    font-weight: 400;
}

.wpc-tree {
    height: calc(100% - 24px);
    font-size: 13px;
}

.wpc-tree > li > .stm-content {
    color: #555;
    font-weight: 600;
}

.wpc-tree > li > ul li .stm-content {
    color: #333;
}

.wpc-tree .jqtree-tree .jqtree-toggler {
    width: 9px;
    text-indent: -9999px;
    background: url("../img/icon/tree-close.svg") no-repeat center center;
}

.wpc-tree .jqtree-tree .jqtree-toggler.jqtree-closed {
    background: url("../img/icon/tree-open.svg") no-repeat center center;
}

.wpc-tree li span.current,
.wpc-tree li a.current {
    font-weight: 600;
}

/* wpc-form-editor */
.wpc-form-editor {
    display: inline-block;
    width: calc(100% - 420px);
    height: 100%;
}

/*.editor-btn-box {*/
/*    padding: 5px 0;*/
/*    height: 33px;*/
/*    line-height: 33px;*/
/*    text-align: right;*/
/*    box-sizing: border-box;*/
/*    border-bottom: 1px solid #f0f0f0;*/
/*}*/

.editor-btn-box {
    text-align: right;
}

.editor-btn-box .favorites-btn {
    margin-top: 2px;
    vertical-align: top;
}

/*.editor-title input {*/
/*    padding: 0 10px;*/
/*    width: 100%;*/
/*    height: 33px;*/
/*    font-size: 13px;*/
/*    color: #333;*/
/*    font-weight: 600;*/
/*    border: none;*/
/*    box-sizing: border-box;*/
/*}*/

.editor-title input {
    width: 100%;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    border: none;
    box-sizing: border-box;
}

.editor-title.type-line {
    padding: 5px 0;
}

.editor-title.type-line input {
    height: 26px;
    border: 1px solid #e1e1e1;
}

.editor-title.type-radio-box input {
    width: 73%;
}

.editor-title.type-radio-box .wpc-form-radio {
    margin-left: 10px;
}

.wpc-form-editor .editor-box {
    height: calc(100% - 66px);
}

.wpc-form-editor .tox-tinymce {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.mce-statusbar {
    display: none !important;
}

.mce-container {
    box-sizing: border-box;
}

.wpc-form-editor .tox .tox-menubar + .tox-toolbar,
.wpc-form-editor .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary,
.wpc-form-editor .tox .tox-statusbar {
    border-top: 1px solid #f0f0f0;
}

.text-box textarea {
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
    resize: none;
    box-sizing: border-box;
}

.editor-table-title {
    padding: 1px 10px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    background: #f3f3f4;
    color: #333;
    font-weight: 600;
}

.editor-table-title .wpc-form-checkbox {
    height: 16px;
}

.editor-table-title .wpc-form-checkbox label {
    height: 16px;
    line-height: 16px;
    font-weight: 400;
}

/* main-image */
.image-box {
    display: inline-block;
    width: calc(100% - 800px);
    height: 100%;
    font-size: 13px;
    position: relative;
    border-left: 1px solid #e1e1e1;
    vertical-align: top;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}

.main-viewer-wrap.type-group .image-box {
    width: calc(100% - 500px);
}

.main-viewer-wrap.type-w600 .image-box {
    width: calc(100% - 600px);
}

.main-viewer-wrap.type-w650 .image-box {
    width: calc(100% - 650px);
}

.main-viewer-wrap.type-w700 .image-box {
    width: calc(100% - 700px);
}

.image-box.type-full {
    width: 100%;
}

/*.image-side-bar {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    padding: 12px 0;*/
/*    width: 42px;*/
/*    height: 100%;*/
/*    text-align: center;*/
/*    border-left: 1px solid #e1e1e1;*/
/*    box-sizing: border-box;*/
/*}*/

.zoom-input {
    display: none;
}

.wheel-wrap {
    cursor: move;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.wheel-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    -ms-flex: 1 1;
}

.wheel-box.type-row {
    flex-direction: row;
    -ms-flex: 0 0;
}

.wheel-box img {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
    align-self: center;
    flex-shrink: 0;
}

.wheel-box.type-row img {
    display: inline-block;
    width: auto
}

.image-button-wrap {
    position: absolute;
    /*background: #e6e6e6;*/
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 2;
}

.image-button-wrap.check {
    /*background: #ffc8c0;*/
    background: rgba(255, 34, 0, 0.2)
}

.image-button-wrap.on {
    /*background: #b9d5f8;*/
    background: rgba(0, 113, 255, 0.2)
}

.image-button-wrap.basket {
    border: 1px solid #3383eb;
}

.image-button-box {
    display: none;
    padding: 0.12em 0.36em;
    height: 1em;
    background: #fff;
    box-shadow: 0 0 15px #000;
    border-radius: 0.3em;
}

.image-button-box:after {
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    border: 3px solid;
    border-color: #fff #fff transparent transparent;
    background: #fff;
    transform: rotate(-45deg);
}

.image-button-box span {
    display: inline-block;
    padding: 0.2em 0;
    /*max-width: 360px;*/
    /*margin-left: 63px;*/
    line-height: 100%;
    font-size: 0.85em;
    vertical-align: top;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    position: relative;
    z-index: 1;
}

.type-lt .image-button-box,
.type-lb .image-button-box {
    direction: rtl;
}

.image-button-wrap:hover {
    /*width: auto !important;*/
    /*height: auto !important;*/
    z-index: 9;
}

.image-button-wrap:hover .code-btn {
    /*padding: 0 13px;*/
    /*width: auto;*/
}

.image-button-wrap:hover .image-button-box {
    display: block;
    position: absolute;
    height: 1.2em;
}

.image-button-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.image-button-wrap.type-rb .image-button-box {
    bottom: 1.1em;
    right: -2px;
}

.image-button-wrap.type-rb:before {
    bottom: 100%;
    right: 0;
}

.image-button-wrap.type-rb .image-button-box:after {
    right: 1.2em;
    bottom: -5px;
}

.image-button-wrap.type-rt .image-button-box {
    top: 1.3em;
    right: -2px;
}

.image-button-wrap.type-rt:before {
    top: 100%;
    right: 0;
}

.image-button-wrap.type-rt .image-button-box:after {
    right: 1.2em;
    top: -5px;
}

.image-button-wrap.type-lt .image-button-box {
    top: 1.3em;
    left: -2px;
}

.image-button-wrap.type-lt:before {
    top: 100%;
    left: 0;
}

.image-button-wrap.type-lt .image-button-box:after {
    left: 1.2em;
    top: -5px;
}

.image-button-wrap.type-lb .image-button-box {
    bottom: 1.3em;
    left: -2px;
}

.image-button-wrap.type-lb:before {
    bottom: 100%;
    left: 0;
}

.image-button-wrap.type-lb .image-button-box:after {
    left: 1.2em;
    bottom: -5px;
}

/************* 폐기 ****************/

/*.image-button-wrap:before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

/*.image-button-uniqe {*/
/*  display: none;*/
/*  position: fixed;*/
/*  font-size: 20px;*/
/*  padding: 10px;*/
/*}*/

/*.image-button-uniqe:hover {*/
/*  display: block !important;*/
/*}*/

/*.image-button-uniqe .image-button-box {*/
/*  display: block;*/
/*  top: 0;*/
/*  left: 0;*/
/*  position: relative;*/
/*}*/

/*.image-button-box:after {*/
/*  left: 1em;*/
/*  top: -5px;*/
/*}*/
/************* 폐기 ****************/


/* bottom-popbox */
.bottom-popbox.animation {
    transition: height 0.3s;
}

.bottom-popbox.off {
    height: 0 !important;
}

.bottom-popbox {
    position: fixed;
    left: 0;
    top: auto !important;
    bottom: 0;
    width: 100%;
    height: 200px;
    min-width: 1200px;
    /*max-height: 400px;*/
    border-top: 1px solid #e1e1e1;
    background: #fff;
    z-index: 3;
    box-shadow: 0 10px 30px #000;
}

.bottom-popbox.off .white-dim {
    display: none;
}

.bottom-popbox > .white-dim {
    display: block;
}

.bottom-popbox .ui-resizable-handle.ui-resizable-n {
    top: 0;
    left: 50%;
    width: 200px;
    height: 23px;
    transform: translate(-50%, 0);
}

.bottom-popbox .ui-resizable-handle.ui-resizable-n:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translate(-50%, 0);
    width: 16px;
    height: 16px;
    background: url("../img/icon/dragarrow.svg") no-repeat center center;
    z-index: 3;
}

.bottom-title {
    margin: 8px 0;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: relative;
}

.bottom-title .bottom-close {
    position: absolute;
    right: 8px;
    top: -4px;
    width: 28px;
    height: 28px;
    background: url("../img/icon/pop_close.png") no-repeat center center;
    text-indent: -9999px;
    z-index: 99;
}

.left-popbox {
    position: fixed;
    left: 0;
    top: auto !important;
    bottom: 0;
    width: 800px;
    height: calc(100% - 121px);
    /*min-width: 1200px;*/
    /*max-height: 400px;*/
    border-top: 1px solid #e1e1e1;
    background: #fff;
    z-index: 3;
    box-shadow: 0 10px 30px #000;
}

.left-popbox.animation {
    transition: width 0.3s;
}

.left-popbox.off {
    width: 0 !important;
    overflow: hidden;
}

.left-popbox .ui-resizable-handle.ui-resizable-e {
    top: 50%;
    right: -10px;
    width: 20px;
    height: 200px;
    transform: translate(0, -50%);
}

.left-popbox .ui-resizable-handle.ui-resizable-e:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    width: 16px;
    height: 16px;
    background: url("../img/icon/dragarrow.svg") no-repeat center center;
    z-index: 3;
}

/* main-filter */
.main-filter-box {
    display: inline-block;
    padding: 10px 13px;
    width: 206px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1;
}

.main-filter-box .wpc-form-input.type-full {
    margin-top: 4px;
}

.main-filter-box .calendar-wrap {
    margin-top: 4px;
}

/* main-list-box */
.main-list-box {
    display: inline-block;
    margin-left: -1px;
    width: calc(100% - 205px);
    height: 100%;
    vertical-align: top;
    border-left: 1px solid #e1e1e1;
    box-sizing: border-box;
    overflow: auto;
    position: relative;

}

.main-list-box .wpc-table.type-basic {
    height: calc(100% - 41px);
}

.main-list-header {
    padding: 10px 19px 10px 10px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
}

.list-count {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.list-count strong {
    display: inline-block;
    margin-left: 6px;
    color: #1773e9;
    /*color: blue;*/
}

/* pop up */
.layer-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.layer-box {
    position: absolute;
    left: auto;
    top: auto;
    /*transform: translate(-50%, 0);*/
    background: #fff;
    z-index: 1;
    border: 1px solid #707070;
    box-sizing: border-box;
    /*height:100%;*/
    /*max-height: 80%;*/
}

/*.drag-layer .layer-box {*/
/*    left: auto;*/
/*    top: auto;*/
/*    transform: translate(0, 0);*/
/*}*/

.layer-box.type-big {
    padding: 25px;
    width: 1160px;
    min-width: 1160px;
    /*max-height: calc(100% - 50px);*/
    /*overflow: hidden;*/
}

.layer-box.type-basic {
    padding: 16px 20px 20px 20px;
    width: 460px;
    min-width: 460px;
}

.layer-box.type-alert {
    padding: 74px 30px 30px 30px;
    width: 452px;
    min-width: 452px;
    /*height: 228px;*/
    text-align: center;
    z-index: 100;
}

.layer-box.type-large {
    padding: 25px;
    width: 700px;
    min-width: 700px;
    /*max-height: 700px;*/
    /*overflow: hidden;*/
}

.layer-box.type-small {
    padding: 25px;
    width: 300px;
    min-width: 300px;
    /*max-height: 700px;*/
    /*overflow: hidden;*/
}

.layer-box.type-window {
    position: static;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 100%;
    transform: translate(0, 0);
}

.layer-box.type-rsas-big {
    padding: 50px;
    width: 924px;
}

.layer-box.type-large-info {
    padding: 25px;
    width: 900px;
    min-width: 900px;
}

.layer-box.type-medium-info {
    padding: 25px;
    width: 600px;
    min-width: 600px;
}

.layer-box.type-rsas-window {
    padding: 30px;
    width: 560px;
}

.layer-box.type-window .layer-content .wpc-table {
    height: 100%;
    max-height: none;
}

.layer-title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: relative;
    z-index: 99;
    cursor: move;
}

.layer-title.type-notitle {
    font-size: 0;
    margin-bottom: 5px;
    padding-top: 16px;
}

.layer-title .notice-detail {
    margin-top: 10px;
    font-size: 12px;
}

.layer-title .notice-detail strong {
    font-weight: 600;
}

.layer-title .notice-detail span {
    font-weight: 400;
}

.layer-title .notice-detail span + strong {
    padding-left: 10px;
}

.layer-box.type-rsas-big .layer-title {
    margin-bottom: 11px;
    font-size: 18px;
    color: #333;
}

.layer-box.type-layertab {
    height: 500px;
}

.layer-title .layer-close {
    position: absolute;
    right: -9px;
    top: -8px;
    width: 28px;
    height: 28px;
    background: url("../img/icon/pop_close.png") no-repeat center center;
    text-indent: -9999px;
    cursor: pointer;
}

.alert-title {
    margin: -28px 0 26px 0;
    font-size: 22px;
    color: #333;
    font-weight: 600;
}

.alert-text {
    margin-bottom: 30px;
    font-size: 13px;
    color: #333;
    line-height: 23px;
}

.layer-box.type-rsas-big .layer-content {
    padding: 20px 12px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.layer-content .type-onethird,
.layer-content .type-twothird {
    max-height: 500px;
}

.type-window .layer-content .type-onethird,
.type-window .layer-content .type-twothird {
    max-height: none;
}

.layer-content {
    height: calc(100% - 40px);
    /*min-height: 150px;*/
    box-sizing: border-box;
}

.type-noresize .layer-content {
    min-height: auto;
}

.layer-content.type-nomheight {
    min-height: auto;
}

.layer-content.type-line {
    height: calc(100% - 79px);
    /*border-top: 1px solid #777;*/
    /*border-bottom: 1px solid #e1e1e1;*/
}

.layer-content.type-line.type-hfull {
    height: calc(100% - 40px);
}

.type-notitle + .layer-content {
    height: calc(100% - 21px)
}

.layer-content.type-btnuse {
    height: calc(100% - 77px);
}

.layer-content.type-longtitle {
    padding: 10px 0;
    height: calc(100% - 127px);
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    box-sizing: border-box;
}

.layer-content.type-longtitle .tox-tinymce {
    border: none;
}

.layer-box.type-layertab .layer-content.type-btnuse {
    height: calc(100% - 116px);
}

.layer-content.type-zoom {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.type-large .layer-content.type-zoom {
    height: calc(100% - 77px);
    /*height: 500px;*/
}

.type-large .layer-content.type-connect {
    height: 500px;
}

.layer-content.type-padding10 {
    padding: 10px;
}

.layer-content[data-target] {
    display: none;
    height: calc(100% - 77px);
}

.layer-content.on[data-target] {
    display: block;
}

.layer-content .type-admin1 {
    width: 420px;
    border-right: none;
}

.layer-content .wpc-table {
    border-top: 1px solid #f0f0f0;
    height: 100%;
    box-sizing: border-box;
}

.layer-content .editor-box {
    padding: 1px;
    height: 100%;
}

.layer-content .editor-box.type-hauto {
    height: auto;
}

.editor-box .tox-statusbar {
    display: none !important;
}

.editor-wrap {
    position: relative;
    background: #fff;
}

.editor-wrap .editor-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
}

.editor-box .mce-tinymce {
    border: 1px solid #e1e1e1 !important;
    box-shadow: none;
    box-sizing: border-box;
}

.editor-box .mce-edit-area {
    border-top: none !important;
}

.layer-content .editor-box.type-fileupload {
    height: calc(100% - 232px);
}

.layer-content .editor-box .tox {
    min-height: 150px;
}

.notice-pager {
    padding: 5px 0;
    text-align: center;
}

.notice-pager button {
    width: 15px;
    height: 15px;
    line-height:15px;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid #a1a1a1;
    box-sizing: border-box;
}

.notice-pager button + button {
    margin-left: 10px;
}

.notice-pager button.current {
    color: #fff;
    background: #000;
    border: 1px solid transparent;
}

.layer-btn-wrap {
    padding-top: 10px;
    text-align: center;
}

.layer-btn-wrap.type-line {
    /*border-top: 1px solid #e1e1e1;*/
}

.layer-btn-wrap button + button {
    margin-left: 6px;
}

.layer-btn-wrap.type-rsas {
    border-top: 1px solid #e1e1e1;
    padding-top: 30px;
}

.layer-search-box {
    padding: 14px 6px;
    background: #f9f9f9;
    border: 1px solid #f0f0f0;
}


.layer-search-box-nobg {
    padding: 0px 0px 8px 14px;
}

.list-scroll-wrap {
    overflow: auto;
    /*height: 100%;*/
    background: #fff;
}

/*.list-scroll-wrap.type-80 {*/
/*    max-height: 80px;*/
/*}*/

/*.list-scroll-wrap.type-table {*/
/*    max-height: 120px;*/
/*}*/

.list-scroll-wrap.type-table table {
    width: 100%;
}

.list-scroll-wrap.type-table td {
    padding: 3px 13px;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #f0f0f0;
}

.list-scroll-wrap.type-table tr:hover td {
    color: #4779cf;
}

.list-scroll-wrap li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.type-window .list-scroll-wrap li {
    height: auto;
    line-height: 16px;
}

.list-scroll-wrap li span {
    padding-left: 10px;
}

.type-window .list-scroll-wrap li span {
    /*display: block;*/
    padding-left: 0;
}

.list-scroll-wrap li.checked {
    background-color: #b9d5f8
}

.layer-tab-wrap {
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.layer-tab-wrap button {
    padding: 0 15px;
    height: 30px;
    line-height: 24px;
    font-size: 13px;
    color: #333;
    position: relative;
}

.layer-tab-wrap.type-bold button {
    font-size: 13px;
    font-weight: 600;
}

.layer-tab-wrap button.on {
    font-weight: 600;
}

.layer-tab-wrap button:hover {
    font-weight: 600;
    color: #1773e9;
    /*color: blue;*/
}

.layer-tab-wrap button.on:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #1773e9;
}

.ff_fileupload_wrap .ff_fileupload_dropzone {
    height: 110px;
}

.ff_fileupload_wrap {
    margin: 6px 0 10px 0;
    font-size: 13px;
}

.ff_fileupload_wrap table.ff_fileupload_uploads {
    width: calc(100% - 17px);
    max-height: 150px;
}

/* login page */
.login-wrap {
    height: 100%;
    background: #f4f4f4;
    text-align: center;
}

.login-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.login-box {
    display: inline-block;
    width: 295px;
    vertical-align: middle;
    text-align: left;
}

.rsaslogin-box {
    display: inline-block;
    padding: 20px 0;
    width: 924px;
    vertical-align: middle;
    text-align: left;
    background: #fff;
    position: relative;
    box-sizing: border-box;
}

.rsas-logo-box {
    position: absolute;
    left: 24px;
    top: 24px;
    font-size: 16px;
    font-weight: 600;
}

.rsas-logo-box img {
    display: inline-block;
    margin-right: 10px;
    width: 75px;
}

.login-logo {
    margin-bottom: -3px;
    width: 270px;
}

.logo-wrap {
    margin-bottom: 7px;
    padding-top: 7px;
    text-align: center;
}

.logo-wrap .logo-box {
    display: inline-block;
    width: 33.33%;
    height: 25px;
}

.logo-wrap .logo-box img {
    height: 120%;
}

.logo-wrap .logo-box.genesis img {
    width: auto;
    height: 21px;
}

.logo-wrap .logo-box.kia {
    text-align: right;
}

.logo-wrap .logo-box.kia img {
    width: auto;
    height: 21px;
}

/*.logo-wrap .logo-box + .logo-box {*/
/*  margin-left: 15px;*/
/*}*/

.copyright-text {
    color: #a5a5a5;
    text-align: center;
    font-size: 10px;
}

.rsas-alert-notice {
    margin: 0 -60px;
    padding: 5px 0;
    line-height: 24px;
    font-size: 16px;
}

.rsas-alert-notice span {
    display: block;
}

.rsas-alert-notice strong {
    font-size: 20px;
}

.rsas-leftbox {
    display: inline-block;
    padding: 70px 41px;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
}

.rsas-rightbox {
    display: inline-block;
    padding: 47px 84px 4px 84px;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
    border-left: 1px solid #f0f0f0;
}

.rsas-rightbox .logo-wrap img:nth-child(3) {
    width: 95px;
}

.rsas-login-title {
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
    color: #333;
}


.userinfo-title {
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.page-btn-wrap {
    padding: 5px;
    text-align: center;
}

.page-btn-wrap.type-wm30 {
    display: inline-block;
    width: calc(100% - 50px);
}

.page-btn-box {
    display: inline-block;
    padding: 3px 10px;
    vertical-align: top;
}

.page-btn-wrap button {
    margin: 0 3px 0 0;
}

.memo-list-wrap {
    max-height: 500px;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.memo-list-wrap button {
    width: 100%;
    text-align: left;
}

.memo-list-wrap button.on {
    background: #e7f1fd;
}

.memo-date {
    display: inline-block;
    padding: 0 5px;
    width: 30%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    vertical-align: top;
}

.memo-user {
    display: inline-block;
    padding: 0 5px;
    width: 70%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    vertical-align: top;
}

.memo-title {
    display: inline-block;
    padding: 0 5px;
    width: 40%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.memo-number {
    display: inline-block;
    padding: 0 5px;
    width: 30%;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.memo-contents-wrap {
    display: none;
    padding: 10px;
    height: 100%;
    border: 1px solid #f0f0f0;
    font-size: 13px;
    box-sizing: border-box;
}

.memo-contents-wrap.on {
    display: block;
}

.image-page-box {
    height: 100%;
    position: relative;
}

.image-page-box .wheel-wrap {
    height: 100%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    overflow: hidden;
}

.image-page-box.type-parts .wheel-wrap {
    height: 100%;
    cursor: auto;
    display: block;
    position: static;
}

.image-page-box.type-parts .wheel-wrap .wheel-box {
    display: block;
    height: 100%;
    overflow: auto;
}

/*  여기서 부터 샘플 */
.image-page-box img {
    height: 100%;
}

/* 여기까지 샘플 */
.image-page-box .image-prev-btn {
    position: absolute;
    left: 0;
    /*top: 50%;*/
    /*transform: translate(0, -50%);*/
    width: 52px;
    height: 100%;
    background: url("../img/icon/slick-prev.svg") no-repeat center center, rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
}

.image-page-box .image-next-btn {
    position: absolute;
    right: 0;
    top: 0;
    /*transform: translate(0, -50%);*/
    width: 52px;
    height: 100%;
    background: url("../img/icon/slick-next.svg") no-repeat center center, rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.image-page-box .image-prev-btn:hover,
.image-page-box .image-next-btn:hover {
    opacity: 1;
}

.image-pager-wrap {
    position: absolute;
    bottom: 10px;
    width: 100%;
    font-size: 13px;
    text-align: center;
}

.image-pager-wrap p {
    display: inline-block;
    padding: 0 5px;
    background: #fff;
}

.cart-list-title {
    padding: 14px 0;
    font-size: 13px;
}

.cart-list-title p {
    display: inline-block;
    font-weight: 600;
    color: #333
}

.cart-list-title p + p {
    margin-left: 30px;
}

.cart-list-title b {
    display: inline-block;
    margin-left: 6px;
    color: #1773e9;
}

.cart-btn-box {
    float: right;
}

.cart-btn-box .cart-save-btn {
    width: 15px;
    height: 15px;
}

.cart-btn-box button + button {
    margin-left: 10px;
}

.stage-title {
    padding: 5px 12px;
    background: #f9f9f9;
    border: 1px solid #f0f0f0;
    color: #555;
}

.stage-title > div {
    font-size: 13px;
}

.stage-box {
    padding: 5px 12px;
}

.stage-list {
    display: none;
    padding-top: 5px;
    vertical-align: top;
}

.stage-list.open {
    display: inline-block;
}

.stage-list.divide-2 {
    width: 50%;
}

.stage-list.divide-3 {
    width: 33.33%;
}

.stage-list [data-dtarget] {
    display: none;
}

.vin-search-list {
}

.vin-title {
    padding: 3px 14px;
    font-size: 13px;
    background: #fafafa;
    font-weight: 600;
    border-bottom: 1px solid #f0f0f0;
}

.vin-name {
    padding: 3px 14px;
    font-size: 13px;
    /*border-bottom: 1px solid #f0f0f0;*/
}

.vin-search-list .type-halfbox {
    padding: 1px 14px;
    /*border-bottom: 1px solid #f0f0f0;*/
    font-size: 13px;
}

.legal-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 24px;
    width: 100%;
    height: 40px;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.legal-box {
    max-height: 500px;
}

.legal-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.legal-subtitle {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.legal-text {
    margin-bottom: 15px;
    font-size: 13px;
}

.legal-text span {
    display: block;
    margin-bottom: 10px;
}

.legal-text em {
    display: block;
    margin-bottom: 15px;
}

.tablesorter-scroller-fixed:after {
    content: '';
    border-right: 4px solid #fff;
    width: 1px;
    position: absolute;
    top: -10px;
    bottom: 0;
    z-index: 2;
    right: -4px;
    margin: 10px 0 15px;
}

.type-catalogtable tbody td {
    white-space: nowrap;
    min-width: 60px;
}

.type-catalogtable tr .type-bblue {
    background: #e7f1fd !important;
}

.colorimg-wrap {
    border-top: 1px solid #e1e1e1;
    height: 100%;
    /*max-height: 500px;*/
}

.colorimg-wrap li {
    border: 1px solid #e1e1e1;
    border-top: none;
    position: relative;
}

.colorimg-wrap li .wpc-form-checkbox {
    position: absolute;
    left: 5px;
    top: 5px;
}

.colorimg-wrap li img {
    width: 100%;
}

.colorimg-wrap .colorimg-title {
    padding: 5px;
    font-size: 13px;
    border-top: 1px solid #e1e1e1;
}

.illuest-box {
    padding: 5px 21px 5px 16px;
    background: #fafafa;
    font-size: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
}

.illuest-title {
    float: left;
    padding: 4px 0;
    font-size: 14px;
    color: #4779cf;
    font-weight: 500;
}

.illuest-notice dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

.illuest-notice li {
    margin-bottom: 5px;
    padding-left: 10px;
    font-size: 13px;
}

.illuest-notice li img {
    margin-top: 5px;
    width: 100%;
}

.illuest-notice li strong {
    display: block;
    padding-left: 15px;
}

.illuest-notice li span {
    display: block;
    padding-left: 15px;
    font-weight: 600;
}

.illuest-notice li em {
    display: inline-block;
    margin-left: 5px;
    color: #1773e9;
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999999;
}

.loading-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.loading-wrap,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}


.loading-wrap {
    display: inline-block;
    margin: 40px auto;
    vertical-align: middle;
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #000 transparent #000;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-wrap:hover .loading {
    border-color: transparent #1773e9 transparent #1773e9;
}

.loading-wrap:hover .loading,
.loading-wrap .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    margin-top: 35px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}

.loading-wrap:hover .loading-text {
    color: #1773e9;
}

.history-wrap {
    height: 100%;
    font-size: 13px;
}

.history-box {
    height: 100%;
    font-size: 13px;
    background: #fff;
}

.history-title {
    height: 21px;
    line-height: 21px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

/* 드래그앤드롭 파일업로드 */
.wpc-form-mutifile {
    position: relative;
    width: 100%;
    /*height: 142px;*/
    border: 1px dashed #e1e1e1;
    padding: 20px 0 16px;
    box-sizing: border-box;
    background: #fff;
}

.wpc-form-mutifile .file-info-text::before {
    margin: 0 auto 11px;
    content: '';
    display: block;
    width: 30px;
    height: 32px;
    background: url('../img/icon/icon_drag.png');
}

.wpc-form-mutifile .file-info-text {
    text-align: center;
    line-height: 1.36;
    color: #999;
    font-size: 14px;
}

.wpc-form-mutifile .add-file {
    display: none;
    /*position: absolute;*/
    /*right: 5px;*/
    /*top: 50%;*/
    /*transform: translate(0, -50%);*/
}

.wpc-form-mutifile.change {
    padding: 5px;
}

.wpc-form-mutifile.change input {
    display: none;
}

.wpc-form-mutifile.change .file-info-text {
    display: none;
}

.wpc-form-mutifile.change .add-file {
    display: block;
}

.wpc-form-mutifile .file-info-text span {
    color: #3492d8;
    text-decoration: underline;
}

.wpc-form-mutifile input {
    position: absolute;
    margin: -20px 0 -16px;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.wpc-form-multifile-notice {
    padding: 5px 0;
    font-size: 12px;
    color: #000;
}

.assets_section {
    /*width: calc(100% - 100px);*/
    padding:5px 0;
    max-height: 190px;
    clear: both;
}

.fileinfo + .file_form {
    margin-top: 10px;
}

.fileinfo {
    padding: 0 10px;
    font-size: 13px;
}

.fileinfo.type-nopleft {
    padding-left: 0;
}

.fileinfo .filename {
    display: inline-block;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.filesize {
    color: #999;
    margin: 0 5px;
}

.btn_close_left {
    margin: 3px 10px 0 0;
    border: 1px solid transparent;
    /*text-indent:-9999px;*/
    font-size: 0;
    vertical-align: top;
    position: relative;
}

.btn_close_left:hover:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: 11px;
    height: 11px;
    border: 1px solid #999;
}

.btn_close_left:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url("../img/icon/icon_attach_del.png") no-repeat center center;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    border: none;
}

.viewmode-wrap {
    position: absolute;
    right: 11px;
    top: 11px;
}

.viewmode-wrap button {
    margin-left: 10px;
}

/*.tablesorter-sticky-wrapper{*/
/*    visibility: visible !important;*/
/*    z-index: 3 !important;*/
/*    !*transition: top 0.0001s;*!*/
/*}*/

/*.gm-scrollbar-container .gm-scrollbar{*/
/*    opacity: 0;*/
/*}*/

/*.gm-scrollbar-container:hover .gm-scrollbar{*/
/*    opacity: 1;*/
/*}*/

.password-check {
    padding: 10px 0;
}

.password-check strong {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}

.password-check span {
    display: block;
    font-size: 13px;
}

.password-checklist {
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    position: relative;
}

.password-checklist:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url("../img/icon/check-gray.svg") no-repeat center center;
}

.password-checklist.pass {
    color: #388c42;
}

.password-checklist.pass:before {
    background: url("../img/icon/check-gre.svg") no-repeat center center;
}

.password-checklist.error {
    color: #dc4748;
}

.password-checklist.error:before {
    background: url("../img/icon/check-red.svg") no-repeat center center;
}

.connect-title {
    color: #3492d8;
    font-weight: bold;
    padding: 15px 33px 0px;
    text-align: right;
    font-size: 15px;
}

.download-pop-btn[id^="totalDownloadButton"]{
    width:16px;
    height: 16px;
}