@charset "utf-8";
/* CSS Document */

/* header */
#header {
    padding: 0 30px;
    height: 60px;
    margin-bottom: 50px;
    box-shadow: -1px 0 13px 0 rgba(183, 183, 183, 0.36);
    background-color: #ffffff;
    letter-spacing: -.025em;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

#header .header_inner {
    padding: 0 180px;
}

#header .in {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#header .gnb_wrap {
    height: 100%;
    margin: 0 auto;
}

#header .logo {
    width: 90px;
    height: 36px;
    margin-right: 30px;
}

#header .logo a {
    position: relative;
    height: 100%;
}

.logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#header .gnb>li {
    float: left;
    padding: 0 13px;
    padding-top: 2px;
    margin-left: 23px;
    line-height: 56px;
}

#header .gnb>li.active {
    color: #364aed;
    font-weight: 600;
    border-bottom: 2px solid #364aed;
}

#header .gnb>li:first-child {
    margin-left: 0;
}

#header .gnb_admin {
    float: right;
}

.in_admin_inner {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

#header .number_approval {
    padding-left: 0;
    padding-right: 21px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    /* cursor: pointer; */
}

#header .number_approval .badge {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background-color: #f95f5f;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 17px;
}

#header .number_approval::after,
#header .home::after {
    display: none;
}

.number_approval_view {
    position: absolute;
    top: 54px;
    right: -18px;
    width: 310px;
    padding: 10px 15px;
    border: solid 1px #f95f5f;
    box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    font-weight: 400;
    z-index: 3;
    display: none;
}

.number_approval_view>li {
    margin-bottom: 5px;
}

.number_approval_view>li:last-child {
    margin-bottom: 0;
}

#header .number_approval_view .xs_p58 {
    width: calc(100% - 70px);
    float: left;
    line-height: 26px;
}

#header .number_approval_view .btn__f {
    float: right;
}

#header .home {
    padding-left: 0;
    margin-left: 38px;
}

#header .home a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../imgs/home.svg) no-repeat center;
    background-size: 14px 14px;
    vertical-align: middle;
}

.header_notice {
    max-width: 600px;
    height: 56px;
    display: flex;
    align-items: center;
}

.header_notice__dynamic {
    height: 19px;
    padding-left: 44px;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    background: url(../imgs/icon_notice.svg) no-repeat left center;
    background-size: 15px 14px;
    float: left
}

.vertical-slider {
    margin: 0;
    padding: 0;
    height: 10000px;
    overflow: hidden
}

.vertical-slider__item {
    margin: 0;
    padding: 0;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    color: #585858;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header .in.in_admin {
    flex-direction: row-reverse;
}

#header .gnb_admin>li {
    float: left;
    padding-left: 14px;
    margin-left: 30px;
    font-size: 13px;
    line-height: 56px;
    padding-top: 2px;
}

#header .gnb_admin>li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #a8aebb;
}

#header .gnb_admin>li:first-child {
    margin-left: 0;
}

#header .gnb_admin>li.active {
    color: #364aed;
    font-weight: 600;
    border-bottom: 2px solid #364aed;
}

#header .gnb_admin>li.active::after {
    background-color: #364aed;
}

#header .hd_user_wrap {
    margin-left: 30px;
}

#header .hd_user_wrap .hd_user,
#header .hd_user_wrap .hd_user_img {
    float: left;
}

#header .hd_user {
    padding-right: 14px;
    font-size: 13px;
    line-height: 40px;
    cursor: pointer;
}

#header .hd_user:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1px solid #d0d2db;
    border-bottom: 1px solid #d0d2db;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
}

#header .hd_user.active:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#header .hd_user_img {
    width: 40px;
    height: 40px;
    margin-left: 20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#header .hd_user_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#header .hd_user_ul {
    position: absolute;
    top: 50px;
    right: 0;
    width: 95px;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    color: #4c4c4c;
    line-height: 1;
    text-align: right;
    z-index: 3;
    display: none;
}

#header .hd_user_ul.active {
    display: block;
}

#header .hd_user_ul>li {
    margin-bottom: 14px;
}

#header .hd_user_ul>li:last-child {
    margin-bottom: 0;
}

#header .gnb>li:first-child .lnb>li:first-child {
    padding-left: 13px;
}

#header .lnb {
    position: absolute;
    top: 60px;
    left: 0;
    width: 950px;
    display: none;
}

#header li.active .lnb {
    display: block;
}

#header .lnb ul {
    margin: 10px 0;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#header .gnb_admin .lnb {
    left: auto;
    right: 0;
}

#header .lnb .lnb_admin {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#header .lnb li {
    margin: 8px 0;
    margin-left: 37px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
}

#header .lnb li:first-child {
    margin-left: 0;
}

#header .lnb li.active {
    font-weight: bold;
}

body[data-adele-version="28"] #header li .lnb {
    
}

.header_legal {
    display: block;
    width: 47px;
    height: 55px;
    background: url(../imgs/header.png) no-repeat center;
    background-size: 100%;
}

.active .header_legal {
    background: url(../imgs/header_active.png) no-repeat center;
    background-size: 100%;
}

.header_contract {
    display: block;
    width: 52px;
    height: 55px;
    background: url(../imgs/header1.png) no-repeat center;
    background-size: 100%;
}

.header_outsider {
    padding: 0 30px;
    height: 60px;
    margin-bottom: 50px;
    box-shadow: -1px 0 13px 0 rgba(183, 183, 183, 0.36);
    background-color: #ffffff;
    letter-spacing: -.025em;
    font-size: 16px;
}

.header_outsider .header_inner {
    max-width: 1200px;
    margin: auto;
    line-height: 60px;
}

.header_outsider .header_inner .logo {
    height: 60px;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

#header .gnb_admin_ul {
    position: absolute;
    top: 50px;
    left: 0;
    width: 120px;
    padding: 6px 0;
    border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
    background: #ffffff;
    color: #4c4c4c;
    line-height: 1;
    z-index: 3;
    display: none;
}

#header .gnb_admin_ul li {
    padding: 0 15px;
}

#header .gnb_admin_ul li a {
    padding: 9px 0;
}

#header .gnb_admin_ul>li>a {
    padding-right: 10px;
}

#header .gnb_admin_ul>li:hover {
    color: #000000;
    font-weight: bold;
}

.gnb_admin_sub_call:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-top: 3px solid transparent;
    border-left: 6px solid #d4d4d4;
    border-bottom: 3px solid transparent;
}

.gnb_admin_sub_call:hover:after {
    border-left: 6px solid #000000;
}

.gnb_admin_sub_ul {
    position: absolute;
    top: -6px;
    left: 102%;
    width: 110px;
    padding: 6px 0;
    border-radius: 5px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.16);
    background: #f6f6f6;
    color: #4c4c4c;
    font-weight: 400;
    line-height: 1;
    z-index: 3;
    display: none;
}

.gnb_admin_sub_ul>li:hover {
    color: #000000;
    font-weight: bold;
}

/* v28 header */
body[data-adele-version="28"] #header {
    display: block;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    font-size: 0;
}

#header .header-left {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-right: auto;
}

#header .header-center {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding-right: 10px;
}

#header .header-right {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-left: auto;
}

.gnb-type1>li {
    float: none;
    display: inline-flex;
    align-items: center;
    padding: 20px 10px;
    margin-right: 20px;
    line-height: 1;
    vertical-align: top;
    border-bottom: 2px solid transparent;
    transition: all .5s;
}
#header .gnb-type1 .gnb_admin_ul {
    top: 60px;
}
#header .hd_user.type1 .hd_user_ul {
    top: 40px;
}

.gnb-type1>li.active {
    color: #364aed;
    font-weight: 600;
    border-color: #364aed;
}

.gnb-type1>li.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #364aed;
}

#header .hd_user_img.type1 {
    display: inline-flex;
    margin: 0;
    cursor: pointer;
}

#header .hd_user.type1 {
    padding-right: 15px;
    margin-right: 20px;
    line-height: 1;
}

#header .logo.type1 {
    flex-shrink: 0;
}

#header .logo.type1 img {
    left: 0;
    transform: translate(0, -50%);
}

/* fixed_layout */
.search_filter_layout {
    position: fixed;
    top: 0;
    left: -300%;
    bottom: 0;
    width: 460px;
    padding: 20px;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10;
    opacity: 0;
    transition: all 0.35s;
    cursor: pointer;
    -ms-overflow-style: none;
}

.search_filter_layout::-webkit-scrollbar {
    display: none !important;
}

.search_filter_layout.active {
    left: 0;
    opacity: 1;
}

.search_filter_layout .fixed_content {
    margin: auto;
    padding: 20px;
    padding-top: 25px;
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 7px 0 rgba(183, 183, 183, 0.11);
    background-color: #ffffff;
    cursor: default;
}

.search_filter_layout .form_wrap_ul {
    margin-bottom: 25px;
}

.textarea_comnt {
    height: 120px;
}

.snb {
    position: absolute;
    top: 135px;
    left: 0;
    width: 240px;
    padding: 0 23px;
    font-size: 13px;
    letter-spacing: -.025em;
    z-index: 2;
}

.snb .btn__active {
    min-width: auto;
    width: 109px;
    height: 34px;
    margin: 0;
    padding: 1px;
    line-height: 34px;
}

.snb .btn__active.w-100P {
    width: 100%;
}

.snb .input_search_wrap {
    margin-top: 27px;
    margin-bottom: 20px;
}

.snb .input_search {
    width: 100%;
}

.snb .btn_snb_filter {
    width: 100%;
    margin-top: 7px;
    background: url(../imgs/icon_filter.svg) no-repeat 17px center;
    background-size: 10px 10px;
    background-color: #ffcb19;
}

@-webkit-keyframes filterActive {
    0% {
        background: url(../imgs/icon_filter_on.svg) no-repeat 17px center;
        background-size: 12px 12px;
        background-color: #f95f5f;
    }

    70% {
        background: url(../imgs/icon_filter_off.svg) no-repeat 17px center;
        background-size: 12px 12px;
        background-color: #f95f5f;
    }
}

@keyframes filterActive {
    0% {
        background: url(../imgs/icon_filter_on.svg) no-repeat 17px center;
        background-size: 12px 12px;
        background-color: #f95f5f;
    }

    70% {
        background: url(../imgs/icon_filter_off.svg) no-repeat 17px center;
        background-size: 12px 12px;
        background-color: #f95f5f;
    }
}

.snb .btn_snb_filter.active {
    background: url(../imgs/icon_filter_on.svg) no-repeat 17px center;
    background-size: 12px 12px;
    background-color: #f95f5f;
    color: #ffffff;
    animation: filterActive 1.2s infinite;
}

.btn_setting {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../imgs/icon_setting.svg) no-repeat center;
    background-size: 10px 10px;
}

.snb_label {
    display: block;
    margin-top: 24px;
    margin-bottom: 11px;
    font-weight: 600;
    line-height: 2.31;
}

.snb_ul {
    padding-left: 10px;
    margin-bottom: 30px;
    border-left: 2px solid #ebebeb;
}

.snb_ul>li {
    margin-bottom: 15px;
    line-height: 14px;
    cursor: pointer;
}

.snb_ul>li.active {
    font-weight: bold;
}

.snb_ul>li.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 2px;
    height: 14px;
    border-left: 2px solid #545fef;
    line-height: 1.4;
}

.snb_ul>li .snb_depth_ul {
    padding: 6px 0;
    margin-left: 15px;
    display: none;
}

.snb_ul>li.active .snb_depth_ul {
    display: block;
}

.snb_ul>li .snb_depth_ul>li {
    margin-top: 15px;
    color: #8d8d94;
    font-size: 13px;
    line-height: 1.4;
}

.snb_ul>li .snb_depth_ul>li.active {
    color: #000000;
    font-weight: bold;
}

.snb_ul>li .badge {
    display: inline-block;
    padding: 2px 5px;
    margin-left: 4px;
    border-radius: 10px;
    background: #f95f5f;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    vertical-align: top;
}

.snb_ul>li .snb_depth_ul .badge {
    background: #bcbcbc;
}

.snb_category {
    display: inline-block;
}

.snb_set_btn {
    padding-left: 17px;
    background: url(../imgs/icon_setting.svg) no-repeat;
    background-position: left center;
    background-size: 10px 10px;
    color: #787993;
    cursor: pointer;
}

/* footer */
#footer {
    width: 100%;
    height: 40px;
    padding: 0 30px;
    background-color: #161829;
    margin-top: -40px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 300;
}

#footer .guide {
    font-weight: bold;
}

#footer b {
    margin-right: 15px;
}

#wrap .snb_layout.content {
    padding: 0 240px;
}

#toTop {
    position: fixed;
    /* right: 42px; */
    left: 15px;
    bottom: 20px;
    width: 32px;
    height: 32px;
    background: url(../imgs/top.svg) no-repeat center;
    background-size: 32px 32px;
    cursor: pointer;
    transition: all 0.3s;
    display: none;
}

#toTop.active {
    bottom: 60px;
}

/* ---------------- section style ---------------- */
.content {
    margin-bottom: 60px;
}

[data-adele-version="28"] .content {
    margin-bottom: 20px;
}

[class*="section__"] {
    width: 880px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0 30px;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

[class*="section__"]:last-child {
    margin-bottom: 0;
}

[class*="section__"].pad30 {
    padding: 30px;
}

.section {
    width: 880px;
    margin: 0 auto;
}

.section_bg {
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

.section .card {
    padding: 0 30px;
}

.card {
    /* padding: 0 30px;*/
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

.search_box_wrap {
    width: 100%;
}

.section__filter_search .section_h1 {
    float: left;
}

.section__filter_search .input_search {
    width: 200px;
}

.section__head {
    height: 77px;
    padding: 25px;
    display: table;
}

.section_head {
    width: 100%;
    height: 77px;
    display: table;
    border-bottom: 1px solid #f6f6fd;
}

.section_head2 {
    width: 100%;
    height: 98px;
    padding-top: 2px;
    display: table;
    border-bottom: 1px solid #f6f6fd;
}

.legal_reading_head {
    border: 2px solid #364aed;
}

.section__filter_search .dis_table {
    height: 77px;
}

.search_wrap>div {
    margin-left: 15px;
}

.search_wrap>div:first-child {
    margin-left: 0;
}

/* ---------------- legal_advice ---------------- */
.section_legal_view [class*="section__"] {
    width: 100%;
}

.snb.legal_create_wrap {
    top: 127px;
}

.legal_advice_read {
    padding: 40px;
}

.legal_advice_hd1 {
    margin-bottom: 30px;
}

.legal_advice_logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 40px;
    margin: 30px auto;
}

.legal_advice_info_hd {
    margin-bottom: 12px;
}

.legal_advice_info_box {
    padding: 30px;
    margin-bottom: 46px;
    border: solid 2px #000000;
    background-color: #ffffff;
}

.legal_advice_info1 {
    margin-bottom: 10px;
}

.legal_advice_setting_ul>li>label.fl {
    width: 58px;
    margin: 6px 0;
    line-height: 30px;
}

.legal_advice_setting_ul>li>.fr {
    width: calc(100% - 58px);
}

.legal_advice_setting_ul>li .btn_add {
    margin: 6px 0;
}

.legal_advice_view_content {
    padding-bottom: 30px;
}

.legal_advice_view_hd {
    margin-bottom: 42px;
    text-align: center;
}

.legal_advice_view_hd .legal_h1 {
    font-weight: bold;
    line-height: 1.35;
}

.section__legal_advice .attachment_wrap>li {
    max-width: 596px;
}

.legal_advice_reply .label_item {
    margin-top: 8px;
    margin-bottom: 6px;
}

.section__legal_advice .label_item {
    display: block;
    height: 40px;
    font-weight: 600;
    line-height: 40px;
}

.attachment_wrap .label_item {
    margin-top: 12px;
    margin-bottom: 10px;
}

.reply_ul>li {
    margin-bottom: 20px;
}

.reply_hd::after {
    content: "";
    display: block;
    clear: both;
}

.reply_writer_badge {
    padding-left: 14px;
}

.reply_writer_badge::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background-color: #fd5959;
}

.reply_ul>li .fl .sm_p.new::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -27px;
    width: 22px;
    height: 8px;
    background: url(../imgs/new.png) no-repeat center;
    background-size: 22px 8px;
}

.legal_advice_reply {
    border-top: solid 1px #f6f6fd;
}

.legal_advice_reply .reply_ul>li {
    padding: 20px;
    border-radius: 6px;
    background-color: #f8f8f8;
}

.reply_content .sm_p {
    color: #585858;
}

.reply_content {
    margin-top: 10px;
}

.section__legal_advice .reply_date {
    padding-top: 2px;
    font-size: 13px;
}

.reply_btn_wrap {
    float: left;
    margin-left: 15px;
}

.reply_btn_wrap .btn_replay_s {
    display: inline-block;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
}

.reply_btn_wrap .btn_replay_s:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.reply_textarea_wrap .textarea {
    min-height: 70px;
    padding: 11px 14px;
}

.reply_active_btn_wrap {
    margin-top: 16px;
}

.legal_advice_answer_writing {
    padding: 10px 0 30px;
}

.legal_advice_answer_writing .active_btn_wrap__tr {
    margin-top: 20px;
}

.legal_advice_answer_writing>.label_item {
    margin-top: 0px;
    margin-bottom: 6px;
}

.legal_advice_answer_view {
    margin-bottom: 30px;
}

.legal_advice_answer_view .legal_advice_answer_hd {
    margin-top: 26px;
}

.legal_advice_answer_view .legal_advice_answer_hd {
    margin-bottom: 18px;
}

.legal_advice_answer_view_hd {
    padding: 11px 0;
    margin-bottom: 15px;
    border-top: solid 1px #979797;
    border-bottom: solid 1px #f6f6fd;
}

.legal_advice_answer_writer .form_group {
    margin-bottom: 20px;
}

.section__legal_writing .section_head {
    margin-bottom: 30px;
}

.section__legal_writing .form_group .label_item {
    margin-bottom: 10px;
}

/* 회람 공지 */
.section__legal_writing .active_btn_wrap {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #f6f6fd;
    text-align: center;
}

.section__legal_circulation_notify {
    padding: 30px;
}

.section__legal_circulation_notify .btn__y {
    margin-top: 15px;
}

.circulation_notify_h {
    margin-bottom: 5px;
    font-size: 18px;
}

.legal_advice_writing .form_group {
    margin-bottom: 20px;
}

.legal_advice_writing .legal_advice_info_box {
    margin-bottom: 20px;
}

.legal_advice_notify {
    padding: 17px 20px;
    margin-bottom: 20px;
    background: #f7f7f7;
}

.legal_advice_notify p {
    line-height: 1.7;
}

.legal_advice_notify p.sm_b {
    margin-bottom: 5px;
}

.legal_advice_dept_comment {
    margin-bottom: 20px;
    padding: 17px 25px;
    border-radius: 8px;
}

.legal_advice_dept_comment .b {
    margin-bottom: 5px;
    font-size: 15px;
}

.dept_comment_approve {
    border: solid 2px #ffcb19;
}

.dept_comment_return {
    border: solid 2px #f95f5f;
}

.dept_comment_return .b .sm_pb4 {
    font-weight: normal;
    margin-left: 10px;
}

/* 회람 */
.section_reading_box {
    margin-top: 20px;
}

.legal_advice_reading_box {
    margin-bottom: 20px;
}

.legal_advice_reading_box.ohouse .reading_approve {
    border-color: #35c5f0;
    border-top-right-radius: 0;
}

.legal_advice_reading_box.ohouse .reading_state {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(2px, -100%);
    width: 80px;
    padding: 10px 0; 
    color: #fff;
    text-align: center;
    border: none !important;
    border-radius: 0;
    background-color: #35c5f0;
}

.legal_advice_reading_box.ohouse .fr,
.legal_advice_reading_box.ohouse .reply_hd {
    position: static !important;
}

.legal_advice_reading_box.ohouse .reading_state:before {
    content: '';
    position: absolute;
    left: -0.5%;
    top: -0.5%;
    transform: scale(1.2);
    display: block;
    width: 0;
    height: 0;
    border-bottom: 7.5px solid transparent;
    border-top: 7.5px solid #fff;
    border-left: 7.5px solid #fff;
    border-right: 7.5px solid transparent;
  }


.legal_advice_reading_box.ohouse .reading_approve .reading_writer::after {
    background-color: #35c5f0;
}

.legal_advice_reading_box.ohouse .reading_yet,
.legal_advice_reading_box.ohouse .legal_advice_reading_ul>li {
    margin-bottom: 40px;
    padding: 10px;
}

.legal_advice_reading_box.ohouse .reading_writer {
    margin-left: 13px;
}

.legal_advice_reading_hd {
    margin-bottom: 20px;
}

.legal_advice_reading_ul>li {
    padding: 8px 15px 8px 23px;
    margin-bottom: 10px;
    border: 2px solid #dfe3e9;
    border-radius: 4px;
}

.legal_advice_reading_ul>li:last-child {
    margin-bottom: 0;
}

.reading_writer {
    position: relative;
}

.reading_writer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background-color: #585858;
}

.legal_advice_reading_ul .reading_state {
    padding: 3px 8px;
    border-radius: 16px;
    border: solid 2px #cbcfdf;
    font-size: 12px;
    line-height: 1;
}

.legal_advice_reading_ul .reading_yet .reading_state {
    color: #b4b4b4;
    border: 2px solid #cbcfdf;
    background-color: #f5f5f5;
}

.legal_advice_reading_ul .reading_approve .reading_state {
    border: 2px solid #5a76de;
}

.legal_advice_reading_ul .reading_request .reading_state {
    border: 2px solid #f95f5f;
}

.legal_advice_reading_ul .reading_approve {
    border: 2px solid #d0d2db;
}

.legal_advice_reading_ul .reply_content p {
    margin-bottom: 7px;
}

.legal_advice_reading_ul .reply_btn_wrap {
    float: none;
    margin-left: 0;
}

.legal_reading_writing_view {
    display: none;
}

.legal_reading_writing_view.active {
    display: block;
}

.legal_reading_writing .reply_hd {
    padding-bottom: 7px;
}

.legal_reading_radio_wrap {
    padding: 20px 0 10px;
}

.legal_reading_radio_wrap>div:first-child label {
    margin-bottom: 15px;
}

.legal_reading_writing .reply_content {
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.legal_reading_writing .btn_wrap {
    margin-bottom: 12px;
}

.legal_textarea_btn_wrap {
    margin: 16px 0 30px;
}

/* legal release */
.section_legal_list {
    margin-bottom: 60px;
}

.legal_user_relation.cont_user_writer .user {
    margin-right: 10px;
}

.attachment_tab_section {
    margin-top: 30px;
}

.attachment_tab_section .tab_attachment_ul {
    margin-top: 0;
}

.attachment_tab_section .sm_p58_b {
    margin-bottom: 0;
}

.contract_workflow_user.legal_line .line {
    margin-bottom: 20px;
}

/* ---------------- contract ---------------- */
.tab_contract {
    margin-top: 7px;
    border-bottom: 1px solid #f8f8fc;
}

.tab_contract>li {
    float: left;
    margin-right: 35px;
    padding: 11px 0;
    color: #c1c1c1;
    cursor: pointer;
}

.tab_contract>li.active {
    color: #000000;
    font-weight: bold;
}

.tab_contract>li.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #364aed;
}

.tab_contract>li:last-child {
    margin-right: 0;
}

.main_list>li {
    padding: 18px 0;
    border-bottom: 1px solid #f6f6fd;
}

.main_li_id {
    padding-top: 3px;
}

.main_li_sub {
    width: calc(100% - 130px);
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

.contract_li_info .need_allot {
    font-weight: bold;
    color: #ef5757;
}

.contract_section_wrap {
    padding-right: 600px;
}

li.list_none_li {
    padding: 25px 0;
    text-align: center;
}

.bt_list li.list_none_li {
    padding: 15px 0;
    text-align: center;
}

.contract_list>li .tag {
    margin: 0;
    margin-top: 7px;
    margin-right: 7px;
}

.contract_list>li .tag .sm_p58 {
    height: 26px;
    line-height: 26px;
}

@-webkit-keyframes listLoading {
    0% {
        background-position: -1280px 0
    }

    100% {
        background-position: 1280px 0
    }
}

@keyframes listLoading {
    0% {
        background-position: -1280px 0
    }

    100% {
        background-position: 1280px 0
    }
}

.loading_list {
    opacity: .4;
}

.dashboard-list.loading_list {
    opacity: 1;
}

.loading_list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    animation-duration: 3.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: listLoading;
    animation-timing-function: linear;
    background: linear-gradient(to right, transparent 8%, rgba(244, 246, 248, 1) 18%, transparent 33%);
    z-index: 4;
}

.loading_list_slow {
    opacity: .4;
}

.loading_list_slow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    animation-duration: 20.0s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: listLoading;
    animation-timing-function: linear;
    background: linear-gradient(to right, transparent 8%, rgba(244, 246, 248, 1) 18%, transparent 33%);
    z-index: 4;
}

.loading_list:hover,
.loading_list_slow:hover {
    cursor: wait;
}

.loading_btn {
    cursor: wait;
    pointer-events: none;
}

/* fixed_layout */
.fixed_layout {
    position: fixed;
    top: 0;
    right: -300%;
    bottom: 0;
    width: auto;
    overflow: visible;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10;
    opacity: 0;
    transition: all 0.35s;
    cursor: pointer;
    -ms-overflow-style: none;
}

.fixed_layout::-webkit-scrollbar {
    display: none !important;
}

.contractSummaryInformation.fixed_layout {
    width: 846px;
}

.fixed_layout.active {
    right: 0;
    opacity: 1;
}

.fixed_content {
    width: 750px;
    max-width: 100%;
    margin: auto;
    padding: 30px;
    padding-top: 25px;
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 7px 0 rgba(183, 183, 183, 0.11);
    background-color: #ffffff;
    cursor: default;
}

.fixed_content_hd {
    padding-bottom: 23px;
    border-bottom: 1px solid #f8f8fc;
}

.fixed_content .section_h1 {
    font-weight: bold;
}

.fixed_content .section_h2 {
    color: #000000;
    font-weight: bold;
}

.fixed_content_wrap {
    min-width: 864px;
    height: 100%;
    padding: 30px;
    overflow-y: auto;
    text-align: center;
}

.fixed_content_wrap>div {
    cursor: default;
    vertical-align: top;
    text-align: left;
}

.fixed_content_wrap .contract_detail_comment {
    display: inline-block;
    width: 293px;
    overflow-y: auto;
    padding: 0 20px;
    margin-left: 16px;
    border-radius: 5px;
    box-shadow: 0 5px 7px 0 rgba(183, 183, 183, 0.11);
    background-color: #ffffff;
}

.icon_comment_notify {
    width: 16px;
    margin: 0 auto;
    margin-bottom: 9px;
}

.comment_notify {
    padding: 20px 0 17px;
    border-bottom: 1px solid #f8f8fc;
    text-align: center;
    font-size: 12px;
    line-height: 1.33;
    color: #8c8c8c;
}

.comment_area {
    padding: 12px 15px;
    border-radius: 5px;
    background-color: #e7e7e7;
    color: #585858;
    font-size: 13px;
}

.comment_area::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 14px;
    width: 14px;
    height: 6px;
    background: url(../imgs/icon_cmnt_arrow.svg) no-repeat center;
    background-size: 14px 6px;
}

.comment_my .comment_area::after {
    left: auto;
    right: 14px;
    background: url(../imgs/icon_cmnt_arrow_y.svg) no-repeat center;
    background-size: 14px 6px;
}

.comment_area .btn_reply {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1;
}

.comment_ul>li .comment_date {
    margin-top: 5px;
    font-size: 12px;
    color: #a2a2a2;
    letter-spacing: -.025em;
    text-align: right;
}

.comment_writer>div {
    display: inline-block;
    font-size: 0;
}

.comment_profile_img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    background: #e8e8e8;
}

.comment_writerprofile .name {
    color: #585858;
    font-size: 12px;
    line-height: 1;
}

.comment_writerprofile .email {
    color: #a2a2a2;
    ;
    font-size: 12px;
    line-height: 1;
    letter-spacing: -.025em;
}

.comment_writer {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.comment_ul {
    margin-top: -1px;
}

.comment_ul>li {
    margin-bottom: 20px;
}

.comment_ul>li:first-child {
    margin-top: 20px;
}

.comment_ul>li.comment_my .comment_area {
    background-color: #fad967;
}

.comment_ul>li.comment_my .comment_writer {
    float: right;
}

.comment_ul>li.comment_my .comment_writer>div {
    text-align: right;
}

.comment_ul>li.comment_my .comment_date {
    margin-top: 5px;
    font-size: 12px;
    color: #a2a2a2;
    letter-spacing: 0;
    text-align: left;
}

.comment_ul>li.comment_my .comment_writer .comment_profile_img {
    margin-right: 0;
    margin-left: 10px;
}

.contract_detail_comment .comment_send {
    margin: 0 -20px;
    border-top: 1px solid #ececee;
    padding: 15px 20px;
    padding-right: 42px;
    min-height: 54px;
    background: #ffffff;
}

.contract_detail_comment .comment_send textarea.comment_send_textarea {
    width: 100%;
    height: 20px;
    padding: 0;
    border: none;
    -ms-overflow-style: none;
}

textarea.comment_send_textarea::-webkit-scrollbar {
    display: none !important;
}

.btn_comment_send {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 100%;
    background-image: url(../imgs/send.svg);
    background-repeat: no-repeat;
    background-position: 4px calc(100% - 17px);
    background-size: 18px 18px;
    transition: background .2s;
    cursor: pointer;
}

.btn_comment_send:hover {
    background-color: #f8f8ff;
    background-position: center calc(100% - 17px);
}

.contract_detail_hd {
    padding-bottom: 17px;
}

.cate_location {
    transition: color 0.2s;
    cursor: pointer;
}

.cate_location:hover {
    color: #585858;
}

h1.cont_detail_h1 {
    font-size: 24px;
    font-weight: 600;
}

input[type="text"].cont_detail_h1 {
    padding: 0;
    border: none;
    font-size: 24px;
    font-weight: 600;
}

input[type="text"].cont_detail_h1:focus {
    border: none !important;
}

.form_wrap_ul>li {
    margin-bottom: 15px;
}

.form_wrap_ul>li:last-child {
    margin-bottom: 0;
}

.cont_detail_radio {
    margin-bottom: 8px;
    margin-right: 40px;
}

.cont_detail_radio:last-child {
    margin: 0;
}

.alarm_date_ul>li {
    padding-right: 32px;
    margin-bottom: 15px;
}

.li_alarm {
    padding-top: 16px;
    border-top: 1px solid #f8f8fc;
}

.contract_detail_line {
    padding-bottom: 15px;
    border-bottom: 1px solid #f8f8fc;
}

.contract_detail a.btn__active {
    margin-top: 20px;
}

/* related_material_ul */
.related_material_ul {
    float: left;
}

.related_material_ul>li {
    display: inline-block;
    height: 34px;
    padding: 0 14px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #dadada;
    background-size: 10px 11px;
    background-position: 14px center;
    color: #585858;
    font-size: 13px;
    line-height: 36px;
    vertical-align: top;
}

.related_material_ul>li:last-child {
    margin-bottom: 0px;
}

.related_material_ul.admin>li {
    padding-right: 36px;
    background-color: #f5f5f5;
}

.related_material_ul.admin>li:last-child {
    margin-bottom: 10px;
}

.related_material_ul>li .btn_x {
    position: absolute;
    right: 11px;
}

.contract_detail_related_material .btn_add {
    margin: 2px 0;
}

/* contract_detail workflow */
.workflow_wrap {
    margin-bottom: 15px;
    padding-bottom: 0;
}

.detail_workflow_ul {
    padding: 20px 5px 18px;
    text-align: center;
}

.workflow_wrap .detail_workflow_ul {
    padding: 0 5px;
}

.section_bt_flow .detail_workflow_ul {
    padding: 5px 5px 0;
}

.detail_workflow_ul>li {
    display: inline-block;
    vertical-align: top;
}

.workflow_p {
    width: 38px;
    margin-top: 24px;
    margin-left: -19px;
    font-size: 12px;
    text-align: center;
    line-height: 1.1;
}

.detail_workflow_ul>li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background-color: #cccccc;
    border-radius: 50%;
}

.detail_workflow_ul>li::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: calc(100% - 2px);
    height: 2em;
    font-size: .5px;
    background-color: #cccccc;
}

/* workflow finish, active */
.detail_workflow_ul>li.finish::before {
    background-color: #5666ed;
}

.detail_workflow_ul>li.finish::after {
    background-color: #5666ed;
}

.detail_workflow_ul>li.active .workflow_p {
    font-weight: 600;
}

/* workflow_8, 9, 10 */
.detail_workflow_ul>li {
    width: 25%;
}

.detail_workflow_ul>li:nth-child(5n) {
    width: 0;
}

.detail_workflow_ul .workflow_p {
    margin-bottom: 20px;
}

/* workflow_array */
.detail_workflow_ul.workflow_7>li {
    width: 16.66%;
}

.detail_workflow_ul.workflow_6>li,
.detail_workflow_ul.workflow_11>li,
.detail_workflow_ul.workflow_12>li {
    width: 20%;
}

.detail_workflow_ul.workflow_11>li:nth-child(6),
.detail_workflow_ul.workflow_12>li:nth-child(6) {
    width: 0;
}

.detail_workflow_ul.workflow_5>li {
    width: 25%;
}

.detail_workflow_ul.workflow_4>li {
    width: 33.33%;
}

.detail_workflow_ul.workflow_3>li {
    width: 50%;
}

.detail_workflow_ul.workflow_2>li {
    width: 100%;
}

.detail_workflow_ul.workflow_1>li {
    width: 0;
}

/*
.detail_workflow_ul.workflow_2>li:last-child, .detail_workflow_ul.workflow_3>li:last-child, .detail_workflow_ul.workflow_4>li:last-child, .detail_workflow_ul.workflow_5>li:last-child, .detail_workflow_ul.workflow_6>li:last-child, .detail_workflow_ul.workflow_7>li:last-child {
margin: 0;
}
*/
.detail_workflow_ul>li:last-child {
    width: 0;
}

/* workflow_failed */
.workflow_failed.detail_workflow_ul>li .workflow_p {
    color: #b4b4b4;
    text-decoration: line-through;
}

.workflow_failed.detail_workflow_ul>li.active::before {
    background-color: #f95f5f;
}

.workflow_failed.detail_workflow_ul>li.active .workflow_p {
    color: #f95f5f;
    text-decoration: none;
}

/*
detail_workflow_ul>li.active
icon active 추가

wf_writing 초안 작성중
wf_review 법무팀 검토중
wf_consultation 사업부 협의중
wf_request 승인 대기중
wf_signing 서명중
wf_seal 날인중
wf_recovery 회수대기
wf_finish 완료
*/
.workflow_circle {
    display: none;
}

.detail_workflow_ul>li.active[class*="wf_"]::before {
    width: 26px;
    height: 26px;
    margin: -8px 0 4px -13px;
    z-index: 6;
}

.detail_workflow_ul>li.active.wf_writing::before {
    background: url(../imgs/wf_writing.svg) no-repeat center;
    background-size: 9px 12px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_review::before {
    background: url(../imgs/wf_review.svg) no-repeat center;
    background-size: 12px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_consultation::before {
    background: url(../imgs/wf_consultation.svg) no-repeat center;
    background-size: 13px 10px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_request::before {
    background: url(../imgs/wf_request.svg) no-repeat center;
    background-size: 10px 14px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_signing::before {
    background: url(../imgs/wf_signing.svg) no-repeat center;
    background-size: 11px 11px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_seal::before {
    background: url(../imgs/wf_seal.svg) no-repeat center;
    background-size: 10px 12px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_recovery::before {
    background: url(../imgs/wf_recovery.svg) no-repeat center;
    background-size: 10px 9px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active.wf_finish::before {
    background: url(../imgs/wf_finish.svg) no-repeat center;
    background-size: 9px 11px;
    background-color: #5666ed;
}

.detail_workflow_ul>li.active::before {
    background-color: #5666ed;
}

.workflow_create_head .icon_q {
    height: 19px;
    margin-right: 9px;
    vertical-align: top;
}

.icon_q {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../imgs/icon_question.svg) no-repeat center;
    background-size: 15px 15px;
}

.workflow_create_table .ttp.icon_q {
    float: right;
    margin-top: 2px;
}

.workflow_create_table .ttp.icon_q .tooltip.right {
    right: -8px;
}

/* workflow_ul2 */
.workflow_ul2 {
    padding: 5px 14px 0 26px;
    margin-bottom: 27px;
}

.workflow_ul2>li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}

.workflow_ul2>li>p {
    width: 44px;
    margin-top: 24px;
    margin-left: -22px;
    font-size: 12px;
    text-align: center;
    line-height: 1.1;
}

.workflow_ul2>li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background-color: #cccccc;
    border-radius: 50%;
}

.workflow_ul2>li::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: calc(100% - 2px);
    height: 1px;
    background-color: #cccccc;
}

/* workflow finish, active */
.workflow_ul2>li.finish::before {
    background-color: #5666ed;
}

.workflow_ul2>li.finish::after {
    background-color: #5666ed;
}

.workflow_ul2>li.active .workflow_p {
    font-weight: 600;
}

/* workflow_array */
.workflow_ul2.workflow_11>li {
    width: 10%;
}

.workflow_ul2.workflow_10>li {
    width: 11.1111%;
}

.workflow_ul2.workflow_9>li {
    width: 12.5%;
}

.workflow_ul2.workflow_8>li {
    width: 14.2857%;
}

.workflow_ul2.workflow_7>li {
    width: 16.66%;
}

.workflow_ul2.workflow_6>li {
    width: 20%;
}

.workflow_ul2.workflow_5>li {
    width: 25%;
}

.workflow_ul2.workflow_4>li {
    width: 33.33%;
}

.workflow_ul2.workflow_3>li {
    width: 50%;
}

.workflow_ul2.workflow_2>li {
    width: 100%;
}

.workflow_ul2.workflow_1>li {
    width: 0;
}

/* last-child 공통 */
.workflow_ul2>li:last-child {
    width: 0;
}

/* workflow_ul2 active */
.workflow_ul2>li.active p {
    font-weight: bold;
}

.workflow_ul2>li.active[class*="wf_"]::before {
    width: 26px;
    height: 26px;
    margin: -8px 0 4px -13px;
    z-index: 6;
}

.workflow_ul2>li.active.wf_writing::before {
    background: url(../imgs/wf_writing.svg) no-repeat center;
    background-size: 9px 12px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_review::before {
    background: url(../imgs/wf_review.svg) no-repeat center;
    background-size: 12px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_consultation::before {
    background: url(../imgs/wf_consultation.svg) no-repeat center;
    background-size: 13px 10px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_request::before {
    background: url(../imgs/wf_request.svg) no-repeat center;
    background-size: 10px 14px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_signing::before {
    background: url(../imgs/wf_signing.svg) no-repeat center;
    background-size: 11px 11px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_seal::before {
    background: url(../imgs/wf_seal.svg) no-repeat center;
    background-size: 10px 12px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_recovery::before {
    background: url(../imgs/wf_recovery.svg) no-repeat center;
    background-size: 10px 9px;
    background-color: #5666ed;
}

.workflow_ul2>li.active.wf_finish::before {
    background: url(../imgs/wf_finish.svg) no-repeat center;
    background-size: 9px 11px;
    background-color: #5666ed;
}

.workflow_ul2>li.active::before {
    background-color: #5666ed;
}

/* section__contract_create */
.temp_list_wrap {
    margin-bottom: 30px;
    border-top: 1px solid #e3e4f2;
    border-bottom: 1px solid #e3e4f2;
}

.temp_list_wrap>ul {
    min-height: 601px;
}

.temp_tab_ul {
    padding: 16px 0;
    margin: 0 -10px;
}

.temp_tab_ul>li {
    float: left;
    height: 35px;
    padding: 0 22px;
    margin: 4px 5px;
    line-height: 30px;
    font-size: 14px;
    color: #878c98;
    border-radius: 17.5px;
    border: solid 2px #e5e7f6;
    cursor: pointer;
}

.temp_tab_ul>li.active {
    color: #000000;
    border: solid 2px #9ca6f6;
}

.temp_tview_ul {
    float: left;
    width: 200px;
    padding-bottom: 25px;
    border-right: 1px solid #e3e4f2;
}

.temp_tview_ul>li {
    margin-top: 20px;
    color: #6c6c7b;
    word-break: break-all;
    cursor: pointer;
}

.temp_tview_ul>li.active {
    padding-left: 20px;
    background: url(../imgs/icon_check.svg) no-repeat;
    background-position: left center;
    background-size: 10px 8px;
    color: #000000;
}

.temp_list_ul {
    float: left;
    width: calc(100% - 200px);
    float: left;
    margin-left: -1px;
    border-left: 1px solid #e3e4f2;
    margin-bottom: -1px;
}

.contract_temp_search .temp_list_ul {
    float: none;
    width: 100%;
    border-right: 1px solid #e3e4f2;
}

.temp_list_ul>li {
    padding: 20px 30px;
    border-bottom: 1px solid #e3e4f2;
    transition: background .1s;
    -webkit-transition: background .1s;
}

.temp_list_ul>li.active {
    margin-top: -1px;
    border: 1px solid #364aed;
}

.temp_list_ul>li:hover {
    background: #f9f9fb;
}

.temp_list_ul>li.active .temp_name {
    padding-left: 20px;
    background: url(../imgs/icon_check.svg) no-repeat;
    background-position: left center;
    background-size: 10px 8px;
    color: #364aed;
}

.temp_list_ul>li.active .temp_explain_p {
    color: #000000;
}

.temp_list_ul>li .temp_name {
    font-size: 15px;
    font-weight: bold;
}

.temp_type .tmp_type_pg {
    color: #b4b4b4;
    font-size: 13px;
}

.temp_info {
    margin-top: 6px;
    margin-bottom: 10px;
}

.temp_hd_box .request_new_contract {
    margin-top: 1px;
}

.temp_type {
    min-width: 70px;
    min-height: 0;
    padding: .3em .5em;
    color: #383838;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.05;
    text-align: center;
    border-radius: 13px;
    background: #fff;
}

.temp_type.type_pg {
    border: solid 2px #fcb69a;
}

.temp_type.type_pp {
    border: solid 2px #94a9d7;
}

/* .temp_btn_box .btn_m {
    min-width: 80px;
    height: auto;
    padding: .3em .5em;
    line-height: 1.05;
} */

.temp_btn_box .btn__f {
    margin-left: 6px;
}

.temp_search_p {
    display: none;
    margin-top: 18px;
}

.contract_temp_search .temp_search_p {
    display: block;
    margin-bottom: 8px;
}

.contract_temp_search .temp_list_wrap {
    padding-left: 0;
    border-bottom: none;
}

.contract_temp_search .temp_tab_ul,
.contract_temp_search .temp_tview_ul {
    display: none;
}

.contract_create .contract_detail_hd>.clearfix {
    margin-bottom: 6px;
}

.contract_create .contract_detail_hd>.clearfix .temp_type {
    margin-top: 0;
}

.contract_create .contract_detail_hd>.clearfix .sm_p {
    height: 26px;
    line-height: 26px;
}

.section__legal_advice.group_writing {
    padding: 30px;
    padding-top: 0;
}

.fixed_content .temp_type.type_pg {
    margin-top: 3px;
    margin-right: 12px;
}

.fixed_content .temp_type.type_pp {
    margin-top: 3px;
    margin-right: 12px;
}

.fixed_content .contract_detail_hd {
    margin-bottom: 20px;
}

.fixed_content .form_wrap_ul {
    margin-top: 20px;
}

.fixed_content .fl_pagination_wrap {
    margin-top: 20px;
    margin-bottom: 0;
}

.fixed_content .pagination {
    margin-top: 20px;
    margin-bottom: 0;
}

.fixed_content .active_btn_wrap {
    margin-bottom: 0;
}

/* notice */
.section__notice_list .section_head2 .btn__b {
    margin-left: 20px;
}

.notice_list>li {
    height: 60px;
    border-bottom: 1px solid #f6f6fd;
}

.notice_sub_wrap {
    position: relative;
    float: left;
    width: calc(100% - 95px);
}

.notice_sub {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}

.section__notice_list .notice_sub_wrap {
    padding-right: 65px;
}

.section__notice_list .notice_sub {
    padding-right: 28px;
}

.notice_fix {
    display: inline-block;
    width: 50px;
    height: 22px;
    margin-right: 20px;
    border-radius: 16px;
    background-color: #232d81;
    vertical-align: top;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 22px;
}

.notice-fix {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    color: #fff;
    font-size: 11px;
    vertical-align: top;
    line-height: 1;
    border-radius: 16px;
    background-color: #232d81;
}

.notice_new::after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    width: 22px;
    height: 100%;
    background-image: url(../imgs/new.png);
    background-repeat: no-repeat;
    background-size: 22px 8px;
    background-position: center;
}

.notice_attach_cnt {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 22px;
    padding-left: 18px;
    border-radius: 15px;
    background-image: url(../imgs/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 11px center;
    background-color: #f5f5f5;
    color: #585858;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}

.notice_date {
    float: right;
    width: 94px;
    text-align: right;
    font-size: 13px;
}

.notice_view_head {
    min-height: 80px;
    padding: 15px 0;
    border-bottom: 1px solid #f6f6fd;
}

.section__notice_view .notice_content {
    padding: 25px 0;
}

.section__notice_view .notice_content .attachment_list_wrap {
    margin-top: 25px;
}

.section__notice_view .notice_content .attachment_list {
    margin-top: 10px;
}

/* section__group_writing */
.section__group_writing,
.section__group,
.section__mypage {
    margin-top: 67px;
}

.section__group_writing .section_head {
    margin-bottom: 20px;
}

.section__group_writing .radio_wrap {
    margin-bottom: 5px;
}

.active_btn_wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.group_notify {
    padding: 28px 0;
}

.section__group_list .section_head {
    height: 75px;
    padding-top: 8px;
}

.section_contract_filter {
    width: 880px;
    margin: auto;
    margin-bottom: 5px;
}

.section_contract_filter .fl.result_wrap {
    width: 344px;
}

.section_contract_filter .fl.divide__2.tr {
    width: calc(100% - 350px);
}

.section_contract_filter .icon_notify_p,
.section_contract_filter .icon_notify_p_r {
    margin-bottom: 10px;
}

.content>.main_result {
    margin-bottom: 15px;
}

.result_updown {
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    background: url(../imgs/icon_sort.svg) no-repeat;
    background-size: 12px 12px;
    background-position: right center;
}

.result_updown::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -20px;
    width: 1px;
    height: 12px;
    background: #dcdcdc;
}

.result_box {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
}

.result_box>li {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.result_box>li:first-child {
    margin-left: 0;
}

.result_box>li.active {
    color: #000000;
    font-weight: bold;
}

.tab_contract_filter {
    display: inline-block;
    width: auto;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f4f6f8;
    text-align: right;
}

.tab_contract_filter>li {
    float: left;
    height: 34px;
    padding: 0 18px;
    font-size: 13px;
    line-height: 34px;
    cursor: pointer;
}

.tab_contract_filter>li span.count {
    margin-left: 7px;
    color: #b4b4b4;
}

.tab_contract_filter>li.active span.count {
    color: #99acf3;
}

.tab_contract_filter>li.active {
    border-radius: 4px;
    border: solid 1px #000000;
    background-color: #ffffff;
    font-weight: 600;
}

.section__contract .tab_wrarp {
    height: 42px;
    margin-top: 20px;
    border-bottom: 1px solid #d0d2db;
}

.section__contract .tab_wrarp .tab_contract_filter {
    margin-top: 0;
}

.section__contract .tab_wrarp .tab {
    height: 42px;
    padding: 0 28px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #d0d2db;
    border-bottom: none;
    background-color: #ffffff;
    line-height: 42px;
}

.table_list {
    width: 100%;
}

.table_list th {
    padding: 6px 0;
    border-bottom: 1px solid #000000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.table_list td {
    padding: 17px 0 15px;
    border-bottom: 1px solid #f6f6fd;
    font-size: 14px;
    text-align: center;
}

/* admin > group */
.admin_group_list {
    text-align: center;
}

ul.admin_group_list .list1 {
    width: 70%;
    text-align: left;
}

ul.admin_group_list .list2 {
    width: 15%;
}

ul.admin_group_list .list3 {
    width: 15%;
}

.admin_group_list .sub {
    font-size: 15px;
    font-weight: 600;
}

/* admin group */
.section_group_info .nice-select {
    padding-left: 12px;
}

.group_user_list .list1 {
    width: 40px;
}

.group_user_list .list2 {
    width: calc(100% - 160px);
    padding: 0 20px;
}

.group_user_list .list3 {
    width: 120px;
    text-align: right;
}

.section_group_info .group_btn_add {
    margin-top: 25px;
}

.group_btn_add .btn_add {
    min-width: 82px;
}

.group_tmp_list {
    margin-top: 8px;
    border-top: 1px solid #000;
}

.group_tmp_list .list1 {
    width: calc(100% - 120px);
}

.group_tmp_list .list2 {
    width: 120px;
    text-align: right;
}

.group_tmp_list .group_tmp_name {
    padding-right: 20px;
}

.group_tmp_list .group_tmp_name p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fl_pagination_wrap {
    margin-top: 25px;
    margin-bottom: 60px;
}

.fl_pagination_wrap .pagination {
    margin: 0;
    margin-top: 4px;
}

/* transfer */
.transfer_wrap label.b {
    margin-bottom: 4px;
}

.transfer_list_wrap .contract_list {
    margin-top: 15px;
    border-top: 1px solid #000000;
}

.transfer_list_wrap .contract_list>li {
    padding-left: 50px;
    border-bottom: 1px solid #f6f6fd;
}

.transfer_list_wrap .contract_list>li .list_check {
    position: absolute;
    top: 15px;
    left: 14px;
}

.transfer_list_wrap .contract_list>li .contract {
    padding: 15px 0;
}

.transfer_list_wrap .pagination_wrap {
    margin: 15px 0 35px;
}

.transfer_wrap {
    margin-top: 27px;
    margin-bottom: 50px;
}

.input_btn_wrap {
    padding-right: 62px;
}

.input_btn_wrap .input {
    width: 260px;
}

.input_btn_wrap .btn__n {
    position: absolute;
    top: 0;
    right: 0;
    min-width: auto;
    width: 52px;
    padding: 1px 0;
}

.transfer_input_disabled .input_btn_wrap {
    padding-right: 0;
}

/* section__admin_digital_seal */
.digital_seal_guide {
    margin-top: 40px;
    border-bottom: 1px solid #f6f6fd;
    text-align: center;
}

.digital_seal_guide h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.digital_seal_guide h2 {
    color: #585858;
}

.digital_seal_guide_circle {
    width: 116px;
    height: 116px;
    margin: auto;
    border: 2px solid #364aed;
    border-radius: 50%;
    background-color: #f8f8f8;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.digital_seal_guide_img {
    width: 376px;
    margin: 45px auto 35px;
}

.section__admin_digital_seal .m_p58_b {
    margin-bottom: 10px;
}

.digital_seal_info {
    margin-top: 40px;
    margin-bottom: 30px;
}

.digital_seal_wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #f6f6fd;
}

.digital_seal_box {
    width: 270px;
    height: 70px;
}

.img_preview_wrap>.fl.tl {
    margin-left: 14px;
}

.img_preview_wrap img+.xs_p58 {
    display: none;
}

.digital_seal_user_list .list1 {
    width: 40px;
}

.digital_seal_user_list .list2 {
    width: calc(50% - 71px);
}

.digital_seal_user_list .list3 {
    width: calc(50% - 71px);
    text-align: center;
}

.digital_seal_user_list .list4 {
    width: 102px;
    text-align: right;
}

.digital_seal_head {
    margin: 30px 0;
}

.digital_seal_head [class*="btn_"] {
    min-width: auto;
    width: 102px;
    padding: 0;
}

.digital_seal_head .select_wrap {
    width: 102px;
    margin-left: 15px;
}

/* section__admin_user */
.section_user_search {
    padding-bottom: 30px;
}

.section__admin_user .section_search_wrap .clearfix_r15 {
    margin-top: 18px;
    margin-bottom: 20px;
}

.admin_user_list {
    text-align: center;
}

ul.admin_user_list .list1 {
    width: calc(60% - 70px);
    text-align: left;
}

ul.admin_user_list .list2 {
    width: calc(40% - 70px);
}

ul.admin_user_list .list3 {
    width: 140px;
}

/* admin contract counterpart */
.admin_contract_counterpart_list {
    text-align: center;
}

ul.admin_contract_counterpart_list .list1 {
    width: 24%;
    text-align: left;
}

ul.admin_contract_counterpart_list .list2 {
    width: 17%;
}

ul.admin_contract_counterpart_list .list3 {
    width: 18%;
}

ul.admin_contract_counterpart_list .list4 {
    width: 17%;
}

ul.admin_contract_counterpart_list .list5 {
    width: 24%;
}

ul.admin_contract_counterpart_list .list5>p:first-child {
    margin-top: 4px;
}

ul.admin_contract_counterpart_list .list5>p {
    line-height: 1;
}

ul.admin_contract_counterpart_list .list5>p.update_p {
    display: inline-block;
    padding-left: 18px;
    background: url("../imgs/icon_clockrotation.svg") no-repeat left 2px;
    background-size: 12px 12px;
}

/* common */
.section_search_bar {
    margin: 20px 0 15px;
}

input.calc_input {
    width: calc(100% - 95px);
}

.calc_btn_wrap {
    width: 95px;
}

.calc_btn_wrap a.calc_btn {
    height: 36px;
    line-height: 36px;
}

.check_list li {
    padding-left: 21px;
    background: url(../imgs/icon_check.svg) no-repeat left center;
    background-size: 10px 8px;
}

.img_preview_wrap {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}

.img_preview_box {
    padding: 2px;
    background-color: #f0f1f7;
    box-sizing: content-box;
    display: flex;
    align-items: center;
}

.img_preview_box img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.section_user_list .admin_user_list .list_hd:first-child {
    margin-top: 30px;
}

.section_user_list .pagination {
    margin: 30px 0 35px;
}

.section__admin_info .company_logo_wrap {
    margin-top: 40px;
    margin-bottom: 40px;
}

.section__admin_info .company_logo_wrap>h2 {
    margin-bottom: 6px;
}

.section_admin_info {
    padding: 0 45px;
}

.admin_info_form_wrap .form_clearfix {
    margin: 0 -25px 24px;
}

.admin_info_form_wrap .divide__2 {
    padding: 0 25px;
}

.section__admin_info .active_btn_wrap {
    margin-top: 40px;
    padding-top: 30px;
}

.company_logo_box {
    width: 133px;
    height: 53px;
}

/* mypage */
.section__admin_info .profile_wrap {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.section__admin_info .profile_preview {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #f0f1f7;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.section__admin_info .profile_preview img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.section__admin_info .btn_camera {
    position: absolute;
    bottom: -2px;
    right: -8px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #f7f8fa;
    border-radius: 50%;
    background-image: url(../imgs/icon_camera.svg);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 13px;
    cursor: pointer;
}

.section__admin_info .mypage_alram_radio {
    height: 36px;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.section__search>[class*="clearfix"]:last-child>[class*="form_group"] {
    margin-bottom: 0px;
}

.section__search .search_form_wrap {
    margin-top: 30px;
}

.section__search>[class*="btn_wrap"] {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* empowerment_list */
.empowerment_list .list1 {
    width: 40px;
}

.empowerment_list .list2 {
    width: calc(36% - 40px);
}

.empowerment_list .list3 {
    width: 32%;
}

.empowerment_list .list4 {
    width: 32%;
}

.empowerment_name {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #c1c1c1;
}

.empowerment_name,
.empowerment_team {
    margin-bottom: 4px;
    line-height: 15px;
}

.empowerment_list_wrap>.list_top_wrap {
    margin-top: 24px;
    margin-bottom: 15px;
}

/* section__admin_workflow_list */
.workflow_list>li {
    text-align: center;
}

.workflow_list>li .list1 {
    width: calc(54% - 81px);
    text-align: left;
}

.workflow_list>li .list2 {
    width: 20%;
    padding: 0 15px;
}

.workflow_list>li .list3 {
    width: 26%;
    padding-right: 30px;
}

.workflow_list>li .list4 {
    width: 81px;
}

.admin_wf_span {
    width: 90px;
    text-align: right;
    display: inline-block
}

.workflow_list>li .list4 .btn__e {
    margin-bottom: 6px;
}

/* bt_list */
.bt_list>li {
    padding: 14px 0;
    border-bottom: 1px solid #f6f6fd;
    font-size: 14px;
}

ul.bt_list>li.list_hd {
    padding-bottom: 6px;
    border-bottom: 1px solid #000000;
    font-size: 14px;
}

ul.bt_list>li::after {
    content: "";
    clear: both;
    display: block;
}

ul.bt_list li [class*="list"] {
    float: left;
}

.bt_list .list_check {
    position: absolute;
    top: 13px;
    left: 14px;
}

.list_hd .flex_align input[type=checkbox]+label {
    margin-top: -2px;
}

/* section_workflow_create */
.workflow_create_head>.clearfix {
    margin: 30px 0;
}

.workflow_create_head .form_radio_wrap {
    margin: 20px 0;
}

.workflow_create_head .form_radio_wrap .form_radio {
    margin-right: 40px;
}

td .form_radio {
    margin-right: 40px;
}

td .form_radio:last-child {
    margin-right: 0;
}

.section__admin_workflow_create .form_wrap_ul {
    padding: 20px 0 30px;
}

.workflow_paper_setting table.workflow_create_table {
    margin: 20px 0;
}

.workflow_create_table {
    border-collapse: separate;
}

.workflow_create_table tr.bor_top th,
.workflow_create_table tr.bor_top td {
    border-top: 1px solid #dfdfdf;
}

.workflow_create_table .icon_notify_p_r {
    display: inline-block;
    margin: 6px 0;
    margin-left: 10px;
    background-position: left center;
    line-height: 30px;
}

table.workflow_create_table {
    width: 100%;
    border: 1px solid #f6f6fd;
    border-top: none;
    text-align: left;
}

table.workflow_create_table th,
table.workflow_create_table td {
    padding: 20px;
    border-top: 1px solid #f6f6fd;
    vertical-align: top;
}

table.workflow_create_table th {
    width: 210px;
    background-color: #fcfcfc;
    color: #585858;
    font-size: 13px;
    font-weight: 400;
}

table.workflow_create_table th.th_row {
    width: 145px;
    border-right: 1px solid #f6f6fd;
    color: #000;
}

.workflow_create_table .user_add_wrap {
    margin-top: 9px;
    margin-bottom: -6px;
}

.workflow_create_table .form_add_wrap {
    margin: -6px 0;
}

.workflow_create_table_wrap {
    padding-bottom: 30px;
}

.workflow_create_table label {
    font-size: 13px;
}

.workflow_add_wrap {
    padding: 30px 0;
}

#workflow_add {
    cursor: pointer;
}

.workflow_add_wrap .form_wrap_ul {
    margin-top: 15px;
    display: none;
}

.workflow_add_wrap .input_contract_add1 {
    float: left;
    width: 200px;
}

.workflow_add_wrap .input_contract_add2 {
    float: right;
    width: calc(100% - 210px);
}

.form_wrap_ul .sm_label {
    margin-bottom: 7px;
}

/* section__admin_official_note */
.section_admin_official_note {
    padding-top: 30px;
}

.section__admin_official_note .official_format_ul>li {
    margin-bottom: 10px;
    line-height: 36px;
}

.section__admin_official_note .official_format_ul>li:last-child {
    margin-bottom: 0;
}

.section__admin_official_note .official_format_ul .p1 {
    float: left;
    width: 50px;
}

.official_format {
    float: left;
    width: calc(100% - 180px);
    height: 34px;
    padding-right: 14px;
    padding-left: 38px;
    line-height: 36px;
    border: 1px solid #dadada;
    background-image: url(../imgs/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 14px center;
    color: #585858;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.official_format+.reply_btn_wrap {
    width: 120px;
    margin-left: 0;
    text-align: right;
    line-height: 32px;
}

.official_format_ul .reply_btn_wrap {
    float: right;
}

.btn_sub {
    color: #585858;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.btn_sub_up {
    color: #364aed;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.format_img_wrap img {
    width: 160px;
    height: 160px;
}

.format_img_wrap .icon_notify_p {
    margin-top: 15px;
}

.format_guide {
    margin-top: 35px;
}

.format_guide>.sm_b {
    margin-bottom: 5px;
}

.format_guide .btn__y {
    margin-top: 10px;
}

.section__admin_official_note .format_guide .icon_notify_p_r.sm_b {
    float: none;
    display: block;
    margin: 0;
    color: #000000;
}

.section__admin_official_note .official_format_img {
    width: 260px;
    height: 100px;
}

.section__admin_official_note .img_preview_wrap {
    margin-bottom: 0;
}

.required {
    position: relative;
}

.required::after {
    content: "";
    position: absolute;
    top: 1px;
    left: -8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff4444;
}

.official_view_set .btn_sub {
    float: left;
    margin-left: 14px;
    line-height: 30px;
}

.bt_sub_ul {
    width: 160px;
    margin-top: 10px;
    border: 1px solid #e7e7e7;
    background-color: #f5f5f5;
}

.bt_sub_ul>li {
    padding: 6px 10px;
    border-bottom: 1px solid #e7e7e7;
    color: #585858;
    font-size: 12px;
}

.bt_sub_ul>li:last-child {
    border-bottom: none;
}

/* official_note_layout */
.official_note_layout .form_wrap_ul {
    padding-bottom: 28px;
}

.official_note_layout .form_wrap_ul .official_format_li>li {
    margin-bottom: 10px;
}

.official_note_layout .form_wrap_ul .official_format_li>li:last-child {
    margin-bottom: 0;
}

.official_note_layout .official_format_li>li .fl.btn_sub,
.official_note_layout .official_format_li>li .fl.btn_sub_up {
    margin-left: 15px;
}

/* section__admin_template */
.section__admin_template .section_search_bar {
    margin-bottom: 30px;
}

.section__admin_template .tmp_select {
    width: 170px;
}

.section__admin_template .tmp_select:last-child {
    margin-left: 10px;
}

.template_list>li {
    text-align: center;
}

.template_list>li .list1 {
    width: calc(58% - 81px);
    text-align: left;
}

.template_list>li .list2 {
    width: 22%;
    padding: 0 15px;
}

.template_list>li .list3 {
    width: 20%;
}

.template_list>li .list4 {
    width: 81px;
}

.template_list>li .list4 .btn__e {
    margin-bottom: 6px;
}

/* 문서계약 템플릿 수정하기 onlyoffice html view */
.section_onlyoffice_html_view {
    width: auto;
    max-width: 1600px;
    margin: auto;
    margin-bottom: 60px;
}

.section_onlyoffice_html_view .section_btn_top {
    margin-bottom: 25px;
}

/* 템플릿 생성 */
.template_create_ul {
    margin-top: 30px;
}

.template_create_ul>li {
    margin-bottom: 20px;
}

.template_create_ul>li:last-child {
    margin-bottom: 30px;
}

.template_create_ul>li .official_format {
    width: auto;
    min-width: 280px;
    max-width: calc(100% - 180px);
}

.seal_process_btn_sub_up {
    display: inline-block;
    margin-left: 6px;
}

.template_create_ul .official_format {
    margin-right: 20px;
}

.btn_tmp_s {
    display: inline-block;
    margin-top: 11px;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid #000;
    background: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
}

.btn_tmp_s.btn_tmp_end {
    border-right: none;
}

/* admin label */
.section__admin_label .section_head2 {
    margin-bottom: 40px;
}

.admin_label_wrap .h2 {
    margin-bottom: 15px;
}

.admin_label_ul>li {
    max-width: 650px;
    padding-right: 80px;
    margin-bottom: 20px;
}

.admin_label_ul>li:last-child {
    margin-bottom: 0;
}

.admin_label_ul>li .label_box {
    width: 100%;
}

.label_box {
    float: left;
    padding: 7px 16px;
    border-radius: 2px;
    font-size: 13px;
}

.admin_label_ul .reply_btn_wrap {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
}

.pblc_01 {
    background-color: #94a0ff;
}

.pblc_02 {
    background-color: #bf94ff;
}

.pblc_03 {
    background-color: #ff94df;
}

.pblc_04 {
    background-color: #ffb194;
}

.pblc_05 {
    background-color: #bcf0b0;
}

.pblc_06 {
    background-color: #ff8585;
}

.pblc_07 {
    background-color: #ffe794;
}

.pblc_08 {
    background-color: #94eaff;
}

.pblc_09 {
    background-color: #5ff4b3;
}

.pblc_10 {
    background-color: #22c9b9;
}

.prvt_01 {
    background-color: #aeb1cb;
}

.prvt_02 {
    background-color: #b9aad0;
}

.prvt_03 {
    background-color: #d1abc6;
}

.prvt_04 {
    background-color: #ccb4aa;
}

.prvt_05 {
    background-color: #a2c39a;
}

.prvt_06 {
    background-color: #dc9999;
}

.prvt_07 {
    background-color: #b4a779;
}

.prvt_08 {
    background-color: #accdd6;
}

.prvt_09 {
    background-color: #b1cdc1;
}

.prvt_10 {
    background-color: #749a96;
}

.cont_label {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1;
}

.cont_label:last-child {
    margin-right: 0;
}

[data-adele-version="28"] .cont_label {
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    margin: 0;
    font-size: 12px;
    line-height: 1.1;
}

.label-small-wrap .cont_label {
    font-size: 10px !important;
}

/* label select */
.select2_view {
    width: 100%;
    min-height: 30px;
    padding: 5px;
    border: 1px solid #d0d2db;
    border-radius: 4px;
    background: #ffffff;
    font-size: 13px;
}

/* .select2_view .label_sel_ul>li { */
    /* display: inline-block; */
    /* margin: 3px 10px 3px 0; */
    /* padding-right: 18px; */
/* } */

/* [data-adele-version="28"] .select2_view .label_sel_ul>li { */
    /* display: ; */
    /* margin: 0 10px 0 0; */
    /* padding-right: 18px; */
    /* font-size: 0; */
/* } */

.select2_view input[type=text].select2_cursor {
    width: 100px;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.select2_view input[type=text].select2_cursor:focus {
    border: none !important;
}

.select2_view.type1 {
    width: 100%;
    min-height: 30px;
    padding: 5px 0 0 10px;
}

.select2_view.type1 .label_sel_ul>li {
    margin: 0 10px 5px 0;
    font-size: 0;
}

.select2_view.type1 .cont_label {
    margin-right: 0;
    margin-bottom: 0;
}

.bt_select2 {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px 0 8px;
    border: 1px solid #d0d2db;
    border-radius: 4px;
    background: #ffffff;
    z-index: 2;
    display: none;
}

.bt_select2.custom_a {
    top: 40px;
    width: 55%;
    z-index: 4;
}

.select2_group {
    margin-top: 35px;
}

.select2_group:first-child {
    margin-top: 0;
}

.select2_group_label {
    padding-bottom: 8px;
    margin: 0 13px 10px;
    font-weight: bold;
}

.select2_results>li {
    padding: 4px 13px;
    cursor: pointer;
}

.select2_results>li:hover {
    background-color: #f1f4f8;
    cursor: pointer;
}

.select2_results .legal_none_span {
    padding: 0 13px;
}

/* modal label add */
#label_add_wrapper .modal_section,
#label_edit_wrapper .modal_section {
    max-width: 568px;
}

.modal_label .modal_section {
    max-width: 568px;
}

#li_coustom_color {
    margin-top: 15px;
}

.modal_label_form {
    margin-top: 30px;
    margin-bottom: 20px;
}

.modal_label_form .select_wrap {
    width: 120px;
}

.modal_label_form>.fr {
    width: calc(100% - 140px);
}

.modal_label_color {
    margin-bottom: -15px;
}

.modal_label_color>li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
}

.modal_label_color>li:last-child {
    margin-right: 0;
}

.modal_label_color>li.active {
    -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.modal_label_pick {
    border-radius: 2px;
}

.label_pick {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.19);
}

.modal_fixed .minicolors-theme-default .minicolors-swatch {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.19);
    border: none;
    border-radius: 2px;
}

.modal_fixed .minicolors-theme-default .minicolors-input {
    width: 169px;
    padding-left: 47px;
    padding-right: 17px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-left: none;
}

.modal_fixed .minicolors-theme-default .minicolors-input:focus {
    border: 1px solid #e5e5e5;
}

.modal_label input.input_label {
    border: none !important;
}

.modal_label input.input_label:focus {
    border: none !important;
}

/* modal_format */
.modal_format {
    padding-top: 10px;
}

.modal_format .format_guide {
    margin-top: 25px;
}

/* modal-full */
.modal-full .modal_section {
    max-width: 100%;
}

/* login */
#wrap_login {
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
    background-color: #f3f5f9;
}

#wrap_login .dis_table {
    height: 100%;
    min-height: 100%;
    padding: 100px 15px;
}

.section_login {
    max-width: 500px;
    margin: auto;
    padding: 60px 75px 50px 75px;
    box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.login_head {
    margin: 40px 0;
}

.login_form_wrap:after {
    display: none;
}

.login_form_wrap li {
    margin-bottom: 35px;
}

.login_input {
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #dfdfe4;
    font-size: 15px;
}

.login_form_wrap .error_p {
    position: absolute;
    top: 42px;
    left: 0;
    color: #f95f5f;
}

.section_login .btn__active {
    width: 100%;
    height: 50px;
    margin-bottom: 27px;
    box-shadow: 0 4px 11px 0 rgba(49, 47, 120, 0.4);
    line-height: 50px;
}

.btn_sign_up {
    display: inline-block;
    border-bottom: 1px solid #313131;
    color: #313131;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    cursor: pointer;
}

/* modal */
.modal_fixed {
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    cursor: pointer;
}

.modal_fixed>.dis_table {
    width: 100%;
    min-width: 640px;
    height: 100%;
    padding: 70px 15px;
}

.modal_fixed.active {
    display: block;
}

.modal_fixed.rgba0 {
    background: rgba(0, 0, 0, 0);
}

.modal_fixed .dis_table {}

.modal_fixed .table_cell {
    vertical-align: top;
}

.modal_section {
    clear: both;
    max-width: 524px;
    margin: auto;
    padding: 0 65px;
    background: #ffffff;
    border-radius: 8px;
    cursor: default;
    z-index: 11;
}

.modal_section::after:not("dont_close_on_background_click") {
    position: absolute;
    top: -27px;
    right: 8px;
    content: "";
    width: 1px;
    height: 18px;
    background: #ffffff;
    transform: rotate(-45deg);
}

.modal_section::before:not("dont_close_on_background_click") {
    position: absolute;
    top: -27px;
    right: 8px;
    content: "";
    width: 1px;
    height: 18px;
    background: #ffffff;
    transform: rotate(45deg);
}

.modal_section .active_btn_wrap {
    padding-bottom: 34px;
    margin-bottom: 0;
}

.modal_notify {
    margin: 10px 0;
    padding: 6px 15px;
    border: solid 2px #ffcb19;
    border-radius: 5px;
}

.modal3 .modal_notify {
    text-align: center;
}

/* modal_login */
.modal_login .modal_section {
    max-width: 406px;
    padding: 50px 48px;
    text-align: center;
}

.modal1 .modal_section .logo img {
    max-height: 33px;
}

.modal_login .section_h2 {
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 1.4;
}

.modal_login .login_input {
    margin-bottom: 30px;
}

.modal_login .modal_section>.btn_wrap {
    padding: 0;
}

.modal_login .btn__active {
    width: 160px;
    height: 50px;
    margin: 0;
    font-weight: bold;
    line-height: 50px;
    box-shadow: 0 4px 11px 0 rgba(49, 47, 120, 0.4);
}

/* modal1 */
.modal1 .modal_section {
    max-width: 406px;
    padding: 0 25px;
}

.modal1 .modal_p {
    margin-top: 30px;
    color: #585858;
    font-size: 16px;
    line-height: 1.39;
}

.modal_section .icon img {
    width: auto;
    height: auto;
    margin: auto;
}

/* modal_bell */
.modal_bell .icon img {
    max-height: 42px;
}

/* modal_warning */
.modal_warning .icon img {
    max-height: 50px;
}

/* modal_admin_user */
.modal_admin_user .form_wrap>li .btn__y {
    width: 100%;
    padding: 0 14px;
}

.modal_admin_user .btn_wrap {
    padding: 25px 0 40px;
}

.modal_admin_user .btn_wrap a {
    font-size: 12px;
}

/* modal common */
.modal_title {
    padding-top: 20px;
    padding-bottom: 14px;
}

.modal_title .sm_p58 {
    margin-top: 4px;
}

.modal_section .form_wrap {
    margin-top: 15px;
}

.modal_section .form_wrap>li {
    margin-bottom: 15px;
}

.modal_section .form_wrap>li:last-child {
    margin-bottom: 20px;
}

.modal_section .modal_info_ul>li>label.sm_p58_b {
    float: left;
    width: 120px;
}

.modal_section .modal_info_ul>li>p.sm_p58 {
    float: left;
    width: calc(100% - 120px);
}

.modal_section .btn_wrap {
    padding: 20px 0 30px;
}

.modal_content {
    padding: 15px 0;
}

.modal_content+.active_btn_wrap.bor_top {
    margin-top: 0;
}

/* modal2 */
.modal2 .modal_section {
    max-width: 614px;
    padding: 0 35px;
}

/* modal_transfer */
.modal3 .modal_section {
    max-width: 880px;
    padding: 0 40px;
}

.modal_transfer .pagination_wrap .sm_p58_b {
    line-height: 22px;
}

.modal_transfer .transfer_list_wrap .btn_wrap {
    padding-bottom: 34px;
}

/* modal_doc_box */
.pagination_wrap .icon_notify_p_r {
    margin-top: 0;
    line-height: 22px;
}

.doc_box_ul>li {
    padding-left: 64px;
}

.doc_box_ul .list2 {
    width: 60%;
}

.doc_box_ul .list3 {
    width: 20%;
    text-align: center;
}

.doc_box_ul .list4 {
    width: 20%;
    text-align: right;
}

.modal_doc_box .doc_box_ul_wrap .btn_wrap {
    padding-bottom: 34px;
}

/* modal_empowerment */
.modal_empowerment .modal_section {
    max-width: 740px;
    padding: 0 45px;
}

.modal_empowerment .empowerment_user {
    margin-bottom: 7px;
}

.modal_empowerment .active_btn_wrap {
    margin-top: 25px;
    padding: 25px 0 30px;
}

/* modal_transfer_all */
.modal_section .active_btn_wrap.bor_top {
    padding: 25px 0 30px;
}

.modal_transfer_all .btn_wrap {
    margin-top: 10px;
}

.modal_transfer_all .active_btn_wrap {
    margin-top: 20px;
}

/* template_preview */
.template_preview_h1 {
    margin: 40px 0;
    border-left: 4px solid #000;
    padding-left: 16px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal;
}

#hotfix_20190515 {
    padding: 15px 0 40px;
}

/* modal_user */
.modal_user .modal_section .btn_wrap {
    padding: 0;
}

.modal_user .modal_top {
    margin-bottom: 0;
}

#find_employee_view_wrapper_20 .modal_section .btn_wrap {
    padding: 0;
}

#find_employee_view_wrapper_20 .modal_top {
    margin-bottom: 0;
}

.modal_user_ul>li {
    padding-left: 70px;
}

.modal_user_ul>li label {
    cursor: pointer;
}

.modal_user_ul>li .list2 {
    width: 70%;
}

.modal_user_ul>li .list3 {
    width: 30%;
    padding-top: 12px;
    text-align: center;
}

.modal_user_ul>li.list_hd .list3 {
    padding-top: 0;
}

.user_info .sm_p>.sm_pb4 {
    margin-left: 4px;
}

.modal_user .user_wrap {
    margin-top: 15px;
}

#modalOnAdminUserLayout .divide__2 .btn__y {
    width: 100%;
}

/* modal_add_relevant */
.modal_add_relevant .modal_section .active_btn_wrap {
    margin-top: 20px;
}

#tab_add_relevant .tab {
    width: 120px;
}

.modal_add_relevant .active_btn_wrap {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #f6f6fd;
}

.modal_add_relevant_btn .btn__y,
.modal_add_relevant_btn .btn__g {
    width: 100%;
}

/* modal_review_writing */
.modal_sign .sign_box {
    padding: 20px 0;
}

.modal_review_writing .modal_info_ul>li:first-child {
    margin-bottom: 5px;
}

.modal_info_ul>li>label.sm_p58_b {
    float: left;
    width: 120px;
}

.modal_info_ul>li>.info_r {
    float: left;
    width: calc(100% - 120px);
}

/* modal_signing 자필 서명 경함 */
.modal_signing .modal_section {
    width: 340px;
    padding: 0 35px;
}

.modal_signing .modal_title {
    padding: 60px 0 26px;
    font-size: 15px;
    text-align: center;
}

.modal_signing .modal_section .btn_wrap {
    padding: 25px 0 20px;
}

.modal_signin_box {
    width: 270px;
    height: 95px;
    margin-top: 15px;
    border: solid 1px #979797;
    color: #aaaaaa;
    font-size: 15px;
    text-align: center;
    line-height: 95px;
}

.modal_signin_box:first-child {
    margin-top: 0;
}

/* modal_add_oppsite */
.modal_search_hd {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right;
}

.modal_search_hd .input_search {
    width: 280px;
}

.modal_search_hd>.input_search {
    display: inline-block;
    margin-right: 11px;
}

#opponent_company_view .modal_section .pagination_area {
    margin-top: 15px;
    margin-bottom: 0;
}

/* modal_add_opposite_ul */
.modal_add_opposite_ul>li {
    padding-left: 60px;
}

.modal_add_opposite_ul>li .list2 {
    width: 36%;
}

.modal_add_opposite_ul>li .list3 {
    width: 32%;
}

.modal_add_opposite_ul>li .list4 {
    width: 32%;
    text-align: center;
}

/* modal_sign, modal_sign_outsider */
.modal_sign .modal_sign_view {
    display: none;
}

.modal_sign .modal_sign_view.active {
    display: block;
}

.modal_sign .modal_sign_top {
    margin-bottom: 20px;
}

.modal_sign .modal_sign_top .fl {
    margin-right: 30px;
}

.modal_sign .tab {
    width: 120px;
}

.modal_sign .sign_notice {
    padding: 6px 20px 5px;
    border: 2px solid #ffcb19;
    border-radius: 5px;
    color: #585858;
    font-size: 12px;
}

.modal_sign .sign_box {
    padding: 20px 0;
}

.modal_sign .sign_contract_info>li>label.sm_p58_b {
    float: left;
    width: 120px;
}

.modal_sign .sign_contract_info>li>p.sm_p58 {
    float: left;
    width: calc(100% - 120px);
}

.modal_sign .sign_zone {
    height: 80px;
    border: 1px solid #d0d2db;
    line-height: 80px;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.modal_sign .sign_zone img {
    width: auto;
    height: auto;
    max-width: 96%;
    max-height: 96%;
}

.modal_sign .sign_box .lg_p {
    margin-bottom: 15px;
}

.modal_sign .sign_contract_info>li {
    margin-bottom: 10px;
}

.modal_sign .sign_contract_info li:last-child {
    margin-bottom: 0;
}

.modal_sign .sign_agree {
    margin-top: 18px;
}

.modal_sign .sign_contract_info li.sign_line {
    margin-bottom: 10px;
}

.modal_sign .sign_line .sm_p58_b {
    line-height: 36px;
}

.modal_sign .btn_wrap {
    padding: 20px 0 30px;
}

.modal_contract_input_field .form_wrap>li {
    margin-bottom: 10px;
}

.modal_contract_input_field .form_wrap>li:last-child {
    margin-bottom: 0;
}

.modal_section .tabs {
    height: 40px;
    border-bottom: 1px solid #d0d2db;
}

.modal_section .tviews {
    padding: 0;
    border: none;
    border-bottom: 1px solid #f6f6fd;
}

.modal_section .bt_tab .tview {
    padding: 0;
}

.modal_top {
    margin-bottom: 20px;
}

.modal_section .pagination_area {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal_section .pagination_area.type1 {
    margin-top: 0;
    margin-bottom: 0;
}

.modal_section .pagination {
    margin: 0;
}

/* modal confirm */
.modal_confirm .modal_section {
    max-width: 456px;
    padding: 35px 20px 30px;
    text-align: center;
}

.modal_confirm .icon img {
    max-height: 35px;
}

.modal_confirm.modal_warning .icon img {
    max-height: 35px;
}

.modal_confirm .modal_p {
    margin-top: 18px;
}

.modal_confirm .modal_section .active_btn_wrap {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.modal_confirm .btn__active,
.modal_confirm .btn__cancel {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.btn__check {
    padding-left: 2.5em;
    padding-right: 1em;
    transition: opacity 1s;
}

.btn__check:before {
    content: '';
    position: absolute;
    left: 0.75em;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    display: block;
    width: 0.77em;
    height: 0.63em;
    background-image: url(../imgs/wf_finish.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn__check .count {
    position: absolute;
    left: 0.75em;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    display: none;
    width: 0.77em;
}

.btn__check.wait {
    opacity: 0.7;
    cursor: wait;
    pointer-events: none;
}

.btn__check.wait .count {
    display: block;
}

.btn__check.wait:before {
    display: none;
}

/* modal confirm */
.modal_check .modal_section,
.modal_bell .modal_section,
.modal_warning .modal_section {
    max-width: 406px;
    padding: 70px 20px;
    text-align: center;
}

.modal_alram .modal_section {
    padding: 35px 20px 30px;
}

.modal_alram .modal_p {
    margin-top: 18px;
}

.modal_alram .modal_section .active_btn_wrap {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.modal_alram .btn__active,
.modal_alram .btn__cancel {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

/* modal_loading */
.modal_fixed.modal_loading {
    cursor: default;
}

.modal_fixed.modal_loading .table_cell {
    vertical-align: middle;
}

.modal_loading .modal_section {
    background: none;
    text-align: center;
}

.modal_loading .modal_p {
    position: relative;
    color: #fff;
    line-height: 20px;
}

.modal_loading .modal_p::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../imgs/icon_loading.svg) no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: top;
    animation: loading 0.74s linear infinite;
    -webkit-animation: loading 0.74s linear infinite;
    -moz-animation: loading 0.74s linear infinite;
    -o-animation: loading 0.74s linear infinite;
}

/* modal_opposite_ul */
.modal_opposite_ul>li {
    padding-left: 70px;
}

.modal_opposite_ul>li .list2 {
    width: 60%;
}

.modal_opposite_ul>li .list3 {
    width: 40%;
}

/* modal_circulation */
.modal_circulation_ul {
    margin-top: 20px;
}

.modal_circulation_ul>li {
    margin-bottom: 20px;
}

.modal_circulation_user {
    margin-bottom: 5px;
}

.modal_circulation_user>label {
    margin-right: 15px;
    line-height: 30px;
}

.modal_circulation_input {
    padding-right: 20px;
}

/* modal_notice */
.modal_notice.modal_section {
    max-width: 640px;
}

.modal_notice .modal_title {
    margin-bottom: 20px;
}

.modal_notice .attachment_list {
    margin-top: 30px;
}

/* modal_contract 다중 수신인 계약서 보기 */
.modal_contract.modal_section {
    max-width: 780px;
    padding: 0 25px;
}

.modal_contract.modal_section .modal_title .lg_p {
    line-height: 30px;
}

.modal_contract.modal_section .template_preview_wrap {
    margin-top: 30px;
}

.modal_contract.modal_section .signing_box_wrap {
    margin-top: 30px;
    margin-bottom: -20px;
}

.modal_contract .mltpl_li_btn {
    border: 1px solid #d0d2db;
    border-radius: 4px;
}

.modal_contract .active_btn_wrap {
    margin-top: 0;
}

/* section__template_setting */
.section__template_setting {
    padding-bottom: 30px;
}

.section__template_setting .active_btn_wrap {
    margin: 40px 0;
}

.section__template_setting .tmp_hd {
    margin-top: 36px;
    margin-bottom: 10px;
}

.section__template_setting .tmp_hd .m_p58_b {
    height: 30px;
    line-height: 30px;
}

.template_setting_wrap {
    height: 570px;
    border: 1px solid #e8e8e8;
}

.template_setting_inner {
    width: calc(100% + 2px);
    height: calc(100% + 1px);
    margin: -1px;
    overflow-y: auto;
}

.template_setting_ul>li {
    padding: 12px 50px 12px 20px;
    border: 2px solid transparent;
    color: #585858;
    font-size: 15px;
    cursor: move;
}

.template_setting_ul>li:hover {
    background: url(../imgs/drag_hover.svg) no-repeat calc(100% - 16px) 19px;
    background-size: 14px 10px;
}

.template_setting_ul>li.active {
    border: 2px solid #ffcb19;
    color: #000000;
    font-weight: bold;
    background: url(../imgs/drag_active.svg) no-repeat calc(100% - 16px) 19px;
    background-size: 14px 10px;
}

.template_setting_ul>li .sm_pb4 {
    margin-top: 2px;
}

.template_setting_ul>li.active .sm_pb4 {
    font-weight: 400;
    color: #585858;
}

/* 공통 섹션 스타일 */
.section_bt_wrap {
    width: 1200px;
    margin: auto;
}

.section_bt_wrap::after {
    content: "";
    display: block;
    clear: both;
}

.section_bt_content {
    float: left;
    width: 780px;
}

.section_bt_flow {
    float: right;
    width: 400px;
    padding: 20px 20px 0;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

/* section_contract_view */
.section_contract_view {
    width: 1303px;
    margin: auto;
}

.contract_view_wrap {
    max-width: 1440px;
    margin: auto;
}

.contract_view {
    display: inline-block;
    float: left;
    width: 883px;
    padding: 20px 25px 28px;
    margin-right: 20px;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

.contract_view.type1 {
    width: 100%;
}

.contract_view_wrap .contract_view {
    margin-right: 0;
}

.contract_view_timeline {
    display: inline-block;
    float: right;
    width: calc(100% - 903px);
    overflow: hidden;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

/* 210525_추가수정 */
.section_contract_view.wide {
    width: 1440px;
}

.section_contract_view.wide .contract_view_detail {
    width: 537px;
}

.section_contract_view.wide .workflow_wrap {
    padding-top: 10px;
}

.section_contract_view.wide .bt_tab {
    position: relative;
    margin: 20px 0;
}

.section_contract_view.wide .bt_tab:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #d0d2db;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section_contract_view.wide .multi_contract_head>.clearfix {
    margin-left: -10px;
    padding-left: 10px;
}

.section_contract_view.wide .multi_contract_head>.clearfix a {
    position: relative;
    padding-left: 34px;
}

.section_contract_view.wide .multi_contract_head>.clearfix a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-size: 10px auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.comment:before {
    background-image: url(../imgs/icon_/icon_cont_timeline2.svg);
    background-color: #f5dbcc;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.attach:before {
    background-image: url(../imgs/icon_/icon_cont_timeline8.svg);
    background-color: #e5e8ff;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.info:before {
    background-image: url(../imgs/icon_/icon_cont_timeline1.svg);
    background-color: #cfd7eb;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.active {
    font-weight: bold;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.active.comment {
    color: #aa6952;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.active.attach {
    color: #364aed;
}

.section_contract_view.wide .multi_contract_head>.clearfix a.active.info {
    color: #102e80;
}

.section_contract_view.wide .multi_contract_head>.clearfix a:first-child {
    padding-left: 17px;
}

.section_contract_view.wide .multi_contract_head>.clearfix a:first-child:before {
    display: none;
}

/* //210525_추가수정 */
@media (max-width: 767px) {
    .contract_view_timeline {
        position: relative;
        top: auto;
        margin-top: 20px;
    }
}

.contract_view_timeline.fixed {
    position: fixed;
    top: 0px;
    max-height: 100vh;
}

.contract_view_timeline.fixed .contract_timeline_wrap {
    height: calc(100vh - 236px);
}

.contract_timeline_wrap {
    max-height: 80vh;
    overflow-y: auto;
    margin: 20px -20px 0;
    padding: 0 20px 0 11px;
    width: calc(100% + 40px);
}

.contract_view_detail {
    display: inline-block;
    float: left;
    width: 400px;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

.contract_view_iframe {
    padding-left: 0;
    padding-right: 0;
}

.contract_view_iframe.contract_view .section_head {
    padding: 0 25px 20px;
    margin-bottom: 0;
}

/* contract timeline */
.contract_timeline {
    width: calc(100% - 2px);
}

.contract_timeline>li {
    padding-left: 29px;
    margin-bottom: 15px;
}

.contract_timeline>li:last-child {
    margin-bottom: 24px;
}

.contract_timeline>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 9px;
    width: 1px;
    height: 100%;
    background: #ececec;
    z-index: 1;
}

.contract_timeline>li:last-child:after {
    display: none;
}

.contract_timeline>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-size: 10px auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

.contract_timeline>li.cont_timeline_itm1 {
    color: #102e80;
}

.contract_timeline>li.cont_timeline_itm2 {
    color: #aa6952;
}

.contract_timeline>li.cont_timeline_itm3 {
    color: #f11111;
}

.contract_timeline>li.cont_timeline_itm4 {
    color: #525c4e;
}

.contract_timeline>li.cont_timeline_itm5 {
    color: #fc6919;
}

.contract_timeline>li.cont_timeline_itm6 {
    color: #00ba4b;
}

.contract_timeline>li.cont_timeline_itm7 {
    color: #626262;
}

.contract_timeline>li.cont_timeline_itm8 {
    color: #364aed;
}

.contract_timeline>li.cont_timeline_itm9 {
    color: #626262;
}

.contract_timeline>li.cont_timeline_itm1:before {
    background-image: url(../imgs/icon_/icon_cont_timeline1.svg);
    background-color: #cfd7eb;
}

.contract_timeline>li.cont_timeline_itm2:before {
    background-image: url(../imgs/icon_/icon_cont_timeline2.svg);
    background-color: #f5dbcc;
}

.contract_timeline>li.cont_timeline_itm3:before {
    background-image: url(../imgs/icon_/icon_cont_timeline3.svg);
    background-color: #ffafaf;
}

.contract_timeline>li.cont_timeline_itm4:before {
    background-image: url(../imgs/icon_/icon_cont_timeline4.svg);
    background-color: #dfe5dd;
}

.contract_timeline>li.cont_timeline_itm5:before {
    background-image: url(../imgs/icon_/icon_cont_timeline5.svg);
    background-color: #ffd9af;
}

.contract_timeline>li.cont_timeline_itm6:before {
    background-image: url(../imgs/icon_/icon_cont_timeline6.svg);
    background-color: #def5e8;
}

.contract_timeline>li.cont_timeline_itm7:before {
    background-image: url(../imgs/icon_/icon_cont_timeline7.svg);
    background-color: #dfe5dd;
}

.contract_timeline>li.cont_timeline_itm8:before {
    background-image: url(../imgs/icon_/icon_cont_timeline8.svg);
    background-color: #e5e8ff;
}

.contract_timeline>li.cont_timeline_itm9:before {
    background-image: url(../imgs/icon_/icon_cont_timeline9.svg);
    background-color: #dfe5dd;
}

.contract_timeline_hd {
    padding-right: 48px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
}

.contract_timeline>li .cont_timeline_date {
    float: right;
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}

.contract_timeline_hd .btn_toggle_arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.section_title {
    padding: 20px 0 12px;
    border-bottom: 1px solid #f6f6fd;
}

.cont_timeline_box {
    padding: 0 10px;
    margin-top: 5px;
    border: solid 1px #ececec;
    border-radius: 6px;
    color: #585858;
    font-size: 12px;
}

.cont_timeline_box .bor_top,
.cont_timeline_box .bor_btm {
    border-color: #ececec;
}

.cont_timeline_itm2 .cont_timeline_box .bor_top,
.cont_timeline_itm2 .cont_timeline_box .bor_btm {
    border-color: #d8dbe3;
}

.cont_timeline_itm2 .cont_timeline_box {
    border-color: #f3f5f9;
    background-color: #f3f5f9;
}

.cont_timeline_itm3 .cont_timeline_box {
    border-color: #ff3838;
}

.cont_timeline_hd {
    padding: 8px 0 6px;
    line-height: 1;
}

.cont_timeline_hd .span_itm {
    margin-left: 5px;
    color: #585858;
    font-weight: 400;
}

.cont_timeline_content {
    padding: 10px 0;
}

.cont_timeline_content textarea {
    height: 85px;
}

.cont_timeline_content .btn_reply {
    margin-top: 10px;
    line-height: 1;
}

.cont_timeline_btm {
    padding: 10px 0;
}

.comment_send.type2 {
    margin: 0 -20px;
    border-top: 1px solid #ececee;
    padding: 15px 20px;
    padding-right: 42px;
    min-height: 54px;
    background: #ffffff;
}

.comment_send.type2 textarea.comment_send_textarea {
    width: 100%;
    height: 2.66em;
    line-height: 1.33;
    border: none;
}

.btn_more {
    display: inline-block;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

/* contract_view */
/* 계약 수정사항 개발 적용 전 css back */
.contract_view .section_head,
.section__official_view .section_head {
    padding-bottom: 20px;
    margin-bottom: 15px;
}

/**/
.section_view_head {
    padding-bottom: 15px;
    border-bottom: solid 1px #f3f3f3;
}

.contract_view .section_head .contract_h1 {
    line-height: 1.35;
}

.contract_info_p {
    margin-bottom: 5px;
}

.contract_view .section_head .sm_p58 {
    line-height: 35px;
}

.contract_view .section_head .sm_pb4 {
    line-height: 35px;
}

.contract_hd_btn {
    padding-top: 3px;
}

.contract_top .section_head .user {
    float: none;
    display: inline-block;
}

.contract_top .section_head .btn_add {
    float: none;
    display: inline-block;
}

/* 계약 수정사항 개발 적용 전 css back */
.contract_top .contract_workflow_btn_wrap {
    margin-bottom: 15px;
}

/**/
.section_view_head_btn_wrap {
    margin: 20px 0;
}

.contract_wrap .btn_add {
    width: auto;
    padding: 0 18px;
}

.contract_work_area .sm_p58_b {
    float: left;
    min-width: 64px;
    width: auto;
    padding-right: 10px;
    line-height: 30px;
}

.user.constructor .sm_p58 {
    background-color: #f3f5f9;
}

.user [class*="btn_sub"] {
    margin-left: 12px;
    font-size: 13px;
    font-weight: bold;
}

.btn_sub_cmplt {
    color: #ef3e3e;
}

.btn_sub_wait {
    color: #cbcbcb;
}

.contract_work_area {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f6f6fd;
}

/* 계약 수정사항 개발 적용 전 css back */
.contract_top .drop_wrap {
    padding-top: 6px;
}

/**/
.contract_setting_btn>.fl {
    padding-top: 9px;
}

.contract_setting_btn .switch_label {
    display: inline-block;
    margin-right: 10px;
    line-height: 20px;
    vertical-align: bottom;
}

.contract_setting_btn .switch_wrap {
    display: inline-block;
    vertical-align: bottom;
}

.contract_btn_p_d {
    border: 1px solid #000;
    border-right: none;
}

.contract_setting_btn .mltpl_li_btn {
    float: left;
    width: 30px;
    height: 30px;
    border-right: 1px solid #000;
    cursor: pointer;
}

.counsel_setting_btn>.fl {
    padding-top: 9px;
}

.counsel_setting_btn .switch_label {
    display: inline-block;
    margin-right: 10px;
    line-height: 20px;
    vertical-align: bottom;
}

.counsel_setting_btn .switch_wrap {
    display: inline-block;
    vertical-align: bottom;
}

.counsel_setting_btn .mltpl_li_btn {
    float: left;
    width: 30px;
    height: 30px;
    border-right: 1px solid #000;
    cursor: pointer;
}

.contract_area {
    width: 100%;
    height: auto;
    margin-top: 12px;
}

.contract_area>textarea {
    min-height: 500px;
}

.contract_area .memo {
    position: relative;
    background-color: rgba(255, 125, 25, 0.15);
    cursor: pointer;
}

.contract_area .memo.active {
    background-color: rgba(255, 125, 25, 0.5);
}

.ProseMirror .tooltip-wrapper {
    vertical-align: top;
}

ul.commentList {
    position: absolute;
    top: 28px;
    left: 0;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2;
}

.memo_box {
    display: block;
    padding: 10px;
    width: 160px;
    margin-bottom: 2px;
    border: solid 1px #ff7d19;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    font-size: 12px;
    cursor: auto;
}

.memo_box:last-child {
    margin-bottom: 0;
}

.memo_box::after {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    width: 11px;
    height: 11px;
    background: url(../imgs/icon_editor_memo.svg) no-repeat center;
    background-size: 11px 10px;
    z-index: 3;
}

.memo_box .clearfix,
.memo_resolved .clearfix {
    display: block;
}

.memo_box_x {
    display: inline-block;
    margin-top: 5px;
    margin-left: -4px;
    color: #364aed;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.memo_resolved {
    position: relative;
    border-bottom: 1px solid #c3c5c7;
    background-color: rgba(243, 245, 249, 1);
    cursor: pointer;
}

.memo_resolved.active {
    border-bottom: none;
    background-color: rgba(224, 229, 239, 1);
}

.memo_box_resolved {
    display: block;
    width: 160px;
    border: solid 1px #c3c5c7;
    background-color: #f3f5f9;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    font-size: 12px;
    cursor: auto;
    z-index: 2;
}

.added {
    background-color: rgba(25, 110, 255, 0.15);
}

.deleted {
    color: #cccccc;
    text-decoration: line-through;
}

/* 계약 상세 > 상단 알림 영역 */
.top_notification_area {
    margin-bottom: 20px;
}

.top_notification {
    padding: 10px 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: solid 1px #dadada;
    background-color: #ffffff;
}

.top_notification .btn_xs {
    min-width: 72px;
    margin-left: 2px;
    vertical-align: top;
}

.notification_aprvl {
    border: 2px solid #dadada;
}

.notification_opinion {
    border: 2px solid #ffcb19;
    padding: 10px 12px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.notification_return {
    border: 2px solid #f95f5f;
}

.top_notification .m_p.b {
    margin-bottom: 5px;
}

.top_notification .sm_b .sm_pb4 {
    margin-left: 10px;
    font-weight: 400;
}

.top_notification .clearfix>.fl.sm_p58 {
    line-height: 26px;
}

/* 전자 서명란 */
.signing_box_wrap {
    margin: 0 -20px;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    letter-spacing: 0;
}

.contract_view .signing_box_wrap {
    margin: 40px -20px 0;
    letter-spacing: 0;
}

/* signing 공용 */
.signing_box {
    display: inline-block;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
    vertical-align: top;
}

.signing_box:nth-child(even) {
    margin-left: -4px;
}

.signing_box .signing_line {
    width: 100%;
    padding: 10px 0 8px;
    border-bottom: 1px solid #d0d2db;
}

.signing_box .signing_line::after {
    content: "";
    display: block;
    clear: both;
}

.signing_box .signing_line p {
    float: left;
    font-size: 13px;
}

.signing_box .signing_line .pdf_p_s_9b {
    width: 100px;
}

.signing_box .signing_line .pdf_p {
    width: calc(100% - 100px);
}

.signing_area {
    height: 74px;
    margin-top: 27px;
    border: 1px solid #fbfbfb;
    text-align: center;
}

.signing_line_date {
    padding: 10px 0 8px;
}

.signing_line_date_p {
    width: 100%;
    text-align: right;
    color: #b4b4b4;
    font-size: 11px;
}

.signing_box_wrap .pdf_p_s_9b {
    color: #9b9b9b;
}

/* //signing 공용 */
/* editor memo */
.contract_memo_ul>li {
    margin-bottom: 20px;
}

.contract_memo_ul>li:last-child {
    margin-bottom: 0;
}

.cont_memo_box {
    padding: 9px 10px 8px;
    background-color: #f3f5f9;
}

.cont_memo_hd {
    margin-bottom: 4px;
}

.cont_memo_hd .sm_p {
    float: left;
}

.cont_memo_hd .sm_pb4 {
    float: right;
    font-size: 13px;
}

.cont_memo_btn .reply_btn_wrap {
    margin-top: 5px;
    margin-left: 0;
}

.fr.reply_btn_wrap {
    float: right;
}

.cont_memo_btn .reply_btn_wrap .btn_replay_s {
    display: inline-block;
    padding-right: 8px;
    margin-right: 4px;
    border-right: 1px solid #585858;
    color: #585858;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
}

.cont_memo_btn .reply_btn_wrap .btn_replay_s:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.cont_memo_btn .reply_btn_wrap .btn_replay_s.resolve {
    color: #ea5252;
}

.contract_memo_replay>li {
    margin-top: 10px;
    padding-left: 19px;
    background: url(../imgs/icon_memo_reply.svg) no-repeat left 3px;
    background-size: 12px 9px;
}

.contract_memo_ul>li.active .cont_memo_box {
    border: 1px solid #ff7d19;
    background-color: rgba(255, 125, 25, 0.15);
}

.contract_memo_ul>li.resolve {
    color: #c3c5c7 !important;
}

.contract_memo_ul>li.resolve .cont_memo_box {
    border: solid 1px #c3c5c7;
    background-color: #f3f5f9;
}

.contract_memo_ul>li.resolve .cont_memo_btn .reply_btn_wrap .btn_replay_s {
    border-right: 1px solid #c3c5c7;
    color: #585858;
}

.contract_memo_ul>li.resolve .cont_memo_btn .reply_btn_wrap .btn_replay_s:last-child {
    border-right: none;
}

.contract_memo_ul>li.resolve .cont_memo_box p:not(.btn_replay_s) {
    color: #c3c5c7 !important;
}

/* editor memo type1 */
.contract_memo_ul.type1 {
    overflow-y: auto;
    width: 100%;
    max-height: 350px;
}

.contract_memo_ul.type1>li {
    display: inline-block;
    width: 24%;
    height: 150px;
    margin-right: 1%;
    margin-bottom: 10px;
    vertical-align: top;
    font-size: 0;
}

.contract_memo_ul.type1>li.list_none_li {
    height: auto;
    padding: 10px 0;
    font-size: 14px;
    text-align: left;
}

.contract_memo_ul.type1>li .cont_memo_hd {
    display: flex;
    line-height: 1;
}

.contract_memo_ul.type1>li .cont_memo_position {
    display: block;
    margin-top: 5px;
    font-size: .8em;
}

.contract_memo_ul.type1>li .cont_memo_name {
    font-weight: bold;
}

.contract_memo_ul.type1>li .cont_memo_time {
    margin-left: auto;
}

.contract_memo_ul.type1>li .cont_memo_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 5px;
    background-color: #fcf8ea;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.contract_memo_ul.type1>li .cont_memo_text {
    overflow-y: auto;
    flex: 1 1 auto;
}

.contract_memo_ul.type1>li.active .cont_memo_box {
    border-color: #b70000;
}

.progress_area {
    margin-top: 15px;
}

.progress_area .tab_progress_ul {
    height: 195px;
    padding: 0 15px;
    margin-top: 8px;
    overflow-y: auto;
    border: 1px dotted #ededef;
}

/* 다중 계약 리스트 */
.mltpl_wrap {
    margin-bottom: 20px;
}

.bt_title {
    padding: 13px 18px;
    background: #94a0ff;
    border-left: 3px solid #6674e8;
    color: #ffffff;
    font-size: 14px;
}

#contract_edit_receivers_wrapper {
    margin-bottom: 30px;
}

.mltpl_top_btn {
    margin: 20px 0;
}

.mltpl_list {
    margin-bottom: 20px;
}

.mltpl_list>li {
    padding: 10px 0 8px;
    border-bottom: 1px solid #f6f6fd;
}

.mltpl_list>li:first-child {
    border-top: 1px solid #f6f6fd;
}

.mltpl_list>li [class*="list"] {
    float: left;
}

.mltpl_list>li .list1 {
    width: 62px;
}

.mltpl_list>li .list2 {
    width: calc(100% - 160px);
}

.multi_cont_attach_cnt {
    display: inline-block;
    width: 54px;
    height: 22px;
    padding-left: 18px;
    border-radius: 15px;
    background-image: url(../imgs/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 11px center;
    background-color: #f5f5f5;
    color: #585858;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}

.multi_cont_attach_cnt:hover {
    cursor: pointer;
}

.mltpl_list>li .list3 {
    width: 99px;
}

.mltpl_list>li .list4 {
    width: 130px;
}

.mltpl_list>li .list5 {
    width: 120px;
}

.mltpl_list>li .list6 {
    width: calc(100% - 280px);
}

.mltpl_li_top {
    margin-bottom: 4px;
}

.mltpl_li_top .b {
    display: inline-block;
    margin: 0 8px;
}

.mltpl_li_top .sm_p58.dis_inb span {
    position: relative;
    padding-right: 16px;
}

.mltpl_li_top .sm_p58.dis_inb span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #b4b4b4;
}

.mltpl_li_top .sm_p58.dis_inb span:last-child::after {
    display: none
}

.mltpl_list>li .mltpl_list_btn_wrap {
    float: right;
    border: 1px solid #000;
}

.mltpl_list_btn_wrap .mltpl_li_btn {
    float: left;
}

.mltpl_li_btn {
    width: 30px;
    height: 30px;
    border-right: 1px solid #000;
    cursor: pointer;
}

.mltpl_list_btn_wrap .mltpl_li_btn:last-child {
    border-right: none;
}

.mltpl_li_btn.btn_contract {
    background: url("../imgs/icon_read.svg") no-repeat center;
    background-size: 14px 14px;
}

.mltpl_li_btn.btn_down {
    background: url("../imgs/icon_/icon_download.svg") no-repeat center;
    background-size: 15px 13px;
}

.mltpl_li_btn.btn_print {
    background: url("../imgs/icon_printer.svg") no-repeat center;
    background-size: 15px 15px;
}

.mltpl_li_btn.btn_del {
    background: url("../imgs/icon_trash.svg") no-repeat center;
    background-size: 12px 14px;
}

.multiple_receivers_editable_elements .multiple_label {
    display: inline-block;
    margin-right: 20px;
}

.multiple_receivers_editable_elements label {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

/* 다중발송 수신인 관리 추가  */
.multi_recivers_wrap {
    margin: 20px 0;
    padding: 30px;
    border: 1px solid #a8aab7;
    min-width: 420px;
}

.multi_recivers_wrap h2 {
    position: absolute;
    top: -13px;
    background: #ffffff;
    padding: 0 15px;
}

.multi_recivers_wrap .mltpl_li_btn.btn_contract {
    background-size: 9px 9px
}

.multi_recivers_wrap .mltpl_li_btn.btn_down {
    background-size: 12px 12px
}

.multi_recivers_wrap .mltpl_li_btn.btn_print {
    background-size: 12px 11px
}

.multi_recivers_wrap .mltpl_li_btn.btn_del {
    background-size: 12px 12px
}

.multi_recivers_wrap .mltpl_li_btn {
    width: 22px;
    height: 22px;
}

.multi_recivers_wrap .list_header {
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li {
    padding: 5px 0 3px 8px;
}

.multi_recivers_wrap .mltpl_list>li .list1 {
    width: 69px;
    min-width: 66px;
    text-align: left;
}

.multi_recivers_wrap .mltpl_list>li .list1 label {
    margin-left: 8px;
    padding-left: 23px;
}

.multi_recivers_wrap .mltpl_list>li .list2 {
    width: calc(100% - 160px);
    text-align: left;
}

.multi_recivers_wrap .mltpl_list>li .list2 p {
    margin: 0px;
}

.multi_recivers_wrap .mltpl_list>li .list3 {
    width: 25%;
    min-width: 65px;
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li .list4 {
    width: 30%;
    min-width: 34px;
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li .list5 {
    width: 15%;
    min-width: 29px;
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li .list6 {
    width: 12%;
    min-width: 69px;
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li .list7 {
    width: 10%;
    min-width: 48px;
    text-align: center;
}

.multi_recivers_wrap .mltpl_list>li .list8 {
    width: 80px;
    min-width: 80px;
}

.multi_recivers_wrap .state__workflow {
    height: auto;
    font-size: 7px;
    padding-left: 17px;
    padding-right: 8px;
    border-radius: 9px;
    line-height: 23px;
}

.multi_recivers_wrap .state__workflow__sign__complete {
    height: auto;
    font-size: 7px;
    padding-left: 17px;
    padding-right: 8px;
    border-radius: 9px;
    line-height: 23px;
}

.multi_cont_attach_cnt {
    display: inline-block;
    width: 54px;
    height: 22px;
    padding-left: 18px;
    border-radius: 15px;
    background-image: url(../imgs/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 11px center;
    background-color: #f5f5f5;
    color: #585858;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}

.multi_cont_attach_cnt:hover {
    cursor: pointer;
}


/* official_note_view */
.section__official_view {
    padding: 20px 25px 28px;
}

.official_view_set {
    padding-bottom: 25px;
}

.official_view_set .line {
    margin-bottom: 20px;
}

.official_view_set .line:last-child {
    margin-bottom: 0;
}

.official_view_set .line .m_p58_b {
    margin-bottom: 7px;
}

.official_view_set .tag {
    margin: 0;
}

.official_doc_area .dis_inb {
    min-width: 240px;
    max-width: calc(100% - 100px);
    padding: 6px 10px;
    border: 1px solid #e7e7e7;
    background-color: #f5f5f5;
    color: #585858;
    font-size: 12px;
}

.official_doc_area .btn_sub {
    display: inline-block;
    margin-top: 6px;
    margin-left: 15px;
}

/* contract_view_detail */
/* 요청 */
.contract_workflow_doc {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f6f6fd;
}

.contract_workflow_doc>li {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #dadada;
    text-align: center;
}

.contract_workflow_doc>li:last-child {
    margin-bottom: 0;
}

.contract_workflow_doc>li .tc {
    margin-top: 4px;
}

.contract_workflow_doc>li .tc .btn_xs {
    margin: 0 1px;
}

.prs_chr {
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px dotted #dadada;
}

.contract_workflow_user {
    padding-bottom: 20px;
}

.contract_workflow_user .line {
    margin-bottom: 15px;
}

/* 외부자 */
.contract_view_outsider {
    padding-top: 40px;
}

.contract_view_outsider .contract_workflow_user {
    padding-top: 20px;
    padding-bottom: 0;
}

.contract_workflow_btn_wrap {
    margin-top: 20px;
}

/* 계약상대추가 */
.contract_counterpart {
    margin-bottom: 20px;
    border-top: 1px solid #f8f8fc;
}

.contract_counterpart .line.clearfix .fl.sm_p58.b {
    line-height: 30px;
}

.contract_counterpart .line {
    padding-top: 10px;
    margin-bottom: 10px;
}

.contract_counterpart .line:last-child {
    margin-bottom: 0;
}

.contract_counterpart .line .m_p58_b {
    padding-top: 5px;
}

.contract_counterpart_ul {
    margin-top: 10px;
}

.contract_counterpart_ul>li {
    padding: 18px 20px 15px;
    margin-bottom: 10px;
    border: 1px solid #a4a4a4;
}

.contract_counterpart_ul>li:last-child {
    margin-bottom: 0;
}

.contract_counterpart_ul>li p {
    line-height: 1.4;
}

.contract_counterpart_ul>li .fr {
    padding-top: 4px;
}

.contract_counterpart_ul>li .btn_xs {
    width: 72px;
}

.sign_finish {
    background: url(../imgs/stamp_finish.svg) no-repeat calc(100% - 20px) center;
    background-size: 53px 53px;
}

.sign_inc {
    background: url(../imgs/stamp_inc.svg) no-repeat calc(100% - 20px) center;
    background-size: 53px 53px;
}

/* 다중계약 */
.multi_contract_counterpart {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #d0d2db;
}

.multi_contract_head>.clearfix {
    padding-bottom: 14px;
    margin-top: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d2db;
}

.multi_check_wrap {
    margin-top: 15px;
    margin-bottom: 40px;
}

.multi_check_wrap input[type=checkbox]+label {
    padding-left: 24px;
}

.multi_contract_ul>li {
    padding: 9px 0;
    border-bottom: 1px solid #ededef;
}

.multi_contract_ul>li::after {
    content: "";
    clear: both;
    display: block;
}

.multi_contract_ul .state__workflow {
    margin-top: 4px;
    border-width: 1px;
}

.multi_contract_ul .multi_check {
    float: left;
    width: 28px;
    height: 28px;
}

.multi_counterpart {
    float: left;
    width: calc(100% - 42px);
    padding-top: 2px;
}

.multi_more {
    float: left;
    width: 14px;
    margin-top: 2px;
    cursor: pointer;
}

.multi_more .icon_more {
    width: 4px;
    height: 4px;
    margin: auto;
    margin-bottom: 2px;
    border-radius: 50%;
    background-color: #b4b4b4;
}

.multi_more_ul {
    position: absolute;
    top: 26px;
    right: 0;
    width: 84px;
    padding: 8px 12px;
    border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    font-size: 12px;
    line-height: 2;
    text-align: right;
    display: none;
}

/* opinion */
.opinion_writing {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #d0d2db;
}

.opinion_writing .line {
    margin-top: 13px;
}

.opinion_writing .form_group {
    margin-top: 10px;
}

.opinion_writing .form_group textarea {
    height: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.opinion_writing .user {
    display: block;
    float: left;
}

.opinion_view {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 2px solid #ffcb19;
}

.opinion_aprvl_view {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 2px solid #ededef;
}

/* 진행상황, 첨부파일, 코멘트 */
.contract_tab {
    margin-bottom: 20px;
}

.tab_progress_ul>li,
.tab_attachment_ul>li {
    padding: 9px 0;
    border-bottom: 1px solid #ededef;
}

.tab_progress_ul>li {
    padding: 9px 0;
    border-bottom: 1px solid #ededef;
}

.tab_progress_ul>li:last-child {
    border-bottom: none;
}

.tab_progress_ul .fl.check {
    width: 30px;
    height: 30px;
}

.tab_progress_ul .check_progress {
    width: calc(100% - 30px);
}

.check_progress .info {
    width: calc(100% - 100px);
}

.tab_progress_ul .down {
    width: 100px;
    padding-top: 2px;
    text-align: right;
}

.tab_progress_ul .change {
    display: inline-block;
    margin-right: 10px;
    color: #364aed;
    font-size: 12px;
}

.tab_progress_ul+.btn_wrap {
    margin-top: 10px;
}

.tab_progress_ul+.btn_wrap .xs_p58 {
    line-height: 30px;
}

.tab_progress_ul .opinion_view2 .opinion_label {
    margin-top: 9px;
    margin-bottom: 4px;
    color: #ff8b19;
    font-size: 13px;
    font-weight: bold;
}

p.opinion_p {
    color: #ff8b19;
}

.opinion_content {
    max-height: 95px;
    overflow: hidden;
    margin-top: 8px;
    transition: all 0.3s;
}

.progress_opinion .tr {
    margin-top: 7px;
    padding-bottom: 2px;
}

.btn__e.btn_height_on {
    min-width: inherit;
    width: 56px;
    height: 26px;
    padding: 0;
    padding-left: 8px;
    border-radius: 4px;
    background-color: #e7e7e7;
    cursor: pointer;
    font-size: 11px;
    line-height: 26px;
    text-align: left;
}

.btn_height_on::before {
    content: "펼치기";
}

.progress_area.height_on .tab_progress_ul {
    height: auto;
}

.progress_area.height_on .btn_height_on {
    padding-left: 12px;
}

.progress_area.height_on .btn_height_on::before {
    content: "";
}

.btn_height_on::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
}

.progress_area.height_on .btn_height_on::after {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}

.progress_area.height_on .opinion_content {
    height: auto;
    max-height: none;
}

/* text ellipsis */
.txt_ellipsis_box {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 3rem;
    line-height: 1rem;
    overflow: hidden;
    margin-top: 10px;
}

.btn_ellipsis {
    display: inline-block;
    min-width: auto;
    width: 56px;
    height: 26px;
    padding: 0;
    padding-left: 8px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: #e7e7e7;
    cursor: pointer;
    font-size: 11px;
    line-height: 27px;
    text-align: left;
}

.btn_ellipsis:before {
    content: "펼치기";
}

.btn_ellipsis:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.2s;
}

.ellipsis_wrap.ellipsis_off .txt_ellipsis_box {
    display: block;
    max-height: none;
    overflow: visible;
}

.ellipsis_wrap.ellipsis_off .btn_ellipsis:before {
    content: "";
}

.ellipsis_wrap.ellipsis_off .btn_ellipsis:after {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}

/* IE 8,9 및 10 */
@media screen\0 {
    .ellipsis_wrap .txt_ellipsis_box {
        display: block;
        padding-right: 10px;
    }

    .ellipsis_wrap .txt_ellipsis_box:after {
        content: "...";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .ellipsis_wrap.ellipsis_off .txt_ellipsis_box {
        max-height: none;
        padding-right: 0;
    }

    .ellipsis_wrap.ellipsis_off .txt_ellipsis_box:after {
        display: none;
    }
}

/* IE 9 이상 */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .ellipsis_wrap .txt_ellipsis_box {
        display: block;
        padding-right: 10px;
    }

    .ellipsis_wrap .txt_ellipsis_box:after {
        content: "...";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .ellipsis_wrap.ellipsis_off .txt_ellipsis_box {
        max-height: none;
        padding-right: 0;
    }

    .ellipsis_wrap.ellipsis_off .txt_ellipsis_box:after {
        display: none;
    }
}

/* tab_attachment_ul */
.tab_attachment_ul {
    margin-top: 11px;
    margin-bottom: 9px;
    line-height: 18px;
}

.tab_attachment_ul .fl.check {
    width: 30px;
    height: 30px;
}

.tab_attachment_ul .check_attachment {
    width: calc(100% - 30px);
    padding-top: 2px;
}

.btn_add.fr {
    float: right;
}

.contract_tab_wrap .contract_detail_comment {
    margin: -20px 0;
}

.bt_tab .tview.tv_comment {
    padding-bottom: 0;
}

.contract_tab .contract_detail_comment .comment_notify {
    padding-top: 0;
}

/* contract_view - contract_info_view */
.contract_detail {
    display: inline-block;
    width: 456px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 7px 0 rgba(183, 183, 183, 0.11);
    background-color: #ffffff;
}

.fixed_layout2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    transform: translateX(100%);
    transition: all 0.3s;
    z-index: 9;
}

.btn_chevron_double {
    position: absolute;
    top: 100px;
    left: -60px;
    width: 60px;
    height: 40px;
    border-radius: 26px 0 0 26px;
    border: 2px solid #364aed;
    border-right: none;
    background-color: #ffffff;
    cursor: pointer;
}

.btn_chevron_double::after {
    content: "";
    display: block;
    width: 13px;
    height: 14px;
    margin-top: 11px;
    margin-left: 24px;
    background: url(../imgs/chevron_double_right.svg) no-repeat center;
    background-size: 13px 14px;
    transform: rotate(-180deg);
    transition: all 0.3s;
}

.fixed_layout2.active {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.fixed_layout2.active .btn_chevron_double::after {
    transform: rotate(0);
    transition: all 0.3s;
}

.fixed_layout2 .fixed_inner {
    width: 100%;
    height: 100%;
    padding: 8px;
    overflow: auto;
}

.contract_info_view_hd {
    margin-bottom: 20px;
}

.contract_info_view .sum_info {
    margin-top: 23px;
    padding-bottom: 15px;
}

.contract_info_view .sum_info>.sm_p58_b {
    margin-bottom: 8px;
}

.contract_info_view .li_alarm {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #f8f8fc;
    border-bottom: 1px solid #f8f8fc;
}

.contract_info_view .contract_detail_line:last-child {
    border-bottom: none;
}

.contract_info_view .related_material_ul,
.contract_info_view .related_material_ul>li {
    width: 100%;
}

/* contract_cmprs_wrap */
.contract_cmprs_wrap {
    max-width: 1644px;
    padding: 0 20px;
    margin: auto;
    margin-bottom: 70px;
}

.contract_cmprs_wrap #compare {
    width: 100% !important;
}

.contract_cmprs_wrap .section_cmprs {
    float: left;
    width: 50%;
    padding-right: 6px;
}

.contract_cmprs_wrap .section_cmprs.cmprs_1 {
    padding-right: 14px;
}

.section_cmprs .cmprs_head {
    margin-bottom: 20px;
}

.section_cmprs .cmprs_head .fr {
    min-width: 270px;
}

.contract_view_cmprs {
    height: 806px;
    border: solid 1px #a4a4a4;
}

.contract_cmprs_wrap .CodeMirror {
    border-bottom: 1px solid #ddd;
}

#compare .mergely-column {
    width: calc(50% - 22px) !important;
}

.contract_cmprs_wrap .btn__cancel {
    height: 40px;
    margin-bottom: 24px;
    line-height: 40px;
}

.icon_back_arrow {
    position: relative;
    padding-left: 8px;
}

.icon_back_arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.15s ease-in-out;
}

/* section admin notify */
.section__admin_notify .section_head {
    margin-bottom: 15px;
}

.section__admin_notify .form_wrap_ul>li {
    margin-bottom: 15px;
}

/* section_admin_tag */
.section_admin_tag {
    padding-bottom: 40px;
}

.search_tag {
    margin-top: 30px;
    margin-bottom: 20px;
}

.modal_tag_ul {
    margin-top: 5px;
    margin-bottom: 15px;
}

.modal_tag_ul>li {
    padding-left: 70px;
}

.modal_tag_ul label {
    cursor: pointer;
}

input.input_tag {
    width: 100px;
    border: 1px solid #f5f5f5;
}

input.input_tag:focus {
    color: #000000 !important;
    border: 1px solid #364aed !important;
}

.comment_return {
    border: solid 2px #f95f5f;
}

.fadeInDown {
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -moz-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

/* tooltip */
.ttp {
    position: relative;
    cursor: default;
}

.ttp .notify {
    padding-right: 1.5em;
    background: url(../imgs/icon_notify.svg) no-repeat;
    background-position: right center;
    background-size: 1em 1em;
}

.tooltip {
    position: absolute;
    bottom: 0;
    left: 50%;
    white-space: pre;
    transform: translate(-50%, 100%);
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #f6f6fd;
    border-radius: 5px;
    box-shadow: -1px 0 13px 0 rgba(183, 183, 183, 0.36);
    transition: opacity 0.3s;
    opacity: 0;
    z-index: -99;
}

.tooltip::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -3px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom-color: #ffffff;
    border-style: solid;
    border-width: 0 4px 6px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ffffff;
    box-shadow: -1px 0 13px 0 rgba(183, 183, 183, 0.36);
    transition: opacity 0.3s;
    opacity: 0;
    z-index: -99;
}

.tooltip.left {
    left: 15px;
    transform: translate(0, 100%);
}

.tooltip.left::after {
    left: 10px;
    margin-left: 0;
}

.tooltip.right {
    left: auto;
    right: 15px;
    transform: translate(0, 100%);
}

.tooltip.right::after {
    left: auto;
    right: 10px;
    margin-left: 0;
}

.ttp:hover .tooltip.bottom {
    z-index: 300;
}

.tooltip.bottom {
    z-index: -1;
    bottom: auto !important;
    top: 100%;
    left: auto;
    right: 0;
    transform: translate(0, 0);
}

.tooltip.bottom:after {
    display: none;
}

.ttp.icon_q .tooltip {
    bottom: -10px;
}

.ttp:hover .tooltip::after {
    opacity: 1;
    z-index: 2;
}

.ttp:hover .tooltip,
.tooltip:hover {
    opacity: 1;
    z-index: 3;
}

/* stamp_trad  */
@font-face {
    font-family: 'hanjunseo';
    src: url('../fonts/hanjunseo.eot?') format('eot'), url('../fonts/hanjunseo.woff') format('woff');
}

.stamp_trad {
    /*max-width: 340px;*/
    font-family: 'hanjunseo';
    font-size: 24px;
    color: rgb(213, 38, 30);
    border-radius: 5px;
    border-color: rgb(213, 38, 30);
    border-style: solid solid solid;
    border-width: 5px;
    text-align: center;
    padding: 5px 5px 8px;
    width: 100%;
    height: auto;
    line-height: 1;
    display: block;
    margin: auto;
}

/* fixed_layout_ghost */
@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.ghs_elm,
.ghs_elm_ul>li {
    flex-shrink: 0;
    padding: 0 !important;
    height: 12px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
}

.view_content ul.ghs_elm_ul,
.contract_area ul.ghs_elm_ul,
.editor_content ul.ghs_elm_ul {
    width: 80%;
    padding: 0 !important;
}

.ghs_elm_ul>li {
    margin-bottom: 20px;
}

.ghs_elm_ul>li:nth-child(1n+0) {
    width: 80%;
}

.ghs_elm_ul>li:nth-child(2n+0) {
    width: 100%;
}

.ghs_elm_ul>li:nth-child(3n+0) {
    width: 50%;
    margin-bottom: 45px;
}


.ghs_elm.type2 {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 12px;
    max-height: 100%;
    font-size: 0;
    border-radius: 3px;
}

.ghs_elm_ul.type2 {
    margin-bottom: 0 !important;
}

.ghs_elm_ul.type2>li {
    margin-bottom: 0 !important;
}

.ghost-item {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}

.fixed_layout_ghost .fixed_content_wrap {
    height: 100%;
}

.fixed_layout_ghost .contract_detail {
    height: 100%;
}

.fixed_layout_ghost .fixed_content .contract_detail_hd {
    padding: 15px 0 30px;
    margin-bottom: 35px;
}

.fixed_layout_ghost .comment_notify {
    margin-bottom: 45px;
}

.comment_notify .ghs_elm_ul>li:nth-child(3n+0) {
    margin-bottom: 0;
}

.ghs_profile {
    width: calc(100% - 60px)
}

.ghs_comment .ghs_elm_ul {
    margin-bottom: 30px;
}

.ghs_comment .ghs_elm_ul>li {
    display: inline-block;
    margin-bottom: 6px;
}

/* dasboard */
.section.dashboard {
    width: auto;
    max-width: 1240px;
}

.dashboard .section_bg {
    padding: 24px 20px;
}

.dashboard .xl_p_b {
    margin-bottom: 24px;
}

.dashcoard_ul>li {
    padding: 17px 16px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.dashcoard_ul>li:last-child {
    margin-bottom: 0;
}

.dashcoard_ul>li .main_li_sub {
    width: calc(100% - 78px);
}

.dashcoard_ul>li .contract_list_hd .m_p.b {
    padding-right: 28px;
}

.dashboard .sm_pb4 {
    letter-spacing: .12px;
}

[class*="dashboard__type"] {
    width: 74px;
    padding: 0 10px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 16px;
    color: #343434;
    font-size: 12px;
}

.dashboard__type_legal {
    border-color: #99acf3;
}

.dashboard__type_lawsuit {
    border-color: #25D0B5;
}

.dashboard__type_contract {
    border-color: #ffcb19;
}

.dashboard__type_official {
    border-color: #f39999;
}

.dashboard_notice {
    margin-top: 40px;
    margin-bottom: 80px;
}

.dashboard_notice_ul {
    border-top: 1px solid #e5e5e5;
}

.dashboard_notice_ul>li .fl {
    width: calc(100% - 150px)
}

.dashboard_notice_ul .exp_hd {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.dashboard_notice_ul>li .exp_content {
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
    display: none;
}

.dashboard_notice_ul .exp_hd.active {
    margin-top: -1px;
    border-top: 1px solid #99acf3;
    border-bottom: 1px solid #99acf3;
    color: #364aed;
}

.dashboard_more {
    display: inline-block;
    margin-top: 18px;
    padding-right: 18px;
    background: url(../imgs/dashboard_arrow_blue.svg) no-repeat right center;
    background-size: 7px 10px;
    font-size: 15px;
    color: #364aed;
}

.view_content h1 {
    font-size: 2em;
}

.view_content h2 {
    font-size: 1.5em;
}

.view_content h3 {
    font-size: 1.17em;
}

.view_content h4 {
    font-size: 1em;
}

.view_content h5 {
    font-size: .83em;
}

.view_content h6 {
    font-size: .67em;
}

/* ProseMirror Editor */
.ProseMirror-menubar-wrapper {
    border-radius: 5px;
    border: 1px solid #d0d2db;
    background-color: #ffffff;
}

.ProseMirror-menubar-wrapper .ProseMirror-menubar {
    padding: 15px 17px;
    border-bottom: 1px solid #d0d2db;
}

.ProseMirror-menubar-wrapper .ProseMirror-menubar .clearfix {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ProseMirror-menubar-wrapper .ProseMirror.ProseMirror-example-setup-style {
    min-height: 650px;
}

.ProseMirror-icon object {
    display: block;
    margin: auto;
}

.btn_memo_add {
    display: inline-block;
    margin-top: 15px;
    color: #3b4ce4;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

/* 계약 리스트, 관리자홈 그룹 fixed_contract 화면 밀림 */
.content {
    /*transition: all 0.4s;*/
}

/* 필수입력필드관련 */
span.buptleparam_content_none label,
span.buptleparam_content_exist label,
span.buptleparam_content_required_none label {
    display: none;
}

span.buptleparam_content_required_none::after {
    cursor: pointer;
    content: attr(data-param-display-name);
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background: rgba(34, 177, 76, 0.8);
}

span.buptleparam_content_none::after {
    cursor: pointer;
    content: attr(data-param-name);
    white-space: pre-wrap;
    padding: 1px 1px 1px 1px;
    background: #ffff88;
}

span.buptleparam_content_exist::after {
    cursor: pointer;
    content: attr(data-param-content);
    white-space: pre-wrap;
    padding: 2px 5px 2px 5px;
    background: #cdd6dc;
    /*background:rgba(203,210,217, 0.7);*/
}

/*.checkbox-ed-wrapper{*/
/*outline: none!important;*/
/*}*/


.legal_page {
    display: none;
}

/* 법률자문 프린트 사이즈 */
@media print {
    body {
        background-color: transparent;
    }

    .legal_page {
        display: block;
    }

    .section_bt_content {
        width: 100%;
    }

    [class*="section__"] {
        border: none;
    }

    #counsel_status_stealth_wrap,
    #header,
    #footer,
    .snb,
    .section_bt_flow,
    .section__legal_circulation_notify,
    .legal_advice_answer_writing,
    .legal_advice_reply,
    .legal_advice_hd1,
    .legal_info_box,
    .legal_advice_hd2,
    .attachment_wrap,
    [class*="btn__"],
    .section_view_head,
    .counsel_setting_btn {
        display: none;
    }

    [class*="section__"] {
        background: transparent;
    }

    .legal_advice_hd_logo {
        position: fixed;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0.3;
    }

    .legal_advice_hd_logo img {
        display: block;
        max-width: 200px;
        max-height: 40px;
        width: auto;
        height: auto;
        margin: auto;
    }

    .legal_advice_read {
        page-break-after: always;
    }

    .pdf_page_signing {
        page-break-before: always;
    }

    .legal_advice_view .tr {
        margin-bottom: 0px;
    }

    .legal_user .sm_p58 {
        color: #000;
        padding: 0px;
        font-size: 15px;
    }

    #page-content,
    #page-content>.panel>.panel-body {
        padding: 0px !important;
    }

    .legal_advice_view .legal_h1 {
        font-size: 20px;
    }

    .legal_page {
        width: 100%;
        height: 255mm;
        padding: 37px;
    }

    .legal_page_wrap {
        width: 100%;
        height: 100%;
    }

    .legal_advice_view_hd.legal_print {
        margin-top: 80px;
    }

    .legal_print_hd {
        font-size: 24px;
        font-weight: bold;
        color: #666;
    }

    .legal_info_print {
        position: absolute;
        left: 0;
        bottom: 180px;
        border: 1px solid #000;
    }

    .legal_info_print>li {
        display: block;
        float: none;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #000;
    }

    .legal_info_print>li:last-child {
        border-bottom: none;
    }

    .legal_info_print>li>.fl {
        float: left;
        width: 110px;
        padding: 8px 15px;
        border-right: 1px solid #000;
    }

    .legal_info_print>li>.fr {
        float: left;
        padding: 8px 15px;
        width: calc(100% - 110px);
    }

    .legal_advice_answer_writing+.legal_advice_answer_view .legal_advice_answer_label_wrap {
        margin-top: 0;
    }

    .content.snb_layout {
        padding: 0 !important;
    }
}

#div-contract-content iframe {
    border-bottom: 9px solid transparent;
    border-image: url(../imgs/iframe_bg.png) 30% repeat;
}

input[type=text].hasDatepicker {
    padding-right: 30px;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}


input[type=text].input-search-date.hasDatepicker {
    height: 30px;
    padding: 0 15px 0 10px;
}

.input-search-date+img.ui-datepicker-trigger {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.section_error_p {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
}

#modalOnTransferLayout .pagination_area>ul {
    margin: 0;
}

#modalOnTransferLayout .modal_section .btn_wrap {
    padding: 0;
}

#modalOnTransferLayout .modal_section {
    padding-bottom: 30px;
}

.iframe_error {
    width: 355px;
    padding: 80px 20px 0;
    text-align: center;
}

.iframe_error_p {
    margin-bottom: 40px;
    padding-top: 55px;
    background: url(../imgs/warning.svg) no-repeat center top;
    background-size: 40px 35px;
    color: #585858;
    font-size: 14px;
    line-height: 1.6;
}

.demo_notify {
    position: fixed;
    left: 23px;
    bottom: 53px;
    color: #364aed;
    font-size: 18px;
    font-weight: 600;
}

.demo_notify span {
    margin-left: 15px;
    font-weight: 400;
}

.cont_user_writer {
    margin-top: 15px;
}

.cont_user_writer .sm_p58_b.dis_inb {
    vertical-align: top;
}

.cont_user_writer .user {
    margin-top: 0;
}

/* template checkbox */
.tmpl_checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.tmpl_checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: visible;
    vertical-align: top;
    cursor: pointer;
    z-index: 2;
}

.tmpl_checkbox input[type=checkbox]+label {
    position: relative;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    border: solid 1px #000000;
    background-color: #ffffff;
    z-index: 1;
}

.tmpl_checkbox input[type=checkbox]:checked+label::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-top: -7px;
    margin-left: -3px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -moz-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    z-index: 1;
}

.tmpl_checkbox input[type=checkbox]+label::after {
    display: none
}

.main_search_h {
    margin-bottom: 15px;
    color: #000;
    font-size: 16px;
}

.main_search_h .b {
    margin-right: 6px;
}

/* release legal */
.section__contract_create {
    padding-bottom: 30px;
}

.content_view_active_btn_wrap {
    margin: 20px 0;
}

.contract_setting_btn {
    margin-bottom: 10px;
}

.counsel_setting_btn {
    margin-bottom: 10px;
}

.section__legal_create {
    width: 1040px;
}

.legal_create_section {
    float: left;
    width: calc(100% - 200px);
    float: left;
    padding: 30px;
    margin-left: -1px;
    margin-bottom: -1px;
}

.create_cate_wrap {
    overflow: hidden;
}

.create_cate_ul {
    display: inline-block;
    width: 60%;
    min-height: 650px;
    padding: 8px 0 25px 0;
    background: #f9fafc;
}

.create_cate_ul>li .create_cate_exp {
    padding: 22px 15px;
}

.create_cate_ul>li {
    padding-left: 15px;
    background: #f9fafc;
    font-size: 15px;
    word-break: break-all;
    cursor: pointer;
}

.create_cate_ul>li.active .create_cate_exp {
    background: #ffffff;
    border-radius: 5px 0 0 5px;
}

.create_cate_ul>li .sm_pb4 {
    margin-top: 5px;
}

.create_cate_ul>li .create_cate_sub_ul {
    display: none;
    margin: 10px 0 0 -15px;
    padding: 10px 0;
    border-top: 1px solid #f3f3fa;
    border-bottom: 1px solid #f3f3fa;
    background: #f9fafc;
}

.create_cate_ul>li .create_cate_sub_ul>li {
    padding-left: 54px;
    background: url(../imgs/arrowdown.svg) no-repeat 25px center;
    background-size: 12px 15px;
}

.create_cate_sub_exp {
    padding: 20px;
    border-radius: 5px 0 0 5px;
    background: #f9fafc;
}

.create_cate_sub_ul>li.active .create_cate_sub_exp {
    background: #ffffff;
}

.btn__e.btn_toggle {
    min-width: inherit;
    width: 60px;
    height: 22px;
    padding: 0;
    padding-right: 12px;
    border-radius: 4px;
    border: 1px solid #000000;
    background: #ffffff;
    cursor: pointer;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
}

.btn_toggle::before {
    content: "펼치기";
}

.btn_toggle::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
}

/* togglOn */
.create_cate_ul>li.togglOn .create_cate_sub_ul {
    display: block;
}

.create_cate_ul>li.togglOn .btn_toggle::before {
    content: "";
}

.create_cate_ul>li.togglOn .btn_toggle::after {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}

/* create_cate_legal */
.create_cate_legal {
    display: inline-block;
    width: 40%;
    min-height: 650px;
    padding-left: 30px;
    overflow-y: scroll;
    margin-left: -4px;
    vertical-align: top;
}

.create_cate_legal_ul {
    max-height: 450px;
    overflow-y: auto;
    margin-top: 5px;
    border-top: 1px solid #e3e4f2;
}

.create_cate_legal_ul>li {
    padding: 13px 18px;
    border-bottom: 1px solid #e3e4f2;
}

.cate_location2 {
    margin-top: 15px;
    color: #585858;
    text-align: center;
}

.create_cate_legal_head .btn__b {
    margin: 27px 0 53px;
}

.cate_location2 .cate_loca_label {
    margin-right: 14px;
}

.view_link .view_link_p {
    margin-top: -5px;
}

input[type=text]:read-only.input_view_link {
    padding-right: 70px;
    background-color: #ffffff;
    border: 1px solid #d0d2db;
}

.view_link .btn_link_copy {
    position: absolute;
    top: 0;
    right: 13px;
    width: 48px;
    height: 36px;
    margin-left: -4px;
    background: url(../imgs/icon_copy.svg) no-repeat right center;
    background-size: 11px 14px;
    transition: background .2s;
    vertical-align: top;
    cursor: pointer;
}

.view_link .btn_link_copy:after {
    content: 'copy';
    color: #364aed;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: 0.025rem;
}

.view_link.lock .input_view_link:before {
    position: absolute;
    top: 0;
    right: 13px;
    width: 56px;
    height: 36px;
    margin-left: -4px;
    background: url(../imgs/icon_lock.svg) no-repeat right center;
    background-size: 10px 13px;
    transition: background .2s;
    vertical-align: top;
    font-size: 13px;
    line-height: 38px;
    letter-spacing: 0.025rem;
}

.view_link.lock input[type=text]:read-only.input_view_link {
    text-decoration: line-through;
    cursor: not-allowed;
    border: solid 1px #C5D0DE;
    background-color: #f0f1f7;
}

.view_link.lock .btn_link_copy,
.view_link.none .btn_link_copy {
    display: none;
}

/* 191216 legal */
.section_top_notice_ul {
    border-top: 1px solid #e5e5e5;
}

.section_top_notice_ul>li {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.section_top_notice_ul>li .top_notice_sub {
    width: calc(100% - 260px);
    padding-right: 65px;
}

.section_top_notice_ul>li .top_notice_category {
    width: 170px;
    padding-right: 10px;
}

.section_top_notice_ul>li .top_notice_category.tr {
    padding-left: 20px;
    padding-right: 0;
}

.section_top_notice_ul>li .top_notice_date {
    width: 90px;
}

#header .hd_dao_wrap {
    padding-left: 30px;
}

#header .hd_dao_wrap .dao_delegation {
    background: url('/static/adele/imgs/icon_dao_user_black.png') no-repeat right center;
    padding-right: 20px;
}

#header .hd_dao_icon {
    float: left;
    width: 15px;
    height: 15px;
    margin: 12px 8px 0;
}

#header .dao {
    min-width: 200px;
}

#header .dao li {
    overflow: hidden;
    clear: both;
}

#header .dao .info {
    width: calc(100% - 45px);
    float: left;
    text-align: left;
}

#header .dao span {
    vertical-align: 3px;
}

#header .dao button {
    width: 45px;
    padding: 0 10px;
    height: 18px;
    text-align: center;
    line-height: 14px;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    color: #343434;
    font-size: 10px;
    border-color: #f6c20e;
}

.nominee {
    box-shadow: 5px 10px 10px 0 rgba(223, 144, 10, 0.08) !important;
}

#header #my_dao_list_nominee_wrapper .dao_delegation {
    background: url('/static/adele/imgs/icon_dao_user.png') no-repeat right center;
}


/** 체크박스START */
.btpm_checkbox {
    position: relative;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -2px;
    vertical-align: middle;
    border: solid 2px #000000;
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.btpm_checked::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-top: -7px;
    margin-left: -3px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -moz-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    z-index: 1;
}

.btpm_checked_required::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-top: -7px;
    margin-left: -3px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -moz-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    z-index: 1;
}

.btpm_checkbox::after {
    display: none
}

.btpm_checkbox:hover {
    cursor: pointer;
}

.btpm_checkbox_required {
    position: relative;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -2px;
    vertical-align: middle;
    border: solid 2px #22b14c;
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.btpm_checkbox_required::after {
    display: none
}

.btpm_checked_required::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-top: -7px;
    margin-left: -3px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -moz-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
    z-index: 1;
    cursor: pointer;
}

/** 체크박스END */

.fixed_position {
    position: relative;
    top: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
}

/* 200331 */
.legal_create_btn_box .btn__f {
    margin-left: 4px;
}

.legal_case_list_fl {
    width: calc(100% - 100px);
}

.legal_case_list_fr .btn_m {
    margin-top: 6px;
}

.legal_case_create_btn.tc {
    padding: 0 20px;
    margin-top: 40px;
    border: 1px solid #e3e4f2;
    background: #f5f5f5;
}

.legal_case_create_btn .create_btn_top {
    border-bottom: 1px solid #e3e4f2;
    padding: 20px 0;
    margin-bottom: 20px;
}

.legal_case_create_btn .create_btn_top .m_p58 {
    margin-bottom: 10px;
}

.legal_case_create_btn.tc .btn__g {
    margin-bottom: 20px;
}

/* 200327 litigation */
/* snb2 */
.snb2_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
}

.snb2>li.snb2_item .sub2_item_a {
    padding: 11px 0 10px 40px;
    color: #585858;
    font-size: 14px;
}

.snb2>li.snb2_item .sub2_item_a.active {
    border-radius: 0 25px 25px 0;
    background: #ffffff;
    box-shadow: 10px 0 7px 0 rgba(183, 183, 183, 0.15);
    color: #545fef;
    font-weight: bold;
}

#wrap .content.snb2_content {
    padding: 0 205px;
}

/* 2005 content width */
.content_litigation {
    padding: 0 205px;
    margin-bottom: 60px;
}

.content_litigation .section_litigation {
    width: 1390px;
    margin: auto;
}

@media(max-width: 1615px) {
    #wrap .content_litigation {
        padding: 0 20px 0 205px;
    }

    .content_litigation .section_litigation {
        max-width: 1390px;
        width: auto;
    }
}

/* litigation_head */
.litigation_head {
    padding-bottom: 4px;
    margin-bottom: 20px;
}

.litigation_head_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

.litigation_head>.fl {
    width: calc(100% - 460px);
}

.litigation_head>.fr {
    text-align: right;
}

.litigation_head .btn_g_s {
    height: 24px;
    margin: 0 6px;
    line-height: 24px;
    vertical-align: top;
}

.litigation_head .input_search_wrap.dis_inb {
    margin-left: 25px;
    vertical-align: top;
}

.ltg_hd_h {
    margin-right: 8px;
}

.ltg_hd_h2 {
    vertical-align: top;
    line-height: 28px;
}

.litigation_head_btm {
    margin-top: 4px;
}

.litigation_head .btn_m_menu {
    width: 80px;
    padding: 0 15px;
    margin-left: 6px;
}

.i_edit {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 3px;
    background: url(../imgs/icon_edit.svg) no-repeat center;
    background-size: 9px 9px;
}

.i_menu {
    display: inline-block;
    width: 10px;
    height: 9px;
    margin-right: 12px;
    background: url(../imgs/ham.svg) no-repeat center;
    background-size: 10px 9px;
}

.litigation_head_btn_line {
    margin-top: 24px;
    margin-bottom: 6px;
}

.litigation_head_btn_line .btn_s {
    padding: 0 16px;
}

.litigation_head_btn_line .btn__f {
    margin-left: 6px;
}

/* litigation_box */
.litigation_box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    vertical-align: top;
}

.litigation_box .user {
    margin: 0;
    margin-right: 6px;
}

.litigation_box .user:last-child {
    margin-right: 0;
}

.litigation_box .xl_p_b {
    line-height: 30px;
}

.litigation_box_ul_wrap {
    margin-top: 15px;
}

ul.litigation_box_ul {
    margin-right: -22px;
}

ul.litigation_box_ul>li {
    float: left;
    display: table;
    width: 25%;
    height: 107px;
    padding-right: 20px;
    margin-bottom: 20px;
}

ul.litigation_box_ul>li .box {
    display: table-cell;
    vertical-align: middle;
    border-radius: 9px;
    line-height: 1.4;
}

ul.box_bg_ul>li .box {
    background: #f5f5f5;
}

.litigation_box_add_wrap {
    float: left;
    width: calc(100% - 70px);
    height: 95px;
    overflow: hidden;
}

ul.litigation_box_ul.box_bg_ul>li {
    width: 33.3333%;
    height: 93px;
    margin-top: 15px;
    margin-bottom: 5px;
}

ul.litigation_box_ul span.roll {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 18px;
    padding: 5px 3px;
    font-size: 11px;
    line-height: 1;
    color: #3e3e3e;
    letter-spacing: 0.1px;
    text-align: center;
}

ul.litigation_box_ul span.roll.creator {
    background: #fce855;
}

ul.litigation_box_ul span.roll.manager {
    background: #b1c9ff;
}

ul.litigation_box_ul span.roll.related {
    background: #ffa998;
}

ul.litigation_box_ul span.roll.contractor {
    background: #b9a7ff;
}

ul.litigation_box_ul span.roll.schedule {
    background: rgb(255, 148, 223);
}

ul.litigation_box_ul span.roll.worktask {
    background: rgb(188, 240, 176);
}




.litigation_box_add {
    width: 136px;
    height: 37px;
    margin: auto;
    margin-top: 12px;
    border-radius: 18px;
    border: 1px solid #979797;
    background: #ffffff;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
}

.litigation_box_add_wrap.active {
    height: auto;
}

.litigation_box_add_wrap.active+.litigation_box_add span.count {
    opacity: 0;
}

.litigation_box_add_wrap.active+.litigation_box_add:after {
    opacity: 1;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.state__error {
    margin-right: 6px;
    padding-left: 25px;
    border-color: #ff7a19;
    background: url(../imgs/state_error.svg) no-repeat 7px center;
    background-size: 13px 14px;
}

.state__disconnect {
    margin-right: 6px;
    padding-left: 25px;
    border-color: #de3838;
    background: url(../imgs/state_disconnect.svg) no-repeat 7px center;
    background-size: 13px 14px;
}

.state__connect {
    margin-right: 6px;
    padding-left: 25px;
    border-color: #28d025;
    background: url(../imgs/state_connect.svg) no-repeat 7px center;
    background-size: 13px 14px;
}

.litigation_box.ltg_related_work_box {
    padding: 0;
}

.litigation_box.ltg_related_work_box>.clearfix {
    padding: 0 20px;
}

.related_work_head {
    margin: 15px 0;
}

.related_work_list>li {
    padding: 15px 0 13px;
    border-top: solid 1px #f6f6fd;
    line-height: 1.4;
}

.related_work_list>li:last-child {
    margin-bottom: 15px;
    border-bottom: solid 1px #f6f6fd;
}

.related_work_list .fl .m_p {
    line-height: 19px;
}

.related_work_alert {
    padding: 0 20px;
    height: 50px;
    background: #ffe46f;
    line-height: 50px;
}

.litigation_summary_p {
    margin: 20px 0 10px;
    line-height: 1.3;
}

.litigation_box .litigation_gray_alert {
    margin-top: 35px;
}

.litigation_gray_alert {
    display: inline-block;
    width: 100%;
    padding: 6px 20px;
    background: #efefef;
    border-radius: 6px;
}

.litigation_gray_alert .btn__f {
    margin-left: 16px;
}

.litigation_box .litigation_img {
    max-width: 752px;
    margin: 9px 0 6px;
}

/* 200617 */
.ltg_schedule_view_box,
.ltg_related_work_box {
    height: 344px;
}

.ltg_rltd_data_box,
.ltg_rcnt_actv_box {
    height: 200px;
}

.ltg_rcnt_actv>li {
    line-height: 1.69;
}

.ltg_rcnt_actv>li .list_item {
    float: left;
}

.ltg_rcnt_actv>li .list_item {
    float: left;
}

.ltg_rcnt_actv>li .list_item.list1 {
    width: 55px;
}

.ltg_rcnt_actv>li .list_item.list2 {
    width: calc(100% - 265px);
    margin: 0 15px;
}

.ltg_rcnt_actv>li .list_item.list3 {
    float: right;
    text-align: right;
}

.ltg_rcnt_actv>li .list_item.list2 .p_blue {
    padding-right: 3px;
    text-decoration: underline;
}

.ltg_rcnt_actv>li .list_item.list3 .pb4 span.ellipsis {
    display: inline-block;
    width: 64px;
    margin-right: 3px;
    vertical-align: top;
}

.section_litigation .notification_opinion {
    margin-bottom: 20px;
}

.table_litigation {
    width: 100%;
    margin-top: 15px;
    table-layout: fixed;
    text-align: left;
}

.table_litigation th,
.table_litigation td {
    padding: 6px 20px;
    border: 1px solid #e5e5e5;
    vertical-align: top;
}

.table_litigation th {
    width: 120px;
    background: #f3f3f3;
}

/*210516_narrow 타입 추가_start*/
.table_litigation.narrow * {
    font-size: 12px;
    line-height: 20px;
}

.table_litigation.narrow .tag .sm_p58 {
    height: 20px;
}

.table_litigation.narrow .btn_add {
    min-width: 60px;
    height: 20px;
    font-size: 11px;
    line-height: 16px;
}

.table_litigation.narrow .cont_label {
    padding: 0 6px;
    font-size: 10px;
}

.table_litigation th,
.table_litigation td {
    padding: 6px 10px;
    vertical-align: middle;
}

.table_litigation td input[type=text] {
    height: 20px;
    padding: 0 8px;
    font-size: 12px;
}

.table_litigation.narrow input[type=text].hasDatepicker {
    height: 30px;
    padding: 0 30px 0 8px;
}

.table_litigation.narrow .input_date img.ui-datepicker-trigger {
    top: 7px;
}

.table_litigation td input[type=checkbox].switch+label {
    display: inline-block;
}

.table_litigation .related_material_ul>li {
    height: 20px;
}

.table_litigation .related_material_ul.admin>li:last-child {
    margin-bottom: 5px;
}

/*210516_narrow 타입 추가_end*/

.input_st_none {
    line-height: 1.1;
    width: 100%;
    border: none;
}

ul.box_line_ul>li .box {
    border: 1px solid #ecedf3;
    background: #ffffff;
}

ul.box_line_ul>li .box.add {
    border: 2px solid #ecedf3;
    cursor: pointer;
}

ul.box_line_ul>li .box.add .add_p {
    color: #94979b;
}

.cd_md_btn_rm.btn2 {
    padding-bottom: 40px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(../imgs/icon_calendar_trash.svg) no-repeat center;
    background-size: 13px 14px;
}

.edit_dots {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 8px;
    cursor: pointer;
}

.edit_dots .dot {
    display: block;
    width: 4px;
    height: 4px;
    margin: auto;
    margin-top: 2px;
    background: #cfd2d9;
    border-radius: 50%;
}

.edit_dots:before,
.edit_dots:after {
    content: '';
    position: absolute;
    top: 2px;
    width: 4px;
    height: 4px;
    background: #cfd2d9;
    border-radius: 50%;
}

.edit_dots:before {
    left: 0;
}

.edit_dots:after {
    right: 0;
}

.ltg_address_modal_btn {
    display: inline-block;
    cursor: pointer;
    margin-left: 11px;
}

.accordion_head {
    cursor: pointer;
}

.accordion_section {
    display: none;
}

/* modal_ltg_address */
.modal_ltg_address .modal_section {
    max-width: 557px;
    padding: 0 64px;
}

.modal_ltg_address_fl {
    float: left;
    width: 176px;
    padding-top: 7px;
}

.modal_ltg_address_fr {
    float: right;
    width: calc(100% - 176px);
}

.modal_ltg_address .modal_section input[type=checkbox]+label {
    height: 16px;
    color: #585858;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
}

.modal_ltg_address .modal_section input[type=checkbox]+label::after {
    top: 0;
    width: 16px;
    height: 16px;
}

.modal_ltg_address .modal_section input[type=checkbox]+label::before {
    top: 3px;
    left: 6px;
    width: 5px;
    height: 8px;
}

.input_ltg_date input {
    height: 28px;
    padding: 4px 13px;
    font-size: 12px !important;
}

.input_ltg_date input::placeholder {
    color: #585858;
    font-size: 12px;
}

.input_ltg_date input:-ms-input-placeholder {
    color: #585858;
    font-size: 12px;
}

.input_ltg_date input::-ms-input-placeholder {
    color: #585858;
    font-size: 12px !important;
}

.modal_ltg_address_fr .nice-select {
    height: 28px;
    line-height: 28px;
    font-size: 12px !important;
}

.input_date.input_ltg_date>.btn_input_date {
    width: 37px;
}

.ltg_date_tr {
    margin-top: 7px;
}

.ltg_date_tr label {
    padding-left: 22px !important;
    font-size: 12px !important;
}

.modal_ltg_address .form_wrap li.bor_btm {
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.modal_ltg_address .form_wrap li.bor_btm:last-child {
    margin-bottom: 0;
}

.modal_ltg_address .accordion {
    border-top: 1px solid #d0d2db;
    border-bottom: 1px solid #d0d2db;
}

.modal_ltg_address .accordion_arrow .accordion_head {
    line-height: 40px;
}

.modal_ltg_address .accordion_arrow .accordion_head:after {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    right: 12px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.modal_ltg_address .accordion .accordion_head.active {
    border-bottom: none;
}

.modal_ltg_address .accordion .accordion_head.active:after {
    top: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.modal_ltg_address .accordion .accordion_section {
    margin-top: 6px;
}

.modal_ltg_address .accordion .form_wrap {
    margin-top: 0;
}

.modal_section .tabs.tabs_img {
    border-bottom: 2px solid #f6f6fd;
}

.bt_tab .tabs_img .tab {
    transform: translate(0, 1px);
    width: 70px;
    height: 27px;
    padding: 0;
    border: none;
    background: url(../imgs/modal_tab_off.svg) no-repeat left center;
    background-size: contain;
    text-align: left;
    line-height: 32px;
}

.bt_tab .tabs_img .tab.active {
    background: url(../imgs/modal_tab_on.svg) no-repeat left center;
    background-size: 72px 27px;
    background-size: contain;
}

.edit_menu {
    position: absolute;
    top: 10px;
    right: -33px;
    width: 68px;
    box-shadow: 7px 7px 17px 0 rgba(90, 91, 138, 0.09);
    border: solid 1px #f5f7fa;
    background-color: #ffffff;
    text-align: left;
    display: none;
    z-index: 9;
}

.edit_menu.active {
    display: block;
}

.edit_menu ul.edit_menu_ul {
    margin: 10px 0;
}

.edit_menu ul.edit_menu_ul>li {
    color: #7b7c7e;
    font-size: 12px;
}

.edit_menu ul>li a {
    display: block;
    padding: 0 16px;
    color: inherit;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    transition: background .3s;
    cursor: pointer;
}

.edit_menu ul>li a:hover {
    background: #f5f7fa;
}

.edit_menu2 {
    width: 110px;
}

.edit_item.bor_top {
    margin-top: 3px;
    padding-top: 3px;
}

.edit_fixed {
    position: fixed;
}

/* jstree-default-contextmenu */
body .vakata-context.jstree-contextmenu.jstree-default-contextmenu {
    width: 150px;
    padding: 4px 0;
    box-shadow: 7px 7px 17px 0 rgba(90, 91, 138, 0.09);
    border: solid 1px #f5f7fa;
    background-color: #ffffff;
    text-align: left;
    display: none;
    z-index: 9;
}

body .vakata-context li>a {
    display: block;
    padding: 0 16px;
    border-radius: 0;
    color: #7b7c7e;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    text-shadow: none;
    transition: background .3s;
    cursor: pointer;
}

body .vakata-context li>a>i,
body .vakata-context li>a>span {
    display: none !important;
}

body .vakata-context .vakata-context-separator>a {
    border-left: 0;
    border-top: 1px solid #f3f3f3;
    margin: 4px 0 !important;
}

body .vakata-context .vakata-context-separator>a:hover {
    border-top: 1px solid #f3f3f3;
}

body .vakata-context li>a:hover,
body .vakata-context .vakata-context-hover>a {
    background-color: #e9e9f2;
    box-shadow: none;
}

/* litigation note */
table.litigation_note_table {
    width: 100%;
    min-height: 530px;
    table-layout: fixed;
}

table.litigation_note_table td {
    vertical-align: top;
}

table.litigation_note_table td.note_ctg_td {
    width: 182px;
    border-right: 1px solid #e5e5e5;
}

table.litigation_note_table td.note_content {
    width: calc(100% - 364px);
    padding: 20px;
}

.litigation_note_head {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.litigation_note_head_info {
    margin: 18px 0 14px;
    line-height: 1.23;
}

.sample_ul.active {
    background: red;
}

.litigation_note_ctg_ul>li.ctg_item {
    height: 40px;
    padding: 0px;
    color: #303030;
    line-height: 40px;
}

.litigation_note_ctg_ul>li.ctg_item>a {
    width: calc(100% - 40px);
    height: 100%;
    margin: 0 20px;
    white-space: nowrap;
    overflow: hidden;
}

.litigation_note_ctg_ul>li.ctg_item.active {
    background: #efeff5;
}

.note_ctg1 .item_color {
    position: absolute;
    top: 0;
    left: -9px;
    width: 9px;
    height: 40px;
    border-radius: 4px 0 0 4px;
}

.note_ctg1 .item_color.color1 {
    background: #94a0ff;
}

.note_ctg1 .item_color.color2 {
    background: #ff8585;
}

.note_ctg1 .item_color.color3 {
    background: #22c9b9;
}

.note_content_attach_a {
    display: inline-block;
    margin: 20px 0;
}

.litigation_note_content {
    width: 100%;
}

.ltg_note_edit_btn {
    width: 90px;
    margin-bottom: 25px;
}

.ltg_note_edit_btn .btn_item {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    border-right: none;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ltg_note_edit_btn .btn_item:last-child {
    border-right: 1px solid #000000;
}

/* 첨부 리스트에 맞게 하단 가리고 싶을 경우
.attachment_note_wrap {
    padding: 10px 0;
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
}
.attachment_note_wrap .attachment_list {
    max-height: 91px;
    padding: 0 20px 0 10px;
    overflow-y: scroll;
}
*/
.attachment_note_wrap {
    max-height: 114px;
    padding: 10px;
    padding-right: 20px;
    margin-bottom: 25px;
    overflow-y: scroll;
    border: 1px solid #e5e5e5;
}

.attachment_note_wrap .attachment_list>li {
    height: 27px;
    padding-left: 24px;
    padding-right: 32px;
    margin-bottom: 0 !important;
    margin-top: 5px;
    background-position: 8px center;
    font-size: 12px;
    line-height: 25px;
}

.attachment_note_wrap .attachment_list>li p.fl {
    width: calc(100% - 50px);
}

.attachment_note_wrap .attachment_list>li .p_blue {
    width: 50px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

.attachment_note_wrap .attachment_list>li {
    float: left;
    width: calc(50% - 5px);
}

.attachment_note_wrap .attachment_list>li:nth-child(1),
.attachment_note_wrap .attachment_list>li:nth-child(2) {
    margin-top: 0;
}

.attachment_note_wrap .attachment_list>li:nth-of-type(odd) {
    margin-right: 10px;
}


.note_edit_box {
    padding: 18px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.13);
    border: solid 1px #d0d2db;
    background: #ffffff;
}

.note_edit_btn_x {
    position: absolute;
    top: -5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: url(../imgs/btn_note_x.svg) no-repeat center;
    background-size: 8px 8px;
    background-color: #000000;
    cursor: pointer;
}

.modal_ltg_edit_img .modal_section {
    padding: 0 45px;
}

.ltg_note_img_select {
    padding: 75px 0;
    text-align: center;
}

.ltg_note_img_btn {
    display: inline-block;
    width: 150px;
    padding: 60px 10px 14px;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    letter-spacing: -.05rem;
    cursor: pointer;
}

.ltg_note_img_btn.pc {
    margin-right: 11px;
    background: url(../imgs/modal_edit_pc.svg) no-repeat center 18px;
    background-size: 33px 33px;
}

.ltg_note_img_btn.disk {
    background: url(../imgs/modal_edit_disk.svg) no-repeat center 18px;
    background-size: 33px 33px;
}

/* litigation document */
.litigation_doc_table {
    width: 100%;
    min-height: 600px;
    table-layout: fixed;
    padding-left: 300px;
}

.litigation_doc_table .litigation_doc_ctg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: auto;
    width: 300px;
    border-right: 1px solid #e5e5e5;
}

.litigation_doc_list {
    padding: 20px;
}

/* jstree-default */
.litigation_doc_ctg .jstree-default>.jstree-container-ul {
    padding-left: 22px;
}

.litigation_doc_ctg .jstree-default>.jstree-container-ul>.jstree-node {
    padding-left: 20px;
}

.litigation_doc_ctg .jstree-default .jstree-node {
    margin-left: 0;
    padding-left: 24px;
}

.litigation_doc_ctg .jstree-default .jstree-wholerow-hovered {
    background: none;
}

.litigation_doc_ctg .jstree-default .jstree-container-ul>li .jstree-wholerow-clicked {
    background: #efeff5;
}

.litigation_doc_ctg .jstree-default .jstree-clicked {
    background: #efeff5 !important;
    box-shadow: none;
    border-radius: 0;
}

.litigation_doc_ctg .jstree-default .jstree-anchor,
.litigation_doc_ctg .jstree-default .jstree-wholerow {
    height: 29px;
    line-height: 29px;
}

.litigation_doc_ctg .jstree-default .jstree-icon:empty {
    height: 28px;
    vertical-align: top;
}

.litigation_doc_ctg .jstree-node {
    position: relative;
}

.litigation_doc_ctg .jstree-default .jstree-container-ul>li .jstree-icon.jstree-ocl {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    /*height: 100%;*/
    background: none;
}

.litigation_doc_ctg .jstree-default .jstree-icon.jstree-ocl:after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.litigation_doc_ctg .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl:after {
    background: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* jstree-themeicon folder */
.litigation_doc_ctg .jstree-default .jstree-themeicon {
    background: url(../imgs/folder.svg) no-repeat left center;
    background-size: 17px 14px;
}

.ctg_item.on+.doc_ctg_depth_ul {
    display: block;
}

/* litigation_doc_folder_ul */
.litigation_doc_folder_ul>li {
    background: #ffffff;
    padding-left: 42px;
    border-bottom: 1px solid #f5f7fa;
}

.litigation_doc_folder_ul>li .doc_folder_item {
    cursor: pointer;
    padding: 6px 0;
}

.litigation_doc_folder_ul .doc_folder_icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: -21px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.litigation_doc_folder_ul .doc_folder_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 22px;
    background: url(../imgs/folder.svg) no-repeat left center;
    background-size: 17px 14px;
    vertical-align: top;
}

.litigation_doc_folder_ul .doc_folder_p {
    display: inline-block;
    min-width: 200px;
    padding-left: 30px;
    margin-left: -4px;
    line-height: 22px;
}

.doc_folder_item.on>.doc_folder_item_head .doc_folder_icon {
    background: url(../imgs/folder_on.svg) no-repeat left center;
    background-size: 17px 14px;
}

.doc_folder_item.on>.doc_folder_item_head .doc_folder_icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ltg_related_data_ul.ltg_doc_ul>li {
    padding-left: 33px;
}

.ltg_related_data_ul.ltg_doc_ul>li:last-child {
    border-bottom: 1px solid #f5f7fa;
}

.ltg_related_data_ul.ltg_doc_ul>li.sel {
    background: #efeff5;
}

.litigation_doc_folder_ul .ltg_related_data_ul.ltg_doc_ul>li:last-child {
    border-bottom: none;
}

/* litigation folder_view */
table.litigation_doc_table {
    width: 100%;
    min-height: 600px;
    table-layout: fixed;
}

table.litigation_note_table td.litigation_doc_ctg {
    width: 244px;
    border-right: 1px solid #e5e5e5;
}

.litigation_doc_ctg_area {
    height: calc(100% - 76px);
    overflow-x: auto;
    overflow-y: auto;
}

/* litigation_doc_folder_ul */
.litigation_doc_folder_ul>li {
    background: #ffffff;
    padding-left: 42px;
    border-bottom: 1px solid #f5f7fa;
}

.litigation_doc_folder_ul>li .doc_folder_item {
    cursor: pointer;
    padding: 6px 0;
}

.litigation_doc_folder_ul .doc_folder_icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: -21px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.litigation_doc_folder_ul .doc_folder_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 22px;
    background: url(../imgs/folder.svg) no-repeat left center;
    background-size: 17px 14px;
    vertical-align: top;
}

.litigation_doc_folder_ul .doc_folder_p {
    display: inline-block;
    min-width: 200px;
    padding-left: 30px;
    margin-left: -4px;
    line-height: 22px;
}

.doc_folder_item.on>.doc_folder_item_head .doc_folder_icon {
    background: url(../imgs/folder_on.svg) no-repeat left center;
    background-size: 17px 14px;
}

.doc_folder_item.on>.doc_folder_item_head .doc_folder_icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ltg_related_data_ul.ltg_doc_ul>li {
    padding-left: 33px;
}

.ltg_related_data_ul.ltg_doc_ul>li:last-child {
    border-bottom: 1px solid #f5f7fa;
}

.ltg_related_data_ul.ltg_doc_ul>li.sel {
    background: #efeff5;
}

.litigation_doc_folder_ul .ltg_related_data_ul.ltg_doc_ul>li:last-child {
    border-bottom: none;
}

.litigation_doc_list .jstree-default>.jstree-container-ul>.jstree-node {
    height: auto;
    padding: 8px 20px;
    background: #ffffff;
    border-bottom: 1px solid #f5f7fa;
    font-size: 15px;
    line-height: 1.2;
}

.litigation_doc_list .jstree-default>.jstree-container-ul>.jstree-node ul>.jstree-node.jstree-leaf {
    padding: 13px 20px 13px 33px;
}

.litigation_doc_list .jstree-default>.jstree-container-ul>.jstree-node.jstree-leaf {
    padding: 12px 20px;
}

.litigation_doc_list .jstree-default>.jstree-container-ul>li[aria-selected="true"] {
    background: #efeff5;
}

.litigation_doc_list .jstree-default .jstree-wholerow {
    height: auto;
    top: 0;
    bottom: 0;
}

.litigation_doc_list .jstree-default .jstree-anchor {
    position: relative;
    height: auto;
    line-height: 24px;
}

.litigation_doc_list .jstree-default .jstree-icon:empty {
    width: 30px;
    height: 20px;
}

/* 특이사항 empty 중복 노출됨으로 인한 여백 */
.litigation_doc_list #jstree_demo_div_2.jstree-default .jstree-icon.jstree-ocl:empty {
    width: 0;
}

.litigation_doc_list .jstree-default .jstree-icon.jstree-themeicon:empty {
    width: 66px;
    height: 24px;
}

.litigation_doc_list .jstree-default .jstree-themeicon {
    background: url(../imgs/folder.svg) no-repeat 30px center;
    background-size: 22px 19px;
}

.litigation_doc_ctg .jstree-default .jstree-open>a>i.jstree-themeicon {
    background: url(../imgs/folder_on.svg) no-repeat 0 4.5px;
    background-size: 18.5px 19.5px;
}

.jstree-default .jstree-hovered,
.jstree-default .jstree-wholerow-hovered {
    background: none !important;
    box-shadow: none !important;
}

.litigation_doc_list .jstree-icon.jstree-themeicon.jstree-file.jstree-themeicon-custom {
    display: none;
}

.jstree-anchor {
    width: 100%;
}

/* jstree 체크박스 */
.jstree-default .jstree-icon.jstree-checkbox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px !important;
    height: 100% !important;
    background: none;
    z-index: 3;
}

/* jstree 체크박스 */
.jstree-default .jstree-icon.jstree-checkbox:after {
    content: '';
    display: block;
    position: absolute;
    /*top: 50%;*/
    top: 12px;
    left: 0;
    margin-top: -9px;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #5666ed;
    border-radius: 4px;
    background: #ffffff !important;
}

.jstree-default .jstree-checked .jstree-icon.jstree-checkbox:before {
    content: "";
    display: block;
    position: absolute;
    /*top: 50%;*/
    top: 12px;
    margin-top: -6px;
    left: 6px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #5666ed;
    border-right: 2px solid #5666ed;
    transform: rotate(48deg);
    z-index: 1;
}

.ltg_related_data_item {
    float: right;
    width: calc(100% - 30px);
    padding: 2px 0;
}

/* 2005 litigation_folder_table */
.litigation_folder_table_wrap {
    overflow-x: auto;
    padding-bottom: 16px;
    min-height: 600px;
}

.litigation_folder_table {
    min-width: 940px;
}

.litigation_folder_table_th {
    padding: 10px 20px;
    background-color: #9292a0;
    font-weight: bold;
}

.litigation_folder_table_th input[type=checkbox]+label {
    padding-left: 30px;
    font-size: 15px;
    vertical-align: 0px;
}

.litigation_folder_table .litigation_folder_table_th .td_item {
    color: #ffffff;
}

.litigation_folder_table .td_item {
    float: left;
    /*padding: 0 10px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #303030;
    font-size: 15px;
    text-align: center;
}

.litigation_folder_table .td_item.td1 {
    width: calc(52% - 40px);
    text-align: left;
    /*padding-left: 30px;*/
}

.litigation_folder_table .td_item.td2 {
    width: 9%;
}

.litigation_folder_table .td_item.td3 {
    width: 8%;
}

.litigation_folder_table .td_item.td4 {
    width: 11%;
}

.litigation_folder_table .td_item.td5 {
    width: 19%;
    /*overflow: auto;*/
    white-space: normal;
}

.litigation_folder_table .td_item.td5 a {
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}

.litigation_folder_table .td_item.td5 a:hover {
    color: #0ab1fc;
}

.litigation_folder_table .td_item.td6 {
    width: 40px;
    padding: 0 10px 0 14px;
}

.dots_edit {
    width: 16px;
    height: 4px;
    padding: 8px 0;
    cursor: pointer;
}

.dots_edit>.dots_g {
    display: block;
    width: 4px;
    height: 4px;
    margin: auto;
    border-radius: 50%;
    background: #cfd2d9;
}

.dots_edit:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #cfd2d9;
}

.dots_edit:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #cfd2d9;
}

/* litigation schedule */
#wrap .content.snb2_content_schedule {
    padding: 0 205px;
}

.content_litigation_schedule {
    width: 1195px;
    margin: auto;
    margin-bottom: 60px;
}

.content_litigation_schedule .section_litigation_calendar {
    height: 850px;
}

.section_litigation_calendar {
    width: calc(100% - 390px);
    height: 100%;
    transition: all .3s;
}

.section_litigation_schedule {
    width: 370px;
    height: 100%;
    overflow-y: scroll;
}

.content_litigation_schedule.expand .section_litigation_calendar {
    width: 100%;
}

.content_litigation_schedule.expand .section_litigation_schedule {
    display: none;
}

.litigation_schedule_list {
    margin-top: 30px;
}

.litigation_schedule_list .litigation_schedule_ul {
    margin-top: 10px;
    padding: 13px 0;
    line-height: 1.23;
}

.litigation_schedule_ul>li.schedule_item {
    padding: 5px 0 5px 58px;
}

.schedule_color {
    position: absolute;
    top: 50%;
    left: 0;
    width: 38px;
    height: 18px;
    margin-top: -9px;
    border-radius: 4px;
}

.schedule_color.color1 {
    background: #9aa5ff;
}

.schedule_color.color2 {
    background: #ff9595;
}

/* calendar */
#calendar-container h2 {
    font-size: 22px;
    font-weight: bold;
}

#calendar-container .fc-toolbar.fc-header-toolbar {
    padding: 30px;
    padding-top: 25px;
    margin: 0;
}

#calendar-container .fc-button {
    padding: 0;
    height: 32px;
}

.fc-button {
    border-radius: 4px;
}

#calendar-container .fc-icon {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}

#calendar-container .fc-icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: all 0.15s ease-in-out;
}

#calendar-container .fc-icon-chevron-left:before {
    margin-left: -4px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#calendar-container .fc-icon-chevron-right:before {
    margin-left: -4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#calendar-container .fc-button-primary {
    border-color: #f2f2f2;
    background: #ffffff;
    box-shadow: 6px 6px 7px 0 rgba(183, 183, 183, 0.15);
    color: #000000;
    font-size: 13px;
}

.fc-prev-button,
.fc-next-button {
    width: 36px;
}

.fc-today-button {
    width: 79px;
}

.fc-right .fc-button {
    width: 58px;
}

#calendar-container .fc-right .fc-button {
    background: #f3f3f3;
    border-color: #f3f3f3;
}

#calendar-container .fc-right .fc-button.fc-button-active {
    width: 37px;
    background: url(../imgs/icon_expand.svg) no-repeat center;
    background-size: 15px 15px;
    background-color: #ffffff;
    border-color: #f2f2f2;
    border-radius: 4px;
    font-size: 0;
}

#calendar-container .fc table td {
    border-color: #e9e9e9;
}

#calendar-container .fc table td:first-child {
    border-left: none;
}

#calendar-container .fc table td:last-child {
    border-right: none;
}

#calendar-container .fc table tr:last-child td {
    border-bottom: none;
}

#calendar-container .fc table th {
    height: 42px;
    vertical-align: middle;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}

#calendar-container .fc table th:first-child {
    color: #ff0000;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    padding: 0;
    padding-right: 9px;
    font-size: 13px;
    line-height: 34px;
}

#calendar-container .fc-event {
    padding: 3px 7px;
    border: none;
    border-radius: 6px;
    background: #9aa5ff;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.025rem;
}

#calendar-container .fc-event.color2 {
    background: #ff9595;
}

#calendar-container .fc-day-grid-event {
    margin: 1px 2px;
}

#calendar-container a.fc-more {
    margin-left: 9px;
    font-size: 12px;
    opacity: 0.4;
}

.calendar_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    min-height: 110px;
    padding: 13px 20px;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
    z-index: 3;
    display: none;
}

.calendar_modal.active {
    display: block;
}

.calendar_modal .cd_md_btn {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    cursor: pointer;
}

.calendar_modal .cd_md_btn.btn1 {
    background: url(../imgs/icon_calendar_writing.svg) no-repeat center;
    background-size: 11px 11px;
}

.calendar_modal .cd_md_btn.btn2 {
    background: url(../imgs/icon_calendar_trash.svg) no-repeat center;
    background-size: 13px 14px;
}

.calendar_modal .cd_md_btn.btn3 {
    background: url(../imgs/icon_calendar_x.svg) no-repeat center;
    background-size: 13px 13px;
}

.calendar_modal .fc_event_col {
    width: 13px;
    height: 13px;
    margin-top: 7px;
    border-radius: 2px;
}

.calendar_modal .fc_event_col.bg1 {
    background: #9aa5ff;
}

.calendar_modal .fc_event_col.bg2 {
    background: #ff9595;
}

.calendar_modal .fc_event_content {
    width: calc(100% - 22px);
}

.calendar_modal .cd_md_icon_p {
    margin-top: 13px;
    padding-left: 22px;
    background: url(../imgs/icon_calendar_check.svg) no-repeat left center;
    background-size: 10px 12px;
}

.calendar_modal .cd_md_p {
    color: #888888;
    font-size: 12px;
    line-height: 1.2;
}

/* litigation create */
.litigation_create_info .dis_inb.lh30 {
    margin-right: 10px;
}

.notify_line {
    padding: 15px 20px;
    margin-bottom: 15px;
    background: #f7f7f7;
    text-align: center;
}

.litigation_related_data_box {
    padding: 0 15px;
    margin-top: 15px;
    border: 1px dotted #ededef;
}

.ltg_related_data_ul>li {
    padding: 13px 20px;
    border-bottom: 1px solid #f5f7fa;
    line-height: 20px;
}

.ltg_related_data_ul>li:last-child {
    border-bottom: none;
}

.checkbox_wrap {
    float: left;
    width: 30px;
}

.ltg_drop_btn_wrap {
    margin-top: 15px;
}

.ltg_related_data_folder {
    padding: 0 20px;
    padding-right: 0;
    border-bottom: 1px solid #f5f7fa;
}

.ltg_related_data_folder>.item_p {
    height: 36px;
    padding-left: 30px;
    background: url(../imgs/folder.svg) no-repeat left center;
    background-size: 17px 14px;
    line-height: 36px;
    cursor: pointer;
}

.ltg_related_data_depth_ul {
    display: none;
}

.ltg_related_data_depth_ul>li {
    padding-left: 30px;
}

.ltg_related_data_folder.on .ltg_related_data_depth_ul {
    display: block;
}

.ltg_internal_table_wrap {
    height: 340px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
}

.modal_ltg_internal_data .litigation_note_table {
    min-height: 338px;
}

.ltg_internal_sel_list .l_p {
    margin-bottom: 10px;
}

.ltg_internal_sel_list .related_material_ul>li {
    width: 100%;
    background: #ffffff;
}

.ltg_internal_sel_list {
    margin: 25px 0;
    padding: 20px;
    background: #f9fafc;
}

.ltg_internal_table_wrap .ltg_related_data_ul>li:last-child {
    border-bottom: 1px solid #f5f7fa;
}

.ltg_internal_sel_list .related_material_ul .list_none_li {
    border: none;
    background: none;
}

/* modal_set_legal_manager */
.modal_set_legal_manager .modal_title {
    padding: 30px 0 20px;
}

.related_data_ul>li {
    margin-bottom: 2px;
}

.related_data_ul>li:last-child {
    margin-bottom: 0;
}

.related_data_ul .p_blue {
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
}

.bt_tab_3.bt_tab {
    margin-top: 20px;
    padding-top: 7px;
}

.modal_section .bt_tab_3.bt_tab .tabs {
    border-bottom: none;
}

.bt_tab_3.bt_tab .tab {
    width: auto;
    margin-right: 20px;
    border: none;
    border-radius: 0;
    color: #707070;
    font-size: 15px;
}

.bt_tab_3.bt_tab .tab.active {
    color: #000000;
    font-weight: bold;
}

.modal_set_legal_manager .active_btn_wrap {
    padding: 30px 0;
}

.modal_set_legal_manager .modal_section .tviews {
    border-bottom: none;
}

.modal_set_legal_manager ul.litigation_box_ul>li {
    width: 50%;
}

/* sanb2_content */
@media(max-width: 1400px) {
    #wrap .content.snb2_content_schedule {
        padding: 0 20px 0 205px;
    }

    .content_litigation_schedule {
        width: 100%;
    }

    .section_litigation_calendar {
        width: calc(100% - 300px);
    }

    .section_litigation_schedule {
        width: 280px;
    }
}

@media(max-width: 1290px) {
    #wrap .content.snb2_content {
        padding: 0 20px 0 205px;
    }
}

@media(max-width: 1200px) {
    .litigation_head>.fl {
        float: none;
        width: 100%;
    }

    .litigation_head>.fr {
        float: none;
        width: 100%;
        text-align: left;
    }

    .litigation_head .input_search_wrap {
        margin-left: 0;
    }

    .litigation_doc_table .litigation_doc_ctg {
        width: 240px;
    }

    .litigation_doc_table {
        padding-left: 240px;
    }
}

@media(max-width: 1024px) {

    #wrap .content.snb2_content,
    #wrap .content.snb2_content_schedule,
    #wrap .content_litigation {
        padding: 0 20px 0 140px;
    }

    .snb2_wrap {
        width: 120px;
    }

    .snb2>li.snb2_item .sub2_item_a {
        padding: 11px 0 10px 20px;
    }

    .snb2>li.snb2_item .sub2_item_a.active {
        border-radius: 0 25px 25px 0;
    }

    /* 소송관리 > 주요일정 */
    .section_litigation_calendar {
        width: calc(100% - 240px);
    }

    .section_litigation_schedule {
        width: 220px;
    }
}

@media(max-width:900px) {
    ul.litigation_box_ul>li {
        width: 33.3333%;
    }
}

/* 기본 반응형 시작 */
@media(max-width: 1700px) {
    .header_notice {
        max-width: 400px;
    }
}

@media(max-width: 1480px) {
    .header_notice {
        max-width: 300px;
    }

    .section_contract_view.wide {
        width: 100%;
        padding-right: 40px;
        padding-left: 40px;
    }

    .section_contract_view.wide.sk_section_contract_view {
        padding-left: 0;
        padding-right: 0;
    }

    .section_contract_view.wide .contract_view_detail {
        width: 400px;
    }

    .contract_view_timeline {
        width: 400px;
    }

    .contract_view {
        width: calc(100% - 420px);
    }
}

@media(max-width: 1366px) {

    [class*="section__"],
    .section,
    .section_contract_filter {
        max-width: 880px;
        width: auto;
    }

    .modal3 .modal_section {
        max-width: 880px;
        width: auto;
        padding: 0 40px;
    }

    body {
        transition: all 0.3s;
    }

    #wrap .snb_layout.content {
        padding: 0 15px 0 185px;
    }
}

@media (min-width : 1366px) {
    body.fixed_contract .content {
        padding-right: 43%;
    }

    body[data-adele-version="28"].fixed_contract .content {
        padding-right: 0;
    }
}

/* sub layout 조절 */
@media(max-width: 1280px) {
    .snb {
        width: 185px;
        padding: 0 15px;
    }

    .container.type2 {
        padding-left: 180px;
    }
}

/* 계약 비교화면 해상도 */
/* 계약 상세화면 해상도 */
@media(max-width: 1360px) {
    .section_contract_view {
        width: 100%;
    }

    .contract_view {
        width: calc(100% - 420px);
    }
}

@media (max-width: 1300px) {
    .contract_view {
        width: 100% !important;
    }

    .section_contract_view.wide .contract_view_detail {
        width: 100%;
        margin-bottom: 0;
    }

    .contract_view_timeline {
        width: 100%;
        margin-top: 20px;
    }
}

@media(max-width: 1190px) {
    .section_contract_view {
        width: 100%;

    }

    .contract_view_detail {
        width: 340px;
    }

    .section_bt_wrap {
        width: 100%;
    }

    .section_bt_content,
    [class*="section__"].section_bt_content {
        width: calc(100% - 360px);
    }

    .section_bt_flow {
        width: 340px;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1381px) {
    #header .lnb {
        max-width: 950px !important;
    }
}

/* header resize */
@media(max-width: 1560px) {
    #header {
        height: auto;
        padding: 0 15px;
    }

    #header .in {
        /*width: 50%;*/
        width: auto;
        display: block;
        padding-top: 5px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: baseline;
    }

    #header .in.in_admin {
        flex-direction: column;
        align-items: flex-end;
    }

    #header .header_notice {
        position: absolute;
        top: 0;
        left: 160px;
        max-width: 500px;
    }

    #header .gnb>li,
    #header .gnb_admin>li {
    /* .header_notice { */
        height: 35px;
        line-height: 30px;
    }

    .header_legal {
        height: 30px;
    }

    #header .hd_user {
        margin: 3px 0;
        line-height: 30px;
    }

    #header .hd_user_img {
        margin: 3px 0 3px 20px;
        width: 30px;
        height: 30px;
    }

    #header .lnb {
        top: 40px;
    }

    #header .gnb_admin_ul {
        left: auto;
        right: 0;
    }

    #header .gnb_admin_sub_ul {
        left: auto;
        right: 102%;
    }

    .gnb_admin_sub_call:after {
        right: auto;
        left: 10px;
        border-right: 6px solid #d4d4d4;
        border-left: none;
    }

    .gnb_admin_sub_call:hover:after {
        border-right: 6px solid #000000;
        border-left: none;
    }

    #header .gnb_admin_ul>li>a {
        padding-left: 10px;
        padding-right: 0;
    }

    .number_approval_view {
        top: 32px;
    }

    .snb {
        top: 145px;
    }

    #wrap .content {
        padding: 0 15px;
    }

    .section_legal {
        margin-top: 30px;
    }

    .contract_cmprs_wrap {
        padding: 0;
    }
}

@media(max-width: 1200px) {
    .litigation_head_top>.fr {
        padding-top: 0 !important;
    }

    .divide_litigation_box {
        float: none;
        width: 100%;
    }

    .clearfix_15.flexBox .divide_litigation_box:first-of-type {
        margin-bottom: 30px;
    }

    .clearfix_15.flexBox {
        flex-direction: column;
    }
}

@media(max-width: 1080px) {
    #header .header_notice {
        max-width: calc(100% - 480px);
    }

    .tab_contract>li {
        margin-right: 25px;
    }
}

@media(max-width: 980px) {
    .section_contract_filter .fl.divide__2.tr {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 980px) and (min-width: 830px) {
    .section_contract_filter .fl.divide__2.result_wrap {
        float: none;
    }

    .ProseMirror-menubar-wrapper .ProseMirror-menubar {
        padding-bottom: 0;
    }

    .ProseMirror-menubar-wrapper .ProseMirror-menubar .clearfix {
        justify-content: flex-start;
    }

    .ProseMirror-menubar-wrapper .ProseMirror-menubar .ProseMirror-menuitem {
        margin-bottom: 10px;
    }

    .ProseMirror-menubar .btn_memo_add {
        position: absolute;
        width: 74px;
        right: 0;
        top: -34px;
        margin-top: 0;
        z-index: 2;
    }
}

@media(max-width: 940px) {
    #fixed_contract {
        width: auto;
    }

    .fixed_layout.active {
        left: 0;
    }
}

@media(max-width: 845px) {
    #fixed_contract .contract_detail_comment {
        width: 456px;
        margin: 0;
        margin-top: 25px;
    }

    #div_slide_fixed_layout_wrapper .contract_detail_comment,
    .fixed_content_wrap .fixed_content.contract_detail_comment {
        width: 456px;
        margin: 0;
        margin-top: 25px;
    }

    .section_bt_content,
    [class*="section__"].section_bt_content {
        float: none;
        width: 100%;
    }

    .section_bt_flow {
        float: none;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .contract_view {
        float: none;
        width: 100%;
    }

    .contract_view_detail {
        float: none;
        width: 100%;
        margin-top: 30px;
    }
}

@media(max-width: 820px) {

    .resize_itm01>.fl,
    .resize_itm01>.fr {
        width: 100%;
    }

    .resize_itm01>.fr {
        text-align: right;
        margin-top: 10px;
    }
}

@media(max-width: 768px) {
    .input_search {
        width: 220px;
    }

    .section__admin_template .tmp_select {
        width: 150px;
    }

    .pagination>li {
        margin: 0 6px;
    }
}

@media(max-width: 670px) {
    .section_group_list .input_search {
        width: 200px;
    }
}

@media(max-width: 640px) {
    .fixed_layout2.active {
        left: 100px;
    }
}

.drag_hold {
    background: #f5f5f5;
}

.note_edit_btn_x {
    z-index: 5;
}

/* 타임라인 css 입니다.*/
.timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.timeline *,
.timeline :after,
.timeline :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.timeline:not(.timeline--horizontal):before {
    background-color: #f3f3f3;
    border-radius: 4px;
    bottom: 0;
    content: '';
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.timeline__wrap {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.timeline__item {
    font-size: 16px;
    font-size: 1rem;
    padding: .625rem 2.5rem .625rem 0;
    position: relative;
    width: 50%;
    z-index: 2
}

.timeline__item.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0
}

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

.timeline--horizontal {
    font-size: 0;
    padding: 0 3.125rem;
    overflow: hidden;
    white-space: nowrap
}

.timeline--horizontal .timeline__items {
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    will-change: transform
}

.timeline--horizontal .timeline__item {
    display: inline-block;
    left: 0;
    padding: 0 0 2.5rem;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    white-space: normal
}

.timeline--horizontal .timeline__item .timeline__item__inner {
    display: table;
    height: 100%;
    width: 100%
}

.timeline--horizontal .timeline__item .timeline__content__wrap {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    padding-right: 10px;
}

.timeline--horizontal .timeline__item--bottom {
    padding: 2.5rem 0 0
}

.timeline--horizontal .timeline__item--bottom:after {
    top: 0
}

.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
    vertical-align: top
}

.timeline--horizontal .timeline__item--bottom .timeline__content:before {
    border-bottom: 12px solid #ccc;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: none;
    bottom: 100%;
    top: auto
}

.timeline-nav-button {
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 40px;
    outline: 0;
    position: absolute;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    z-index: 10
}

.timeline-nav-button:disabled {
    opacity: .5;
    pointer-events: none
}

.timeline-nav-button:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 8px
}

.timeline-nav-button--prev {
    left: 0
}

.timeline-nav-button--prev:before {
    background-image: url(../imgs/arrow-left.svg)
}

.timeline-nav-button--next {
    right: 0
}

.timeline-nav-button--next:before {
    background-image: url(../imgs/arrow-right.svg)
}

.timeline--mobile {
    padding: 0
}

.timeline--mobile:before {
    left: 10px !important;
    margin: 0 !important
}

.timeline--mobile .timeline__item {
    left: 0;
    padding-left: 40px;
    padding-right: 0;
    width: 100%
}

.timeline--mobile .timeline__item:after {
    left: 2px;
    margin: 0
}

.timeline--mobile .timeline__item .timeline__content:before {
    left: -12px;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ccc;
    border-left: none;
    border-top: 12px solid transparent
}

.timeline--mobile .timeline__item .timeline__content:after {
    left: -10px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: none;
    border-top: 10px solid transparent
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        top: 70px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        top: 70px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes liftUp {
    0% {
        top: 0
    }

    100% {
        top: -15px
    }
}

@keyframes liftUp {
    0% {
        top: 0
    }

    100% {
        top: -15px
    }
}

/* timeline custom*/
.timeline--horizontal .timeline-divider {
    height: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    display: block;
    height: 4px;
    left: 40px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    z-index: 1;
}

.timeline__item:after {
    background-color: #fff;
    border: 1px dotted #ccc8bd;
    border-radius: 50%;
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 100%;
    z-index: 1;
    transition: all .25s;
}

.timeline__item:before {
    background-color: #ffcb19;
    border-radius: 50%;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 100%;
    margin-left: 6px;
    z-index: 2;
    transition: all .25s;
}

.timeline__item.timeline__item--bottom:before {
    top: 0;
}

.timeline__item:hover:after {
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.13);
}

.timeline__item:hover:before {
    background: #ff7419;
}

.timeline--horizontal .timeline__item .timeline__content:before {
    left: 14px;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #e2e2e2;
}

.timeline__item .timeline__content:after {
    border-left: 5px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
}

.timeline__item.timeline__item--bottom .timeline__content:before {
    border-bottom: 7px solid #e2e2e2;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-top: none;
    bottom: 100%;
    top: auto;
}

.timeline__item.timeline__item--bottom .timeline__content:after {
    border-bottom: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 6px solid transparent;
    border-top: none;
    bottom: 100%;
    top: auto;
}

/* mobile */
.timeline--mobile .timeline__wrap {
    margin-top: 30px;
}

.timeline--mobile .timeline__item {
    width: 50%;
}

.timeline--mobile .timeline__item:after {
    top: calc(1.25rem + 19px);
}

.timeline--mobile .timeline__item:before {
    top: calc(1.25rem + 19px);
    margin-left: 8px;
}

.timeline__content:after,
.timeline__content:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 15px;
    right: auto;
}

.timeline--mobile .timeline__item .timeline__content:before {
    top: 20px;
    left: -9px;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #e2e2e2;
    border-left: none;
    border-top: 7px solid transparent;
}

.timeline--mobile .timeline__item .timeline__content:after {
    top: 20px;
    left: -8px;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #fff;
    border-left: none;
    border-top: 7px solid transparent;
    z-index: 2;
}

.timeline--mobile .timeline__content h2 {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    margin-bottom: 10px;
}

.timeline__content {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    color: #333;
    display: block;
    padding: 10px;
    position: relative;
}

.timeline__content h2 {
    position: absolute;
    top: calc(100% + 56px);
    left: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.26;
}

.timeline__item.timeline__item--bottom .timeline__content h2 {
    top: -26px;
}

.timeline__content p {
    padding-left: 20px;
    color: #585858;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 3px
}

.btn_tmln_more {
    margin: 0 0 0 20px;
    font-size: 13px;
}

.timeline__content p.itm1 {
    background: url(../imgs/timeline/timeline_item1.svg) no-repeat left 3px;
    background-size: 10px 10px;
}

.timeline__content p.itm2 {
    background: url(../imgs/timeline/timeline_item2.svg) no-repeat left 3px;
    background-size: 10px 11px;
}

.timeline__content p.itm3 {
    background: url(../imgs/timeline/timeline_item3.svg) no-repeat left 3px;
    background-size: 15px 11px;
}

.timeline__content p.itm4 {
    background: url(../imgs/timeline/timeline_item4.svg) no-repeat left 3px;
    background-size: 13px 13px;
}

.timeline__content p.itm5 {
    background: url(../imgs/timeline/timeline_item5.svg) no-repeat left 3px;
    background-size: 13px 13px;
}

.timeline__content p.itm6 {
    background: url(../imgs/timeline/timeline_item6.svg) no-repeat left 3px;
    background-size: 13px 12px;
}

.timeline__content p.icon1 {
    background: url(../imgs/timeline/attached-file.svg) no-repeat left 3px;
    background-size: 13px 15px;
}

.timeline__content p.icon2 {
    background: url(../imgs/timeline/signature.svg) no-repeat left 3px;
    background-size: 16px 15px;
}

.timeline__content p.icon3 {
    background: url(../imgs/timeline/timeline_icon3.svg) no-repeat left 3px;
    background-size: 14px 13px;
}

.timeline__content p.icon4 {
    background: url(../imgs/timeline/bell.svg) no-repeat left 3px;
    background-size: 13px 16px;
}

.timeline__content span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.timeline_status {
    display: inline-block;
    padding: 2px 5px;
    margin-left: 20px;
    background: #ffdb38;
    color: #585858;
    font-size: 12px;
    vertical-align: top;
}

.table_chart_wrap {
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 10px;
}

.table_chart {
    min-width: 880px;
    max-width: 100%;
    color: #585858;
    font-size: 12px;
}

.table_chart th {
    padding: 9px 4px;
    background: #f3f3f3;
    color: #585858;
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.table_chart td {
    padding: 9px 4px;
    border-bottom: 1px solid #f6f6fd;
    vertical-align: top;
    text-align: center;
}

.table_chart td a {
    display: inline-block;
    cursor: pointer;
}

.table_chart [class*="state__"].state__franchisee {
    width: auto;
    padding-left: 14px;
    height: 22px;
    font-size: 12px;
    line-height: 18px;
}

.table_chart [class*="state__"].state__franchisee::after {
    top: 6px;
    left: 5px;
}

.table_franchisee_operation td:nth-child(1),
.table_franchisee_operation td:nth-child(8) {
    padding-left: 20px;
}

.pulmuone_franchisee_chart td:nth-child(1),
.pulmuone_franchisee_chart td:nth-child(8) {
    padding-left: 20px;
}

.pulmuone_franchisee_chart {
    margin: 6px 0 15px;
    overflow: hidden;
    border-collapse: separate;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    background: #fff;
}

.table_chart.pulmuone_franchisee_chart th {
    width: 9.0909%;
    padding: 9px;
}

.table_chart.pulmuone_franchisee_chart td {
    border-bottom: none;
    text-align: left;
}

/**
.pulmuone_franchisee_chart .table_chart_line, .pulmuone_franchi`see_chart td:nth-child(7) {
    border-right: 1px solid #d0d2db;
}
 */
.pulmuone_franchisee_chart .chart_blue td {
    border-top: 1px solid #d0d2db;
}

.chart_blue td:not(.td_h) {
    color: #364aed;
    font-size: 12px;
    text-decoration: underline;
}

.franchisee_list {
    line-height: 1;
}

.franchisee_list .m_p_b {
    line-height: 26px;
}

.franchisee_list .sm_p58 {
    margin-top: 7px;
}

.franchisee_list_left {
    width: calc(100% - 257px);
    margin-right: 20px;
}

.franchisee_list_logo {
    width: 47px;
    height: 47px;
    background: #f3f3f3;
}

.franchisee_list_logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.franchisee_list_right {
    width: 170px;
}

[class*="state__"].state__franchisee {
    width: 170px;
    height: 26px;
    padding-left: 26px;
    padding-right: 4px;
    border-radius: 6px;
    text-align: left;
    line-height: 22px;
}

[class*="state__"].state__franchisee.state_1 {
    border-color: #ffcb19;
}

[class*="state__"].state__franchisee.state_1:after {
    background: #ffcb19;
}

[class*="state__"].state__franchisee.state_2 {
    border-color: #565656;
}

[class*="state__"].state__franchisee.state_2:after {
    background: #565656;
}

[class*="state__"].state__franchisee.state_3 {
    border-color: #ff6a19;
}

[class*="state__"].state__franchisee.state_3:after {
    background: #ff6a19;
}

.section__franchisee_list .btn_excel {
    margin-top: 12px;
}

.section__franchisee_list .pagination {
    margin-top: 15px;
}

.input_date_tilde_wrap .input_date {
    float: left;
    width: calc(50% - 9px);
}

.input_date_tilde {
    float: left;
    width: 18px;
    text-align: center;
    color: #585858;
    font-size: 12px;
    line-height: 36px;
    vertical-align: top;
}

.section_pulmuone_chart {
    border: 1px solid #f3f3f3;
    border-radius: 0 0 5px 5px;
    background: #fff;
}

.btn_excel+.total_p {
    display: inline-block;
    margin-left: 11px;
    line-height: 30px;
}

.table_chart.table_pulmuone_franchisee_contract th {
    background: #fff;
}

.table_chart.table_pulmuone_franchisee_contract tr:nth-of-type(odd) td,
.table_chart.table_pulmuone_franchisee_contract tr:nth-of-type(odd) th {
    background: #f6f6fd;
}

.table_chart.table_pulmuone_franchisee_contract tr:first-child th {
    background: #ffeba7;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .table_chart.table_pulmuone_franchisee_contract tr:nth-child(2) {
        margin-top: 45px;
    }

    /* IE11 */
    *::-ms-backdrop,
    .table_chart.table_pulmuone_affiliate_view tr:nth-child(2) {
        margin-top: 45px;
    }

    /* IE11 */
}

.table_scrl_wrap {
    padding-top: 42px;
}

.table_scrl_inner {
    position: unset;
    max-height: 600px;
    overflow-y: auto;
}

.table_scrl_wrap .table_chart {
    width: 1450px;
}

.table_scrl_wrap .table_chart tr {
    display: inline-table;
    width: 1450px;
}

.table_th_top {
    display: inline-table;
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
}

.table_scrl_wrap .table_chart .cell1 {
    width: 3%
}

.table_scrl_wrap .table_chart .cell2 {
    width: 3.6%
}

.table_scrl_wrap .table_chart .cell3 {
    width: 5.4%
}

.table_scrl_wrap .table_chart .cell4 {
    width: 6.4%
}

.table_scrl_wrap .table_chart .cell5 {
    width: 5.2%
}

.table_scrl_wrap .table_chart .cell6 {
    width: 3.2%
}

.table_scrl_wrap .table_chart .cell7 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell8 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell9 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell10 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell11 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell12 {
    width: 5.5%
}

.table_scrl_wrap .table_chart .cell13 {
    width: 5%
}

.table_scrl_wrap .table_chart .cell14 {
    width: 5%
}

.table_scrl_wrap .table_chart .cell15 {
    width: 5%
}

.table_scrl_wrap .table_chart .cell16 {
    width: 6.1%
}

.table_scrl_wrap .table_chart .cell17 {
    width: 6.1%
}

.table_scrl_wrap .table_chart .cell18 {
    width: 6.5%
}

.table_scrl_wrap .table_chart .cell19 {
    width: 6.5%
}

.table_franchisee_operation {
    border: 1px solid #d0d2db;
}

.table_franchisee_operation th,
.table_franchisee_operation td {
    padding: 9px 4%;
    border-bottom: 1px solid #d0d2db;
    vertical-align: middle;
}

.table_franchisee_operation td.td_h {
    padding-right: 0;
    border-right: 1px solid #d0d2db;
    background: #f3f3f3;
    font-weight: bold;
    text-align: left;
    word-break: keep-all;
}

.content_calendar {
    text-align: center;
}

.calendar_left {
    display: inline-block;
    width: 260px;
    height: 928px;
    margin-right: 20px;
    text-align: left;
    vertical-align: top;
    transition: all .3s;
}

.section_calendar {
    display: inline-block;
    width: 805px;
    text-align: left;
    vertical-align: top;
    transition: all .3s;
}

#calendar-container {
    height: 850px;
}

.content_calendar.expand .calendar_left {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: -9;
}

.content_calendar .calendar_left .pad_20 {
    min-width: 200px;
}

.content_calendar.expand .section_calendar {
    width: 1130px;
    max-width: 100%;
}

@media(max-width: 1400px) {
    .calendar_left {
        float: left;
    }

    .section_calendar {
        float: right;
        width: calc(100% - 280px);
    }
}

@media(max-width: 1024px) {
    .calendar_left {
        width: 200px;
    }

    .section_calendar {
        width: calc(100% - 220px);
    }
}

.brand_label_box {
    width: 160px;
    height: 28px;
    margin-top: 7px;
    background-color: #f2f2f2;
}

.calendar_head {
    padding: 10px 0;
    margin-bottom: 28px;
    border-bottom: 2px solid #000;
}

.calendar_label {
    font-size: 15px;
    line-height: 18px;
}

.calendar_label:before {
    display: inline-block;
    width: 30px;
    height: 18px;
    margin-right: 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
}

.calendar_label.itm1:before {
    content: 'N';
    background: #ff7850;
}

.calendar_label.itm2:before {
    content: 'R';
    background: #2db1cc;
}

.calendar_label.itm3:before {
    content: 'D';
    background: #f94040;
}

.calendar_label.itm4:before {
    content: 'S';
    background: #9453d9;
}

.calendar_left .label {
    margin-bottom: 12px;
}

.calendar_left .calendar_label {
    margin-bottom: 8px;
}

.calendar_left .calendar_label:last-child {
    margin-bottom: 0;
}

.calendar_status {
    margin-bottom: 12px;
    font-size: 13px;
}

.calendar_status:last-child {
    margin-bottom: 0;
}

.calendar_status:before {
    display: inline-block;
    padding-top: 1px;
    margin-right: 12px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
}

.calendar_status.itm1:before {
    content: 'N';
    color: #ff7850;
}

.calendar_status.itm2:before {
    content: 'R';
    color: #2db1cc;
}

.calendar_status.itm3:before {
    content: 'D';
    color: #f94040;
}

.calendar_status.itm4:before {
    content: 'S';
    color: #9453d9;
}

.section_calendar #calendar-container .fc-event {
    padding: 4px 7px;
    color: #fff;
    font-weight: bold;
    background: #ff7850;
}

.section_calendar #calendar-container .fc-event.itm1 {
    background: #ff7850;
}

.section_calendar #calendar-container .fc-event.itm2 {
    background: #2db1cc;
}

.section_calendar #calendar-container .fc-event.itm3 {
    background: #f94040;
}

.section_calendar #calendar-container .fc-event.itm4 {
    background: #9453d9;
}

.calendar2_modal {
    width: 340px;
}

.calendar2_modal .cd_md_btn.btn3 {
    position: absolute;
    top: 23px;
    right: 19px;
}

.calendar_modal_tit {
    padding: 5px 0;
}

.calendar2_modal .fc_event_col.itm1 {
    background: #ff7850;
}

.calendar2_modal .fc_event_col.itm2 {
    background: #2db1cc;
}

.calendar2_modal .fc_event_col.itm3 {
    background: #f94040;
}

.calendar2_modal .fc_event_col.itm4 {
    background: #9453d9;
}

.calendar_modal_ul {
    padding-left: 22px;
    margin-top: 13px;
}

.calendar_modal_ul li {
    margin-bottom: 6px;
}

.calendar2_modal .calendar_modal_ul .xxs_p {
    display: inline-block;
    width: calc(100% - 100px);
}

.calendar2_modal .calendar_modal_ul .p_blue {
    display: inline-block;
    width: 90px;
    font-size: 12px;
    text-decoration: underline;
}

.modal_add_franchisee_ul li {
    padding-left: 56px;
    color: #585858;
    line-height: 18px;
}

.modal_add_franchisee_ul li label {
    font-size: 12px;
}

ul.bt_list.modal_add_franchisee_ul li.list_hd {
    font-size: 12px;
    font-weight: bold;
}

.modal_add_franchisee_ul .list2 {
    width: 18%;
}

.modal_add_franchisee_ul .list3 {
    width: 15%;
    text-align: center;
}

.modal_add_franchisee_ul .list4 {
    width: 48%;
    padding-left: 10px;
}

.modal_add_franchisee_ul .list5 {
    width: 17%;
    text-align: center;
}

.icon_notify_p_r.b {
    color: #000;
    line-height: 1.5;
    background-position: left 2px;
}

.notify_form_wrap {
    padding-left: 22px;
    margin: 25px 0 30px;
}

.table_deliver_doc {
    width: 100%;
}

.table_deliver_doc th {
    width: 37%;
    padding: 13px 0;
    border: 1px solid #e4e4e4;
    border: 1px solid #e4e4e4;
    border-left: none;
    text-align: left;
    font-weight: 400;
    vertical-align: top;
}

.table_deliver_doc .deliver_doc_head {
    padding-left: 25px;
    padding-right: 13px;
    margin-bottom: 4px;
    background: url(../imgs/timeline/timeline_item6_red.svg) no-repeat left top;
    background-size: 13px 13px;
}

.table_deliver_doc .deliver_doc_head.itm1 {
    background: url(../imgs/timeline/timeline_item1_red.svg) no-repeat left top;
    background-size: 10px 10px;
}

.table_deliver_doc .deliver_doc_head.itm2 {
    background: url(../imgs/timeline/timeline_item2_red.svg) no-repeat left top;
    background-size: 10px 11px;
}

.table_deliver_doc .deliver_doc_head.itm3 {
    background: url(../imgs/timeline/timeline_item3_red.svg) no-repeat left top;
    background-size: 15px 11px;
}

.table_deliver_doc .deliver_doc_head.itm4 {
    background: url(../imgs/timeline/timeline_item4_red.svg) no-repeat left top;
    background-size: 13px 13px;
}

.table_deliver_doc .deliver_doc_head.itm5 {
    background: url(../imgs/timeline/timeline_item5_red.svg) no-repeat left top;
    background-size: 13px 13px;
}

.table_deliver_doc .deliver_doc_head.itm6 {
    background: url(../imgs/timeline/timeline_item6_red.svg) no-repeat left top;
    background-size: 13px 12px;
}

.timeline__item.item_width {
    width: 260px !important;
}

.table_deliver_doc .deliver_doc_head .m_p_b {
    line-height: 1;
}

.table_deliver_doc .deliver_doc_head .xs_p58 {
    margin: 5px 0 0;
}

.deliver_doc_td {
    width: 63%;
    padding: 13px 20px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    vertical-align: top;
}

.table2 {
    width: 100%;
    color: #585858;
    font-size: 12px;
    border: 1px solid #d0d2db;
}

.table2 th {
    padding: 9px 0;
    border-bottom: 1px solid #d0d2db;
    background: #f3f3f3;
    color: #585858;
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.table2 td {
    padding: 9px;
    border-bottom: 1px solid #d0d2db;
    vertical-align: top;
    text-align: center;
}

.table_deliver_doc_info td {
    padding: 6px 3px;
    vertical-align: middle;
}

.table_deliver_doc_info .brand_logo img {
    max-height: 25px;
}

.table3 {
    width: 100%;
}

.table3 th,
.table3 td {
    padding: 9px 10px;
    border: 1px solid #d0d2db;
    text-align: left;
}

.table3 th {
    padding: 9px 20px;
    background: #f3f3f3;
    color: #585858;
    font-size: 13px;
    font-weight: bold;
}

.table_deliver_doc_attach {
    margin: 10px 0 15px;
}

.table_deliver_doc_attach th {
    width: 136px;
}

.table3 td .attach_down_wrap {
    margin-right: -10px;
}

.attach_down_wrap::after {
    content: '';
    clear: both;
    display: block;
}

.attach_down_box {
    float: left;
    width: calc(100% - 35px);
    padding: 0 10px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #dadada;
    background: #f5f5f5;
    line-height: 28px;
}

.attach_down_box .p_blue_line {
    font-size: 12px;
}

.btn_attach_down {
    float: left;
    width: 35px;
    height: 30px;
    background: url(../imgs/icon_download2.svg) no-repeat center;
    background-size: 15px 13px;
    cursor: pointer;
}

.contract_create2 .fixed_content_wrap {
    min-width: 516px;
}

.contract_create2 .fixed_content {
    width: 456px;
}

.contract_create .table_deliver_doc_attach th {
    width: 25%;
    padding: 9px 10px;
}

.modal_deliver_doc_send .table_deliver_doc_info {
    margin-bottom: 44px;
}

.modal_deliver_doc_send .m_p_b {
    margin: 15px 0 8px;
}

.modal_deliver_doc_send .table_deliver_doc {
    margin-bottom: 20px;
}

.modal_create_brand .modal_section {
    max-width: 755px;
}

.create_brand_fl {
    float: left;
    width: 160px;
}

.create_brand_fr {
    float: right;
    width: calc(100% - 180px);
}

.table_create_brand th {
    width: 150px;
    padding: 5px 15px;
}

.table_create_brand td {
    padding: 5px 15px;
    text-align: right;
}

.table_create_brand .dis_inb.form_2 {
    float: left;
    width: 157px;
}

.table_create_brand .form_2+.p_blue_line {
    margin-top: 6px;
}

.modal_create_brand label.xxs_p {
    margin: 6px 0;
}

@media(max-width: 780px) {
    .table_create_brand td {
        text-align: left;
    }

    .table_create_brand .dis_inb.form_2 {
        width: 100%;
    }
}

.attach_img_area .btn_camera {
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #f7f8fa;
    border-radius: 50%;
    background-image: url(../imgs/icon_camera.svg);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 13px;
    cursor: pointer;
}

.attach_img_area {
    display: table;
}

.attach_img_area .attach_img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.attach_img_area img {
    display: block;
    margin: auto;
}

.brand_logo_mask {
    width: 60px;
    height: 60px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #d0d2db;
}

.modal_create_franchisee .section_item {
    margin-top: 20px;
}

.modal_create_franchisee .section_item .label_itm {
    display: inline-block;
    margin-right: 20px;
}

.modal_create_franchisee .section_item .label_itm:last-child {
    margin-right: 0;
}

.modal_create_franchisee .section_item .label_itm label {
    font-size: 13px;
}

.table_create_franchisee {
    margin-top: 6px;
    overflow: auto;
    border-radius: 4px;
    border: 1px solid #d0d2db;
    border-collapse: separate;
}

.table_create_franchisee th {
    width: 100px;
    padding: 0 0 0 15px;
    border: none;
    border-right: 1px solid #d0d2db;
    border-bottom: 1px solid #d0d2db;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.08;
    vertical-align: middle;
}

.table_create_franchisee td {
    height: 41px;
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid #d0d2db;
    font-size: 12px;
}

.table_create_franchisee tr:last-child th,
.table_create_franchisee tr:last-child td {
    border-bottom: none;
}

.table_create_franchisee .table_list th {
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid #000;
    background: none;
    color: #000;
    line-height: 1;
}

.table_create_franchisee .table_list th:nth-child(1) {
    width: 28%;
    text-align: left;
}

.table_create_franchisee .table_list th:nth-child(2) {
    width: 44%;
    text-align: center;
}

.table_create_franchisee .table_list th:nth-child(3) {
    width: 28%;
    text-align: right;
}

.table_create_franchisee .table_list td:nth-child(1) {
    text-align: left;
}

.table_create_franchisee .table_list td:nth-child(2) {
    text-align: center;
}

.table_create_franchisee .table_list td:nth-child(3) {
    text-align: right;
}

.table_create_franchisee .table_list tr:nth-child(2) td {
    padding-top: 8px;
}

.table_create_franchisee .table_list td {
    height: auto;
    padding: 4px 10px;
    border: none;
    line-height: 1;
}

.input_btn_set input {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
}

.input_btn_set .input_btn {
    display: inline-block;
    min-width: 46px;
    height: 30px;
    padding: 0 9px;
    margin-left: -10px;
    border-radius: 4px;
    border: 1px solid #979797;
    background: #ffffff;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}

.input_btn_set.set2 input {
    width: 197px;
}

.attach_img_box {
    width: 100%;
    height: 160px;
    background-color: #f0f1f7;
}

.modal_deliver_doc_modify label .p_red {
    margin-left: 20px;
    font-size: 11px;
}

.modal_deliver_doc_modify .modal_section {
    width: 722px;
    max-width: 722px;
    padding: 0 45px;
}

.deliver_doc_modify_ul>li.clearfix_r15 {
    margin-top: 15px;
}

.form_3 {
    width: 175px;
}

.form_3_calc {
    width: calc(100% - 175px);
}

.btn_mody_wrap {
    margin-left: 10px;
    padding-right: 22px;
    vertical-align: top;
}

.modal_deliver_doc_modify .btn__b.btn_3 {
    float: right;
    min-width: auto;
    width: 94px;
}

.modal_deliver_doc_modify .p_8c {
    margin-bottom: 4px;
}

.modal_deliver_doc_modify .divide__calc_y .p_8c.lh36 {
    margin: 0 4px 0 0;
}

.input_attach input {
    padding-right: 36px;
}

.input_attach .btn_input_attach {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 4px;
    background: url(../imgs/icon_attach_blue.svg) no-repeat center;
    background-size: 10px 11px;
    background-color: #f1f1f1;
}

.estmt_sales_box {
    padding: 15px 20px;
    margin: 20px 0;
    border: 1px solid #d0d2db;
}

.estmt_sales_box .p_blue_line {
    margin-bottom: 8px;
}

.estmt_sales_box .input_attach {
    width: calc(100% - 150px);
}

.graph_top {
    height: 341px;
}

.graph_section {
    height: 180px;
}

/* franchise_view */
.form_btn_wrap .form_itm {
    float: left;
    display: inline-block;
}

.form_btn_wrap .form_btn {
    float: right;
    display: inline-block;
    min-width: auto;
    padding: 0;
    vertical-align: top;
}

.form_btn_wrap.form_btn1 .form_itm {
    width: calc(100% - 110px);
}

.form_btn_wrap.form_btn1 .form_btn {
    width: 105px;
}

.form_btn_wrap.form_btn2 .form_itm {
    width: calc(100% - 85px);
}

.form_btn_wrap.form_btn2 .form_btn {
    width: 80px;
}

.search_from_wrap2 {
    padding: 30px 0 20px;
}

.search_from_wrap2>.clearfix_20 {
    overflow: hidden;
}

.search_from_wrap2>.clearfix_20>.divide__3,
.search_from_wrap2>.clearfix_20>.divide__32 {
    margin-top: -12px;
}

.search_from_wrap2 .form_group {
    margin-top: 12px;
}

.search_from_wrap2 .form_group>label .p_red {
    margin-left: 5px;
    font-size: 10px;
    font-weight: 400;
}

.section__franchisee_view .table_deliver_doc {
    margin-top: 60px;
}

.section__franchisee_view .table_deliver_doc th {
    width: 30%;
}

.section__franchisee_view .table_deliver_doc .xxs_p58 {
    margin-top: 15px;
}

.section__franchisee_view .table_deliver_doc .deliver_doc_td {
    position: relative;
    width: 70%;
    padding-bottom: 13px;
}

.section__franchisee_view .table_deliver_doc .btn_p_blue {
    position: absolute;
    right: 0;
    bottom: 13px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
}

/* dashboard */
.dashboard_box_list li {
    margin-bottom: 15px;
}

.dashboard_box_list li a {
    position: relative;
    height: 70px;
    border: 2px solid #cecece;
    border-radius: 6px;
    cursor: pointer;
}

.dashboard_box_list li .btn_x {
    top: 0;
    right: 0;
    left: auto;
    margin-top: -4px;
    margin-right: -5px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.dashboard_box_list li:hover .btn_x {
    opacity: 1;
    visibility: visible;
}

.dashboard_box_list li a img {
    max-width: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dashboard_box_list li p {
    margin-top: 6px;
    text-align: center;
}

.temp_list_ul>li.active {
    margin-left: -1px;
}

/* 커스텀 */
#header .gnb>li.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #364aed;
}

.temp_tab_ul>li {
    border-color: #d4d7f3;
    border-color: #bfc2de;
}

.temp_tab_ul>li.active {
    border-color: #364aed;
}

.temp_list_wrap,
.temp_list_ul,
.temp_list_ul>li {
    border-color: #bbbece;
}

/*********************************************/

/* common style */
.ellipsis_txt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.icon-advice {
    background-image: url(../imgs/dashboard/icon-advice.png);
    background-repeat: no-repeat;
    background-size: 85px auto;
    background-color: #fff;
    background-position: 7% center;
}

.icon-review {
    background-image: url(../imgs/dashboard/icon-review.png);
    background-repeat: no-repeat;
    background-size: 80px auto;
    background-color: #fff;
    background-position: 7% center;
}

.icon-file {
    background-image: url(../imgs/dashboard/icon-file.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center center;
}

/* // rsh common style */

/* rsh common_btn */
.normal_btn {
    flex-shrink: 0;
    font-size: 14px;
    box-sizing: border-box;
    width: 90px;
    padding: 2px 10px;
    margin-right: 2%;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}

.normal_btn.green {
    background: #71c3a8;
}

.normal_btn.blue {
    background: #364aed;
}

.normal_btn.red {
    background: #ff4d56;
}

.arrow_btn {
    padding-right: 1em;
    font-size: 14px;
    box-sizing: border-box;
    background-image: url(../imgs/dashboard/arrow-right_black.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px auto;
}

[class*="status_type"] {
    display: flex;
    align-items: center;
    padding: 0 1.4em;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 16px;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
}

[class*="status_type"] span {
    white-space: nowrap;
}

.status_type_gray {
    background-color: #c1c1c1;
}

.status_type_green {
    background-color: #71c3a8;
}

.status_type_skybl {
    background-color: #5d7ded;
}

.status_type_deepbl {
    background-color: #364aed;
}

.status_type_red {
    background-color: #ff4d56;
}

/* // rsh common_btn */

/* 210714 dashboard_section common style */
.dashboard_section {
    display: flex;
    padding: 0 4%;
    color: #000;
}

.dashboard_section>.left {
    width: 48.5%;
    margin-right: 3%;
}

.dashboard_section>.right {
    width: 48.5%;
}

.dashboard_list_article {
    width: 100%;
}

.dashboard_section>.left .dashboard_list_article:first-of-type {
    margin-bottom: 1.5%;
}

/* // 210714 dashboard_section common style */

/* dashboard_head common style */
.dashboard_head {
    display: flex;
    align-items: center;
    padding: 0 0 1.5% 0;
}

.dashboard_head h2 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

/* // dashboard_head common style */

/* dashboard_section_type_1 style */
.dashboard_section_type_1 .arrow_btn {
    margin-left: auto;
}

/* // dashboard_section_type_1 style */

/* my_work_status style */
.my_work_status {
    display: flex;
}

.my_work_status .left {
    width: 47%;
    margin-right: 6%;
}

.my_work_status .right {
    width: 47%;
}

.my_work_status .arrow_btn {
    margin-left: 0;
}

.request_box {
    padding: 6.5% 0 6.5% 35%;
    /* 기준 400 */
    border-radius: 25px;
    background-color: #fff;
}

.request_box h3 {
    margin-bottom: 5px;
    font-size: 20px;
    color: #000;
    line-height: 1.3;
}

.btn_box {
    display: flex;
}

.yellow_btn {
    width: 90px;
    padding: 0 10px;
    margin-right: 2%;
    border-radius: 12px;
    background-color: #ffcb19;
    background-position: right 12px center;
}

.grey_btn {
    width: 90px;
    padding: 1px 10px;
    border-radius: 12px;
    background-color: #d9d9d9;
    background-position: right 12px center;
}

.my_work_status_list {
    display: flex;
    flex-direction: column;
    padding-left: 45px;
    padding-top: 12px;
}

.my_work_status_list:before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 17px;
    bottom: 35px;
    display: block;
    width: 4px;
    height: 100%;
    background: #c9c9c9;
}

.my_work_status_list li {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.my_work_status_list .list_box {
    padding: 3% 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    color: #000;
    background: #fff;
}

.my_work_status_list .list_box p {
    white-space: nowrap;
}

.my_work_status_list .point_dot {
    position: absolute;
    left: -43px;
    top: 50%;
    width: 33px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    transform: translateY(-50%);
}

.point_dot.grey {
    background: #c1c1c1;
}

.point_dot.green {
    background: #71c3a8;
}

.point_dot.white_bule {
    background: #5d7ded;
}

.point_dot.blue {
    background: #364aed;
}

.point_dot.red {
    background: #ff4d56;
}

.progress_items {
    display: flex;
    align-items: flex-start;
}

.progress_items .left {
    flex-shrink: 0;
}

.progress_items .right {
    width: 100%;
    overflow: hidden;
}

.progress_items .navigation li {
    position: relative;
    padding: 4% 20px 4% 20px;
    margin-bottom: 4%;
    font-size: 16px;
    color: #656565;
    cursor: pointer;
}

.progress_items .navigation li:before {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    display: block;
    width: 4px;
    height: 100%;
    opacity: 0;
    background: #364aed;
    transform: translateY(-50%);
    transition: 0.5s;
}

.progress_items .navigation li[data-status=on] {
    color: #4053ed;
}

.progress_items .navigation li[data-status=off] {
    color: #656565;
}

.progress_items .navigation li[data-status=on]:before {
    opacity: 1;
}

.progress_items .navigation li[data-status=off]:before {
    opacity: 0;
}

.progress_items_list {
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #707070;
}

.progress_items_list li {
    margin-bottom: 1.7%;
}

.progress_items_list p {
    display: inline-block;
}

.progress_items_list li:last-of-type {
    margin-bottom: 0;
}

.progress_items_list .txt {
    width: 100%;
    padding-left: 3.5%;
    padding-right: 3.5%;
    margin-right: auto;
    font-size: 14px;
    color: #000;
}

.progress_items_list .txt strong {
    display: block;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress_items_list .date {
    padding-left: 8%;
    white-space: nowrap;
}

.progress_items_list .list_box {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1% 20px;
    border-radius: 10px;
    cursor: pointer;
}

.progress_items_list .radius_img {
    position: relative;
    flex-shrink: 0;
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
}

.radius_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    transform: translate(-50%, -50%);
}

/* notice_items_list */
.notice_items_list li {
    margin-bottom: 10px;
}

.notice_items_list .list_box {
    display: flex;
    padding: 2% 25px 2% 25px;
    border-radius: 10px;
}

.notice_items_list .item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.notice_items_list .item1 {
    width: 5%;
}

.notice_items_list .item2 {
    justify-content: flex-start;
    width: 60%;
    font-size: 18px;
    font-weight: bold;
}

.notice_items_list .item2 p {
    display: flex;
    align-items: center;
}

.notice_items_list .item3 {
    width: 15%;
}

.notice_items_list .item4 {
    width: 10%;
}

.notice_items_list .item5 {
    width: 10%;
    justify-content: center;
}

.notice_items_list .item5 img {
    width: 24px;
}

/* // notice_items_list */
@media (max-width: 1650px) {
    .my_work_status_list .list_box {
        font-size: 13px;
    }
}

@media (max-width: 1400px) {
    .dashboard_section {
        flex-direction: column-reverse;
        padding: 0 2%;
    }

    .dashboard_section>.left {
        width: 100%;
        margin-right: 0;
    }

    .dashboard_section>.right {
        width: 100%;
    }

    .dashboard_section>.left .dashboard_list_article:first-of-type {
        margin-top: 1.5%;
    }

    .dashboard_section .dashboard_list_article:nth-of-type(odd) {
        margin-right: 0;
    }

    .request_box {
        padding-left: 45%;
    }

    .my_work_status .left {
        width: 48%;
        margin-right: 4%;
    }

    .my_work_status .right {
        width: 48%;
    }
}

/********************************************************shryu 추가*********************************************************************/
/* common style shryu */
/* // common style shryu */

/* 210714 한샘 외부 변호사 shryu */
.outside_lawyer_advice {
    margin-top: 40px;
    border-top: solid 1px #f6f6fd;
}

.outside_lawyer_advice .link_box {
    padding-top: 3%;
}

.outside_lawyer_advice .link_box:after {
    content: '';
    display: block;
    clear: both;
}

.allocation {
    border-top: solid 1px #f6f6fd;
}

.before_allocation {
    border-top: solid 1px #f6f6fd;
}

.before_allocation>h3 {
    font-size: 14px;
    font-weight: 600;
    padding: 17px 0 15px 0;
}

.before_allocation_title {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.before_allocation_title h3 {
    font-size: 14px;
    font-weight: 600;
}

.before_allocation_title .reply_active_btn_wrap {
    margin-top: 0;
    margin-left: auto;
}

.outside_lawyer_title {
    display: flex;
    align-items: center;
    /* margin-bottom: 15px; */
}

.outside_lawyer_title h3 {
    position: relative;
    padding-right: 7px;
    margin-right: 3px;
    font-size: 14px;
}

.outside_lawyer_title h3:after {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    line-height: 0.7em;
    content: ':';
    transform: translateY(-60%);
}

.outside_lawyer_advice .hidden_title {
    position: relative;
    font-size: 14px;
}

.outside_lawyer_wrap {
    padding: 0 2% 2% 2%;
    background: #f8f8f8;
}

.outside_lawyer_wrap:first-of-type {
    padding-top: 2%;
}

.outside_lawyer_wrap>ul {}

.outside_lawyer_wrap>ul>li {
    padding: 10px 2%;
    border-bottom: solid 1px #f6f6fd;
}

.outside_lawyer_wrap>ul>li:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
}

/* 210716 common style */
.list_horizontal {
    display: flex;
    align-items: center;
}

.list_horizontal label {
    white-space: nowrap;
    padding: 0 10% 0 5%;
}

/* tree common style */
*[data-tree] {
    max-width: 100%;
    max-height: 25vh;
    min-height: 10vh;
    width: 100%;
    padding: 10px 13px 10px;
    border: 1px solid #d0d2db;
    border-radius: 4px;
    overflow: auto;
}

*[data-tree] ul {
    display: none;
    padding-left: 20px;
}

*[data-tree] li {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    background: url(/static/adele/imgs/tree/bg_tree.gif) repeat-y 9px 8px;
}

*[data-tree-status] {
    padding: 5px 0 2px 20px;
}

*[data-tree-status="open"] {
    background: url(/static/adele/imgs/tree/treeOpen.gif) no-repeat 5px 10.3px;
}

*[data-tree-status="close"] {
    background: url(/static/adele/imgs/tree/treeClose.gif) no-repeat 5px 10.3px;
}

*[data-tree] li[data-tree-end] {
    background: url(/static/adele/imgs/tree/bg_treeEnd.gif) no-repeat 9px -5px;
}

/* // tree common style */

/* 210713 counsel_detail_view outside_lawyer 한샘 페이지 모달 팝업 스타일 추가 */
.outside_lawyer_modal ul.bt_list>li {
    display: flex;
    align-items: center;
    padding: 14px 0 14px 15%;
}

.outside_lawyer_modal ul li div>p {
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.outside_lawyer_modal .bt_list .list_check {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.outside_lawyer_modal .list_check label:after {
    left: 50%;
    transform: translateX(-50%);
}

.outside_lawyer_modal .list_check input[type=radio]:checked+label:before {
    left: 50%;
    transform: translateX(-50%);
}

.outside_lawyer_modal .modal_user_ul>li .list2 {
    width: 25%;
}

.outside_lawyer_modal .modal_user_ul>li .list3 {
    width: 45%;
    padding-top: 0;
    text-align: left;
}

.outside_lawyer_modal .modal_user_ul>li .list4 {
    width: 30%;
}

/* alert modal style */
.alert_modal .modal_title {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.alert_modal .modal_section {
    padding: 0 30px;
}

.alert_modal .modal_description li {
    margin-bottom: 15px;
}

.alert_modal .modal_title p {
    margin-right: 1%;
}

.alert_modal .email {
    position: relative;
    padding: 0 1.5%;
}

.alert_modal .email:before {
    content: '(';
    position: absolute;
    left: 0;
    top: -0.1em;
}

.alert_modal .email:after {
    content: ')';
    position: absolute;
    right: 0;
    top: -0.1em;
}

.alert_modal .parentheses_point {
    position: relative;
    padding-right: 1.5%;
}

.alert_modal .parentheses_point:after {
    content: ')';
    position: absolute;
    right: 0;
    top: -0.3em;
}

/* // 210713 counsel_detail_view outside_lawyer 한샘 페이지 모달 팝업 스타일 추가 */

/* data-accordion 공통 style */
*[data-status] {
    position: relative;
}

.accordion_btn {
    position: absolute;
    top: 50%;
    right: 2.5%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(135deg);
    transition: 0.3s;
    cursor: pointer;
    z-index: 1;
}

*[data-status="open"] .accordion_btn {
    top: 17px;
    transform: rotate(-45deg);
}

*[data-status="close"] .accordion_btn {
    top: 13px;
}

/* // data-accordion 공통 style */
.slide-event {
    margin-bottom: 2%;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.slide-event[data-status="close"] {
    /* padding: 0 2%; */
}

.slide-event[data-status="close"] .outside_lawyer_title {
    /* margin: 6px 0; */
}

.slide-event[data-status="close"] .hidden_title {
    /* margin: 6px 0;
    padding-bottom: 0; */
}

.allocation *[data-status="close"] .hidden_title {
    display: none;
}

.allocation *[data-status="close"] .icon-trashCan {
    display: none;
}

.outside_review *[data-status="close"] .outside_lawyer_title:first-of-type {
    display: none;
}

/* list_template common style */
.list_template {
    max-width: 880px;
    width: auto;
    padding: 0 30px;
    border-radius: 5px;
    border: solid 1px #f3f3f3;
    background-color: #ffffff;
}

/* // list_template common style */
.attachment_list_custom {
    max-height: 100px;
    margin: 3% 0;
    padding: 11px 14px;
    border-radius: 4px;
    border: solid 1px #d0d2db;
    overflow-y: auto;
}

.attachment_list_custom li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}

.attachment_list_custom li:last-of-type {
    margin-bottom: 0;
}

.attachment_list_custom .date {
    margin-left: 25px;
}

.border_box {
    width: 400px;
    height: 34px;
    padding-right: 19px;
    padding-left: 38px;
    border: 1px solid #dadada;
    color: #585858;
    font-size: 13px;
    line-height: 32px;
    background-image: url(../imgs/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 14px center;
}

.border_box .btn_x {
    right: 5px;
}

.border_box .txt {
    max-width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.flex_box_btn .btn_add {
    margin-left: auto;
    margin-top: 16px;
}

/* 210803 FNF_DASHBOARD 2 */
.fnf_boxShadow {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

/* fnf common btn */
.fnf_btn {
    min-width: 95px;
    height: 32px;
    padding: 0 1em;
    color: #fff;
    white-space: nowrap;
    border-radius: 16px;
}

.fnf_btn.gray {
    background: #c1c1c1;
}

.fnf_btn.blue {
    background: #066bf4;
}

.fnf_btn.skyBlue {
    background: #5bc0de;
}

.fnf_btn.green {
    background: #0aa582;
}

.fnf_btn.red {
    background: #ff6464;
}

.fnf_dashboard_section {
    display: flex;
    align-items: flex-start;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 30px;
    background: transparent;
}

.fnf_dashboard_section>.left {
    width: 48.5%;
    margin-right: 3%;
}

.fnf_dashboard_section>.right {
    width: 48.5%;
}

/* dashboard_head */
.fnf_dashboard_head {
    display: flex;
    align-items: center;
    padding: 0 0 1.4% 0;
    /* 30px */
}

.fnf_dashboard_head h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

/* // dashboard_head */

/* 나의 업무현황 dashboard_list */
.fnf_operation_status_list h3 {
    margin-bottom: 7.4%;
    /* 18px */
    padding-right: 1vw;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
}

.fnf_operation_status_list>li {
    display: flex;
    padding: 2.8% 0.6% 2.8% 3.04%;
    /* 25px 40px */
    margin-bottom: 3.4%;
    /* 15px */
    background: #fff;
}

.fnf_operation_status_list>li:last-of-type {
    margin-bottom: 4.3%;
    /* 35px */
}

.fnf_operation_status_list .left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 31.95%;
    /* 24h0px */
}

.fnf_operation_status_list .left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 2px;
    height: 100%;
    background: #d0d0d0;
}

.fnf_operation_status_list .right {
    width: 68.05%;
}

.fnf_operation_status_list .imgBox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding-right: 7%;
}

.icon_plus {
    max-width: 55px;
    width: 35%;
    cursor: pointer;
}

.icon_contract {
    max-width: 100px;
    width: 65%;
    cursor: pointer;
}

.icon_advice {
    max-width: 100px;
    width: 65%;
    cursor: pointer;
}

.ongoingList {
    display: flex;
    width: 100%;
    padding-left: 4.85%;
    /*25px*/
    font-size: 14px;
    line-height: 1.1;
    color: #000;
}

.ongoingList>li {
    flex-shrink: 0;
    width: 20%;
    padding-right: 4%;
    /* 20px */
    cursor: pointer;
}

.ongoingList ul {
    padding-top: 10px
        /* 10px */
}

.ongoingList p {
    font-weight: 800;
}

.ongoingList span {
    display: block;
    padding: 5px 0 15px 0;
    font-weight: 400;
}

.ongoingList li:last-of-type span {
    padding-bottom: 0;
}

.ongoingList .borderT {
    border-top: 8px solid #000;
}

.ongoingList .borderT.grey {
    border-color: #c1c1c1;
}

.ongoingList .borderT.blueSky {
    border-color: #5bc0de;
}

.ongoingList .borderT.blue {
    border-color: #066bf4;
}

.ongoingList .borderT.green {
    border-color: #0aa582;
}

.ongoingList .borderT.red {
    border-color: #ff6464;
}

/* // 나의 업무현황 dashboard_list */

/* 공지사항 dashboard_list */
.fnf_notice_list {
    display: flex;
    font-size: 14px;
    line-height: 1.2;
}

.fnf_notice_list li {
    width: 31.5%;
    padding: 2.4% 3.6%;
    /* 20 30px */
    margin-right: 2.75%;
    cursor: pointer;
}

.fnf_notice_list .userName {
    margin: 15% 0 10% 0;
}

.fnf_notice_list li:last-of-type {
    margin-right: 0;
}

.fnf_notice_list strong {
    font-size: 19px;
}

.fnf_notice_list span {
    display: block;
}

.fnf_notice_list .count {
    margin-bottom: 5%;
}

.fnf_notice_list .userName {
    margin: 22% 0 10% 0;
}

.fnf_notice_list .file {
    width: 40px;
    height: 40px;
    border: 1px solid #707070;
    background: url('/static/adele/imgs/dashboard/icon-download.svg') no-repeat left 9px center / 65%;
}

/* // 공지사항 dashboard_list */
/* 항목별 진행현황 dashboard_list */
.fnf_nav {
    font-size: 18px;
    color: #656565;
    overflow: hidden;
    cursor: pointer;
}

.fnf_nav li {
    position: relative;
    height: 40px;
    padding-left: 15px;
    margin-right: 50px;
    white-space: nowrap;
}

.fnf_nav li.on {
    color: #066bf4;
    font-weight: bold;
}

.fnf_nav li.on:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 4px;
    height: 100%;
    background: #066bf4;
}

.fnf_classiFied_list_wrap {
    width: calc(100% - 142px);
    height: 100%;
    background-color: transparent;
    overflow: hidden;
}

.fnf_classiFied_list {
    width: 100%;
    padding-right: 13px;
    padding-bottom: 3px;
    font-size: 14px;
    overflow-y: auto;
}

.fnf_classiFied_list .infoBox {
    max-width: 200px;
}

.fnf_classiFied_list strong {
    font-size: 16px;
}

.fnf_classiFied_list li {
    padding: 2.3% 2.8%;
    /* 15px 18px */
    margin-bottom: 10px;
    cursor: pointer;
}

.fnf_classiFied_list li:last-of-type {
    margin-bottom: 0;
}

.fnf_classiFied_list .imgBox {
    width: 65px;
    height: 65px;
    margin-right: 5.35%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    background-size: 75%;
}

.fnf_classiFied_list::-webkit-scrollbar {
    width: 9px;
}

.fnf_classiFied_list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    background-clip: padding-box;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}

.fnf_classiFied_list::-webkit-scrollbar-track {
    background-color: #d7d7d7;
    border-radius: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}

.imgBox.fnf_advice {
    background-image: url('/static/adele/imgs/dashboard/icon-advice.svg');
}

.imgBox.fnf_contract {
    background-image: url('/static/adele/imgs/dashboard/icon-contract.svg');
    background-position: left 15px center;
    background-size: 65%;
}

.imgBox.fnf_docReceived {
    background-image: url('/static/adele/imgs/dashboard/icon-doc_received.svg');
    background-size: 56%;
}

.imgBox.fnf_lawsuit {
    background-image: url('/static/adele/imgs/dashboard/icon-lawsuit.svg');
    background-size: 66.5%;
}

.fnf_search_wrap .hiddenBox {
    position: absolute;
    left: 0;
    top: 34px;
    display: none;
    width: 100%;
    background: #fff;
    cursor: pointer;
    z-index: 2;
}

.hiddenBox *[data-status="open"] {
    background: #cdecf5;
}

.fnf_search_wrap .hiddenBox li {
    height: 28px;
}

.fnf_search_btn {
    width: 85px;
    height: 28px;
    font-size: 14px;
    color: #232323;
    border: 1px solid #aaa;
    border-radius: 14px;
    background-color: transparent;
    overflow: hidden;
    cursor: pointer;
}

*[data-status] .fnf_search_btn>span {
    position: relative;
    padding-right: 20px;
}

*[data-status] .fnf_search_btn>span:after,
*[data-status] .fnf_search_btn>span:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url('/static/adele/imgs/dashboard/arrow-bottom_black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
}

.fnf_search_input input {
    height: 28px;
    padding: 0 17px 0 0;
    font-size: 14px;
    color: #969696;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #d0d0d0;
    background-color: transparent;
}

.fnf_search_input {
    position: relative;
}

.fnf_search_input.searchIcon:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    display: block;
    width: 17px;
    height: 17px;
    background: url('/static/adele/imgs/dashboard/search.svg') no-repeat right center / cover;
    z-index: 1;
    transform: translateY(-50%);
}

@media (max-width: 1300px) {
    .fnf_btn {
        min-width: 75px;
    }

    .fnf_dashboard_section {
        padding: 0;
    }

    .fnf_dashboard_section>.left {
        width: 43%;
    }

    .fnf_dashboard_section>.right {
        width: 54%;
    }

    .icon-arrow {
        font-size: 11px;
        background-size: 7px auto;
    }

    .fnf_dashboard_head h2 {
        font-size: 18px;
    }

    .fnf_operation_status_list h3 {
        font-size: 19px;
    }

    .icon_plus {
        width: 30%;
    }

    .icon_contract {
        width: 55%;
    }

    .icon_advice {
        width: 55%;
    }

    .ongoingList {
        font-size: 12px;
    }

    .fnf_notice_list {
        font-size: 11px;
    }

    .fnf_notice_list li {

        padding: 2.2% 2.8%;
    }

    .fnf_notice_list strong {
        font-size: 15px;
    }

    .fnf_nav {
        font-size: 14px;
    }

    .fnf_nav li {
        height: 32px;
        padding-left: 10px;
        margin-right: 30px;
    }

    .fnf_classiFied_list {
        font-size: 12.5px;
        padding-right: 8px
    }

    .fnf_classiFied_list::-webkit-scrollbar {
        width: 7px;
    }

    .fnf_classiFied_list_wrap {
        width: calc(100% - 118.5px);
    }

    .fnf_classiFied_list .infoBox {
        max-width: 175px;
    }

    .fnf_classiFied_list strong {
        font-size: 13px;
    }
}

@media (max-width: 1100px) {
    .fnf_classiFied_list .infoBox {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* // 항목별 진행현황 dashboard_list */
/* // 210803 FNF_DASHBOARD 2 */

.hidden-elem+div {
    float: left;
    width: 50%;
    padding: 0 0 0 10px;
}

.slide-container .swiper {
    padding-bottom: 20px;
    overflow: hidden;
}

.slide-container .swiper-slide {
    width: 250px;
}

.slide-item {
    position: relative;
}

.slide-item .imgBox-scale {
    height: 150px;
}

.slide-item .imgBox {
    height: 100%;
}

.slide-item .imgBox.default {
    background-size: contain;
}

.issue_list .imgBox.default {
    background-size: contain;
}

.slide-item .textBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    height: 35%;
    padding: 5%;
}

.slide-item .txt {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: bold;
}

.slide-item .date {
    margin-top: 2%;
    color: #747788;
    font-size: .8rem;
}

.issue-wrap {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.issue-wrap .section_head2 {
    display: flex;
    justify-content: space-between;
}

.section__issue_list {
    width: 45%;
    margin: 0;
}

.section__issue_list .section_head2 .btn__b {
    margin-left: 20px;
}

.section__issue_list.type1 {
    margin-left: 30px;
}

.section__issue_list.type1 .infoBox {
    flex-direction: row-reverse;
}

.section__issue_list .input_search {
    width: 100%;
}

.issue-btn-wrap {
    position: absolute;
    right: 0;
    top: -10px;
    transform: translateY(-100%);
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.section__issue_list.type1 .issue_list {
    max-height: 805px;
    overflow-y: auto;
    padding-right: 10px;
}

.issue_list {
    min-height: 805px;
}

.issue_list .imgBox {
    position: relative;
    flex-shrink: 0;
    width: 200px;
    height: 130px;
    overflow: visible;
}

.issue_list li {
    padding: 15px 0;
    border-bottom: 1px solid #f6f6fd;
    cursor: pointer;
}

.issue_list dl {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 15px;
    overflow: hidden;
    color: #585858;
}

.issue_list dt {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.issue_list .date {
    font-size: 12px;
    color: #747788;
}

.issue_detail_head {
    display: flex;
    align-items: flex-start;
}

.issue_detail_head .icon-important {
    position: static;
    margin-right: 15px;
}

.issue_detail_head h3 {
    padding-right: 20px;
    line-height: 1.4;
}

.issue_detail_head .date {
    margin-top: 2px;
    margin-left: auto;
    white-space: nowrap;
}

.issue_detail_content .imgBox {
    width: 80%;
    height: auto;
    margin: 0 auto 20px auto;
    background-image: none !important;
}

.issue_detail_content .imgBox.default {
    width: 20%;
}

.issue_detail_content img {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
    clip-path: none;
}

.attachment_list.type2>li {
    max-width: 100%;
}

.form_wrap_ul.type2>li {
    margin-bottom: 35px;
}

.opponent_user_writer {
    font-size: 0;
    cursor: default;
}

.opponent_user_writer .user {
    height: auto;
    margin: 0 6px 0 0;
    font-size: 14px;
}

.opponent_user_writer .sm_p58 {
    height: 30px;
}

.opponent_user_writer .sm_p58 span {
    line-height: 30px;
}

.section__admin_contract_review ul.admin_contract_review .list3 {
    padding-right: 15px;
}

.opponent_user_writer {
    font-size: 0;
    cursor: default;
}

.opponent_user_writer .user {
    height: auto;
    margin: 0 6px 0 0;
    font-size: 14px;
}

.opponent_user_writer .sm_p58 {
    height: 30px;
}

.opponent_user_writer .sm_p58 span {
    line-height: 30px;
}

.section__admin_contract_review ul.admin_contract_review .list3 {
    padding-right: 15px;
}

.input_date_wrap.type1 {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
}

.input_date_wrap.type1 .input_date:nth-of-type(1) {
    flex-shrink: 0;
    width: 34%;
}

.input_date_wrap.type1 .input_date:nth-of-type(3) {
    width: 120px;
}

.end-calculator {
    flex-shrink: 0;
    /* height: 36px; */
    /* font-size: 14px; */
    /* margin: 5px 0; */
}

.li_alarm>.sm_label:nth-of-type(1) {
    width: 33% !important;
}

.end-calculator-label {
    display: inline-block;
}

.input_date_wrap.type1 .btn_x {
    position: relative;
    top: 0;
    flex-shrink: 0;
    margin: 0 0 0 10px;
}

.user-add-wrap {
    display: none;
}

.user-add-wrap.active {
    display: block;
}

.user-add-list {
    display: none;
    padding: 11px 14px;
    border-radius: 4px;
    border: solid 1px #d0d2db;
}

.user-add-list {
    display: none;
}

.user-add-list.active {
    display: block;
}

.user-add-list table {
    width: 100%;
}

.user-add-list-scrollBox {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 15px;
}

.user-add-list th,
.user-add-list td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #d0d2db;
}

.user-add-list .btn-box {
    width: 5%;
    padding: 0;
    font-size: 0;
}

.user-add-list .btn_x {
    position: relative;
    top: auto;
    margin: 0 auto;
}

/* START 2.8 UX 개선 */
.title-header h1 {
    font-weight: bold;
}

/* END 2.8 UX 개선 */
.project-count-item {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 90px;
    padding-left: 1%;
    padding-right: 1%;
}

.project-count-item:last-of-type {
    margin-right: 0;
}

.project-count-item .imgBox {
    width: 22px;
    height: 22px;
}

.project-count-item .description {
    line-height: 1;
}

.filter-box {
    color: #41414c;
    font-size: 12px;
}

.filter-box .count {
    position: relative;
    top: -1px;
}

.modal_search_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    #epic_relation_popup .filter-wrap {
        margin-top: 10px;
    }
}

.progress-email-wrap .progress-content-item.email {
    margin-left: 0;
    margin-bottom: 10px;
}

.tox-icon {
    min-width: 0;
}

.common-location nav .icon-arrow:last-of-type {
    background-image: none;
}
/*********************************************/
/* project list 화면 */
.project-search-container .project-search-item {
    margin-left: 20px;
    font-size: 0;
}

.project-search-container .project-search-item:first-of-type {
    flex-shrink: 0;
    margin-right: auto;
}

.project-search-container .project-search-item:first-of-type,
.project-search-container .project-search-item:last-of-type {
    margin-left: 0;
}
/*********************************************/
/* 2.8 dashboard style */
.dashboard-nav {
    font-size: 16px;
    color: #656565;
    overflow: hidden;
    cursor: pointer;
}

.dashboard-nav li {
    position: relative;
    height: 40px;
    padding-left: 15px;
    margin-right: 50px;
    white-space: nowrap;
}

.dashboard-nav li.on {
    color: #066bf4;
    font-weight: bold;
}

.dashboard-nav li.on:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 4px;
    height: 100%;
    background: #066bf4;
}

.dashboard-head {
    display: flex;
    align-items: center;
    padding: 0 0 1.4% 0;
}

.dashboard-head h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.dashboard-btn {
    min-width: 95px;
    height: 32px;
    padding: 0 1em;
    color: #fff;
    white-space: nowrap;
    border-radius: 16px;
}

.dashboard-btn.gray {
    background: #c1c1c1;
}

.dashboard-btn.blue {
    background: #066bf4;
}

.dashboard-btn.skyBlue {
    background: #5bc0de;
}

.dashboard-btn.green {
    background: #0aa582;
}

.dashboard-btn.red {
    background: #ff6464;
}

/* 나의 업무현황 dashboard_list */
.dashboard-operation-status-list h3 {
    margin-bottom: 7.4%;
    /* 18px */
    padding-right: 1vw;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
}

.dashboard-operation-status-list>li {
    display: flex;
    padding: 2.8% 0.6% 2.8% 3.04%;
    /* 25px 40px */
    margin-bottom: 3.4%;
    /* 15px */
    background: #fff;
}

.dashboard-operation-status-list>li:last-of-type {
    margin-bottom: 4.3%;
    /* 35px */
}

.dashboard-operation-status-list .left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 25%;
}

.dashboard-operation-status-list .left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 2px;
    height: 100%;
    background: #d0d0d0;
}

.dashboard-operation-status-list .right {
    width: 75%;
}

.dashboard-operation-status-list .imgBox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding-right: 7%;
}

.dashboard-imgBox {
    width: 60px;
    height: 60px;
    margin-right: 5.35%;
    font-size: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    background-size: 75%;
}

.dashboard-imgBox.type-advice {
    background-image: url('/static/adele/imgs/dashboard/icon-advice.svg');
}

.dashboard-imgBox.type-contract {
    background-image: url('/static/adele/imgs/dashboard/icon-contract.svg');
    background-position: left 15px center;
    background-size: 65%;
}

.dashboard-imgBox.type-docReceived {
    background-image: url('/static/adele/imgs/dashboard/icon-doc_received.svg');
    background-size: 56%;
}

.dashboard-imgBox.type-lawsuit {
    background-image: url('/static/adele/imgs/dashboard/icon-lawsuit.svg');
    background-size: 66.5%;
}
/*********************************************/
/* dashboard chartjs */
.chartjs-legend {
    position: absolute;
    left: 30px;
    top: 20px;
    font-size: 15px;
}
.chartjs-legend li {
    display: inline-flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}
.chartjs-legend li:last-of-type {
    margin-right: 0;
}
.chartjs-legend li span.bar {
    position: relative;
    padding: 0px 9px;
    margin: 5px;
    border-radius: 100px;
    color: white;
}

.chartjs-legend li span.line {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    color: white;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
}

.chartjs-legend li div.line {
    float: left;
    height: 2px;
    background: #000;
    font-size: 0;
    line-height: 0;
    width: 25px;
    padding: 1px 0px;
    border-radius: 100px;
    margin: 9px 5px;
}
/*********************************************/
/* 상세화면 상단 진행 바 */
.progress-horizontal li {
    position: relative;
    width: 15%;
    padding-top: 30px;
    text-align: center;
    color: #41414c;
    border-top: 1px solid #ececec;
}

.progress-horizontal li:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ececec;
}

.progress-horizontal li:first-of-type {
    width: 10%;
    text-align: left;
}

.progress-horizontal li:first-of-type span {
    transform: translate(-25%, 0);
}

.progress-horizontal li:first-of-type:after {
    left: 0;
    transform: translate(0, -50%);
}

.progress-horizontal li:last-of-type {
    width: 10%;
    text-align: right;
}

.progress-horizontal li:last-of-type span {
    transform: translate(25%, 0);
}

.progress-horizontal li:last-of-type:after {
    right: 0;
    left: auto;
    transform: translate(0, -50%);
}

.progress-horizontal li[data-current="true"] {
    font-weight: bold;
    color: #364aed;
}

.progress-horizontal li[data-current="true"]:after {
    background-color: #364aed;
}

/* 프로젝트 리스트 화면 */
.project-slide-container .slide-card {
    margin-right: 0;
}

.project-slide-container2 .slide-card {
    margin-right: 30px;
    margin-bottom: 30px;
}

.mce-nbsp-wrap {
    padding-left: 20px;
    font-size: 0;
}

/* 스마트 이메일 버튼 디자인 */
.tooltip.email {
    white-space: normal;
    width: calc(100% - 40px);
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    
    border-radius: 10px;
}

.tooltip.email,
.tooltip.email:after {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.ttp:hover + .tooltip.email,
.ttp:hover + .tooltip.email:after,
.tooltip.email:hover,
.tooltip.email:hover:after {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.tooltip.email.left {
    left: 0;
    bottom: 2.5em;
    transform: none;
}

.tooltip.email.right {
    left: auto;
    right: 0;
    bottom: 2.5em;
    transform: none;
}

.email-btn {
    height: 25px;
    margin-left: 10px;
    line-height: 25px;
    font-size: 12px;
    border-bottom: 1px solid #000;
    cursor: pointer;
}

.email-link-box {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #d6d7de;
    background-color: #f7f7fb;
    cursor: pointer;
}

/* admin > message template */
.section__message_template .section_head2 .btn__b {
    margin-left: 20px;
}

.message_template_list {
    text-align: center;
}

ul.message_template_list .list1 {
    width: 70%;
    text-align: left;
}

ul.message_template_list .list2 {
    width: 15%;
}

ul.message_template_list .list3 {
    width: 15%;
}