.write-form .dwp-checkbox+.dwp-btn-toggle {
    margin-left: 20px
}

.write-form .dwp-selection-group+.dwp-grouping {
    margin-top: 10px
}

.write-form .dwp-grouping .select-group {
    width: 120px
}

.write-form .article-area {
    overflow: visible;
    margin-top: 13px;
    border-bottom: 1px solid #ccc
}

.write-form .namepicker-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 104px;
    margin-top: 10px;
    padding: 5px 0;
    border: 1px solid #ddd
}

.write-form .namepicker-list .namepicker-target {
    float: left;
    padding: 8px
}

.write-form .namepicker-list .namepicker-target>span {
    display: inline-block;
    vertical-align: middle
}

.write-form .namepicker-list .namepicker-target .photo img {
    width: 30px;
    height: 30px
}

.write-form .namepicker-list .namepicker-target .name {
    margin-left: 5px;
    color: #666;
    font-weight: 700;
    font-size: 14px
}

.write-form .namepicker-list .namepicker-target .btn-cancel {
    display: inline-block;
    margin-left: 3px;
    padding: 2px;
    vertical-align: middle;
    font-size: 0
}

.write-form .namepicker-list .namepicker-target .btn-cancel img {
    width: 12px;
    height: 12px
}

.write-form .namepicker-list.room {
    max-height: 232px;
    padding: 5px
}

.write-form .namepicker-list.room .share-room {
    float: left;
    width: 20%;
    padding: 8px
}

.write-form .namepicker-list.room .share-room .dwp-inner {
    position: relative;
    overflow: hidden;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.write-form .namepicker-list.room .share-room img {
    width: 100%
}

.write-form .namepicker-list.room .share-room .room-title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 700
}

.write-form .namepicker-list.room .share-room .room-title .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 52px
}

.write-form .namepicker-list.room .share-room .dwp-checkbox {
    position: absolute;
    top: 10px;
    left: 10px
}

.write-form .add-area {
    padding-top: 8px;
    vertical-align: top
}

.write-form .dwp-btn.add-row.icon>span {
    display: block;
    position: relative;
    width: 34px;
    height: 34px
}

.write-form .dwp-btn.add-row.icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    vertical-align: top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.write-form .dwp-charger .dwp-table {
    border: 0
}

.write-form .dwp-charger .dwp-table tbody tr td {
    padding: 8px 3px;
    border: 0;
    text-align: center
}

.write-form .dwp-charger .dwp-input input {
    height: 34px;
    padding: 6px 13px 7px
}

.write-form .dwp-charger .btn-del img {
    width: 10px;
    height: 10px
}

@media screen and (max-width: 767px) {
    .dwp-container .dwp-contents .dwp-page-heading {
        position: static
    }
    .write-form {
        margin-top: 50px
    }
    .write-form .dwp-table-vertical .dwp-row {
        border-top: 0
    }
    .write-form .dwp-table-vertical .dwp-row .dwp-title {
        display: block;
        width: 100%;
        padding: 10px
    }
    .write-form .dwp-table-vertical .dwp-row .dwp-value {
        display: block;
        padding: 10px 10px
    }
    .write-form .dwp-table-vertical .dwp-row .dwp-value .dwp-selectbox {
        width: 150px
    }
    .write-form .dwp-table-vertical .dwp-row .dwp-value .dwp-selectbox.md {
        width: 100px
    }
    .write-form .dwp-calendar-form {
        margin-top: 10px
    }
    .write-form .dwp-grouping .select-group {
        width: 100px
    }
}

.list-grid:not(.address-book) .dwp-table .dwp-table-row.dwp-aprv-list .dwp-cell {
    padding: 6px 5px
}


/*
.list-grid:not(.address-book) .dwp-table .dwp-table-row:not(.dwp-aprv-list) .dwp-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 5px
}
*/

.list-grid:not(.address-book) .dwp-table .dwp-table-row .dwp-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 5px
}

.list-grid:not(.address-book) .dwp-table thead th {
    padding: 6px 5px
}

.list-grid:not(.address-book) .dwp-table tbody td {
    padding: 6px 5px
}

.list-grid .no-result {
    padding: 25px 0;
    border-top: 1px solid #ddd;
    text-align: center
}

.detail-view .close-area {
    display: none
}

.detail-view .close-area.active {
    display: block
}

.detail-view .dwp-table-vertical.close-area .dwp-row .dwp-title {
    width: 130px;
    padding: 12px 15px;
    background-color: transparent;
    font-size: 13px
}

.detail-view .dwp-table-vertical.close-area .dwp-row .dwp-value {
    padding: 8px 15px 8px 0;
    color: #999
}

.detail-view .dwp-modify-area.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.detail-view .dwp-modify-area.active .dwp-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px
}

.dwp-charger-area {
    margin-top: 20px
}

.dwp-charger-area .title {
    margin-bottom: 14px;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.dwp-charger-area .charger-list {
    padding: 14px 16px;
    background-color: #f5f5f5
}

.dwp-charger-area .charger-list .charger-item {
    position: relative;
    padding-right: 40px
}

.dwp-charger-area .charger-list .charger-item+.charger-item {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #ddd
}

.dwp-charger-area .charger-list .charger-item+.charger-item .icon {
    top: 7px
}

.dwp-charger-area .charger-list .charger-item .text .name {
    color: #333;
    font-weight: 700
}

.dwp-charger-area .charger-list .charger-item .text .tel {
    margin-top: 3px;
    font-size: 12px
}

.dwp-charger-area .charger-list .charger-item .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    background-color: #fff
}

.dwp-charger-area .charger-list .charger-item .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dwp-main-container {
    position: relative;
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.show-banner .dwp-main-portal {
    padding-top: 113px
}

.show-banner .dwp-main-portal .dwp-main-visual.fold~.dwp-portlet-list {
    top: 345px
}

.show-banner .dwp-main-portal .dwp-main-visual~.dwp-portlet-list {
    top: 685px
}

.dwp-main-portal .dwp-main-visual.fold~.dwp-portlet-list {
    /* top: 237px */
    top:214px;
}

.dwp-main-portal .dwp-main-visual.dwp-none~.dwp-portlet-list {
    top: 145px
}

.dwp-main-portal .dwp-main-visual~.dwp-portlet-list {
    /*top: 575px*/
    top: 530px;
}

.dwp-main-portal .dwp-main-visual.fold~.dwp-banner-list, .dwp-main-portal .dwp-main-visual.fold~.dwp-right-banner-list {
    /* top: 237px */
    top:214px;
}

.dwp-main-portal .dwp-main-visual.dwp-none~.dwp-banner-list, .dwp-main-portal .dwp-main-visual.dwp-none~.dwp-right-banner-list {
    top: 130px;
}

.dwp-main-portal .dwp-main-visual~.dwp-banner-list, .dwp-main-portal .dwp-main-visual~.dwp-right-banner-list {
    /*top: 575px;*/
    top: 530px;
}

html[lang="ko"] .dwp-main-portal .dwp-main-visual .txt-area .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

html[lang="ko"] .dwp-main-portal .dwp-main-visual .txt-area .read-more a {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.dwp-main-portal {
    padding-top: 100px;
    background-color: #f5f8f9;
    -webkit-transition: padding-top .3s;
    transition: padding-top .3s;
    font-family: "Noto Sans KR", "Malgun Gothic",Arial,Tahoma,sans-serif;
}

.dwp-main-portal+.dwp-footer {
    position: static
}

.dwp-main-portal .dwp-footer {
    position: static
}

.dwp-main-portal .dwp-main-visual {
    position: relative;
    z-index: 50;
    /* height: 397px; */
    height: 245px;
    width: 980px;
    margin: 0 auto;
    -webkit-transition: height 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: height 1s cubic-bezier(0.7, -0.55, 0.265, 1)
}

.dwp-main-portal .dwp-main-visual.light {
    width: 1200px;
    margin: 0 auto
}

.dwp-main-portal .dwp-main-visual.light .slider {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

.dwp-main-portal .dwp-main-visual.light .slider .slider-item {
    overflow: hidden;
    position: relative;
    width: 1200px;
    height: 485px
}

.dwp-main-portal .dwp-main-visual.light .slider .slick-slide::before {
    display: none
}

.dwp-main-portal .dwp-main-visual .visual-state {
    position: absolute;
    right: 10%;
    /*bottom: 95px;*/
    bottom: 45px;
    z-index: 60;
    /*
    -webkit-transform: translateX(480px);
    -ms-transform: translateX(480px);
    transform: translateX(480px)
    */
}

.dwp-main-portal .dwp-main-visual .visual-state .count {
    display: inline-block;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.dwp-main-portal .dwp-main-visual .visual-state .btn-auto {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    background: url('/tcclibs/images/common/visual-stop.png?1484963788') no-repeat;
    vertical-align: middle;
    text-indent: -9999px
}

.dwp-main-portal .dwp-main-visual .visual-state .btn-auto.active {
    background: url('/tcclibs/images/common/visual-start.png?1484963788') no-repeat
}

.dwp-main-portal .dwp-main-visual .visual-state .btn-share {
    margin-left: 5px
}

.dwp-main-portal .dwp-main-visual .inner {
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: transform 1s cubic-bezier(0.7, -0.55, 0.265, 1), -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1)
}

.dwp-main-portal .dwp-main-visual .slider {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

.dwp-main-portal .dwp-main-visual .slider .slider-item {
    overflow: hidden;
    position: relative;
    /*height: 397px*/
    height: 245px;
}

.dwp-main-portal .dwp-main-visual .slider .slick-slide::before {
    content: " ";
    display: block;
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(181, 181, 181, 0.7);
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s
}

.dwp-main-portal .dwp-main-visual .slider .slick-current::before {
    visibility: hidden;
    opacity: 0
}

.dwp-main-portal .dwp-main-visual .slick-prev {
    /*opacity: .5;*/
    position: absolute;
    top: 50%;
    /*left: 50%;*/
    left: 50px;
    z-index: 200;
    width: 44px;
    height: 90px;
    border: 0;
    background: url('/tcclibs/images/portal/icon_arrow_l.png') no-repeat center;
    /* background-position-x: right; */
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /*
    -webkit-transform: translate(-600px, -50%);
    -ms-transform: translate(-600px, -50%);
    transform: translate(-600px, -50%);
    */
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dwp-main-portal .dwp-main-visual .slick-prev:hover {
    opacity: 1
}

.dwp-main-portal .dwp-main-visual .slick-next {
    /*opacity: .5;*/
    position: absolute;
    top: 50%;
    /*right: 50%;*/
    right: 50px;
    z-index: 200;
    width: 44px;
    height: 90px;
    border: 0;
    background: url('/tcclibs/images/portal/icon_arrow_r.png') no-repeat center;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /*
    -webkit-transform: translate(600px, -50%);
    -ms-transform: translate(600px, -50%);
    transform: translate(600px, -50%);
    */
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dwp-main-portal .dwp-main-visual .slick-next:hover {
    opacity: 1
}

.dwp-main-portal .dwp-main-visual .txt-area {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    /*width: 1200px;*/
    width: 70%;
    padding: 0 50px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s
}

.dwp-main-portal .dwp-main-visual .txt-area .category {
    color: #333;
    font-size: 16px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.dwp-main-portal .dwp-main-visual .txt-area .subject {
    position: relative;
    padding-top: 30px;
    color: #fff;
    font-size: 40px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    -webkit-transition: color .3s;
    transition: color .3s;
    line-height: 1.2
}

.dwp-main-portal .dwp-main-visual .txt-area .subject::before {
    display: block;
    position: absolute;
    top: 10px;
    right: 50%;
    width: 1px;
    height: 17px;
    background-color: #222;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more {
    margin-top: 23px;
    text-align: center
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a {
    display: inline-block;
    position: relative;
    width: 164px;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    text-align: center
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a:hover .lines .line1 {
    height: 30px
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a:hover .lines .line2 {
    width: 164px
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a:hover .lines .line3 {
    height: 41px
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a:hover .lines .line4 {
    width: 164px
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a:hover::after {
    height: 15px;
    -webkit-transition: height .3s .2s;
    transition: height .3s .2s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: height .3s 0s;
    transition: height .3s 0s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a .lines>span {
    display: block;
    position: absolute
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a .lines .line1 {
    top: -2px;
    right: -2px;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-transition: height .3s;
    transition: height .3s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a .lines .line2 {
    top: -2px;
    right: -2px;
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: width .3s;
    transition: width .3s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a .lines .line3 {
    top: -2px;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-transition: height .3s;
    transition: height .3s
}

.dwp-main-portal .dwp-main-visual .txt-area .read-more a .lines .line4 {
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: width .3s;
    transition: width .3s
}

.dwp-main-portal .dwp-main-visual .txt-area.light .category {
    color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .subject {
    color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .subject::before {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a {
    color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a .lines .line1 {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a .lines .line2 {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a .lines .line3 {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a .lines .line4 {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.light .read-more a::after {
    background-color: #fff
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .category {
    color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .subject {
    color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .subject::before {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a {
    color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a .lines .line1 {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a .lines .line2 {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a .lines .line3 {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a .lines .line4 {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .txt-area.dark .read-more a::after {
    background-color: #333
}

.dwp-main-portal .dwp-main-visual .main-banner {
    position: absolute;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #fff;
    width: 100%;
    height: 84px
}

.dwp-main-portal .dwp-main-visual .main-banner>div {
    height: 100%;
    /*width: 960px;*/
    /*width : 1120px;*/
    width: 1366px;
    text-align: center;
    margin: auto
}

.dwp-main-portal .dwp-main-visual .main-banner>div a {
    display: table-cell;
    font-weight: bold;
    width: 160px;
    height: 84px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.dwp-main-portal .dwp-main-visual .main-banner>div a:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3)
}

.dwp-main-portal .dwp-main-visual .main-banner>div a>span.dwp-banner-txt {
    display: inline-block;
    width: 160px
}

.dwp-main-portal .dwp-main-visual .slider-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 100;
    width: 960px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab {
    width: 318px;
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    height: 60px;
    padding: 0 25px;
    color: #fff;
    font-size: 17px;
    background-color: rgba(102, 102, 102, 0.9);
    -webkit-transition: height .4s, background-color .4s;
    transition: height .4s, background-color .4s;
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a::before {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    right: 25px;
    width: 30px;
    height: 30px;
    -webkit-transition: top .4s;
    transition: top .4s;
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 70px;
    right: 20px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    color: #fff;
    font-size: 30px;
    -webkit-transition: top .4s;
    transition: top .4s;
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .num::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .shortcut {
    position: absolute;
    top: 70px;
    right: 30px;
    width: 40px;
    height: 40px;
    -webkit-transition: top .4s;
    transition: top .4s;
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .shortcut:hover .icon {
    -webkit-animation: move 1s infinite;
    animation: move 1s infinite
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .shortcut .icon {
    width: 40px;
    height: 40px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .shortcut .icon::before {
    content: " ";
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: width .3s .3s;
    transition: width .3s .3s
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab a .shortcut .icon::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 14px;
    right: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: height .3s .6s;
    transition: height .3s .6s
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.tab-ceo-message a::before {
    background: url('/tcclibs/images/main/tab-ceo-msg.svg?1484963788') no-repeat 50% 50%;
    background-size: 30px 30px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.tab-strategy a::before {
    background: url('/tcclibs/images/main/tab-strategy.svg?1484963788') no-repeat 50% 50%;
    background-size: 30px 30px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.tab-proactive-culture a::before {
    background: url('/tcclibs/images/main/tab-proactive-culture.svg?1484963788') no-repeat 50% 50%;
    background-size: 30px 30px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a {
    height: 70px;
    background: #ed6c00
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a::before {
    top: -40px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a .num {
    top: 15px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a .shortcut {
    top: 15px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a .shortcut .icon::before {
    width: 40px
}

.dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab.active a .shortcut .icon::after {
    height: 16px
}

.dwp-main-portal .dwp-main-visual .main-visual-toggler {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-main-portal .dwp-main-visual .main-visual-toggler a {
    display: block;
    position: relative;
    width: 65px;
    height: 20px;
    border-radius: 0 0 5px 5px;
    text-indent: -9999px
}

.dwp-main-portal .dwp-main-visual .main-visual-toggler a::before {
    content: " ";
    position: absolute;
    top: 10px;
    left: 50%;
    width: 9px;
    height: 9px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.dwp-main-portal .dwp-main-visual .main-visual-toggler.active a::before {
    top: 8px
}

.dwp-main-portal .dwp-main-visual .main-visual-toggler.active a::after {
    top: 5px
}

.dwp-main-portal .dwp-main-visual.fold {
    /* height: 84px*/
    height: 0px;
}

.dwp-main-portal .dwp-main-visual.fold .inner {
    -webkit-transform: translateY(-314px);
    -ms-transform: translateY(-314px);
    transform: translateY(-314px)
}

.dwp-portlet-area {
    min-height: 1300px;
    /*background-color: #f6f6f6*/
}

.dwp-portlet-area .dwp-portlet-zone {
    display: table;
    table-layout: fixed;
    /******************************mjkim 20171031 width:980 1080***************************/
    /* width: 980px; */
    /*width: 1180px;*/
    width: 100%;
    /*min-height: 1300px;*/
    margin: 0 auto;
    /*padding: 40px 0*/
    padding: 0 0 40px 0;
}

.dwp-portlet-area .dwp-portlet-zone .component-control {
    margin-bottom: 20px
}

.dwp-portlet-area .dwp-portlet-zone .component-control:last-child {
    margin-bottom: 0
}

.dwp-portlet-area .dwp-portlet-zone .component-control.hover .fold {
    display: block
}

.dwp-portlet-area .dwp-portlet-zone .component-control.hover .unfold {
    display: none
}

.dwp-portlet-area .dwp-portlet-zone .component-control+.portlet-placeholder {
    margin-bottom: 20px
}

.dwp-portlet-area .dwp-portlet-zone .component-control .fold {
    display: none
}

.dwp-portlet-area .dwp-portlet-zone .component-control .unfold {
    display: block
}

div[name=PORTAL_AREA] .component-control.hover .fold {
    display: block
}

div[name=PORTAL_AREA] .component-control.hover .unfold {
    display: none
}

div[name=PORTAL_AREA] .component-control .fold {
    display: none
}

div[name=PORTAL_AREA] .component-control .unfold {
    display: block
}

.dwp-portlet-area .dwp-portlet-zone .sortable {
    display: table-cell;
    width: 326px;
    padding: 10px;
    vertical-align: top
}

.component-control.ui-sortable-helper .portlet-util {
    display: none
}

.portlet-placeholder {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 2px dotted #333
}

@media screen and (max-width: 1200px) {
    .dwp-main-portal .dwp-main-visual.light {
        width: 100%
    }
    .dwp-main-portal .dwp-main-visual .visual-state {
        right: 60px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .dwp-main-portal .dwp-main-visual .txt-area {
        width: 100%
    }
    .dwp-main-portal .dwp-main-visual .slick-prev {
        left: 0;
        /*
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
        */
    }
    .dwp-main-portal .dwp-main-visual .slick-next {
        right: 0;
        /*
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
        */
    }
    .dwp-main-portal .dwp-main-visual .slider-tabs {
        width: 660px
    }
    .dwp-main-portal .dwp-main-visual .slider-tabs .slider-tab {
        width: 218px
    }
    .dwp-main-portal .dwp-portlet-area .dwp-portlet-zone {
        /*display: block;
        width: 652px*/
    }
    .dwp-main-portal .dwp-portlet-area .dwp-portlet-zone:before,
    .dwp-main-portal .dwp-portlet-area .dwp-portlet-zone:after {
        content: " ";
        display: table
    }
    .dwp-main-portal .dwp-portlet-area .dwp-portlet-zone:after {
        clear: both
    }
    .dwp-main-portal .dwp-portlet-area .dwp-portlet-zone .sortable {
        display: block;
        float: left
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    60% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    60% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

.light-page * {
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif
}

.show-banner .dwp-main-portal-light {
    padding-top: 113px
}

.show-banner .dwp-main-portal-light .dwp-main-visual.fold~.dwp-portlet-list {
    top: 345px
}

.show-banner .dwp-main-portal-light .dwp-main-visual~.dwp-portlet-list {
    top: 685px
}

.dwp-main-portal-light .dwp-main-visual {
    position: relative;
    width: 100%;
    height: 490px;
    background-color: #eee;
    -webkit-transition: height 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: height 1s cubic-bezier(0.7, -0.55, 0.265, 1)
}

.dwp-main-portal-light .dwp-main-visual.fold {
    height: 150px
}

.dwp-main-portal-light .dwp-main-visual.fold .inner {
    -webkit-transform: translateY(-340px);
    -ms-transform: translateY(-340px);
    transform: translateY(-340px)
}

.dwp-main-portal-light .dwp-main-visual .inner {
    position: relative;
    width: 960px;
    height: 490px;
    margin: 0 auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: transform 1s cubic-bezier(0.7, -0.55, 0.265, 1);
    transition: transform 1s cubic-bezier(0.7, -0.55, 0.265, 1), -webkit-transform 1s cubic-bezier(0.7, -0.55, 0.265, 1)
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 100;
    width: 960px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab {
    width: 318px
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    height: 60px;
    padding: 0 25px;
    color: #fff;
    font-size: 17px;
    background-color: rgba(102, 102, 102, 0.9);
    -webkit-transition: height .4s, background-color .4s;
    transition: height .4s, background-color .4s
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab a::before {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    right: 25px;
    width: 30px;
    height: 30px;
    -webkit-transition: top .4s;
    transition: top .4s
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab a .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 80px;
    right: 20px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    color: #fff;
    font-size: 30px;
    -webkit-transition: top .4s;
    transition: top .4s
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab a .num::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab.active a {
    height: 80px;
    background: #ed6c00
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab.active a::before {
    top: -40px
}

.dwp-main-portal-light .dwp-main-visual .inner .visual-tabs .visual-tab.active a .num {
    top: 15px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content {
    display: none;
    padding: 90px 0 102px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content.active {
    display: block
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list {
    overflow: hidden
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item {
    position: relative;
    float: left;
    width: 306px;
    height: 298px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    text-align: center
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item+.item {
    margin-left: 20px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 275px;
    color: #333;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1.2
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more {
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a {
    display: inline-block;
    position: relative;
    width: 164px;
    padding: 10px 0;
    color: #333;
    font-size: 13px;
    text-align: center
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a:hover .lines .line1 {
    height: 30px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a:hover .lines .line2 {
    width: 164px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a:hover .lines .line3 {
    height: 41px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a:hover .lines .line4 {
    width: 164px
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a:hover::after {
    height: 15px;
    -webkit-transition: height .3s .2s;
    transition: height .3s .2s
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 0;
    background-color: #222;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: height .3s 0s;
    transition: height .3s 0s
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a .lines>span {
    display: block;
    position: absolute
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a .lines .line1 {
    top: -2px;
    right: -2px;
    width: 2px;
    height: 0;
    background-color: #222;
    -webkit-transition: height .3s;
    transition: height .3s
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a .lines .line2 {
    top: -2px;
    right: -2px;
    width: 0;
    height: 2px;
    background-color: #222;
    -webkit-transition: width .3s;
    transition: width .3s
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a .lines .line3 {
    top: -2px;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #222;
    -webkit-transition: height .3s;
    transition: height .3s
}

.dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .read-more a .lines .line4 {
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #222;
    -webkit-transition: width .3s;
    transition: width .3s
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler a {
    display: block;
    position: relative;
    width: 88px;
    height: 30px;
    border-radius: 0 0 5px 5px;
    background-color: #333;
    text-indent: -9999px
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler a::before {
    content: " ";
    position: absolute;
    top: 15px;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler a::after {
    content: " ";
    position: absolute;
    top: 18px;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #333;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler.active a::before {
    top: 12px
}

.dwp-main-portal-light .dwp-main-visual .inner .main-visual-toggler.active a::after {
    top: 9px
}

.dwp-main-portal-light .dwp-main-visual.fold~.dwp-portlet-list {
    top: 237px
}

.dwp-main-portal-light .dwp-main-visual~.dwp-portlet-list {
    top: 575px
}

.dwp-main-portal-light .dwp-portlet .unfold {
    position: relative
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap:hover .front-portlet .portlet-title::before {
    opacity: 1;
    visibility: visible
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap:hover .front-portlet .dwp-btn.active {
    display: block
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 284px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet .portlet-title {
    position: relative;
    height: 230px;
    padding-top: 105px;
    margin-bottom: 20px;
    color: #333;
    font-size: 22px
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet .portlet-title::before {
    content: " ";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 230px;
    background-color: #eee;
    border-radius: 95px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet .dwp-btn {
    display: none;
    width: 66px;
    margin: 0 auto
}

.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet .dwp-btn>button,
.dwp-main-portal-light .dwp-portlet .unfold .front-wrap .front-portlet .dwp-btn>span {
    padding: 6px 24px 7px
}

@media screen and (max-width: 1200px) {
    .dwp-head-banner {
        right: 0
    }
    .dwp-main-portal-light .dwp-main-visual .inner {
        width: 652px
    }
    .dwp-main-portal-light .dwp-main-visual .inner .visual-tabs {
        width: 100%
    }
    .dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item {
        width: 32.3%
    }
    .dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item+.item {
        margin-left: 10px
    }
    .dwp-main-portal-light .dwp-main-visual .inner .tab-content .msg-list .item .title {
        width: 100%;
        padding: 0 5px
    }
    .dwp-main-portal-light .dwp-portlet-area .dwp-portlet-zone {
        display: block;
        width: 652px
    }
    .dwp-main-portal-light .dwp-portlet-area .dwp-portlet-zone:before,
    .dwp-main-portal-light .dwp-portlet-area .dwp-portlet-zone:after {
        content: " ";
        display: table
    }
    .dwp-main-portal-light .dwp-portlet-area .dwp-portlet-zone:after {
        clear: both
    }
    .dwp-main-portal-light .dwp-portlet-area .dwp-portlet-zone .sortable {
        display: block;
        float: left
    }
}

.dwp-list-card {
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #ddd
}

.dwp-list-card .list-wrap {
    overflow: hidden;
    margin: -18px
}

.dwp-list-card .list-wrap.multi-tit .item-wrap .item .text-wrap .title {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    height: 44px;
    max-width: none;
    padding-right: 20px
}

.dwp-list-card .list-wrap.multi-tit .item-wrap .item .text-wrap .title .dwp-checkbox {
    display: inline;
    vertical-align: top
}

.dwp-list-card .list-wrap.multi-tit .item-wrap .item .text-wrap .title .dwp-checkbox label {
    vertical-align: top
}

.dwp-list-card .list-wrap.multi-tit .item-wrap .item .text-wrap .title a {
    display: inline;
    overflow: auto;
    white-space: normal;
    max-width: none
}

.dwp-list-card .list-wrap.multi-tit .item-wrap .item .text-wrap .title .dwp-new {
    position: absolute;
    top: 1px;
    right: 0
}

.dwp-list-card .list-wrap .dwp-notice .thumb::before {
    content: " ";
    display: block;
    position: absolute;
    right: -32px;
    bottom: -32px;
    z-index: 10;
    width: 64px;
    height: 64px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dwp-list-card .list-wrap .dwp-notice .thumb::after {
    content: " ";
    display: block;
    position: absolute;
    right: 3px;
    bottom: 0;
    z-index: 20;
    width: 20px;
    height: 20px;
    background: url('/tcclibs/images/common/icon-pin.svg?1484963787') no-repeat center
}

.dwp-list-card .list-wrap .item-wrap {
    float: left;
    padding: 18px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type {
    float: none;
    padding: 0 18px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type.dwp-notice .thumb::before {
    display: none
}

.dwp-list-card .list-wrap .item-wrap.thumb-type.dwp-notice .thumb::after {
    display: none
}

.dwp-list-card .list-wrap .item-wrap.thumb-type.dwp-notice .title a::before {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url('/tcclibs/images/common/icon-pin.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    vertical-align: middle
}

.dwp-list-card .list-wrap .item-wrap.thumb-type+.thumb-type .item {
    border-top: 1px solid #ddd
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item {
    position: relative;
    width: auto;
    height: auto;
    padding: 20px 16px 20px 16px;
    border: 0
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .thumb {
    position: absolute;
    top: 50px;
    right: 16px;
    width: 120px;
    height: 90px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .thumb img {
    width: 120px;
    height: 90px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .thumb+.text-wrap {
    padding-right: 140px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .text-wrap {
    padding: 0
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .text-wrap .title {
    width: auto
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .text-wrap .desc {
    width: auto
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .dwp-file-list {
    margin-top: 15px;
    padding: 10px 0
}

.dwp-list-card .list-wrap .item-wrap .item {
    width: 296px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.dwp-list-card .list-wrap .item-wrap .item .auth-area {
    padding: 8px 20px 8px
}

.dwp-list-card .list-wrap .item-wrap .item .auth-area .right {
    height: 30px
}

.dwp-list-card .list-wrap .item-wrap .item .thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 220px
}

.dwp-list-card .list-wrap .item-wrap .item .thumb>img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-list-card .list-wrap .item-wrap .item .thumb .file {
    height: 100%;
    background-color: #f5f5f5
}

.dwp-list-card .list-wrap .item-wrap .item .thumb .file>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap {
    padding: 13px 20px 20px
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .menu-name {
    margin-bottom: 9px;
    color: #999;
    font-weight: 700
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title {
    margin-bottom: 10px
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title .textless {
    margin-right: 10px;
    vertical-align: middle
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 62px);
    max-width: calc(100% - 62px);
    color: #333;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a .dwp-tag {
    vertical-align: top
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a .dwp-bmk-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a .dwp-bmk-icon img {
    width: 15px;
    height: 15px
}

.dwp-list-card .list-wrap .item-wrap .item .text-wrap .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 38px
}

.dwp-list-card .no-result {
    padding: 25px 0;
    text-align: center
}

.form-storage .search-wrap {
    width: 325px
}

.form-storage .dwp-search-area>div {
    vertical-align: middle
}

.form-storage .dwp-search-area>div.dwp-search-bar {
    width: 286px
}

.form-storage .dwp-search-area>div input[type="text"] {
    width: 255px
}

.form-storage .sub-title {
    padding-left: 20px;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.form-storage .dwp-namepicker-inner {
    display: table;
    width: 100%
}

.form-storage .dwp-namepicker-inner .dwp-tree-area {
    display: table-cell;
    width: 325px;
    vertical-align: top
}

.form-storage .dwp-namepicker-inner .dwp-tree-area.active .dwp-tree {
    display: none
}

.form-storage .dwp-namepicker-inner .dwp-tree-area.active .dwp-search-result {
    display: block
}

.form-storage .dwp-namepicker-inner .dwp-tree-area .dwp-tree .dynatree-container {
    overflow-y: auto;
    height: auto;
    min-height: 430px
}

.form-storage .dwp-namepicker-inner .dwp-tree-area .dwp-search-result {
    display: none;
    width: 325px;
    min-height: 430px
}

.form-storage .dwp-namepicker-inner .dwp-tree-area .dwp-search-result .dwp-form-area {
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-storage .dwp-namepicker-inner .dwp-tree-area .dwp-search-result .dwp-form-area .dwp-list-head {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.form-storage .dwp-namepicker-inner .dwp-tree-area .dwp-search-result .dwp-form-area .dwp-list-body {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 380px;
    overflow-y: scroll;
    border: 1px solid #cfcfcf
}

.form-storage .dwp-namepicker-inner .dwp-form-area {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top
}

.form-storage .dwp-namepicker-inner .dwp-form-area .form-list {
    overflow: auto;
    height: 430px;
    padding: 10px;
    border: 1px solid #cfcfcf
}

.form-storage .dwp-namepicker-inner .dwp-form-area .form-list>li {
    display: table;
    float: left;
    width: 123px;
    padding: 7px
}

.form-storage .dwp-namepicker-inner .dwp-form-area .form-list>li>a {
    display: table-cell;
    position: relative;
    height: 140px;
    padding: 0 7px;
    border: 5px solid #eee;
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 1px 1px 0 rgba(153, 153, 153, 0.8)
}

.form-storage .dwp-namepicker-inner .dwp-form-area .form-list>li>a::before {
    content: " ";
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 36px;
    height: 8px;
    box-shadow: 0 2px 0 0 rgba(153, 153, 153, 0.5);
    background-color: #ddd;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.approval-list .approval-table .doc-cell {
    width: 120px
}

.approval-list .approval-table .subject-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle
}

.approval-list .approval-table .subject-cell span>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.approval-list .approval-table .team-cell {
    width: 150px
}

.approval-list .approval-table .state-cell {
    width: 100px
}

.approval-write .dwp-contents-body {
    padding-top: 20px
}

.approval-write .head-area {
    display: table;
    width: 100%;
    /*margin-bottom: 30px*/
}

.approval-write .head-area+.head-area {
    padding-top: 25px;
    border-top: 1px solid #333
}

.approval-write .sign-wrap {
    display: table-cell;
    width: 427px;
    vertical-align: top
}

.approval-write .info-area {
    display: table-cell;
    min-width: 320px;
    padding-right: 20px;
    vertical-align: top
}

.approval-write .info-area .dwp-table-vertical {
    max-width: 600px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.approval-write .info-area .dwp-table-vertical .dwp-row .dwp-title {
    width: 130px;
    padding: 9px 15px;
    font-size: 12px
}

.approval-write .info-area .dwp-table-vertical .dwp-row .dwp-value {
    font-size: 12px
}

.approval-write .clear-area {
    clear: both
}

.approval-write .dwp-sign-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
    margin-bottom: 5px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf
}

.approval-write .dwp-sign-area .sign-header {
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    width: 32px;
    text-align: center;
}

.approval-write .dwp-sign-area .sign-header>div {
    height: 100%;
    padding: 20px 0px;
}

.approval-write .dwp-sign-area .sign-header>div span {
    display: inline-block;
    width: 100%;
}

.approval-write .dwp-sign-area .sign-header>div span.title {
    height: 75px;
}

.approval-write .dwp-sign-area .sign-zone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 90px;
    min-width: 90px;
    text-align: center
}

.approval-write .dwp-sign-area .sign-zone.remove-style .part {
    border: 0;
    background: transparent
}

.approval-write .dwp-sign-area .sign-zone.remove-style .date {
    border: 0
}

.approval-write .dwp-sign-area .sign-zone+.sign-zone {
    border-left: 1px solid #cfcfcf
}

.approval-write .dwp-sign-area .sign-zone .part {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.approval-write .dwp-sign-area .sign-zone .sign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px
}

.approval-write .dwp-sign-area .sign-zone .sign img {
    width: 30px;
}

.approval-write .dwp-sign-area .sign-zone .date {
    height: 25px;
    padding: 3px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.approval-write .dwp-sign-area .sign-zone .name {
    padding: 3px 0;
    border-bottom: 1px solid #cfcfcf;
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.approval-write .form-guide-area {
    position: relative;
    padding: 30px;
    border: 1px solid #cfcfcf;
    background-color: #f5f5f5
}

.approval-write .form-guide-area .btn-more {
    position: absolute;
    right: 15px;
    bottom: 7px
}

.approval-write .form-guide-area .btn-more img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    vertical-align: baseline
}

.approval-write .dwp-consent-area {
    clear: both;
    height: 1px;
}

.approval-write .dwp-consent-area div[class$="-zone"] {
    min-width: 400px;
    display: block;
    width: 100%;
    border: 1px solid #cfcfcf;
    color: #333;
    font-weight: 700;
    text-align: center
}

.approval-write .dwp-consent-area div[class$="-zone"]+div[class$="-zone"] {
    margin-top: 19px
}

.approval-write .dwp-consent-area div[class$="-zone"] .part {
    padding: 2px 0;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign {
    height: 60px;
    overflow-y: scroll
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row {
    display: table;
    table-layout: fixed;
    width: 100%
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row .agree {
    width: 50px
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row .position {
    width: 60px
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row .name {
    width: 150px
}

.approval-write .dwp-consent-area div[class$="-zone"] .sign .row .date {
    display: none;
    width: 100px
}

.approval-write .form {
    margin-top: 10px;
    width: 100%
}

html[lang="ko"] .dwp-contents-body .dwp-approval-consent-wrap .dwp-consent-head {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.dwp-contents-body .dwp-approval-consent-wrap {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 288px;
    left: 345.297px;
    z-index: 100;
    width: 736px;
    height: auto;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    -webkit-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s
}

.dwp-contents-body .dwp-approval-consent-wrap.active {
    visibility: visible;
    opacity: 1
}

.dwp-contents-body .dwp-approval-consent-wrap .dwp-consent-head {
    position: relative;
    padding: 10px 20px 11px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-weight: 400;
    font-size: 17px
}

.dwp-contents-body .dwp-approval-consent-wrap .dwp-consent-head .btn-close-consent {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 10;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-contents-body .dwp-approval-consent-wrap .dwp-consent-head .btn-close-consent img {
    width: 15px;
    height: 15px
}

.dwp-contents-body .dwp-approval-consent-wrap .dwp-approval-consent-dialog {
    padding: 20px 20px 30px
}

.approval-detail .dwp-contents-body {
    padding-top: 20px
}

.approval-detail .head-area {
    display: table;
    width: 100%;
    /*margin-bottom: 30px*/
}

.approval-detail .head-area+.head-area {
    padding-top: 25px;
    border-top: 1px solid #333
}

.approval-detail .sign-wrap {
    display: table-cell;
    width: 427px;
    vertical-align: top
}

.approval-detail .info-area {
    display: table-cell;
    min-width: 320px;
    padding-right: 20px;
    vertical-align: top
}

.approval-detail .info-area .dwp-table-vertical {
    max-width: 600px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.approval-detail .info-area .dwp-table-vertical .dwp-row .dwp-title {
    width: 130px;
    padding: 9px 15px;
    font-size: 12px
}

.approval-detail .info-area .dwp-table-vertical .dwp-row .dwp-value {
    font-size: 12px
}

.approval-detail .clear-area {
    clear: both
}

.approval-detail .dwp-sign-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
    margin-bottom: 1px;
    /* 인쇄시 문제로 결재박스 하단 넓은 여백 제거. by noh */
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf
}

.approval-detail .dwp-sign-area .sign-header {
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    width: 32px;
    text-align: center;
}

.approval-detail .dwp-sign-area .sign-header>div {
    height: 100%;
    padding: 20px 0px;
}

.approval-detail .dwp-sign-area .sign-header>div span {
    display: inline-block;
    width: 100%;
}

.approval-detail .dwp-sign-area .sign-header>div span.title {
    height: 75px;
}

.approval-detail .dwp-sign-area .sign-zone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 90px;
    min-width: 90px;
    text-align: center
}

.approval-detail .dwp-sign-area .sign-zone.remove-style .part {
    border: 0;
    background: transparent
}

.approval-detail .dwp-sign-area .sign-zone.remove-style .date {
    border: 0
}

.approval-detail .dwp-sign-area .sign-zone+.sign-zone {
    border-left: 1px solid #cfcfcf
}

.approval-detail .dwp-sign-area .sign-zone .part {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.approval-detail .dwp-sign-area .sign-zone .sign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px
}

.approval-detail .dwp-sign-area .sign-zone .sign img {
    width: 100%
}

.approval-detail .dwp-sign-area .sign-zone .date {
    height: 25px;
    padding: 3px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
}

.approval-detail .dwp-sign-area .sign-zone .name {
    padding: 3px 0;
    border-bottom: 1px solid #cfcfcf;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
}

.approval-detail .dwp-consent-area {
    clear: both
}

.approval-detail .dwp-consent-area div[class$="-zone"] {
    min-width: 400px;
    display: block;
    width: 100%;
    border: 1px solid #cfcfcf;
    color: #333;
    font-weight: 700;
    text-align: center
}

.approval-detail .dwp-consent-area div[class$="-zone"]+div[class$="-zone"] {
    margin-top: 19px
}

.approval-detail .dwp-consent-area div[class$="-zone"] .part {
    padding: 2px 0;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign {
    height: 86px;
    overflow-y: scroll
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 5px 0
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row+.row {
    border-top: 1px solid #cfcfcf
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row .agree {
    width: 55px
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row .position {
    width: 60px
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row .name {
    width: 65px
}

.approval-detail .dwp-consent-area div[class$="-zone"] .sign .row .date {
    width: 100px
}

.approval-detail .dwp-table.dwp-form-table img {
    max-width: 100%
}

.approval-detail .dwp-table-file.doc-type .dwp-row .dwp-cell:first-child {
    width: 20%;
    padding: 8px 0
}

html[lang="ko"] .approval-main .dwp-mode-wrap .mode-inner .card .inner .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

html[lang="ko"] .approval-main .other-mode-wrap .mode-inner .card .inner .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.approval-main .approval-list {
    overflow: auto;
    height: 250px;
    padding: 0 18px
}

.approval-main .htitle span {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #ed6c00;
    padding-bottom: 5px;
}

.approval-main .item {
    position: relative;
    padding: 12px 0
}

.approval-main .item+.item {
    border-top: 1px solid #ddd
}

.approval-main .item .category {
    margin-top: 5px;
    text-align: right
}

.approval-main .item .category .state {
    color: #ed6c00
}

.approval-main .item .dwp-time {
    position: absolute;
    top: 12px;
    right: 5px
}

.approval-main .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.approval-main .item .user {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.approval-main .dwp-contents-body {
    padding-top: 20px
}

.approval-main .dwp-mode-wrap .mode-inner {
    margin: 0 -7px
}

.approval-main .dwp-mode-wrap .mode-inner:before,
.approval-main .dwp-mode-wrap .mode-inner:after {
    content: " ";
    display: table
}

.approval-main .dwp-mode-wrap .mode-inner:after {
    clear: both
}

.approval-main .dwp-mode-wrap .mode-inner .card {
    float: left;
    width: 33.33333333%;
    padding: 0 7px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner {
    border: 1px solid #ddd;
    border-radius: 4px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .subject {
    position: relative;
    padding: 6px 60px 6px 18px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-size: 17px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .subject>.count {
    color: #ed6c00;
    font-weight: 700
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .subject .util {
    position: absolute;
    top: 0;
    right: 10px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .subject .util a {
    display: inline-block;
    padding: 5px 5px;
    text-align: center
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .subject .util a>img {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area {
    padding: 0 18px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item {
    padding: 12px 0
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item+.item {
    border-top: 1px solid #ddd
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-category {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-category .state {
    margin-right: 10px;
    color: #ed6c00
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-category .state .state-num {
    margin-left: 4px
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-title {
    margin: 5px 0
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-title>a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    font-weight: 700;
    vertical-align: middle
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-title>a span>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-auth {
    color: #999
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-auth .profile-info {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    vertical-align: middle
}

.approval-main .dwp-mode-wrap .mode-inner .card .inner .mode-area .item .item-auth .date {
    display: inline-block;
    width: 65px;
    vertical-align: middle
}

.approval-main .other-mode-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cfcfcf
}

.approval-main .other-mode-wrap .mode-inner {
    margin: -7px
}

.approval-main .other-mode-wrap .mode-inner:before,
.approval-main .other-mode-wrap .mode-inner:after {
    content: " ";
    display: table
}

.approval-main .other-mode-wrap .mode-inner:after {
    clear: both
}

.approval-main .other-mode-wrap .mode-inner .card {
    float: left;
    width: 20%;
    padding: 7px
}

@media screen and (max-width: 1200px) {
    .approval-main .other-mode-wrap .mode-inner .card {
        width: 33.33333333%
    }
}

.approval-main .other-mode-wrap .mode-inner .card .inner {
    position: relative;
    padding: 7px 14px 11px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.approval-main .other-mode-wrap .mode-inner .card .inner .aligner[data-top="sm"] {
    margin-top: 5px
}

.approval-main .other-mode-wrap .mode-inner .card .inner .subject {
    height: 20px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.approval-main .other-mode-wrap .mode-inner .card .inner .subject .break {
    display: block
}

.approval-main .other-mode-wrap .mode-inner .card .inner .subject .break .slice {
    margin-right: 5px;
    color: #999
}

.approval-main .other-mode-wrap .mode-inner .card .inner .desc {
    margin-top: 15px
}

.approval-main .other-mode-wrap .mode-inner .card .inner .desc .count {
    margin: 0 4px;
    color: #ed6c00;
    font-size: 17px;
    font-weight: 700
}

.approval-main .other-mode-wrap .mode-inner .card .inner .dwp-btn {
    position: absolute;
    right: 14px;
    bottom: 11px
}

.dwp-login2 .dwp-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 736px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dwp-login2 .dwp-logo img {
    height: 40px
}

.dwp-login2 .dwp-bar {
    height: 5px;
    margin-top: 25px
}

.dwp-login2 .dwp-bar img {
    width: 100%;
    height: 5px;
    vertical-align: top
}

.dwp-login2 .login-area {
    display: table;
    width: 100%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
}

.dwp-login2 .login-area .banner-slider-wrap {
    display: table-cell;
    width: 446px
}

.dwp-login2 .login-area .banner-slider-wrap .bx-wrapper {
    position: relative
}

.dwp-login2 .login-area .banner-slider-wrap .slider-item .thumb img {
    width: 446px;
    height: 334px
}

.dwp-login2 .login-area .banner-slider-wrap .slider-item .txt {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 19px 28px 37px;
    background: rgba(0, 0, 0, 0.4)
}

.dwp-login2 .login-area .banner-slider-wrap .slider-item .txt a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 60px;
    color: #fff;
    font-size: 20px;
    line-height: 1.4
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls {
    position: absolute;
    left: 50%;
    bottom: 22px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-pager {
    overflow: hidden
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-pager .bx-pager-item {
    float: left
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-pager .bx-pager-item+.bx-pager-item {
    margin-left: 14px
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-pager .bx-pager-item a {
    display: block;
    overflow: hidden;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #cfcfcf;
    text-indent: -9999px
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-pager .bx-pager-item a.active {
    background-color: #ed6c00
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-controls-direction a {
    position: absolute;
    width: 20px;
    height: 20px
}

.dwp-login2 .login-area .banner-slider-wrap .bx-controls .bx-controls-direction .bx-prev {
    display: block;
    background: url('/tcclibs/images/common/icon-left.svg?1484963787') no-repeat;
    background-size: 20px 20px
}

.dwp-login2 .login-area .login-form {
    display: table-cell;
    padding: 30px 30px 0;
    vertical-align: top
}

.dwp-login2 .login-area .login-form .select-area .dwp-selectbox+.dwp-selectbox {
    margin-top: 8px
}

.dwp-login2 .login-area .login-form .input-area {
    margin-top: 12px
}

.dwp-login2 .login-area .login-form .input-area .dwp-input+.dwp-input input {
    border-top: 0
}

.dwp-login2 .login-area .login-form .input-area .save-id {
    margin-top: 8px;
    text-align: left
}

.dwp-login2 .login-area .login-form .btn-group {
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #ddd
}

.dwp-login2 .login-area .login-form .btn-group>div {
    width: 50%
}

.dwp-login2 .login-area .login-form .btn-group .right {
    border-left: 1px solid #eee
}

.dwp-login2 .login-area .login-form .btn-area {
    margin-top: 16px
}

.dwp-login2 .login-area .login-form .btn-area .dwp-btn {
    display: inline-block;
    width: 111px;
    height: 70px
}

.dwp-login2 .login-area .login-form .btn-area .dwp-btn button,
.dwp-login2 .login-area .login-form .btn-area .dwp-btn span {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.dwp-login2 .login-area .login-form .btn-area .dwp-btn.confirm button,
.dwp-login2 .login-area .login-form .btn-area .dwp-btn.confirm span {
    border: 0;
    background-color: #ed6c00;
    color: #fff
}

.dwp-login2 .login-area .login-form .btn-area .dwp-btn.confirm+.dwp-btn {
    margin-left: 5px
}

.mail-list .dwp-mail-list .dwp-table-row.selected {
    background-color: #fafafa
}

.mail-list .dwp-mail-list .dwp-table-row.read .mail-list .dwp-mail-list .dwp-table-row.head .mark-cell {
    cursor: auto
}

.mail-list .dwp-mail-list .dwp-table-row .check-cell {
    width: 35px
}

.mail-list .dwp-mail-list .dwp-table-row .mark-cell {
    width: 35px
}

.mail-list .dwp-mail-list .dwp-table-row .read-cell {
    width: 35px
}

.mail-list .dwp-mail-list .dwp-table-row .read-cell .read {
    display: block;
    margin: 0 auto;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-mail.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    cursor: pointer
}

.mail-list .dwp-mail-list .dwp-table-row .read-cell .read.active {
    background: url('/tcclibs/images/common/icon-mail-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.mail-list .dwp-mail-list .dwp-table-row .drag-cell {
    padding: 0
}

.mail-list .dwp-mail-list .dwp-table-row .drag-cell .dwp-row {
    display: table;
    width: 100%;
    table-layout: fixed
}

.mail-list .dwp-mail-list .dwp-table-row .drag-cell .dwp-cell {
    border-top: 0
}

.mail-list .dwp-mail-list .dwp-table-row .sender-cell {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mail-list .dwp-mail-list .dwp-table-row .file-cell {
    width: 40px;
    cursor: pointer
}

.mail-list .dwp-mail-list .dwp-table-row .imp-cell {
    width: 30px
}

.mail-list .dwp-mail-list .dwp-table-row .subject-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.mail-list .dwp-mail-list .dwp-table-row .subject-cell.active .dwp-title {
    color: #ed6c00
}

.mail-list .dwp-mail-list .dwp-table-row .size-cell {
    width: 100px
}

.mail-list .dwp-mail-list .no-email {
    padding: 30px 0;
    text-align: center
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-user .profile-info {
    margin-left: 0
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .receive-wrap {
    display: table;
    width: 100%
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .receive-wrap>div {
    display: table-cell;
    vertical-align: middle
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .receive-wrap .send-me {
    width: 100px
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-btn-more {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: 1px solid #cfcfcf;
    background: #fff url('/tcclibs/images/common/icon-lnb-depth.svg?1484963787') no-repeat center;
    background-size: 10px 10px;
    vertical-align: top;
    cursor: pointer
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-btn-more.active {
    background: #fff url('/tcclibs/images/common/icon-lnb-depth-open.svg?1484963787') no-repeat center;
    background-size: 10px 10px
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-hide-row {
    display: none
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-hide-row.active {
    display: table
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .dwp-checkbox {
    margin-right: 14px
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .hour-wrap {
    display: inline-block;
    margin-left: 14px
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .hour-wrap .hour {
    display: inline-block
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .minute-wrap {
    display: inline-block;
    margin-left: 14px
}

.mail-write .dwp-mail-write-form .dwp-table-vertical .minute-wrap .minute {
    display: inline-block
}

.dwp-file-detail .view-head {
    padding: 20px 15px 10px;
    border-top: 1px solid #cfcfcf
}

.dwp-file-detail .view-head .dwp-subject {
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.dwp-file-detail .info-section {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dwp-file-detail .info-section>div+div {
    border-top: 1px solid #ddd
}

.dwp-file-detail .info-section div[class$="-info"] {
    padding: 12px 0 12px 16px
}

.dwp-file-detail .info-section div[class$="-info"] .subject {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-file-detail .info-section div[class$="-info"] .subject>.count {
    color: #ed6c00
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] {
    display: none
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"].active {
    display: block
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 104px;
    padding: 5px 0
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list:before,
.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list:after {
    content: " ";
    display: table
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list:after {
    clear: both
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list .share-target {
    float: left;
    padding: 8px
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list .share-target>span {
    display: inline-block;
    vertical-align: middle
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list .share-target .photo img {
    width: 30px;
    height: 30px
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .share-list .share-target .name {
    margin-left: 5px;
    color: #666;
    font-weight: 700;
    font-size: 14px
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item {
    display: table;
    width: 100%;
    padding: 5px 0
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item>div {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item .key {
    width: 95px;
    padding-right: 15px;
    color: #333
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item .value {
    color: #999
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item .value .download {
    color: #ed6c00;
    cursor: pointer
}

.dwp-file-detail .info-section div[class$="-info"] div[class*="-area"] .item .value .dwp-file a>img {
    margin-right: 8px
}

.media-gallery .dwp-media-gallery {
    padding: 30px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.media-gallery .dwp-media-gallery .list-wrap {
    overflow: hidden;
    margin: -13px
}

.media-gallery .dwp-media-gallery .list-wrap .item {
    float: left;
    width: 228px;
    height: 325px;
    margin: 13px
}

.media-gallery .dwp-media-gallery .list-wrap .item .thumb {
    position: relative;
    width: 100%
}

.media-gallery .dwp-media-gallery .list-wrap .item .thumb>img {
    width: 100%;
    height: 171px
}

.media-gallery .dwp-media-gallery .list-wrap .item .thumb>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center
}

.media-gallery .dwp-media-gallery .list-wrap .item .thumb>a>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media-gallery .dwp-media-gallery .list-wrap .item .title {
    margin: 10px 0 60px 0
}

.media-gallery .dwp-media-gallery .list-wrap .item .title .textless {
    margin-right: 10px;
    vertical-align: middle
}

.media-gallery .dwp-media-gallery .list-wrap .item .title>a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 62px);
    max-width: calc(100% - 62px);
    color: #333;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle
}

.attach_icon {
    margin-right: 5px
}

.file-list .dwp-file-list {
    padding: 30px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.file-list .dwp-file-list .list-wrap {
    overflow: hidden;
    margin: -13px
}

.file-list .dwp-file-list .list-wrap .item {
    float: left;
    width: 228px;
    margin: 13px;
    border: 1px solid #ddd
}

.file-list .dwp-file-list .list-wrap .item>.aligner {
    padding: 0 10px
}

.file-list .dwp-file-list .list-wrap .item>.aligner:first-child {
    padding-top: 10px
}

.file-list .dwp-file-list .list-wrap .item>.aligner:last-child {
    padding-bottom: 10px
}

.file-list .dwp-file-list .list-wrap .item .thumb {
    position: relative;
    width: 100%
}

.file-list .dwp-file-list .list-wrap .item .thumb>img {
    width: 100%;
    height: 171px
}

.file-list .dwp-file-list .list-wrap .item .thumb .file {
    height: 171px;
    background-color: #f5f5f5
}

.file-list .dwp-file-list .list-wrap .item .thumb .file>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.file-list .dwp-file-list .list-wrap .item .text-wrap {
    padding: 0 10px
}

.file-list .dwp-file-list .list-wrap .item .title {
    margin: 10px 0 20px 0
}

.file-list .dwp-file-list .list-wrap .item .title .textless {
    margin-right: 10px;
    vertical-align: middle
}

.file-list .dwp-file-list .list-wrap .item .title>a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 62px);
    max-width: calc(100% - 62px);
    color: #333;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .buttons {
    position: absolute;
    top: 50px;
    right: 16px;
    width: 120px;
    height: 90px;
    padding: 30px 0;
    text-align: center
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .item .buttons+.text-wrap {
    padding-right: 140px
}

.dwp-list-card .list-wrap .item-wrap.thumb-type .no-result {
    padding: 25px 0;
    text-align: center
}

.bookmark-edit-area>div {
    display: inline-block
}

.bookmark-edit-area>div+div {
    display: inline-block;
    margin-left: 10px
}

.bookmark-edit-area>div>img {
    width: 18px;
    height: 18px
}

.list-mix .dwp-list-card {
    overflow: hidden
}

.list-mix .dwp-list-card .list-wrap {
    text-align: center
}

.list-mix .dwp-list-card .list-wrap .item-wrap {
    float: none;
    display: inline-block;
    max-width: 100%;
    padding: 18px 16px;
    text-align: left
}

@media screen and (min-width: 1620px) {
    .list-mix .dwp-list-card {
        overflow: hidden
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 18px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 16px 20px 16px;
        border: 0;
        border-top: 1px solid #ddd
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .auth-area {
        margin-bottom: 10px;
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .thumb {
        position: absolute;
        top: 50px;
        right: 16px;
        width: 120px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .thumb img {
        width: 120px;
        height: 90px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .text-wrap {
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .text-wrap .title {
        width: auto;
        padding-right: 140px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+5) .item .text-wrap .desc {
        width: auto;
        padding-right: 140px
    }
}

@media screen and (max-width: 1620px) {
    .list-mix .dwp-list-card {
        overflow: hidden
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 18px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 16px 20px 16px;
        border: 0;
        border-top: 1px solid #ddd
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .auth-area {
        margin-bottom: 10px;
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .thumb {
        position: absolute;
        top: 50px;
        right: 16px;
        width: 120px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .thumb img {
        width: 120px;
        height: 90px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap {
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap .title {
        width: auto;
        padding-right: 140px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap .desc {
        width: auto;
        padding-right: 140px
    }
}

@media screen and (min-width: 1200px) and (max-width:1270px) {
    .list-mix .dwp-list-card {
        overflow: hidden
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 18px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 16px 20px 16px;
        border: 0;
        border-top: 1px solid #ddd
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .auth-area {
        margin-bottom: 10px;
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .thumb {
        position: absolute;
        top: 50px;
        right: 16px;
        width: 120px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .thumb img {
        width: 120px;
        height: 90px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap {
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap .title {
        width: auto;
        padding-right: 140px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap .desc {
        width: auto;
        padding-right: 140px
    }
}

@media screen and (max-width: 1200px) {
    .list-mix .dwp-list-card {
        overflow: hidden
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 18px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 16px 20px 16px;
        border: 0;
        border-top: 1px solid #ddd
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .auth-area {
        margin-bottom: 10px;
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .thumb {
        position: absolute;
        top: 50px;
        right: 16px;
        width: 120px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .thumb img {
        width: 120px;
        height: 90px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap {
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap .title {
        width: auto;
        padding-right: 140px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+4) .item .text-wrap .desc {
        width: auto;
        padding-right: 140px
    }
}

@media screen and (max-width: 1010px) {
    .list-mix .dwp-list-card {
        overflow: hidden
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 18px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 16px 20px 16px;
        border: 0;
        border-top: 1px solid #ddd
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .auth-area {
        margin-bottom: 10px;
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .thumb {
        position: absolute;
        top: 50px;
        right: 16px;
        width: 120px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .thumb img {
        width: 120px;
        height: 90px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap {
        padding: 0
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap .title {
        width: auto;
        padding-right: 140px
    }
    .list-mix .dwp-list-card .list-wrap .item-wrap:nth-child(n+3) .item .text-wrap .desc {
        width: auto;
        padding-right: 140px
    }
}

.dwp-container .dwp-contents .fc-toolbar .fc-button {
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-next-button {
    padding: 6px 6px 7px
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default {
    background: 0
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-prev-button {
    width: 34px;
    padding: 6px 6px 7px;
    background: url('/tcclibs/images/common/icon-left.svg?1484963787') no-repeat center;
    background-size: 13px 13px
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-prev-button.fc-state-hover {
    background: #f5f5f5 url('/tcclibs/images/common/icon-left.svg?1484963787') no-repeat center;
    background-size: 13px 13px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-prev-button span {
    display: none
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-next-button {
    width: 34px;
    padding: 6px 6px 7px;
    background: url('/tcclibs/images/common/icon-right.svg?1484963787') no-repeat center;
    background-size: 13px 13px
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-next-button.fc-state-hover {
    background: #f5f5f5 url('/tcclibs/images/common/icon-right.svg?1484963787') no-repeat center;
    background-size: 13px 13px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-default.fc-next-button span {
    display: none
}

.dwp-container .dwp-contents .fc-toolbar .fc-button.fc-state-active {
    color: #999
}

.schedule-main .fc-selDate-button {
    width: 18px!important;
    height: 29px!important;
    padding: 3px 0 4px!important;
    border: 0!important;
    box-shadow: none!important;
    background: url('/tcclibs/images/common/icon-calendar.svg?1484963787') no-repeat center!important;
    background-size: 18px 18px;
    text-indent: -9999px
}

.schedule-main .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: -40px;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.schedule-main .fc-toolbar {
    position: absolute;
    top: 59px;
    left: 16px;
    right: 135px;
    margin: 0
}

.dwp-tab-wrapping .schedule-main .fc-toolbar {
    position: absolute;
    top: 93px;
    left: 16px;
    right: 135px;
    margin: 0
}

.schedule-main .fc-list-view .fc-list-heading-alt {
    float: left;
    margin-left: 10px
}

.schedule-main .fc-view-container .fc-view {
    position: static
}

.schedule-main .fc-view-container .fc-view>table {
    position: static
}

.schedule-main .fc-view-container .fc-view.fc-month-view::before {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 102px;
    z-index: 30;
    width: 36px;
    height: 31px;
    border-right: 1px solid #ddd;
    background-color: #fff
}

.dwp-tab-wrapping .schedule-main .fc-view-container .fc-view.fc-month-view::before {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 136px;
    z-index: 30;
    width: 36px;
    height: 31px;
    border-right: 1px solid #ddd;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view.fc-month-view:after {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 730px;
    z-index: 30;
    width: 35px;
    height: 10px;
    background-color: #fff
}

.dwp-tab-wrapping .schedule-main .fc-view-container .fc-view.fc-month-view:after {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 764px;
    z-index: 30;
    width: 35px;
    height: 10px;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-body>tr .fc-widget-content {
    border-left: 0
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-head .fc-week-number span {
    display: none
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-content-skeleton thead .fc-week-number {
    border-bottom: 0
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number {
    box-sizing: border-box;
    width: 35px!important;
    border: 0;
    border-right: 1px solid #ddd;
    padding: 0 4px
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number span {
    position: absolute;
    top: 40px
}

.schedule-main .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number span::before {
    content: 'W'
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-scroller {
    position: relative;
    height: auto!important;
    min-height: 500px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item {
    background-color: transparent;
    border: 0;
    color: #666
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.ipt .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.ipt .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-mark-full-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.etc .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.etc .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-question-green.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.ceo .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.ceo .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url('/tcclibs/images/common/icon-ceo-schedule-o.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.voted {
    text-decoration: line-through
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.voted .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.voted .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.company .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.company .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url('/tcclibs/images/common/icon-company-blue.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.branch .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.branch .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url('/tcclibs/images/common/icon-branch.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.team .fc-list-item-marker {
    padding: 10px 0 6px 11px
}

.schedule-main .fc-view-container .fc-view.fc-listMonth-view .fc-list-table .fc-list-item.team .fc-list-item-marker .fc-event-dot {
    width: 15px;
    height: 15px;
    border-radius: 0;
    background: url('/tcclibs/images/common/icon-team.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-head .fc-head-container {
    height: 28px
}

.schedule-main .fc-view-container .fc-view .fc-head .fc-head-container .fc-row.fc-widget-header {
    position: absolute;
    top: 103px;
    left: 17px;
    right: 34px;
    z-index: 20;
    border-bottom: 1px solid #ddd
}

.dwp-tab-wrapping .schedule-main .fc-view-container .fc-view .fc-head .fc-head-container .fc-row.fc-widget-header {
    position: absolute;
    top: 137px;
    left: 17px;
    right: 34px;
    z-index: 20;
    border-bottom: 1px solid #ddd
}

.schedule-main .fc-view-container .fc-view .fc-head th {
    padding: 4px 0;
    border: 0;
    background-color: #f5f5f5;
    font-size: 14px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-event {
    padding: 4px;
    min-height: 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton td {
    font-size: 13px;
    text-align: left
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton td.fc-more-cell {
    padding-top: 8px;
    color: #999;
    font-size: 11px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton td .holiday-event {
    float: right;
    padding: 0 2px;
    color: #f44336;
    font-size: 12px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container {
    position: static
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .fc-event {
    padding: 4px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .fc-content {
    min-height: 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .ipt .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .ipt .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-mark-full-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .etc {
    color: #16a765;
    border: 0;
    background-color: #f5f5f5
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .etc .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .etc .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-question-green.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .ceo {
    color: #ed6c00;
    border: 1px solid #ed6c00;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .ceo .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .ceo .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-ceo-schedule-o.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .voted {
    color: #929494;
    border: 0;
    background-color: #f5f5f5;
    text-decoration: line-through
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .voted .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .voted .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .company {
    color: #2196f3;
    border: 1px solid #2196f3;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .company .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .company .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-company-blue.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .branch {
    color: #fbd75c;
    border: 1px solid #fbd75c;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .branch .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .branch .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-branch.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .team {
    color: #c78ef4;
    border: 1px solid #c78ef4;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .team .fc-content {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event-container .team .fc-content::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-team.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-highlight-skeleton .fc-highlight {
    background-color: #ed6c00;
    opacity: .05
}

.schedule-main .fc-view-container .fc-view .fc-body .fc-bg td.fc-today {
    background-color: #f5f5f5
}

.schedule-main .fc-view-container .fc-agendaDay-view .holiday-event {
    font-size: 11px
}

.schedule-main .fc-view-container .fc-agendaDay-view .icon-holiday {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    background: url('/tcclibs/images/common/icon-holiday.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    font-size: 0;
    vertical-align: sub
}

.schedule-main .fc-view-container .fc-agendaOneWeek-view .holiday-event {
    font-size: 11px
}

.schedule-main .fc-view-container .fc-agendaOneWeek-view .icon-holiday {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    background: url('/tcclibs/images/common/icon-holiday.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    font-size: 0;
    vertical-align: sub
}

.schedule-main .fc-view-container .fc-agendaTwoWeek-view .holiday-event {
    font-size: 11px
}

.schedule-main .fc-view-container .fc-agendaTwoWeek-view .icon-holiday {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: url('/tcclibs/images/common/icon-holiday.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    font-size: 0;
    vertical-align: sub
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-header {
    background-color: #fff;
    padding: 10px 10px 2px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-header .fc-title {
    color: #333;
    font-weight: 700
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-header .fc-icon-x::after {
    font-size: 210%
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .fc-event {
    border: 0;
    padding: 4px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .ipt {
    position: relative;
    padding-left: 20px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .ipt::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-mark-full-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .etc {
    position: relative;
    padding-left: 20px;
    color: #16a765;
    border: 0;
    background-color: #f5f5f5
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .etc::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-question-green.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .voted {
    position: relative;
    padding-left: 20px;
    color: #929494;
    border: 0;
    background-color: #f5f5f5;
    text-decoration: line-through
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .voted::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .ceo {
    position: relative;
    padding-left: 20px;
    color: #ed6c00;
    border: 1px solid #ed6c00;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .ceo::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-ceo-schedule-o.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .company {
    position: relative;
    padding-left: 20px;
    color: #2196f3;
    border: 1px solid #2196f3;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .company::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-company-blue.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .branch {
    position: relative;
    padding-left: 20px;
    color: #fbd75c;
    border: 1px solid #fbd75c;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .branch::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-branch.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .team {
    position: relative;
    padding-left: 20px;
    color: #c78ef4;
    border: 1px solid #c78ef4;
    background-color: #fff
}

.schedule-main .fc-view-container .fc-view .fc-more-popover .fc-event-container .team::before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: url('/tcclibs/images/common/icon-team.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

@media screen and (max-width: 1200px) {
    .schedule-main .fc-toolbar {
        right: 118px
    }
    .schedule-main .fc-view-container .fc-view .fc-head .fc-head-container .fc-row.fc-widget-header {
        right: 17px
    }
}

.schedule-write .dwp-grouping+.dwp-grouping {
    margin-top: 10px
}

.schedule-write .dwp-grouping .important {
    width: 20px
}

.schedule-write .dwp-grouping .important+.dwp-input {
    width: auto
}

.schedule-write .dwp-grouping.alert-chk.active .alert-hidden-area {
    display: block
}

.schedule-write .dwp-grouping.alert-chk .alert-hidden-area {
    display: none;
    padding-left: 15px
}

.schedule-write .dwp-grouping.alert-chk .alert-hidden-area .dwp-grouping.sel-time.active .hidden-area {
    display: block
}

.schedule-write .dwp-grouping.alert-chk .alert-hidden-area .dwp-grouping.sel-time .hidden-area {
    display: none
}

.schedule-list .dwp-table .today-row {
    background-color: #f5f5f5
}

.schedule-list .dwp-table .today-row .dates-cell {
    color: #333;
    font-weight: 700
}

.schedule-list .dwp-table .dates-cell {
    width: 120px
}

.schedule-list .dwp-table .dates-cell>.day {
    margin-left: 4px;
    color: #999
}

.schedule-list .dwp-table .add-cell {
    width: 50px
}

.schedule-list .dwp-table .add-cell>a {
    display: block;
    text-align: center
}

.schedule-list .dwp-table .add-cell>a>img {
    width: 15px;
    height: 15px
}

.schedule-list .dwp-table .time-cell {
    width: 150px
}

.schedule-list .dwp-table .ipt-cell {
    width: 50px
}

.schedule-list .dwp-table .category-cell {
    width: 100px
}

.schedule-list .dwp-table .subject-cell .dwp-alert {
    display: inline-block;
    margin-left: 8px;
    vertical-align: top
}

.schedule-list .dwp-table .subject-cell .dwp-alert>img {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.conference-main .dwp-table .room {
    color: #333;
    font-weight: 700
}

.conference-main .dwp-table .purpose {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.conference-main .dwp-table .type {
    font-weight: 700
}

.conference-main .dwp-table .type.type-1 {
    color: #ed6c00
}

.conference-main .dwp-table .type.type-2 {
    color: #2196f3
}

.conference-state .fc-selDate-button {
    width: 18px!important;
    height: 29px!important;
    padding: 3px 0 4px!important;
    border: 0!important;
    box-shadow: none!important;
    background: url('/tcclibs/images/common/icon-calendar.svg?1484963787') no-repeat center!important;
    background-size: 18px 18px;
    text-indent: -9999px
}

.conference-state .fc-view-container .fc-view {
    position: static
}

.conference-state .fc-view-container .fc-view>table {
    position: static
}

.conference-state .fc-view-container .fc-view.fc-month-view::before {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 149px;
    z-index: 30;
    width: 36px;
    height: 31px;
    border-right: 1px solid #ddd;
    background-color: #fff
}

.dwp-tab-wrapping .conference-state .fc-view-container .fc-view.fc-month-view::before {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 183px;
    z-index: 30;
    width: 36px;
    height: 31px;
    border-right: 1px solid #ddd;
    background-color: #fff
}

.conference-state .fc-view-container .fc-view.fc-month-view:after {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 771px;
    z-index: 30;
    width: 35px;
    height: 10px;
    background-color: #fff
}

.dwp-tab-wrapping .conference-state .fc-view-container .fc-view.fc-month-view:after {
    content: " ";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 812px;
    z-index: 30;
    width: 35px;
    height: 10px;
    background-color: #fff
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-body>tr .fc-widget-content {
    border-left: 0
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-head .fc-week-number span {
    display: none
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-content-skeleton thead .fc-week-number {
    border-bottom: 0
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number {
    box-sizing: border-box;
    width: 35px!important;
    border: 0;
    border-right: 1px solid #ddd;
    padding: 0 4px
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number span {
    position: absolute;
    top: 40px;
    left: 4px
}

.conference-state .fc-view-container .fc-view.fc-month-view .fc-day-grid .fc-week-number span::before {
    content: 'W'
}

.conference-state .fc-view-container .fc-view .fc-head .fc-head-container {
    height: 28px
}

.conference-state .fc-view-container .fc-view .fc-head .fc-head-container .fc-row.fc-widget-header {
    position: absolute;
    top: 150px;
    left: 17px;
    right: 34px;
    z-index: 20;
    border-bottom: 1px solid #ddd
}

.dwp-tab-wrapping .conference-state .fc-view-container .fc-view .fc-head .fc-head-container .fc-row.fc-widget-header {
    position: absolute;
    top: 184px;
    left: 17px;
    right: 34px;
    z-index: 20;
    border-bottom: 1px solid #ddd
}

.conference-state .fc-view-container .fc-view .fc-head th {
    padding: 4px 0;
    border: 0;
    background-color: #f5f5f5;
    font-size: 14px
}

.conference-state .fc-widget-content.check-room .fc-cell-text::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url('/tcclibs/images/common/file-check-o.svg?1484963787') no-repeat;
    background-size: 18px 18px;
    vertical-align: middle
}

.conference-state .fc-widget-content .fc-cell-text::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.conference-state .fc-toolbar {
    position: absolute;
    top: 58px;
    left: 16px;
    right: 33px;
    margin: 0
}

.dwp-tab-wrapping .conference-state .fc-toolbar {
    position: absolute;
    top: 93px;
    left: 16px;
    right: 33px;
    margin: 0
}

.conference-state .fc-toolbar .fc-button {
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.conference-state .fc-toolbar .fc-button.fc-state-default {
    background: 0
}

.conference-state .fc-toolbar .fc-button.fc-state-hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.conference-state .fc-toolbar .fc-button.fc-state-active {
    color: #999
}

.conference-state .fc-title {
    display: block
}

.conference-state .guide-text img {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

@media screen and (max-width: 1200px) {
    .conference-state .fc-toolbar {
        right: 16px
    }
}

.hantaon-write .dwp-tabs-simple.ui-tabs .ui-tabs-nav .ui-state-default {
    width: 20%
}

.hantaon-write .dwp-tabs-simple.ui-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
    padding: 15px 20px
}

.appstore-main-container {
    height: 100%;
    padding-top: 69px
}

.appstore-main-container .appstore-main-inner {
    height: 100%;
    overflow: auto;
    padding-bottom: 50px
}

html[lang="ko"] .dwp-appstore-main .page-heading .dwp-page-title {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

html[lang="ko"] .dwp-appstore-main .app-intro .sub-title {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.dwp-appstore-main {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px
}

.dwp-appstore-main .page-heading {
    position: relative;
    margin-bottom: 30px
}

.dwp-appstore-main .page-heading .dwp-page-title {
    color: #333;
    font-size: 28px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-weight: 400;
    vertical-align: middle
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 0;
    vertical-align: middle
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs>.dwp-item {
    float: left;
    color: #999;
    vertical-align: middle
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs>.dwp-item img {
    width: 15px;
    height: 13px;
    vertical-align: baseline
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item {
    position: relative;
    margin-left: 20px
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 4px;
    height: 10px;
    background: url('/tcclibs/images/common/breadcrumbs-arrow.png?1484963787') no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs>.dwp-item:last-child {
    color: #333
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs+.dwp-btn-group {
    margin-top: 35px
}

.dwp-appstore-main .page-heading .dwp-breadcrumbs+.dwp-msg-banner {
    margin-top: 30px
}

.dwp-appstore-main .app-card {
    position: relative;
    width: 308px;
    height: 350px;
    margin: 20px 9px 20px;
    padding: 170px 20px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.dwp-appstore-main .app-card:hover {
    box-shadow: 0 11px 14px 0 rgba(0, 0, 0, 0.28)
}

.dwp-appstore-main .app-card:hover .app-icon::before {
    visibility: visible;
    opacity: 1
}

.dwp-appstore-main .app-card .app-icon {
    position: absolute;
    top: 55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-appstore-main .app-card .app-icon img {
    width: 76px;
    height: 76px
}

.dwp-appstore-main .app-card .app-icon::before {
    content: " ";
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -26px;
    left: -26px;
    z-index: -1;
    width: 130px;
    height: 130px;
    border-radius: 54px;
    background-color: #eee;
    -webkit-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s
}

.dwp-appstore-main .app-card .app-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 50px;
    color: #ed6c00;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -1px
}

.dwp-appstore-main .app-card .app-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 62px;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -1px
}

.dwp-appstore-main .app-card .btn-detail {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-appstore-main .app-intro {
    overflow: hidden;
    margin: 0 -8px;
    padding: 0 8px
}

.dwp-appstore-main .app-intro .sub-title {
    color: #333;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    font-size: 22px
}

.dwp-appstore-main .app-intro .sub-title .point-color {
    color: #ed6c00
}

.dwp-appstore-main .app-intro .app-list {
    margin: 0 -8px
}

.dwp-appstore-main .app-intro .app-list .slick-prev {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -32px;
    right: 41px;
    border: 1px solid #cfcfcf;
    border-right: 0;
    background: #fff url('/tcclibs/images/common/icon-left.svg?1484963787') no-repeat center;
    background-size: 13px 13px;
    text-indent: -9999px
}

.dwp-appstore-main .app-intro .app-list .slick-prev:hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.dwp-appstore-main .app-intro .app-list .slick-next {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -32px;
    right: 8px;
    border: 1px solid #cfcfcf;
    background: #fff url('/tcclibs/images/common/icon-right.svg?1484963787') no-repeat center;
    background-size: 13px 13px;
    text-indent: -9999px
}

.dwp-appstore-main .app-intro .app-list .slick-next:hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.dwp-appstore-main .app-intro .app-list .slick-dots {
    margin-top: -10px;
    text-align: center
}

.dwp-appstore-main .app-intro .app-list .slick-dots>li {
    display: inline-block
}

.dwp-appstore-main .app-intro .app-list .slick-dots>li.slick-active button::after {
    background-color: #333
}

.dwp-appstore-main .app-intro .app-list .slick-dots>li button {
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    border: 0;
    background: transparent;
    text-indent: -9999px
}

.dwp-appstore-main .app-intro .app-list .slick-dots>li button::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: 0 auto;
    border-radius: 50%;
    background: #cfcfcf;
    /*vertical-align: middle;*/
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dwp-appstore-main .app-intro .new-app-list {
    float: left;
    position: relative;
    width: 308px
}

.dwp-appstore-main .app-intro .new-app-list .app-list .app-card {
    border: 2px solid #ed6c00
}

.dwp-appstore-main .app-intro .new-app-list+.common-app-list {
    float: left;
    width: 634px;
    margin-left: 18px
}

.dwp-appstore-main .app-intro .new-app-list+.common-app-list .app-list {
    margin: 0 -8px
}

.dwp-appstore-main .app-intro .common-app-list {
    position: relative
}

.dwp-appstore-main .app-intro .common-app-list .app-list {
    margin: 0 -7px
}

.dwp-appstore-main .app-categories {
    margin-top: 15px
}

.dwp-appstore-main .app-categories .cate-list {
    display: table;
    table-layout: fixed;
    overflow: hidden;
    width: 100%
}

.dwp-appstore-main .app-categories .cate-list>li {
    display: table-cell;
    padding: 15px 20px;
    background-color: #eee;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.dwp-appstore-main .app-categories .cate-list>li+li {
    box-shadow: -2px 3px 8px 0 rgba(0, 0, 0, 0.2)
}

.dwp-appstore-main .app-categories .cate-list>li.active {
    width: 200px;
    background-color: #ed6c00
}

.dwp-appstore-main .app-categories .cate-list>li.active .title {
    color: #fff
}

.dwp-appstore-main .app-categories .cate-list>li.active .num {
    color: #fff
}

.dwp-appstore-main .app-categories .cate-list>li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.dwp-appstore-main .app-categories .cate-list>li .num {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ed6c00
}

.dwp-appstore-main .app-list-nodata {
    margin-top: 34px
}

.dwp-appstore-main .app-list-nodata .list-inner {
    padding: 15px 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}

.dwp-appstore-main .app-list-area {
    margin: 34px -6px -6px
}

.dwp-appstore-main .app-list-area:before,
.dwp-appstore-main .app-list-area:after {
    content: " ";
    display: table
}

.dwp-appstore-main .app-list-area:after {
    clear: both
}

.dwp-appstore-main .app-list-area .dwp-app-item {
    float: left;
    padding: 6px
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner {
    position: relative;
    width: 150px;
    height: 182px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .icon-area {
    height: 147px;
    padding: 25px 13px 13px;
    text-align: center
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .icon-area.active {
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .icon-area .icon>img {
    width: 38px;
    height: 38px
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .icon-area .icon-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 58px;
    margin-top: 16px;
    font-weight: 700
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area {
    overflow: hidden;
    border-top: 1px solid #ddd
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .preview {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    text-align: center;
    cursor: pointer
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .preview>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .download {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    border-left: 1px solid #ddd;
    text-align: center;
    cursor: pointer
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .download.active {
    position: relative;
    background-color: #eee
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .download.active::after {
    content: " ";
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    width: 18px;
    height: 18px;
    background: #eee url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat;
    background-size: 18px 18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-appstore-main .app-list-area .dwp-app-item .item-inner .util-area .download>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

@media screen and (max-width: 1200px) {
    .dwp-appstore-main {
        width: 730px
    }
    .dwp-appstore-main .app-intro .new-app-list {
        width: 232px
    }
    .dwp-appstore-main .app-intro .new-app-list+.common-app-list {
        width: 480px
    }
    .dwp-appstore-main .app-categories .cate-list>li {
        width: 104px;
        padding: 10px 20px
    }
    .dwp-appstore-main .app-categories .cate-list>li.active {
        width: 104px
    }
    .dwp-appstore-main .app-list-area .dwp-app-item {
        padding: 7px
    }
    .dwp-appstore-main .app-list-area .dwp-app-item .item-inner {
        width: 134px
    }
}

.conference-reserve .dwp-section .dwp-table .room {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.conference-reserve .dwp-section .dwp-table .no-result {
    padding: 12px 0
}

.conference-reserve .dwp-section .dwp-table-vertical .dwp-title .point {
    margin-left: 4px;
    color: #ed6c00;
    vertical-align: middle
}

.ui-dialog .conference-detail .prev-area {
    width: 330px;
    padding-right: 5px
}

.ui-dialog .conference-detail .info-area {
    padding-left: 5px
}

.conference-detail .dwp-contents-body {
    padding-top: 20px
}

.conference-detail .prev-area {
    float: left;
    width: 360px;
    padding-right: 15px
}

.conference-detail .prev-area .slider-img div img {
    width: 100%;
    height: 270px
}

.conference-detail .prev-area .slider-nav {
    position: relative;
    width: 100%;
    height: 64px;
    margin-top: 15px
}

.conference-detail .prev-area .slider-nav div img {
    width: 82px;
    height: 64px
}

.conference-detail .prev-area .slider-nav .slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 45px;
    background: url('/tcclibs/images/common/icon-left.svg?1484963787') no-repeat center center;
    background-size: 15px 15px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -9999px;
    border: 0;
    z-index: 100
}

.conference-detail .prev-area .slider-nav .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 45px;
    background: url('/tcclibs/images/common/icon-right.svg?1484963787') no-repeat center center;
    background-size: 15px 15px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -9999px;
    border: 0
}

.conference-detail .info-area {
    float: left;
    width: 50%;
    padding-left: 15px
}

.conference-detail .info-area .subject {
    margin-bottom: 25px;
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.conference-detail .info-area div[class^="info-"] {
    display: table;
    width: 100%
}

.conference-detail .info-area div[class^="info-"]+div[class^="info-"] {
    margin-top: 8px
}

.conference-detail .info-area div[class^="info-"]>div {
    display: table-cell;
    vertical-align: middle
}

.conference-detail .info-area div[class^="info-"] .key {
    width: 100px;
    color: #333;
    font-weight: 700
}

.conference-detail .info-area div[class^="info-"] .value {
    padding-left: 15px
}

.list-card-center .dwp-list-card {
    width: 960px;
    margin: 0 auto
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item {
    height: 330px
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .thumb {
    overflow: hidden;
    width: 100%;
    height: 220px;
    text-align: center
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .thumb>img {
    width: auto;
    height: 100%
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .text-wrap {
    border-top: 1px solid #ddd
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .text-wrap .brand {
    color: #999;
    font-weight: 700
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .text-wrap .title {
    margin-top: 9px
}

.list-card-center .dwp-list-card .list-wrap .item-wrap.fix-type .item .text-wrap .title>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-width: 100%;
    white-space: normal;
    height: 41px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

@media screen and (max-width: 1200px) {
    .list-card-center .dwp-list-card {
        width: 628px
    }
}

html[lang="ko"] .dwp-vpr-main .page-heading .dwp-page-title {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

html[lang="ko"] .dwp-vpr-main .vpr-content .aligner .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.vpr-main-container {
    overflow: auto;
    height: 100%
}

.dwp-vpr-main {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px
}

.dwp-vpr-main .page-heading {
    position: relative;
    margin-bottom: 30px
}

.dwp-vpr-main .page-heading .dwp-page-title {
    color: #333;
    font-size: 28px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-weight: 400;
    vertical-align: middle
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 0;
    vertical-align: middle
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs>.dwp-item {
    float: left;
    color: #999;
    vertical-align: middle
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs>.dwp-item img {
    width: 15px;
    height: 13px;
    vertical-align: baseline
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item {
    position: relative;
    margin-left: 20px
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 4px;
    height: 10px;
    background: url('/tcclibs/images/common/breadcrumbs-arrow.png?1484963787') no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs>.dwp-item:last-child {
    color: #333
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs+.dwp-btn-group {
    margin-top: 35px
}

.dwp-vpr-main .page-heading .dwp-breadcrumbs+.dwp-msg-banner {
    margin-top: 30px
}

.dwp-vpr-main .vpr-content .aligner .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-size: 22px;
    font-weight: 400
}

.dwp-vpr-main .vpr-content .aligner .subject .num {
    margin-left: 8px;
    color: #ed6c00;
    font-weight: 700
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple.lnb-type .ui-tabs-nav .ui-state-default {
    width: 33.33333333%
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap {
    display: table;
    table-layout: fixed;
    width: 100%
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap>div {
    display: table-cell;
    vertical-align: top
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area {
    width: 548px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list {
    overflow: hidden;
    margin: -8px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item {
    float: left;
    padding: 8px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a {
    display: block;
    width: 172px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a:hover {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.14)
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .thumb {
    height: 127px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .thumb>img {
    width: 100%
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .title-wrap {
    height: 74px;
    padding: 15px 13px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .title-wrap .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .btn-wrap {
    padding: 0 14px 20px;
    text-align: center
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .btn-wrap .dwp-btn+.dwp-btn {
    margin-left: 3px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .item a .btn-wrap .dwp-btn span {
    width: 68px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .add-item a {
    position: relative;
    border: 1px dashed #ddd;
    background-color: #fafafa
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .add-item a::before {
    content: " ";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 80px;
    height: 80px;
    background: url('/tcclibs/images/common/icon-card-add.png?1484963787') no-repeat center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area .card-list .add-item a .title {
    padding-top: 142px;
    padding-bottom: 37px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area {
    padding-left: 16px;
    padding-bottom: 10px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap {
    border: 1px solid #ddd;
    border-radius: 3px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list {
    overflow-y: auto;
    height: 642px;
    padding: 10px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item {
    min-height: 120px;
    padding: 12px 0
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item+.item {
    border-top: 1px solid #ddd
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .aligner .time {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-date.svg?1484963787') no-repeat left center;
    padding-left: 15px;
    background-size: 10px 10px;
    color: #999;
    font-size: 12px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area {
    position: relative
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .dwp-btn {
    position: absolute;
    top: 0;
    right: 0
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .timeline-desc {
    height: 55px;
    overflow: hidden
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .timeline-desc.active {
    height: 100%
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .view-read {
    margin-top: 10px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .view-read .more {
    width: 100px;
    color: #ed6c00;
    font-size: 12px;
    cursor: pointer
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .subject {
    margin-bottom: 5px;
    color: #333;
    font-weight: 700
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 40px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .media {
    margin-top: 8px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .media>img {
    width: 100%
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .file {
    margin-top: 8px;
    border: 1px solid #cfcfcf;
    background-color: #fafafa;
    padding: 8px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .file img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .file .file-name {
    padding-left: 20px;
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat left center;
    background-size: 15px 15px;
    cursor: pointer
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .file .file-name .name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    vertical-align: middle
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .content-area .file .file-name span {
    display: inline-block;
    vertical-align: middle
}

.dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .activity-area .list-wrap .list .item .team {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px
}

@media screen and (max-width: 1200px) {
    .dwp-vpr-main {
        width: 730px
    }
    .dwp-vpr-main .vpr-content .dwp-tabs-simple div[class^="dwp-tabs-vpr-"] .section-wrap .card-area {
        width: 360px
    }
}

.conference-find .dwp-section:first-child .dwp-btn button,
.conference-find .dwp-section:first-child .dwp-btn span {
    padding: 6px 28px 7px
}

.conference-find .dwp-section:nth-child(2) .no-result {
    padding: 12px 0
}

.conference-find-multi .fc-widget-content.check-room .fc-cell-text::before {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background: url('/tcclibs/images/common/file-check-o.svg?1484963787') no-repeat
}

.conference-find-multi .fc-widget-content .fc-cell-content .dwp-checkbox.textless {
    margin-right: 8px;
    vertical-align: top
}

.conference-find-multi .fc-widget-content .fc-cell-content .dwp-checkbox.textless span::before {
    width: 18px;
    height: 18px
}

.conference-find-multi .scheduler-wrap {
    position: relative
}

.conference-find-multi .fc-toolbar {
    position: absolute;
    top: -49px;
    left: 128px
}

.dwp-tab-wrapping .conference-find-multi .fc-toolbar {
    position: absolute;
    top: -49px;
    left: 128px
}

.conference-find-multi .fc-toolbar .fc-right {
    display: none
}

.conference-find-multi .fc-toolbar .fc-button {
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.conference-find-multi .fc-toolbar .fc-button.fc-state-default {
    background: 0
}

.conference-find-multi .fc-toolbar .fc-button.fc-state-hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.conference-find-multi .fc-toolbar .fc-button.fc-state-active {
    color: #999
}

.conference-find-multi .fc-title {
    display: block
}

.conference-find-multi .guide-text img {
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.conference-find-multi .dwp-section:first-child .dwp-btn button,
.conference-find-multi .dwp-section:first-child .dwp-btn span {
    padding: 6px 28px 7px
}

.conference-find-multi .guide-text {
    padding-left: 8px
}

.conference-find-multi .guide-text img {
    margin-right: 10px
}

.mail-detail #bodywrap {
    margin-top: 15px
}

.mail-detail .dwp-hide-row {
    display: none
}

.mail-detail .dwp-hide-row.active {
    display: table
}

.mail-detail .dwp-btn-more {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: 1px solid #cfcfcf;
    background: #fff url('/tcclibs/images/common/icon-lnb-depth.svg?1484963787') no-repeat center;
    background-size: 10px 10px;
    vertical-align: top;
    cursor: pointer
}

.mail-detail .dwp-btn-more.active {
    background: #fff url('/tcclibs/images/common/icon-lnb-depth-open.svg?1484963787') no-repeat center;
    background-size: 10px 10px
}

.mail-detail .dwp-row .dwp-btn-toggle {
    display: table-cell;
    width: 40px;
    text-align: right;
    vertical-align: middle
}

.mail-detail .close-area {
    display: none
}

.mail-detail .close-area.active {
    display: block
}

.mail-detail .mail-target {
    display: inline-block
}

html[lang="ko"] .dwp-vpr-detail .page-heading .dwp-page-title {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

html[lang="ko"] .dwp-vpr-detail .section-wrap .vpr-content .status-form .subject {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.dwp-vpr-detail .dwp-contents-body {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 0!important
}

.dwp-vpr-detail .page-heading {
    position: relative;
    margin-bottom: 30px
}

.dwp-vpr-detail .page-heading .dwp-page-title {
    color: #333;
    font-size: 28px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-weight: 400;
    vertical-align: middle
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 0;
    vertical-align: middle
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs>.dwp-item {
    float: left;
    color: #999;
    vertical-align: middle
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs>.dwp-item img {
    width: 15px;
    height: 13px;
    vertical-align: baseline
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item {
    position: relative;
    margin-left: 20px
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs>.dwp-item+.dwp-item::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 4px;
    height: 10px;
    background: url('/tcclibs/images/common/breadcrumbs-arrow.png?1484963787') no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs>.dwp-item:last-child {
    color: #333
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs+.dwp-btn-group {
    margin-top: 35px
}

.dwp-vpr-detail .page-heading .dwp-breadcrumbs+.dwp-msg-banner {
    margin-top: 30px
}

.dwp-vpr-detail .subject {
    color: #333;
    font-size: 22px
}

.dwp-vpr-detail .media {
    padding: 10px 0
}

.dwp-vpr-detail .media .media-item img {
    max-width: 100%
}

.dwp-vpr-detail .media .media-item+.media-item {
    margin-top: 5px
}

.dwp-vpr-detail .vpr-modify {
    padding: 0 5px;
    font-size: 0;
    cursor: pointer
}

.dwp-vpr-detail .vpr-modify img {
    width: 18px;
    height: 18px
}

.dwp-vpr-detail .vpr-del {
    padding: 0 5px;
    font-size: 0;
    cursor: pointer
}

.dwp-vpr-detail .vpr-del img {
    width: 18px;
    height: 18px
}

.dwp-vpr-detail .section-wrap {
    display: table;
    width: 100%;
    table-layout: fixed
}

.dwp-vpr-detail .section-wrap div[class^="vpr-"] {
    display: table-cell;
    vertical-align: top
}

.dwp-vpr-detail .section-wrap .vpr-content .search-form .dwp-search-bar {
    width: 548px;
    vertical-align: middle
}

.dwp-vpr-detail .section-wrap .vpr-content .search-form .dwp-search-bar .dwp-btn {
    right: 33px
}

.dwp-vpr-detail .section-wrap .vpr-content .search-form .dwp-search-bar .dwp-btn+.dwp-btn {
    right: 0
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .subject {
    margin-bottom: 15px;
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    font-size: 17px;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .dwp-textarea textarea {
    overflow-y: hidden;
    height: 57px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .icon-util {
    overflow: hidden;
    padding: 5px 0
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .icon-util div {
    float: left;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .icon-util div+div {
    margin-left: 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form .icon-util div img {
    width: 18px;
    height: 18px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .subject-head {
    padding: 8px 10px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .subject-head .point-color {
    margin-left: 4px;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list {
    padding: 17px 10px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap {
    margin: -5px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap:before,
.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap:after {
    content: " ";
    display: table
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap:after {
    clear: both
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap .item {
    float: left;
    position: relative;
    padding: 5px;
    width: 60px;
    height: 60px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap .item>img {
    width: 100%;
    height: 100%
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap .item .del {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #eee;
    text-align: center;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .media-list .list-wrap .item .del img {
    width: 10px;
    height: 10px;
    vertical-align: baseline
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list {
    position: relative;
    padding: 8px 0
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.file .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.file .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.todo .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.todo .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-todo.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.schedule .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.schedule .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-calendar.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.bookmark .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.bookmark .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-mark.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.livepoll .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list.livepoll .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-livepoll.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list .item {
    position: relative;
    padding: 8px 20px 8px 10px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-vpr-detail .section-wrap .vpr-content .status-form div[class*="-area"] .list .item .btn-cancel {
    position: absolute;
    top: 8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('/tcclibs/images/common/icon-close.svg?1484963787') no-repeat center;
    background-size: 10px 10px;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list {
    /*max-height: 726px*/
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: -15px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item {
    min-height: 120px;
    padding: 12px 0
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item+.item {
    border-top: 1px solid #ddd
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item.loading-area {
    min-height: 0;
    text-align: center;
    background-color: #fafafa
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .time {
    padding: 5px 0 5px 15px;
    background: url('/tcclibs/images/common/icon-date.svg?1484963787') no-repeat left center;
    background-size: 10px 10px;
    color: #999;
    font-size: 12px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .options {
    font-size: 0;
    text-align: right
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .bookmark {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
    border: 1px solid #cfcfcf;
    padding: 8px 8px 8px 28px;
    background: #fafafa url('/tcclibs/images/common/icon-mark.svg?1484963787') no-repeat 8px center;
    background-size: 15px 15px;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .timeline-desc {
    margin-top: 8px;
    height: 55px;
    overflow: hidden
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .timeline-desc.active {
    height: 100%
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .view-read {
    margin-top: 10px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .view-read .more {
    width: 100px;
    color: #ed6c00;
    font-size: 12px;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject {
    margin-bottom: 8px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject:before,
.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject:after {
    content: " ";
    display: table
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject:after {
    clear: both
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    display: block;
    width: 490px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .subject .options {
    float: right;
    width: 56px;
    font-size: 0
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 40px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .file {
    margin-top: 8px;
    border: 1px solid #cfcfcf;
    background-color: #fafafa;
    padding: 8px
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .file .file-name {
    padding-left: 20px;
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat left center;
    background-size: 15px 15px;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .file .file-name .name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    vertical-align: middle
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .content .file .file-name span {
    display: inline-block;
    vertical-align: middle
}

.dwp-vpr-detail .section-wrap .vpr-content .status-list .item .content-area .team {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px;
    margin-top: 5px
}

.dwp-vpr-detail .section-wrap .vpr-aside {
    width: 412px;
    padding-left: 16px;
    padding-bottom: 10px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 25px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section {
    position: relative
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section:nth-child(1) {
    min-height: 284px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section:nth-child(2) {
    min-height: 172px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section:nth-child(3) {
    min-height: 211px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section:nth-child(4) {
    min-height: 172px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section:nth-child(5) {
    min-height: 134px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section+.section {
    margin-top: 30px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .flower-menu-wrap {
    position: absolute;
    top: 16px;
    right: 0
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .subject {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 17px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .option .view-all {
    display: inline-block;
    margin-right: 8px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .option .member-num {
    display: inline-block;
    color: #ed6c00;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list {
    max-height: 262px;
    margin: 9px -9px -9px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item {
    float: left;
    padding: 5px;
    cursor: pointer
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile {
    width: 76px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile.active .photo::before {
    display: block
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile .photo {
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 20px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile .photo::before {
    content: ' ';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 22px;
    background: rgba(243, 125, 47, 0.7) url('/tcclibs/images/common/icon-check-w.svg?1484963787') no-repeat center;
    background-size: 18px 18px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile .photo>img {
    width: 50px;
    height: 50px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .member-list .item .profile .auth-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
    text-align: center;
    color: #999
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .notice-list .item .ntitle {
    display: inline-block;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 45px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .file-list .dwp-file+.dwp-file {
    margin-top: 12px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .file-list .dwp-file img {
    margin-right: 8px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .count {
    position: absolute;
    top: 2px;
    right: 50px;
    display: inline-block;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .count .point-color {
    color: #ed6c00
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .slick-prev {
    position: absolute;
    top: -63px;
    right: 12px;
    width: 34px;
    height: 34px;
    background: url('/tcclibs/images/common/btn-pagination-prev.png?1484963787') no-repeat center bottom;
    outline: 0;
    border: 0;
    text-indent: -9999px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .slick-prev:hover {
    background-position: center top
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .slick-next {
    position: absolute;
    top: -63px;
    right: -10px;
    width: 34px;
    height: 34px;
    background: url('/tcclibs/images/common/btn-pagination-next.png?1484963787') no-repeat center bottom;
    outline: 0;
    border: 0;
    text-indent: -9999px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .slick-next:hover {
    background-position: center top
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area {
    overflow: hidden
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .thumb-area {
    float: left;
    width: 152px;
    padding-right: 5px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .thumb-area .thumb {
    width: 152px;
    height: 114px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .thumb-area .thumb>img {
    width: 100%;
    height: 100%
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .desc-area {
    float: left;
    width: 170px;
    padding-left: 20px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .desc-area .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 64px;
    color: #333;
    font-size: 15px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .gallery-slide-area .gallery-slider .content-area .desc-area .date {
    margin-top: 10px;
    color: #999;
    font-size: 12px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .count {
    position: absolute;
    top: 2px;
    right: 50px;
    display: inline-block;
    color: #999;
    font-size: 14px;
    vertical-align: middle
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .count .point-color {
    color: #ed6c00
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slick-prev {
    position: absolute;
    top: -63px;
    right: 12px;
    width: 34px;
    height: 34px;
    background: url('/tcclibs/images/common/btn-pagination-prev.png?1484963787') no-repeat center bottom;
    outline: 0;
    border: 0;
    text-indent: -9999px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slick-prev:hover {
    background-position: center top
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slick-next {
    position: absolute;
    top: -63px;
    right: -10px;
    width: 34px;
    height: 34px;
    background: url('/tcclibs/images/common/btn-pagination-next.png?1484963787') no-repeat center bottom;
    outline: 0;
    border: 0;
    text-indent: -9999px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slick-next:hover {
    background-position: center top
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slide .title {
    color: #333;
    font-size: 15px
}

.dwp-vpr-detail .section-wrap .vpr-aside .inner .section .lifepoll-slide-area .slide .title .question {
    color: #ed6c00;
    margin-right: 10px
}

@media screen and (max-width: 1200px) {
    .dwp-vpr-detail .dwp-contents-body {
        width: 736px
    }
    .dwp-vpr-detail .section-wrap div[class^="vpr-"] .search-form .dwp-selectbox {
        width: 100px
    }
    .dwp-vpr-detail .section-wrap div[class^="vpr-"] .search-form .dwp-search-bar {
        width: 227px
    }
    .dwp-vpr-detail .section-wrap div[class^="vpr-"] .search-form .dwp-search-bar input {
        width: 196px
    }
    .dwp-vpr-detail .section-wrap .vpr-content .status-form .dwp-search-bar {
        width: 100%
    }
    .dwp-vpr-detail .section-wrap .vpr-content .status-form .dwp-search-bar input {
        width: 228px
    }
}

.warning-area {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.warning-area img {
    width: 90px;
    height: 90px
}

.warning-area .txt {
    margin-top: 15px;
    color: #333;
    font-weight: 700;
    font-size: 30px;
    white-space: nowrap
}

.warning-area .txt.sm {
    font-size: 16px
}

.warning-area .dwp-btn.strong {
    margin-top: 30px
}

.warning-area .dwp-btn.strong button,
.warning-area .dwp-btn.strong span {
    min-width: 80px
}

.dwp-vpr-room .dwp-contents-body {
    padding-top: 10px
}

.dwp-vpr-room .dwp-tabs-simple.ui-tabs .ui-tabs-nav .ui-state-default {
    width: 50%
}

.dwp-vpr-room .owner {
    color: #ed6c00
}

.dwp-vpr-room .member {
    color: #666
}

.research-write .dwp-section:first-child .dwp-table-vertical .dwp-textarea {
    margin-top: 10px
}

.research-detail .guide-area {
    padding: 15px;
    border: 1px solid #cfcfcf
}

.research-detail .guide-area .heading {
    margin-bottom: 8px;
    padding-left: 25px;
    background: url('/tcclibs/images/common/icon-guide.svg?1484963787') no-repeat left center;
    background-size: 18px 18px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-container .dwp-contents .dwp-page-body .total-search {
    padding: 0
}

.total-search .total-srch-form {
    height: 145px;
    background-color: #eee
}

.total-search .total-srch-form .inner {
    width: 960px;
    margin: 0 auto
}

.total-search .total-srch-form .inner .srch-form {
    position: relative;
    padding: 27px 0
}

.total-search .total-srch-form .inner .srch-form>input,
.total-search .total-srch-form .inner .srch-form input.dwp-srch-inp {
    width: 100%;
    height: 45px;
    padding: 5px 80px 5px 0;
    font-size: 22px;
    border: 0;
    background-color: transparent
}

.total-search .total-srch-form .inner .srch-form .complete-btn {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer
}

.total-search .total-srch-form .inner .srch-form .complete-btn img {
    width: 15px;
    height: 15px
}

.total-search .total-srch-form .inner .srch-form .srch-btn {
    position: absolute;
    top: 37px;
    right: 12px
}

.total-search .total-srch-form .inner .srch-form .srch-btn img {
    width: 28px;
    height: 28px
}

.total-search .total-srch-form .inner .srch-form .option-srch-area {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #333;
    text-align: right
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .tip-area {
    text-align: left
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .detail-srch-wrap {
    float: left;
    position: relative
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .detail-srch-wrap .guide-msg {
    margin-top: 8px;
    padding-left: 25px;
    background: url('/tcclibs/images/common/icon-guide.svg?1484963787') no-repeat;
    background-size: 18px 18px;
    font-weight: 700;
    cursor: pointer
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .detail-srch-wrap .detail-srch-area {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 10;
    width: 400px;
    padding: 15px;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .detail-srch-wrap .detail-srch-area.active {
    display: block
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .title {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .option-list {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn>button,
.total-search .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn>span {
    width: 100px;
    padding: 0;
    border: 1px solid #cfcfcf
}

.total-search .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn.icon img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.total-search .content-inner {
    width: 960px;
    margin: 0 auto
}

.total-search .content-inner .result-wrap {
    padding: 18px 0;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}

.total-search .content-inner>div[class$="-area"] {
    padding: 15px 0;
    border-top: 1px solid #666
}

.total-search .content-inner>div[class$="-area"] .title {
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.total-search .content-inner>div[class$="-area"] .btn-more {
    cursor: pointer
}

.total-search .content-inner>div[class$="-area"] .btn-more>img {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    vertical-align: baseline
}

.total-search .content-inner .auth-area .user-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.total-search .content-inner .auth-area .user-list>li {
    display: table;
    float: left;
    width: 33.33333333%;
    padding: 15px 0;
    cursor: pointer
}

.total-search .content-inner .auth-area .user-list>li .photo-wrap {
    display: table-cell;
    width: 65px;
    vertical-align: top
}

.total-search .content-inner .auth-area .user-list>li .photo-wrap img {
    width: 50px;
    height: 50px;
    border-radius: 20px
}

.total-search .content-inner .auth-area .user-list>li .info-wrap {
    display: table-cell;
    vertical-align: top
}

.total-search .content-inner .auth-area .user-list>li .info-wrap .name {
    margin-bottom: 3px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.total-search .content-inner .auth-area .user-list>li .info-wrap .name .eng {
    margin-left: 3px;
    color: #666;
    font-size: 13px
}

.total-search .content-inner .dept-area .dept-list>li+li {
    border-top: 1px solid #cfcfcf
}

.total-search .content-inner .dept-area .dept-list>li a {
    display: block;
    padding: 13px 15px;
    font-size: 14px
}

.total-search .content-inner .dept-area .dept-list>li a:hover {
    background-color: #fafafa
}

.total-search .content-inner .dept-area .dept-list>li a img {
    width: 15px;
    height: 15px;
    margin-left: 7px;
    vertical-align: sub
}

.total-search .content-inner .app-area .app-list {
    overflow: hidden
}

.total-search .content-inner .app-area .app-list li {
    float: left;
    padding: 6px;
    width: 150px
}

.total-search .content-inner .app-area .app-list li .dwp-app-item {
    width: 100%
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner {
    position: relative;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area {
    padding: 20px;
    text-align: center
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active {
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active .icon>img {
    opacity: .3
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active .icon-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 58px;
    color: #999;
    font-weight: 400
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area .icon>img {
    width: 38px;
    height: 38px
}

.total-search .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area .icon-subject {
    margin-top: 13px;
    font-weight: 700
}

.total-search .content-inner .list-area .dwp-list-card {
    padding: 0;
    border-bottom: 0
}

.total-search .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.total-search .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title .dwp-btn {
    margin-right: 10px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.total-search .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: -webkit-calc(100% - 68px);
    max-width: calc(100% - 68px)
}

.total-search .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title .dwp-file {
    margin-left: 5px;
    cursor: pointer
}

.total-search .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title .dwp-file>img {
    width: 18px;
    height: 18px
}

@media screen and (max-width: 1200px) {
    .total-search .total-srch-form .inner {
        width: 736px
    }
    .total-search .content-inner {
        width: 736px
    }
    .total-search .content-inner .auth-area .user-list>li {
        width: 50%
    }
}

html[lang="ko"] .dwp-life-main .dwp-contents-article .page-heading .dwp-page-title {
    font-family: "Malgun Gothic", Arial, Tahoma, sans-serif
}

.dwp-life-main .dwp-contents-article {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px
}

.dwp-life-main .dwp-contents-article .page-heading {
    position: relative;
    margin-bottom: 30px
}

.dwp-life-main .dwp-contents-article .page-heading .dwp-page-title {
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif;
    color: #333;
    font-size: 28px;
    font-weight: 700
}

.dwp-life-main .dwp-contents-article .page-heading .dwp-breadcrumbs {
    position: absolute;
    overflow: hidden;
    top: 22px;
    right: 0;
    vertical-align: middle
}

.dwp-life-main .dwp-contents-article .section-wrap {
    table-layout: fixed;
    display: table;
    width: 100%
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content {
    display: table-cell
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .subject {
    margin-bottom: 20px;
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section+.section {
    margin-top: 30px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .date-tag {
    margin-bottom: 10px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .date-tag .date {
    width: 130px;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    background: url('/tcclibs/images/common/life-tag.svg?1484963787') no-repeat center;
    background-size: 130px 130px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .file {
    margin-top: 8px;
    border: 1px solid #cfcfcf;
    background-color: #fafafa;
    padding: 8px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .file img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .file .file-name {
    padding-left: 20px;
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat left center;
    background-size: 15px 15px;
    cursor: pointer
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .file .file-name .name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    vertical-align: middle
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .file .file-name span {
    display: inline-block;
    vertical-align: middle
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item {
    position: relative;
    margin-left: 80px;
    padding: 12px 12px 12px 0
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item::before {
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: -40px;
    bottom: 0;
    width: 1px;
    background-color: #ddd
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item:first-child::before {
    content: " ";
    top: 12px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item:last-child::before {
    content: " "
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item+.item {
    border-top: 1px solid #ddd
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .icon {
    position: absolute;
    top: 12px;
    left: -65px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .icon>img {
    width: 50px;
    height: 50px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .time {
    float: right;
    padding-left: 12px;
    background: url('/tcclibs/images/common/icon-date.svg?1484963787') no-repeat left center;
    background-size: 10px 10px;
    color: #999
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .video {
    margin-bottom: 5px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .video img {
    width: 100%
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .thumb {
    overflow: hidden;
    position: absolute;
    top: 45px;
    right: 12px;
    width: 120px;
    height: 90px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .thumb img {
    width: 100%
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .thumb~.title {
    padding-right: 130px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .thumb~.desc {
    padding-right: 130px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 55px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside {
    display: table-cell;
    width: 390px;
    padding-left: 14px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner {
    padding: 25px 24px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section+.section {
    margin-top: 25px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .subject {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list {
    overflow: hidden;
    padding: 12px 0;
    margin: -4px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item {
    float: left;
    width: 50%;
    padding: 4px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item.active .item-wrap {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item .item-wrap {
    display: table;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item .item-wrap .title {
    display: table-cell;
    height: 50px;
    padding: 3px 10px 3px 15px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item .item-wrap .icon {
    display: table-cell;
    width: 60px;
    padding: 0 15px;
    vertical-align: middle
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .filter-list .item .item-wrap .icon>img {
    width: 30px;
    height: 30px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list {
    margin-top: 15px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item+.item {
    margin-top: 18px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner {
    overflow: hidden;
    margin-top: 8px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .thumb-area {
    float: left;
    width: 153px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .thumb-area .thumbnail {
    width: 153px;
    height: 114px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .thumb-area .thumbnail>img {
    width: 100%
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .desc-area {
    float: right;
    width: 148px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .desc-area .desc-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 64px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .desc-area .desc-date {
    margin-top: 5px;
    color: #999;
    font-size: 12px
}

.dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner .section .story-list .item .item-inner .desc-area .desc-util {
    margin-top: 5px
}

@media screen and (max-width: 1200px) {
    .dwp-life-main .dwp-contents-article {
        width: 736px
    }
    .dwp-life-main .dwp-contents-article .section-wrap .life-content .inner .section .update-list .item {
        margin-left: 65px
    }
    .dwp-life-main .dwp-contents-article .section-wrap .life-aside {
        width: 370px
    }
    .dwp-life-main .dwp-contents-article .section-wrap .life-aside .inner {
        padding: 25px 20px
    }
}

.dwp-emergency-login {
    width: 280px;
    margin: 0 auto;
    padding-top: 160px
}

.dwp-emergency-login .dwp-login-title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 23px
}

.dwp-emergency-login .dwp-login-title div:nth-child(1) {
    color: #000;
    font-size: 35px
}

.dwp-emergency-login .dwp-login-title div:nth-child(2) {
    color: #999
}

.dwp-emergency-login .dwp-login-btn {
    margin-top: 16px;
    height: 44px;
    padding: 11px 13px 12px;
    border: 0;
    background-color: #ed6c00;
    color: #fff
}

.dwp-emergency-login .dwp-login-btn:hover {
    background-color: #ed6c00
}

.dwp-emergency-login input[type='password'] {
    border-top: 0
}

.system-font * {
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif
}

.emergency-main {
    width: 768px;
    margin: 0 auto;
    padding-top: 50px
}

.emergency-main .section+.section {
    margin-top: 16px
}

.emergency-main .area-group {
    overflow: hidden;
    margin: 0 -8px
}

.emergency-main .area-group .grid-area {
    float: left;
    width: 50%;
    padding: 0 8px
}

.emergency-main .area-group .grid-area>div {
    border: 1px solid #ddd;
    border-radius: 3px
}

.emergency-main .area-group .grid-area .btn-list {
    overflow: hidden
}

.emergency-main .area-group .grid-area .btn-list .btn {
    float: left;
    position: relative;
    width: 50%;
    height: 180px;
    padding: 25px;
    cursor: pointer
}

.emergency-main .area-group .grid-area .btn-list .btn:nth-child(even) {
    border-left: 1px solid #ddd
}

.emergency-main .area-group .grid-area .btn-list .btn:nth-child(n+3) {
    border-top: 1px solid #ddd
}

.emergency-main .area-group .grid-area .btn-list .btn .btn-name {
    color: #333;
    font-weight: 700;
    font-size: 22px
}

.emergency-main .area-group .grid-area .btn-list .btn .dwp-btn {
    position: absolute;
    right: 25px;
    bottom: 25px
}

.emergency-main .area-group .grid-area .app-area .title {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.emergency-main .area-group .grid-area .app-area .app-list {
    overflow-y: auto;
    height: 314px;
    padding: 8px 0
}

.emergency-main .area-group .grid-area .app-area .app-list .app-item {
    padding: 8px 20px;
    cursor: pointer
}

.emergency-main .area-group .grid-area .app-area .app-list .app-item:hover {
    background-color: #f5f5f5
}

.emergency-main .cate-area {
    table-layout: fixed;
    overflow-y: auto;
    max-height: 295px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.emergency-main .cate-area .select-cate {
    display: table;
    width: 100%
}

.emergency-main .cate-area .depth1-list {
    display: table-cell;
    width: 180px;
    padding: 15px 0;
    border-right: 1px solid #ddd;
    vertical-align: top
}

.emergency-main .cate-area .depth1-list .item {
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer
}

.emergency-main .cate-area .depth1-list .item:hover {
    background-color: #f5f5f5
}

.emergency-main .cate-area .depth1-list .item.active {
    color: #ed6c00
}

.emergency-main .cate-area .depth1-list .item.active::after {
    content: " ";
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 2px;
    background-color: #ed6c00
}

.emergency-main .cate-area .depth2-list {
    display: table-cell;
    padding: 8px 0;
    vertical-align: top
}

.emergency-main .cate-area .depth2-list .item {
    position: relative;
    padding: 8px 25px;
    cursor: pointer
}

.emergency-main .cate-area .depth2-list .item:hover {
    background-color: #f5f5f5
}

.system-font * {
    font-family: "Malgun Gothic", Arial, Tahoma, "Microsoft Yahei", sans-serif
}

.admin-mng {
    width: 768px;
    margin: 0 auto;
    padding-top: 50px
}

.admin-mng .section+.section {
    margin-top: 16px
}

.admin-mng .area-group {
    overflow: hidden;
    margin: 0 -8px
}

.admin-mng .area-group .grid-area {
    float: left;
    width: 50%;
    padding: 0 8px
}

.admin-mng .area-group .grid-area>div {
    border: 1px solid #ddd;
    border-radius: 3px
}

.admin-mng .area-group .grid-area .btn-list {
    overflow: hidden
}

.admin-mng .area-group .grid-area .btn-list .btn {
    float: left;
    position: relative;
    width: 50%;
    height: 180px;
    padding: 25px;
    cursor: pointer
}

.admin-mng .area-group .grid-area .btn-list .btn:nth-child(even) {
    border-left: 1px solid #ddd
}

.admin-mng .area-group .grid-area .btn-list .btn:nth-child(n+3) {
    border-top: 1px solid #ddd
}

.admin-mng .area-group .grid-area .btn-list .btn .btn-name {
    color: #333;
    font-weight: 700;
    font-size: 22px
}

.admin-mng .area-group .grid-area .btn-list .btn .dwp-btn {
    position: absolute;
    right: 25px;
    bottom: 25px
}

.admin-mng .area-group .grid-area .mng-area .title {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.admin-mng .area-group .grid-area .mng-area .mng-list {
    overflow-y: auto;
    height: 314px;
    padding: 8px 0
}

.admin-mng .area-group .grid-area .mng-area .mng-list .mng-item {
    padding: 8px 20px;
    cursor: pointer
}

.admin-mng .area-group .grid-area .mng-area .mng-list .mng-item:hover {
    background-color: #f5f5f5
}

.admin-mng .cate-area {
    table-layout: fixed;
    overflow-y: auto;
    max-height: 295px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.admin-mng .cate-area .select-cate {
    display: table;
    width: 100%
}

.admin-mng .cate-area .depth1-list {
    display: table-cell;
    width: 180px;
    padding: 15px 0;
    border-right: 1px solid #ddd;
    vertical-align: top
}

.admin-mng .cate-area .depth1-list .item {
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer
}

.admin-mng .cate-area .depth1-list .item:hover {
    background-color: #f5f5f5
}

.admin-mng .cate-area .depth1-list .item.active {
    color: #ed6c00
}

.admin-mng .cate-area .depth1-list .item.active::after {
    content: " ";
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 2px;
    background-color: #ed6c00
}

.admin-mng .cate-area .depth2-list {
    display: table-cell;
    padding: 8px 0;
    vertical-align: top
}

.admin-mng .cate-area .depth2-list .item {
    position: relative;
    padding: 8px 25px;
    cursor: pointer
}

.admin-mng .cate-area .depth2-list .item:hover {
    background-color: #f5f5f5
}

.ui-dialog .research-question-write .question-section {
    width: auto
}

.research-question-write .total-count {
    margin: 0 10px;
    color: #333;
    font-weight: 700
}

.research-question-write .question-section {
    width: 700px;
    margin: 15px auto 0;
    padding: 10px 15px 20px;
    border: 1px solid #cfcfcf;
    border-radius: 3px
}

@media screen and (max-width: 1200px) {
    .research-question-write .question-section .question-section {
        width: 100%
    }
}

.research-question-write .question-section .util-btn-group {
    margin-bottom: 10px
}

.research-question-write .question-section .util-btn-group a {
    vertical-align: middle
}

.research-question-write .question-section .util-btn-group a+a {
    margin-left: 30px
}

.research-question-write .question-section .util-btn-group a>img {
    width: 10px;
    height: 10px;
    margin-right: 6px;
    vertical-align: middle
}

.research-question-write .question-section .util-btn-group a>span {
    font-weight: 700;
    vertical-align: middle
}

.research-question-write .question-section .section-desc {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #ddd
}

.research-question-write .question-section .section-desc textarea {
    height: 34px;
    max-height: 108px
}

.research-question-write .question-section .section-header+.question-list {
    margin-top: 8px;
    padding: 15px 0;
    border-top: 1px solid #ddd
}

.research-question-write .question-section .question-list .ui-sortable-placeholder {
    border: 1px dashed #ddd;
    background-color: #f5f5f5;
    margin-bottom: 30px
}

.research-question-write .question-section .question-list .ui-sortable-placeholder:last-child {
    margin-bottom: 0
}

.research-question-write .question-section .question-list .question {
    position: relative;
    background-color: #fff;
    margin-bottom: 30px
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group {
    margin: -12px
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group:before,
.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group:after {
    content: " ";
    display: table
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group:after {
    clear: both
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div {
    float: left;
    width: 50%;
    padding: 12px
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div label input:checked::after {
    top: auto;
    bottom: 0
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div label span::before {
    top: auto;
    bottom: 0
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div label span::after {
    top: auto;
    bottom: 0
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div .q-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 322px;
    height: 322px;
    padding: 8px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)
}

.research-question-write .question-section .question-list .question.img-type .question-answer-area .dwp-selection-group>div .q-img img {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    margin: 0 auto;
    pointer-events: none
}

.research-question-write .question-section .question-list .question:last-child {
    margin-bottom: 0
}

.research-question-write .question-section .question-list .question .question-title-area {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.research-question-write .question-section .question-list .question .question-title-area+.question-answer-area {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd
}

.research-question-write .question-section .question-list .question .question-answer-area .q-img {
    display: block;
    margin: 0 0 10px
}

.research-question-write .question-section .question-list .question .question-answer-area label .q-img {
    padding-left: 30px
}

.research-question-write .question-section .question-list .question .question-answer-area label .q-img img {
    max-width: 300px
}

.research-question-write .question-section .question-list .question .question-answer-area span+.q-img {
    display: block;
    margin: 10px 0 0
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row {
    display: none;
    width: 100%
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row .etc {
    color: #666;
    border: 0;
    background: 0
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row.active {
    display: table
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row+.row {
    margin-top: 15px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] {
    margin-top: 35px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .key {
    vertical-align: top
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value {
    position: relative
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value .msg {
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value .search-list {
    overflow: hidden;
    margin: 8px -7px -7px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value .search-list .srch-list-guide {
    margin-left: 7px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value .search-list .item {
    float: left;
    width: 50%;
    padding: 7px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row[class*="_type"] .value .search-list-essay {
    margin-top: 15px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row .key {
    display: table-cell;
    width: 80px;
    padding-top: 3px;
    vertical-align: top;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row .value {
    display: table-cell;
    vertical-align: middle
}

.research-question-write .question-section .question-list .question .question-answer-area .section .row .value .cation {
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .dwp-add-btn {
    padding-left: 30px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option {
    position: relative;
    padding-left: 25px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-grouping {
    table-layout: fixed
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-radio {
    display: none;
    width: 20px;
    padding-top: 7px;
    vertical-align: top
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-radio.active {
    display: table-cell
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-checkbox {
    display: none;
    width: 30px;
    padding-top: 7px;
    vertical-align: top
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-checkbox.active {
    display: table-cell;
    width: 30px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .dwp-input {
    width: auto
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .del-btn {
    width: 25px;
    padding-top: 5px;
    vertical-align: top
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .del-btn a {
    display: block;
    font-size: 0;
    padding: 8px 3px
}

.research-question-write .question-section .question-list .question .question-answer-area .section .radio_type .q-option .del-btn a img {
    width: 10px;
    height: 10px
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area {
    border-bottom: 1px solid #cfcfcf
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .question-box {
    padding: 15px;
    background-color: #fafafa
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .question-box .subject {
    position: relative;
    padding-left: 20px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .question-box .subject::before {
    content: "Q";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .date {
    color: #999
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .view {
    position: relative;
    margin-left: 15px;
    color: #999
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .view::before {
    content: '|';
    position: absolute;
    top: -1px;
    left: -9px;
    color: #999
}

.research-question-write .question-section .question-list .question .question-answer-area .question-area .view .point-color {
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .answer-area .info-area {
    color: #999
}

.research-question-write .question-section .question-list .question .question-answer-area .answer-area .info-area .state {
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .answer-area .info-area .num {
    color: #ed6c00
}

.research-question-write .question-section .question-list .question .question-answer-area .answer-area .list-area {
    padding: 25px 0
}

.research-question-write .question-section .question-list .question .question-answer-area .answer-area .list-area .item+.item {
    margin-top: 12px
}

.research-question-write .question-section .question-list .question .question-util-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.research-question-write .question-section .question-list .question .question-util-btn>a+a {
    margin-left: 9px
}

.research-question-write .question-section .question-list .question .question-util-btn>a img {
    width: 15px;
    height: 15px
}

.short_type .input-short-type {
    width: 100%;
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    outline: 0;
    background-color: #fff
}

.dwp-step-answer {
    padding-top: 20px;
    text-align: center
}

.dwp-step-answer>div {
    vertical-align: middle
}

.dwp-step-answer .step-label {
    display: block;
    position: absolute;
    top: 50%;
    width: 145px;
    word-break: break-all
}

.dwp-step-answer .step-label.left {
    left: -10px;
    text-align: right;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.dwp-step-answer .step-label.right {
    right: -10px;
    text-align: left;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.dwp-step-answer .step-list-area {
    display: inline-block;
    position: relative
}

.dwp-step-answer .step-list {
    display: block;
    padding: 7px 13px;
    background-color: #f5f5f5
}

.dwp-step-answer .step-list:before,
.dwp-step-answer .step-list:after {
    content: " ";
    display: table
}

.dwp-step-answer .step-list:after {
    clear: both
}

.dwp-step-answer .step-list .step-item {
    float: left;
    position: relative
}

.dwp-step-answer .step-list .step-item+.step-item {
    margin-left: 15px
}

.dwp-step-answer .step-list .step-item .step-num {
    position: absolute;
    top: -30px;
    left: 50%;
    color: #333;
    font-weight: 700;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-grid-answer .grid-answer-area {
    overflow: auto
}

.dwp-grid-answer .grid-answer-area .row {
    display: table;
    width: 100%
}

.dwp-grid-answer .grid-answer-area .row.head .cell {
    color: #333;
    font-weight: 700;
    vertical-align: middle
}

.dwp-grid-answer .grid-answer-area .row.body:nth-child(odd) .cell {
    background-color: #fafafa
}

.dwp-grid-answer .grid-answer-area .row.body:nth-child(even) .cell {
    background-color: #f5f5f5
}

.dwp-grid-answer .grid-answer-area .row .cell {
    display: table-cell;
    width: 50px;
    min-width: 70px;
    padding: 7px 10px;
    text-align: center
}

.dwp-grid-answer .grid-answer-area .row .cell.title {
    min-width: 100px;
    max-width: 300px;
    text-align: left
}

.research-answer .research-title {
    margin-bottom: 10px;
    color: #333;
    font-weight: 700;
    font-size: 17px;
    text-align: center
}

.research-answer .research-content {
    padding: 20px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #cfcfcf
}

.research-answer .research-content .question-item+.question-item {
    margin-top: 25px
}

.research-answer .research-content .question-item .question-title {
    margin-bottom: 7px;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.mail-setting .dwp-contents-body {
    padding-top: 10px
}

.mail-setting .dwp-tabs-simple.ui-tabs .ui-tabs-nav .ui-state-default {
    width: 25%;
}

.mail-setting .dwp-tabs-rule-content .guide {
    padding-left: 20px;
    background: url('/tcclibs/images/common/icon-first.svg?1484963787') no-repeat left center;
    background-size: 18px 18px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.admin-img-area {
    position: relative
}

.admin-img-area .img-wrap {
    display: inline-block;
    position: relative
}

.admin-img-area .img-wrap img {
    width: 100px
}

.admin-img-area .img-wrap .btn-del {
    position: absolute;
    top: 0;
    right: -30px
}

.admin-img-area .img-wrap .btn-del img {
    width: 18px;
    height: 18px
}

.admin-img-area .desc {
    margin-top: 5px
}

.address-book .sort-list {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.address-book .sort-list:before,
.address-book .sort-list:after {
    content: " ";
    display: table
}

.address-book .sort-list:after {
    clear: both
}

.address-book .sort-list>li {
    float: left;
    padding: 0 8px;
    font-weight: 700;
    cursor: pointer
}

.address-book .sort-list>li+li {
    border-left: 1px solid #ddd
}

.address-book .address-area {
    display: table;
    width: 100%
}

.address-book .address-area .address-list {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.address-book .dwp-group-user-list {
    border: 1px solid #ddd;
    border-top: 0;
    max-height: 462px
}

.address-book .dwp-group-user-list>li {
    width: 100%
}

.dwp-container .dwp-contents .address-detail .dwp-page-heading {
    margin-top: 5px;
    padding: 0
}

.dwp-container .dwp-contents .address-detail .dwp-page-heading:before {
    display: none
}

.dwp-container .dwp-contents .address-detail .dwp-page-heading .aligner {
    margin-top: 0
}

.dwp-container .dwp-contents .address-detail .dwp-user-address-add-dialog {
    height: 420px;
    overflow: auto
}

.dwp-container .dwp-contents .address-detail .dwp-user-address-add-dialog .dwp-value {
    padding: 6px 0
}

.address-detail {
    display: table-cell;
    width: 50%;
    padding-left: 20px;
    vertical-align: top
}

.address-detail .dwp-user-profile {
    padding: 20px 15px 15px;
    border: 1px solid #ddd
}

.address-detail .dwp-user-profile .head-area {
    position: relative
}

.address-detail .dwp-user-profile .head-area .photo {
    position: absolute;
    top: 0;
    left: 0
}

.address-detail .dwp-user-profile .head-area .photo img {
    width: 60px;
    height: 60px;
    border-radius: 20px
}

.address-detail .dwp-user-profile .head-area .info {
    padding-left: 80px
}

.address-detail .dwp-user-profile .head-area .info .name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.address-detail .dwp-user-profile .body-area {
    margin-top: 20px;
    border-top: 1px solid #cfcfcf;
    padding-top: 18px
}

.address-detail .dwp-user-profile .body-area .dwp-row {
    display: table;
    width: 100%
}

.address-detail .dwp-user-profile .body-area .dwp-row+.dwp-row {
    margin-top: 7px
}

.address-detail .dwp-user-profile .body-area .dwp-row .key {
    display: table-cell;
    width: 130px;
    color: #333;
    font-weight: 700;
    vertical-align: top
}

.address-detail .dwp-user-profile .body-area .dwp-row .value {
    display: table-cell;
    position: relative;
    vertical-align: top;
    word-break: break-all
}

.dwp-container .dwp-contents .dwp-page-body .total-search-detail {
    padding: 0
}

.total-search-detail .total-srch-form {
    height: 145px;
    background-color: #eee
}

.total-search-detail .total-srch-form .inner {
    width: 960px;
    margin: 0 auto
}

.total-search-detail .total-srch-form .inner .srch-form {
    position: relative;
    padding: 27px 0
}

.total-search-detail .total-srch-form .inner .srch-form input {
    width: 100%;
    height: 45px;
    padding: 5px 50px 5px 0;
    font-size: 22px;
    border: 0;
    background-color: transparent
}

.total-search-detail .total-srch-form .inner .srch-form .srch-btn {
    position: absolute;
    top: 37px;
    right: 12px
}

.total-search-detail .total-srch-form .inner .srch-form .srch-btn img {
    width: 28px;
    height: 28px
}

.total-search-detail .total-srch-form .inner .srch-form .option-srch-area {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #333;
    text-align: right
}

.total-search-detail .total-srch-form .inner .srch-form .option-srch-area .title {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.total-search-detail .total-srch-form .inner .srch-form .option-srch-area .option-list {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.total-search-detail .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn>button,
.total-search-detail .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn>span {
    width: 100px;
    padding: 0;
    border: 1px solid #cfcfcf
}

.total-search-detail .total-srch-form .inner .srch-form .option-srch-area .option-list .dwp-btn.icon img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.total-search-detail .content-inner {
    width: 960px;
    margin: 0 auto
}

.total-search-detail .content-inner .result-wrap {
    padding: 18px 0;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}

.total-search-detail .content-inner>div[class$="-area"] {
    padding: 15px 0;
    border-top: 1px solid #666
}

.total-search-detail .content-inner>div[class$="-area"] .title {
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.total-search-detail .content-inner .auth-area .user-list {
    overflow: hidden
}

.total-search-detail .content-inner .auth-area .user-list>li {
    display: table;
    float: left;
    width: 50%;
    padding: 13px 0;
    cursor: pointer
}

.total-search-detail .content-inner .auth-area .user-list>li .photo-wrap {
    display: table-cell;
    width: 65px;
    vertical-align: top
}

.total-search-detail .content-inner .auth-area .user-list>li .photo-wrap img {
    width: 50px;
    height: 50px
}

.total-search-detail .content-inner .auth-area .user-list>li .info-wrap {
    display: table-cell;
    vertical-align: top
}

.total-search-detail .content-inner .auth-area .user-list>li .info-wrap .name {
    margin-bottom: 3px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.total-search-detail .content-inner .auth-area .user-list>li .info-wrap .name .eng {
    margin-left: 3px;
    color: #666;
    font-size: 13px
}

.total-search-detail .content-inner .dept-area .dept-list>li+li {
    border-top: 1px solid #cfcfcf
}

.total-search-detail .content-inner .dept-area .dept-list>li a {
    display: block;
    padding: 13px 15px;
    font-size: 14px
}

.total-search-detail .content-inner .dept-area .dept-list>li a:hover {
    background-color: #fafafa
}

.total-search-detail .content-inner .dept-area .dept-list>li a img {
    width: 15px;
    height: 15px;
    margin-left: 7px;
    vertical-align: sub
}

.total-search-detail .content-inner .app-area .app-list {
    overflow: hidden;
    margin: -15px
}

.total-search-detail .content-inner .app-area .app-list li {
    float: left;
    padding: 15px;
    width: 20%
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item {
    width: 100%
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner {
    height: 160px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area {
    padding: 20px;
    text-align: center
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active {
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active .icon>img {
    opacity: .3
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area.active .icon-subject {
    color: #999;
    font-weight: 400
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area .icon>img {
    width: 38px;
    height: 38px
}

.total-search-detail .content-inner .app-area .app-list li .dwp-app-item .item-inner .icon-area .icon-subject {
    margin-top: 13px;
    font-weight: 700
}

.total-search-detail .content-inner .list-area .dwp-list-card {
    padding: 0;
    border-bottom: 0
}

.total-search-detail .content-inner .list-area .dwp-list-card .list-wrap .item-wrap .item .text-wrap .title>a {
    max-width: -webkit-calc(100% - 68px);
    max-width: calc(100% - 68px)
}

@media screen and (max-width: 1200px) {
    .total-search .total-srch-form .inner {
        width: 736px
    }
    .total-search .content-inner {
        width: 736px
    }
    .total-search .content-inner .auth-area .user-list>li {
        width: 50%
    }
}

.research-fin .result td:nth-child(1) {
    text-align: left
}

.research-fin .result td:nth-child(2) {
    text-align: left
}

.dwp-bizcard-dialog .dwp-card-inner {
    display: table;
    width: 100%
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area {
    display: table-cell;
    width: 115px;
    vertical-align: top;
    padding-top: 20px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area .photo {
    padding-left: 12px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area .photo img {
    width: 80px;
    height: 80px;
    border-radius: 30px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area .btn-wrap {
    margin-top: 8px;
    padding-left: 25px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area .btn-wrap a {
    position: relative;
    color: #333;
    font-size: 13px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-photo-area .btn-wrap a::after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 1px solid #666
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area {
    display: table-cell;
    padding: 5px 0 5px 15px;
    border-left: 1px solid #ddd
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .btn-add-address {
    display: inline-block;
    margin-left: 5px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .btn-add-address img {
    width: 15px;
    height: 15px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-head .dwp-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-head .dwp-name .eng {
    color: #666;
    font-size: 13px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-head .dwp-dept {
    margin-top: 3px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-body {
    margin-top: 8px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-body .info-item {
    display: table;
    width: 100%;
    margin-top: 3px
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-body .info-item .key {
    display: table-cell;
    width: 60px;
    color: #333;
    font-weight: 700
}

.dwp-bizcard-dialog .dwp-card-inner .dwp-info-area .info-body .info-item .value {
    display: table-cell;
    word-break: break-all
}

.bookmark-share-dialog .dialog-section+.dialog-section {
    margin-top: 15px
}

.bookmark-share-dialog .dialog-section .sub-title {
    margin-bottom: 6px;
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 104px;
    margin-top: 10px;
    padding: 5px 0;
    border: 1px solid #ddd
}

.bookmark-share-dialog .dialog-section .bookmark-share-list:before,
.bookmark-share-dialog .dialog-section .bookmark-share-list:after {
    content: " ";
    display: table
}

.bookmark-share-dialog .dialog-section .bookmark-share-list:after {
    clear: both
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target {
    float: left;
    padding: 8px 15px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target>span {
    display: inline-block;
    vertical-align: middle
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target .photo img {
    width: 30px;
    height: 30px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target .name {
    margin-left: 5px;
    color: #666;
    font-weight: 700;
    font-size: 14px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target .btn-cancel {
    display: inline-block;
    margin-left: 3px;
    padding: 2px;
    vertical-align: middle;
    font-size: 0
}

.bookmark-share-dialog .dialog-section .bookmark-share-list .share-target .btn-cancel img {
    width: 12px;
    height: 12px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room {
    max-height: 232px;
    padding: 5px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room {
    float: left;
    width: 20%;
    padding: 8px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room .dwp-inner {
    position: relative;
    overflow: hidden;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room img {
    width: 100%
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room .room-title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 700
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room .room-title .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 52px
}

.bookmark-share-dialog .dialog-section .bookmark-share-list.room .share-room .dwp-checkbox {
    position: absolute;
    top: 10px;
    left: 10px
}

.dwp-criminate-dialog .dwp-criminate-inner .subject-area .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700
}

.dwp-criminate-dialog .dwp-criminate-inner .desc-area {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #cfcfcf
}

.dwp-criminate-dialog .dwp-criminate-inner .desc-area .subject {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700
}

.dwp-criminate-dialog .dwp-criminate-inner .desc-area .desc-form {
    display: block
}

.dwp-criminate-dialog .dwp-criminate-inner .desc-area .desc-form textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid #cfcfcf;
    font-weight: 400;
    outline: 0;
    resize: none
}

.dwp-viewers-dialog .view-area {
    overflow-y: scroll;
    width: 378px;
    height: 267px;
    padding: 15px 0;
    border: 1px solid #cfcfcf
}

.dwp-viewers-dialog .view-area .list {
    padding: 0 15px
}

.dwp-viewers-dialog .view-area .list .item {
    display: table;
    width: 100%;
    table-layout: fixed
}

.dwp-viewers-dialog .view-area .list .item+.item {
    margin-top: 10px
}

.dwp-viewers-dialog .view-area .list .item .name {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle
}

.dwp-viewers-dialog .view-area .list .item .team {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
    text-align: left;
    vertical-align: middle
}

.dwp-viewers-dialog .view-area .list .item .date {
    display: table-cell;
    width: 120px;
    color: #999;
    font-size: 12px;
    text-align: left;
    vertical-align: middle
}

.dwp-viewers-dialog .view-area .list .item .date .time {
    margin-left: 4px
}

.dwp-files-dialog .dwp-file-list {
    padding: 0;
    border: 0
}

.dwp-files-dialog .dwp-file-list .dwp-file {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-files-dialog .dwp-file-list .dwp-file a {
    display: block
}

.dwp-excel-datepicker-dialog .excel-datepicker-inner {
    text-align: center
}

.dwp-excel-datepicker-dialog .excel-datepicker-inner .dwp-calendar-form>.dwp-input {
    width: 168px
}

.dwp-view-setting-dialog .list .item {
    display: table;
    width: 100%
}

.dwp-view-setting-dialog .list .item+.item {
    margin-top: 15px
}

.dwp-view-setting-dialog .list .item .key {
    display: table-cell;
    width: 68px;
    font-weight: 700;
    vertical-align: middle
}

.dwp-view-setting-dialog .list .item .value {
    display: table-cell;
    vertical-align: middle
}

.dwp-view-setting-dialog .list .item .value .icon-wrap div+div {
    margin-left: 10px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .dwp-btn:hover button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .dwp-btn:hover span {
    display: inline-block;
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .dwp-btn button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .dwp-btn span {
    display: inline-block;
    width: 34px;
    padding: 8px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-grid button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-grid span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-grid.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-grid.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-grid.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-grid-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-card button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-card span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-card.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-card.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-card.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-card-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-thumb button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-thumb span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-thumb.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-thumb.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-thumb.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-thumb-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-hybrid button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-hybrid span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-hybrid.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .list-hybrid.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .list-hybrid.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-hybrid-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-all button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-all span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-all.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-all.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-all.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-all-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-leftright button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-leftright span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-leftright.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-leftright.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-leftright.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-leftright-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-updown button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-updown span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-updown.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-view-setting-dialog .list .item .value .icon-wrap .view-updown.active button,
.dwp-view-setting-dialog .list .item .value .icon-wrap .view-updown.active span {
    display: inline-block;
    background: url('/tcclibs/images/common/icon-view-updown-on.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-namepicker.dwp-workflow-dialog {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-tabs {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dwp-namepicker.dwp-workflow-dialog .dwp-tabs .dwp-tabs-header {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.dwp-namepicker.dwp-workflow-dialog .dwp-tabs .dwp-tabs-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-tree-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 600px
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree {
    height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree {
    height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree .dynatree-container {
    height: 100%
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-btn-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-form-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head {
    padding: 12px 15px;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-namepicker.dwp-workflow-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    height: 285px;
    border: 1px solid #cfcfcf
}

.dwp-namepicker .dwp-namepicker-inner .dwp-search-result {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dwp-namepicker .dwp-namepicker-inner .dwp-search-result .dwp-form-area .dwp-list-head {
    padding: 12px 15px;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-namepicker .dwp-namepicker-inner .dwp-search-result .dwp-form-area .dwp-list-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    height: 285px;
    border: 1px solid #cfcfcf
}

.dwp-namepicker.dwp-mail-namepicker-dialog {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-tabs {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-tabs .dwp-tabs-header {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-tabs .dwp-tabs-content {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 600px
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree {
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree {
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree .dynatree-container {
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-form-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-form-scroll {
    overflow-y: scroll;
    border: 1px solid #cfcfcf;
    height: 100%
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-form-scroll>[class^="form-"]+[class^="form-"] .dwp-list-head {
    border-top: 1px solid #cfcfcf
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head {
    padding: 6px 15px;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-namepicker.dwp-mail-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body {
    min-height: 74px
}

.dwp-msg-toast .dwp-msg-title {
    height: 33px;
    padding: 0 5px
}

.dwp-msg-toast .dwp-msg-title span {
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    font-weight: bold
}

.dwp-msg-toast .dwp-msg-inner {
    display: table;
    width: 100%;
    padding: 10px
}

.dwp-msg-toast .dwp-msg-inner .dwp-msg-wrap {
    border-bottom: solid 1px #ccc;
    margin: 10px
}

.dwp-msg-toast .dwp-msg-inner .dwp-photo-area {
    display: table-cell;
    width: 80px;
    vertical-align: top
}

.dwp-msg-toast .dwp-msg-inner .photo img {
    width: 80px;
    height: 80px;
    border-radius: 32px
}

.dwp-msg-toast .dwp-msg-inner .dwp-msg-area {
    display: table-cell;
    padding: 0 20px;
    font-size: 15px;
    vertical-align: top
}

.dwp-msg-toast .dwp-msg-inner .dwp-msg-area .name {
    font-weight: 700;
    margin-bottom: 5px
}

.dwp-msg-toast .dwp-msg-inner .dwp-msg-area .desc {
    text-overflow: ellipse;
    height: 90px
}

.dwp-msg-toast .dwp-msg-inner .dwp-msg-area>em {
    color: #ed6c00;
    font-size: 15px;
    font-weight: 700
}

.small .dwp-alert-toast .dwp-alert-inner {
    padding: 10px 0 0
}

.small .dwp-alert-toast .dwp-alert-inner .dwp-icon-area {
    width: 55px
}

.small .dwp-alert-toast .dwp-alert-inner .dwp-icon-area img {
    width: 55px
}

.small .dwp-alert-toast .dwp-alert-inner .dwp-msg-area {
    padding: 0 0 0 10px
}

.dwp-alert-toast .dwp-alert-inner {
    display: table;
    width: 100%;
    padding: 10px 10px 0
}

.dwp-alert-toast .dwp-alert-inner .dwp-icon-area {
    display: table-cell;
    width: 80px;
    vertical-align: middle
}

.dwp-alert-toast .dwp-alert-inner .dwp-msg-area {
    display: table-cell;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle
}

.dwp-alert-toast .dwp-alert-inner .dwp-msg-area>em {
    color: #ed6c00;
    font-size: 15px;
    font-weight: 700
}

.dwp-namepicker.dwp-approval-namepicker-dialog {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-tabs {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-tabs .ui-tabs-nav {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-tabs .dwp-tabs-content {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    max-width: 600px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree {
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree {
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-tree-area .dwp-tree .tree .dynatree-container {
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
    overflow: hidden;
    max-width: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner>div {
    float: none
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .left .dwp-grouping {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .left .dwp-grouping>div {
    display: block
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .left .dwp-grouping .open-line-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .left .dwp-grouping .dwp-btn {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area>.aligner .right {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    white-space: nowrap;
    padding-left: 10px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 280px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area .btn-group {
    overflow: hidden;
    margin-top: 5px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area .btn-group .dwp-btn {
    float: left
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area .btn-group .dwp-btn.icon {
    width: 37px;
    margin-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-btn-area .btn-group .dwp-btn.icon+.icon {
    margin-left: 6px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head {
    overflow: hidden;
    padding-right: 17px;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head [class$="-area"] {
    float: left;
    width: 50%;
    padding: 8px 10px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head [class$="-area"]>.aligner .left {
    white-space: nowrap
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head [class$="-area"]+[class$="-area"] {
    border-left: 1px solid #cfcfcf
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head .dwp-input {
    padding-left: 10px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-head .dwp-input>input {
    font-weight: 400;
    font-size: 13px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body {
    overflow-y: scroll;
    height: 281px;
    border: 1px solid #cfcfcf
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .approval-body {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .approval-body.tree-hover {
    border-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .consent-body {
    display: table-cell;
    width: 50%;
    border-left: 1px solid #cfcfcf;
    vertical-align: top
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .item-wrap {
    background-color: #fff;
    min-height: 46px;
    border-bottom: 1px solid #cfcfcf
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .item-wrap .dwp-item:last-child {
    border: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .item-wrap .dwp-item+.dwp-item {
    border-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .empty-item {
    position: relative;
    min-height: 46px;
    background: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .empty-item+.empty-item {
    min-height: 47px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .empty-item.no-border {
    padding: 7px 15px 6px 45px;
    border-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: relative;
    height: 46px;
    padding: 4px 30px 4px 15px;
    border-bottom: 1px solid #cfcfcf;
    background-image: none!important;
    line-height: 38px;
    vertical-align: middle;
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item .num {
    margin-right: 5px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item+.empty-item {
    min-height: 46px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item+.dwp-item {
    border-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item+.dwp-item.no-border {
    padding: 7px 15px 6px 45px;
    border-top: 0
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item.active:not(.disabled) {
    background: #ddd url('/tcclibs/images/common/icon-person-o.svg?1484963787') no-repeat 15px 5px;
    background-size: 18px 18px;
    color: #ed6c00
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item.active:not(.disabled) .btn-cancel {
    background: url('/tcclibs/images/common/btn-cancel-o.svg?1484963787') no-repeat center;
    background-size: 10px 10px
}

.dwp-namepicker.dwp-approval-namepicker-dialog .dwp-namepicker-inner .dwp-form-area .dwp-list-body .dwp-item .btn-cancel {
    position: absolute;
    top: 12px;
    right: 15px;
    overflow: hidden;
    margin-left: 10px;
    border: 0;
    background: url('/tcclibs/images/common/btn-cancel.svg?1484963787') no-repeat center;
    background-size: 10px 10px;
    text-indent: -9999px;
    cursor: pointer;
    vertical-align: top;
}

.dwp-gnb-mail-dialog .gnb-form-area {
    height: 373px
}

.dwp-gnb-mail-dialog .gnb-form-area .item {
    display: table;
    width: 100%;
    padding: 10px 0
}

.dwp-gnb-mail-dialog .gnb-form-area .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-gnb-mail-dialog .gnb-form-area .item div[class$="-wrap"] {
    display: table-cell;
    vertical-align: middle
}

.dwp-gnb-mail-dialog .gnb-form-area .item .profile-wrap {
    width: 60px;
    vertical-align: top
}

.dwp-gnb-mail-dialog .gnb-form-area .item .profile-wrap .photo>img {
    width: 60px;
    height: 60px;
    border-radius: 24px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .desc-wrap {
    padding: 0 14px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .desc-wrap .name {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-gnb-mail-dialog .gnb-form-area .item .desc-wrap .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-top: 8px;
    height: 38px;
    cursor: pointer;
    word-break: break-all
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap {
    /*width: 68px*/
    width: 110px;
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .time {
    padding-left: 18px;
    background: url('/tcclibs/images/common/icon-clock.svg?1484963787') no-repeat 0 center;
    background-size: 10px 10px;
    color: #999;
    font-size: 12px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util {
    margin-top: 28px;
    text-align: right
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util>div {
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util>div+div {
    margin-left: 8px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util .file {
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util .bookmark {
    background: url('/tcclibs/images/common/icon-mark.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util .bookmark.active {
    background: url('/tcclibs/images/common/icon-mark-on.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-mail-dialog .gnb-form-area .item .options-wrap .util .trash {
    background: url('/tcclibs/images/common/icon-delete.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-mail-dialog .aligner {
    padding-top: 15px;
    border-top: 1px solid #cfcfcf
}

.dwp-gnb-activity-stream-dialog .fillter-set {
    padding-top: 0
}

.dwp-gnb-activity-stream-dialog .gnb-form-area {
    padding-top: 5px;
    height: 373px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item {
    padding: 15px 0
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .time {
    padding-left: 18px;
    background: url('/tcclibs/images/common/icon-clock.svg?1484963787') no-repeat 0 center;
    background-size: 10px 10px;
    color: #999;
    font-size: 12px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap {
    text-align: right
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util {
    margin-top: 10px;
    text-align: right
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util>div {
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util>div+div {
    margin-left: 8px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util .file {
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util .bookmark {
    background: url('/tcclibs/images/common/icon-mark.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util .bookmark.active {
    background: url('/tcclibs/images/common/icon-mark-on.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-activity-stream-dialog .gnb-form-area .item .options-wrap .util .trash {
    background: url('/tcclibs/images/common/icon-delete.svg?1484963787') no-repeat;
    background-size: 15px 15px
}

.dwp-gnb-approval-wait-dialog .gnb-form-area {
    height: 373px
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item {
    position: relative
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap {
    display: table;
    width: 100%;
    padding: 10px 0 20px;
    table-layout: fixed
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap div[class$="-wrap"] {
    display: table-cell;
    vertical-align: middle
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap div[class$="-wrap"]:last-child {
    vertical-align: top
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .profile-wrap {
    width: 60px;
    vertical-align: top
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .profile-wrap .photo>img {
    width: 60px;
    height: 60px;
    border-radius: 24px
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .desc-wrap {
    padding: 0 14px
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .desc-wrap .name {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .desc-wrap .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .options-wrap {
    /*width: 68px*/
    width: 110px;
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .item-wrap .options-wrap .time {
    padding-left: 18px;
    background: url('/tcclibs/images/common/icon-clock.svg?1484963787') no-repeat 0 center;
    background-size: 10px 10px;
    color: #999;
    font-size: 12px
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .category {
    position: absolute;
    right: 0;
    bottom: 7px;
    text-align: right
}

.dwp-gnb-approval-wait-dialog .gnb-form-area .item .category .state {
    color: #ed6c00
}

.dwp-gnb-approval-wait-dialog .aligner {
    padding-top: 15px;
    border-top: 1px solid #cfcfcf
}

.dwp-form-guide-dialog .guide-area .guide-section {
    display: table;
    width: 100%
}

.dwp-form-guide-dialog .guide-area .guide-section+.guide-section {
    margin-top: 10px
}

.dwp-form-guide-dialog .guide-area .guide-section .key {
    display: table-cell;
    width: 100px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-form-guide-dialog .guide-area .guide-section .value {
    display: table-cell;
    padding: 0 10px
}

.dwp-form-guide-dialog .sub-title {
    margin-top: 10px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-form-guide-dialog .bizcard-area {
    overflow: hidden;
    margin: -10px;
    padding: 0 0 16px;
    border-bottom: 1px solid #cfcfcf
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner {
    display: table;
    float: left;
    width: 50%;
    padding: 10px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-photo-area {
    display: table-cell;
    width: 115px;
    vertical-align: top;
    padding-top: 40px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-photo-area .photo {
    padding-left: 12px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-photo-area .photo img {
    width: 80px;
    height: 80px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area {
    display: table-cell;
    padding: 5px 0 5px 10px;
    border-left: 1px solid #ddd
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-head .dwp-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-head .dwp-name .eng {
    color: #666;
    font-size: 13px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-head .dwp-dept {
    margin-top: 3px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-body {
    margin-top: 8px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-body .info-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 3px
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-body .info-item .key {
    display: table-cell;
    width: 60px;
    color: #333;
    font-weight: 700;
    word-break: break-all
}

.dwp-form-guide-dialog .bizcard-area .dwp-card-inner .dwp-info-area .info-body .info-item .value {
    display: table-cell;
    word-break: break-all
}

.dwp-approval-save-dialog .guide {
    margin-bottom: 15px;
    color: #333;
    font-weight: 700
}

.dwp-approval-open-dialog .approval-list .list-head {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5
}

.dwp-approval-open-dialog .approval-list .list-head>div {
    display: table-cell;
    padding: 8px 0;
    text-align: center;
    color: #333;
    font-weight: 700
}

.dwp-approval-open-dialog .approval-list .list-head .check {
    width: 40px
}

.dwp-approval-open-dialog .approval-list .list-head .category {
    width: 75px
}

.dwp-approval-open-dialog .approval-list .list-head .biz {
    width: 26px
}

.dwp-approval-open-dialog .approval-list .list-head .date {
    width: 80px
}

.dwp-approval-open-dialog .approval-list .list-head .del-area {
    width: 43px
}

.dwp-approval-open-dialog .approval-list .list-area {
    overflow-y: scroll;
    height: 155px
}

.dwp-approval-open-dialog .approval-list .list-area .list {
    padding: 3px 0
}

.dwp-approval-open-dialog .approval-list .list-area .list .item {
    table-layout: fixed;
    display: table;
    width: 100%;
    padding: 5px 0
}

.dwp-approval-open-dialog .approval-list .list-area .list .item.changed {
    color: #2196f3
}

.dwp-approval-open-dialog .approval-list .list-area .list .item.changed a {
    color: #2196f3
}

.dwp-approval-open-dialog .approval-list .list-area .list .item.active {
    background-color: #f1f1f1;
    color: #ed6c00
}

.dwp-approval-open-dialog .approval-list .list-area .list .item.active a {
    color: #ed6c00
}

.dwp-approval-open-dialog .approval-list .list-area .list .item>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .check {
    width: 40px
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .category {
    width: 75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .biz {
    width: 26px
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .biz a {
    display: block;
    padding: 0 3px;
    font-size: 0
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .biz img {
    width: 15px;
    height: 15px
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .date {
    width: 80px
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .del-area {
    width: 26px
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .del-area a {
    display: block;
    padding: 5px 8px;
    font-size: 0
}

.dwp-approval-open-dialog .approval-list .list-area .list .item .del-area a img {
    width: 10px;
    height: 10px
}

.dwp-add-doc-dialog .dwp-add-doc-table {
    margin-top: 20px;
    height: 279px
}

.dwp-add-doc-dialog .dwp-add-doc-table .doc-num {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-add-doc-dialog .dwp-add-doc-table .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.dwp-add-doc-dialog .dwp-add-doc-list {
    margin-top: 20px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .category-cell {
    width: 80px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .doc-num-cell {
    width: 120px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .subject-cell {
    width: auto
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .del-cell {
    width: 50px;
    cursor: pointer
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .del-cell>img {
    width: 10px;
    height: 10px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row {
    table-layout: fixed
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .category-cell {
    width: 80px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .doc-num-cell {
    width: 120px
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .subject-cell {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .del-cell {
    width: 50px;
    cursor: pointer
}

.dwp-add-doc-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .del-cell>img {
    width: 10px;
    height: 10px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-table {
    margin-top: 20px;
    height: 279px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-table .doc-num {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-table .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-table .del-cell>img {
    width: 10px;
    height: 10px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list {
    margin-top: 20px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .category-cell {
    width: 80px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .doc-num-cell {
    width: 120px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .subject-cell {
    width: auto
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .del-cell {
    width: 50px;
    cursor: pointer
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-head .dwp-row .del-cell>img {
    width: 10px;
    height: 10px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row {
    table-layout: fixed
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .category-cell {
    width: 80px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .doc-num-cell {
    width: 120px
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .subject-cell {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .del-cell {
    width: 50px;
    cursor: pointer
}

.dwp-add-doc-bookmark-dialog .dwp-add-doc-list .dwp-table-file .dwp-table-body .dwp-row .del-cell>img {
    width: 10px;
    height: 10px
}

.dwp-mail-move-dialog .section {
    display: table;
    width: 100%
}

.dwp-mail-move-dialog .section>div {
    display: table-cell;
    vertical-align: middle
}

.dwp-mail-move-dialog .section .title {
    width: 60px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-approval-form-personal-dialog .dwp-table {
    height: 356px
}

.dwp-approval-form-personal-dialog .dwp-table .subject {
    text-align: left
}

.dwp-approval-form-personal-dialog .dwp-table .subject>a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-approval-form-personal-dialog .dwp-table .preview>a {
    display: block
}

.dwp-approval-form-personal-dialog .dwp-table .preview>a>img {
    width: 15px;
    height: 15px
}

.dwp-approval-form-share-dialog .dwp-table {
    height: 356px
}

.dwp-approval-form-share-dialog .dwp-table .subject {
    text-align: left
}

.dwp-approval-form-share-dialog .dwp-table .subject>a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-approval-form-share-dialog .dwp-table .preview>a {
    display: block
}

.dwp-approval-form-share-dialog .dwp-table .preview>a>img {
    width: 15px;
    height: 15px
}

.dwp-approval-info-dialog .info-wrap {
    overflow-y: auto;
    height: 470px
}

.dwp-approval-info-dialog .info-wrap .date-info-list {
    text-align: right
}

.dwp-approval-info-dialog .info-wrap .date-info-list .date-info {
    white-space: nowrap
}

.dwp-approval-info-dialog .info-wrap .date-info-list .date-info>div {
    display: inline-block
}

.dwp-approval-info-dialog .info-wrap .info-section {
    border: 1px solid #cfcfcf
}

.dwp-approval-info-dialog .info-wrap .info-section+.info-section {
    margin-top: 15px
}

.dwp-approval-info-dialog .info-wrap .info-section .row {
    display: table;
    table-layout: fixed;
    min-width: 100%
}

.dwp-approval-info-dialog .info-wrap .info-section .row.head {
    border-top: 1px solid #666;
    background-color: #eee
}

.dwp-approval-info-dialog .info-wrap .info-section .row.head .value .info-area {
    display: table;
    width: 100%
}

.dwp-approval-info-dialog .info-wrap .info-section .row.head .value .dwp-user {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-info-dialog .info-wrap .info-section .row.head .value .date-info-list {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-info-dialog .info-wrap .info-section .row+.row {
    border-top: 1px solid #cfcfcf
}

.dwp-approval-info-dialog .info-wrap .info-section .row.opinion {
    background-color: #fafafa
}

.dwp-approval-info-dialog .info-wrap .info-section .row>div {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-info-dialog .info-wrap .info-section .row>div~.key {
    border-left: 1px solid #ddd
}

.dwp-approval-info-dialog .info-wrap .info-section .row .key {
    width: 100px;
    padding: 12px 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.dwp-approval-info-dialog .info-wrap .info-section .row .key.type {
    color: #ed6c00;
    font-size: 13px
}

.dwp-approval-info-dialog .info-wrap .info-section .row .value {
    position: relative;
    padding: 12px 10px;
    border-left: 1px solid #cfcfcf;
    text-align: left;
    word-break: break-all
}

.dwp-approval-info-dialog .info-wrap .info-section .row .value.no-padding {
    padding: 0
}

.dwp-approval-info-dialog .info-wrap .info-section .row .value>.row>.key {
    width: 75px
}

.approval-info-wrap {
    margin-top: 20px
}

.approval-info-wrap .info-section {
    border: 1px solid #cfcfcf
}

.approval-info-wrap .info-section+.info-section {
    margin-top: 15px
}

.approval-info-wrap .info-section .row {
    display: table;
    width: 100%
}

.approval-info-wrap .info-section .row+.row {
    border-top: 1px solid #cfcfcf
}

.approval-info-wrap .info-section .row.opinion {
    background-color: #fafafa
}

.approval-info-wrap .info-section .row>div {
    display: table-cell;
    vertical-align: middle
}

.approval-info-wrap .info-section .row .key {
    width: 100px;
    padding: 12px 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.approval-info-wrap .info-section .row .key.type {
    color: #ed6c00;
    font-size: 13px
}

.approval-info-wrap .info-section .row .value {
    padding: 12px 10px;
    border-left: 1px solid #cfcfcf;
    text-align: left
}

.approval-info-wrap .info-section .row .value>div {
    display: inline-block;
    vertical-align: middle
}

.approval-info-wrap .info-section .row .value .time {
    margin-left: 8px
}

.dwp-approval-consent-dialog .consent-wrap {
    display: table;
    width: 100%
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area {
    display: table-cell;
    width: 604px;
    padding-right: 3px;
    vertical-align: top
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap {
    overflow-y: scroll;
    height: 250px;
    padding-right: 10px
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .date-info-list {
    text-align: right
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .date-info-list .date-info {
    white-space: nowrap
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .date-info-list .date-info>div {
    display: inline-block
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section {
    border: 1px solid #cfcfcf
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section.active {
    border: 1px solid #ed6c00 !important
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section+.info-section {
    margin-top: 15px
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row {
    display: table;
    table-layout: fixed;
    min-width: 100%
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row.head {
    border-top: 1px solid #666;
    background-color: #eee
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row.head .value .info-area {
    display: table;
    width: 100%
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row.head .value .dwp-user {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row.head .value .date-info-list {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row+.row {
    border-top: 1px solid #cfcfcf
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row.opinion {
    background-color: #fafafa
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row>div {
    display: table-cell;
    vertical-align: middle
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row>div~.key {
    border-left: 1px solid #ddd
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .key {
    width: 80px;
    padding: 12px 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .key.type {
    color: #ed6c00;
    font-size: 13px
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .value {
    position: relative;
    padding: 12px 10px;
    border-left: 1px solid #cfcfcf;
    text-align: left;
    word-break: break-all
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .value.no-padding {
    padding: 0
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .value>div {
    display: inline-block;
    vertical-align: middle
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .value .time {
    margin-left: 8px
}

.dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap .info-section .row .value>.row>.key {
    width: 75px
}

.dwp-approval-consent-dialog .consent-wrap .consent-area {
    display: table-cell;
    padding-left: 3px;
    vertical-align: top
}

.dwp-approval-consent-dialog .consent-wrap .consent-area .consent-form textarea {
    height: 180px
}

.dwp-approval-consent-dialog .consent-wrap .consent-area .consent-form textarea.short {
    height: 129px
}

.dwp-approval-consent-dialog .consent-wrap .consent-area .consent-form .dwp-table-vertical .dwp-row .dwp-title {
    width: 80px
}

@media screen and (max-width: 960px) {
    .dwp-approval-consent-dialog .consent-wrap {
        display: block
    }
    .dwp-approval-consent-dialog .consent-wrap .approval-info-area {
        display: block;
        width: 100%;
        padding-right: 0
    }
    .dwp-approval-consent-dialog .consent-wrap .approval-info-area .info-wrap {
        height: 230px;
        padding-right: 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .dwp-approval-consent-dialog .consent-wrap .consent-area {
        display: block;
        margin-top: 10px;
        padding-left: 0
    }
    .dwp-approval-consent-dialog .consent-wrap .consent-area .consent-form .dwp-table-vertical {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }
    .dwp-approval-consent-dialog .consent-wrap .consent-area .consent-form textarea {
        height: 100px
    }
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .top {
    vertical-align: top
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section+.section {
    margin-top: 10px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 104px;
    margin-top: 10px;
    padding: 5px 0;
    border: 1px solid #ddd
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list:before,
.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list:after {
    content: " ";
    display: table
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list:after {
    clear: both
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target {
    float: left;
    padding: 8px 15px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target>span {
    display: inline-block;
    vertical-align: middle
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target .photo img {
    width: 30px;
    height: 30px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target .name {
    margin-left: 5px;
    color: #666;
    font-weight: 700;
    font-size: 14px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target .btn-cancel {
    display: inline-block;
    margin-left: 3px;
    padding: 2px;
    vertical-align: middle;
    font-size: 0
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list .share-target .btn-cancel img {
    width: 12px;
    height: 12px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room {
    max-height: 232px;
    padding: 5px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room {
    float: left;
    width: 20%;
    padding: 8px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room .dwp-inner {
    position: relative;
    overflow: hidden;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room img {
    width: 100%
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room .room-title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 700
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room .room-title .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 52px
}

.dwp-approval-form-save-dialog .form-wrap .dwp-table-vertical .dwp-row .section .bookmark-share-list.room .share-room .dwp-checkbox {
    position: absolute;
    top: 10px;
    left: 10px
}

.dwp-approval-classify-manage-dialog .classify-wrap {
    margin-top: 15px
}

.dwp-approval-classify-manage-dialog .classify-wrap .dwp-table tbody td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px 20px;
    text-align: left
}

.dwp-approval-classify-manage-dialog .classify-wrap .dwp-table div[class$="-cell"] {
    display: inline-block
}

.dwp-approval-classify-manage-dialog .classify-wrap .dwp-table div[class$="-cell"]+div[class$="-cell"] {
    margin-left: 10px
}

.dwp-approval-classify-manage-dialog .classify-wrap .dwp-table div[class$="-cell"]>a {
    display: block
}

.dwp-approval-classify-manage-dialog .classify-wrap .dwp-table div[class$="-cell"]>a>img {
    width: 15px;
    height: 15px
}

.dwp-approval-classify-add-dialog .language-wrap .dwp-table-vertical .dwp-row .dwp-title {
    width: 80px
}

.dwp-approval-classify-add-dialog .classify-wrap {
    margin-top: 15px
}

.dwp-approval-classify-add-dialog .classify-wrap .dwp-table .del>a {
    display: block
}

.dwp-approval-classify-add-dialog .classify-wrap .dwp-table .del>a>img {
    width: 15px;
    height: 15px
}

.dwp-gnb-setting-dialog .dwp-tabs-simple .dwp-tabs-setting-content .dwp-setting-area .item {
    padding: 12px 0;
    border-bottom: 1px solid #cfcfcf
}

.dwp-gnb-setting-dialog .dwp-tabs-simple .dwp-tabs-setting-content .dwp-setting-area .item .title {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-approval-area {
    padding: 50px 0;
    text-align: center
}

.dwp-approval-area .subject {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700
}

.dwp-approval-area .sign-area {
    position: relative;
    width: 100px;
    height: 85px;
    margin: 0 auto;
    border: 15px solid #eee;
    background-color: #fff
}

.dwp-approval-area .sign-area>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 55px
}

.dwp-app-icon-dialog .app-icon-area {
    height: 290px
}

.dwp-app-icon-dialog .app-icon-area .app-item-list {
    overflow: hidden
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li {
    float: left;
    width: 33.3333%;
    padding: 6px
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item {
    width: 100%
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner {
    position: relative;
    height: 136px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area {
    height: 101px;
    padding: 12px 13px 13px;
    text-align: center
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area.active {
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area.active .icon>img {
    opacity: .3
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area.active .icon-subject {
    color: #999;
    font-weight: 400
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area .icon>img {
    width: 38px;
    height: 38px
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area .icon-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 40px;
    margin-top: 5px;
    font-weight: 700
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .icon-area .icon {
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    height: 38px;
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area {
    overflow: hidden;
    border-top: 1px solid #ddd
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .preview {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    text-align: center;
    cursor: pointer
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .preview>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .download {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    border-left: 1px solid #ddd;
    text-align: center;
    cursor: pointer
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .download.active {
    position: relative
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .download.active::after {
    content: " ";
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    width: 18px;
    height: 18px;
    background: #fff url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat;
    background-size: 18px 18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-app-icon-dialog .app-icon-area .app-item-list>li .dwp-app-item .item-inner .util-area .download>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.dwp-app-icon-dialog .app-icon-area .mCSB_scrollTools {
    right: -15px
}

.dwp-app-icon-dialog .btn-wrap {
    padding-top: 10px;
    border-top: 1px solid #cfcfcf
}

.dwp-profile-dialog .head-area {
    margin-top: -45px;
    text-align: center
}

.dwp-profile-dialog .head-area .photo>img {
    width: 80px;
    height: 80px;
    border-radius: 33px
}

.dwp-profile-dialog .head-area .name {
    margin-top: 10px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-profile-dialog .head-area .btn-logout {
    margin-top: 10px
}

.dwp-profile-dialog .head-area .btn-logout .dwp-btn+.dwp-btn {
    margin-left: 5px
}

.dwp-profile-dialog .body-area {
    margin-top: 20px;
    border-top: 1px solid #cfcfcf;
    padding-top: 18px
}

.dwp-profile-dialog .body-area .scroll-area {
    overflow-y: auto;
    max-height: 300px
}

.dwp-profile-dialog .body-area .dwp-row:before,
.dwp-profile-dialog .body-area .dwp-row:after {
    content: " ";
    display: table
}

.dwp-profile-dialog .body-area .dwp-row:after {
    clear: both
}

.dwp-profile-dialog .body-area .dwp-row+.dwp-row {
    margin-top: 7px
}

.dwp-profile-dialog .body-area .dwp-row:last-child {
    margin-top: 25px
}

.dwp-profile-dialog .body-area .dwp-row .key {
    float: left;
    width: 120px;
    color: #333;
    font-weight: 700
}

.dwp-profile-dialog .body-area .dwp-row .value {
    float: left;
    width: 350px;
    position: relative;
    word-break: break-all
}

.dwp-profile-dialog .modify-area {
    display: inline-block;
    margin-left: 6px
}

.dwp-profile-dialog .modify-area .btn-modify img {
    width: 14px;
    height: 14px
}

.dwp-profile-dialog .value.active .input-area {
    display: block
}

.dwp-profile-dialog .value.active span {
    display: none
}

.dwp-profile-dialog .value.location.active {
    height: 45px
}

.dwp-profile-dialog .value.location select {
    display: block;
    width: 180px;
    margin-bottom: 5px
}

.dwp-profile-dialog .value.detail-work.active {
    height: 80px
}

.dwp-profile-dialog .value.detail-work.active span {
    display: none
}

.dwp-profile-dialog .value.detail-work .input-area textarea {
    width: 355px;
    height: 80px;
    border: 1px solid #ddd
}

.dwp-profile-dialog .value.detail-work .input-area .btn-modify-save {
    vertical-align: top
}

.dwp-profile-dialog .value.detail-work .input-area .btn-modify-cancel {
    vertical-align: top
}

.dwp-profile-dialog .value .input-area {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.dwp-profile-dialog .value .input-area .word-list {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 10;
    min-width: 90px;
    border: 1px solid #ddd;
    background-color: #fff
}

.dwp-profile-dialog .value .input-area .word-list.active {
    display: block
}

.dwp-profile-dialog .value .input-area .word-list>.item {
    padding: 2px 5px;
    cursor: pointer
}

.dwp-profile-dialog .value .input-area .word-list>.item:hover {
    background-color: #f5f5f5
}

.dwp-profile-dialog .value .input-area select {
    border: 1px solid #ddd
}

.dwp-profile-dialog .value .input-area input {
    width: 180px;
    padding: 1px 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-weight: 400
}

.dwp-profile-dialog .value .input-area input.sm {
    width: 90px
}

.dwp-profile-dialog .value .input-area a {
    vertical-align: middle
}

.dwp-profile-dialog .value .input-area .btn-modify-save {
    margin-left: 2px;
    color: #ed6c00
}

.dwp-profile-dialog .value .input-area .btn-modify-cancel {
    margin-left: 2px
}

.dwp-file-preview-dialog {
    margin: -20px -20px 0
}

.dwp-file-preview-dialog .preview-area {
    display: table;
    position: relative;
    width: 100%;
    height: 520px;
    background-color: #f5f5f5
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap {
    display: table-cell;
    vertical-align: middle
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .img-list {
    width: 695px;
    margin: 0 auto
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .img-list .img-item img {
    max-width: 100%;
    max-height: 520px;
    margin: 0 auto
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .slick-prev {
    opacity: .5;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 44px;
    height: 90px;
    border: 0;
    background: url('/tcclibs/images/main/main-visual-prev.png?1484963788') no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .slick-prev:hover {
    opacity: 1
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .slick-next {
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 44px;
    height: 90px;
    border: 0;
    background: url('/tcclibs/images/main/main-visual-next.png?1484963788') no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dwp-file-preview-dialog .preview-area .dwp-img-list-wrap .slick-next:hover {
    opacity: 1
}

.dwp-file-preview-dialog .file-info-area {
    margin-top: 16px;
    padding: 0 20px;
    color: #666
}

.dwp-file-preview-dialog .file-info-area .file-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-portlet-setting-dialog .portlet-info .date {
    display: inline-block;
    position: relative;
    padding-right: 8px;
    color: #999;
    font-weight: 700;
    vertical-align: middle
}

.dwp-portlet-setting-dialog .portlet-info .date::after {
    content: "/";
    position: absolute;
    top: 0;
    right: 0
}

.dwp-portlet-setting-dialog .portlet-info .count {
    display: inline-block;
    color: #666;
    font-weight: 700;
    vertical-align: middle
}

.dwp-portlet-setting-dialog .portlet-info .count>.point {
    margin-left: 4px;
    color: #ed6c00
}

.dwp-portlet-setting-dialog .portlet-list-area {
    /*height: 382px;*/
    margin-top: 15px;
    height: 485px;
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list {
    margin: -7px
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item {
    float: left;
    padding: 7px;
    width: 16.66666666%
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap {
    height: 151px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area {
    height: 116px;
    padding: 15px 12px;
    text-align: center
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area.active {
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area.active .icon>img {
    opacity: .3
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area.active .icon-subject {
    color: #999;
    font-weight: 400
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area .icon>img {
    width: 38px;
    height: 38px
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .icon-area .icon-subject {
    margin-top: 10px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 38px
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area {
    border-top: 1px solid #ddd
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .preview {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    text-align: center;
    cursor: pointer
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .preview>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .download {
    float: left;
    width: 50%;
    padding: 6px 0 7px;
    border-left: 1px solid #ddd;
    text-align: center;
    cursor: pointer
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .download.active {
    position: relative
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .download.active::after {
    content: " ";
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    width: 18px;
    height: 18px;
    background: #fff url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat;
    background-size: 18px 18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dwp-portlet-setting-dialog .portlet-list-area .portlet-list .item .item-wrap .util-area .download>img {
    width: 18px;
    height: 18px;
    vertical-align: top
}

.dwp-schedule-simple-write-dialog .section {
    display: table;
    width: 100%
}

.dwp-schedule-simple-write-dialog .section+.section {
    margin-top: 10px
}

.dwp-schedule-simple-write-dialog .section.alert .key {
    vertical-align: top
}

.dwp-schedule-simple-write-dialog .section .key {
    display: table-cell;
    width: 80px;
    vertical-align: middle
}

.dwp-schedule-simple-write-dialog .section .key .title {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-schedule-simple-write-dialog .section .value {
    display: table-cell;
    vertical-align: top
}

.dwp-schedule-simple-write-dialog .section .value .dwp-date-form .dwp-calendar-form .dwp-selectbox {
    vertical-align: middle
}

.dwp-schedule-simple-write-dialog .section .value .dwp-date-form .dwp-calendar-form .dwp-selectbox select {
    width: 53px
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk.active .alert-hidden-area {
    display: inline-block
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk>.dwp-grouping {
    display: inline-block;
    vertical-align: top
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk>.dwp-grouping>div {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk>.dwp-grouping>div:first-child {
    padding-left: 0
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk .alert-hidden-area {
    display: none;
    margin-left: 10px;
    vertical-align: top
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk .alert-hidden-area .dwp-selection-group {
    margin: 0
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk .alert-hidden-area .dwp-selectbox select {
    width: 60px
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk .alert-hidden-area .dwp-grouping.sel-time.active .hidden-area {
    display: block
}

.dwp-schedule-simple-write-dialog .section .value .alert-chk .alert-hidden-area .dwp-grouping.sel-time .hidden-area {
    display: none
}

.dwp-schedule-simple-write-dialog .section .value .dwp-grouping+.dwp-grouping {
    margin-top: 10px
}

.dwp-schedule-simple-write-dialog .section .value .dwp-grouping .important {
    width: 20px
}

.dwp-schedule-simple-write-dialog .section .value .dwp-grouping .important+.dwp-input {
    width: auto
}

.dwp-schedule-simple-write-dialog .section .value .dwp-grouping.sel-time.active .hidden-area {
    display: block
}

.dwp-schedule-simple-write-dialog .section .value .dwp-grouping.sel-time .hidden-area {
    display: none
}

.dwp-schedule-repeat-dialog .section {
    display: table;
    width: 100%
}

.dwp-schedule-repeat-dialog .section.active {
    display: none
}

.dwp-schedule-repeat-dialog .section+.section {
    margin-top: 15px
}

.dwp-schedule-repeat-dialog .section .key {
    display: table-cell;
    width: 80px;
    vertical-align: middle
}

.dwp-schedule-repeat-dialog .section .key .title {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-schedule-repeat-dialog .section .value {
    display: table-cell;
    vertical-align: middle
}

.dwp-schedule-repeat-dialog .section .value .summary {
    color: #333;
    font-size: 17px;
    font-weight: 700
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-day {
    display: none
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-day.active {
    display: block
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-week {
    display: none
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-week.active {
    display: block
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-month {
    display: none
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-month.active {
    display: block
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-year {
    display: none
}

.dwp-schedule-repeat-dialog .section .value .dwp-grouping.repeat-year.active {
    display: block
}

.dwp-conference-detail-dialog .section {
    display: table;
    table-layout: fixed;
    width: 100%
}

.dwp-conference-detail-dialog .section+.section {
    margin-top: 5px
}

.dwp-conference-detail-dialog .section>div {
    display: table-cell;
    vertical-align: middle
}

.dwp-conference-detail-dialog .section .key {
    width: 80px;
    color: #333;
    font-weight: 700
}

.dwp-conference-detail-dialog .section .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-app-detail-dialog .info-area {
    display: table;
    width: 100%
}

.dwp-app-detail-dialog .info-area+.aligner .left {
    padding-left: 50px
}

.dwp-app-detail-dialog .info-area .icon-area {
    display: table-cell;
    width: 200px;
    padding: 0 30px;
    vertical-align: middle
}

.dwp-app-detail-dialog .info-area .icon-area .icon {
    width: 130px;
    height: 130px;
    background-color: #eee;
    border-radius: 54px;
    padding: 30px 0;
    text-align: center
}

.dwp-app-detail-dialog .info-area .icon-area .icon img {
    width: 76px;
    height: 76px
}

.dwp-app-detail-dialog .info-area .desc-area {
    display: table-cell;
    vertical-align: middle
}

.dwp-app-detail-dialog .info-area .desc-area .app-subject {
    margin-bottom: 8px;
    color: #ed6c00;
    font-size: 17px;
    font-weight: 700
}

.dwp-app-detail-dialog .info-area .desc-area .app-sub-title {
    font-size: 14px;
    font-weight: 700
}

.dwp-app-detail-dialog .info-area .desc-area .desc {
    margin-top: 10px
}

.dwp-app-detail-dialog .info-area+.aligner .right .icon-type button.active,
.dwp-app-detail-dialog .info-area+.aligner .right .icon-type span.active {
    position: relative
}

.dwp-app-detail-dialog .info-area+.aligner .right .icon-type button.active::before,
.dwp-app-detail-dialog .info-area+.aligner .right .icon-type span.active::before {
    content: " ";
    display: block;
    position: absolute;
    top: 9px;
    left: 13px;
    width: 17px;
    height: 17px;
    background: #fff url('/tcclibs/images/common/icon-return.svg?1484963787') no-repeat;
    background-size: 14px 14px
}

.dwp-app-detail-dialog .info-area+.aligner .right .icon-type button.active::after,
.dwp-app-detail-dialog .info-area+.aligner .right .icon-type span.active::after {
    content: "삭제";
    display: block;
    position: absolute;
    top: 7px;
    right: 11px;
    width: 30px;
    height: 18px;
    background-color: #fff
}

.dwp-app-detail-dialog .prev {
    position: relative
}

.dwp-app-detail-dialog .prev.active .preview-hidden {
    display: block
}

.dwp-app-detail-dialog .prev .preview-hidden {
    display: none;
    position: absolute;
    top: 34px;
    right: 0;
    width: 316px;
    height: 408px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    z-index: 10
}

.dwp-app-detail-dialog .open .btn-toggle {
    background: url('/tcclibs/images/common/up-arrow-o.svg?1484963788') no-repeat center;
    background-size: 15px 15px
}

.dwp-app-detail-dialog .btn-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('/tcclibs/images/common/down-arrow.svg?1484963787') no-repeat center;
    background-size: 15px 15px;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-app-detail-dialog .open .close-area {
    display: block
}

.dwp-app-detail-dialog .close-area {
    display: none
}

.dwp-app-detail-dialog .auth-area {
    border-top: 1px solid #cfcfcf
}

.dwp-app-detail-dialog .auth-area.open {
    padding-bottom: 10px;
    border-top: 1px solid #666
}

.dwp-app-detail-dialog .auth-area+.auth-area {
    margin-top: 0;
    border-bottom: 1px solid #ddd
}

.dwp-app-detail-dialog .auth-area+.detail-desc-area {
    padding-top: 0
}

.dwp-app-detail-dialog .auth-area .title {
    position: relative;
    padding: 9px 0;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-app-detail-dialog .auth-area .dwp-card-wrap {
    overflow-y: auto;
    height: 190px
}

.dwp-app-detail-dialog .auth-area .dwp-card-wrap:before,
.dwp-app-detail-dialog .auth-area .dwp-card-wrap:after {
    content: " ";
    display: table
}

.dwp-app-detail-dialog .auth-area .dwp-card-wrap:after {
    clear: both
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner {
    display: table;
    width: 100%;
    padding: 10px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner:first-child {
    padding-top: 0
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner+.dwp-card-inner {
    border-top: 1px solid #ddd
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-photo-area {
    display: table-cell;
    width: 115px;
    vertical-align: top;
    padding-top: 40px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-photo-area .photo {
    padding-left: 12px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-photo-area .photo img {
    width: 80px;
    height: 80px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area {
    display: table-cell;
    padding: 5px 0 5px 10px;
    border-left: 1px solid #ddd
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-name .eng {
    color: #666;
    font-size: 13px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-dept {
    margin-top: 3px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body {
    margin-top: 8px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 3px
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item .key {
    display: table-cell;
    width: 120px;
    color: #333;
    font-weight: 700;
    word-break: break-all
}

.dwp-app-detail-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item .value {
    display: table-cell;
    word-break: break-all
}

.dwp-app-detail-dialog .detail-desc-area {
    margin-top: 20px;
    border-top: 1px solid #cfcfcf
}

.dwp-app-detail-dialog .detail-desc-area.open {
    border-top: 1px solid #666
}

.dwp-app-detail-dialog .detail-desc-area .desc-area .title {
    position: relative;
    padding: 9px 0;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-app-detail-dialog .detail-desc-area .desc-area .desc {
    padding-bottom: 10px
}

.dwp-app-detail-dialog .detail-desc-area .function-area .title {
    position: relative;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-vpr-post-dialog .post-area {
    overflow-y: auto;
    min-height: 195px;
    max-height: 599px
}

.dwp-vpr-post-dialog .post-area .dwp-textarea textarea {
    height: 140px
}

.dwp-vpr-post-dialog .post-area .icon-util {
    overflow: hidden;
    padding: 5px 0
}

.dwp-vpr-post-dialog .post-area .icon-util div {
    float: left;
    cursor: pointer
}

.dwp-vpr-post-dialog .post-area .icon-util div+div {
    margin-left: 15px
}

.dwp-vpr-post-dialog .post-area .icon-util div img {
    width: 18px;
    height: 18px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .subject-head {
    padding: 8px 10px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    font-weight: 700
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .subject-head .point-color {
    margin-left: 4px;
    font-weight: 700
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list {
    padding: 17px 10px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap {
    margin: -5px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap:before,
.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap:after {
    content: " ";
    display: table
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap:after {
    clear: both
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap .item {
    float: left;
    position: relative;
    padding: 5px;
    width: 60px;
    height: 60px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap .item>img {
    width: 100%;
    height: 100%
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap .item .del {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #eee;
    text-align: center;
    cursor: pointer
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .media-list .list-wrap .item .del img {
    width: 10px;
    height: 10px;
    vertical-align: baseline
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list {
    position: relative;
    padding: 8px 0
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.file .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.file .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-file.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.todo .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.todo .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-todo.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.schedule .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.schedule .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-calendar.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.bookmark .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.bookmark .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-mark.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.livepoll .title {
    position: relative;
    padding-left: 40px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list.livepoll .title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 20px;
    padding-right: 8px;
    border-right: 1px solid #cfcfcf;
    background: url('/tcclibs/images/common/icon-livepoll.svg?1484963787') no-repeat center;
    background-size: 15px 15px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list .item {
    position: relative;
    padding: 8px 20px 8px 10px
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-vpr-post-dialog .post-area div[class*="-area"] .list .item .btn-cancel {
    position: absolute;
    top: 8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('/tcclibs/images/common/icon-close.svg?1484963787') no-repeat center;
    background-size: 10px 10px;
    cursor: pointer
}

.dwp-schedule-vpr-cop-dialog .dwp-table tr:first-child td {
    border-top: 0
}

.dwp-schedule-vpr-cop-dialog .dwp-table .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

.dwp-schedule-vpr-cop-dialog .dwp-table .ing {
    color: #ed6c00
}

.dwp-schedule-vpr-cop-dialog .dwp-table .fin {
    color: #999
}

.dwp-schedule-other-add-dialog .dwp-table {
    height: 185px
}

.dwp-schedule-other-add-dialog .dwp-table tr:first-child td {
    border-top: 0
}

.dwp-schedule-other-add-dialog .dwp-table .name {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-schedule-other-add-dialog .dwp-table .dep {
    text-align: left
}

.dwp-schedule-other-add-dialog .dwp-table .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

.dwp-schedule-other-add-dialog .dwp-table .title .num {
    padding: 0 3px;
    color: #ed6c00
}

.dwp-work-docmove-dialog .section {
    display: table;
    width: 100%
}

.dwp-work-docmove-dialog .section .key {
    display: table-cell;
    width: 60px;
    font-weight: 700;
    color: #333;
    font-size: 14px;
    vertical-align: middle
}

.dwp-work-docmove-dialog .section .value {
    display: table-cell;
    vertical-align: middle
}

.q-guide {
    display: inline-block;
    padding-left: 25px;
    background: url('/tcclibs/images/common/icon-guide.svg?1484963787') no-repeat left center;
    background-size: 18px 18px;
    color: #999
}

.q-option-list .q-option+.q-option {
    margin-top: 10px
}

.q-option-list .q-option .q-title {
    width: 25px
}

.dwp-drag-handle {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 8px 0;
    font-size: 0;
    cursor: move;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dwp-drag-handle img {
    display: block;
    width: 18px;
    height: 18px
}

.q-add-img {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px
}

.q-add-img input {
    overflow: hidden;
    position: fixed;
    top: -9999px;
    left: -9999px
}

.q-add-img label {
    display: block;
    cursor: pointer
}

.q-add-img label img {
    width: 20px;
    height: 20px
}

.q-img {
    display: inline-block;
    max-width: 100%;
    position: relative;
    margin-top: 10px
}

.q-img img {
    display: block;
    max-width: 100%
}

.q-img .cancel-img {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10;
    padding: 7px;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

.q-img .cancel-img img {
    width: 10px;
    height: 10px
}

.dwp-research-question-form-dialog .dwp-input {
    position: relative
}

.dwp-research-question-form-dialog .section .row {
    display: none;
    width: 100%;
    table-layout: fixed
}

.dwp-research-question-form-dialog .section .row.active {
    display: table
}

.dwp-research-question-form-dialog .section .row+.row {
    margin-top: 15px
}

.dwp-research-question-form-dialog .section .row[class*="_type"] {
    margin-top: 35px
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .key {
    vertical-align: top
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value {
    position: relative
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value .msg {
    color: #ed6c00
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value .search-list {
    overflow: hidden;
    margin: 8px -7px -7px
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value .search-list .srch-list-guide {
    margin-left: 7px
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value .search-list .item {
    float: left;
    width: 50%;
    padding: 7px
}

.dwp-research-question-form-dialog .section .row[class*="_type"] .value .search-list-essay {
    margin-top: 15px
}

.dwp-research-question-form-dialog .section .row .key {
    display: table-cell;
    width: 80px;
    padding-top: 3px;
    vertical-align: top;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-research-question-form-dialog .section .row .value {
    display: table-cell;
    vertical-align: middle
}

.dwp-research-question-form-dialog .section .row .value .cation {
    color: #ed6c00
}

.dwp-research-question-form-dialog .section .range_type .q-option-list {
    margin-top: 20px
}

.dwp-research-question-form-dialog .section .short_type .input-short-type {
    width: 100%;
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    outline: 0;
    background-color: #fff
}

.dwp-research-question-form-dialog .section .long_type .input-long-type {
    width: 100%;
    height: 68px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    outline: 0;
    background-color: #fff
}

.dwp-research-question-form-dialog .section .radio_type .dwp-add-btn {
    padding-left: 50px
}

.dwp-research-question-form-dialog .section .radio_type .q-option {
    position: relative;
    padding-left: 25px
}

.dwp-research-question-form-dialog .section .radio_type .q-option .dwp-grouping {
    table-layout: fixed
}

.dwp-research-question-form-dialog .section .radio_type .q-option .dwp-radio {
    display: none;
    width: 20px;
    padding-top: 7px;
    vertical-align: top
}

.dwp-research-question-form-dialog .section .radio_type .q-option .dwp-radio.active {
    display: table-cell
}

.dwp-research-question-form-dialog .section .radio_type .q-option .dwp-input {
    width: auto
}

.dwp-research-question-form-dialog .section .radio_type .q-option .del-btn {
    width: 25px;
    padding-top: 5px;
    vertical-align: top
}

.dwp-research-question-form-dialog .section .radio_type .q-option .del-btn a {
    display: block;
    font-size: 0;
    padding: 8px 3px
}

.dwp-research-question-form-dialog .section .radio_type .q-option .del-btn a img {
    width: 10px;
    height: 10px
}

.dwp-research-question-form-dialog .section .checkbox_type .dwp-add-btn {
    padding-left: 50px
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option {
    position: relative;
    padding-left: 25px
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .dwp-grouping {
    table-layout: fixed
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .dwp-checkbox {
    display: none;
    padding-left: 0;
    width: 20px
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .dwp-checkbox.active {
    display: table-cell
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .dwp-input {
    width: auto
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .del-btn {
    width: 25px;
    padding-top: 5px;
    vertical-align: top
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .del-btn a {
    display: block;
    font-size: 0;
    padding: 8px 3px
}

.dwp-research-question-form-dialog .section .checkbox_type .q-option .del-btn a img {
    width: 10px;
    height: 10px
}

.dwp-research-question-form-dialog .section .dropdown_type .dwp-add-btn {
    padding-left: 25px
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option {
    position: relative;
    padding-left: 25px
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .dwp-grouping {
    table-layout: fixed
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .active~.dwp-input {
    padding-left: 5px
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .dwp-input {
    padding-left: 0
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .del-btn {
    width: 25px;
    padding-top: 5px;
    vertical-align: top
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .del-btn a {
    display: block;
    font-size: 0;
    padding: 8px 3px
}

.dwp-research-question-form-dialog .section .dropdown_type .q-option .del-btn a img {
    width: 10px;
    height: 10px
}

.dwp-research-question-form-dialog .section .grid_type .dwp-add-btn {
    padding-left: 55px
}

.dwp-research-question-form-dialog .section .grid_type .q-option {
    position: relative;
    padding-left: 25px
}

.dwp-research-question-form-dialog .section .grid_type .grid-area {
    overflow: hidden
}

.dwp-research-question-form-dialog .section .grid_type .row-area {
    float: left;
    width: 50%
}

.dwp-research-question-form-dialog .section .grid_type .col-area {
    float: left;
    width: 50%
}

.dwp-research-question-form-dialog .section .grid_type .del-btn {
    width: 25px;
    padding-top: 5px;
    vertical-align: top
}

.dwp-research-question-form-dialog .section .grid_type .del-btn a {
    display: block;
    font-size: 0;
    padding: 5px 3px
}

.dwp-research-question-form-dialog .section .grid_type .del-btn a img {
    width: 10px;
    height: 10px
}

.dwp-research-question-form-dialog .section .date_type .input-date-type {
    position: relative;
    width: 120px;
    height: 34px;
    padding: 6px 13px 7px;
    border: 1px solid #cfcfcf;
    outline: 0;
    background: #fff
}

.dwp-research-question-form-dialog .section .date_type .input-date-type::after {
    content: " ";
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    background: url('/tcclibs/images/common/icon-calendar.svg?1484963787') no-repeat;
    background-size: 18px 18px
}

.dwp-vpr-livepoll-answer-dialog .question-area {
    border-bottom: 1px solid #cfcfcf
}

.dwp-vpr-livepoll-answer-dialog .question-area .question-box {
    padding: 15px;
    background-color: #fafafa
}

.dwp-vpr-livepoll-answer-dialog .question-area .question-box .subject {
    position: relative;
    padding-left: 20px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-vpr-livepoll-answer-dialog .question-area .question-box .subject::before {
    content: "Q";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #ed6c00
}

.dwp-vpr-livepoll-answer-dialog .question-area .date {
    color: #999
}

.dwp-vpr-livepoll-answer-dialog .question-area .view {
    position: relative;
    margin-left: 15px;
    color: #999
}

.dwp-vpr-livepoll-answer-dialog .question-area .view::before {
    content: '|';
    position: absolute;
    top: -1px;
    left: -9px;
    color: #999
}

.dwp-vpr-livepoll-answer-dialog .question-area .view .point-color {
    color: #ed6c00
}

.dwp-vpr-livepoll-answer-dialog .answer-area .info-area {
    color: #999
}

.dwp-vpr-livepoll-answer-dialog .answer-area .info-area .state {
    color: #ed6c00
}

.dwp-vpr-livepoll-answer-dialog .answer-area .info-area .num {
    color: #ed6c00
}

.dwp-vpr-livepoll-answer-dialog .answer-area .list-area {
    padding: 25px 0
}

.dwp-vpr-livepoll-answer-dialog .answer-area .list-area .item+.item {
    margin-top: 12px
}

.dwp-vpr-livepoll-result-dialog .question-area {
    border-bottom: 1px solid #cfcfcf
}

.dwp-vpr-livepoll-result-dialog .question-area .question-box {
    padding: 15px;
    background-color: #fafafa
}

.dwp-vpr-livepoll-result-dialog .question-area .question-box .subject {
    position: relative;
    padding-left: 20px;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-vpr-livepoll-result-dialog .question-area .question-box .subject::before {
    content: "Q";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #ed6c00
}

.dwp-vpr-livepoll-result-dialog .question-area .date {
    color: #999
}

.dwp-vpr-livepoll-result-dialog .question-area .view {
    position: relative;
    margin-left: 15px;
    color: #999
}

.dwp-vpr-livepoll-result-dialog .question-area .view::before {
    content: '|';
    position: absolute;
    top: -1px;
    left: -9px;
    color: #999
}

.dwp-vpr-livepoll-result-dialog .question-area .view .point-color {
    color: #ed6c00
}

.dwp-vpr-livepoll-result-dialog .answer-area .info-area {
    color: #999
}

.dwp-vpr-livepoll-result-dialog .answer-area .info-area .state {
    color: #ed6c00
}

.dwp-vpr-livepoll-result-dialog .answer-area .info-area .num {
    color: #ed6c00
}

.dwp-vpr-livepoll-result-dialog .answer-area .list-area {
    padding: 25px 0
}

.dwp-vpr-livepoll-result-dialog .answer-area .list-area .item+.item {
    margin-top: 15px
}

.dwp-vpr-livepoll-result-dialog .answer-area .list-area .item .answer-item .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f5f5f5;
    font-weight: 700;
    text-align: center
}

html .ui-dialog.memo-type .ui-dialog-content {
    padding: 0
}

html .ui-dialog.memo-type .ui-dialog-content .dwp-container-wrap {
    padding: 20px 20px 30px
}

html .ui-dialog.fix-type .ui-dialog-content {
    padding: 0
}

html .ui-dialog.fix-type .ui-dialog-content>form {
    overflow-y: hidden;
    height: 100%;
    padding: 20px 20px 30px
}

html .ui-dialog.fix-type .ui-dialog-content>form .dwp-container-wrap {
    overflow-y: hidden;
    height: 100%
}

html .ui-dialog.fix-type .ui-dialog-content>form .dwp-container-wrap .dwp-page-body {
    overflow-y: auto;
    height: 100%
}

.dwp-memopad-dialog {
    height: 100%
}

.dwp-memopad-dialog .memo-contents {
    height: 100%
}

.dwp-memopad-dialog .modify-area {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: visibility .4s, opacity .4s;
    transition: visibility .4s, opacity .4s
}

.dwp-memopad-dialog .modify-area.active {
    visibility: visible;
    opacity: 1
}

.dwp-memopad-dialog .modify-area .modify-form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 570px;
    padding: 35px 20px 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dwp-memopad-dialog .modify-area .modify-form .modify-close {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer
}

.dwp-memopad-dialog .modify-area .modify-form .input-title textarea {
    overflow-y: auto;
    height: 36px;
    max-height: 100px;
    padding: 0;
    border: 0;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.dwp-memopad-dialog .modify-area .modify-form .input-article {
    margin-top: 8px
}

.dwp-memopad-dialog .modify-area .modify-form .input-article textarea {
    overflow-y: auto;
    height: 34px;
    max-height: 380px;
    padding: 0;
    border: 0
}

.dwp-memopad-dialog .mCSB_outside+.mCSB_scrollTools {
    right: -20px
}

.dwp-memopad-dialog .input-area {
    width: 570px;
    margin: 0 auto
}

.dwp-memopad-dialog .input-area .search-form {
    overflow: hidden
}

.dwp-memopad-dialog .input-area .search-form>div {
    float: left
}

.dwp-memopad-dialog .input-area .search-form .dwp-search-bar {
    width: 411px;
    margin-right: 5px
}

.dwp-memopad-dialog .input-area .search-form .dwp-search-bar input {
    width: 380px;
    border-left: 0
}

.dwp-memopad-dialog .input-area .input-form {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff
}

.dwp-memopad-dialog .input-area .input-form.active .input-article {
    display: block;
    margin-top: 8px
}

.dwp-memopad-dialog .input-area .input-form.active .aligner {
    display: block
}

.dwp-memopad-dialog .input-area .input-form .input-title textarea {
    overflow-y: hidden;
    height: 25px;
    min-height: 25px;
    padding: 0;
    border: 0;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.dwp-memopad-dialog .input-area .input-form .input-article {
    display: none
}

.dwp-memopad-dialog .input-area .input-form .input-article textarea {
    overflow-y: hidden;
    height: 19px;
    padding: 0;
    border: 0
}

.dwp-memopad-dialog .input-area .input-form .aligner {
    display: none
}

.dwp-memopad-dialog .area-wrap {
    margin: 20px -8px 0
}

.dwp-memopad-dialog .memo-area {
    display: table;
    width: 100%;
    table-layout: fixed
}

.dwp-memopad-dialog .memo-area .memo-container {
    display: table-cell;
    width: 33.33333333%;
    height: 670px;
    padding: 0 8px;
    vertical-align: top
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item {
    position: relative;
    margin-bottom: 15px;
    padding: 15px 15px 60px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item.long-type {
    height: 503px
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item.long-type .article {
    -webkit-line-clamp: 17;
    height: 374px
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item:hover .btn-wrap {
    visibility: visible;
    opacity: 1
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 25px;
    color: #333;
    font-weight: 700;
    font-size: 17px
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .article {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 132px;
    margin-top: 12px;
    color: #333;
    font-weight: 700;
    font-size: 15px;
    word-break: break-all
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .modi-date {
    display: block;
    position: absolute;
    right: 14px;
    bottom: 33px;
    font-style: italic
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .btn-wrap {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: 7px;
    -webkit-transition: visibility .3s, opacity .3s;
    transition: visibility .3s, opacity .3s
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .btn-wrap [class*="btn-"] {
    display: inline-block;
    padding: 5px;
    font-size: 0;
    vertical-align: middle
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .btn-wrap .btn-modify .colorPicker-picker {
    border: 0;
    background: url('/tcclibs/images/common/icon-palette.svg?1484963787') no-repeat center;
    background-color: transparent!important
}

.dwp-memopad-dialog .memo-area .memo-container .memo-item .btn-wrap img {
    width: 15px;
    height: 15px
}

.dwp-thumb-select-dialog .thumb-list {
    overflow: hidden
}

.dwp-thumb-select-dialog .thumb-list>li {
    display: table;
    float: left;
    width: 25%;
    padding: 5px
}

.dwp-thumb-select-dialog .thumb-list>li.active .thumb-item {
    position: relative
}

.dwp-thumb-select-dialog .thumb-list>li.active .thumb-item::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(243, 125, 47, 0.7) url('/tcclibs/images/common/icon-check-w.svg?1484963787') no-repeat center;
    background-size: 18px 18px
}

.dwp-thumb-select-dialog .thumb-list>li .thumb-item {
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;
    background-color: #ddd
}

.dwp-thumb-select-dialog .thumb-list>li .thumb-item img {
    width: 100%;
    height: 63px
}

.dwp-app-manager-dialog .auth-area+.detail-desc-area {
    padding-top: 0;
    border-top: 0
}

.dwp-app-manager-dialog .auth-area .title {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.dwp-app-manager-dialog .auth-area .dwp-card-wrap {
    overflow-y: auto;
    height: 410px
}

.dwp-app-manager-dialog .auth-area .dwp-card-wrap:before,
.dwp-app-manager-dialog .auth-area .dwp-card-wrap:after {
    content: " ";
    display: table
}

.dwp-app-manager-dialog .auth-area .dwp-card-wrap:after {
    clear: both
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner {
    display: table;
    width: 100%;
    padding: 10px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner+.dwp-card-inner {
    border-top: 1px solid #ddd
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-photo-area {
    display: table-cell;
    width: 115px;
    vertical-align: top;
    padding-top: 40px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-photo-area .photo {
    padding-left: 12px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-photo-area .photo img {
    width: 80px;
    height: 80px;
    border-radius: 34px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area {
    display: table-cell;
    padding: 5px 0 5px 10px;
    border-left: 1px solid #ddd
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-name .eng {
    color: #666;
    font-size: 13px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-head .dwp-dept {
    margin-top: 3px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body {
    margin-top: 8px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 3px
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item .key {
    display: table-cell;
    width: 102px;
    padding-right: 8px;
    color: #333;
    font-weight: 700;
    word-break: break-all
}

.dwp-app-manager-dialog .auth-area .dwp-card-inner .dwp-info-area .info-body .info-item .value {
    display: table-cell;
    word-break: break-all
}

.dwp-research-load-dialog .btn-preview img {
    width: 20px;
    height: 20px
}

.dwp-mail-reception-dialog .count-title {
    font-weight: 700
}

.dwp-mail-reception-dialog .count-title .point-color {
    margin-left: 4px
}

.dwp-mail-reception-dialog .dwp-btn.confirm img {
    width: 18px;
    height: 18px
}

.dwp-mail-reception-dialog .dwp-table {
    margin-top: 10px
}

.dwp-mail-reception-dialog .dwp-table .auth {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dwp-mail-reception-dialog .dwp-table .read img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle
}

.dwp-mail-rule-dialog .rule-setting .row {
    display: table;
    width: 100%
}

.dwp-mail-rule-dialog .rule-setting .row+.row {
    margin-top: 20px
}

.dwp-mail-rule-dialog .rule-setting .row>.key {
    display: table-cell;
    width: 90px;
    font-weight: 700
}

.dwp-mail-rule-dialog .rule-setting .row .value {
    display: table-cell
}

.dwp-emp-list-dialog .team-name {
    margin-bottom: 15px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-emp-list-dialog .user-list {
    overflow: auto;
    max-height: 324px
}

.dwp-emp-list-dialog .user-list:before,
.dwp-emp-list-dialog .user-list:after {
    content: " ";
    display: table
}

.dwp-emp-list-dialog .user-list:after {
    clear: both
}

.dwp-emp-list-dialog .user-list>li {
    display: table;
    float: left;
    table-layout: fixed;
    width: 50%;
    padding: 13px 0;
    cursor: pointer
}

.dwp-emp-list-dialog .user-list>li .dwp-photo-area {
    display: table-cell;
    width: 110px;
    vertical-align: top
}

.dwp-emp-list-dialog .user-list>li .dwp-photo-area .photo {
    text-align: center
}

.dwp-emp-list-dialog .user-list>li .dwp-photo-area .photo img {
    width: 50px;
    height: 50px;
    border-radius: 20px
}

.dwp-emp-list-dialog .user-list>li .info-wrap {
    display: table-cell;
    vertical-align: top
}

.dwp-emp-list-dialog .user-list>li .info-wrap>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-emp-list-dialog .user-list>li .info-wrap .name {
    margin-bottom: 3px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-emp-list-dialog .user-list>li .info-wrap .name .eng {
    margin-left: 3px;
    color: #666;
    font-size: 13px
}

.dwp-group-user-list {
    overflow: auto;
    max-height: 324px
}

.dwp-group-user-list:before,
.dwp-group-user-list:after {
    content: " ";
    display: table
}

.dwp-group-user-list:after {
    clear: both
}

.dwp-group-user-list>li {
    display: table;
    float: left;
    table-layout: fixed;
    width: 50%;
    padding: 13px 0;
    cursor: pointer
}

.dwp-group-user-list>li .dwp-photo-area {
    display: table-cell;
    width: 110px;
    vertical-align: top
}

.dwp-group-user-list>li .dwp-photo-area .photo {
    text-align: center
}

.dwp-group-user-list>li .dwp-photo-area .photo img {
    width: 50px;
    height: 50px;
    border-radius: 20px
}

.dwp-group-user-list>li .info-wrap {
    display: table-cell;
    vertical-align: top
}

.dwp-group-user-list>li .info-wrap>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-group-user-list>li .info-wrap .name {
    margin-bottom: 3px;
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-group-user-list>li .info-wrap .name .eng {
    margin-left: 3px;
    color: #666;
    font-size: 13px
}

.dwp-h100p.dwp-namepicker .dynatree-container {
    height: 100%!important
}

.dwp-emp-search-dialog.dwp-namepicker .dynatree-container {
    height: 460px
}

.dwp-emp-search-dialog .dwp-form-area {
    width: 100%
}

.dwp-emp-search-dialog .address-detail {
    display: block;
    width: 100%
}

.dwp-emp-search-dialog .dept-detail {
    overflow: auto;
    height: 506px;
    padding: 15px;
    border: 1px solid #ddd
}

.dwp-emp-search-dialog .dept-detail .team-name {
    color: #333;
    font-weight: 700;
    font-size: 15px
}

.dwp-emp-search-dialog .dept-detail .dwp-group-user-list {
    max-height: none
}

.dwp-emp-search-dialog .dept-detail .dwp-group-user-list>li {
    width: 100%
}

.dwp-emp-search-dialog .dept-detail .dwp-group-user-list>li .info-wrap>div {
    overflow: auto;
    text-overflow: clip;
    white-space: normal
}

.dwp-emp-search-dialog .dept-detail .dwp-group-user-list>li .dwp-photo-area {
    width: 70px
}

.dwp-emp-search-dialog .dept-detail .dwp-group-user-list>li .dwp-photo-area .photo {
    text-align: left
}

.dwp-emp-search-dialog .dept-detail .group-list {
    margin-top: 10px
}

.dwp-emp-search-dialog .dept-detail .group-list>li a {
    display: block;
    padding: 5px
}

.dwp-emp-search-dialog .dept-detail .group-list>li+li {
    border-top: 1px solid #ddd
}

.dwp-user-address-add-dialog .dwp-table-vertical .dwp-row .dwp-title {
    padding: 6px 15px
}

.dwp-user-address-add-dialog .dwp-table-vertical .dwp-row .dwp-value {
    padding: 6px 15px
}

.dwp-user-address-add-dialog .dwp-input input {
    height: 28px;
    padding: 3px 13px 4px
}

.dwp-user-address-add-dialog .dwp-btn>span {
    height: 28px;
    padding: 3px 13px 4px
}

.dwp-user-address-add-dialog .dwp-namepicker-grouping .dwp-btn>button,
.dwp-user-address-add-dialog .dwp-namepicker-grouping .dwp-btn>span {
    height: 28px;
    padding: 3px 7px 4px
}

.dwp-schedule-clear-dialog .cal-select {
    margin-bottom: 10px
}

.dwp-schedule-clear-dialog .date-select .input-type {
    display: none
}

.dwp-schedule-clear-dialog .date-select .input-type.active {
    display: block
}

.dwp-schedule-clear-dialog .date-select .input-type .dwp-input {
    width: 105px
}

.dwp-schedule-clear-dialog .date-select .fromto-type {
    display: none
}

.dwp-schedule-clear-dialog .date-select .fromto-type.active {
    display: block
}

.dwp-schedule-clear-dialog .guide-area {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    color: #999
}

.dwp-photo-change-dialog.img-type .dwp-photo-area .photo-area {
    width: 250px;
    height: 195px
}

.dwp-photo-change-dialog.img-type .dwp-photo-area .photo-area>img {
    width: 220px;
    height: 165px;
    border-radius: 0
}

.dwp-photo-change-dialog .dwp-photo-area {
    padding: 30px 0;
    text-align: center
}

.dwp-photo-change-dialog .dwp-photo-area .subject {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700
}

.dwp-photo-change-dialog .dwp-photo-area .photo-area {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background-color: #eee
}

.dwp-photo-change-dialog .dwp-photo-area .photo-area>img {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border-radius: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

html .ui-dialog.dropdown-type-dialog .ui-dialog-content {
    min-height: 0!important;
    padding: 0
}

.dropdown-type-dialog .ui-dialog-titlebar-close {
    display: none
}

.dropdown-type-dialog .dwp-option-list {
    min-width: 100%;
    padding: 5px 0;
    background: #fff
}

.dropdown-type-dialog .dwp-option-list button,
.dropdown-type-dialog .dwp-option-list span {
    display: block;
    width: 100%;
    padding: 6px 20px;
    border: 0;
    white-space: nowrap;
    background: #fff;
    text-align: left;
    font-weight: 700;
    cursor: pointer
}

.dropdown-type-dialog .dwp-option-list button:hover,
.dropdown-type-dialog .dwp-option-list span:hover {
    background-color: #f5f5f5;
    color: #333
}

.dwp-entrust-dialog .value-area {
    border-top: 0
}

.dwp-entrust-dialog .head-type .dwp-title {
    padding: 8px 15px
}

.dwp-entrust-dialog .entrust-wrap:before,
.dwp-entrust-dialog .entrust-wrap:after {
    content: " ";
    display: table
}

.dwp-entrust-dialog .entrust-wrap:after {
    clear: both
}

.dwp-entrust-dialog .entrust-wrap>div {
    float: left;
    width: 50%
}

.dwp-entrust-dialog .entrust-wrap .entrust-area {
    padding-right: 5px
}

.dwp-entrust-dialog .entrust-wrap .entrust-area .value-area {
    overflow: auto;
    max-height: 195px
}

.dwp-entrust-dialog .entrust-wrap .history-area {
    padding-left: 5px
}

.dwp-entrust-dialog .entrust-wrap .history-area .value-area {
    overflow: auto;
    max-height: 258px
}

.dwp-entrust-dialog .dwp-row {
    table-layout: fixed
}

.dwp-entrust-dialog .dwp-user {
    display: block;
    position: relative;
    width: 100%;
    padding-right: 30px
}

.dwp-entrust-dialog .dwp-user .profile-info {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dwp-entrust-dialog .dwp-user .profile-info .name {
    display: inline
}

.dwp-entrust-dialog .dwp-user .profile-info .team {
    display: inline
}

.dwp-entrust-dialog .dwp-user .profile-info .rank {
    display: inline
}

.dwp-entrust-dialog .dwp-user .btn-del {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle
}

.dwp-entrust-dialog .dwp-user .btn-del img {
    width: 14px;
    height: 14px
}

.dwp-gnb-profileset-dialog .gnb-inner {
    max-height: 170px;
    overflow-y: auto
}

.dwp-gnb-profileset-dialog .gnb-inner .item {
    padding: 10px 0
}

.dwp-empowerment-dialog .list .item {
    padding: 10px 0
}

.dwp-empowerment-dialog .list .item+.item {
    border-top: 1px solid #cfcfcf
}

.dwp-empowerment-dialog .list .item .title {
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.dwp-empowerment-dialog .alert-msg {
    padding: 20px 0
}

.dwp-tabs-pw-content .dwp-pw-area .pw-wrap {
    display: table;
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid #cfcfcf
}

.dwp-tabs-pw-content .dwp-pw-area .pw-wrap .title {
    display: table-cell;
    width: 120px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: top
}

.dwp-tabs-pw-content .dwp-pw-area .pw-wrap .value {
    display: table-cell
}

.dwp-tabs-pw-content .dwp-pw-area .pw-wrap .value .dwp-input+.dwp-input {
    margin-top: 8px
}

.certi_title {
    display: none;
}

/* Emoticon */
.dwp-emoticon-icon {
    display:inline-block;
    width:34px;
    height:34px;
    /*border:1px solid #cfcfcf;*/
    margin:2px;
    cursor:pointer;
    background:url(/tcclibs/images/reply/emoticon_all.png) no-repeat;
    overflow: hidden;
}

.dwp-portlet-banner {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.dwp-portlet-banner .row {
    display: table-row;
}
.dwp-portlet-banner .row .cell {
    display: table-cell;
    /*padding: 0 6px 16px 6px;*/
    padding: 0 6px 0 6px;
    /*height: 69px;*/
}

.dwp-portlet-banner .row .cell a{
    display: block;
    background-color: #fff;
    /*height: 69px;*/
    padding: 10px 12px;
    box-sizing: border-box;
    border-radius: 20px;
    /*margin-right: 13px;*/
    /*margin-bottom: 15px;*/
    text-align: center;
}
.dwp-portlet-banner .row .cell:last-child a{
    /*margin-right: 0px;*/
}

.dwp-portlet-banner .row .cell a span.icon{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /*background-color: #f5838b;*/
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    background-size: 26px 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.dwp-portlet-banner .row .cell a span.icon img{
    width: 26px;
    height: 26px;
}
.dwp-portlet-banner .row .cell a span.txt{
    padding: 0;
    /*color: #f5838b;*/
    font-weight: 600;
    font-size: 15px;
    display: block;
    text-align: center;
}

.dwp-portlet-banner .row .cell a.banner-mis span.icon{
    background-color: #f5838b;
    background-image: url(/tcclibs/images/portal/mes.svg);
}
.dwp-portlet-banner .row .cell a.banner-mis span.txt{
    color: #f5838b;
}
.dwp-portlet-banner .row .cell a.banner-gis span.icon{
    background-color: #78c0fd;
    background-image: url(/tcclibs/images/portal/gis.svg);
}
.dwp-portlet-banner .row .cell a.banner-gis span.txt{
    color: #78c0fd;
}
.dwp-portlet-banner .row .cell a.banner-eis span.icon{
    background-color: #9ad3a0;
    background-image: url(/tcclibs/images/portal/eis.svg);
}
.dwp-portlet-banner .row .cell a.banner-eis span.txt{
    color: #9ad3a0;
}
.dwp-portlet-banner .row .cell a.banner-calendar span.icon{
    background-color: #b498cb;
    background-image: url(/tcclibs/images/portal/calendar.svg);
}
.dwp-portlet-banner .row .cell a.banner-calendar span.txt{
    color: #b498cb;
}
.dwp-portlet-banner .row .cell a.banner-restaurant span.icon{
    background-color: #edb96e;
    background-image: url(/tcclibs/images/portal/restaurant.svg);
}
.dwp-portlet-banner .row .cell a.banner-restaurant span.txt{
    color: #edb96e;
}
.dwp-portlet-banner .row .cell a.banner-mybookmark span.icon{
    background-color: #78c0fd;
    background-image: url(/tcclibs/images/portal/mybookmark.svg);
}
.dwp-portlet-banner .row .cell a.banner-mybookmark span.txt{
    color: #78c0fd;
}