#content-container {
    min-height: 100vh;
}
@font-face {
    font-family: "hanjunseo";
    src:url('fonts/buptle/hanjunseo.eot'); /*IE9 호환성 보기*/
    src: local("☺"),
         url('fonts/buptle/hanjunseo.eot?#iefix') format('embedded-opentype'),
         url('fonts/buptle/hanjunseo.woff') format('woff'); /*표준 브라우저*/
}
.buptle-contract-content {
  color: black;
  background-color: #ffffff;
  padding: 10px 15px 15px 15px;
  border-color: #e7eaec;
  border-style: solid solid solid;
  border-width: 1px 1px;
  min-height: 520px;
}
/* 테이블에서 mouse-over 효과 만들기 */
.buptle-table {
    cursor: pointer;
}
/* 원래는 Header가 약간 뒤로 밀려 있는데 정적인 분위기를 위해서 Header, Body 모두 Align함 */
.buptle-table .dt-head-left {
    padding-left: 10px;
}
.buptle-reply {
    margin-top: 10px;
    margin-bottom: 10px;
}
.buptle-article-header {
    padding: 5px;
    background-color: rgba(22, 22, 22, 0.3);
}
.buptle-reply-header {
    padding: 5px;
    background-color: rgba(22, 22, 22, 0.3);
}
.buptle-reply-content {
     padding: 10px;
}
.buptle-reply-make {
    padding: 10px;
    background-color: rgba(22, 22, 22, 0.3);
}
.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}
.buptle-border-content {
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
  border-color: #e7eaec;
  border-style: solid solid solid;
  border-width: 1px 1px;
  position: relative;
}
.stamp-trad {
    font-family: "hanjunseo";
    font-size: 28px;
    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;
}
.contact .sign-info, .default .sign-info {
    padding: 0 0 8px;
    margin-top: 5px;
    border-bottom: 1px solid #e0e0e0;
}
.stamp-empty {
  text-align: center;
  vertical-align: middle;
  color: grey;
  padding: 20px 15px 5px 5px;
  width: 230px;
  height: 70px;
  line-height: 25px;
  display: block;
  margin:auto;
}
.buptle-single-widget-container {
  left: 0;
  top: 50%;
  margin-top: -292.5px;
  position: absolute;
  width: 100%;
}
.buptle-single-widget-container .widget {
  margin: 0 auto;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px 3px;
    cursor: pointer;
}
.signature-addon-text {
  color: grey;
  font-size : 9px;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.contract-drag-file-area {
  padding:0 0 30px 0;
}
/* 화면 확대 등 때문에 기본 css에서 오버라이딩해서 적용 */
.contact-create #basic-info-modal {
    top:0;
    left:0;
    width:100%;
    margin-left:0;
}
/* 부서장 알림 종모양 중앙정렬 */
#AllEmptyLawyerTable tr td:nth-child(2),
#myContractTable tr td:nth-child(2),
#myReviewContract tr td:nth-child(2),
#AllContracttable tr td:nth-child(2){
    text-align: center;
    /*left-right: 48px;*/
}
/* 승인 알림 관련 디폴트 hide*/
.dept_approval_chk, .legal_approval_chk{
    display:none;
}

.bt-legal-exist{
    margin-left:40px;
}
/* 법틀커스텀팝업 레이아웃 display */
.bt_popup_warpper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000;
    display: none;
}
.bt_popup_root_contents {
    display: table;
    width: 100%;
    height: 100%;
}
.bt_popup_body {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.bt_popup_body_inner {
    max-width: 800px;
    margin: 15px auto;
    padding: 15px;
    padding-top: 0px;
    border-radius: 10px;
    box-shadow: 2px 2px 8px #888;
    background-color: #eaebec;
    color : black;
}
.bt_popup_body_inner .tab-base > div {
    background-color: #fff;
}
/* 법틀커스텀팝업 레이아웃 */
/*
.bt_popup_warpper{
    display:none;
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    overflow-y: auto !important;
    overflow:hidden;
    Max-width: 90%;
    Max-height: 90%;
    border : 1px lightgrey solid;
    background-color: white;
    color : black;
    border-radius:10px;
    box-shadow: 2px 2px 2px grey;
}
*/
/*.bt_popup_warpper{*/
    /*vertical-align: top !important;*/
    /*margin-top: 30px !important;;*/
/*}*/

.bt_popup_root_contents{
    /*padding: 10px 10px 10px 10px;*/
}
.bt_popup_header{
    float:left;
    width:90%;
    padding-bottom: 10px;
}
.bt_popup_close_btn{
    float:right;
    width:10%;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 10px;
    cursor : pointer;
}
.bt_popup_footer{
    width:100%;
    height: 100%;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
}
.alert-area {
    z-index : 20000;
}
.cursor_not_allowed::after{
    cursor:not-allowed !important;
}
.buptle-table .sorting_disabled{
    cursor:default !important;
}
.bt-new-modal{
    padding: 0px;
    border-radius: 10px;
}
#reviewers_comment{
    word-break: break-all !important;
}
div.body-bg{background:url(/static/tenant/img/bg.png) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.highlighted_1_span, .highlighted_2_span{
    color:black;
    /*background-color:orange;*/
    font-weight: bold;
}
.default_hide_area_admin_srch{
    display: none;
}
.not_developed_yet{

}
/* 전결팝업 추가 */
.overlap-modal h4.modal-title {
    font-size: 14px;
    color: #4d627b;.bt_popup_body
}
.width-auto-wrap {
    width: 100%;
    overflow: auto;
}
.table.table-bordered.decide-table {
    margin-left: 0px;
}
.table.table-bordered.decide-table th, .table.table-bordered.decide-table td {
    width: auto;
    vertical-align: middle;
}
.table.table-bordered.decide-table td {
    color: #7a878e;
}
.table.table-bordered.decide-table th, .table.table-bordered.decide-table td {
    color: #4d627b;
}
.btn-ver {
    text-align: center;
}
.btn-ver .btn {
    display: inline-block;
    width: 80px;
    padding: 7px;
    margin-bottom: 10px;
    text-align: center;
}
.reviewer-add.user-box {
    border-radius: 0px !important;
}
.bt-new-modal .modal-header {
}
.modal-body>.close, .modal-header>.close {
    top: 50%;
    margin-top: -.65em;
}
/* 로그인 모달 추가 */
.modal_alert {
    max-width: 360px;
    margin: 30px auto;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 2px 2px 8px #888;
    background-color: #fff;
}
.modal_content {
    padding: 25px 15px;
    margin-bottom: 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
}
img {
   max-width: 100%;
}
#div-contract-content table {
   min-width: auto !important;
   max-width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   margin-bottom: 6px;
}
#div-contract-content table td {
   border: 1px solid rgba(0,0,0,0.07);
   padding: 2px;
}
#div-contract-content table td p {
   margin: 0px;
}
.temp_custom_contractor_add_edit_inner_body {
    max-width: 500px !important;
    padding: 15px !important;
}
/* 상세 추가 */
.contract-view-p {
    width: 50%;
    float: left;
    margin: 0px;
}
.contract-view-p.contract-view-info {
    float: right;
    color: #f44336;
    font-size: 13px;
    text-align: right;
}
@media (max-width: 1200px) {
    .contract-view-p {
        float: none;
        width: 100%;
    }
    .contract-view-p.contract-view-info {
        text-align: left;
    }
}
/* 프린드 가이드 */
.print-guide-back {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}
.back-on {
    opacity: 1;
    visibility: visible;
}
.print-guide {
    width: 840px;
    height: auto;
    margin: auto;
    text-align: center;
}
.print-guide h2 {
    margin-top: 40px;
    margin-bottom: 25px;
    color: #fff;
    font-weight: 300;
}
.print-guide p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
}
.print-guide p span.b {
    font-size: 18px;
    font-weight: 500;
}
.print-guide p span.num {
    font-size: 24px;
}
.guide-table {
    clear: both;
    height: auto;
    overflow: hidden;
}
.guide-box {
    float: left;
    width: 50%;
}
.guide-box img {
    width: 50%;
    margin: 40px 0 30px;
}
.guide-box:last-child {
    float: right;
}
.print-guide-btn {
    display: inline-block;
    width: 180px;
    height: 50px;
    margin: 50px 8px 0 8px;
    line-height: 50px;
    background: #ffb300;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.print-guide-btn.print-cc {
    background: #cccccc;
}
@media(max-width: 640px) {
    .print-guide {
        width: 100%;
        padding: 15px;
    }
    .print-guide h2 {
        margin-top: 20px;
    }
    .guide-box {
        float: none;
        width: 100%;
    }
    .guide-box img {
        margin: 20px 0;
    }
    .print-guide-btn {
        width: 120px;
        margin: 30px 8px;
    }
}
.modal { overflow-y: auto !important; }
.table.table-min-width-1000 { min-width: auto !important; }
/* 모달조정 */
.signature-modal .modal-body {
    padding-top: 15px;
}
#template_list_new_view_wrapper .modal-header {
    padding: 15px 0;
}
#template_list_new_view_wrapper .modal-body {
    padding: 0px;
    padding-top: 15px;
}
.modal-body .tab-base {
    margin-top: -15px;
    margin-bottom: 0px;
}
#modal-sign-layout .modal-body .tab-base {
    margin-top: 0px;
}
/*
.tab-base .nav-tabs {
    overflow: hidden;
}   탭 삐져나오는 부분
*/
#add_mutiple_receivers_popup_wrapper .bt_popup_body_inner {
    max-width: 400px;
    padding: 0px;
}
#add_mutiple_receivers_popup_wrapper .modal_content {
    padding: 15px;
}
.popup_layer_header {
    padding: 10px 0;
}
.bt-new-modal table th, .bt-new-modal table td {
    padding: 6px !important;
}
.popup_layer_footer.user_add_ver .btn-top a {
    width: 100%;
    margin-bottom: 5px;
}
.popup_layer_footer.user_add_ver .btn-bottom a {
    width: 49%;
}
.popup_layer_footer.user_add_ver .btn-bottom a.btn-primary {
    margin-right: 1%;
}
.contract_template_edit {
    margin-top: 5px;
}
.modal-dialog.modal-sm .modal-body, #modal-layout .modal-body, #basic-info-modal .modal-body, #main_contents_div_wrapper .modal-body {
    padding-top: 0px;
}
.bt_popup_warpper .tab-base {
    margin-bottom: 0px;
}
#container {
    overflow: hidden;
}
#footer {
    z-index: 10;
}
.CodeMirror-gutters {
    height: 800px !important;
}
.navbar-brand img {
    width: auto;
    height: auto;
    max-width: 135px;
    max-height: 45px;
}
.panel-heading img {
    width: auto;
    height: auto;
    max-width: 130px;
    max-height: 35px;
}
#div-contract-content table { width: 100%; }
/* 아이콘 변경 작업 */
i.icon-bt-all { background: url('../img/svg/ic-all.svg') no-repeat center; }
i.icon-bt-write { background: url('../img/svg/ic-draft-bill.svg') no-repeat center; }
i.icon-bt-confer { background: url('../img/svg/ic-request-review.svg') no-repeat top center; }
i.icon-bt-pen { background: url('../img/svg/ic-under-consultation.svg') no-repeat center; }
i.icon-bt-thumb { background: url('../img/svg/ic-final-approval.svg') no-repeat center; }
i.icon-bt-signning { background: url('../img/svg/ic-signning.svg') no-repeat center; }
i.icon-bt-stamp { background: url('../img/svg/ic-stamp.svg') no-repeat center; }
i.icon-bt-waiting { background: url('../img/svg/ic-waiting-recovery.svg') no-repeat center; }
i.icon-bt-fin { background: url('../img/svg/ic-complete.svg') no-repeat center; }
i.icon-bt-writing { background: url('../img/svg/ic-draft-bill.svg') no-repeat center; }
i.icon-bt-check-request { background: url('../img/svg/ic-request-review.svg') no-repeat center; }
i.icon-bt-companion { background: url('../img/svg/ic-cancel.svg') no-repeat center; }
i.icon-bt-conference { background: url('../img/svg/companion.svg') no-repeat center; }
i.icon-bt-upload { background: url('../img/svg/icon-cloud.svg') no-repeat center; }
i.icon-waiting-recovery { background: url('../img/svg/ic-waiting-recovery.svg') no-repeat center; }
i.icon-bt-lawwaiting { background: url('../img/svg/ic-law.svg') no-repeat center; }

.file-upload-area .file-outline i.icon-bt-upload {
    width: 42px;
    height: 42px;
    padding: 0px;
    margin-top: 10px;
    background-size: 100%;
}
i.icon-bt-upload:before { display: none; }
i.icon-bt-bell {
    display: block;
    width: 14px !important;
    height: 21px !important;
    margin: auto;
    background: url('../img/svg/ic-alarm-black.svg') no-repeat center;
    background-size: 100% !important;
}
i.icon-bt-bell:before {
    content: "";
}
.table i.icon-bt-bell.icon-color-gray {
    background: url('../img/svg/ic-alarm-off.svg') no-repeat center;
}
.relation-box.rm-cf-user.add-tooltip .icon-bt-cancel, .relation-box .icon-bt-cancel {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 15px;
    margin-left: 3px;
}
.default_hide_area_admin_srch .form-group span .icon-bt-cancel {
    margin-left: 0px;
    margin-right: 10px;
}
.po-relative i {
    width: 24px;
    background-position: left center;
    background-size: 15.66px;
}
.po-relative i:before, .alert-orange i:before {
    content: "";
}
/* 공문발송에서 상세 워크플로우와 테이블 상태가 다르게 나오는 부분 */
#find-table .po-relative i.icon-bt-writing {
    background: url('../img/svg/ic-draft-bill.svg') no-repeat left center;
    background-size: 14px;
}
.alert-orange i {
    width: 20px;
    height: 19px;
    background: url('../img/svg/ic-under-consultation.svg') no-repeat left center;
    background-size: 16px;
}
/* 법무관리시스템 워크플로우에서 서명에 해당하는 부분 */
.select-ctg li i.icon-bt-writing { background: url('../img/svg/ic-signning.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-writing { background: url('../img/svg/ic-signning.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-writing { background: url('../img/svg/icon-new-white/ic-signning.svg') no-repeat center; }
/* 중간화면 및 상세화면 워크플로우 */
.progressbar li.icon-bt-writing:before { background-image: url('../img/svg/ic-writing-pen.svg'); }
.progressbar li.active.icon-bt-writing:before { background-image: url('../img/svg/icon-new-white/ic-writing-pen.svg'); }
.progressbar li.icon-bt-lawwaiting:before { background-image: url('../img/svg/ic-law.svg'); }
.progressbar li.active.icon-bt-lawwaiting:before { background-image: url('../img/svg/icon-new-white/ic-law.svg'); }

.select-ctg li.active i.icon-bt-all { background: url('../img/svg/icon-new-white/ic-all.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-write { background: url('../img/svg/icon-new-white/ic-draft-bill.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-confer { background: url('../img/svg/icon-new-white/ic-request-review.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-pen { background: url('../img/svg/icon-new-white/ic-under-consultation.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-thumb { background: url('../img/svg/icon-new-white/ic-final-approval.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-signning { background: url('../img/svg/icon-new-white/ic-signning.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-stamp { background: url('../img/svg/icon-new-white/ic-stamp.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-waiting { background: url('../img/svg/icon-new-white/ic-waiting-recovery.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-fin { background: url('../img/svg/icon-new-white/ic-complete.svg') no-repeat center; }
.select-ctg li.active i.icon-waiting-recovery { background: url('../img/svg/icon-new-white/ic-waiting-recovery.svg') no-repeat center; }
.select-ctg li.active i.icon-bt-lawwaiting { background: url('../img/svg/icon-new-white/ic-law.svg') no-repeat center; }

.select-ctg li:hover i.icon-bt-all { background: url('../img/svg/icon-new-white/ic-all.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-write { background: url('../img/svg/icon-new-white/ic-draft-bill.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-confer { background: url('../img/svg/icon-new-white/ic-request-review.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-pen { background: url('../img/svg/icon-new-white/ic-under-consultation.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-thumb { background: url('../img/svg/icon-new-white/ic-final-approval.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-signning { background: url('../img/svg/icon-new-white/ic-signning.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-stamp { background: url('../img/svg/icon-new-white/ic-stamp.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-waiting { background: url('../img/svg/icon-new-white/ic-waiting-recovery.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-fin { background: url('../img/svg/icon-new-white/ic-complete.svg') no-repeat center; }
.select-ctg li:hover i.icon-waiting-recovery { background: url('../img/svg/icon-new-white/ic-waiting-recovery.svg') no-repeat center; }
i.icon-bt-waiting { background: url('../img/svg/ic-sandglass.svg') no-repeat center; }
.select-ctg li:hover i.icon-bt-lawwaiting { background: url('../img/svg/icon-new-white/ic-law.svg') no-repeat center; }

.select-ctg li i {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 8px;
    background-size: 100% !important;
}
.select-ctg li i.icon-bt-write {
    background-size: 85% !important;
}
.buptle-table i {
    width: 18px;
    height: 18px;
    background-size: 16.2px;
}
.buptle-table i.icon-bt-write {
    width: 18px;
    height: 20px;
    background-position: 1px center;
    background-size: 14.5px !important;
}
.buptle-table i.icon-bt-stamp {
    width: 18px;
    height: 20px;
    background-size: 15.5px;
}
.po-relative span {
    padding-left: 22px;
}
.select-ctg li i:before, .buptle-table i:before {
    display: none;
}

@media(max-width: 1540px) {
    .buptle-table i {
        background-size: 15.66px;
    }
    .buptle-table i.icon-bt-waiting {
        background-size: 12.41px !important;
    }
    .buptle-table i.icon-bt-confer {
        background-size: 97.3% !important;
    }
}

/* 부서장부분 */
table th.docissue_dept_chk, table th.dept_approval_chk {
    text-align: center;
}
i.icon-bt-bell:before{
    display: block !important;
}
.mainnav-profile .profile-wrap {
    padding: 16px 20px 12px;
}
.progressbar li.icon-bt-all:before { background-image: url('../img/svg/ic-all.svg'); }
.progressbar li.icon-bt-write:before { background-image: url('../img/svg/ic-draft-bill.svg'); }
.progressbar li.icon-bt-confer:before { background-image: url('../img/svg/ic-request-review.svg'); }
.progressbar li.icon-bt-pen:before { background-image: url('../img/svg/ic-under-consultation.svg'); }
.progressbar li.icon-bt-thumb:before { background-image: url('../img/svg/ic-final-approval.svg'); }
.progressbar li.icon-bt-signning:before { background-image: url('../img/svg/ic-signning.svg'); }
.progressbar li.icon-bt-stamp:before { background-image: url('../img/svg/ic-stamp.svg'); }
.progressbar li.icon-bt-waiting:before { background-image: url('../img/svg/ic-waiting-recovery.svg'); }
.progressbar li.icon-bt-fin:before { background-image: url('../img/svg/ic-complete.svg'); }
.progressbar li.icon-bt-companion:before { background-image: url('../img/svg/ic-cancel.svg'); }

.progressbar li.active.icon-bt-all:before { background-image: url('../img/svg/icon-new-white/ic-all.svg'); }
.progressbar li.active.icon-bt-write:before { background-image: url('../img/svg/icon-new-white/ic-draft-bill.svg'); }
.progressbar li.active.icon-bt-confer:before { background-image: url('../img/svg/icon-new-white/ic-request-review.svg'); }
.progressbar li.active.icon-bt-pen:before { background-image: url('../img/svg/icon-new-white/ic-under-consultation.svg'); }
.progressbar li.active.icon-bt-thumb:before { background-image: url('../img/svg/icon-new-white/ic-final-approval.svg'); }
.progressbar li.active.icon-bt-signning:before { background-image: url('../img/svg/icon-new-white/ic-signning.svg'); }
.progressbar li.active.icon-bt-stamp:before { background-image: url('../img/svg/icon-new-white/ic-stamp.svg'); }
.progressbar li.active.icon-bt-waiting:before { background-image: url('../img/svg/icon-new-white/ic-waiting-recovery.svg'); }
.progressbar li.active.icon-bt-fin:before { background-image: url('../img/svg/icon-new-white/ic-complete.svg'); }
.progressbar li.active.icon-bt-companion:before { background-image: url('../img/svg/icon-new-white/ic-cancel.svg'); }
.progressbar li:before {
    content: "";
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
    background-color: #c6871d;
}
.progressbar.progressbar-mt li:before {
    background-color: #fff;
}
.progressbar li.active:before {
    background-color: #333e48 !important;
}
.main-button-group i:before { display: none; }
.pad-hor {
    padding: 0 25px;
}
.main-button-group i {
    width: 40px;
    height: 55px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.main-button-group .icon-bt-write-light { background-image: url('../img/svg/icon-new-white/ic-writing-contract.svg'); }
.main-button-group .icon-bt-conference-light { background-image: url('../img/svg/icon-new-white/ic-speech-bubble.svg'); }
.main-button-group .icon-bt-pen-light { background-image: url('../img/svg/icon-new-white/ic-pen.svg'); }
.main-button-group .icon-bt-fin-light { background-image: url('../img/svg/icon-new-white/ic-sign-complete.svg'); }
.input-group-addon {
    width: 45px;
    height: 30px;
    background: url('../img/svg/ic-calendar.svg') no-repeat center;
    background-size: 14px;
}
.icon-bt-trashcan {
    display: block;
    width: 65px;
    height: 30px;
    background: url('../img/svg/trashcan.svg') no-repeat center;
    background-size: 19px 30px;
}
i.icon-bt-trashcan:before, i.input-group-addon:before, .glyphicon-calendar:before, #mainnav-menu i:before, .demo-pli-list-view:before, .ti-search:before, .list-group i:before, .icon-bt-user:before, i.demo-pli-magnifi-glass:before {
    content: "";
}
.demo-pli-list-view {
    width: 16px;
    height: 16px;
    background: url('../img/svg/ic-menu.svg') no-repeat left center;
    background-size: 16px;
}
.ti-search, .demo-pli-magnifi-glass {
    display: block;
    width: 16px;
    height: 16px;
    background: url('../img/svg/icon-new-white/ic-search.svg') no-repeat left center;
    background-size: 16px;
}
#mainnav-menu li i {
    width: 21px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
#mainnav-menu i.icon-bt-folder { background-image: url('../img/svg/ic-contract-management.svg'); background-size: 13px; }
#mainnav-menu i.icon-bt-find { background-image: url('../img/svg/ic-legal-advice.svg'); background-size: 14px; }
#mainnav-menu i.icon-bt-security { background-image: url('../img/svg/shield_red.svg'); background-size: 15px; }
#mainnav-menu i.icon-bt-transport { background-image: url('../img/svg/ic-official-letter.svg'); }
#mainnav-menu i.icon-bt-award { background-image: url('../img/svg/ic-attestation-document.svg'); }
#mainnav-menu i.icon-bt-setting-admin { background-image: url('../img/svg/ic-admin-setting.svg'); }
#mainnav-menu i.icon-bt-tag { background-image: url('../img/svg/ic-tag.svg'); }
#mainnav-menu i.icon-bt-setting-group { background-image: url('../img/svg/ic-admin.svg'); }

#mainnav-menu li.active-sub i.icon-bt-folder { background-image: url('../img/svg/icon-new-white/ic-contract-management.svg'); background-size: 13px; }
#mainnav-menu li.active-sub i.icon-bt-find { background-image: url('../img/svg/icon-new-white/ic-legal-advice.svg'); background-size: 14px; }
#mainnav-menu li.active-sub i.icon-bt-security { background-image: url('../img/svg/icon-new-white/shield_white.svg'); background-size: 15px; }
#mainnav-menu li.active-sub i.icon-bt-transport { background-image: url('../img/svg/icon-new-white/ic-official-letter.svg'); }
#mainnav-menu li.active-sub i.icon-bt-award { background-image: url('../img/svg/icon-new-white/ic-attestation-document.svg'); }
#mainnav-menu li.active-sub i.icon-bt-setting-admin { background-image: url('../img/svg/icon-new-white/ic-admin-setting.svg'); }
#mainnav-menu li.active-sub i.icon-bt-tag { background-image: url('../img/svg/icon-new-white/ic-tag.svg'); }
#mainnav-menu li.active-sub i.icon-bt-setting-group { background-image: url('../img/svg/icon-new-white/ic-admin.svg'); }
.list-group i {
    width: 24px;
    height: 20px;
}
.icon-bt-close:before, .icon-bt-cancel:before, .icon-bt-upload:before {
    content: "";
}
.icon-bt-close {
    width: 17px;
    background: url('../img/svg/close.svg') no-repeat right center;
    background-size: 10px;
}
.btn-tag-box {
    margin: 3px 26px 3px 0;
}
.btn-tag-box i { right: -21px; }
.icon-bt-cancel {
    width: 15px;
    background: url('../img/svg/cancel.svg') no-repeat top center;
    background-size: 100%;
}
.form-horizontal .icon-bt-cancel {
    top: 5px;
}
#workflowupdateform .basic-info-area .form-group .col-sm-1 .icon-bt-cancel {
    display: block;
    width: 18px;
    height: 30px;
    background-position: center;
    cursor: pointer;
}
@media(max-width: 1366px) {
    .main-button-group i { margin: auto; }
}
.demo-pli-male {
    background: url('../img/svg/ic-viewprofile.svg') no-repeat left center;
    background-size: 18px;
}
.demo-pli-unlock {
    background: url('../img/svg/ic-logout.svg') no-repeat left center;
    background-size: 16px;
}
.icon-bt-user {
    width: 26px;
    height: 28px;
    background: url('../img/svg/ic-people.svg') no-repeat 3px center;
    background-size: 15px;
}
.tag-main .tag-box .btn-tag {
    width: auto;
    background: none;
}
.tag-main .tag-box .btn-tag:before {
    content: "";
    width: 14px;
    height: 15px;
    background: url('../img/svg/ic-minus.svg') no-repeat top center;
    background-size: 100%;
    cursor: pointer;
}
.workflow-write .tag-box span i {
    top: 3px;
    right: -21px;
    width: 14px !important;
    height: 15px !important;
    background: url('../img/svg/ic-minus.svg') no-repeat top center !important;
    background-size: 100%;
    cursor: pointer;
}
.icon-bt-fullarrow-up {
    position: relative;
    height: 40px;
}
.icon-bt-fullarrow-up:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    background: url('../img/svg/fullarrow-down.svg') no-repeat center right;
    background-size: 14px;
}
#myContractTable .dt-body-center.legal_approval_chk {
    margin: auto;
}

/* 로그인창 */
.member-box .panel {
    padding: 34px 0px 22px;
}
.member-box .panel-body {
    padding: 15px 15px!important;
}
.member-box .modal-content.panel {
    padding: 10px 0px;
}
.member-box .modal-content .panel-body {
    padding: 10px 20px 20px!important;
}
.member-box .panel .panel-heading {
    height: auto;
    min-height: auto;
    max-height: none !important;
    overflow: hidden;
}
.member-box .panel-body h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
}
.member-box .panel label {
    font-size: 13px;
}
.member-box .panel-body .form-control {
    height: 36px;
}
.member-box .btn-primary {
    height: 40px;
    margin-top: 10px;
}
.member-box ul li a, .modal-message p {
    font-size: 13px;
}

/* 품의데이터 */
#document_for_proof_list_new_view_wrapper select {
    width: 100%;
    height: 30px;
    color: #7a878e;
    font-size: 11px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.07);
}
.prn {
    padding-right: 0px !important;
}
.pln {
    padding-left: 0px !important;
}
.bt-border-line {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.dfp-content-box {
    padding: 0 10px;
}
.dfp-info-p {
    color: #f22314;
    font-size: 12px;
}
.dfp-content-box .dataTables_scrollBody {
    margin-bottom: 30px;
}
.dfp-content-box .table th {
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    color: #4d627b;
}
.dfp-content-box .table td {
    border-top: 1px solid rgba(0,0,0,0.07);
    font-size: 12px;
    font-weight: normal;
    color: #7a878e;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
}
.dfp-content-box .dataTables_info {
    color: #4d627b;
    font-size: 14px;
}
.bt-border-line label { font-size: 13px; }

@media (min-width: 768px) {
    .dfp-panel-body .bt-10 { width: 100%; }
    .dfp-panel-body .col-bt-5 { width: 50%; }
    .dfp-panel-body .col-bt-5.pr5 { padding-right: 10px; }
    .dfp-panel-body .col-bt-5.pl5 { padding-left: 0px; }
    .dfp-panel-body .form-group { height: auto; overflow: hidden; }
    .dfp-panel-body .col-bt-5 .input-group.date { width: 100%; }
}
@media (max-width: 767px) {
    .navbar-top-links .tgl-menu-btn, .top_txt_search_ico_and_input { position: static; }
    .bt-media-none { display: none !important; }
    .navbar-content .custom-search-form { padding: 0 4px; }
}
@media (max-width: 760px) {
    .bt-media-none { display: none !important; }
    .pad-btm { opacity: 0; }
    .navbar-top-links .tgl-menu-btn { position: relative; }
    .dfp-panel-body .col-bt-5 .input-group.date { width: 100%; }
    .col-sm-5.pln { margin-top: 10px; padding-left: 10px !important; }
    .modal_transfer_contract #find-result .col-lg-6 .col-sm-5 {
        float: left;
        width: 50%;
    }
    .modal_transfer_contract #find-result .trans-cont-label {
        width: 100%;
    }
}
body.modal-open {
    overflow: auto !important;
}
#user_add_right .col-sm-2 a.btn-primary {
    display: block;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
textarea { resize: none; }

#new_subsidiary_private_pop_up .float-left, #new_private_pop_up .float-left, #new_subsidiary_pop_up .float-left {
    position: absolute;
    top: 5px;
    left: 9px;
    width: 3mm;
    height: 3mm;
    vertical-align: middle;
    border: 1px solid #000;
}
.bt_popup_body .mb-20 {
    position: relative;
}
.content-box label.btn {
    height: auto;
    line-height: 1.4;
}
.btn-more {
    cursor: pointer;
}
/*
#templatelisttable td {
    vertical-align: middle;
}
#templatelisttable .dt-body-left button.btn {
    margin-top: 2px;
    margin-bottom: 2px;
}
#templatelisttable .dt-body-left button.btn:nth-child(1) {
    margin-right: 5px;
}

@media(max-width: 1429px) {
    .dt-body-left button.btn:nth-child(1) {
        margin-right: 0px;
    }
}
*/
@media(max-width: 1900px) {
    .col-lg-6 .panel-body table {
        max-width: 100% !important;
    }
    .col-lg-6 .panel-body td {
        width: auto !important;
    }
}
#company-info-form small {
    margin-left: 15px;
    line-height: 30px;
}
#switch_contractor_view_wrapper .bt_popup_body_inner { max-width: 500px; }
#switch_contractor_view_wrapper .bt_popup_body_inner>div { width: 100% !important; }
#template_list_new_view_wrapper .panel {
    overflow: visible;
}
.template-category-list .templ_link_wrap {
    width: calc(100% - 180px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#tmpl_ctg_popup_div .panel-body {
    padding: 0px !important;
}
.template-category-list li {
    padding: 3px 15px;
    height: 30px;
    transition: all 0.2s;
}
.template-category-list li:hover {
    background-color: #e8e8e8;
}
.template-category-list li label.btn {
    margin-bottom: 0px;
}
.template-category-list li a {
    vertical-align: top;
}
.template-category-list li a.templ_link_wrap {
    float: left;
}
.template-category-list li a.tpl_new_btn {
    float: right;
}
.template-category-list li a.tpl_pass_btn {
    float: right;
}
.template-category-list li a.tpl_pass_btn label {
    background-color: #fff;
}
.templ_tooltip_li {
    position: relative;
    height: 24px;
}
.templ_tooltip {
    position: absolute;
    top: 31px;
    left: 15px;
    width: auto;
    max-width: 500px;
    height: auto;
    padding: 5px 9px;
    background: #3a444e;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    z-index: 999;
    display: none;
}
.templ_tooltip:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #3a444e;
}
.tmpl_title {
    font-weight: 600;
}
.tmpl_tooltip_span {
    color: #505050;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    border-style: solid;
    border-width: 5px 4px 0;
    border-top-color: dashed;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
body.body-lock {
    height: 100%;
    overflow: hidden !important;
}
.contact-detail .panel-heading {
    height: auto;
    overflow: hidden;
}
.contact-detail .panel-heading .panel-info {
    padding: 0 20px;
}
.panel-heading .panel-info .panel-info-line span {
    display: block;
    float: left;
    margin: 2px 0;
}
.panel-heading .panel-info .panel-info-line .label {
    width: 75px;
    color: #7a878e;
    font-size: .85em;
    font-weight: 300;
}
.panel-heading .panel-info .panel-info-line .info {
    width: calc(100% - 75px);
    font-size: .85em;
}
.nano-content .text-main.text-semibold {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: -0.5px;
}
.nano-content .text-main.text-semibold span.text-mail {
    margin-left: 2px;
}
#find-result .col-lg-6 .input-group {
    width: 100%;
}
.contract-section-p {
    margin-bottom: 25px;
}
.contract-user-box {
    margin-top: 15px;
}
.contract-user-box .contract-user-info p {
    line-height: 33px;
}
.contract-user-info p {
    display: inline-block;
}
.contract-user-info-p {
    margin-left: 6px;
    color: #7a878e;
    font-size: .85em;
}
.btn.btn-search {
    margin-right: 15px;
    min-width: 66px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid transparent;
    font-size: 13px;
    line-height: 1.475;
    vertical-align: middle;
    transition: all 0.25s;
    background-color: #294f75;
    color: #fff;
}
.contract-user-info, .btn-search {
    float: left;
}
.btn-search:hover {
    color: #fff;
}
.button-wrap2 .btn-warning {
    float: right;
}
.button-wrap3 {
    clear: both;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 0 15px;
}
.button-wrap3 .btn {
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.475;
    vertical-align: middle;
    color: #fff;
}
.btn-cancel {
    background-color: #ededed !important;
    border-color: rgba(0,0,0,0.07) !important;
    color: #7a878e !important;
}
.btn-cancel:hover {
    background-color: #ededed !important;
    border-color: rgba(0,0,0,0.07) !important;
    color: #7a878e !important;
}
.transfer-add-btn-wrap {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}
.transfer-count-btn {
    float: left;
}
.transfer-count-p {
    float: right;
}
.transfer-user-wrap .contract-user-wrap  {
    display: block;
}
.transfer-user-wrap .contract-user-wrap .contract-user-box  {
    display: inline-block;
    margin-top: 0px;
}
.transfer-user-wrap .contract-user-wrap .transfer-label {
    display: inline-block;
    min-width: 120px;
    height: 33px;
    line-height: 33px;
    vertical-align: top;
}
.transfer-bwrap3 {
    margin-top: 0px;
}
@media(max-width: 740px) {
    .transfer-bwrap3 {
        margin-top: 15px;
    }
}
.modal-test {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #eaebec;
    height: auto;
    z-index: 9999999;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}
.modal_transfer_contract .bt_popup_body_inner {
    max-width: 1400px;
}
.test-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    z-index: 10000;
}
.head {
    background: #eaebec;
}
.head h2 {
    padding: 25px 30px;
    color: #fff;
    font-size: 18px;
    margin: 0;
}
.span-label {
    color: #7a878e;
    font-size: .85em;
    font-weight: 300;
}
.modal_transfer_contract .modal-header {
    padding: 15px 0;
}
.modal_transfer_contract .modal-header .close {
    right: 0px;
}
.modal_transfer_contract .panel:last-child {
    margin-bottom: 0px;
}
#container .modal_transfer_contract .table td {
    border-top: 1px solid #ddd;
}
.table-wrap .table {
    width: 100%;
}
.modal_transfer_contract .button-wrap3 {
    margin-top: 15px;
    padding: 0 15px;
}
/* 718 table scroll */
.dataTables_scrollBody { padding-bottom: 25px; }
.dataTables_scrollBody .table.table-min-width-1000 { min-width: 1200px !important; }
@media(max-width: 1101px) {
    .table-wrap {
        width: calc(100vw - 100px);
        height: auto;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 25px;
    }
    .table-wrap .table {
        min-width: 1000px !important;
    }
    .table-sc-wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 25px;
    }
    .table-sc-wrap .table {
        min-width: 1000px !important;
    }
    .table-sc-wrap .table.table700 {
        min-width: 700px !important;
    }
}
.bt_modal_on {
    display: block;
}
.input-group {
    width: 100%;
}
/* common css */
textarea { resize: none; }
table { width: 100%; }
p { margin: 0; }
#page-head {
    padding-bottom: 10px;
}
ul { padding: 0; margin: 0; list-style: none; }
.legal_advice_legal_view_content ul, .legal_view_content ul, #div-contract-content ul, .legal_advice_legal_view_content ol, .legal_view_content ol, #div-contract-content ol {
    padding-left: 40px;
    list-style: initial;
}
.legal_advice_legal_view_content a, .legal_view_content a, #div-contract-content a {
    color: #00c;
    text-decoration: underline;
}
.legal_advice_legal_view_content a:visited, .legal_view_content a:visited, #div-contract-content a:visited {
    color: #333e48;
}
.legal_advice_legal_view_content .legal_attachment_list li a {
    color: #333e48;
    text-decoration: none;
}
.legal_advice_legal_view_content .legal_attachment_list li a:hover {
    text-decoration: underline;
}
.legal_advice_legal_view_content a:visited, .legal_view_content a:visited, #div-contract-content a:visited {
    color: #333e48;
}
.legal_advice_legal_view_content ul.legal_attachment_list, .legal_view_content ul.legal_attachment_list, #div-contract-content ul.legal_attachment_list {
    padding-left: 0;
}
.bt_s_label {
    color: #7a878e;
    font-size: .85em;
    font-weight: 300;
}
.text-sm {
    font-size: .9em;
}
.bt_c_label {
    color: #7a878e;
    font-weight: 400;
}
.cl-both {
    clear: both;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.bord-rad {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#input-review-info .disable_st {
    background-color: #eee;
    height: auto;
    overflow: hidden;
}
pre.pre {
    border: none;
    border-radius: 0px;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    padding: 0;
    margin: 0;
}
.btTextareaAutosize {
    height: auto;
    overflow: hidden;
}
/* 권한 위임 추가 */
li.li-hd {
    padding: 8px;
}
li.li-hd .li-hd-p {
    font-size: 1.05em;
}
.li-mandated-period p {
    color: #7a878e;
    font-size: .85em;
}
.table.empowerment-table {
    font-size: 14px;
}
#container .table.empowerment-table th {
    font-size: 1em;
    border-top: none;
}
.table.empowerment-table td {
    vertical-align: middle;
}
.modal-info-label {
    display: block;
    font-size: .85em;
}
.modal-info-wrap {
    overflow: hidden;
}
.modal-empowerment-info {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.modal-empowerment-info.fl {
    float: left;
    width: 50%;
}
.bt-sm-modal .bt_popup_body_inner {
    max-width: 540px;
}
.modal-alert-p {
    text-align: center;
    padding-top: 25px;
}
.nav-delegate-p {
    display: inline-block;
    padding: 0px 20px 10px;
    font-size: 12px;
}
.find-result .form-group {
    height: auto;
    margin-bottom: 10px;
}
.find-result .btn-navy, .find-result .form-group label {
    height: 30px;
    line-height: 30px;
}
.find-result .search-box {
    text-align: center;
    margin-top: 15px;
}
.find-result .search-box button {
    width: 120px;
    height: 36px;
}
/* 권한 위임 추가 */
.empowerment-table td.empowerment-user {
    background-color: rgba(0,0,0,.015);
}
table.empowerment-table td.empowerment-user-search {
    position: relative;
    padding-right: 32px;
}
.empowerment-table th, .empowerment-table td:nth-child(1), .empowerment-table td:nth-child(2), .empowerment-table td:nth-child(4), .empowerment-table td:nth-child(10) {
    text-align: center;
}
.empowerment-search-icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    background: url('../img/svg/icon-new-white/ic-search.svg') no-repeat center;
    background-size: 14px;
    background-color: #333e48;
    border: none;
    border-radius: 3px;
}
.empowerment-input {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 3px;
}
.empowerment-add-btn {
    width: 22px;
    height: 22px;
    background: url('../img/svg/ic-plus.svg') no-repeat center;
    background-size: 90%;
    border: none;
    vertical-align: middle;
}
/* 권한위임 */
.wide_top_bar{
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    /* 확정 후 삭제
    화이트
    background-color: #fff !important;
    border-bottom: 1px solid #333e48;
    color: #333e48 !important;
    민트
    background-color: #1f897f !important;
    border-color: #1f897f;
    color: #fff !important;
    */
    background-color: #ededed !important;
    color: #7a878e !important;
}
#paper_process_email_edit_pop_up .navbar-brand.img {
    float: none;
}
#paper_process_email_edit_pop_up textarea {
    height: 290px;
}
body input {
    ime-mode: active;
}
body input[type=text] {
    -webkit-ime-mode:active;
    -moz-ime-mode:active;
    -ms-ime-mode:active;
    ime-mode:active;
}
.template-write .template-head .workflow-selector .dropdown-toggle {
    min-height: 27px;
    height: auto;
}
/*
.template-write .template-head .workflow-selector.btn-group {
    min-width: 302px;
    width: auto !important;
    max-width: 100%;
}
*/
.panel-body label.btn-file-add {
    font-weight: normal;
    line-height: 1.6;
}
.bt-red {
    color: #f44336;
}
.bt-s {
    color: #7a878e;
    font-size: .85rem;
    font-weight: 300;
}
@media(max-width: 768px) {
    #contract_modal_body.modal-body {
        max-height: 100%;
    }
}
/* 모달 - 태그 추가 */
.md-add-tag-wrap {
    clear: both;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.md-input-add-tag {
    float: left;
    margin-left: 6px;
    border: none;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    color: #333e4a;
}
.bt-icon-plus {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.bt-icon-plus {
    float: left;
    height: 22px;
}
.bt-icon-plus:before, .bt-icon-plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: #333e4a;
}
.bt-icon-plus:before {
    width: 2px;
    height: 16px;
}
.bt-icon-plus:after {
    width: 16px;
    height: 2px;
}
/* 첨부파일 필수 계약 */

/* 첨부파일 필수 계약 */
.create_contract_add_file {
    clear: both;
}
.create_contract_add_file li {
    position: relative;
    padding: 10px 0;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    border-bottom: 1px solid #f3f3f3;
}
.create_contract_add_file li:first-child {
    margin-top: 6px;
    border-top: 1px solid #f3f3f3;
}
.create_contract_add_file li a:hover {
    text-decoration: underline;
}
.create_contract_add_file li:last-child {
    margin-bottom: 12px;
}
.create_contract_add_file li .pci-cross {
    position: absolute;
    top: 11px;
    right: 4px;
    cursor: pointer;
    color: #c3c3c3;
}
.create_contract_add_file li .pci-cross:before {
    height: 1.249px;
}
.create_contract_add_file li .pci-cross:after {
    width: 1px;
}
.contract_addfile_wrap .btn-file-add {
    float: right;
}
.contract_addfile_wrap .upload-file-name {
    padding: 0;
}
#cont_diff {
    margin-bottom: 55px;
}
#mainnav-menu-wrap .list-group-item.active {
    color: inherit !important;
    font-weight: bold;
    border-color: #f5f5f5;
    background-color: #f5f5f5 !important;
}
/* 상세 - 계약 문서 스캔본 */
.contact.contact-create.contact-detail .panel-body .btn-box {
    margin-top: 0px;
}
.contact.contact-create.contact-detail .panel-body .alert.alert-yellow.mb-20 {
    padding: 15px 2em 17px 15px;
    margin-bottom: 0px !important;
}
.contact.contact-create.contact-detail .panel-body .alert.alert-yellow.mb-20 p {
    margin-bottom: 6px;
}
/* another form group style */
.bt-form-inner {
    max-width: 780px;
    margin: auto;
    height: auto;
}
.bt-form-inner .form-group {
    clear: both;
    width: 100%;
    min-height: 30px;
    margin-bottom: 10px;
}
.bt-form-inner .form-group label {
    margin-bottom: 0px;
}
.bt-form-inner:last-child .form-group {
    margin-bottom: 0px;
}
.bt-sr-label {
    float: left;
    text-align: right;
}
.bt-fr-wrap {
    float: right;
    width: calc(100% - 100px);
}
.bt-fl-2n {
    float: left;
    width: 50%;
}
.bt-fl-2n:nth-child(1) { padding-right: 5px; }
.bt-fl-2n:nth-child(2) { padding-left: 5px; }
/* 폰트사이즈 */
.sm_p {
    color: #7a878e;
    font-size: .85em;
    font-weight: 300;
}
/* 부서장 승인 부분 변경 */
.legal_approval {
    height: 16px;
    padding-left: 13px;
    font-size: .85em;
    line-height: 16px;
    letter-spacing: -.05em;
}
.approval_alarm {
    background: url('../img/svg/ic-alarm-black.svg') no-repeat left 3px;
    background-size: 10px;
    font-weight: bold;
}
.approval_finish {
    color: #7a878e;
    background: url('../img/svg/check.svg') no-repeat left 5px;
    background-size: 10px;
}
.find-result .result-highlight{
    padding: 2px 0;
    background: #f9a51a;
    color: #fff;
}
.user_box_wrapper_2 .user-box {
    margin-left: 10px !important;
}
.user_box_wrapper_2 .user-box:first-child {
    margin-left: 0px !important;
}
/* 계약서 상세보기 -> 계약 정보 */
.cont_info_page {
    position: fixed;
    top: 0px;
    right: -420px;
    bottom: 0px;
    padding: 60px 25px;
    padding-left: 0px;
    width: 420px;
    z-index: 9000;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: visible;
}
.cont_info_page.active {
    right: -10px;
}
.cont_info_wrap {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    box-shadow: 1px 2px 6px #666;
    border-radius: 8px;
    background-color: #fff;
}
.cont_info_btn {
    position: absolute;
    top: 80px;
    left: -60px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 1px 2px 6px #666;
}
.cont_info_btn:before {
    content: '';
    position: relative;
    width: 20px;
    height: 20px;
    top: 15px;
    left: 20px;
    display: inline-block;
    border-style: solid;
    border-width: .1em .1em 0 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont_info_page.active .cont_info_btn:before {
    left: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cont_info_view {
    width: 100%;
    padding: 20px;
}
.cont_info_view .panel-title {
    padding: 0px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.cont_info_line {
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.cont_info_view .info {
    font-size: .85em;
}
.cont_info_date {
    display: table;
    width: 100%;
    margin: 15px 0;
    border-top: 1px solid #e5eaed;
    border-bottom: 1px solid #e5eaed;
}
.cont_info_date .box_2n {
    display: table-cell;
    width: 50%;
    padding: 8px 12px 10px;
}
.cont_info_date .box_2n:nth-child(2) {
    border-left: 1px solid #e5eaed;
}
.cont_info_line .btn-tag {
    margin: 3px 6px 3px 0;
}
.cont_info_line .bt_s_label {
    display: block;
}
.cont_o, .cont_x {
    color: #03a9f4;
    font-weight: bold;
    margin-right: 6px;
}
.cont_x {
    color: #da3939;
}
.cont_alarm_box {
    display: inline-box;
    padding: 9px 10px;
    margin-top: 10px;
    background-color: #f5f5f5;
    font-size: .85em;
}
.cont_info_page pre {
    white-space: pre-wrap;
}
.user_add_display_none {
    display: none;
  }
/* 템플릿 카테고리 추가 */
#template_modal .modal-header {
    padding: 15px 0;
}
#template_modal .modal-header>.close {
    right: 0;
}
#template_modal .popup_layer_body {
    padding: 15px;
}
.temp_search_wrap {
    display: block;
    height: auto;
    overflow: hidden;
}
.temp_search_wrap .search-container {
    position: relative;
    margin: 8px 0 15px;
}
.temp_search_wrap .form-control {
    padding-right: 33px;
}
.temp_search_wrap .search-container {
    float: left;
    width: 37%;
}
.temp_search_wrap .ic-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 33px;
    background-color: #333e48;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}
.temp_search_wrap .ic-search svg {
    display: block;
    margin: 7px auto;
}
.temp_term_label {

}
/* tab */
.temp_tab_ul {
    padding-bottom: 12px;
}
.temp_tab_ul li {
    display: inline-block;
    margin: 8px 0;
    margin-right: 12px;
    padding-right: 14px;
    border-right: 1px solid #e0e0e0;
    color: #7a878e;
    font-size: 1em;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.temp_tab_ul li:last-child { border-right: none; }
.temp_tab_ul li.sel {
    color: #333e48;
    font-weight: bold;
}
.temp_tab_ul li:hover {
    color: #333e48;
}
/* tview */
.temp_tview_ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    overflow-y: auto;
    padding: 0 10px;
    border-right: 1px solid #e8e8e8;
}
.temp_tview_ul li {
    padding: 11px 4px;
    color: #7a878e;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    word-break: break-all;
}
.temp_tview_ul li.sel {
    color: #333e48;
    font-weight: bold;

}
.temp_tview_ul li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 6px;
    border-style: solid;
    border-width: 5px 0 5px 0px;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    vertical-align: baseline;
}
.temp_tview_ul li.sel:before {
    border-width: 5px 0 5px 7px;
}
.temp_tview_ul li:hover {
    color: #333e48;
}
.temp_tview_ul li:not(.sel):hover:before {
    border-color: transparent;
    border-left-color: #7a878e;
    border-width: 5px 0 5px 7px;
    transition: all 0.2s;
}
/* list */
.temp_list_wrap {
    position: relative;
    padding-left: 200px;
    height: auto;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.temp_list_ul {
    height: 600px;
    overflow-y: auto;
    margin-bottom: -1px;
}
.temp_list_ul li {
    padding: 12px 15px;
    border-bottom: 1px solid #e8e8e8;
}
.temp_hd_box p {
    display: inline-block;
    font-size: .85em;
}
.temp_search_ctg {
    margin-left: 6px;
    color: #888;
}
.temp_term_p {
    display: inline-block;
    margin-left: 2px;
    padding: 3px 6px;
    background-color: #f5f5f5;
    font-size: 12px;
}
.tmp_type_pp {
    color: #25476a;
}
.tmp_type_pg {
    color: #f9ab29;
}
.temp_li_hd::after {
    content: "";
    display: block;
    clear: both;
}
.temp_btn_box {
    float: right;
    width: 300px;
    padding-top: 3px;
    border-radius: 3px;
    font-size: .85em;
    text-align: right;
}
.temp_hd_box {
    float: left;
    width: calc(100% - 300px);
}
.temp_btn_box {
    z-index: 9;
}
.temp_btn_box label {
    margin-top: 0px;
    margin-bottom: 0px;
}
.temp_hd_box .temp_name {
    padding: 2px 0;
}
.temp_btn_box .btn {
    margin-left: 4px;
}
@media(max-width: 600px) {
    .temp_hd_box {
        height: auto;
        overflow: hidden;
    }
    .temp_tview_ul {
        width: 140px;
    }
    .temp_list_wrap {
        padding-left: 140px;
    }
    .temp_type {
        float: none;
        width: 100%;
    }
    .temp_btn_box {
        float: none;
    }
}
/* 검색 결과 화면 */
.template_search_result_wrap {
    display: none;
}
.template_search_result .temp_tab_ul, .template_search_result .temp_tview_ul {
    display: none;
}
.template_search_result .temp_list_wrap {
    padding-left: 0px;
}
.template_search_result .template_search_result_wrap {
    display: block;
}
.search_result_p {
    margin-bottom: 10px;
    color: #7a878e;
    font-size: .85em;
}
.search_result_p .span_search_result {
    color: #333e48;
}
.temp-cate-select {
    width: 100%;
}
/* 템플릿 리스트 없을 경우 */
.temp_list_ul li.temp_list_none_box {
    padding: 20px 0;
    border-bottom: none;
    text-align: center;
}
.temp_list_none_box p {
    font-size: 13px;
}
.temp_list_none.temp_list_wrap {
    padding-left: 0px;
}
.temp_list_none .temp_tview_ul {
    display: none;
}
/*
.selectpicker.btn-group.bootstrap-select:last-child:not(:first-child)>.btn:first-child, .selectpicker.btn-group.bootstrap-select>.btn:last-child:not(:first-child), .selectpicker.btn-group.bootstrap-select>.dropdown-toggle:not(:first-child) {
    border-radius: 3px !important;
}*/
.btn-group.bootstrap-select .btn {
    border-radius: 3px !important;
    margin-left: 0px;
}
.temp-cate-select2 {
    margin-left: 10px !important;
}

.bt-temp-cate-box {
    height: 33px;
    padding-bottom: 60px;
}
.temp-cate-form {
    float: left;
    width: calc(100% - 100px);
}
.temp-cate-form .bootstrap-select.workflow-selector {
    width: calc(50% - 8px) !important;
}
.bt-temp-cate-line {
    float: right;
    width: 960px;
    height: 33px;
}
.bt-temp-cate-line .temp-cate-tit {
    line-height: 33px;
}
#find-result .bt-temp-cate-line .btn-list {
    margin: 0px;
}
.temp-cate-all {
    float: left;
    width: 16%;
    line-height: 33px;
}
.temp-cate-tit {
    float: left;
    width: 100px;
}
.temp_cate_control_wrap {
    max-width: 780px;
    margin: auto;
    padding: 20px 0;
}
.temp_cate_control_line_wrap {
    height: 50px;
}
.temp_cate_control_line {
    float: left;
    width: calc(100% - 130px);
}
.temp_cate_control_btn_wrap {
    float: left;
    width: 130px;
}
.temp_cate_control_line_wrap .temp_cate_control_btn_wrap .btn {
    padding: 0px;
    float: left;
    display: block;
    width: 44%;
    height: 30px;
    line-height: 30px;
    margin: 0 3%;
    text-align: center;
}
.bootstrap-select.temp_cate_control {
    float: left;
    width: 100% !important;
}
.temp_cate_control_input_wrap {
    float: left;
    width: calc(50% - 8px) !important;
}
.temp_cate_control_input_wrap.ls-ch {
    margin-left: 10px;
}
.temp_cate_control_p {
    font-size: 13px;
    margin-bottom: 8px;
}
.temp_cate_control_wrap .btn-box {
    margin-top: 15px;
}

/* 법률자문 legal_advice */
.legal_advice .create_contract_add_file {
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.legal_advice .create_contract_add_file li {
    position: relative;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    background-color: #f5f5f5;
    padding: 8px 10px;
    padding-right: 26px;
    font-size: 12px;
}
/* 첨부파일 박스 */
.add_file_form_wrap {
    margin-top: 20px;
}
.add_file_hd {
    margin-bottom: 10px;
}
.add_file_form_wrap>.add_file_hd>.btn {
    margin-left: 8px;
}
.add_file_ul {
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.add_file_ul li {
    position: relative;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 16px;
    border: 1px solid #e8e8e8;
    background-color: #f5f5f5;
    padding: 8px 10px;
    padding-right: 26px;
    font-size: 12px;
}
.add_file_ul .pci-cross {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
    cursor: pointer;
    color: #c3c3c3;
}
.add_file_list_wrap {
    margin-top: 20px;
    margin-bottom: -10px;
}
/* //첨부파일 박스 */
.reply_wrap {
    height: auto;
    overflow: hidden;
}
.legal_advice .reply_textarea {
    height: 66px;
    line-height: 1.6;
    padding: 9px 10px;
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.btn.direct_reply_btn {
    float: right;
    width: 48px;
    margin-top: 4px;
    padding: 4px 0;
    text-align: center;
}
.legal_advice .demo-pli-trash {
    display: none;
}
.legadv-attach-list {
    display: block;
}
.legadv-attach-list li {
    padding-left: 26px;
}
.legadv-attach-list li a:hover {
    text-decoration: underline;
}
.legadv-reply-text {
    clear: both;
    padding-top: 2px;
}
.legal_advice .mail-from b {
    font-size: 12px;
}
.legadv_ul>li {
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.legadv_ul>li:last-child {
    margin-bottom: 0px;
}
.legadv_ul>li.legadv_ul_h {
    margin-top: 50px;
    margin-bottom: 25px;
    border-bottom: none;
}
.mail-time span {
    display: inline-block;
    color: inherit;
}
.bt_reply_sm_btn {
    cursor: pointer;
}
.sm_btn_r {
    margin-right: 10px;
}
.bt_reply_sm_symbol {
    margin: 0 5px;
}
.legal_advice .contract_addfile_wrap {
    height: 33px;
    margin: 12px 0 4px;
}
.legadv_textarea {
    padding: 12px;
    height: 400px;
    border: 1px solid rgba(0,0,0,.07);
}
.mail-message {
    line-height: 2;
}
.legal_advice_answer_null {
    color: #999 !important;
    text-decoration: line-through !important;
}
.legal_advice .list-group:last-child {
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.legal_advice .list-group .cl-both {
    position: relative;
}
.legal_advice .list-group .tag {
    position: relative;
    padding-right: 22px;
    margin-right: 6px;
}
.legal_advice .list-inline {
    margin-left: 0px;
}
.legal_advice .pci-cross {
    position: absolute;
    top: 50%;
    right: -2px;
    margin-top: -9px;
    cursor: pointer;
    color: #c3c3c3;
}
.legal_advice .create_contract_add_file .pci-cross {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
    cursor: pointer;
    color: #c3c3c3;
}
.legal_advice .btn.btn-default {
    padding: 5px 12px;
}
.mail-message {
    border-bottom: none;
}
.rg_comment_wrap .badge:empty.badge-icon {
    position: absolute;
    top: 9px;
    left: 4px;
    width: 0.6em;
    height: 0.6em;
}
/* 신규 법률자문 생성 첨부파일 */
.legadv_addfile {
    margin: 10px 0 6px;
}
.form-horizontal .form-group.legadv_form_group {
    margin-left: 0px;
    margin-right: 0px;
}
.btn_badge_info {
    background-color: #03a9f4;
    border: none;
    color: #fff;
}
.btn_badge_info:hover {
    color: #fff;
}
.legadv_addfile .btn {
    margin-left: 8px;
}
/* 법률자문 공용모달 */
.approve-text-box {
    margin-top: 10px;
}
/* 계약 상세 - 첨부파일 삭제 내역 */
#get_contract_attach_del_history_view_wrapper .bt_popup_body_inner {
    max-width: 640px;
}
.attach_del_line p {
    display: inline-block;
}
.attach_del_ul li {
    color: #555;
    font-size: 12px;
}
.attach_del_ul li.li_hd {
    color: #999;
    font-size: 12px;
}
.attach_del_ul li .del_file_date {
    margin-right: 6px;
}
.multiple_receivers_editable_elements .magic-checkbox+label:not(:empty), .magic-radio+label:not(:empty) {
    text-indent: 19px;
    margin-right: 8px;
}
.multiple_label {
    font-weight: bold;
    margin-right: 20px;
}
/* 승인 의견 팝업 */
#review_content_modal.form-control {
    height: auto;
    overflow: hidden;
    background-color: #eee;
    font-size: 12px;
}
/* 승인 모달 select 간격 */
.sign-need {
    margin-top: 5px;
}
/* f48 검색 인풋의 checkbox 라인 맞추기 */
#main_contents_div_wrapper #find-result .btn-navy, #find-result .form-group input[type=checkbox]+label {
    height: auto;
    line-height: 1.4;
}
#find-result .form-group input[type=checkbox]+label {
    margin-top: 5px;
}
#find-result .col-sm-10 .btn-add-tag_on_workflow+.relation-box {
    height: auto;
}
/* 190226 법률자문 변경 추가 */
.rg_comment_h_p {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
}
.rg_comment_wrap>ul>li {
    background-color: rgba(0,0,0,.01);
}
.rg_comment_wrap>ul>li:hover {
    background-color: rgba(0,0,0,.01);
}
.rg_comment_wrap .label-info {
    color: #fff;
    padding: 0px 3px;
    font-size: 8px;
    background-color: #03a9f4;
    letter-spacing: -.05em;
}
.mail-list li {
    border-bottom: 1px solid #ddd;
}
.mail-list li:first-child {
    border-top: 1px solid #ddd;
}
.mail-list li:last-child {
    border-bottom: none;
}
.reply_wrap {
    border-top: 1px solid #ddd;
    padding: 15px 20px;
}
.mail-list>li {
    padding: 8px 20px;
}
.legal_advice .edia-body {
    font-size: 16px;
}
.legadv_addfile .contract_addfile_wrap .btn {
    margin-left: 0px;
}
.lawyer_answer_list_wrap {
    margin-top: 60px;
}
.lawyer_answer_list_wrap .media-body.text-left {
    font-size: 16px;
}
.lawyer_answer_list_div>li {
    margin-bottom: 35px;
    overflow: hidden;
}
.lawyer_answer_list_div .mail-message {
    padding: 15px;
}
.legal_advice_answer_hd {
    padding-top: 15px;
    background-color: rgba(0,0,0,.01);
    border-top: 2px solid #333e48;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.lawyer_answer_list_div>li .mail-message {
    border: none;
}
.lawyer_answer_list_div>li .row {
    margin: 0px;
}
.lawyer_answer_name {
    font-size: 14px;
}
.lawyer_answer_addfile_wrap {
    padding: 0 15px;
    margin-bottom: 15px;
}
.contract_online_show {
    margin-bottom: 8px;
}
.mail-message .row.text-right .btn {
    margin-left: 6px;
}
/* nav - 새계약 */
#mainnav-menu span.badge {
    padding: 2px 6px;
    border-radius: 10px;
    margin-top: 4px;
    margin-left: 6px;
}
.lawyer_answer_list_div .mail-message .mce-tinymce {
    margin-top: 15px;
}
.whsp_prewrap {
    white-space: pre-wrap;
    background-color: #eee;
    color: #555;
    line-height: 1.42857143;
}
.legal_state_p {
    color: #596c7e;
}

.legadv_ul>li.legadv_ul_h .page-header {
    padding: 20px 0;
    border-bottom: 2px solid #000;
    font-weight: bold;
}
.legal_state {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}
/* 부서장 확인 */
.legal_state_1 {
    color: #ab47bc;
}
/* 부서장 승인반려 */
.legal_state_2 {
    color: #f44336;
}
/* 검토자 대기 */
.legal_state_3 {
    color: #ffb300;
}
/* 답변 중 */
.legal_state_4 {
    color: #03a9f4;
}
/* 완료 */
.legal_state_5 {
    color: #1c3550;
    opacity: .65;
}
/* 최종승인요청 */
.legal_state_6 {
    color: #1c3550;
}
/* 회람 진행 중 */
.legal_state_7 {
    color: #1c3550;
}
/* 답변 변경 요청 */
.legal_state_8 {
    color: #1c3550;
}
/* 회람 완료 */
.legal_state_9 {
    color: #1c3550;
}

.reply_ani {
    animation: replyani 7s;
    -webkit-animation: replyani 7s;
    -o-animation: replyani 7s;

    /*animation-iteration-count: 2;*/
    /*-webkit-animation-iteration-count: 2;*/
    /*-o-animation-iteration-count: 2;*/

    box-shadow: 1px 0 0 0 #e8e8e8,
    0 1px 0 0 #e8e8e8,
    1px 1px 0 0 #e8e8e8,
    1px 0 0 0 #e8e8e8 inset,
    0 1px 0 0 #e8e8e8 inset;
    margin-top: -1px;
    margin-right: 1px;
}
@keyframes replyani {
    10% {
        opacity: 1;
        box-shadow: 1px 0 0 0 #f9ab29,
        0 1px 0 0 #f9ab29,
        1px 1px 0 0 #f9ab29,
        1px 0 0 0 #f9ab29 inset,
        0 1px 0 0 #f9ab29 inset;
    }
    40% {
        opacity: .8;
        box-shadow: 1px 0 0 0 #e8e8e8,
        0 1px 0 0 #e8e8e8,
        1px 1px 0 0 #e8e8e8,
        1px 0 0 0 #e8e8e8 inset,
        0 1px 0 0 #e8e8e8 inset;
    }
    60% {
        opacity: 1;
        box-shadow: 1px 0 0 0 #f9ab29,
        0 1px 0 0 #f9ab29,
        1px 1px 0 0 #f9ab29,
        1px 0 0 0 #f9ab29 inset,
        0 1px 0 0 #f9ab29 inset;
    }
    95% {
        opacity: .8;
        box-shadow: 1px 0 0 0 #e8e8e8,
        0 1px 0 0 #e8e8e8,
        1px 1px 0 0 #e8e8e8,
        1px 0 0 0 #e8e8e8 inset,
        0 1px 0 0 #e8e8e8 inset;
    }
}
@-webkit-keyframes replyani {
    10% {
        opacity: 1;
        box-shadow: 1px 0 0 0 #f9ab29,
        0 1px 0 0 #f9ab29,
        1px 1px 0 0 #f9ab29,
        1px 0 0 0 #f9ab29 inset,
        0 1px 0 0 #f9ab29 inset;
    }
    40% {
        opacity: .8;
        box-shadow: 1px 0 0 0 #e8e8e8,
        0 1px 0 0 #e8e8e8,
        1px 1px 0 0 #e8e8e8,
        1px 0 0 0 #e8e8e8 inset,
        0 1px 0 0 #e8e8e8 inset;
    }
    60% {
        opacity: 1;
        box-shadow: 1px 0 0 0 #f9ab29,
        0 1px 0 0 #f9ab29,
        1px 1px 0 0 #f9ab29,
        1px 0 0 0 #f9ab29 inset,
        0 1px 0 0 #f9ab29 inset;
    }
    95% {
        opacity: .8;
        box-shadow: 1px 0 0 0 #e8e8e8,
        0 1px 0 0 #e8e8e8,
        1px 1px 0 0 #e8e8e8,
        1px 0 0 0 #e8e8e8 inset,
        0 1px 0 0 #e8e8e8 inset;
    }
}
.lawyer_answer_list_hd {
    clear: both;
    height: auto;
    overflow: hidden;
    margin-bottom: 6px;
}
.legal_question_view_hd {
    padding: 4px 15px 0;
    border-top: 2px solid #333e48;
}
.lawyer_answer_list_hd h1.page-header {
    font-size: 1.5em;
    font-weight: 600;
}
.lawyer_answer_list_hd .page-header {
    float: left;
}
.lawyer_answer_list_hd .lawyer_answer_list_hd_btn {
    float: right;
}
.legal_advice_answer_hd .legal_advice_answer_writer {
    vertical-align: top;
}
#counsel_reply_dept_div label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.5px;
}
#counsel_reply_dept {
    padding: 10px 12px;
    line-height: 1.6;
}
.legal_advice .legadv_content .mail-message p {
    font-size: 14px;
}
#counsel_reply_dept_div .bt_c_label {
    margin-left: 8px;
}
.form-control.reject_textarea {
    border: 1px solid #f44336;
    background-color: #f8f8f8;
}
.lawyer_answer_list_hd_p {
    padding-top: 12px;
    margin-left: 10px;
    display: inline-block;
}
.page-header.pad-btm {
    opacity: 1;
}
.col-sm-7.toolbar-left {
    float: left;
    width: calc(100% - 120px);
    text-align: left;
}
.col-sm-5.toolbar-right {
    float: left;
    width: 120px;
    text-align: right;
}
.col-sm-5.lawyer_answer_list_hd_btn.toolbar-right {
    float: right;
    width: auto;
}
/* google otp */
.google_otp_wrap {
    padding: 0 10px;
    margin-top: 20px;
}
.tab_wrap {
    height: auto;
    overflow: hidden;
}
.otp_tab {
    float: left;
    width: 50%;
    padding: 10px;
    border-bottom: 2px solid #e8e8e8;
    text-align: center;
    cursor: pointer;
}
.otp_tab.active {
    border-bottom: 2px solid #f9ab29;
}
.tview_wrap {
    padding-top: 25px;
}
.otp_tview {
    height: 240px;
    display: none;
}
.otp_tview.active {
    display: block;
}
.qr_wrap {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 16px;
    background: #f5f5f5;
}
.member_otp_support_p {
    margin-top: 22px;
}
/* 엑셀 다운로드 모달 */
#contract_excel_down_modal .btn-box {
    margin-top: 0px;
    border-bottom: none;
}
#contract_excel_down_modal .bt_popup_body_inner {
    max-width: 480px;
}
/* 알람 추가 영역 수정 */
.form-group .alarm-area {
    min-height: 125px;
    height: auto;
    border-top: 1px solid rgba(0,0,0,.07);
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.ord_new_contract_create>.alarm-area .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
.alarm-add-box {
    height: auto;
    overflow: hidden;
}
#alarm_input_area .form-group .control-label {
    margin-bottom: 0px;
}
/* modal-dialog 조정 */
.modal-dialog.modal-lg {
    max-width: 900px !important;
    width: 94%;
}
@media (min-width: 768px) {
    .modal-dialog .modal-content .form-group>.col-sm-2 {
        width: 20%;
    }
    .modal-dialog .modal-content .form-group>.col-sm-10 {
        width: 80%;
    }
    .ord_new_contract_create .alarm-add-box {
        padding-left: 32px;
    }
}
#alarm_input_area .form-group .icon-bt-trashcan {
    width: 100%;
}
@media (max-width: 767px) {
    #alarm_input_area .form-group {
        margin-bottom: 15px;
    }
    #alarm_input_area .form-group .col-sm-6 {
        margin-bottom: 5px;
    }
    #alarm_input_area .form-group .col-sm-4 {
        float: left;
        width: calc(100% - 70px);
    }
    #alarm_input_area .form-group .col-sm-2 {
        float: left;
        width: 60px;
        padding: 0px;
    }
}
@media (max-width: 580px) {
    .signature-modal .nav-tabs li {
        width: 25%;
        background-color: #fff;
        border-radius: 0px;
    }
    #sign_options_ul li a {
        padding: 10px 4px;
    }
}
@media (max-width: 480px) {
    #sign_options_ul li a {
        height: 42px;
        padding: 4px;
    }
}
#upload_guide_message_wrapper .btn-primary {
    display: inline-block;
}
.contact .reviewer-box .reviewer-add {
    margin: 0px;
}
.contact #reviewer-box_wrapper .reviewer-box .reviewer-add {
    margin: 0px;
}
.contact .reviewer-box .user-box a {
    display: inline-block;
}
#modal-sign-layout .modal-body {
    max-height: none;
}
.signature-modal .btn-area ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*
.signature-modal .btn-area li {
    width: 49% !important;
    padding: 0 5px;
}
*/
#modal-sign-layout .btn-area li a.btn {
    width: 100%;
}
.signature-modal .title-box {
    margin-bottom: 4px;
}
#modal-sign-layout .company-box {
    margin-bottom: 4px;
}
/* 공문발송 요약정보 */

.ofc_dcmt_info_label {
    float: left;
    width: 140px;
}
.ofc_dcmt_info {
    float: left;
    width: calc(100% - 140px);
    margin-bottom: 10px;
}
.nav-tabs>li.format_yj_tab {
    margin-bottom: 0px;
}
.ofc_dcmt_info_line, .format_yj_tview>div {
    height: auto;
    overflow: hidden;
}
.format_yj_tview .tab-pane {
    padding: 10px 15px 0;
}
.format_yj_tview p, .format_yj_tview label, .format_yj_tview div {
    font-size: 12px;
}
.format_yj_tview .btn-add-relations {
    font-size: 12px;
}
.format_yj_tview label {
    font-weight: 600;
}
.down_history_li {
    margin-top: 8px;
    padding: 5px 10px;
    background: #f5f5f5;
}
.down_history_li li {
    padding: 2px 0;
}
/* 공문발송 모달 */
.modal_format_yj p, .modal_format_yj label {
    font-size: 13px;
}
.modal_format_yj .btn-box {
    margin-top: 25px;
    border: none;
}
.modal_format_yj .alert-orange {
    margin-bottom: 20px;
    font-size: 13px;
}
.format_list>li>p {
    display: inline-block;
}
.btn_format_preveal {
    display: inline-block;
    padding: 4px 6px;
    margin-left: 8px;
    background: #e8e8e8;
    border-radius: 3px;
    color: #444;
    font-size: 10px;
}
/* otp */
.member-box.member_box_otp {
    text-align: center;
}
.login_error_p {
    padding-top: 15px;
    color: #f44336;
    font-size: 12px;
}
.member-box .btn.btn_guide {
    width: 100%;
    padding: 12px 15px;
    font-size: 13px;
    text-align: center;
}
.member-box .otp_box .otp_label {
    display: block;
    margin: 0;
    color: #aaa;
    font-size: 14px;
}
.otp_box {
    margin-bottom: 10px;
}
.otp_box_top {
    margin-bottom: 25px;
}
.otp_box_top img {
    margin-top: 6px;
    border: 1px solid #f5f5f5;
}
.otp_box_wrap {
    text-align: center;
}
.member-box img.otp_logo {
    max-height: 45px;
}
.member_otp_hd {
    text-align: center;
}
.member-box.member_box_otp .panel-body h4 {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -.025em;
}
.member_box_guide_wrap {
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px dotted #e8e8e8;
}
.member-box.member_box_otp .panel {
    padding-top: 25px !important;
}
.member-box.member_box_otp .panel-body {
    padding-bottom: 25px !important;
}
/* ---------------- legal_advice ---------------- */

/*
    700조정
    section__legal_advice
    padding: 40px 50px 50px;
 */
.section__legal_advice {
    position: relative;
    max-width: 700px;
    padding: 20px 0;
    margin: auto;
    vertical-align: top;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.section__legal_advice.legal_padding {
    padding-right: 420px;
}
.legal_attech_section {
    position: absolute;
    top: 20px;
    right: 0;
    width: 400px;
    margin-left: 20px;
    vertical-align: top;
    z-index: 3;
}
.legal_attech_section .contract_tab .tviews .tview {
    max-height: 600px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
}
.legal_attech_section.active {
    position: fixed;
    right: 50%;
    transform: translateX(670px);
    -webkit-transform: translateX(670px);
}
@media(max-width: 1500px) {
    .legal_attech_section.active {
        right: 5.7%;
        transform: none;
        -webkit-transform: none;
    }
    .section__legal_advice.legal_padding {
        padding-right: 320px;
    }
    .legal_attech_section {
        width: 300px;
    }
}
.legal_attech_section .attachment_list.admin .legal_btn_x {
    right: 10px;
}
/* tab */
/* bt_tab */
.legal_content {
    min-height: 685px;
}
.legal_content .bt_tab .tabs {
    z-index: 1;
}
.legal_content .tabs::after {
    content: "";
    display: block;
    clear: both;
}
.legal_content .bt_tab .tab {
    float: left;
    width: 90px;
    height: 40px;
    border-radius: 5px 5px 0 0;
    background-color: #ffffff;
    color: #585858;
    font-size: 13px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.legal_content .bt_tab .tab.active {
    border: 1px solid #d0d2db;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
}
.legal_content .bt_tab .tviews {
    margin-top: -1px;
    border: 1px solid #d0d2db;
    background-color: #ffffff;
}
.legal_content .bt_tab .tview {
    padding: 20px;
}
.legal_content .tab_attachment_ul>li {
    padding: 9px 0;
    border-bottom: 1px solid #ededef;
    border: 1px solid #dadada;
    background-image: url(../img/svg/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 14px center;
}
.legal_content .tab_attachment_ul>li p {
    display: inline-block;
}
.clearfix_ul>li::after {
    content: "";
    clear: both;
    display: block;
}
/* attachment */
.legal_attech_section .attachment_wrap {
    margin-bottom: 15px;
}
.attachment_list>li {
    position: relative;
    max-width: 510px;
    height: 34px;
    padding-right: 14px;
    padding-left: 38px;
    margin-bottom: 5px;
    line-height: 36px;
    border: 1px solid #dadada;
    background-image: url(../img/svg/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 14px center;
    color: #585858;
    font-size: 13px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.attachment_list>li:last-child {
    margin-bottom: 0px;
}
.attachment_list.admin>li {
    padding-right: 36px;
    background-color: #f5f5f5;
}
.attachment_list.admin>li:last-child {
    margin-bottom: 10px;
}
.attachment_list.admin>li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.attachment_list>li .btn_x {
    position: absolute;
    right: 11px;
}
.attachment_wrap .btn_add {
    width: 98px;
}
.section__legal_advice {
    line-height: 2;
}
.legal_advice_hd .fr [class*="btn__"] {
    margin-left: 10px;
}
.legal_advice_hd1 {
    margin-bottom: 30px;
}
.legal_advice_hd1::after, .reply_hd::after {
    content: "";
    clear: both;
    display: block;
}
#counsel_complete_btn_div, #counsel_dept_approval_view {
    float: right;
}
#counsel_complete_btn_div a, #counsel_dept_approval_view a {
    margin-left: 9px;
}
.legal_advice_hd_logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 180px;
    max-height: 140px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.legal_advice_info_hd {
    margin-bottom: 12px;
}
.legal_advice_info_box {
    padding: 20px;
    margin-bottom: 46px;
    border: solid 2px #000000;
    background-color: #ffffff;
}
.legal_advice_info_box li {
    clear: both;
    display: block;
    width: 100%;
}
.legal_advice_info_wrap div {
    overflow: hidden;
}
.legal_advice_writing .alert.alert-primary {
    margin-bottom: 30px;
    background-color: #34597e;
    border-left: 3px solid #122130;
    font-weight: bold;
}
.legal_advice_answer_writing .mce-tinymce.mce-container.mce-panel {
    width: 100% !important;
}
.section__legal_advice .legal_advice_writing div.legal_attachment_wrap, .legal_attachment_wrap, .legal_advice_answer_view div {
    overflow: hidden;
}
.legal_advice_hd, .legal_advice_info_hd {
    overflow: hidden;
}
#legal_dropdown {
    cursor: pointer;
}
#legal_dropdown.active .legal_advice_info_box_head:after {
    transform: rotate(-180deg);
}
.legal_advice_info_box_head {
    width: 120px;
    font-weight: bold;
}
.legal_advice_info_box_head:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    content: "";
    border-style: solid;
    border-width: 8px 5px 0;
    border-top-color: #3a444e;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.legal_dropdown_view .legal_advice_setting_ul {
    display: none;
}
.legal_advice_setting_ul>li>label.fl {
    width: 96px;
    margin: 6px 0;
    line-height: 30px;
}
.legal_advice_setting_ul>li>.fr {
    width: calc(100% - 96px);
}
.legal_advice_setting_ul>li .legal_btn_add {
    margin: 6px 0;
}

.legal_advice_setting_ul>li .legal_none_span {
    display: block;
    margin: 6px 0;
    line-height: 30px;
}
.legal_advice_view_hd {
    margin-bottom: 42px;
    text-align: center;
}
.legal_advice_view_hd .legal_h1 {
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    font-size: 30px;
}
.legal_content .legal_attachment_wrap li {
    max-width: 596px;
}
.legal_attachment_wrap .legal_btn_add {
    float: none;
}
.legal_advice_view_reply {
    margin-top: 30px;
    border-top: solid 1px #f6f6fd;
}
.legal_advice_view_reply .label_item {
    margin-top: 8px;
    margin-bottom: 6px;
}
.section__legal_advice .label_item {
    display: block;
    height: 40px;
    font-weight: 600;
    line-height: 40px;
}
.legal_attachment_wrap .label_item {
    margin-top: 12px;
}
.legal_advice_reply li {
    margin-bottom: 20px;
}
.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;
}
.legal_advice_reading_box .reply_writer_badge::after {
    background-color: #5f6169;
}
.reply_btn_wrap {
    float: left;
}
.legal_advice_view_reply 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 {
    float: left;
    padding-top: 2px;
    margin-right: 15px;
    font-size: 12px;
}
.reply_btn_wrap .btn_replay_s {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}
.reply_btn_wrap .btn_replay_s:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.legal_advice_reply_textarea .legal_textarea {
    width: 100%;
    min-height: 70px;
    padding: 11px 14px;
    border-radius: 4px;
    border: solid 1px #d0d2db;
}
.legal_textarea_btn_wrap {
    margin-top: 16px;
}
.legal_advice_answer_writing>.label_item {
    margin-top: 0px;
    margin-bottom: 6px;
}
.legal_advice_writing .legal_textarea {
    min-height: 300px;
}
.legal_advice_answer_writing+.legal_advice_answer_view {
    margin-top: 30px;
    border-top: solid 1px #f6f6fd;
}
.legal_advice_answer_writing+.legal_advice_answer_view .legal_advice_answer_label_wrap {
    margin-top: 26px;
}
.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 .legal_form_group {
    margin-bottom: 20px;
}
.legal_advice_writing .legal_advice_writing_btn {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #f6f6fd;
    text-align: center;
}
.legal_advice_writing .legal_advice_writing_btn a {
    height: 46px;
    margin: 0 15px;
    line-height: 46px;
    border-radius: 25px;
}
/* legal_user */
.legal_user {
    float: left;
    margin: 6px 0;
    margin-right: 10px;
}
.legal_user .sm_p58 {
    display: inline-block;
    padding-left: 33px;
    padding-right: 15px;
    height: 30px;
    border-radius: 15px;
    background: url(../img/svg/icon_user.svg) no-repeat;
    background-color: #f5f5f5;
    background-size: 10px 10px;
    background-position: 14px center;
    line-height: 30px;
}
.icon_legal_user {
    position: absolute;
    top: 4px;
    left: 14px;
    z-index: 9;
}
/* [class*="btn__"] {
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
} */
.btn__b {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #ffb300;
    color: #fff;
}
.btn__b:hover {
    background-color: #ffb300;
    color: #fff;
}
.btn__b:active {
    background-color: #ffb300;
    color: #fff;
}
.btn__r {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #f95f5f;
    color: #fff;
}
.btn__r:hover {
    background-color: #f95f5f;
    color: #fff;
}
.btn__r:active {
    background-color: #f95f5f;
    color: #fff;
}
.btn__o {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #ff8b19;
    color: #fff;
}
.btn__o:hover {
    background-color: #ff8b19;
    color: #fff;
}
.btn__o:active {
    background-color: #ff8b19;
    color: #fff;
}
.btn__n {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #333e48;
    color: #fff;
}
.btn__n:hover {
    background-color: #333e48;
    color: #fff;
}
.btn__n:active {
    background-color: #333e48;
    color: #fff;
}
.btn__e {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #e7e7e7;
}
.btn__e:hover {
    background-color: #d6d6d9;
}
.btn__e:active {
    background-color: #c8c8cd;
}
.btn__f {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    padding: 0px 17px;
    border: solid 1px #979797;
    background-color: #ffffff;
}
.btn__f:hover {
    background-color: #fbfbfb;
}
.btn__f:active {
    background-color: #f3f3f3;
}
.btn__y {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    background-color: #ffcb19;
}
.btn__y:hover {
    background-color: #f6c20e;
}
.btn__y:active {
    background-color: #e7b60c;
}
.btn__disable {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    transition: background 0.3s;

    background-color: #d6d6d9;
    color: #b4b4c3;
    cursor: default;
}
.btn__a {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    border-radius: 18px;
    background-color: #a8aab7;
    color: #fff;
}
.btn__a:hover {
    background-color: #8f92a1;
    color: #fff;
}
.btn__a:active {
    background-color: #787b8b;
    color: #fff;
}
.btn__active {
    position: relative;
    display: inline-block;
    min-width: 120px;
    width: auto;
    padding: 1px 18px;
    height: 36px;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.3s;

    border-radius: 18px;
    background-color: #ffb300;
    color: #fff;
}
.btn__active:hover {
    background-color: #ffb300;
    color: #fff;
}
.btn__active:active {
    background-color: #ffb300;
    color: #fff;
}
.legal_content .btn_m {
    min-width: 80px;
    height: 30px;
    line-height: 30px;
}
.legal_content .btn_s {
    min-width: 66px;
    height: 30px;
    line-height: 30px;
}
.legal_content .btn_xs {
    min-width: auto;
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    font-size: 11px;
}
.legal_btn_add {
    float: left;
    padding: 0 12px;
    height: 30px;
    border-radius: 15px;
    border: solid 2px #dfe3e9;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
}
.legal_btn_x {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 14px;
    height: 14px;
    background-color: #a8aab7;
    border-radius: 50%;
    cursor: pointer;
}
.legal_btn_x::before, .legal_btn_x::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    width: 8px;
    height: 1px;
    background-color: #fff;
}
.legal_btn_x::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.legal_btn_x::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon_printer {
    position: absolute;
    top: 2px;
    left: 13px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
[class*="__tr"], .tr {
    text-align: right;
}
[class*="__tc"], .tc {
    text-align: center;
}
[class*="tr"] [class*="btn__"] {
    margin-left: 10px;
}
[class*="tr"] [class*="btn__"]:first-child {
    margin-left: 0;
}
/* state */
[class*="state__"] {
    display: inline-block;
    padding-left: 20px;
    padding-right: 10px;
    height: 22px;
    line-height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 16px;
    color: #343434;
    font-size: 12px;
}
[class*="state__"]::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.state__workflow {
    border-color: #ffcb19;
}
.state__workflow::after {
    background-color: #ffcb19;
}
.state__legal {
    height: 30px;
    line-height: 26px;
    font-size: 13px;
    border-color: #99acf3;
}
.state__legal::after {
    background-color: #99acf3;
}
/* legal_form_group */
.legal_form_group {
    margin-bottom: 28px;
}
.legal_form_group label {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
}
.legal_form_group .sm_label {
    color: #a8aab7;
    font-size: 12px;
}
/* tag */
.legal_tag {
    float: left;
    margin: 6px 0;
    margin-right: 10px;
}
.legal_tag .sm_p58 {
    display: inline-block;
    padding: 0 16px;
    height: 30px;
    border-radius: 15px;
    background-color: #f5f5f5;
    line-height: 30px;
}
.legal_user.admin, .legal_tag.admin {
    position: relative;
    padding-right: 20px;
}
.btn_printer {
    position: relative;
    padding-left: 36px;
    background: url(../img/svg/icon_printer.svg) no-repeat;
    background-size: 15px 14px;
    background-position: 13px center;
}
/* attachment */
.legal_attachment_list li {
    position: relative;
    height: 34px;
    padding-right: 14px;
    padding-left: 38px;
    margin-bottom: 5px;
    line-height: 34px;
    border: 1px solid #dadada;
    background-image: url(../img/svg/icon_attachment.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: 14px center;
    line-height: 30px;
    color: #585858;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.legal_attachment_list li:last-child {
    margin-bottom: 0px;
}
.legal_attachment_list.admin li {
    padding-right: 36px;
    background-color: #f5f5f5;
}
.legal_attachment_list.admin li:last-child {
    margin-bottom: 10px;
}
.legal_attachment_list li .legal_btn_x {
    position: absolute;
    top: 9px;
    right: 11px;
}
.legal_attachment_wrap .btn_add {
    width: 98px;
}
.legal_textarea {
    width: 100%;
    padding: 11px 14px;
    border-radius: 4px;
    border: solid 1px #d0d2db;
}
.legal_advice_answer_writing .legal_textarea {
    height: 300px;
}
.legal_input {
    width: 100%;
    height: 36px;
    padding: 10px 20px;
    border: 1px solid #d0d2db;
    border-radius: 4px;
    font-size: 13px;
}
.b {
    font-weight: bold;
}
.sm_p {
    font-size: 13px;
}
.sm_b {
    font-size: 13px;
    font-weight: bold;
}
.sm_pa2 {
    color: #a2a2a2;
}
.sm_pb4 {
    color: #b4b4b4;
    font-size: 13px;
}
.sm_p58 {
    color: #585858;
    font-size: 13px;
}
.m_p58 {
    color: #585858;
    font-size: 14px;
}
.m_p58_b {
    color: #585858;
    font-size: 14px;
    font-weight: bold;
}
.legal_content .panel {
    margin-bottom: 40px;
}
.legal_advice_notify {
    padding: 17px 25px;
    border-radius: 8px;
    background-color: #f7f7f7;
}
.legal_advice_writing .legal_advice_info_box {
    margin-bottom: 20px;
}
.legal_advice_info1 .fr {
    height: 30px;
}
.legal_advice_notify {
    margin-bottom: 20px;
}
.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_request {
    border: solid 2px #e8e8e8;
}
.dept_comment_return .b .sm_pb4 {
    font-weight: normal;
    margin-left: 10px;
}
/* 회람 */
.legal_advice_reading_box {
    margin: 25px 0;
    padding: 30px;
    border: 2px solid #232d81;
    background-color: #ffffff;
}
.legal_advice_reading_hd {
    margin-bottom: 15px;
}
.legal_advice_reading_ul li {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
}
.legal_advice_reading_ul li:last-child {
    margin-bottom: 0;
}
.legal_advice_reading_ul .reading_request {
    border: 2px solid #f95f5f;
    background-color: #f8f8f8;
}
.legal_advice_reading_ul .reading_request .reading_state {
    color: #f95f5f;
}
.legal_advice_reading_ul .reading_approve .reading_state {
    color: #ff8b19;
}
.legal_advice_reading_ul .reading_approve {
    border: 2px solid #d0d2db;
}
.legal_advice_reading_ul .reading_yet {
    background-color: #f8f8f8;
    vertical-align: top;
}
.legal_advice_reading_ul .reading_yet .reply_content {
    display: none;
}
.legal_reading_head {
    overflow: hidden;
    margin-bottom: 35px;
    padding: 20px;
    border: 2px solid #364aed;
}
.legal_reading_head .btn__f {
    margin-top: 15px;
}
.demo-pli-trash:before {
    content: "";
}
/* 700px 사이즈
@media(max-width: 990px) {
    .section__legal_advice {
        padding: 15px;
    }
}
*/
@media(max-width: 680px) {
    .section__legal_advice {
        padding: 0;
    }
}
/* print stamp style
#tinymce p {
    margin: 0;
}
.stamp-trad {
    font-size: 1.4vw;
    /* 34글자
} */

/* 계약 상대 정보 모달창 */
.opposite_modal_ul {
    border: 1px solid #e8e8e8;
}
.opposite_modal_ul li {
    height: auto;
    overflow: hidden;
    padding: 12px 15px;
    border-bottom: 1px solid #e8e8e8;
}
.opposite_modal_ul li:last-child {
    border-bottom: none;
}
.opposite_modal_ul .radio_wrap {
    float: left;
    width: 25px;
}
.opposite_modal_ul .opposite_user_info_p {
    float: left;
    width: calc(100% - 25px);
    display: block;
    cursor: pointer;
}
.opposite_modal_ul .magic-radio+label:not(:empty) {
    vertical-align: top;
}
.opposite_modal_ul .p_b {
    margin-bottom: 2px;
    color: #333e48;
    font-weight: 700;
}
.opposite_modal_ul .p {
    color: #333e48;
    font-size: .9em;
    opacity: .75;
}
.opposite_modal_ul .p_b .span {
    margin-left: 10px;
    color: #333e48;
    opacity: .75;
    font-size: .9em;
    font-weight: normal;
}
.temp_custom_contractor_add_edit_inner_body .btn-box {
    margin-top: 20px;
    padding: 0;
    border-bottom: none;
}
/* 공문발송 오류 처리 */
#letter_notice {
    max-width: 350px;
}
.ofc_dcmt_info_label_tag {
    line-height: 30px;
}
@media only screen and (max-width: 1400px) and (min-width: 1190px) {
    .contact .btn-box button, .default .btn-box button { min-width: auto; padding: 0 8px; }
}
@media (max-width: 1620px) {
    .contact .btn-box button, .default .btn-box button { min-width: auto; }
}
/* footer */
#footer {
    padding-top: 0px;
    line-height: 35px;
}
.footer_inner {
    padding: 0 20px;
}
#footer .foot_l {
    float: left;
    width: 60%;
}
#footer .foot_r {
    float: left;
    width: 40%;
    text-align: right;
}
.foot_span {
    margin-left: 10px;
    font-size: 12px;
}
.foot_span:first-child {
    margin-left: 0;
}
a.foot_a {
    font-size: 12px;
    text-decoration: underline;
}
@media (max-width: 680px) {
    #footer .foot_l {
        width: 100%;
    }
    #footer .foot_r { display: none; }
}
@media (max-width: 460px) {
    .foot_v { display: none; }
}
.buptle_stamp_target_down_wrap {
    padding-top: 10px;
}
.icon_notify_p {
    padding-left: 24px;
    margin-top: 9px;
    background: url(../img/svg/icon_notify.svg) no-repeat;
    background-position: left center;
    background-size: 14px 14px;
    color: #585858;
    font-size: 12px;
    line-height: 14px;
}
.icon_notify_p_r {
    padding-left: 24px;
    margin-top: 9px;
    background: url(../img/svg/icon_notify_red.svg) no-repeat left 5px;
    background-size: 14px 14px;
    color: #585858;
    font-size: 12px;
    line-height: 1.6;
}
.buptle_stamp_target_img {
    width: 160px;
}
.buptle_stamp_target_down {
    margin-bottom: 15px;
}
.down_p {
    font-size: 12px;
}
.buptle_stamp_target_guide {
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: 12px;
}
/* dropzone drag hover */
.text-box.dz-clickable {
    border: 1px dashed #ccc;
}
.dz-drag-hover #upload_guide_message_wrapper {
    color: #54abd9;
}
.dz-drag-hover i.icon-bt-upload {
    background: url(../img/svg/icon-cloud-on.svg) no-repeat center;
    background-size: 100%;
}
.text-box.dz-clickable.dz-drag-hover {
    border: 1px dashed #54abd9;
}
/* 기술지원문의 부분 */
#mainnav-profile .ts_bt_box {
    display: inline-block;
    padding: 20px;
    background: #f5f5f5;
    font-size: 12px;
}
/* 엑셀 다운 버튼 .legal_content .btn_m */
.btn_excel_down {
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    min-width: auto;
}
/* 엑셀 다운 모달창 조절 */
#excel_down_modal_wrapper .bt_popup_body_inner {
    /*max-width: 440px;*/
}
#excel_down_modal_wrapper .popup_layer_body {
    padding: 15px;
}
#excel_down_modal_wrapper .btn-box {
    margin-top: 10px;
}
/* #959 레프트 메뉴 - 스크롤 삭제 */
#mainnav-menu-wrap .nano-pane {
    display: none;
}
/* 서명란 탭의 a */
.signature-modal .tab-base>.nav-tabs>li>a {
    padding: 10px 5px;
}
/* #939 */
.contact .col-lg-6 .user-box ul.user-list .reviewer-box .reviewer-add {
    margin-bottom: 10px;
}
/* 계약상대 */
.relation-box#div_bcontract_main_contractor_all span {
    margin-right: 14px;
}
/* 회람인 삭제 */
#circulation_remove_confirm_pop_up .bt_popup_body_inner {
    max-width: 480px;
}
#circulation_remove_confirm_pop_up .bt_popup_body_inner .icon_notify_p_r {
    margin-top: 25px;
}
#send_email_cir_cancel_div {
    margin: 7px 0 30px;
}
/* otp 폰트 */
.member-box .panel-body .form-control#otp_value {
    height: 42px;
    color: #5785ee;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}
.member-box .panel-body .form-control#otp_value::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 14px;
}
.member-box .panel-body .form-control#otp_value:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
}
.member-box .panel-body .form-control#otp_value::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 14px;
}
/* 회람글 수정삭제 */
.legal_advice_reading_ul>li .reply_hd .reply_btn_wrap {
    margin-right: 15px;
    margin-top: -1px;
    font-weight: 400;
}
.legal_advice_reading_ul>li .reply_hd .reply_btn_wrap .btn_replay_s {
    font-weight: 400;
}
/* 계약상대 추가 모달 height 통 */
/** 20190911 계약상대방 추가 팝업에서 하단의 확인 버튼이 나오지 않는 증상 hotfix */
#get_contract_opponent_add_pop_wrapper .tab-pane {
    min-height: 580px;
    overflow: hidden;
}
@media (max-width: 800px) {
    #get_contract_opponent_add_pop_wrapper .tab-pane {
        overflow-y: scroll;
    }
}
#get_contract_opponent_add_pop_wrapper .tab-pane .content-box {
    min-width: auto !important;
    min-height: auto !important;
}
#get_contract_opponent_add_pop_wrapper .tab-pane .content-box.btn.btn-navy {
    margin-top: 5px;
}
/* 계약상대 정보 부분 */
.contact .reviewer-box .user-box.con_contor {
    background-color: #f5f5f5;
    border: 1px solid #a4a4a4;
    color: #343434;
}
.contact .reviewer-box .user-box.con_contor .icon-bt-user {
    border-right: 1px solid #a4a4a4;
    background: url(../img/svg/ic-people-a4.svg) no-repeat 3px center;
    background-size: 15px;
}
/* 계약상대 개인탭 버튼 */
#prsn_name {
    float: left;
    width: calc(100% - 115px);
}
.btn.prsn_search_btn {
    float: right;
    width: 100px;
    height: 33px;
    padding: 0;
    line-height: 31px;
    text-align: center;
}
/* 공문 상세 탭부분 수정 */
.ofc_dcmt_info .btn-tag-box i.icon-bt-cancel {
    top: 50%;
    margin-top: -7px;
}
.ofc_dcmt_info p {
    font-size: 14px;
}
.ofc_dcmt_info p::after {
    content: "";
    display: block;
}
.ofc_dcmt_info a.btn_adele_add {
    float: left;
    height: 30px;
    border-radius: 15px;
    border: solid 2px #dfe3e9;
    padding: 4px 9px;
    margin-top: 12px;
    margin-bottom: 10px;
    color: #777;
    transition: all 0.15s;
}
a.btn_adele_add:hover {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);
}
/* 전자계약 서명란 수정 */
.col-lg-6 .panel .panel-body .sign-img {
    height: 77px !important;
    margin: 0;
}
.col-lg-6 .panel .panel-body .sign-info {
    margin-top: 10px;
}
.col-lg-6 .panel .panel-body .sign-info p.sign-info-p1 {
    float: left;
    width: 60px;
}
.col-lg-6 .panel .panel-body .sign-info p.sign-info-p2 {
    float: left;
    width: calc(100% - 60px);
    font-size: .85em;
    text-align: right;
}
.col-lg-6 .panel .panel-body .sign-info p.sign-info-p3 {
    clear: both;
    font-size: .85em;
    text-align: right;
}
/* 중간화면 버튼 */
.modal-dialog a.btn-add-relations {
    vertical-align: top;
}
#fileApprPdfs+.btn-add-relations {
    margin-top: -2px;
}
/* 직인 이미지 가이드 모달 */
#get_seal_process_writing_info_pop_wrapper .bt_popup_body_inner {
    max-width: 580px;
}
#div_call_seal_process_writing_info_pop .modal-body.popup_layer_body {
    padding: 20px;
}
#div_call_seal_process_writing_info_pop .buptle_stamp_target_down_wrap {
    padding: 0;
}
#div_call_seal_process_writing_info_pop .icon_notify_p {
    margin-top: 15px;
    margin-bottom: 20px;
    display: inline-block;
}
#div_call_seal_process_writing_info_pop .buptle_stamp_target_guide {
    margin-bottom: 10px;
    font-size: 13px;
}
#div_call_seal_process_writing_info_pop .buptle_stamp_target_down_head {
    text-align: center;
}
#div_call_seal_process_writing_info_pop  .buptle_stamp_target_img {
    margin: auto;
}
.stamp_target_btn_ul {
    height: auto;
    overflow: hidden;
}
.stamp_target_btn_ul li {
    float: left;
    width: 50%;
    padding: 0 20px;
}
.stamp_target_btn_ul .down_p {
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: bold;
}
.btn__e {
    position: relative;
    display: inline-block;
    min-width: 120px;
    padding: 1px 30px 1px 18px;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;

    width: 100%;
    height: 50px;
    line-height: 50px;
    background-image: url('../img/svg/ic-down.svg');
    background-repeat: no-repeat;
    background-position: calc(50% + 32px) center;
    background-size: 10px 15px;
}
/* 다중 수신인 상세 -> 프린트 버튼 */
#view_multiple_receivers_contract_wrapper .contract-btn-box {
    top: 10px;
}
body.pace-done {
    padding-right: 0!important;
}
/* yona 989 */
#div_bcontract_main_contractor {
    float: left;
}
.bcontract_main_contractor_btn {
    float: left;
}
#div_bcontract_main_contractor .btn-tag-box {
    margin: 3px 36px 3px 0;
}
/* 994 */
#basic-info-modal .modal-dialog.modal-lg .modal-content .relation-box {
    margin: 0;
}
#con_contor_view_div .btn-add-relations, #divIncludeApprDataForMake+.btn-add-relations, #div_seal_process .btn-add-relations {
    margin-left: -4px;
}
#div_seal_process .relation-box {
    margin: 0;
}
#div_seal_process .relation-box>span {
    margin-right: 5px;
}
#divIncludeApprPdfForMake .upload-file-name {
    padding: 0;
}
#divBagicTagIpt {
    margin: 0;
}
#divBagicTagIpt+.btn-add-tag_on_workflow {
    margin-left: -4px;
    vertical-align: top;
}
#divBagicTagIpt span {
    margin-right: 34px;
}
/* 엑셀 다운 모달 */
#excel_down_noti_content {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}
#excel_task_cancel_btn_div a.btn-add-relations {
    margin-bottom: 5px;
    font-weight: bold;
}
/* 입력필드 모달 버튼 간격 */
#updateModal .col-sm-12  {
    float: none;
}
#updateModal .form-group p {
    line-height: 1.6;
}
/* 템플릿 체크박스 웹 */
.checkbox-ed-wrapper {
    position: relative;
}
input[type=checkbox].checkbox-ed {
    position: absolute;
    z-index: -10;
    width: 0px;
    height: 0px;
    opacity: 0;
    visibility: hidden;
}
input[type=checkbox].checkbox-ed+label {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    vertical-align: top;
}
input[type=checkbox].checkbox-ed+label::after, input[type=checkbox].checkbox-ed+label::before {
    content: "";
    display: block;
    position: absolute;
}
input[type=checkbox].checkbox-ed+label::after {
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: solid 1px #000000;
    background-color: #ffffff;
}
input[type=checkbox].checkbox-ed:checked+label::after {
    border: 1px solid #000;
}
input[type=checkbox].checkbox-ed:checked+label::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 4px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(48deg);
    z-index: 1;
}
#div-contract-content p {
    line-height: 1.4;
}
/* 모달 회람 요청 */
.modal_circulation_ul>li {
    position: relative;
    margin-bottom: 28px;
    padding: 4px 0;
    padding-left: 16px;
    border-left: 3px solid #bbe0f1;
}
.modal_circulation_ul>li:first-child {
    margin-top: 10px;
}
.modal_circulation_ul>li::after{
    content: "";
    clear: both;
    display: block;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .legal_user {
    margin: 0;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .modal_circulation_label {
    display: block;
    float: left;
    margin: 0;
    margin-right: 10px;
    color: #333e48;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .legal_user .sm_p58 {
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    color: #333e48;
    line-height: 1;
    vertical-align: top;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .legal_user .legal_btn_x {
    top: 0;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .btn-add-relations {
    height: auto;
    line-height: 1;
    vertical-align: top;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .modal_circulation_input {
    position: relative;
    margin-top: 5px;
    padding-right: 40px;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .modal_circulation_input>.legal_btn_x {
    top: 0;
    width: 30px;
    height: 33px;
    background: #bbe0f1;
    border-radius: 4px;
}
#circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .modal_circulation_input>.legal_btn_x::before, #circulator_add_user_n_request_comment_pop_up .modal_circulation_ul>li .modal_circulation_input>.legal_btn_x::after {
    top: 16px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
}
#circulator_add_user_n_request_comment_pop_up .btn-area {
    margin-top: 20px;
    text-align: center;
}
#circulator_add_user_n_request_comment_pop_up .btn-area>.btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    margin: 0 4px;
    text-align: center;
}
/* 법률자문 상태 */
.state__legal_return {
    border: 2px solid #f95f5f;
}
.state__legal_return:after {
    background-color: #f95f5f;
}
.state__legal_cmplt {
    border: 2px solid #ccc;
}
.state__legal_cmplt:after {
    background-color: #ccc;
}
/* 법률자문 모달 상단 고정 */
#circulator_add_user_n_request_comment_pop_up .bt_popup_body {
    padding: 80px 15px;
    vertical-align: top;
}
#contract_modal_body .magic-radio+label:not(:empty) {
    line-height: 20px;
}
/* 1032 */
#div-contract-content p.empty-contact {
    line-height: 356px;
}
/* 1036 승인의견 검토의견 */
#review-add-modal .input-sm, #req-confirm-review-msg-modal .input-sm {
    font-size: 13px;
}
#review-add-modal .whsp_prewrap, #req-confirm-review-msg-modal .whsp_prewrap {
    padding: 15px 12px;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.42857143;
}
/* 수기서명란 */
body .signature-modal .signature-info .signature-box.hand-sign-area {
   text-align: center;
   border: none;
   background: #f5f5f5;
}
body .signature-pad {
   background: #fff;
   margin: 5px 5px 0 5px;
}
/* Support Email Modal */
#send_support_email_form_wrapper .popup_layer_body {
    padding: 10px 17px;
}
.support_email_form>li {
    margin-bottom: 10px;
}
.support_email_form>li .form-control {
    font-size: 13px;
}
.support_email_form>li .textarea_wrap {
    height: 450px;
}
.support_email_label {
    display: block;
    width: 95px;
    font-weight: bold;
    font-size: 13px;
    line-height: 33px;
}
.support_email_content {
    display: block;
    width: calc(100% - 95px);
    font-size: 13px;
    line-height: 33px;
}
#send_support_email_form_wrapper .btn {
    padding: 6px 30px;
    margin-left: 6px;
}
#send_support_email_form_wrapper .popup_layer_body .alert {
    background-color: #333e48;
    border-color: transparent;
    border-left: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 5px;
}
#mainnav-menu a.btn_nav_legal {
    display: block;
    padding: 8px 18px !important;
    margin: 0 5px;
    background: #f5f5f5;
    border: 1px solid #27A69E;
    border-radius: 3px;
    color: #27A69E;
    font-weight: bold;
}
#mainnav-menu a.btn_nav_legal:hover, #mainnav-menu a.btn_nav_legal:active {
    color: #27A69E;
}
#mainnav-menu a.btn_nav_legal i.icon-bt-find {
    background-image: url(../img/svg/icon-new-white/ic-legal-advice-green.svg);
    background-size: 14px;
}
#mainnav-menu a.btn_nav_legal:hover {
    background: #f5f5f5;
}
#mainnav-menu .active a.btn_nav_legal i.icon-bt-find {
    background-image: url(../img/svg/icon-new-white/ic-legal-advice.svg);
    background-size: 14px;
}
#mainnav-menu .active a.btn_nav_legal {
    background: #27A69E;
    color: #ffffff;
    background-image: url(../img/svg/icon-new-white/ic-legal-advice_green.svg);
    background-size: 14px;
}
.legal_page {
    display: none;
}

#mainnav-menu .active a.btn_nav_legal:hover {
    background: #27A69E;
}
/* 법률자문 프린트 사이즈 */
@media print {
    .legal_page {
        display: block;
    }
    #page-head, #footer, .legal_advice_hd, .legal_advice_reading_box, .legal_advice_view_reply, .legal_reading_head, .legal_advice_info_wrap, .legal_advice_answer_writing, .legal_attachment_wrap, .btn, [class*=btn__], .scroll-top.in, .legal_btn_add, .regal_counsel_status, .reply_btn_wrap, .state__legal, .legal_advice_dept_comment, .hidden_when_print {
        display: none;
    }
    #counsel_status_stealth_wrap, #counsel_status_stealth, #page_counsel_status, #page_counsel_circulation_status {
        display: none;
    }
    .section__legal_advice.legal_padding {
        padding-right: 0;
    }
    .legal_advice_hd_logo {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-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_view {
        page-break-before: always;
    }
    */
    .boxed {
        -ms-overflow-style: none;
    }
    header, nav {
      display: none;
    }
    #content-container {
      margin-left: 0 !important;
    }
    .legal_advice_answer_view {
        border-top: none !important;
    }
    .panel#answer_view_wrap {
        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;
    }
    #content-container {
        padding-top: 0 !important;
    }
    .legal_page {
        width: 100%;
        height: 255mm;
        padding: 37px;
        page-break-after: always;
    }
    .legal_page_wrap {
        width: 100%;
        height: 100%;
    }
    .legal_advice_view_hd {
        margin-bottom: 0px;
    }
    .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;
    }
}
@page {
    size: auto;
    margin: 8mm;
}
.legal_attech_uploader_section {
    border-top: 1px dotted #e8e8e8;
    padding-bottom: 15px;
}
.legal_attech_uploader_section:last-child {
    padding-bottom: 20px;
}
.legal_attech_uploader_section .sm_p58 {
    margin: 10px 0 8px;
}
.legal_attech_uploader_section .legal_attachment_list>li .sm_p58 {
    margin: 0;
}
.download_symbol {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(../img/svg/icon-new-white/ic-white-down.svg) no-repeat center;
    background-size: 11px 12px;
    vertical-align: middle;
}

/**
보안등급 관련 css
 */
#mainnav-menu a.btn_nav_security {
    display: block;
    padding: 8px 18px !important;
    margin: 0 5px;
    background: #f5f5f5;
    border: 1px solid #f22525;
    border-radius: 3px;
    color: #000000;
    font-weight: bold;
}

#mainnav-menu li.active>.btn_nav_security {
    background: #ff969d;
    color: #f9f9fb;
    border: 1px solid #ff969d;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*********************************************/
/* 20210906 */
/* START common icon text rsh */
.icon-text:before {
    content: '투자검토';
    display: inline-block;
    width: 60px;
    padding: .3em 0 .3em;
    margin-right: .35em;
    font-size: 11px;
    /* font-weight: bold; */
    text-align: center;
    border-radius: 13px;
    background: #cbcfdf;
}
/* END common icon text rsh */