@charset "UTF-8";

#wrap {
    padding-top: 60px;
    padding-bottom: 20px;
}
#wrap.bt_btn {
    padding-bottom: 90px !important;
}
.container {
    padding: 0 16px;
}

/* 404error (s)*/
.errorbox {
    width: 100vw;
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 로그인 (s)*/
#wrap.login {
    padding-top: 0;
    padding-bottom: 0;
}
#wrap.login .container {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login_logo {
    margin: 0 auto;
}
.login_logo img {
    width: 100%;
}
.login_tit {
    padding-left: 10px;
    font-size: 1.75rem;
    color: var(--black01);
    font-weight: 700;
    display: block;
}
.login_txt {
    font-size: 1.3rem;
    line-height: 1.4;
}
.login_form .txt_flex {
    color: #59627c;
    font-weight: normal;
    font-size: 0.85rem;
}
.login_form .txt_flex.font_bold {
    color: #0068ff;
    font-size: 0.95rem;
}
[class^="inputbox por_input"] {
    position: relative;
}
[class^="inputbox por_input"] .input_txt {
    padding: 0 32px;
    font-size: 1rem;
}
.btn_pw_show {
    right: 10px;
    position: absolute;
}
[class^="ico_login"] {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.ico_poA {
    left: 10px;
    position: absolute;
    z-index: 10;
}
.ico_login_id {
    width: 15px;
    height: 15px;
    background-image: url(../img/icon/ico_login_id.png);
}
.ico_login_pw {
    width: 13px;
    height: 15px;
    background-image: url(../img/icon/ico_login_pw.png);
}
.ico_login_pwShow {
    width: 20px;
    height: 12px;
    background-image: url(../img/icon/ico_login_pwHide.png);
}
.btn_pw_show.on .ico_login_pwShow {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url(../img/icon/ico_login_pwShow.png);
}
.find_pw {
    margin-left: 20px;
    position: relative;
}
.find_pw:before {
    content: "";
    width: 1px;
    height: 0.8rem;
    background-color: #d9d9d9;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    position: absolute;
}
/* 로그인 (e)*/

/* 이용동의 (s)*/
.bd_graybox {
    padding: 15px;
    border: solid 1px #d9d9d9;
    background-color: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0px 2px 6px 0px #0000001a;
}
.bd_graybox p {
    font-size: var(--f14);
}
.bd_graybox p + p {
    margin-top: 15px;
}
.bd_graybox.policy {
    width: 100%;
    max-height: 200px;
    overflow-y: scroll;
}
/* 이용동의 (e)*/

/* 환경설정 (s)*/
[class^="ico_st"] {
    margin-right: 15px;
    display: inline-block;
    width: 36px;
    height: 36px;
}
.ico_st_thema {
    background: url(../img/icon/ico_st_thema.svg) no-repeat center / contain;
}
.ico_st_member {
    background: url(../img/icon/ico_st_member.svg) no-repeat center / contain;
}
.ico_st_notify {
    background: url(../img/icon/ico_st_notify.svg) no-repeat center / contain;
}
.ico_st_password {
    background: url(../img/icon/ico_st_password.svg) no-repeat center / contain;
}
.ico_st_pattern {
    background: url(../img/icon/ico_st_pattern.svg) no-repeat center / contain;
}
.ico_st_font {
    background: url(../img/icon/ico_st_font.svg) no-repeat center / contain;
}
.ico_st_agree {
    background: url(../img/icon/ico_st_agree.svg) no-repeat center / contain;
}
.ico_st_security {
    background: url(../img/icon/ico_st_security.svg) no-repeat center / contain;
}
.ico_st_senderNum {
    background: url(../img/icon/ico_st_senderNum.svg) no-repeat center / contain;
}
.ico_st_businesscard {
    background: url(../img/icon/ico_st_businesscard.svg) no-repeat center / contain;
}
.ico_st_logout {
    background: url(../img/icon/ico_st_logout.svg) no-repeat center / contain;
}
.btn_list_add {
    background-color: var(--main01);
}
.btn_list_add img {
    padding-left: 5px;
    width: 34px;
}
.ico_list_add {
    margin-right: 5px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/icon/ico_list_add.svg) no-repeat center/ contain;
}
.bd_graybox.no_boxshadow {
    box-shadow: none;
}
/* 환경설정 (e)*/

/* 조직도 트리구조 (s)*/
[class^="treeList"] li div {
    font-size: var(--f16);
    display: flex;
    align-items: flex-start;
    padding: 14px 0;
    border-top: 1px solid #f4f4f4;
    font-weight: 500;
}
[class^="treeList"] li div a {
    width: calc(100% - 34px);
    margin-top: 4px;
}
.tree_btn.cn_solo i {
    background: none !important;
    width: 10px;
}
.tree_btn i {
    margin-right: 7px;
    width: 27px;
    height: 27px;
    display: inline-block;
}
.tree_btn i {
    background: url("../img/icon/btn_spread.svg") no-repeat center/ cover;
}
.tree_btn.cn_solo i {
    background: url("../img/icon/btn_solo_.svg") no-repeat center/ cover;
}
.tree_btn.on i {
    background: url("../img/icon/btn_pinch.svg") no-repeat center/ cover;
}
.treeList01 > li:first-child > div:first-child {
    border-top: none;
}
.treeList01 > li > div {
    padding-left: 10px;
}
.treeList01 {
    border-top: 1px solid var(--btnGray);
    /* border-bottom: 1px solid var(--black); */
}
.treeList02 > li > div {
    padding-left: 25px !important;
}
.treeList03 > li > div {
    padding-left: 40px !important;
}
.treeList04 > li > div {
    padding-left: 55px !important;
}
.treeList05 > li > div {
    padding-left: 70px !important;
}
.treeList06 > li > div {
    padding-left: 85px !important;
}
.treeList07 > li > div {
    padding-left: 100px !important;
}
.tree_depth {
    display: none;
}
.tree_disabled i {
    margin-right: 7px;
    width: 27px;
    height: 27px;
    display: inline-block;
    background: url("../img/icon/btn_spread_disabled.svg") no-repeat center/ cover;
}
.no_data {
    font-size: 1.05rem;
    text-align: center;
    height: 250px;
    line-height: 250px;
    color: #333;
    justify-content: center;
}
.ico_department {
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 50px;
    background: url(../img/icon/ico_department.svg) no-repeat center / contain;
}
.ico_department_noshare {
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 50px;
    background: url(../img/icon/ico_department_noshare.svg) no-repeat center / contain;
}
/* 트리구조 (e)*/

/* 다운로드 (s)*/
.line {
    width: 100%;
    height: 1px;
    background-color: #e9e9eb;
}
.ico_download_w {
    display: inline-block;
    width: 14px;
    margin-left: 10px;
    height: 14px;
    background: url(../img/icon/ico_download_w.svg) no-repeat center / contain;
}
.bg_graybox {
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    word-break: keep-all;
}
.bg_graybox .title {
    font-size: var(--f18);
}
.txt_flex .txt_l.circle i {
    width: 5px;
    height: 5px;
    background: url(../img/icon/txt_circle.svg) no-repeat center / contain;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}
/*
.bg_graybox .txt {
    font-size: var(--f14);
}
*/
/* 다운로드 (e)*/

/* 조직도 (s)*/
.profileBox {
    /*border-top: solid 2px var(--black);*/
    border-bottom: solid 1px #d9d9d9;
}
.profileBox > li {
    position: relative;
}
.profileBox > li + li {
    border-top: solid 1px #d9d9d9;
}
.profile_card {
    padding: 15px 48px 15px 10px;
    display: flex;
}
.profile_img {
    margin-right: 10px;
    width: 60px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}
.imgbox img {
    display: block;
    width: 100%;
}
.profile_img img {
    height: 100%;
    object-fit: cover;
}
.profile_conts {
    width: calc(100% - 75px);
    line-height: 1.8;
}
.profileName strong {
    font-size: var(--f16);
}
.profileName span {
    margin-left: 10px;
    font-size: var(--f14);
    color: #7a7a7a;
    font-weight: 500;
}
.profile_call {
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 500;
}
.department {
    font-size: var(--f14);
    font-weight: 500;
    color: var(--black);
    line-height: 1.3;
}
.profile_btn {
    position: absolute;
    right: 10px;
}
.profile_btn i {
    display: block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/icon/ico_round_bottom.svg");
}
.profile_btn.on i {
    background-image: url("../img/icon/ico_round_top.svg");
}
.profile_detailBox {
    display: none;
    padding: 15px 10px;
    border-top: solid 1px #f4f4f4;
}
.profile_detail li + li {
    margin-top: 5px;
}
.profile_detail a {
    font-size: 1rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}
.profile_detail a + a {
    margin-left: 32px;
    position: relative;
}
.profile_detail a + a::before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: #e9e9e9;
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
[class^="ico_profile_"] {
    margin-right: 7px;
    width: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.ico_profile_phone {
    height: 13px;
    background-image: url("../img/icon/ico_profile_phone.svg");
}
.ico_profile_mobile {
    height: 14px;
    background-image: url("../img/icon/ico_profile_mobile.svg");
}
.ico_profile_mail {
    height: 10px;
    background-image: url("../img/icon/ico_profile_mail.svg");
}
.profile_position {
    margin-top: 15px;
    color: #7a7a7a;
    font-weight: 400;
}
.profile_position span {
    font-size: var(--f14);
}
.profile_position span + span {
    margin-left: 10px;
    position: relative;
}
.profile_position span + span:before {
    content: ",";
    display: block;
    position: absolute;
    bottom: 2px;
    left: -6px;
}

.profile_detailcard {
    padding: 30px 0;
}
.profile_dt_img {
    position: relative;
}
.profile_dt_imgbox {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 200px;
    /* 증명사진: 354 * 472 = 3:4 */
    border-radius: 14px;
    border: solid 1px #d9d9d9;
    overflow: hidden;
}
.profile_dt_imgbox img {
    width: 101%;
    height: 100%;
    object-fit: cover;
}
.btn_bookmark {
    width: 45px;
    height: 45px;
    border: solid 1px #d9d9d9;
    border-radius: 50%;
    position: absolute;
    bottom: -12px;
    right: calc(50% - 90px);
    background-color: #fff;
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(../img/icon/ico_bookmark.svg);
}
.btn_bookmark.on {
    background-image: url(../img/icon/ico_bookmark_on.svg);
}
.profile_dt_name {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
}
.ico_profileDt_phone {
    margin-right: 5px;
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url(../img/icon/ico_profileDt_phone.svg) no-repeat center/ contain;
}
.ico_profileDt_office {
    margin-right: 5px;
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url(../img/icon/ico_profileDt_office.svg) no-repeat center/ contain;
}
.ico_profileDt_office_blue {
    margin-right: 5px;
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url(../img/icon/ico_profileDt_office_blue.svg) no-repeat center/ contain;
}
.profile_dt_list li {
    padding: 15px 5px;
    border-bottom: solid 1px #f4f4f4;
    display: flex;
    align-items: center;
}
.profile_dt_list .title {
    width: 70px;
    font-weight: 400;
}
.profile_dt_list .txt {
    font-size: var(--f18);
    width: calc(100% - 75px);
    word-break: break-all;
}
#profile_imgPop img {
    width: 100%;
}
/* 조직도 (e)*/

/* 부서상세 리스트(s)*/
.profileBox.profile_chkList {
    /*padding-bottom : 45px;*/
}
.profileBox.profile_chkList > li {
    display: flex;
}
.profileBox.profile_chkList .inputbox {
    margin-top: 40px;
    align-items: flex-start;
}
.profileBox.profile_chkList .cardbox {
    flex-shrink: 0;
    width: calc(100% - 34px);
}
/* 부서상세 리스트(e)*/

/*  개인그룹 목록 (s)*/
.profileBox.profile_deleteList > li {
    display: flex;
}
.profileBox.profile_deleteList .inputbox {
    margin-top: 40px;
    align-items: flex-start;
}
.profileBox.profile_deleteList .cardbox {
    flex-shrink: 0;
    width: calc(100% - 34px);
}
.list_delete {
    margin-top: 40px;
    align-items: flex-start;
}
.btn_list_delete {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    background: url(../img/icon/ico_list_delete.svg) no-repeat center/ contain;
}
/* 개인그룹 목록(e)*/

/*  환경설정 (s)*/
.inputbox.big_chk .input_chk {
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-position: center;
    background-size: 18px 13px;
    background-repeat: no-repeat;
    background-image: url(../img/icon/chk_off.svg);
}
.inputbox.big_chk .input_chk:checked {
    border: none;
    background-color: var(--main01);
    background-image: url(../img/icon/chk_on.svg);
}
.inputbox.big_chk input[type="checkbox"] + label,
.inputbox.big_chk input[type="radio"] + label {
    padding-left: 10px;
    font-size: 1.2rem;
    font-weight: 700;
}
.inputbox.big_chk .input_radio {
    width: 30px;
    height: 30px;
}
.ico_st_pw {
    margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/icon/ico_st_pw.svg) no-repeat center / 24px;
}
.ico_st_pt {
    margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 50px;
    background: url(../img/icon/ico_st_pt.svg) no-repeat center / 24px;
}
/*  환경설정 (s)*/

/*  그룹연락망 (s)*/
.btn_sms {
    padding: 0 16px;
    height: 32px;
    color: #fff;
    font-weight: 500;
    background-color: var(--main01);
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.btn_sms i {
    width: 18px;
    height: 14px;
    margin-right: 4px;
    display: inline-flex;
    background: url(../img/icon/ico_sms.svg) no-repeat center/contain;
}
[class^="ico_send"] {
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 50px;
}
.ico_send_sms {
    background: url(../img/icon/ico_send_sms.svg) no-repeat center / contain;
}
.ico_send_noti {
    background: url(../img/icon/ico_send_noti.svg) no-repeat center / contain;
}
.ico_send_call {
    background: url(../img/icon/ico_send_call.svg) no-repeat center / contain;
}
.btn_noti {
    width: 60px;
    height: 26px;
    font-weight: 500;
    border-radius: 7px;
    color: var(--main01);
    background-color: #f5faff;
}
.btn_noti i {
    margin-right: 4px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/icon/ico_noti.svg) no-repeat center / contain;
}
/*  그룹연락망 (s)*/

/* 알림방 리스트(s)*/
.inputbox .input_search {
    position: relative;
    width: 100%;
}
.input_search ~ .btn_style.w_small {
    min-width: 60px !important;
}
.inputbox .input_search .input_txt {
    padding-right: 30px;
}
.btn_search_reset {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: url(../img/icon/ico_header_close.svg) no-repeat center / contain;
}
[class^="ico_chat"] {
    margin-right: 15px;
    display: inline-block;
    width: 42px;
    height: 42px;
}
.ico_chat_send {
    background: url(../img/icon/ico_chat_send.svg) no-repeat center / contain;
}
.ico_chat_receive {
    background: url(../img/icon/ico_chat_receive.svg) no-repeat center / contain;
}
.details_condition {
    display: none;
}
.btn_write {
    padding: 16%;
    background-color: var(--main01);
}
.btn_write img {
    width: 24px;
}
.ico_write {
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon/ico_write_black.svg) no-repeat center/ contain;
}

.boardList > li {
    border-bottom: solid 1px #f4f4f4;
}
.boardList > li > a,
.boardList > li > .bwrap {
    padding: 15px 10px;
    display: flex;
}
.boardList .rightbox {
    margin-left: 15px;
}
.boardList .rightbox {
    display: flex;
    align-items: center;
}
.boardList .title {
    font-weight: 700;
}
.boardList .write_date {
    font-size: var(--f13);
    color: var(--gray);
}
.boardList .write_date .writer {
    font-size: var(--f14);
    display: inline-block;
    color: var(--black);
    margin-right: 8px;
}

.boardList .bullon {
    margin-top: 10px;
    width: 40px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/icon/ico_balloon.svg) no-repeat center/ contain;
}
.boardList .bullon span {
    margin-bottom: 9px;
    font-size: var(--f14);
    color: var(--main02);
    font-weight: 500;
}
.boardList .arrow {
    margin-left: 15px;
    width: 7px;
}
.boardList .arrow img {
    width: 100%;
}
.boardList i {
    flex-shrink: 0;
}

.boardList.boardList01 {
    border-top: solid 1px var(--black);
    border-bottom: solid 1px var(--black);
}
.boardList01 .leftbox {
    width: 150px;
    flex-grow: 3;
}
.boardList.boardList01 li:last-child {
    border-bottom: none;
}
.boardList.boardList01 .write_date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: -0.5px;
}
.title .ico_file_attachB {
    margin-left: 5px;
    position: inherit;
    width: 14px;
    height: 18px;
}

.boardList02 > li:not(:last-child) {
    border-bottom: solid 1px #f4f4f4;
}
.boardList02 > li + li {
    border-top: none;
}
.boardList02 > li > a {
    justify-content: space-between;
}
.boardList02 .leftbox {
    width: 90px;
    flex-grow: 3;
}
.boardList.boardList02 .title {
    font-size: 1.2rem;
    word-break: keep-all;
}

.boardList03 .leftbox {
    width: 150px;
    flex-grow: 3;
}
.boardList03 > li {
    border: solid 1px #d9d9d9;
    border-radius: 7px;
}
.boardList03 > li:not(:first-child) {
    margin-top: 10px;
}
.boardList.boardList03 > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.boardList.boardList03 > li > a .title {
    min-height: 50px;
}
.boardList.boardList03 > li.no_data {
    border: none;
}

.boardList.boardList04 > li {
    padding: 16px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boardList.boardList05 > li {
    padding: 10px 5px;
    display: flex;
}
.boardList.boardList05 .list_delete {
    flex-shrink: 0;
    margin-top: 5px;
}
.boardList.boardList05 .contsbox {
    flex: 3;
    width: 170px;
}
.boardList.boardList05 .topbox {
    display: flex;
    justify-content: space-between;
}
.boardList.boardList05 .leftbox {
    flex: 3;
    width: 128px;
    text-align: left;
}
.boardList.boardList05 .position {
    margin-left: 5px;
    font-size: var(--f14);
    color: var(--gray);
}
.boardList.boardList05 .team {
    min-width: 128px;
    line-height: 1.5;
    font-size: var(--f14);
}
.boardList.boardList05 .rightbox {
    flex-shrink: 0;
    margin-left: 10px;
    display: block;
}
.boardList.boardList05 .rightbox .btn_call {
    width: 32px;
    margin-left: 0px;
    margin-top: 0;
}
.boardList.boardList05 .receive_chk {
    width: 32px;
    font-size: var(--f11);
    color: var(--main01);
    background-color: var(--sub02);
    font-weight: 600;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.boardList.boardList05 .bottombox {
    margin-top: 5px;
    text-align: left;
}
[class^="response_check"] {
    display: flex;
    align-items: center;
    font-size: var(--f14);
}
[class^="response_check"] + span {
    margin-left: 10px;
}
[class^="response_check"] img {
    margin-right: 4px;
    width: 20px;
}
[class^="ico_attach"] {
    margin-right: 10px;
    display: inline-block;
    width: 21px;
    height: 50px;
}
.ico_attach_photo {
    background: url(../img/icon/ico_attach_photo.svg) no-repeat center / contain;
}
.ico_attach_camera {
    background: url(../img/icon/ico_attach_camera.svg) no-repeat center / contain;
}
.ico_attach_doc {
    background: url(../img/icon/ico_attach_doc.svg) no-repeat center / contain;
}

.boardList.boardList06 {
    border-top: solid 2px var(--black);
    border-bottom: solid 1px var(--black);
}
.boardList.boardList06 .contsbox {
    padding: 15px 10px;
    display: flex;
}
.boardList.boardList06 .contsbox .title {
    font-size: 1.2rem;
}

/* 알림방 리스트(e)*/

/* 알림방 응답 팝업(s)*/
[class^="ico_check"] {
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 50px;
}
.ico_check_respond {
    background: url(../img/icon/ico_receive_respond.svg) no-repeat center / contain;
}
.ico_check_y {
    background: url(../img/icon/ico_receive_y.svg) no-repeat center / contain;
}
.ico_check_n {
    background: url(../img/icon/ico_receive_n.svg) no-repeat center / contain;
}
/* 알림방 응답 팝업(e)*/

/* 유관기관(s)*/
.ico_office {
    margin-right: 15px;
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../img/icon/ico_office.svg) no-repeat center / contain;
}
.phone_num {
    font-weight: 600;
}
.phone_num a {
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
}
.phone_num a + a {
    margin-left: 20px;
}
/* 유관기관(e)*/

/* 최근게시글(s)*/
[class^="post_label"] {
    width: 50px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 50px;
}
.post_label_notice {
    color: #8113d8;
    background-color: #f0e9ff;
}
.post_label_noti {
    color: #099d44;
    background-color: #e3ffda;
}
.post_label_event {
    color: #ff326f;
    background-color: #ffeef0;
}
.post_label_hr {
    color: #3051fe;
    background-color: #e2f0ff;
}
/* 최근게시글(e)*/

/* 게시글(s)*/
.posting_box .title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: var(--f14);
    border-bottom: solid 1px #eaeaea;
    font-weight: 700;
    position: relative;
}
.posting_box .conts {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 600;
}
.posting_box .conts .receiver_list {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.posting_box .conts + .conts {
    margin-top: 10px;
}
.posting_box .conts.posting_txt {
    display: block;
    min-height: 60px;
    max-height: 150px;
    overflow-y: auto;
}
.btn_call {
    flex-shrink: 0;
    margin-top: -5px;
    margin-left: 10px;
    width: 40px;
}
.btn_call img {
    width: 100%;
}
.posting_box .imgList {
    display: flex;
    flex-wrap: wrap;
}
.posting_box .imgList li {
    width: calc((100vw - 32px) / 3 - 3.5px);
    height: calc((100vw - 32px) / 3 - 3.5px);
}
.posting_box .imgList li:not(:nth-child(3n + 1)) {
    margin-left: 5px;
}
.posting_box .imgList li:nth-child(n + 4) {
    margin-top: 5px;
}
.posting_box .imgList a {
    height: 100%;
    display: block;
    border: solid 1px #eee;
    overflow: hidden;
    position: relative;
}
.posting_box .imgList img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imgList .btn_imgAdd {
    width: 100%;
    height: 100%;
    border: solid 1px #eee;
}
.imgList .btn_imgAdd img {
    margin: 0 auto;
    width: 40px;
    height: auto;
    object-fit: inherit;
}
.imgList .btn_imgAdd span {
    margin-top: 5px;
    font-weight: 500;
}
.imgList .btn_imgDelete {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: var(--black);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    background-image: url(../img/icon/ico_close_white.svg);
}
.flie_veiwList {
    width: 100%;
}
.flie_veiwList li + li {
    margin-top: 5px;
}
.flie_veiwList li a {
    display: block;
    text-decoration: underline;
    height: 43px;
    padding: 10px 36px;
    position: relative;
    border: 1px solid #e2e4e5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.ico_file_attachB {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 16px;
    height: 30px;
    background: url(../img/icon/ico_file_attachB.svg) no-repeat center/ contain;
}
.ico_file_view {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 16px;
    height: 30px;
    background: url(../img/icon/ico_fileview.svg) no-repeat center/ contain;
}
.ico_file_viewer {
    margin-right: 5px;
    margin-bottom: 3px;
    display: inline-block;
    width: 16px;
    height: 30px;
    background: url(../img/icon/ico_fileview.svg) no-repeat center/ contain;
    vertical-align: middle;
}
.ico_file_video {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 16px;
    height: 30px;
    background: url(../img/icon/ico_file_video.svg) no-repeat center/ contain;
}
.ico_file_videoViewer {
    margin-right: 5px;
    margin-bottom: 3px;
    display: inline-block;
    width: 16px;
    height: 30px;
    background: url(../img/icon/ico_file_video.svg) no-repeat center/ contain;
    vertical-align: middle;
}
.pin {
    margin-right: 5px;
    width: 16px;
}
.pin img {
    width: 16px;
    height: 16px;
}
/* 게시글(e)*/

/* 대화방 */
.chat_btnList {
    display: flex;
    align-items: center;
}
.chat_btnList li {
    width: calc(100% / 4);
}
.chat_btnList li a {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 2px #d9d9d9;
}
.chat_btnList li a.active {
    border-color: var(--main01);
}
.chat_btnList li a img {
    margin: 0 auto;
    width: 22px;
    height: 22px;
}
.chat_btnList li span {
    margin-top: 10px;
    font-weight: 600;
}
.chat_roomList li a {
    margin-top: 2px;
    width: 100%;
    padding: 16px;
    border-bottom: solid 1px #f4f4f4;
    display: flex;
}
[class^="profile_group"] {
    width: 52px;
    height: 52px;
    position: relative;
}
[class^="profile_group"] .profilebox {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    position: absolute;
}
.profile_group4 .profilebox:nth-child(1) {
    top: 0;
    left: 0;
}
.profile_group4 .profilebox:nth-child(2) {
    top: 0;
    right: 0;
}
.profile_group4 .profilebox:nth-child(3) {
    top: 27px;
    left: 0;
}
.profile_group4 .profilebox:nth-child(4) {
    top: 27px;
    right: 0;
}

.profile_group3 .profilebox:nth-child(1) {
    top: 0;
    left: 0;
}
.profile_group3 .profilebox:nth-child(2) {
    top: 0;
    right: 0;
}
.profile_group3 .profilebox:nth-child(3) {
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
}

.profile_group2 .profilebox:nth-child(1) {
    top: 0;
    left: 0;
}
.profile_group2 .profilebox:nth-child(2) {
    bottom: 0;
    right: 0;
}

.profile_group1 .profilebox:nth-child(1) {
    width: 100%;
    height: 100%;
}

.chat_txtbox {
    margin-left: 10px;
    width: calc(100% - 62px);
}
.chatroom {
    position: relative;
}
.chatroom_title {
    position: relative;
    width: fit-content;
    max-width: calc(100% - 154px);
}
.chatroom_title p {
    font-size: var(--f16);
    font-weight: 700;
}
.chat_memberNum {
    font-size: var(--f16);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 100%;
}
.chat_date {
    font-size: var(--f14);
    color: var(--gray);
    position: absolute;
    top: 0;
    right: 0;
}
.chat_lastconts {
    margin-top: 5px;
    font-size: var(--f14);
    color: var(--gray);
    height: 1rem;
    overflow: hidden;
    word-break: break-all;
}
[class^="float_btn"] {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 10;
}
.bt_btn [class^="float_btn"] {
    bottom: 90px;
}
[class^="float_btn"] button {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 3px rgb(0 0 0 / 10%);
}
.btn_chat_roomAdd {
    padding: 16%;
    background-color: var(--main01);
}
.btn_chat_roomAdd span {
    margin-top: 5px;
    color: #fff;
    font-size: 12px;
}
[class^="float_btn"] button img {
    margin: 0 auto;
}
.btn_chat_roomAdd img {
    padding-left: 2px;
    width: 24px;
}

/* 대화방 상세 */
#wrap.chat_page {
    padding-bottom: 0;
}
.btn_chatInfo {
    width: 24px;
}
.btn_chatInfo img {
    width: 100%;
}
.chat_page .container {
    height: calc(100vh - 60px);
    padding: 0;
    display: flex;
    flex-direction: column;
}
.chat_dateWrap {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    text-align: center;
}
div + .chat_dateWrap {
    margin-top: 20px;
}
.chat_dateWrap .line {
    width: calc(50% - 70px);
}
.chat_dateWrap .chat_datebox {
    font-size: 12px;
    width: 140px;
    color: var(--gray);
}
.chatList [class^="sender_"] + [class^="sender_"] {
    margin-top: 30px;
}
[class^="sender_"] {
    display: flex;
}
.profile_box {
    flex-shrink: 0;
    margin-right: 10px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}
.profile_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
[class^="sender_"] .message_box {
    position: relative;
}
[class^="sender_"] .message {
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 1.3;
    word-break: break-all;
    white-space: pre-wrap;
}
.sender_another .message a {
    text-decoration: underline;
    color: var(--blue);
    word-break: break-all;
}
.sender_self .message a {
    text-decoration: underline;
    color: #fff;
    word-break: break-all;
}
[class^="sender_"] .message img {
    width: 100%;
}
.sender_another {
    justify-content: left;
}
.sender_another .message_box {
    max-width: calc(100vw - 184px);
}
.sender_another .message {
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    background-color: #f1f2f6;
}
.sender_self {
    justify-content: right;
}
.sender_self .message_box {
    max-width: calc(100vw - 150px);
}
.sender_self .message {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    font-weight: 400;
    color: #fff;
    background-color: var(--main01);
}
.message.img_wrap {
    padding: 0;
    background-color: unset;
}
.message_box .sender {
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 700;
}
.message_box .sms_time {
    width: 90px;
    color: var(--gray);
    font-size: var(--f13);
    position: absolute;
    bottom: 5px;
    letter-spacing: -1px;
    display: flex;
    align-items: flex-end;
}
.message_box .sms_time > * {
    flex-shrink: 0;
}
.message_box .sms_time span + span {
    margin-left: 2px;
}
.message_box .sms_time .send_chk {
    min-width: 14px;
    padding: 2px 4px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: var(--f11);
    letter-spacing: 0;
    color: var(--main01);
    background-color: var(--sub02);
}
.sender_another .sms_time .send_chk {
    margin-left: 3px;
}
.sender_self .sms_time .send_chk {
    margin-right: 2px;
}
.sender_another .message_box .sms_time {
    left: calc(100% + 5px);
}
.sender_self .message_box .sms_time {
    right: calc(100% + 5px);
}
.sender_self .sms_time {
    justify-content: right;
}
.chat_box {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 5%);
}
.chat_box div {
    display: flex;
    align-items: center;
}
.chatList {
    height: calc(100vh - 115px);
    overflow-y: auto;
    padding: 75px 15px 15px;
}
.chatList.noticeOff {
    padding-top: 15px !important;
}
.chat_inputbox {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 45px;
    padding: 12px 20px;
    border-radius: 22px;
    background-color: #f1f1f1;
}
.chat_inputbox .chat_textarea {
    flex: 1;
    width: 100%;
    min-height: 1.3rem;
    font-size: 1rem;
    line-height: 1.3;
    overflow-y: hidden;
    /* padding: 0 20px; */
    /* border-radius: 22px; */
    letter-spacing: -0.5px;
    background-color: #f1f1f1;
    border: none;
    color: #2a2a2b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}
.btn_fileAdd {
    flex-shrink: 0;
    width: 30px;
    height: 45px;
}
.btn_fileAdd img {
    margin: auto 0;
    width: 20px;
}
.btn_fileAdd.on img {
    transform: rotate(45deg);
}
.btn_send {
    flex-shrink: 0;
    margin-left: 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--main01);
    background-image: url(../img/icon/ico_send.svg);
    background-position: 12px 14px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.fileAddList {
    display: flex;
}
.fileAddList li {
    width: calc(100vw / 3);
    height: 0;
    overflow: hidden;
    transition: 0.3s;
}
.fileAddList li + li {
    border-left: solid 1px #f1f1f1;
}
.fileAddList li button {
    margin: 20px auto 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.fileAddList.on li {
    height: 100px;
}
.fileAddList li button img {
    margin: 0 auto;
}
.fileAdd_img img {
    width: 27px;
}
.fileAdd_doc img {
    width: 26px;
}
.fileAdd_camera img {
    width: 28px;
}
.fileAddList li button > span > span {
    margin-top: 10px;
    width: 100%;
}
.img_preview {
    margin: 0 auto 15px;
    width: 40vw;
    height: 40vw;
    min-width: 150px;
    max-width: 200px;
    min-height: 150px;
    max-height: 200px;
    border-radius: 14px;
    overflow: hidden;
}
.img_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat_memInvite {
    padding: 5px 40px;
    min-height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    color: #fff;
    font-weight: 200;
    font-size: var(--f12);
    background-color: var(--black2);
    opacity: 0.75;
    border-radius: 14px;
}
div + .chat_memInvite {
    margin-top: 15px;
}
.chat_memInvite + div {
    margin-top: 15px;
}

/* 대화방 상세 공지 */
.chat_notice {
    width: calc(100vw - 30px);
    padding: 10px 0 10px 15px;
    display: flex;
    background-color: rgb(45 45 45 / 80%);
    position: fixed;
    top: 70px;
    left: 15px;
    border-radius: 7px;
    z-index: 10;
}
.chat_notice .profile_box {
    width: 30px;
    height: 30px;
}
.chat_notice .chat_noticeConts {
    padding-right: 50px;
    width: calc(100% - 40px);
    position: relative;
}
.chat_notice .chat_noticeConts .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat_notice .chat_noticeConts.on .txt {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
}
.chat_notice .chat_noticeDate {
    font-size: var(--f11);
    color: #d9d9d9;
}
.btn_chatnotiDetail {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/ico_arrowDown_white.svg);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-position: top center;
    position: absolute;
    top: 5px;
    right: 5px;
}
.chat_notice .chat_noticeConts.on .btn_chatnotiDetail {
    background-image: url(../img/icon/ico_arrowUp_white.svg);
}
.btn_chatnotiHide {
    margin-top: 8px;
    height: 24px;
    display: none;
    font-weight: 300;
    background-color: rgb(255 255 255 / 20%);
    font-size: var(--f12);
    border-radius: 4px;
    color: #fff;
}
.receive_chkDate {
    font-size: var(--f13);
}
.receive_chk_no {
    width: 50px;
    height: 1.4rem;
    line-height: 1.3rem;
    font-size: var(--f13);
    border-radius: 50px;
    border: solid 1px var(--gray);
}
.receive_chk_yes {
    width: 50px;
    height: 1.4rem;
    line-height: 1.3rem;
    color: var(--main01);
    font-size: var(--f13);
    border-radius: 50px;
    border: solid 1px var(--main01);
}

/* 대화방 설정 */
.header .exit {
    height: 22px;
}
.header .exit img {
    height: 100%;
}
.list01 li a {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #f4f4f4;
    font-size: var(--f18);
}
.list01 .leftbox {
    width: calc(100% - 15px);
}
.list01 .rightbox .arrow {
    width: 7px;
}
.list01 .rightbox .arrow img {
    width: 100%;
}
[class^="member_wrap"] {
    padding: 0 5px;
}
[class^="member_wrap"] .title {
    font-size: var(--f19);
    font-weight: 700;
}
.memberList {
    height: calc(100vh - 270px);
    overflow-y: auto;
}
.memberList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.memberList li + li {
    margin-top: 15px;
}
.memberList li > a {
    display: flex;
    align-items: center;
}
.btn_memberAdd {
    width: 40px;
    height: 40px;
}
.btn_memberAdd img {
    width: 100%;
}
.profilebox {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 14px;
}
.profilebox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile_name {
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.profile_name .me {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: 300;
    font-size: var(--f14);
    background-color: var(--gray);
    line-height: 30px;
    text-align: center;
}
.profile_name p {
    font-weight: 700;
    width: calc(100vw - 140px);
}

/* 프로필 상세 팝업 */
.profileDetail .pop_head {
    border: none;
}
.profileDetail .pop_body {
    padding-top: 10px;
}
.profileDetail .close_x button {
    width: 40px;
    height: 40px;
    background-color: var(--black);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/icon/ico_close_white.svg);
    background-size: 15px;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -50px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.chat_profile_img {
    margin: -55px auto 0 !important;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}
.chat_profile_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile_dt_name {
    font-size: 1.4rem;
    font-weight: 700;
}
.profile_dt_position {
    margin-left: 5px;
    font-weight: 700;
}
.profile_dt_department {
    font-size: var(--f14);
    font-weight: 400;
}
.btn_popCall {
    flex-wrap: wrap;
    padding: 16px 0;
}
.btn_popCall > span {
    width: 100%;
    font-size: var(--f16);
}
.call_label {
    display: flex;
    align-items: center;
    justify-content: center;
}
[class^="ico_call"] {
    flex-shrink: 0;
    margin-right: 5px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.call_num {
    margin-top: 5px;
}

/* 대화방 이름 */
.right_btn {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
.right_btn button {
    font-weight: 600;
    font-size: 1rem;
}

/* 대화 초대 */
.choose_member {
    margin-top: 5px;
    width: 100%;
    height: 90px;
    display: flex;
    overflow-x: auto;
    border-bottom: solid 1px #d9d9d9;
}
.choose_member li {
    padding: 10px 0;
    position: relative;
    width: 50px;
}
.choose_member li + li {
    margin-left: 20px;
}
.choose_member li p {
    width: 100%;
}
.btn_memberDelete {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--black);
    position: absolute;
    top: 4px;
    right: -10px;
}
.btn_memberDelete img {
    width: 40%;
    margin: 0 auto;
}
.btn_department {
    width: 70px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: solid 1px #1f1f1f;
    font-weight: 600;
}
.ico_arrow_right {
    margin-left: 5px;
    display: inline-block;
    width: 5px;
    height: 10px;
    background: url(../img/icon/ico_right_arrow.svg) no-repeat center/ contain;
}
.member_wrap + [class^="member_wrap"] {
    padding-top: 10px;
    border-top: solid 1px #d9d9d9;
}

.btn_chatout,
.btn_chatCancel {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.btn_chatout {
    background-color: #eee;
}
.btn_chatout img {
    margin: 0 auto;
    width: 18px;
}
.btn_chatCancel {
    display: none;
    background-color: #ffe3e3;
}
.btn_chatCancel img {
    margin: 0 auto;
    width: 18px;
}
.memberList.memberList01,
.memberList.memberList02 {
    height: auto;
}

.memberList.memberList01 .profile_name p {
    width: calc(100vw - 216px);
}
.memberList.memberList01 .profile_name .me + p {
    width: calc(100vw - 252px);
}

/* 공지 팝업 */
.input_chk.round_chk {
    border-radius: 50%;
    background-size: 12px 7px;
}
.input_chk.round_chk:checked {
    background-size: 12px 7px;
}

/* 즐겨찾기 수정 */
.bookmark_btnbox {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.bookmark_btnbox button {
    display: block;
    width: 42px;
    height: 30px;
    border: solid 1px var(--black);
    border-radius: 7px;
    background-repeat: no-repeat;
    background-size: 15px 10px;
    background-color: #fff;
    background-position: center;
}
.bookmark_btnbox button + button {
    margin-top: 5px;
}
.bm_up {
    background-image: url(../img/icon/ico_arrowUp_black.svg);
}
.bm_down {
    background-image: url(../img/icon/ico_arrowDown_black.svg);
}
.btn_bookmarkEdit {
    padding: 16%;
    background-color: var(--main01);
}
.btn_bookmarkEdit img {
    width: 24px;
}

/* 게시글 상세 (s) */
.boardDetail {
    border-top: solid 1px var(--black);
    border-bottom: solid 1px var(--black);
    margin-top: 20px;
}
.boardDetail > li {
    padding: 10px 0;
}
.boardDetail > li:first-child {
    border-bottom: solid 1px #d9d9d9;
}
/* .boardDetail > li:nth-child(2) {
    border-bottom: solid 1px var(--black);
} */
.boardDetail > li:last-child {
    border: none !important;
}
.boardDetail_title {
    font-size: var(--f17);
    font-weight: 800;
}
.boardDetail_info {
    margin-top: 10px;
    color: var(--gray);
    font-size: var(--f13);
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: -0.5px;
}
.boardDetail_conts {
    min-height: 120px;
}
/* 게시글 상세 (e) */

/* 첨부파일뷰어 (s)*/
#wrap.file_viewer {
    height: 100vh;
    overflow: hidden;
    padding-bottom: 0;
}
#wrap.file_viewer .container {
    padding: 0;
}
.file_conts {
    height: calc(100vh - 60px);
    background-color: #eee;
    overflow: scroll;
}
[class^="btn_zoom"] {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: 15px;
    z-index: 99;
    border-radius: 50%;
    border: solid 1px var(--black);
    background-position: center;
    background-repeat: no-repeat;
}
.btn_zoomPlus {
    top: 80px;
    background-size: 20px 20px;
    background-color: var(--black);
    background-image: url(../img/icon/ico_zoomPlus.svg);
}
.btn_zoomMinus {
    top: 128px;
    background-size: 20px 4px;
    background-color: #fff;
    background-image: url(../img/icon/ico_zoomMinus.svg);
}
.file_pagebox {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_numPage {
    width: 80px;
}
[class^="btn_page"] {
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 8px 13px;
}
.btn_pagePrev {
    margin-right: 15px;
    background-position: 12px center;
    background-image: url(../img/icon/ico_pagePrev.svg);
}
.btn_pageNext {
    margin-left: 15px;
    background-position: 14px center;
    background-image: url(../img/icon/ico_pageNext.svg);
}
.pageNumList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pageNumList li {
    width: calc(100% / 3 - 7px);
}
.pageNumList li + li {
    margin-left: 10px;
}
.pageNumList li:nth-child(3n + 1) {
    margin-left: 0;
}
.pageNumList li:nth-child(n + 4) {
    margin-top: 10px;
}
.pageNumList li a {
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: solid 1px var(--black);
    border-radius: 7px;
    background-color: #fff;
}
.pageNumList li a.active {
    background-color: var(--black);
    color: #fff;
}
.pageNumList li a strong {
    margin-right: 2px;
}
/* 첨부파일뷰어 (e)*/
/* 퇴청관리 (s)*/
.boardList.boardList03.inspectList > li > a {
    padding: 10px 15px;
}
.inspectList .inspect_good {
    border: solid 1px var(--main01);
}
.inspectList .inspect_unchk {
    border: solid 1px var(--gray);
}
.inspectList .inspect_bad {
    border: solid 1px var(--red);
}
.inspectList .label {
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--f12);
    font-weight: 400;
    color: #fff;
}
.inspectList .inspect_good .label {
    background-color: var(--main01);
}
.inspectList .inspect_unchk .label {
    background-color: var(--gray);
}
.inspectList .inspect_bad .label {
    background-color: var(--red);
}
.inspectList .txt {
    line-height: 1.3rem;
}
.inspectList .txt strong {
    width: 64px;
}
/* 퇴청관리 (e)*/
/* 당직 (s)*/
.dutyList .label {
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--f12);
    color: var(--gray);
    border: solid 1px var(--gray);
}
.dutyChgList .txt_flex .txt_l {
    width: 64px;
}
.btn_dutyReason {
    position: absolute;
    top: 2px;
    right: 0;
}
.btn_dutyReason i {
    display: block;
    width: 10px;
    height: 7px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/icon/ico_black_select_arrow.svg);
}
.btn_dutyReason.on i {
    transform: rotate(180deg);
}
/* 당직 (e)*/
/* 전자명함 (s)*/
.business_cardbox {
    padding: 0 20px;
}
.gov_logo {
    width: 40vw;
    max-width: 180px;
    margin: 30px auto;
}
.gov_logo img {
    width: 100%;
}
.bc_name {
    text-align: center;
}
.bc_name strong {
    font-size: 1.5rem;
}
.bc_name span {
    font-size: var(--f17);
}
.bc_name p {
    margin-top: 10px;
    color: var(--gray);
    font-size: var(--f18);
}
.bc_info {
    margin-top: 20px;
}
.bc_info li {
    display: flex;
    align-items: flex-start;
    padding: 15px 10px;
    font-size: var(--f17);
    word-break: break-all;
}
.bc_info li + li {
    border-top: solid 1px #d9d9d9;
}
.bc_info li span {
    flex-shrink: 0;
    width: 80px;
    font-weight: 600;
}
.bc_btnList {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bc_btnList li {
    width: calc(25% - 7.5px);
}
.bc_btnList li:not(:first-child) {
    margin-left: 15px;
}
.bc_btnList li img {
    width: 100%;
}
/* 전자명함 (e)*/

/* 최근기록 (s) */
.delList li {
    display: flex;
    align-items: center;
}
.delList li .btn_list_delete {
    flex-shrink: 0;
    margin-left: 10px;
    margin-right: 0;
}
.delList .bwrap {
    width: 100%;
}
/* 최근기록 (e) */

/* 프로필 사진 수정 (s) */
.btn_profile_mod_img {
    width: 45px;
    height: 45px;
    border: solid 1px #d9d9d9;
    border-radius: 50%;
    position: absolute;
    bottom: -12px;
    right: calc(50% - 90px);
    background-color: #fff;
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(../img/icon/ico_chatInfo.svg);
}

.ico_attach_profile_img_del {
    background: url(../img/icon/ico_chatCancel.svg) no-repeat center / contain;
}

.profile_mod_imgbox {
    margin-top: 30px;
}

/* 프로필 사진 수정 (e) */