@charset "utf-8";



/* input 공통 */
input {
    margin: 0;
}

/* input, textarea */
input[type="text"] {
    border: 1px solid #bababa;
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

input[type="password"] {
    border: 1px solid #bababa;
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

input[type="text"]:focus {
    outline: none;
}

input[type="password"]:focus {
    outline: none;
}

input {
    margin: 0;
}

/* input, textarea */
input[type="number"] {
    border: 1px solid #bababa;
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

input[type="number"]:focus {
    outline: none;
}

/* input[type=radio] */
input[type="radio"] {
    display: flex;
    width: 15px;
    height: 15px;
    position: relative;
    appearance: none;
    cursor: pointer;
}

input[type="radio"]::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    border: 1px solid rgb(97, 97, 97);


}

input[type="checkbox"] {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    appearance: none;
    cursor: pointer;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    border-radius: 1px;
    border: 1px solid rgb(97, 97, 97);

    border-radius: 3px;
}

input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url('../../image/chacked.png') no-repeat center center/100%;
    border-radius: 3px;
    position: absolute;
}

.datepicker_group div {
    position: relative;
    display: flex;
}

.datepicker_group .datepicker {
    padding: 7px 10px;
    font-size: 14px;
    color: #444444;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

textarea {
    border: 1px solid #CCC;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    resize: none;
}

textarea:focus {
    outline: none;
}

/* select */

select:focus {
    outline: none;
}

/* input */








/* dashboard */

.dashboard_top {
    background-color: #0f1b3b;
    ;
    width: 100%;
    padding-bottom: 40px;
    position: relative;
}

.dashboard_top::before {
    content: '';
    position: absolute;
    background-color: rgba(255, 255, 255, 0.15);
    height: 1px;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
}

.dashboard_header {
    display: flex;
    align-items: center;
    padding-top: 57px;
    padding-right: 15px;
    color: #111;
}

.dashboard_top .dashboard_header {
    color: #fff;
}

.dashboard_title {
    font-size: 21px;
    font-weight: 600;

    padding-left: 6px;
    color: inherit;
}

.dashboard_date {
    margin-left: 50px;
    position: relative;
}

.dashboard_date span:nth-child(1) {
    padding-left: 24px;
}

.dashboard_date::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../image/dashboard_date_icon.png") no-repeat center center/auto;
    width: 15px;
    height: 15px;
}

.dashboard_header .plus {
    margin-left: auto;
}

.dashboard_header .plus a {

    background: url("../../image/dashboard_plus_icon.png") no-repeat center center/auto;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: block;
}

.dashboard_header .item_plus {
    margin-left: auto;

}
.dashboard_header .item_plus a {
    background: url("../../image/dashboard_item_plus_icon.png") no-repeat center center/auto;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: block;
}


.dashboard_top .dashboard_status>ul {
    display: flex;
    margin-top: 50px;

}

.dashboard_top .dashboard_status>ul>li {
    width: 20%;
    /* border: 1px solid red; */
    color: #fff;
    padding: 15px 35px 0 35px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);

}

.dashboard_top .dashboard_status>ul>li:last-child {

    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    ;
}

.dashboard_top .dashboard_status>ul>li .status_total {
    color: #2bc0fd;
    font-size: 29px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;

}

.dashboard_top .dashboard_status>ul>li .status_total em {
    font-weight: 500;
}

.dashboard_top .dashboard_status>ul>li.icon1 .status_icon {
    background: url("../../image/dashboard_icon1.png") no-repeat center center/auto;
}

.dashboard_top .dashboard_status>ul>li.icon2 .status_icon {
    background: url("../../image/dashboard_icon2.png") no-repeat center center/auto;

}

.dashboard_top .dashboard_status>ul>li.icon3 .status_icon {
    background: url("../../image/dashboard_icon3.png") no-repeat center center/auto;
    width: 56px;
    height: 56px;
}

.dashboard_top .dashboard_status>ul>li.icon4 .status_icon {
    background: url("../../image/dashboard_icon4.png") no-repeat center center/auto;
}

.dashboard_top .dashboard_status>ul>li.icon5 .status_icon {
    background: url("../../image/dashboard_icon5.png") no-repeat center center/auto;
}

.dashboard_top .dashboard_status>ul>li span {
    color: inherit;
    font-weight: 500;
}

.dashboard_top .dashboard_status>ul>li .status_icon {
    width: 55px;
    height: 55px;
    margin-right: 30px;
    flex-shrink: 0;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap {
    font-size: 16px;
    font-weight: 500;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap>li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;



}



.dashboard_top .dashboard_status>ul>li.status_type_1>.status_data_wrap li:nth-child(1) {
    padding-bottom: 37px;
}

.dashboard_top .dashboard_status>ul>li.status_type_1>.status_data_wrap li:nth-child(2) {
    padding-top: 37px;
}


.dashboard_top .dashboard_status>ul>li.status_type_2>.status_data_wrap li:nth-child(1) {
    padding-bottom: 14px;
}

.dashboard_top .dashboard_status>ul>li.status_type_2>.status_data_wrap li:nth-child(2) {
    padding-bottom: 13px;
    padding-top: 14px;
}

.dashboard_top .dashboard_status>ul>li.status_type_2>.status_data_wrap li:nth-child(3) {
    padding-top: 14px;
}


.dashboard_top .dashboard_status>ul>li.status_type_3>.status_data_wrap li:nth-child(1) {
    padding-bottom: 5px;
}

.dashboard_top .dashboard_status>ul>li.status_type_3>.status_data_wrap li:nth-child(2) {
    padding-bottom: 7px;
    padding-top: 6px;
}

.dashboard_top .dashboard_status>ul>li.status_type_3>.status_data_wrap li:nth-child(3) {
    padding-bottom: 7px;
    padding-top: 6px;
}

.dashboard_top .dashboard_status>ul>li.status_type_3>.status_data_wrap li:nth-child(4) {
    padding-top: 5px;
}


.dashboard_top .dashboard_status>ul>li>.status_data_wrap li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    bottom: 0;
    left: 0;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap li:last-child:after {
    display: none;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap li:last-child {
    padding-bottom: 6px;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap li>div {
    font-size: 16px;
    font-weight: 500;
}

.dashboard_top .dashboard_status>ul>li>.status_data_wrap li>div.status_data {
    font-size: 19px;
    font-weight: 600;
    margin-left: auto;
}

.mb60 {
    margin-bottom: 60px;
}



.dashboard_bottom>ul>li {

    width: 25%;
    max-width: 375px;
}

.dashboard_wrap#wrap {
    min-height: calc(100% - 120px);
    padding-bottom: 120px;
}



/* rollup */
.rollup .item_content {
    padding: 28px;
}

.rollup_box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.rollup_inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.rollup_inner ul {
    width: 100%;
    max-width: 284px;
    position: relative;
}

.rollup_inner ul li {
    display: flex;
    height: 30px;
    align-items: center;
    position: relative;
    font-size: 15px;
    padding-right: 0 !important;
    font-weight: 500;
}

.rollup_inner ul li div {
    color: #444;
    font-size: 15px;
    font-weight: 500;
}

.rollup_inner ul li .text_team {
    min-width: 112px;
}

.rollup_inner ul li .text_name {
    min-width: 55px;
    text-align: left;
    margin: 0 4px;
}

.rollup_inner ul li .text_date {
    font-size: 14px;
    margin-right: 0px;
    min-width: 100px;
    text-align: end;
}

.rollup_inner ul li a {
    cursor: pointer;
    line-height: 22px;
}

.rollup_inner ul li a:hover {
    color: #2076cf;
    text-decoration: underline;
    text-underline-position: under
}

.rollup .item_content {
    padding: 28px 20px;
}

#collection .rollup_inner ul li {
    position: relative;
}

#collection .rollup_inner ul li .sign {
    background: url('../../image/collection_sign_icon.png') no-repeat center center/auto;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    flex-shrink: 0;
}

.rollup_inner ul li .point {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #797979;
    margin-right: 5px;
    flex-shrink: 0;
}

#inquiry .rollup_inner ul li .ellipsis1 {
    max-width: 210px;
}

#inquiry .rollup_inner ul li div:last-child {
    margin-left: auto;
    max-width: 60px;
}



@keyframes dontMove {
    0% {
        top: 0px;
    }

    25% {
        top: 5px;
    }

    50% {
        top: 0;
    }

    75% {
        top: 5px;
    }

    100% {
        top: 0;
    }
}

.dontMove {
    animation: dontMove 0.4s 0s;
}



/* rollup */



.dashboard_bottom ul li .dashboard_item {
    margin-top: 30px;
}

.dashboard_bottom>ul>li {
    margin-right: 30px;
}

.dashboard_bottom ul li:last-child {
    margin-right: 0;
}

.dashboard_bottom .dashboard_item {
    border: 1px solid #d4d4d4;
    border-radius: 10px;
}

.dashboard_bottom .dashboard_item .item_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #868686;
    height: 78px;
}

.dashboard_bottom .dashboard_item .item_head>span {
    font-size: 18px;
    padding: 28px;
    font-weight: 500;
}

.dashboard_bottom .dashboard_item .item_head .item_head_text {
    font-size: 18px;
    color: #444;
    font-weight: 500;
}

.dashboard_bottom .dashboard_item .item_head em {
    color: #2076cf;
    font-size: 21px;
}

.dashboard_bottom .dashboard_item .item_head .item_total {
    color: #666;
    font-size: 19px;
}

.dashboard_bottom .dashboard_item .item_head .item_new {
    color: #666;
    font-size: 19px;
}

.dashboard_bottom .dashboard_item .item_head>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    padding: 28px;
}

.dashboard_bottom .dashboard_item .item_head>div:nth-child(1) {
    border-right: 1px solid #d4d4d4;
}

.dashboard_bottom .dashboard_item .item_content {
    display: flex;
    color: #444;
    font-weight: 500;
    height: 170px;
    width: 100%;
}

.dashboard_bottom .dashboard_item .item_content .item_left {
    border-right: 1px solid #d4d4d4;
    padding: 10px;
    width: 30%;
    display: flex;
    align-items: center;
}

.dashboard_bottom .dashboard_item .item_content .item_left span {
    text-align: center;
    width: 100%;
    font-size: 16px;
}

.dashboard_bottom .dashboard_item .item_content .item_right {
    width: 70%;
}

.dashboard_bottom .dashboard_item .item_content .item_right div {
    padding: 35px 28px;
    display: flex;
    justify-content: space-between;
    height: 50%;
}

.dashboard_bottom .dashboard_item .item_content .item_right div:nth-child(1) {
    border-bottom: 1px solid #d4d4d4;
}

.rollup_btn_wrap .btn_up>.rollup_arrow {
    background: url("../../image/rollup_btn_up.png") no-repeat center center/auto;
}

.rollup_btn_wrap .btn_down>.rollup_arrow {
    background: url("../../image/rollup_btn_down.png") no-repeat center center/auto;
}

.rollup_btn_wrap .btn_up:hover>.rollup_arrow {
    background: url("../../image/rollup_btn_up_hover.png") no-repeat center center/auto;
}

.rollup_btn_wrap .btn_down:hover>.rollup_arrow {
    background: url("../../image/rollup_btn_down_hover.png") no-repeat center center/auto;
}

.rollup_btn_wrap button .rollup_arrow {
    width: 10px;
    height: 7px;
    display: inline-block;
}

.rollup_btn_wrap button {
    width: 24px;
    height: 33px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 0px
}

.rollup_btn_wrap button:nth-child(2) {
    border-top: none
}

.rollup_btn_wrap button:hover {
    background-color: #777;
    border: none
}

.rollup_btn_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
}



/* icon */
.icon_analysis_arrow {
    background: url("../../image/common/analysis_arrow.png") no-repeat center center/contain;
    width: 17px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.td.on .icon_analysis_arrow {
    background: url("../../image/common/analysis_arrow_on.png") no-repeat center center/contain;
}

.btn {
    padding: 8px 18px;
    font-size: 14px;
    min-width: 78px;
}

.btn.small {
    width: 58px;
    height: 28px;

    line-height: 28px;
    font-size: 13px;
    min-width: unset;
    padding: 0px;
}



.btn_basic {
    background-color: #2076cf;
    border: 1px solid #2076cf;
    color: #fff;

    margin-bottom: 1px;
}

.btn_line_blue {
    background-color: #FFF;
    border: 1px solid #2076cf;
    color: #2076cf;
}



.btn_basic_black {
    background-color: #777777;
    border: 1px solid #777;
    color: #fff !important;
}

.btn_line {
    background-color: #ffffff;
    border: 1px solid #4b4b4b;
    position: relative;
}

.btn_line_black {
    border: 1px solid #777777;
    background: #FFF;
    color: #444444;
}

.btn_line.excel {
    display: flex;
    align-items: center;
}

.btn_line.excel span {
    margin-right: 4px;
    background: url("../../image/common/btn_excel.png") no-repeat center center;
    width: 17px;
    height: 14px;
    left: 0;
}


.btn_basic_black:hover {
    background-color: #555555;
    border: 1px solid #555;
    color: #fff;
}

.btn_basic:hover {
    background-color: #0054aa;
    color: #fff;
    border: 1px solid #0054aa;
}

.btn_line:hover {
    background-color: #f6f6f6;
}

/* .btn_line_blue:hover {
    background-color: #0054aa;
    color: #fff;
} */


.btn_del {
    width: 58px;
    padding: 5px 0;
    font-size: 13px;
    cursor: pointer;
}

.content_table .btn_del {
    width: 58px;
    padding: 5px 0;
    font-size: 13px;
    cursor: pointer;
    min-width: unset;
}

input[type="date"] {
    border: 1px solid #bababa;
}

input[type="radio"]+label {
    cursor: pointer;
    margin-bottom: 1px;
}

.search_bar {
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 3px;

}

.search_bar>.search_bar_con {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.search_bar>.search_bar_con span {
    display: flex;
    align-items: center;
    color: #222;
    font-weight: 500;
}

.search_bar>.search_bar_con span em {
    margin-left: 25px;
    width: 1px;
    height: 19px;
    background-color: #c7c7c7;
    display: inline-block;
}

.search_bar>.search_bar_con ul {
    display: flex;
}

.search_bar>.search_bar_con .datapicker_group {
    display: flex;
}

.search_bar>.search_bar_con ul li {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.search_bar>.search_bar_con ul li label {
    font-size: 14px;
    font-weight: 500;
    color: #444444;
    display: flex;
    cursor: pointer;
}

.search_bar>.search_bar_con ul li input[type="checkbox"] {
    margin-right: 5px;
}

.search_bar>.search_bar_con ul li:nth-child(1) {
    margin-left: 25px;
}

.search_bar>.search_bar_con .datepicker_group {
    margin-left: 30px;
    display: flex;
}

.search_bar>.search_bar_con .datepicker_group span {
    margin: 0 10px;
    display: flex;
    align-items: center;
}

.search_bar .btn_searchbar {
    background: url(../../image/common/btn_search.png) no-repeat center center;
    width: 34px;
    height: 34px;
    margin-left: 5px;
    display: block;
}

/* tab */
.admin_tab_wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 32px;
}

.admin_tab_wrap.n54 {
    margin-top: 0;
}

.admin_tab_wrap li {
    width: auto;
    display: table-cell;
    background-color: #ffffff;
    padding: 12px 10px 12px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}

.admin_tab_wrap li:nth-child(1) {
    border-top-left-radius: 3px;

    border-left: 1px solid #e6e6e6;
}

.admin_tab_wrap li:nth-child(1).on {
    border-left: 1px solid #2076cf;
}

.admin_tab_wrap li:last-child {
    border-top-right-radius: 3px;

}

.admin_tab_wrap li.on {
    background-color: #2076cf;
    border-right: 1px solid #2076cf;
    border-top: 1px solid #2076cf;
    border-bottom: 1px solid #2076cf;
}

.admin_tab_wrap li span {
    color: #444444;
    font-size: 15px;
    font-family: 'Pretendard';
    line-height: 28px;
    font-weight: 500;
}

.admin_tab_wrap li span em {
    color: #f48025;
    font-size: 15px;
    margin-left: 4px;

}

.admin_tab_wrap li.on span {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.admin_tab_wrap li.on span em {
    color: #fff;
    font-size: 17px;
}

.admin_tab_wrap {
    display: table;
}

.contents {
    position: relative;
    width: 100%;
}

.tabcontents {
    display: none;
    margin-top: 30px;
}

.tabcontents.on {
    display: block;
}

.contents.line {
    position: relative;
}

.contents.line::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #e6e6e6;
    height: 1px;
}





/* ---------------------------------------table type ----------------------------------------------*/

.table_type01 {
    width: 100%;
    border-collapse: collapse;
}

.table_type01.calling td {
    padding: 12px;
    line-height: 20px;
}

.table_type01 td {
    border: 1px solid #e6e6e6;
    padding: 14px 18px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    color: #444444;
    font-size: 14px;
    font-weight: 500;
}

.table_type01 td button {
    width: 120px;
}


.table_type01 thead tr {
    background-color: #f7fafa;
    font-weight: 500;
    color: #111111;
    font-size: 14px;
}

.table_type01 thead {
    border: 1px solid #e6e6e6;
}

.table_type01 thead th {
    background-color: #f7fafa;
    padding: 14px 18px;
}

.table_type02.n51 {
    table-layout: auto;
}

.table_type02 {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-weight: 500;
}

.table_type02 td {
    border: 1px solid #e6e6e6;
    padding: 15px 12px;
    color: #444444;
}

.table_type02 td.tit {
    background-color: #f4f7fb;
    color: #111;
}

.table_type02 td.select_td {
    padding: 9px 12px;
}

.table_type02 td.select_td input {
    width: 100%;
}

.table_type02 td .input_wrap {
    display: flex;
    align-items: center;
}

.table_type02 td .input_wrap li {
    margin-left: 30px;

}

.table_type02 td .input_wrap li label {
    margin-left: 6px;
    font-size: 14px;
    margin-top: 1px;
    display: flex;
}

.table_type02 td .input_wrap li:first-child {
    margin-left: 0;
}

.table_type02 {
    width: 100%;
    border-collapse: collapse;
}

.table_type03 td.select_td .w293 {
    width: 293px;
}


.table_type03 td .w293 {
    width: 293px;
}




.table_type03 {
    width: 100%;
    border-collapse: collapse;
}

.table_type03 td {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    padding: 18px 12px;
    color: #444;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
}

.table_type03 tr td:last-child {
    border-right: 1px solid #e6e6e6;
}

.table_type03 tr:last-child td {
    border-bottom: 1px solid #e6e6e6;
}

.table_type03 td.tit {
    background-color: #f4f7fb;
    color: #111;
    font-size: 14px;
    padding: 19px 30px;
    font-weight: 500;
}



.input_wrap {
    display: flex;
    align-items: center;
}

.input_wrap li {
    margin-left: 30px;
    display: flex;
}

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

.input_wrap li input {
    margin-right: 5px;

}

.input_wrap li label {
    display: flex;
    font-size: 14px;
    margin-top: 1px;
    font-weight: 500;
    color: #444;
    cursor: pointer;

}

t.input_wrap li:first-child {
    margin-left: 0;
}

.table_type03 {
    width: 100%;
    border-collapse: collapse;
}







select {
    padding: 7px 90px 7px 11px;
    -webkit-appearance: none;
    /* for chrome */
    -moz-appearance: none;
    appearance: none;
    background: url('../../image/common/icon_select_down.png') no-repeat right 16px center/8px;
    position: relative;
    cursor: pointer;
    min-width: 156px;
    height: 100%;
    border-radius: 3px;
    color: #444;
    font-weight: 500;
    border: 1px solid #bababa;
    font-size: 14px;
    height: 34px;
}



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

.select_wrap::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    background-color: #bababa;
    right: 40px;
    top: 0;
}

select::-ms-expand {
    display: none;
}

.sub_table_wrap {
    margin-top: 15px;
}

.sub_table_wrap .table_top {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-left: 6px;
}

.sub_table_wrap .table_top .table_top_left .select_wrap {
    margin-left: 28px;
}

.sub_table_wrap .table_top .table_top_left span .table_total {
    color: #f48025;
}

.sub_table_wrap .table_top .table_top_left span.bar {
    margin: 0 9px;
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #b7b7b7;
}

.sub_table_type01 {
    width: 100%;
    /* margin-top: 14px; */
}

.sub_table_type01 .table_head {
    display: flex;
    justify-content: space-between;


}

.sub_table_type01 .table_head span {
    color: #fff;
    padding: 11px 0;
    text-align: center;
    font-size: 14px;
    display: block;

}

.sub_table_type01 .table_head span:nth-child(1) {
    width: calc(100% - 25.5%);
    background-color: #555;
}

.sub_table_type01 .table_head span:nth-child(2) {
    width: 27.3%;
    background-color: #2076cf;
}


.sub_table_type01>ul>li.th {
    border-top: none;

}

.sub_table_type01>ul>li.th .table_data {
    border-bottom: 2px solid #666;


}

.sub_table_type01>ul {
    background-color: #fff;
    width: 100%;
}



/* sub_table  table dropdown */

.sub_table_type01>ul>li.on {
    margin-top: -1px;
}

.sub_table_type01>ul>li.on:nth-child(2) {
    margin-top: 0px;
}

.sub_table_type01>ul li>.table_data li {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.sub_table_type01>ul li>.table_data li.result_button {
    position: relative;
    cursor: pointer;
}

.sub_table_type01>ul li.td.on>.table_data li {
    border-top: 1px solid #2076cf;
}



.sub_table_type01>ul li:nth-child(2).td.on>.table_data li {
    border-top: none;
}

.sub_table_type01 ul li>.table_data {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-right: 1px solid #e6e6e6;

}

.sub_table_type01 ul li.th>.table_data li {
    /* padding: 12.75px 10px; */
    background-color: #f4f7fb;
    color: #111;
    border: none;
}


.sub_table_type01 ul li>.table_data li {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    padding: 12px 10px;
    line-height: 20px;
    font-size: 14px;
    color: #444;
    font-weight: 500;
}

.sub_table_type01 ul li>.table_data li:nth-child(13) {
    padding: 0 12px;
}

.sub_table_type01 ul li.on>.table_data li {
    color: #111;
}

.sub_table_type01 ul li>.table_data li button {
    width: 78px;
    padding: 5px 0;
}

.sub_table_type01 ul li>.table_data li button.btn_basic {}

.sub_table_type01 ul li.on>.table_data li:nth-child(1) {
    border-left: 1px solid #2076cf;
}

.sub_table_type01 ul li.on>.table_data li:nth-child(11) {
    border-right: 1px solid #2076cf;
}

.sub_table_type01 ul li>.table_data li:nth-child(1) {
	border-left: 1px solid #e6e6e6;
    width: 4%
}

.sub_table_type01 ul li>.table_data li:nth-child(2) {
    width: 6%;
}

.sub_table_type01 ul li>.table_data li:nth-child(3) {
    width: 12%;
}

.sub_table_type01 ul li>.table_data li:nth-child(4) {
    width: 6%;
}

.sub_table_type01 ul li>.table_data li:nth-child(5) {
    width: 8%;
}

.sub_table_type01 ul li>.table_data li:nth-child(6) {
    width: 8%;
}

.sub_table_type01 ul li>.table_data li:nth-child(7) {
    width: 8%;
}

.sub_table_type01 ul li>.table_data li:nth-child(8) {
    width: 14%;
}

.sub_table_type01 ul li>.table_data li:nth-child(9) {
    width: 14%;
}

.sub_table_type01 ul li>.table_data li:nth-child(10) {
    width: 14%;
}

.sub_table_type01 ul li>.table_data li:nth-child(11) {
	border-right: 1px solid #e6e6e6;
    width: 6%;
}


.btn_table_detail {
    background: url(../../image/common/btn_tooltip.png) no-repeat center center/auto;
    width: 16px !important;
    height: 17px !important;
    vertical-align: middle;
}

.btn_table_detail:hover {
    background: url(../../image/common/btn_tooltip_open.png) no-repeat center center/auto;
    width: 16px !important;
    height: 17px !important;
    vertical-align: middle;
}

/* sub tooltip */

.sub_tooltip_wrap {
    position: relative;

}

.sub_tooltip_wrap>span:hover {
    color: #2076cf;
    text-decoration: underline;
    cursor: pointer;
}

/* 버튼 두개 유형 */
.btn_tooltip_close_2.n11,
.btn_tooltip_open_2.n11 {
    width: 78px !important;
    height: 34px !important;
}

.sub_tooltip_wrap .btn {
    width: 58px;
    height: 28px;
    font-size: 13px;
    min-width: unset;
    padding: 0px;
}

.sub_tooltip_wrap p.sub_tooltip_txt {
    line-height: 20px;
    font-size: 14px;
    padding: 0 11px;
}





.sub_tooltip_wrap .sub_tooltip {
    text-align: left;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: 1px solid #999999;
    padding: 30px 19px 20px 19px;
    min-width: 300px;
    background-color: #fff;
    display: none;
    z-index: 81;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.sub_tooltip_wrap .sub_tooltip.w260 {
    width: 260px;
    min-width: 260px;

}

.sub_tooltip_wrap .sub_tooltip.w300 {
    width: 300px;
    min-width: 300px;

}

.sub_tooltip_wrap .sub_tooltip.lt50 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sub_tooltip_wrap .sub_tooltip.on {
    display: block;
}

.sub_tooltip_wrap .sub_tooltip button.btn_tooltip_close {
    padding: 0;
    position: absolute;
    right: 8px;
    top: 10px
}

.sub_tooltip_wrap .sub_tooltip span {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    line-height: 20px;
}

.tooltip_parents.n2 .btn_tooltip_open {
    display: inline-block;
    cursor: pointer;
}

.tooltip_arrow {
    background: url("../../image/common/icon_tooltip_arrow.png") no-repeat center center/auto;
    width: 11px;
    height: 9px;
    display: inline-block;
}

.btn_tooltip_open.on .tooltip_arrow {
    background: url("../../image/common/icon_tooltip_arrow_on.png") no-repeat center center/auto;
    width: 11px;
    height: 9px;
    display: inline-block;
    margin-bottom: 2px;
}




.table_analysis {
    width: 100%;
    display: flex;
    flex-shrink: 0;
}

.table_analysis li {
    display: table-cell;
    font-size: 13px;
    margin-top: 1px;
    border-right: 1px solid #e6e6e6;
    table-layout: fixed;
}

.table_analysis li:last-child {
    display: table-cell;
    font-size: 13px;
    border-right: none;
}


.sub_table_type01>ul li.td>.table_analysis {
    border-bottom: 1px solid #2076cf;
    border-left: 1px solid #2076cf;
    border-right: 1px solid #2076cf;

}


/* .table_analysis>li:nth-child(1) {
    width: 4%;
}

.table_analysis>li:nth-child(2) {
    width: 96%;
}
 */
.table_analysis_result .line_bottom {
    width: calc(100% - 40px);
    background-color: #9d9d9d;
    height: 1px;
    position: absolute;
    bottom: 20px;
    z-index: 99;
    left: 20px;
    display: block;
}

.table_analysis_result {
    position: relative;
}


.table_analysis .table_analysis_result td {
    padding: 15px 12px;
}


.table_analysis .table_analysis_result>div {
    background-color: #fff;

}

.table_analysis .table_analysis_result>div>div {
    width: 100%;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    display: flex;
}


.table_analysis .table_analysis_result .table_analysis_haed {
    margin-bottom: 14px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #9d9d9d;
}

.table_analysis .table_analysis_result .table_analysis_haed td {
    text-align: left;
    padding: 15px 30px 15px 12px;
}


.table_analysis .table_analysis_result .table_analysis_haed td:nth-child(2) {
    width: 19.9%;
}

.table_analysis .table_analysis_result .table_analysis_haed td.tit {
    width: 12.1%;
    font-weight: 500;
    color: #111;
    padding: 15px 12px
}

/* talbe scroll */
.table_scroll {
    display: block;
    overflow-y: auto;
    width: calc(100% + 8px);
    position: relative;

}

.table_scroll table th::after,
.table_scroll table th::after {
    content: '';
    width: calc(100% + 1px);
    display: block;
    position: absolute;
    left: -1px;

}

.table_scroll table th::after {
    border-bottom: 1px solid #9d9d9d;
    bottom: -1px;

}

.table_scroll table th::before {
    border-top: 1px solid #9d9d9d;
    top: -1px;

}


.table_analysis .table_analysis_result .table_scroll {
    max-height: 272px;
}

.table_analysis .table_analysis_result .table_analysis_data {
    border: 1px solid #9d9d9d;
    position: relative;


}
.table_analysis .table_analysis_result .table_analysis_data th::after {
content: '';
position: absolute;
top: -1px;
left: -1px;
background-color: #9d9d9d;
width: calc(100% + 2px);
height: 0;
display: block;
}

.table_analysis .table_analysis_result .table_analysis_data th {
    text-align: center;
    color: #111111;
    position: sticky;
    top: 1px;
    background-color: #fff;

}


.table_analysis .table_analysis_result .table_analysis_data td {
    color: #444444;
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(1) {
    width: 10.7%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(2) {
    width: 12%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(3) {
    width: 9%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(4) {
    width: 7.6%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(5) {
    width: 24%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(6) {
    width: 13%
}

.table_analysis .table_analysis_result .table_analysis_data td:nth-child(7) {
    width: 13%
}

.table_analysis .table_analysis_result th:nth-child(1) {
    width: 14%
}

.table_analysis .table_analysis_result th:nth-child(2) {
    width: 7%
}

.table_analysis .table_analysis_result th:nth-child(3) {
    width: 8%
}

.table_analysis .table_analysis_result th:nth-child(4) {
    width: 8%
}

.table_analysis .table_analysis_result th:nth-child(5) {
    width: 9%
}

.table_analysis .table_analysis_result th:nth-child(6) {
    width: 15%
}

.table_analysis .table_analysis_result th:nth-child(7) {
    width: 16%
}

.table_analysis .table_analysis_result th:nth-child(8) {
    width: 15%
}

.table_analysis .table_analysis_result th:nth-child(9) {
    width: 8%
}




/* admin table */


.table_analysis_result table {
    width: 100%;
    background-color: #fff;

}



.table_analysis_result table colgroup {
    display: block;
}



.table_analysis_result table thead {
    background-color: #fff;
}

.table_analysis_result table tr {
    width: 100%;
}

.table_analysis_result table th {
    border-bottom: 1px solid #9d9d9d;

}

.table_analysis_result table tr:first-child td {
    border-top: none;
}

.table_analysis_result table td:first-child {
    border-left: none;
}

.table_analysis_result table td {
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 7px 18px;

    text-align: center;
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    color: #444444;
    font-size: 14px;
    font-weight: 500;
}


.table_analysis_result table td button {
    width: 120px;
}


.table_analysis_result table thead tr {
    font-weight: 500;
    color: #111111;
    font-size: 14px;
}


.table_analysis_result table thead th {

    padding: 15px 18px;
}










/* pagenation */
.pagenation {
    margin-top: 16px;
    position: relative;
    display: block;
    width: auto;
    text-align: center;
    font-size: 12px;
}

.pagenation::after,
.pagenation ul::after,
.pagenation ul li::after {
    content: "";
    display: block;
    clear: both;
}

.pagenation ul {
    display: inline-block;
    width: auto;
}

.pagenation ul li {
    float: left;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

.pagenation ul li:last-child {
    border-right: 1px solid #e6e6e6;
}

.pagenation ul li a {
    display: block;
    color: #666666;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.pagenation ul li.on {
    background: #666666;
    border: 1px solid #666;
}

.pagenation ul li.on+li {
    border-left: 1px solid #666;
}

.pagenation ul li.on a {
    color: #FFF;
}

.pagenation ul li.btn_page_prev,
.pagenation ul li.btn_page_next {
    text-indent: -99999px;
    overflow: hidden;
}

.pagenation ul li.btn_page_prev a,
.pagenation ul li.btn_page_next a {
    width: 32px;
    height: 32px;
}

.pagenation ul li.btn_page_prev {
    border-radius: 3px 0px 0px 3px;
}

.pagenation ul li.btn_page_next {
    border-radius: 0px 3px 3px 0px;
}

.pagenation ul li.btn_page_prev a {
    background: url('../../image/common/icon_page_arrow.png')50% 50%/8px 13px no-repeat;
}

.pagenation ul li.btn_page_next a {
    background: url('../../image/common/icon_page_arrow.png')50% 50%/8px 13px no-repeat;
    transform: rotate(180deg);
}

/* pagenation */


/* WA_021 */

.icon_zoom {
    background: url("../../image/common/icon_zoom.png") no-repeat center center/auto;
    width: 14px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}


.btn_search {
    background: #4b4b4b;
    color: #FFF;
    padding: 8px 17px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.serach_on_td .datepicker {
    width: 293px;
}

.asc {
    align-self: center;
}



.n51 td {
    text-align: center;
    vertical-align: middle;
}

.btn_tooltip_open.n52 {
    background: #FFF;
    border: 1px solid #777777;
    padding: 5px 17px;
    text-indent: 0px;
    width: auto !important;
    height: auto !important;
    color: #444444;
}

.btn_tooltip_open.n52.on {
    background: #FFF;
}

.n52+.tooltip {
    right: 23px;
}

.n52+.tooltip .tooltip_header {
    background: #2076cf;
}

.n52+.tooltip .tooltip_header .btn_tooltip_close {
    background: url('./../../image/common/btn_close_white.png') 0 0 /100% auto no-repeat;
}

.n52+.tooltip .tooltip_header p {
    color: #FFF;
}

.n52+.tooltip table {
    border-collapse: collapse;
}

.n52+.tooltip table th {
    color: #111;
    background: #f4f7fb;
}

.n52+.tooltip table thead {
    border-bottom: none;
}

.n52+.tooltip table thead th {
    border-bottom: 1px solid #666;
}

.tooltip .tooltip_header.blue_header {
    background: #2076cf;

    line-height: 15px;

}

.tooltip.tooltip_v2 thead th {
    line-height: 12.5px;

}



.tooltip .tooltip_header.blue_header .btn_tooltip_close {
    background: url(./../../image/common/btn_close_white.png) 0 0 /100% auto no-repeat;
}

.tooltip .tooltip_header.blue_header p {

    color: #fff;
}





.content_table {}

/* WA_021 */
/* content_table */
.content_table {
    width: 100%;
    border-collapse: separate !important;
    font-size: 14px;
}


.content_table td,
.content_table th {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    color: #444;
    font-size: 14px;
    vertical-align: middle;
    padding: 12px 11px;
    font-weight: 500;
    word-break: break-all;
    position: relative;
    line-height: 20px;

}


.content_table thead tr th {
    border-bottom: 2px solid #666;

}


.content_table thead th {
    background-color: #f4f7fb;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    border-left: none;
    border-right: none;
    border-top: 1px solid #e6e6e6;


}


.content_table thead tr th:first-child {
    border-left: 1px solid #e6e6e6;
}

.content_table thead tr th:last-child {
    border-right: 1px solid #e6e6e6;
}

.content_table tbody tr td {
    text-align: left;
}

.content_table tbody tr td:first-child {
    border-left: 1px solid #e6e6e6;
}

.content_table td.select_td {
    padding: 8px 12px;
}

.content_table td.select_td input {
    margin-right: 5px;
    width: calc(100% - 265px);
    color: #444;
}

.content_table td .input_wrap {
    display: flex;
    align-items: center;
}

.content_table td .input_wrap li {
    margin-left: 30px;
    display: flex;
}

.content_table td .input_wrap li input {
    margin-right: 5px;

}

.content_table td .input_wrap li label {
    display: flex;
    font-size: 14px;
    margin-top: 1px;
    font-weight: 500;
    color: #444;
    cursor: pointer;
}

.td_in_checkbox td .input_wrap label {
    margin-top: 0px !important;
    line-height: 22px;
}

.td_in_checkbox td .input_wrap input[type="checkbox"] {
    align-self: center;
}

.td_in_checkbox.content_table td .input_wrap {
    flex-wrap: wrap;
}

.td_in_checkbox.content_table td .input_wrap li {
    align-self: center;
    margin-left: 0px;
    margin-right: 30px;
}

.td_in_checkbox.content_table td .input_wrap li:last-child {
    margin-right: 0px;
}


.p012 {
    padding: 0 12px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.content_table td .input_wrap li:first-child {
    margin-left: 0;
}

.content_table {
    width: 100%;
    border-collapse: collapse;
}

.n53 {
    width: 112px;
    margin-left: 5px;
}

.n54 {
    border-bottom: 1px solid #e6e6e6;
}

.df input+.btn_search {
    margin-left: 5px;
}

.n54 li {
    border-bottom: none !important;
}

.w78px {
    width: 78px !important;
}

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

.n56>.btn_basic {
    width: 78px;
    height: auto;
    font-size: 14px;
    padding: 8px 18px;
}



.sub_table_type02 {
    margin-top: 15px;
}

.table_head {}

.table_head {
    display: flex;
    flex-shrink: 0;
}

.sub_table_type02 .table_head span {
    color: #fff;
    padding: 11px 0;
    text-align: center;
    font-size: 14px;
    display: block;

}

.sub_table_type02 .table_head span:nth-child(1) {
    width: calc(100% - 28%);
    background-color: #555;
}

.sub_table_type02 .table_head span:nth-child(2) {
    width: 28%;
    background-color: #2076cf;
}

.sub_table_type02 .table_head.case_review span:nth-child(1) {
    width: calc(100% - 12%)
}

.sub_table_type02 .table_head.case_review span:nth-child(2) {
    width: 24%;
}

.sub_table_type02 .table_head.case_summons span:nth-child(1) {
    width: calc(100% - 28.6%)
}

.sub_table_type02 .table_head.case_summons span:nth-child(2) {
    width: 28.6%;
}

/* 경위서 징구 header */
.sub_table_type02 .table_head.case_requisition span:nth-child(1) {
    width: calc(100% - 15%)
}

.sub_table_type02 .table_head.case_requisition span:nth-child(2) {
    width: 15%;
}

.content_table td {
    table-layout: fixed;
}

.sub_tooltip_wrap>span:hover {
    text-underline-position: under;
}

.sub_tooltip_wrap .sub_tooltip {
    min-width: 400px;
}

.table_type03 td.select_td input {
    margin-right: 0;
}


ul.ul_df {
    display: flex;
}

ul.ul_df li {
    width: 190px;
}

ul.ul_df li input[type=text] {
    width: 190px;

}

.n57 button {
    margin: 0 5px 0 0;
}

.n57 button:last-child {
    margin: 0 0 0 0;
}

.p810 {
    padding: 8px 10px !important;

}

.popup_container .layer_popup.w740 {
    width: 740px;
    min-width: 740px;
}

.btn_plus {
    position: relative;
    min-width: 36px;
    width: 36px;
    height: 34px;
    background: #FFF;

    border: 1px solid #777777;
}

.btn_plus::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 2px;
    background: #595959;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn_plus::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 12px;
    background: #595959;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.w106 {
    width: 106px;
}

.w106 select {
    width: 100%;
    min-width: unset;
    padding: 8px 40px 8px 11px !important;
}

.w160 {
    width: 160px;
}

.w160 select {
    width: 100%;
    min-width: unset;
    padding: 8px 40px 8px 11px !important;
}

.w230 {
    width: 230px !important;
}

.w450 {
    width: 450px !important;
    min-width: 450px !important;
}


.condition_wrap {
    display: flex;
}

td .condition_wrap {
    margin-bottom: 10px;
}

td .condition_wrap:last-child {
    margin-bottom: 0px;
}

.btn_minus {
    position: relative;
    min-width: 36px;
    width: 36px;
    height: 34px;
    background: #FFF;

    border: 1px solid #777777;
}

.btn_minus::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 2px;
    background: #595959;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content_table a.link {
    text-decoration: none;
    color: #444;
}

.content_table a.link_hover:hover {
    color: #2076cf;
    text-decoration: underline;
    text-underline-position: under;
}


.w880 {
    width: 880px !important;
    min-width: 880px !important;
}

.n58 .tooltip .tooltip_header {
    background: #2076cf;
}

.n58 .tooltip .tooltip_header p {
    color: #FFF;
}

.n58 .tooltip .tooltip_header button {
    background: url('./../../image/common/btn_close_white.png');
}

.n59 {
    background: #2076cf !important;
    border: 1px solid #2076cf;
}

.r79 {
    right: 79px;
}

.btn_gray_line {
    background: #FFF;
    border: 1px solid #777777;
    padding: 5px 17px;
    text-indent: 0px;
    width: auto !important;
    height: auto !important;
    color: #444444;
}




.btn_gray_line.btn_tooltip_open.n60 {
    background: #FFF;
    border: 1px solid #777777;
    padding: 5px 17px;
    text-indent: 0px;
    width: auto !important;
    height: auto !important;
    color: #444444;
}

.tooltip.big {
    width: 1000px !important;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

button.btn_tooltip_open {
    font-size: 13px;
}

button.btn_tooltip_open.n2.n61 {
    height: 28px !important;
    padding: 0 17px;
}

.n61 {
    height: 28px !important;
    padding: 0 17px !important;
}



.board_p {
    padding-left: 22px;
    position: relative;
}

.board_p::before {
    content: "";
    position: absolute;
    display: block;
    width: 14px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('./../../image/common/icon_board_file.png');
}

.board_p.font_blue::before {
    background: url('./../../image/common/icon_board_file_blue.png')0 0/100% auto no-repeat;
}

.board_p a {
    color: #444;
}

.board_pin {
    padding-right: 18px;
    position: relative;
    max-width: calc(100% - 15px);
    display: inline-block;
    max-height: 20px;
}

.board_pin::after {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    background: url('./../../image/common/icon_board_pin.png')0 0/100% auto no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.font_blue,
.font_blue * {
    color: #2076cf !important;
}

.board_p a:hover {
    color: #2076cf;
    text-decoration: underline;
    cursor: pointer;
    text-underline-position: under;
}

.board_table {
    width: 100%;
}

.board_table th {
    border-top: 2px solid #666666;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #f4f7fb;
    padding: 10px 20px;
    font-size: 17px;
    color: #111;
    text-align: left;
    font-weight: 500;
}

.board_date {
    font-size: 13px;
    color: #444;

}

.board_table td {
    padding: 14px 20px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.board_table td.bdbn {
    padding: 20px;

}

.board_table td.tit {
    background-color: #f2f2f2;
    font-weight: 500;
}

.board_table tr th .df em {
    flex-shrink: 0;
}

.board_table td p.board_content {
    line-height: 20px;
    font-size: 14px;
    color: #444444;
    min-height: 330px;
    font-weight: 500;
}

.board_table tr:last-child td {
    border-bottom: 1px solid #e6e6e6;
}

.board_table .ovh {
    align-items: center;
}

.board_table .board_writer {
    font-size: 14px;
    font-weight: 500;
    margin-left: auto;
}

.board_table .answer_span {
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

.board_table .file_wrap {
    flex-wrap: wrap;
    max-width: calc(100% - 220px);
}

.attachments_span_first {
    width: 100px;
    color: #111111;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    flex-shrink: 0;
    line-height: 22px;

}

.attachments_span_first::after {
    content: '';
    display: block;
    height: 14px;
    width: 1px;
    background: #c6c6c6;
    position: absolute;
    top: 6px;
    right: 0;
}

.attachments_span {
    margin-left: 20px;
    padding-left: 16px;
    font-size: 14px;
    color: #666666;
    position: relative;
    flex-shrink: 0;
    word-break: break-all;
    display: block;
    line-height: 22px;
    max-width: 100%;


}

.attachments_span a {
    font-size: 14px;
    color: #666666;
    word-break: keep-all;
}

.attachments_span::before {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
    background: url('./../../image/common/icon_board_pin.png');

}

.other_post {
    margin-top: 30px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    font-weight: 500;
}

.other_post .prev_post {
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
}

.other_post .next_post {
    height: 45px;
}

.other_post>* span.exp {
    color: #111;
    display: inline-block;
    font-size: 14px;
    float: left;
    padding-left: 20px;
    padding-right: 44px;
    border-right: 1px solid #c6c6c6;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.other_post>* a {
    display: inline-block;
    font-size: 14px;
    color: #444444;
    margin-left: 20px;
    line-height: 45px;
    max-width: calc(100% - 250px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.other_post>* span.post_date {
    float: right;
    line-height: 45px;
    padding: 0 20px;
    font-size: 13px;
    color: #444444;
}


.modify_table {
    width: 100%;
    font-size: 14px;
    border-top: 2px solid #666666;
}

.modify_table th,
.modify_table td {
    padding: 20px;
    text-align: left;
}

.modify_table th {
    background: #f4f7fb;
}

.modify_table td {}

.modify_table tr>* {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.modify_table tr:first-child>* {
    border-top: 1px solid #e6e6e6;
}

.modify_table tr>*:last-child {
    border-right: 1px solid #e6e6e6;
}

.wsnw {
    white-space: nowrap;
}

.lh34 {
    line-height: 34px;
}

.content_table td span a {
    color: #444444;
}

.state_line {
    background: #FFF;
    border: 1px solid #777777;
    font-size: 13px;
    color: #444444;
    width: auto;
    display: inline-block;
    width: 78px;
    min-width: 78px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
}

.state_gray {
    background: #777777;
    border: 1px solid #777777;
    font-size: 13px;
    color: #ffffff;
    width: auto;
    display: inline-block;
    width: 78px;
    min-width: 78px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
}

.hover_td tbody tr:hover {
    background: #f6f6f6;
}

.board_list_table {
    table-layout: fixed;
}

.board_list_table td a {
    line-height: 20px;
    display: block;
    color: #444;
    float: left;
}

.login_page {
    width: 100%;
    min-height: 100vh;
    display: flex;
}

.login_page .login_left {
    display: block;
    width: 55%;
    min-height: 100vh;
    background-image: url('./../../image/login_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-left: 9%;
}

.login_page .login_left p {
    position: relative;
    margin-top: 32%;
    box-sizing: border-box;
    font-weight: 500;
    color: #FFF;
    font-size: 50px;
    line-height: 52px;
}

.login_page .login_left>span {
    position: relative;
    display: block;
    margin-top: 28%;
    margin-bottom: 50px;
    box-sizing: border-box;
    color: #aaaaaa;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    padding-left: 20px;
    /* border-left: 1px solid rgba(255, 255, 255, 0.4); */
}

.login_page .login_left>span .login_copyright {
    display: block;
    margin-top: 9px;
}

.login_page .login_right {
    display: block;
    width: 45%;
    min-height: 100vh;
    box-sizing: border-box;
}

.login_page .login_right .login_input_wrap {
    box-sizing: border-box;
    width: 36%;
    min-width: 360px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.login_page .login_right .login_input_wrap .login_logo {
    text-align: center;
    margin-bottom: 40px;
}

.login_page .login_right .login_input_wrap .login_id,
.login_page .login_right .login_input_wrap .login_pw {
    border-radius: 3px;
    line-height: 33px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.login_page .login_right .login_input_wrap .login_btn_submit {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 500;
    color: #FFF;
    background: #2076cf;
}

.login_bdb {
    padding-bottom: 21px;
    border-bottom: 1px solid #d3d3d7;
}

.login_btn_tnet {
    width: 100%;
    text-align: center;
    margin-top: 22px;
    height: 45px;
    line-height: 43px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    background: #FFF;
    border: 1px dashed #777777;
}

.login_btn_tnet:hover {
    border: 1px dashed #2076cf;
    color: #2076cf;
}

.tit_minus_100 {
    max-width: calc(100% - 120px);
    line-height: 22px;
}




/* ---------------------------------------------user style ---------------------------------------------------------------- */


.head_txt {
    height: 81px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    padding: 0 10px;

}

.head_txt span {
    line-height: 27px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.head_txt span em {
    color: #0258b1;
}



/* user slide */
.swiper_pagination span {
    font-size: 19px;
    font-weight: 500;
}

.swiper_pagination .slide_count {
    color: #2076cf;
}

.swiper-slide em {
    color: #0258b1;
}

.arrow_left {
    background: url('../../image/circle_arrow_left.png') no-repeat center center/100%;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.arrow_left.first {
    background: url('../../image/circle_arrow_left_none.png') no-repeat center center/100%;
    cursor: default;
}

.arrow_right {
    background: url('../../image/circle_arrow_right.png') no-repeat center center/100%;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.arrow_right.last {
    background: url('../../image/circle_arrow_right_none.png') no-repeat center center/100%;
    cursor: default;
}

.slide_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.swiper_pagination {
    display: flex;
    margin: 0 20px;
}

.swiper_pagination span {
    display: block;
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

/* // user slide */








/* user progress */
.progress_wrap {
    display: flex;
    padding: 0 90px;
    justify-content: space-between;
    margin-bottom: 35px;
    max-width: 1360px;
}

.progress_wrap li {
    min-width: 142px;
    flex-shrink: 0;
    position: relative;
}

.progress_wrap .bar {
    padding: 0 3px;
    width: calc((100% - 568px) / 3);
    /* width: 100%; */
    background-color: #d3d3d3;
    border-radius: 2.5px;
    height: 5px;
    margin-top: 39px;

}

.progress_wrap .bar.blue {
    background-color: #2076cf;
}

.progress_wrap .bar.pass {
    background-color: #193c60;
}

.progress_wrap .icon {
    width: 79px;
    height: 79px;
    margin: 0 auto;
}

.progress_wrap .txt {

    font-size: 15px;
    font-weight: 500;

    /* margin: 15px 0 12px 0; */
    position: absolute;
    left: 50%;
    bottom: 36px;
    transform: translateX(-50%);
    ;
    white-space: nowrap;
}

.progress_request .icon {
    background: url('../../image/user_progress_icon1.png') no-repeat center center/100%;
}

.progress_complete .icon {
    background: url('../../image/user_progress_icon2.png') no-repeat center center/100%;
}

.progress_manger .icon {
    background: url('../../image/user_progress_icon3.png') no-repeat center center/100%;
}

.progress_inspector .icon {
    background: url('../../image/user_progress_icon4.png') no-repeat center center/100%;
}

.progress_default .icon {
    background: url('../../image/user_progress_default.png') no-repeat center center/100%;
}

.progress_pass .icon {
    background: url('../../image/user_progress_pass.png') no-repeat center center/100%;
}

.progress_wrap .progress_date {
    padding: 6px 15px;
    background-color: #2076cf;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 42px auto 0 auto;
    max-width: 120px;

}

.progress_wrap .progress_date.pass {
    background-color: #193c60;
}

/* // user progress */




.table_type03.user td {
    padding: 17px 12px;
    font-weight: 500;
}

.popup_table_txt span {
    color: #2076cf;
}

.select_filename {
    min-width: 127px;
}

.popup_content .line {
    position: relative;
    margin-top: 15px;
}

.popup_content .line::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #e6e6e6;
    height: 1px;
}

.radio_box {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-left: 15px;
}

.radio_box input[type="radio"]+label {
    margin-left: 7px;
    margin-right: 30px;
    vertical-align: middle;
    color: #444;
    font-size: 14px;
    font-weight: 500;
}

.radio_box input[type="radio"]+label:last-child {
    margin-right: 0;
}

.popup_container.user .popup_survey li {
    padding-top: 17px;
}

.popup_container.user .popup_survey li>.survey_q {
    color: #0258b1;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
}

.popup_container.user .popup_survey li>p {
    font-size: 14px;
    color: #444;
    line-height: 32px;
    margin-top: 8px;
    margin-left: 5px;
    font-weight: 500;
}

.popup_container.user textarea {
    margin-top: 6px;
    height: 108px;
    width: calc(100% - 22px);
    display: block;
    padding: 10px;
}


.attachments_span {
    font-weight: 500;

}


.popup_container.user .pledge {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    width: 90%;
    margin: 20px auto 0 auto;
    font-weight: 500;
}

.popup_container.user .pledge em {
    display: block;
    line-height: 26px;
    margin-top: 2px;
}

.popup_container.user .popup_footer_txt {
    padding-top: 17px;
}

.popup_container.user .popup_footer_txt p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #111;
}

.popup_container.user .popup_footer_txt span {
    color: #2076cf;
}

.popup_container.user .popup_content .btn_popup button {
    margin: 0;
}

.popup_container.user .popup_content .btn_popup button:first-child {
    margin-right: 5px;
}



.sub_table_title {
    position: relative;
    padding-left: 20px;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 500;
}

.sub_table_title::after {
    content: '';
    display: inline-block;
    position: absolute;
    background: url("../../image/user_title_icon.png");
    width: 12px;
    height: 15px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.content_table .state.btn_user {
    width: 77px;
    font-size: 13px;
}

.content_table .state.progress_state {
    width: 102px;
    font-size: 13px;
    padding: 5px 0
}

.user_input {
    min-width: 325px;
    width: auto;
    height: auto;
    padding: 7px 10px !important;
}

.search_icon {
    background: url(../../image/common/search_icon.png) no-repeat center center/auto;
    width: 44px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 3px;
}

.user_input::placeholder {
    color: #999;
    font-size: 14px;
}

.search_box {
    display: flex;
    position: relative;
}


.popup_container.user .layer_popup {
    display: none;
}


.user_container .btn_wrap {
    margin-top: 24px;
}

.p_wrap p {
    font-size: 15px;
    color: #111111;
    line-height: 26px;
}

.p_wrap p:last-child {
    margin-bottom: 30px;
}

.pt16 {
    padding-top: 16px !important;
}

.pb16 {
    padding-bottom: 16px !important;
}

.n55 td,
.n55 th {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.n55 tbody tr:last-child td {
    border-bottom: 1px solid #e6e6e6;
}

.content_table td a {
    color: #444;
}


.p11 {
    padding: 11px !important;
}




/* 상세 팝업 */
.new_pop_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    background-color: #FFF;
    width: 100%;
    max-width: 1440px;
    height: 800px;
    display: none;
    box-shadow: 4px 7px 14px 0px rgb(0 0 0 / 30%);
}

.new_pop_wrap>div {
    overflow-y: scroll;
    padding-bottom: 20px;
    height: 100%;
}

.new_pop_arrow {
    position: relative;
    padding: 8px 38px 8px 18px;
}

.new_pop_arrow::after {
    content: '';
    position: absolute;
    background: url("../../image/common/icon_new_pop_arrow.png") no-repeat center center/auto;
    width: 11px;
    height: 8px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.new_pop_arrow.on::after {
    content: '';
    position: absolute;
    background: url("../../image/common/icon_new_pop_arrow_on.png") no-repeat center center/auto;
    width: 11px;
    height: 8px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.list_item_wrap ul li {
    position: relative;
}

.list_item_wrap ul li::after {
    content: '';
    position: absolute;
    height: calc(100% + 10px);
    width: 2px;
    background-color: #e6e6e6;
    top: 24px;
    left: 16px;
    z-index: -1;
}

.list_item_wrap ul li:last-child:after {
    display: none;
}

.list_item {
    display: flex;
    margin-top: 16px;
}

.list_item .icon {
    display: flex;
    justify-content: center;
    width: 34px;
}

.list_item .icon span {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-top: 6px;
}

.list_item .icon span.icon_inspector {
    background: url("../../image/common/icon_list_inspector.png") no-repeat center center/auto;
}

.list_item .icon span.icon_email {
    background: url("../../image/common/icon_list_email.png") no-repeat center center/auto;
    cursor: pointer;
}

.list_item .icon span.icon_none {
    background-color: #c6c6c6;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 17px;
}

.item_box {
    border: 1px solid #cecece;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    font-weight: 500;
    width: 100%;
    margin-left: 12px;
}

.item_box .item_head {
    background-color: #f2f2f2;
    display: flex;
    width: 100%;
}

.item_box .item_head>div {
    padding: 14px 17px;
    border-bottom: 1px solid #cecece;
}

.item_box .item_head>.head_right {
    padding: 14px 30px 14px 38px;
    display: flex;
    justify-content: space-between;
    width: 80%;
    font-size: 14px;
}

.item_box .item_head>.head_right .item_date {
    display: flex;
    align-items: center;
}

.item_box .item_head>.head_right .item_date em {
    margin: 0 12px;
    height: 12px;
    background-color: #888888;
    width: 1px;
    display: block;
}

.item_box .item_head>.head_right .item_deadline {
    position: relative;
    display: flex;
    align-items: center;
}

.item_box .item_head>.head_right .item_deadline::after {
    content: '';
    position: absolute;
    background: url("../../image/common/icon_deadline.png") no-repeat center center/auto;
    width: 12px;
    height: 12px;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
}

.item_box .item_head>.head_left {
    width: 20%;
    position: relative;
    font-size: 16px;
}

.item_box .item_head>.head_left::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #cecece;
    right: 0;
    top: 0;
}

.item_box .item_head.blue {
    background-color: #ecf4ff;
}

.item_box .item_content {
    padding: 12px 17px;
}

.item_box .item_content p {
    line-height: 20px;
    font-size: 14px;
}

.new_pop_wrap .line {
    position: relative;
    margin-top: 0;
}

.line::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #e6e6e6;
    height: 1px;
}

.new_pop_wrap .popup_head {
    display: flex;

    justify-content: space-between;
}

.new_pop_wrap .popup_head .new_popup_close {
    padding: 19px 30px;
}

.new_pop_wrap .popup_head .new_popup_close img {
    cursor: pointer;
}

.new_pop_wrap .popup_head span {
    padding: 19px 30px;
    display: inline-block;
    font-weight: 500;
    font-size: 21px;
}

.new_pop_wrap .popup_contents {
    padding: 0 30px;
}

.new_pop_wrap .popup_contents>h4 {
    margin-bottom: 13px;
}

.new_pop_wrap .popup_contents .tit.apricot {
    background-color: #fff2e8;
}

.new_pop_wrap .popup_contents .table_type03 td {
    padding: 15px 12px;
}

.new_pop_wrap .popup_contents .state {
    font-size: 13px;
    height: 28px;
    border: 0;
}

.new_pop_wrap_result {
    margin-bottom: 30px;
}

.new_pop_wrap .table_scroll table th::before {
    border-top: none;
}

.new_pop_wrap .popup_table_wrap table th {
    position: sticky;
    top: 0;
    z-index: 9;
}

.new_pop_wrap .popup_table_wrap table th::after,
.new_pop_wrap .popup_table_wrap table th::before {
    content: '';
    width: calc(100% + 2px);
    display: block;
    position: absolute;
    left: -1px;
}

.new_pop_wrap_result {
    display: none;
}

/* 메일 폼 팝업 */
.email_form {
    position: absolute;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 95%;
    background-color: #fff;
    padding: 17px 20px;
    display: none;
    box-shadow: 3px 3px 10px #dddada;
    height: 90%;
}

.mail_form_wrap {
    position: relative;
    width: 800px;
    margin: auto;
    background-color: #fff;
    display: none;
    height: 100%;
}

.mail_form_wrap .mail_header {
    padding-left: 13px;
    width: 100%;
    position: relative;
    height: 59px;
}

.mail_form_wrap .mail_header td:first-child {
    width: calc(100% - 32px);
}

.mail_form_wrap .mail_header .mail_close {
    background: url('../../image/common/new_popup_close.png') no-repeat center center/auto;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.mail_form_wrap table {
    border-collapse: collapse;
    width: 100%;
}

.mail_form_wrap .mail_contents {
    border: 5px solid #ff5a20;
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
    height: calc(100% - 59px);
}

.mail_contents .mail_explan {
    border-bottom: 4px solid #dadada;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 25px;
}

.mail_contents .mail_explan table tr:nth-child(1) td {
    vertical-align: top;
}

.mail_contents .mail_explan table tr:nth-child(1) td p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-size: 14px;
    letter-spacing: -0.3px;
    padding-bottom: 36px;
    ;
}

.mail_contents .mail_explan table tr:nth-child(1) td p span {
    font-weight: bold;
}

.mail_contents .mail_explan table .email_img_03 {
    height: 124px;
    position: relative;
}

/* email image   */
.mail_img_01 .mail_img {
    background: url("../../image/common/email_img_01.jpg") no-repeat center center/auto;
    width: 288px;
    height: 39px;
    display: block;
}

.mail_contents .mail_img_02 .mail_img {
    background: url("../../image/common/email_img_02.jpg") no-repeat center center/auto;
    width: 290px;
    height: 30px;
    display: block;
    margin-top: 50px;
    margin-left: 35px;
}

.mail_contents .mail_img_03 .mail_img {
    background: url("../../image/common/email_img_03.jpg") no-repeat center center/auto;
    width: 263px;
    height: 124px;
    display: block;
}


.mail_form_wrap .mail_contents .mail_inform {
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.mail_form_wrap .mail_contents .mail_inform table {
    margin-bottom: 18px;
    width: 100%;
}

.mail_form_wrap .mail_contents .mail_inform table th {
    background-color: #f7f7f7;
    padding: 11px 15px;
    line-height: 20px;
    text-align: left;
    border: 1px solid #dddddd;
    font-size: 14px;
}

.mail_form_wrap .mail_contents .mail_inform table th.color_brown {
    color: #5e1800;
}

.mail_form_wrap .mail_contents .mail_inform table td {
    padding: 11px 15px;
    line-height: 20px;
    text-align: left;
    border: 1px solid #dddddd;
    font-size: 14px;
}

.mail_form_wrap .mail_contents .mail_inform table tr:first-child {
    border-top: 2px solid #6f6d6c;
}

.mail_form_wrap .mail_contents .mail_icon {
    display: inline;
    border: 0;
    height: 124px;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mail_form_wrap .mail_contents .txt_p {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.3px;
    margin-top: 34px;
    margin-bottom: -2px;
}

.mail_form_wrap .mail_contents .txt_p span {
    color: #f48025;
    font-weight: bold;
}

.mail_form_wrap .mail_contents .mail_q_box {
    border: 2px solid #b0adad;
    padding: 19px 24px;
    box-sizing: border-box;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 0px;
}

.mail_form_wrap .mail_contents .mail_q_box p {
    color: #222;
    line-height: 22px;
    margin: 4px 0px;
    font-size: 13px;
}

.mail_form_wrap .mail_contents .mail_q_box p span {
    color: transparent;
    opacity: 0;
    margin-top: 4px;
}

.mail_form_wrap .mail_contents .mail_q_box .mail_q_box_tit {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 9px;
    font-weight: bold;
}

.mail_form_wrap .mail_contents .mail_reference {
    margin-left: 35px;
    font-size: 12px;
    color: #777777;
    margin-top: 11px;
    line-height: 18px;
    display: block;
    letter-spacing: -0.3px
}

.mail_form_wrap .mail_contents .mail_reference span {
    color: transparent;
    opacity: 0;
}

.mail_form_wrap .mail_footer {
    width: 100%;
    background-color: #f7f6f6;
    text-align: center;
    box-sizing: border-box;
    color: #666666;
    font-size: 11px;
    border-top: 1px solid #e3e3e3;
    line-height: 60px;
    height: 60px;
}

.mail_form_wrap .mail_contents .mail_btn {
    text-align: center;
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}

.mail_form_wrap .mail_contents .mail_btn button {
    color: #FFF;
    text-decoration: none;
    background: #ff5a20;
    display: inline-block;
    border-radius: 3px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 44px;
    font-weight: bold;
    height: 44px;
    width: 160px;
}

.editor_area {}

.editor_area img {
    width: 100%;
    height: 100%;
}

td.p12 {
    padding: 12px !important;
}

.p1220 {
    padding: 12px 20px !important;
}

.popup_container .layer_popup#popup1 {
    display: none;
}

.popup_container .layer_popup#popup2 {
    display: none;
}



.fwmedium {
    font-weight: 500;
}

/* // ---------------------------------------------user style ---------------------------------------------------------------- */









.table_scroll::-webkit-scrollbar-thumb {
    background: #b8b8b8;
}

.table_scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.table_scroll::-webkit-scrollbar {
    width: 8px;

}

.table_analysis_result .table_scroll::-webkit-scrollbar {
    background-color: rgb(250, 252, 254);
}



.popup_table_wrap::-webkit-scrollbar-thumb {
    background: #b8b8b8;
}

.popup_table_wrap::-webkit-scrollbar {
    width: 8px;

}

.star {
	position: relative;
	font-size: 32px;
	color: #ddd;
}

.star input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
}

.star span {
	width: 0;
	position: absolute;
	left: 0;
	color: red;
	overflow: hidden;
	pointer-events: none;
}

.ban {
	display : inline-block;
    background: url(../../image/ban.png) no-repeat center center/auto;
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.oddLine {
	background-color: #eef5f9;
}

.datepicker{ z-index:99999 !important; }

ul.likeInput {
	border: 1px solid #bababa !important;
    width: 100% !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-height: 34px;
}
/* Consistent empty state for FMS tables and the career list. */
td.fms-empty-message, li.fms-empty-message {
    text-align: center !important;
    vertical-align: middle;
    padding: 20px 12px !important;
}
#careerListBody > li.fms-empty-message {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}