* {
    font: var(--font-body-md);
    color: var(--txt-default);
}

html,
body {
    overflow: hidden;
    position: relative;
    width: 100%;
    /* height: 100%; */
    height: calc(var(--vh, 1vh) * 100);
    min-width: 360px;

}
main {
    margin-left: 115px;
    height: calc(100% - 80px);
    overflow-y: scroll;
}
.pc-ct {
    display: block;
}
.m_side_menu {
    display: none;
}
/* 공통 common */
.blind {
    display: none;
}
.txt-blind{
    font-size: 0px;
    position: absolute;
    clip-path: polygon(0 0,0 0,0 0,0 0);
    text-indent: -9999px;
}
.hidden {
    /* overflow: hidden !important; */
}
.hidden-item {
    display: none!important;
}

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

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.pos-r {
    position: relative;
}

.h-auto {
    height: auto;
}
.ellipsis1{
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ellipsis2{
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 스크롤 js 관련 */
.visible > .mCustomScrollBox, .visible > .mCustomScrollBox > .mCSB_container {
    overflow: visible;
}

/* 스와이퍼 공통 */
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}


/* 비활성화 공통 클래스 */
.disabled {
    background-color: var(--input-dis) !important;
    color: var(--txt-second) !important;
    border: none;
    pointer-events: none;
    border-radius: inherit;
    border-color: var(--input-dis) !important;
}
.disabled * {
    background-color: var(--input-dis) !important;
    color: var(--txt-second) !important;
    border: none;
    pointer-events: none;
    border-radius: inherit;
    fill: var(--gray-70);
}
.disabled .icon {
    fill:var(--txt-second) !important;
    background: transparent !important;
}
input:disabled, textarea:disabled {
    -webkit-text-fill-color: var(--txt-second);
}

input:disabled + label {
    color: var(--txt-second);
}

.select-list.disabled {
     border-radius: var(--default-bdrs);;
}

.btn-icon.disabled .icon {
    filter: grayscale(1) brightness(5) !important;
    background: transparent !important;
}
.event-date.disabled {
    pointer-events: none;
}
.event-date.disabled input {
    background: var(--input-dis);
    color: var(--txt-second);
}
.event-date.disabled .btn-icon {
    background-color: var(--input-dis);
    color: var(--txt-second);
    border: none;
    pointer-events: none;
}
.event-date.disabled .btn-icon .icon {
    filter: grayscale(1) brightness(5);
}
.event-date.disabled:before, .event-date.disabled:after {
    background: var(--input-dis) !important;
}
.input-group .event-date-group .event-time.disabled input {
    background-color: var(--input-dis) !important;
    color: var(--txt-second) !important;
    pointer-events: none;
}
.radio-wrap .label, .radio-wrap label {
    background: transparent !important;
}
.radio-group input.disabled::before {
    border-color: var(--txt-second);
}

.check-wrap .label, .check-wrap label {
    background: transparent !important;
}
.check-group input.disabled {
    background: transparent !important;
}
.check-group input.disabled::before {
    border-color: var(--txt-second);
    background: var(--input-dis);
}
.check-group input.disabled:checked::before {
    background: var(--input-dis);
}


/* 브레드크럼 breadcrumb*/
.breadcrumb {
    display: flex;
    align-items: center;
    margin-left: 8px;
    padding: 8px;
}
.overview_wrap .breadcrumb {
    margin-bottom: 45px;
}
.breadcrumb > li:not(.m-ct){
    display: flex;
    align-items: center;
    position: relative;
}
.breadcrumb > li::before {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    margin: 0 4px;
    background: center / cover no-repeat url("/images/icon/angle-right-min-gray.svg");
    position: relative;
    top: 2px;
}
.breadcrumb > li:first-child:before {
    display: none;
}
.breadcrumb > li p, .breadcrumb > li h2 {
    font: var(--font-title-bold);
    display: flex;
    align-items: flex-end;
}
.breadcrumb .acc {
    cursor: pointer;
}
.breadcrumb .acc .icon {
    width: 22px;
    height: 22px;
    text-align: center;
    position: relative;
    transition: all 0.2s;
}
.breadcrumb .acc.active .icon {
    filter: brightness(6) saturate(0.7) hue-rotate(21deg);
    transform: rotate(180deg);
}
.breadcrumb li .sub_cat {
    position: absolute;
    background: #fff;
    box-shadow: var(--shadow-object);
    white-space: nowrap;
    z-index: 1;
    top: 25px;
    right: 0;
    transform: translateY(0px);
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    transition: all 0.2s;
}
.breadcrumb .acc.active + .sub_cat {
    opacity: 1;
    visibility: initial;
    transform: translateY(10px);
}
.breadcrumb li .sub_cat li{
    color: var(--txt-second);
    padding: 4px 8px 0;
    display: flex;
    align-items: center;
    line-height: 1;
}
.breadcrumb li .sub_cat li:first-child {
    padding-top: 16px;
}
.breadcrumb li .sub_cat li:last-child{
    padding-bottom: 16px;
}
.breadcrumb li .sub_cat li a {
    width: 100%;
    padding: 4px 16px;
    border-radius: var(--default-bdrs);
}
.breadcrumb li .sub_cat li a:hover {
    background: var(--primary-80);
}

/* 조직도 브레드크럼 breadcrumb*/
.tree-breadcrumb span {
    font: var(--font-body-bold);
    position: relative;
    /* white-space: nowrap; */
}
.tree-breadcrumb .tree-breadcrumb-1depth:before {
    content: "\e9d1";
    font-family: xeicon;
    margin-right: 4px;
    font-size: 18px;
    vertical-align: text-bottom;
}
.tree-breadcrumb .tree-breadcrumb-2depth:before {
    content: "\e93f";
    font-family: xeicon;
    vertical-align: text-bottom;
    margin-right: 2px;
}
.tree-breadcrumb .tree-breadcrumb-3depth:before {
    content: "\e93f";
    font-family: xeicon;
    vertical-align: text-bottom;
    margin-right: 2px;
}


header .btn-back {
    width: 28px;
}
header .btn-back i {
    width: 28px;
    height: 28px;
}

/* 버튼 button*/
/* 버튼 가로 정렬 */
.btn-type1 {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* 버튼 세로 정렬 */
.btn-type2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.btn-type3 {
    margin-left: auto;
}
.btn {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border-radius: var(--default-bdrs);
    font: var(--font-btn-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    word-break: keep-all;
    transition: all 0.1s;
}
.btn-small {
    min-width: 80px;
    width: auto;
    height: 37px;
    padding: 8px;
    font: var(--font-btn-sm-bold);
}
.btn .icon {
    width: 24px;
    height: 24px;
    position: relative;
    top: 1px;
}
.btn span {
    margin-left: 8px;
    font: inherit;
}
.btn-main {
    background: var(--primary-blue);
    color: #fff;
    border: 1px solid var(--primary-blue);
}
.btn-main * {
    color: #fff;
}
.btn-main .icon {
    filter: contrast(0) brightness(2);
}
/* 버튼 > 흰바탕 파란선 파란글씨 */
.btn-sub1 {
    background: #fff;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
}
.btn-sub1 * {
    color: var(--primary-blue);
}
/* 버튼 > 연파랑 */
.btn-sub2 {
    background-color: var(--primary-60);
    color: #fff;
}
.btn-sub2 *  {
    color: #fff;
}
/* 버튼 > 회색 */
.btn-sub3 {
    background-color: #fff;
    border: 1px solid var(--gray-60);
    color: var(--txt-second);
}
.btn-sub3 {
    color: var(--txt-second);
}
/* 버튼 > 투명바탕에 파란글씨 */
.btn-sub4 {
    color: var(--primary-blue);
    background: transparent;
}
.btn-sub4 * {
    color: var(--primary-30);
}
/* 버튼 > 빨간색 바탕 */
.btn-sub5 {
    background-color: var(--red);
    color: #fff;
}
.btn-sub5 * {
    color: inherit;
}
/* 버튼 > 빨간색 라인 */
.btn-sub6 {
    background: transparent;
    border: 1px solid var(--red);
    color: red;
}
.btn-sub6 * {
    color: currentColor;
}
/* 버튼 > 아이콘 */
.btn-sub-icon {
    background-color: transparent;
    color: var(--primary-blue);
}
.btn-sub-icon i {
    font-size: 30px;
    color: currentColor;
}


.btn-main:active {
    background: var(--primary-30);
}
.btn-sub1:active {
    background: var(--primary-90);
}
.btn-sub2:active {
    background-color: var(--primary-50);
}
.btn-sub3:active {
    background: var(--gray-90);
}
.btn-sub4:active {
    background: var(--primary-90);
}
.btn-sub5:active {
    background-color: var(--red-sign);
}
.btn-sub-icon:hover * {
    color: var(--primary-50);
}
.btn-sub7:active {
    background-color: var(--red-bg);
}

/* 추가 버튼 */
.btn-add {
    position: absolute;
    right: 0;
    top: -15px;
}

/* 원형 버튼 */
.btn-circle {
    width: var(--input-h);
    height: var(--input-h);
    display: grid;
    place-content: center;
    border-radius: 50%;
    font: var(--font-body-bold);
    color: #fff;
}
.type-hcp {
    background: var(--hcp);
}
.type-ppmi {
    background: var(--ppmi);
}
.type-ppsi {
    background: var(--ppsi);
}
.btn-circle.off {
    background: transparent;
    border: 1px solid var(--gray-70);
    color: var(--gray-70);
}

/* 히스토리, 다운로드 버튼*/
.btn-history:hover {
    background: transparent;
}
.btn-history:hover * , .btn-download:hover * {
    filter: brightness(4) saturate(2) hue-rotate(16deg);
}

.btn-edit {
    width: auto;
}
.btn-edit:hover * {
    filter: brightness(4) saturate(2) hue-rotate(16deg);
}
.btn-view-history {
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-view-history.active {
    transform: rotate(180deg);
}

.btn-excel-download {
    width: 150px;
    /* white-space: nowrap; */
}

/* ### 상태 + 버튼 조합 ### */
.status-btn-group > .flex-between {
    /* flex-direction: column; */
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}
.status-btn-group > .flex-between .list-wrap-title {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.status-btn-group .inner-flex-between {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
}

.status-btn-group .inner-flex-between .tab-tool-tip {
    right: 0;
    top: auto;
    bottom: 67px;
}
.status-btn-group .inner-flex-between .tab-tool-tip .icon {
    left: auto;
    right: 30px;
    top: auto;
    bottom: -14px;
    transform: rotate(90deg);
}
.status-btn-group .status-info {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.status-btn-group .status-info span {
    font: inherit;
    color: currentColor;
    margin-left: 4px;
}

/* 임시 저장 .type1*/
.status-btn-group.type1 > .flex-between {
    /* display: none; */
}
.status-btn-group.type1 .list-title {
    /* display: none; */
}
.status-btn-group.type1 :is(.list-wrap, .list-card-wrap) {
    /* display: none; */
}
.status-btn-group.type1 .status-info {
    /* display: block; */
    color: var(--gray)
}
/* 승인 대기 .type2*/
.status-btn-group.type2 .list-title {
    display: block;
}
.status-btn-group.type2 .status-info {
    /* display: block; */
    color: var(--blue);
}
.status-btn-group.type2 :is(.btn-save, .btn-applay) {
    display: block;
}

.status-btn-group.type2 .list-card-wrap {
    display: none;
}
/* 반려 .type3*/
.status-btn-group.type3 .status-info {
    /* display: block; */
    color: var(--red);
}

/* 승인 완료 .type4 */
.status-btn-group.type4 .list-title {
    display: block;
}
.status-btn-group.type4 .status-info {
    /* display: block; */
    color: var(--green);
    position: relative;
}
.status-btn-group.type4 .status-info:before {
    content: "\e929";
    font-size: 24px;
    font-family: xeicon;
    position: relative;
    /* top: 2px; */
}


.input-group .btn-icon {
    width: var(--input-h);
    height: var(--input-h);
    border-radius: var(--default-bdrs) 0 0 var(--default-bdrs);
    flex-shrink: 0;
    display: grid;
    place-content: center;
    cursor: pointer;
    transition: all 0.2s;
}
.input-group .btn-icon-bg {
    padding-bottom: 0;
    border-left: 2px solid var(--gray-80);
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
    background: var(--primary-90);
    cursor: pointer;
}
.input-group .btn-icon-bg:active {
    background: var(--primary-80);
}
.input-group .btn-icon .icon {
    width: 30px;
    height: 30px;
    transition: all 0.1s;
}

/* 오프라인 장소 설명 start */
.offline, .info-icon, .btn-add {
    display: inline-block;
    vertical-align: middle;
}
.info-icon {
    position: relative;
}
.info-icon > .icon {
    width: 20px;
    height: 30px;
    transition: all 0.1s;
    cursor: pointer;
    padding-bottom: 5px;
}
.info-icon div.tab-tool-tip {
    position: absolute;
    display: block;
    text-align: center;
    top: -23px;
    left: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
}
.info-icon:hover div.tab-tool-tip {
    visibility: visible;
    opacity: 1;
}
.info-icon .tab-tool-tip .point-icon {
    width: 20px;
    height: 20px;
    fill: var(--primary-60);
    position: absolute;
    left: -15px;
    top: 25px;
    transform: rotate(180deg);
}
/* 오프라인 장소 설명 end */

:is(.btn-goto-coupa-apply, .btn-goto-med-apply) {
    align-content: center;
    font: var(--font-body-bold);
    flex-wrap: wrap;
    text-indent: 0;
}
:is(.btn-goto-coupa-apply, .btn-goto-med-apply).done {
    background-color: var(--gray-80) !important;
    color: var(--txt-second) !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none;
    position: relative;
    overflow: hidden;
    padding-left: 30px;
}
:is(.btn-goto-coupa-apply, .btn-goto-med-apply).done:before {
    content: "";
    width: 100px;
    height: 100px;
    background: var(--primary-60);
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(50deg) translate(-90%, 0%);
}
:is(.btn-goto-coupa-apply, .btn-goto-med-apply).done:after {
    content: "\e929";
    font-family: "xeicon";
    font-size: 24px;
    position: absolute;
    left: 2px;
    top: 2px;
    color: #fff;
    font-weight: normal;
}

:is(.btn-goto-coupa-apply, .btn-goto-med-apply).request {
    background-color: var(--gray-80) !important;
    color: var(--txt-second) !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none;
    position: relative;
    overflow: hidden;
}
:is(.btn-goto-coupa-apply, .btn-goto-med-apply).reject {
    color: #fff !important;
    background-color: var(--red) !important;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;
}

:is(.btn-goto-coupa-apply, .btn-goto-med-apply) em {
    font: inherit;
    color: currentColor !important;
    background: transparent !important;
    margin-left: 4px;
}

/* 스위치 */
.btn-switch {
    display: inline-block;
    width: 56px;
    height: 29px;
    position: absolute;
    right: 0;
    top: -10px;
    padding-bottom: 0;
}
.btn-switch:after {
    content: none !important;
}
.btn-switch input {
    opacity: 0;
    width: 0;
    height: inherit !important;
}
.btn-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-80) !important;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: calc(29px / 2);
}
.btn-switch .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
}
.btn-switch input:checked + .slider {
    background-color: var(--primary-70) !important;
}
.btn-switch input:checked + .slider:before {
    left: calc(100% - 4px - 21px);
}
.main-list  .btn-switch {
    position: relative;
    right: auto;
    top: auto;
}
.btn-switch.disabled {
    background: transparent !important;
}

/*  speaker, 아젠다 삭제버튼 */
.btn-del {
    width: var(--check-box-size);
    height: var(--check-box-size);
    border-radius: 50%;
    background: var(--red-sign);
    display: grid;
    place-content: center;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(40%, 50%);
    z-index: 1;
}
.btn-del svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}
.btn-del:active {
    background: var(--red);
}

/* 반복되는 인풋그룹의 레이블 삭제 및 btn-del 위치 조정 */
.input-group.non-label > label, .input-group.non-label > .label {
    display: none;
}
.input-group.non-label .btn-del{
    transform: translate(40%, -40%);
}

.btn-del-square {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background: #fff;
    border: 2px solid var(--red-sign);
    box-sizing: content-box;
    flex-shrink: 0;
}
.btn-del-square svg {
    width: 20px;
    height: 20px;
    fill: var(--red-sign);
}
/* 상세보기 버튼 */
.btn-detail {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--primary-blue);
    display: grid;
    place-content: center;
    flex-shrink: 0;
}
.btn-detail .icon {
    width: 23px;
    height: 23px;
    filter: contrast(0) brightness(2)
}
.btn-detail:active {
    background: var(--primary-30);
}

/* 행사명 추가 / agency도 동일 */
.btn-event-name-add, .btn-agc-name-add {
    width: var(--check-box-size);
    height: var(--check-box-size);
    position: absolute;
    right: 30px;
    top: 24px;
    z-index: 1;
    border-radius: 5px;
    background: #fff;
    border: 2px solid var(--primary-blue);
    transition: all 0.1s;
}
.btn-event-name-add:active, .btn-agc-name-add:active {
    background: var(--primary-90);
}
.btn-event-name-add svg, .btn-agc-name-add svg {
    width: 29px;
    height: 29px;
}

/* 사후보고 작성하기 */
.btn-goto-af {
    color: var(--primary-60);
    position: relative;
    transition: all 0.2s;
}
.btn-goto-af:before {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--primary-60);
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: all 0.2s;
}
.btn-goto-af:hover {
    color: var(--primary-70);
}
.btn-goto-af:hover:before {
    background: var(--primary-60);
}
:is(.list-card, .dec_full) .btn-goto-af:before,
:-webkit-any(.list-card, .dec_full) .btn-goto-af:before {
    background: #fff;
}
:is(.list-card, .dec_full) .btn-goto-af,
:-webkit-any(.list-card, .dec_full) .btn-goto-af {
    color: #ffffff;
}
.dec_full .btn-goto-af {
    font: var(--font-body-sm-md);
}
:is(.list-card, .dec_full) .btn-goto-af svg,
:-webkit-any(.list-card, .dec_full) .btn-goto-af svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    position: absolute;
    top: 2px;
    left: calc(100% + 6px);
    transition: all 0.2s;
    opacity: 0;
    transform: translateX(-28px);
}
:is(.list-card, .dec_full) .btn-goto-af:after,
:-webkit-any(.list-card, .dec_full) .btn-goto-af:after {
    background: #fff;
    bottom: -1px;
}
:is(.list-card, .dec_full) .btn-goto-af:hover,
:-webkit-any(.list-card, .dec_full) .btn-goto-af:hover {
    padding-right: 16px;
}
:is(.list-card, .dec_full) .btn-goto-af:hover:after,
:-webkit-any(.list-card, .dec_full) .btn-goto-af:hover:after {
    background: #fff;
}
:is(.list-card, .dec_full) .btn-goto-af:hover svg,
:-webkit-any(.list-card, .dec_full) .btn-goto-af:hover svg {
    opacity: 1;
    transform: translateX(-20px);
}

/*  이니셜 버튼, 아이콘*/
.btn-bu {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--gray-80);
    background: #ffffff;
    color: var(--gray-80);
    font: var(--font-body-bold);
}
.btn-bu.all.active {
    border-color: var(--bu-all);
    background: var(--bu-all-bg);
    color: var(--bu-all);
}
.btn-bu.dbu.active {
    border-color: var(--bu-dbu);
    background: var(--bu-dbu-bg);
    color: var(--bu-dbu);
}
.btn-bu.obu.active {
    border-color: var(--bu-obu);
    background: var(--bu-obu-bg);
    color: var(--bu-obu);
}
.btn-bu.rbu.active {
    border-color: var(--bu-rbu);
    background: var(--bu-rbu-bg);
    color: var(--bu-rbu);
}
.user-initial-group {
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
}
.user-initial {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--gray-70);
    background: #ffffff;
    color: var(--gray-70);
    /* font-size: 16px; */
    font: var(--font-body-bold);
    text-align: center;
    display: grid;
    place-content: center;
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all 0.2s;
}
.user-initial + .user-initial {
    margin-left: -10px;
}
.user-initial .main-manager {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
}
.user-initial.all {
    border-color: var(--bu-all);
    background: var(--bu-all-bg);
    color: var(--bu-all);
}
.user-initial.dbu, .user-initial.dbu .main-manager {
    border-color: var(--bu-dbu);
    background: var(--bu-dbu-bg);
    color: var(--bu-dbu);
}
.user-initial.obu, .user-initial.obu .main-manager {
    border-color: var(--bu-obu);
    background: var(--bu-obu-bg);
    color: var(--bu-obu);
}
.user-initial.rbu, .user-initial.rbu .main-manager {
    border-color: var(--bu-rbu);
    background: var(--bu-rbu-bg);
    color: var(--bu-rbu);
}
.user-initial.etc {
    border-color: var(--txt-second);
    background: var(--gray-90);
    color: var(--txt-second);
}
.user-initial .main-manager {
    padding: 5px;
    position: absolute;
    left: -10px;
    top: -10px;
}
.user-initial.dbu .main-manager svg {
    fill: var(--bu-dbu);
}
.user-initial.obu .main-manager svg {
    fill: var(--bu-obu);
}
.user-initial.rbu .main-manager svg {
    fill: var(--bu-rbu);
}


/* tab 메뉴 > 메인 디자인*/
.tab-wrap {}
.main-tap-swiper {
    overflow-x: auto;
}
.tab-wrap .tab-group {
    --tab-wrap-minW: 200px;
    --tab-length: 8;
    width: calc(100% / var(--tab-length));
    min-width: var(--tab-wrap-minW);
}
.ppmi .tab-wrap .tab-group {
    --tab-length: 7;
}
.ppsi .tab-wrap .tab-group {
    --tab-wrap-minW: 170px;
    --tab-length: 5;
}

.cus .tab-wrap .tab-group {
    --tab-length: 5;
}
.cus.speaker .tab-wrap .tab-group {
    width: 239px;
}
.tab-wrap .tab-group input {
    width: 0;
    height: 0;
    appearance: none;
    position: absolute;
}
.tab-wrap .tab-group label {
    width: 100%;
    height: 54px;
    padding: 0 30px;
    background: #fff;
    text-align: center;
    font: var(--font-title-sm-bold);
    color: var(--gray-70);
    word-break: keep-all;
    white-space: nowrap;
    display: grid;
    place-content: center;
    grid-auto-flow: column;
    gap: 4px;
    position: relative;
    cursor: pointer;
    transition: color 0.2s;
}
.tab-wrap .tab-group label:after {
    content: "";
    width: 100%;
    height: inherit;
    display: block;
    border-bottom: 1px solid var(--primary-blue);
    box-sizing: inherit;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.tab-wrap .tab-group input:checked + label {
    color: var(--primary-blue);
}
.tab-wrap .tab-group .input:checked + label:after {
    border-width: 4px 1px 1px 1px;
    border-color: transparent var(--gray-90) var(--primary-blue) transparent;
    border-style: solid;
}
.tab-wrap .tab-group input:checked + label:after {
    content: "";
    width: 100%;
    height: inherit;
    display: block;
    border-width: 4px 1px 0px 1px;
    border-color: var(--primary-blue);
    border-style: solid;
    box-sizing: inherit;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.tab-wrap .tab-group input:checked + label:before {
    content: "";
    width: calc(100% - 2px);
    height: 8px;
    display: block;
    background: #ffffff;
    position: absolute;
    left: 1px;
    bottom: -4px;
    z-index: 1;
}
.tab-wrap .tab-group label svg {
    width: 28px;
    height: 28px;
    fill: var(--gray-70);
    transition: fill 0.2s;
}

.tab-wrap .tab-group input:checked + label svg {
    fill: var(--primary-blue);
}

/* tab 메뉴 > 서브 디자인*/
.sub-tab-wrap {
    width: 100%;
    border-bottom: 2px solid var(--primary-60);
    display: flex;
    gap: 4px;
    margin-bottom: var(--content-padding-y);
}
.sub-tab-group input {
    width: 0;
    height: 0;
    appearance: none;
    position: absolute;
    left: -9999px;
}
.sub-tab-group label {
    width: auto;
    height: 42px;
    padding: 0 30px;
    background: var(--primary-80);
    font: var(--font-title-sm-bold);
    color: var(--primary-50);
    border-radius: 10px 10px 0 0;
    display: grid;
    place-content: center;
    position: relative;
    cursor: pointer;
    transition: color 0.2s;
}
.sub-tab-group input:checked + label {
    background: var(--primary-60);
    color: #fff;
}

.sub-tab-group .label {
    width: auto;
    height: 42px;
    padding: 0 30px;
    background: var(--primary-80);
    font: var(--font-title-sm-bold);
    color: var(--primary-50);
    border-radius: 10px 10px 0 0;
    display: grid;
    place-content: center;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}
.sub-tab-group.active .label {
    background: var(--primary-60);
    color: #fff;
}

/* 오버뷰의 컨텐츠 박스 */
.content-box {
    box-shadow: var(--shadow-object);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.content-box .title {
    padding: 0 30px;
    padding-right: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 70px;
    border-bottom: 1px solid var(--gray-80);
    background: #fff;
    position: relative;
    z-index: 1;
}
.content-box .title h5 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font: var(--font-title-header-bold);
    color: var(--txt-default);
}
.content-box .title h5 + .btn-type1 a {
    min-width: auto;
}

/* 상세 페이지 반반 레이아웃 */
.content-half {
    display: flex;
    gap: 40px;
}
.content-half > div {
    flex: 1;
}


.status-group {
    display: flex;
    position: relative;
}
.status-group .status{
    font: var(--font-title-sm-bold);
    position: relative;
}
.status-group .status:first-child {
    padding-right: 8px;
    border-right: 2px solid var(--gray-80);
}
.status-group .status:last-child {
    margin-left: 8px;
}
.status-group .status div .icon {
    /* filter: hue-rotate(102deg) brightness(2) contrast(1); */
    width: 18px;
    height: 18px;
    margin-bottom: 2px;
    cursor: pointer;
}
/* Coupa 미등록 상태 */
.coupa-type1 .status-group  .status:first-child div {
    display: block;
    color: var(--gray);
}
/* Coupa 등록 대기  */
.coupa-type2 .status-group  .status:first-child div {
    color: var(--blue);
}
/* Coupa 반려  */
.coupa-type3 .status-group  .status:first-child div {
    color: var(--red);
}
/* Coupa 등록 상태 */
.coupa-type4 .status-group  .status:first-child {
    display: none;
}

/* MED 미등록 상태 */
.med-type1 .status-group .status:last-child div {
    color: var(--gray);
}
/* MED 승인대기 상태 */
.med-type2 .status-group  .status:last-child div {
    color: var(--blue);
}
/* MED 승인 상태 */
.med-type4 .status-group .status:last-child div {
    color: var(--green);
}
/* MED 반려,비활 상태 */
.med-type3 .status-group .status:last-child div {
    color: var(--red);
}

:is(.coupa-type1, .med-type1) .status-group .status div .icon {
    filter: grayscale(1) brightness(5.6);
}
:is(.coupa-type1, .med-type4) .status-group .status div .icon {
    filter: hue-rotate(273deg) brightness(2) contrast(1);
}

:is(.coupa-type3, .med-type3) .status-group .status div .icon {
    filter: hue-rotate(102deg) brightness(2) contrast(1);
}
/* MED 툴팁 비활성 */
:is(.med-type1, .med-type2, .med-type4) .status-group .status:last-child :is(i, .tab-tool-tip){
    display: none;
}

/* hcp 박스 */
.hcp-info-box {
    width: 100%;
    height: auto;
    border: 2px solid var(--primary-50);
    border-radius: var(--default-bdrs);
}
.hcp-info-box > div {
    height: 100%;
    padding: var(--content-inner-gap);
    position: relative;
    display: flex;
    flex-direction: column;
}
.hcp-info-box .status-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--primary-50);
}
.hcp-info-box .hcp-dept {
    font: var(--font-body-bold);
    color: var(--primary-blue);
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.hcp-info-box .hcp-dept * {
    font: inherit;
    color: currentColor;
}
/* .hcp-info-box .hcp-dept .hcp-class { */
/*     font: var(--font-body-bold); */
/* } */
.hcp-info-box .status-group {}
.hcp-info-box .status-group .status{}
.hcp-info-box .status-group .status div{}
.hcp-info-box .hcp-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    color: var(--primary-blue);
}
.hcp-info-box .hcp-info .hcp-dept {
    color: currentColor;
}
.hcp-info-box .input-group {
    margin-bottom: 0;
}
.hcp-info-box .input-group .select-list {
    margin-bottom: 0;
}
.hcp-info-box input.signed {
    background: var(--green);
    color: #fff;
}
.hcp-info-box input.signed + .btn-icon .icon {
    filter: contrast(0) brightness(2);
}
.hcp-info-box input.signed-before {
    background: var(--gray);
    color: #fff;
}
.hcp-info-box input.signed-before + .btn-icon .icon {
    filter: contrast(0) brightness(2);
}
.hcp-info-box .hcp-name{
    font: var(--font-title-bold);
    color: var(--primary-blue);
}
.hcp-info-box .hcp-dept + .hcp-name {
    margin-top: 5px;
}
.hcp-info-box .hcp-name .hcp-name-en{
    font: inherit;
    color: inherit;
}
.hcp-info-box .hcp-info > div {
    color: currentColor;
}
.hcp-info-box .hcp-info > div:first-child * {
    color: currentColor;
}
.hcp-info-box .hcp-info .hcp-hospital {
    margin-bottom: 5px;
}
.hcp-info-box .hcp-info .hcp-name + .hcp-hospital {
    margin-top: 5px;
}
.hcp-info-box .hcp-info .hcp-hospital .hcp-hospital-en {
    font: inherit;
    color: inherit;
}
.hcp-info-box .hcp-info .hcp-contact {
    display: flex;
    gap: 20px;
}
.hcp-info-box .hcp-info .hcp-contact div {
    font: var(--font-body-md);
}
.hcp-info-box .hcp-info .hcp-contact div .icon{
    width: 23px;
    height: 23px;
    color: inherit;
    padding-right: 4px;
    margin-top: -2px;
}
.hcp-info-box .sub-box-group {
    display: flex;
    gap: 10px;
}
.hcp-info-box .sub-box {
    width: 100%;
    /* height: auto; */
    height: 34px;
    padding: 8px 10px;
    background: var(--primary-80);
    border-radius: var(--default-bdrs);
    display: flex;
    justify-content: space-between;
}
.hcp-info-box .sub-box .sub-box-title{
    font: var(--font-body-bold);
    color: var(--txt-second);
}
.hcp-info-box .sub-box .sub-box-ct{
    font: var(--font-body-md);
    color: var(--primary-blue);
    display: flex;
    gap: 20px;
}
.hcp-info-box .sub-box .sub-box-ct * {
    color: currentColor;
}

/* 설명 박스 */
.txt-info-box {
    background: var(--bg-defalt);
    padding: 8px 10px;
}
.txt-info-box .inner {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    flex-wrap: wrap;
}
.txt-info-box b {
    font: var(--font-sub-bold);
}
.txt-info-box span {
    font: 400 10px/14px "Noto Sans KR", sans-serif;
}

/* 검색결과가 존재하지 않습니다. */
.non-search-result {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal .non-search-result {
    height: 34.5vh;
}

.modal-non-participant-find .non-search-result {
    height: 34vh;
}

.non-search-result img {
    height: 60px;
    margin-bottom: 8px;
}

.non-search-result svg {
    margin-bottom: 30px;
}
.cus-2col-group-wrap .non-search-result {
    background: var(--input-dis);
}

/* 인풋 input*/
.input-group {
    position: relative;
    margin-bottom: 30px;
}
.input-group {
    position: relative;
    margin-bottom: 30px;
}
label, .label {
    display: block;
    padding-bottom: 8px;
    font: var(--font-body-bold);
}

.input-group input ,.input-group textarea {
    display: block;
    width: 100%;
    height: var(--input-h);
    padding: 0 20px;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    background-color: #fff;
    -webkit-appearance: none;
    font: var(--font-body-bold);
    color: var(--txt-default);
}

.input-group input.auto-width-input {
    text-overflow: clip;
}

/* 가로 형태 인풋 */
.input-group-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 30px;
    margin-bottom: 17px;
}
.input-group-row.inner-textarea {
    align-items: baseline;
}
.input-group-row.inner-textarea :is(label, .line) {
    position: relative;
    top: -4px;
}

li+.input-group-row {
    margin-top: 17px;
}
li > .input-group-row:first-of-type {
    margin-top: 17px;
}
.input-group-row label {
    padding-bottom: 0;
    background: #fff;
}
.input-group-row label span {
    font: inherit;
}
.input-group-row .line {
    width: 100%;
    height: 1px;
    border-top: 1px dashed var(--gray-70);
}
.input-group-row > div {
    max-width: 67.6923076923077%;
    width: 100%;
    flex-shrink: 0;
}
.input-group-row .txt-error {
    width: 100%;
    margin: 12px 0 0;
    font: var(--font-body-md);
    color: var(--red-sign);
}
/* 인풋창 형태를 가릴때 */
.input-group-row.not-input input{
    box-shadow: none;
    color: var(--txt-second);
    background-color: #ffffff !important;
}
.input-group-row .select-list {
    margin-bottom: 0;
}
.input-group-row .select-list input {
    margin: 0;
    width: 100%;
    max-width: none;
}
.input-group-row .select-group-list {
    max-width: 67.6923076923077%;
    margin-bottom: 0;
    top: 50px;
}
.input-group-row .select-group-list ul {
    padding-left: 0;
}

/* 인풋 autofill 해제 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--txt-default);
    transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: var(--txt-default);
    transition: background-color 5000s ease-in-out 0s;
}

.input-group input.active {
    color: var(--green);
}
.input-group input.inactive {
    color: var(--red);
}
.input-group input.type1 {
    color: var(--gray);
}
.input-group input.type2 {
    color: var(--blue);
}
.input-group input.type3 {
    color: var(--red);
}
.input-group input.type4 {
    color: var(--green);
}

.input-group.input-group-line > div > input[type="text"]:not(.datePicker-start-y, .datePicker-start-m, .datePicker-start-d, .datePicker-end-y, .datePicker-end-m, .datePicker-end-d) {
    box-shadow: none;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
}

.input-group.input-group-underline input {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid var(--gray-70);
    color: var(--primary-blue);
}

.input-group.input-group-sub3 input {
    box-shadow: none;
    color: #fff;
    background: var(--primary-60);
}
.input-group.input-group-sub3 .btn-icon {
    fill: #fff;
    color: #fff;
}
.input-group textarea {
    min-height: 150px;
    resize: none;
    padding: 20px;
    text-indent: 0;
    overflow-y: scroll;
    opacity: 1;
    /* -webkit-text-fill-color: var(--txt-default); */
}
.input-group textarea.disabled {
    pointer-events: unset;
}


.input-group .text-area {
    display: block;
    box-shadow: none;
    height: 100px;
    resize: none;
    padding: 10px;
    margin-top: 12px;
    text-indent: 0;
}

.input-group .text-area .tag-ipt-group{
    display: inline-block;
    margin: 1px 0px 1px 5px;
}
.input-group .text-area .tag-ipt-group:before{
    color: #959595;
    display: inline-block;
    margin: 0 -2px 5px 0;
    vertical-align: top;
}
.input-group .text-area .tag-ipt-group:before {
    content: "#";
}

.input-group .text-area .tag-ipt-group .ipt-tag {
    border: none;
    color: #000;
    display: inline-block;
    height: 20px;
    line-height: 16px;
    min-height: 16px;
    outline: none;
    overflow-y: hidden;
    position: relative;
    padding : 0;
    width: 140px;
    font: var(--font-body-sm-md);
}

.input-group .text-area .tag{
    display: inline-block;
    height: 20px;
    margin: 0 4px 4px 0;
    padding : 0 10px;
}

.input-group input::placeholder, .input-group textarea::placeholder {
    color: var(--gray-70);
}
.input-group textarea::placeholder {
    /* -webkit-text-fill-color: var(--txt-default); */
}

.agenda-repeat-group {
    margin-bottom: 30px;
}

/* 필수 표시 */
.required > label:after, .required > .label:after{
    content: " *";
    font: inherit;
    color: var(--red-sign);
}
.required > .label+.label:after {
    content: "";
}
th.required:after,
td.required:after {
    content: " *";
    font: inherit;
    color: var(--red-sign);
}
th.required .div-label{
    font: inherit;
    vertical-align: middle;
}
th.required .div-label:after {
    content: " *";
    font: inherit;
    color: var(--red-sign);
}
.prod-capa-detail-list-card .required>span:after {
    content: " *";
    font: inherit;
    color: var(--red-sign);
}

.input-group .btn-type1 {
    margin-bottom: 12px;
}
/* 인풋 안에 레이블이 있을 경우 */
.input-group .inner-label {
    position: relative;
    display: flex;
    margin-bottom: 12px;
    box-shadow: var(--shadow-object);
    background: transparent;
    border-radius: var(--default-bdrs);
    overflow: hidden;
}
.input-group .inner-label .label {
    width: 112px;
    height: var(--input-h);
    font: var(--font-body-md);
    color: var(--txt-second);
    background: #fff;
    flex-shrink: 0;
    border-radius: var(--default-bdrs) 0 0 var(--default-bdrs);
}
.input-group .inner-label .label {
    padding: 15px 20px 0 20px;
}
.input-group .inner-label input {
    padding-left: 0;
}
.input-group .inner-label input,
.input-group .inner-label .label + input{
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
    box-shadow: none;
}
.input-group .inner-label:has(.btn-icon) input {
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}
.input-group .inner-label textarea {
    box-shadow: none;
    padding: 15px;
    padding-left: 0;
}

.input-group .inner-label.inner-tool-tip {
    overflow: visible;
}

.input-group .flex-between {
    margin-bottom: 12px;
    position: relative;
}
.flex-between .inner-label {
    width: 100%;
}
.flex-between .inner-label + .inner-label{
    margin-left: 12px;
}
.flex-between .inner-label input {
    border-radius: var(--default-bdrs);
}
.flex-between .event-date-wrap + div:not(.select-group-calendar) {
    width: 100%;
    margin-left: 12px;
}
.input-group .grid {
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.input-group .grid .inner-label {
    margin-bottom: 0;
}
.input-group .grid .label {
    width: 90px;
    text-align: justify;
}
.input-group .grid .label:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.input-group .grid + .inner-label {
    margin-top: 12px;
}

/* 인풋 오른쪽에 버튼이 있을 경우 */
.input-group .inner-btn-select {
    display: flex;
    box-shadow: var(--shadow-object);
    border-radius: var(--default-bdrs);
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
}
.input-group .inner-btn-select input {
    border-radius: 0;
    box-shadow: none;
}
.input-group .inner-btn-select .btn-file-select {
    padding-bottom: 0;
    border-left: 2px solid var(--gray-80);
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
}
/* 인풋 font: var(--font-body-bold); 첨부 */
.input-group .inner-btn-file-select {
    display: flex;
    box-shadow: var(--shadow-object);
    border-radius: var(--default-bdrs);
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
}
.input-group .inner-btn-file-select input {
    padding-right: 45px;
    border-radius: 0;
    box-shadow: none;
    display: none;
}
.input-group .inner-btn-file-select.attach input {
    color: var(--primary-blue) !important;
    -webkit-text-fill-color: var(--primary-blue) !important;
    text-decoration: underline;
    cursor: pointer;
}
.input-group .inner-btn-file-select.attach.disabled, .input-group .inner-btn-file-select input[type="text"].disabled.attach {
    pointer-events: auto;
    cursor: pointer;
} 
.input-group .inner-btn-file-select.disabled input {
    padding-right: 20px;
}
.input-group .inner-btn-file-select .btn-file-select {
    padding-bottom: 0;
    border-left: none;
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
}
.input-group .inner-btn-file-select .btn-del {
    border-radius: 5px;
    background: #fff;
    border: 2px solid var(--red-sign);
    display: grid;
    transform: translate(-20%, 30%);
    display: none;
}

.input-group .inner-btn-file-select.disabled .btn-del {
    display: none!important;
}
.input-group .inner-btn-file-select .btn-del svg {
    width: 32px;
    height: 32px;
    fill: var(--red-sign);
}
.input-group .inner-btn-file-select .btn-del:active {
    background: #ffecec;
}
.input-group .inner-btn-file-select.inner-label .btn-del {
    transform: translate(-20%, 30%);
}

/* input-group 안의 등급, 라디오 */
.inner-label.inner-grade,
.inner-label.inner-radio {
    box-shadow: none;
    margin-bottom: -15px;
}
.inner-label.inner-grade .grade-group {
    align-items: center;
}

.input-group .grade-group .star {
    cursor: pointer;
    width: 24px;
    height: 24px;
}
.inner-label.inner-radio .radio-wrap {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

/* 가짜 인풋 input*/
.input-group .fake-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--input-h);
    padding: 0 20px;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    background-color: #fff;
    -webkit-appearance: none;
    font: var(--font-body-bold);
    color: var(--txt-default);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    user-select: none;
}
.input-group .fake-input .fake-placeholder {
    font: var(--font-body-bold);
    color: var(--gray-70);
}
.input-group .inner-btn-select .fake-input {
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}
.input-group .inner-btn-select .fake-input.disabled + .btn-icon {
    display: none;
}
.input-group .fake-input .fake-value {
    width: 100%;
    display: flex;
}
.input-group .fake-input .fake-value .name {
    margin-left: 2px;
}
.input-group .fake-input .fake-value .name + span,
.input-group .fake-input .fake-value span:last-child {
    flex: 1;
    text-align: right;
}

/* 오프라인 장소 인풋의 내용 순서 변경 */
.repeater-group-wrap .input-group .fake-input .fake-value {
    flex-direction: row-reverse;
    justify-content: flex-end;
    overflow-x: hidden;
}
.repeater-group-wrap .input-group .fake-input .fake-value .name {
    order: 1;
}
.repeater-group-wrap .input-group .fake-input .fake-value .loc {
    order: 2;
}
.repeater-group-wrap .input-group .fake-input .fake-value .name + span,
.repeater-group-wrap .input-group .fake-input .fake-value span:last-child {
    margin-right: 8px;
    flex: initial;
    order: 3;
}

/* 가짜 테이블 table */
.fake-table {
    width: 100%;
    text-align: center;
    word-break: keep-all;
    display: block;
}
.fake-table .thead {
    background: var(--gray-90);
    display: flex;
    text-align: center;
    font: var(--font-body-sm-bold);
}
.fake-table .thead > div{
    position: relative;
    min-height: 60px;
    padding: 14px 10px;
    font: var(--font-body-sm-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid var(--gray-70);
    border-bottom: 2px solid var(--gray-70);
}
.fake-table .thead .required::after {
    content: " *";
    font: inherit;
    color: var(--red-sign);
}
.fake-table .tbody {
    border-bottom: 1px solid var(--txt-second);
    background: #fff;
}
.fake-table .tbody > div {
    display: flex;
}
.fake-table .tbody > div + div  {
    border-top: 1px solid var(--gray-70);
}
.fake-table .tbody > div > div {
    min-height: 50px;
    padding: 12px 10px;
    font: var(--font-body-bold);
    vertical-align: middle;
}
.fake-table .tbody .td {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fake-table .input-group {
    width: 100%;
    margin-bottom: 0;
}
.fake-table .input-group .event-date-group .event-time {
    width: 70px;
}
.fake-table .input-group .event-date-group .event-date {
    width: 200px;
}
.input-group .event-date-group .event-date.no-after::after {
    content: none !important;
    display: none !important;
}
.input-group .event-date-group .event-date.no-before::before {
    content: none !important;
    display: none !important;
}
.fake-table .input-group .select-list {
    margin-bottom: 0;
}
.fake-table .select-group-list ul li {
    text-align:  left;
}
.fake-table .select-group-2col {
    max-width: 120px;
    top: 50px;
    transform: translate(0%, 50px);
}
.fake-table .select-group-2col.start {
    left: 0;
    right: auto;
}
.fake-table .select-group-2col.end {
    left: auto;
    right: 0;
}
.fake-table .select-group-2col.active {
    transform: translate(0, 8px);
}
.fake-table .input-group .select-list input {
    height: var(--input-h);
}
.fake-table .input-group .select-list .btn-icon {
    width: var(--input-h);
    height: var(--input-h);
}
.fake-table.has-hover .tbody .tr {
    transition: all 0.3s;
}
.fake-table.has-hover .tbody .tr:hover {
    cursor: pointer;
    background: var(--pressed-table);
}

/* 테이블 리스트 없음 */
.list-none {
    font: var(--font-title-sm-bold);
    color: var(--txt-second);
    padding: 34px 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
.table-list-none .list-none {
    display: table-cell;
}
.fake-table .table-list-none {
    display: inline-table;
}

/* 삭제버튼 - 네모 */
.btn-square-del {
    width: calc(var(--check-box-size) - 4px);
    height: calc(var(--check-box-size) - 4px);
    border-radius: 5px;
    background: #fff;
    border: 2px solid var(--red-sign);
    transform: translate(-20%, 30%);
    box-sizing: content-box;
    display: grid;
}
.btn-square-del i {
    color: var(--red-sign);
    font-size: 30px;
}
.btn-square-del svg {
    width: 32px;
    height: 32px;
    fill: var(--red-sign)
}
.btn-square-del:active {
    background: #ffecec;
}

.input-group .inner-btn-file-select .btn-file-select {
    width: 100%;
    border-radius: var(--default-bdrs);
}
.input-group .inner-btn-file-select.inner-label .btn-file-select {
    flex: 1;
}
.input-group .inner-btn-file-select.inner-label .btn-file-select {
    border-left: 2px solid var(--gray-80);
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
}
.input-group .inner-btn-select .btn-file-select input[type="file"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: none;
}
.input-group .inner-btn-file-select.active .btn-file-select{
    display: none;
}
.input-group .inner-btn-file-select.active a {
    width: 100%;
}
.input-group .inner-btn-file-select.active.disabled a {
    pointer-events: auto;
}
.input-group .inner-btn-file-select.active input {
    display: block;
}
.input-group .inner-btn-file-select.active .btn-del{
    display: grid;
}
.input-group .inner-btn-file-select + .btn-krpia-show {
    display: none;
}
/* venue 신청시 활성 */
.select-info-box {
    width: 100%;
    height: auto;
    padding: 20px;
    font: var(--font-body-md);
    color: var(--txt-default);
    box-shadow: var(--shadow-object);
    background: #fff;
    border-radius: var(--default-bdrs);
    display: none;
}
.select-info-box.active {
    display: block;
}

.select-info-box .status-group {
    font: var(--font-body-bold);
    margin-bottom: 8px;
}
.select-info-box .status-group *{
    font: inherit;
}
.select-info-box .hotel-info {
    color: var(--txt-second);
    font: var(--font-body-sm-md);
}
.select-info-box .hotel-info * {
    font: inherit;
    color: inherit;
}
.select-info-box .hotel-info li {
    display: flex;
}
.select-info-box .hotel-info li:not(:last-child){
    margin-bottom: 4px;
}
.select-info-box .hotel-info .title{
    width: 79px;
    margin-right: 8px;
    display: inline-block;
    font-width: 500;
    flex-shrink: 0;
}
.select-info-box .speaker-info {
    color: var(--txt-second);
    font: var(--font-body-sm-md);
}
.select-info-box .speaker-info * {
    font: inherit;
    color: inherit;
}
.select-info-box .speaker-info li {
    display: flex;
}
.select-info-box .speaker-info li:not(:last-child){
    margin-bottom: 4px;
}
.select-info-box .speaker-info .title{
    width: 79px;
    margin-right: 8px;
    display: inline-block;
    font-width: 500;
    flex-shrink: 0;
}
/* 인풋 날짜 */
.event-date-wrap {
    display: flex;
    gap: 10px;
}
.event-date-wrap .tilde {
    font: var(--font-title-sm-bold);
    color: var(--txt-default);
    display: inline-flex;
    align-items: center;
}
.input-group .event-date-group {
    width: 100%;
    position: relative;
    display: flex;
    gap: 12px;
}
.input-group .event-date-group .event-date {
    width: 100%;
    box-shadow: var(--shadow-object);
    position: relative;
    display: flex;
    border-radius: var(--default-bdrs);
    background: #fff;
}
.input-group .event-date-group .event-date:before {
    content: "";
    width: calc(100% - 58px);
    height: 17px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 0;
}
.input-group .event-date-group .event-date:after {
    content: "";
    width: calc(100% - 58px);
    height: 15px;
    background: #fff;
    position: absolute;
    right: 10px;
    bottom: 0;
}
.input-group .event-date-group .event-date input{
    border-radius: 0;
    box-shadow: none;
    border-right: 2px solid var(--gray-80) !important;
    text-align: center;
    text-indent: 0;
    padding: 0;
}
.input-group .event-date-group .event-date input:last-child {
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
    border-right: 0 !important;
}
.input-group .event-date-group .event-time {
    width: var(--time-w);
    display: flex;
    box-shadow: var(--shadow-object);
    border-radius: var(--default-bdrs);
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}
.input-group .event-date-group .event-time:after {
    content: ":";
    font: var(--font-title-sm-bold);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-2px, -50%);
}
.input-group .event-date-group .event-time .event-hour,
.input-group .event-date-group .event-time .event-second{
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    text-indent: 0;
    padding: 0;
}
.input-group .event-date-group .select-group-2col {
    width: var(--time-w);
    left: auto;
    right: 0;
    top: 100%;
    transform: translate(0, 8px);
}

/* agenda 날짜, 시간 영역 fix */
.input-group .event-date-group.date{
    width: 200%;
}
.input-group .event-date-group.time{
    width: 50%;
}



/* 인풋 리스트, 서치 검색 */
.input-group :is(.select-list, .search) {
    /* position: relative; */
    margin-bottom: 12px;
    width: 100%;
}
.input-group .search {
    display: flex;
}
.input-group .search input {
    padding-left: var(--input-h);
    -webkit-appearance: none;
}

.input-group .search .btn-search {
    position: absolute;
    left: 0;
    border-radius: var(--default-bdrs) 0 0 var(--default-bdrs);
}
.input-group .select-list {
    position: relative;
}

.input-group .select-list input {
    padding-right: 50px;
    cursor: pointer;
}
.input-group .select-list input.disabled {
    padding-right: 20px;
}
.input-group .select-list input.disabled + .btn-select-list {
    display: none;
}
.input-group .select-list .btn-select-list {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 0 var(--default-bdrs) var(--default-bdrs) 0;
}
.input-group .select-list .btn-select-list .icon {
    fill: var(--primary-blue);
    transition: all 0.2s;
}
.input-group .select-list .btn-select-list.active .icon{
    transform: rotate(180deg);
}
.input-group .inner-num input {
    text-align: right;
}
.input-group .select-list input::-webkit-contacts-auto-fill-button {
    display: none;
    opacity: 0;
}
/* 작은 셀렉트 */
.input-group .select-list.small  input {
    width: 107px;
    height: 37px;
    padding: 0 12px;
}
.input-group .select-list.small  .btn-select-list {
    width: 37px;
    height: 37px;
}
.input-group .select-list.small + .select-group-list{
    top: 38px;
}

/* 검색 인풋 + 필터 */
.search-input-group {
    display: flex;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: var(--shadow-object);
    border-radius: var(--default-bdrs);
}
.search-input-group input {
    box-shadow: none;
    padding: 0 20px;
}
.search-input-group .select-list {
    width: 180px;
    flex-shrink: 0;
}
.search-input-group .select-list input {
    padding: 0 50px 0 4px;
}
.search-input-group .search {}
.search-input-group .search input {
    padding: 0 20px 0 0;
}
.search-input-group.input-group .select-group-list {
    width: 160px;
    left: 34px;
    top: 50px;
}

.set-title .select-group-list {
    top: 36px;
}
.alert .select-group-list {
    top: 50px;
}

/* 체크박스 check box, 라디오 */
.radio-wrap {
    position: relative;
    margin-bottom: 30px;
}
.radio-wrap > label {
    width: 100%;
    display: block;
    padding-bottom: 8px;
    font: var(--font-title-sm-bold);
}
.check-group {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--check-box-size);
}
.radio-group {
    position: relative;
    margin-right: 40px;
    height: var(--check-box-size);
    display: inline-flex;
    align-items: center;
}
.radio-group:last-child {
    margin-right: 0;
}
.check-group *, .radio-group * {
    cursor: pointer;
}
.check-group input, .radio-group input {
    width: 0;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
    overflow: visible;
}
.check-group input {
    width: 32px;
    box-shadow: none;
    background: transparent;
}
.check-group input::before {
    content: "";
    display: block;
    width: calc(var(--check-box-size) - 12px);
    height: calc(var(--check-box-size) - 12px);
    border: 3px solid var(--primary-blue);
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: 0;
    transition: all 0.2s;
}
.check-group input:checked::before {
    background: var(--primary-blue);
}
.check-group input::after {
    transition: all 0.2s;
    content: "\e929";
    opacity: 0;
    font-family: xeicon;
    line-height: initial;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 2px;
    font-size: 22px;
}
.check-group input:checked::after {
    opacity: 1;
}
.radio-group input::before {
    content: "";
    width: calc(var(--check-box-size) - 4px);
    height: calc(var(--check-box-size) - 4px);
    border: 3px solid var(--primary-blue);
    border-radius: 50%;
    background: transparent;
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s;
}
.radio-group input[type="radio"]:checked::before {
    border-width: 8px;
}
/* 라디오 .checked 추가시 굵기 조절 */
.radio-group input[type="radio"].checked::before {
    border-width: 8px;
}

.check-group label {
    font: var(--font-body-bold);
    color: var(--txt-default);
    /* margin-left: calc(var(--check-box-size) + 4px); */
    margin-left: 4px;
    padding-bottom: 0;
}
.radio-group label {
    font: var(--font-body-bold);
    color: var(--txt-default);
    margin-left: calc(var(--check-box-size) + 8px);
    padding-bottom: 0;
}

.inner-check-group {
    padding: 7px 20px;
}
.inner-check-group:first-child {
    padding-top: 14px;
}
.inner-check-group:last-child {
    padding-bottom: 14px;
}
.inner-check-group label {
    padding-bottom: 0;
}

/* 아코디언 필터 */
.filter-accordion {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: var(--content-padding-15);
    background: var(--bg-defalt);
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.filter-accordion.active {
    visibility: visible;
    opacity: 1;
}
.filter-accordion .filter-accordion-title {
    height: 43px;
    position: relative;
}
.filter-accordion .filter-accordion-title .title {
    width: 100%;
    font: var(--font-title-bold);
    text-align: center;
}
.filter-accordion .filter-accordion-title .btn-close {
    background: none;
    width: 28px;
    position: absolute;
    right: 0;
    top: 0;
}
.filter-accordion .filter-accordion-title .btn-close .icon {
    width: 24px;
    height: 24px;
}
.filter-accordion .btn-search-group {
    padding-top: 25px;
    justify-content: space-between;
}
.filter-accordion .btn-search-group .btn{
    width: 140px;
}
.filter-accordion .btn-search-group .btn .icon {
    filter: grayscale(1) brightness(10);
    width: 30px;
    height: 30px;
}
.input-group .btn-filter .icon {
    width: 28px;
    height: 28px;
}

/* 발송 버튼 그룹 */
.send-group {
    position: relative;
}
.send-group .flex-between {
    gap: 10px;
}
.send-group .radio-wrap {
    margin-bottom: 0;
}
.send-group .input-group {
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: calc(100% + 24px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
}
.send-group .input-group.active {
    visibility: initial;
    opacity: 1;
    bottom: calc(100% + 4px);
}
.send-group input {
    margin-bottom: 0;
}
.send-group .input-group .event-date-group {
    width: 100%;
    flex-direction: row;
}
.send-group .input-group .event-date-group .event-date {
    /* width: 205px; */
    width: 100%;
}
.send-group .input-group .event-date-group .event-date input{
    text-align: left;
    text-indent: 10px;
}
.send-group .select-group-calendar {
    top: auto;
    bottom: 100%;
    transform: translate(0 , -34px);
}
.send-group .select-group-calendar.active {
    transform: translate(0, -8px);
}

.send-group .input-group .event-date-group .event-time {
    width: 160px;
}



.send-group .select-group-2col {
    max-width: none;
    width: 160px;
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    transform: translate(0, -34px);
}
.send-group .select-group-2col.active {
    transform: translate(0, -8px);
}
.send-group .btn {
    width: 160px;
    flex-shrink: 0;
    margin-left: 12px;
}

/* 에러 관련 */
.input-group.error input {
    outline: 2px solid var(--red-sign);
}
.input-group.error .inner-search input {
    outline: none;
}
.txt-error {
    margin: 12px 0 0 ;
    font: var(--font-body-md);
    color: var(--red-sign);
    display: none;
}
.txt-error.on {
    display: block;
}
.txt-msg {
    margin: 12px 0 0 ;
    font: var(--font-body-md);
    /*color: var(--red-sign);*/
    display: none;
}
/* 태그 */
.tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tag {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 50px;
}
/* 태그 - 면 */
.tag.tag-type1 {
    background: var(--gray-80);
}
.tag.tag-type2 {
    background: var(--blue);
    color: #fff;
}
.tag.tag-type3 {
    background: var(--red);
    color: #fff;
}
.tag.tag-type4 {
    background: var(--green);
    color: #fff;
}
.tag.tag-type5 {
    background: var(--yellow);
}
.tag.tag-type6 {
    background: var(--primary-60);
    border: none;
}
/* 태그 - 라인 */
.tag.tag-type-line0 {
    background: transparent;
    border: 1px solid var(--txt-second);
}
.tag.tag-type-line1 {
    background: var(--input-dis);
    border: 1px solid var(--txt-second);
}
.tag.tag-type-line2 {
    background: var(--primary-90);
    border: 1px solid var(--blue);
    color: var(--blue);
}
.tag.tag-type-line3 {
    background: var(--red-bg);
    border: 1px solid var(--red);
    color: var(--red);
}
.tag.tag-type-line4 {
    background: var(--green-bg);
    border: 1px solid var(--green);
    color: var(--green);
}
.tag span {
    font: var(--font-body-md);
    color: var(--txt-second);
}
.tag.tag-type-line1 span {
    font: var(--font-body-sm-bold);
    color: var(--txt-default);
}
.tag.tag-type6 span {
    color: #fff;
}
.tag .tag-title {
    color: var(--gray-70) !important;
}
.tag.status.type1 span:last-child {
    color: var(--gray);
}
.tag.status.type2 span:last-child {
    color: var(--blue);
}
.tag.status.type3 span:last-child {
    color: var(--red);
}
.tag.status.type4 span:last-child {
    color: var(--green);
}
.tag.status.inactive span:last-child {
    color: var(--red);
}
.tag.status.active span:last-child {
    color: var(--green);
}
.tag.grade .grade-group .star {
    width: 16px;
    height: 16px;
}
.tag.off {
    background: transparent;
    border: 1px solid var(--gray-70);
    color: var(--gray-70);
}

.tag .btn-tag-del {
    width: 24px;
    height: 24px;
    display: grid;
    place-content: center;
    cursor: pointer;
}
.tag .btn-tag-del svg {
    fill: var(--txt-second);
    width: 24px;
}
.tag .btn-tag-del:active svg{
    fill: var(--txt-default);
}

/* 숫자 태그 */
.tag-num-group {
    display: flex;
    gap: 2px 17px;
    flex-wrap: wrap;
}
.tag-num {
    display: flex;
    align-items: center;
    font: var(--font-body-bold);
    color: var(--txt-default);
}
.tag-num span {
    font: inherit;
    color: currentColor;
    margin-right: 5px;
}
.tag-num b{
    padding: 3px 9px;
    font: inherit;
    color: currentColor;
    background: var(--gray-90);
    border-radius: 100px;
}
.tag-num-blue {
    color: var(--primary-60);
}
.tag-num-blue b {
    background: var(--primary-80);
}

.tag-num-group + table {
    margin-top: var(--content-inner-gap);
}
.inner-tag-num-group + table {
    margin-top: var(--content-inner-gap);
}
.inner-tag-num-group ~ .list-card-wrap {
    margin-top: var(--content-inner-gap);
}
.inner-tag-num-group + .find-wrap {
    margin-top: var(--content-inner-gap);
}
.tag-num-group + .btn {
    width: 160px;
}

/* 뱃지 */
.badge {
    height: 32px;
    padding: 0 10px;
    display: grid;
    place-content: center;
    background: var(--yellow);
    border-radius: var(--default-bdrs);
    font: 500 16px/21px "Noto Sans KR", sans-serif;
    color: #fff;
    box-shadow: var(--shadow-object);
}
.badge.badge1 {
    width: 32px;
}
/* 테이블 그룹 */
.table-group {}
.table-group > .flex-between {
    margin-bottom: var(--content-inner-gap);
    align-items: flex-end;
}
.table-group > .flex-between label {
    font: var(--font-body-bold);
    color: var(--txt-default);
    padding-bottom: 0;
}
.table-group > .flex-between .btn {
    max-width: 160px;
}
.table-group > .flex-between .input-group {
    margin-bottom: 0;
    margin-right: 12px;
}
.table-group > .flex-between .input-group .select-list {
    margin-bottom: 0;
}
.table-group > .btn-type1 {
    justify-content: flex-end;
    margin-bottom: var(--content-inner-gap);
}
.table-group > .btn-type1 .btn {
    max-width: 160px;
}


/* 리스트 테이블 */
.common-table {
    width: 100%;
    text-align: center;
    word-break: keep-all;
    display: block;
    position: relative;
}
.common-table caption {
    font-size: 0px;
    position: absolute;
    clip-path: polygon(0 0,0 0,0 0,0 0);
    text-indent: -9999px;
}
.common-table thead {
    background: var(--gray-90);
}
.common-table thead th {
    min-height: 60px;
    padding: 14px 10px;
    font: var(--font-body-sm-bold);
    vertical-align: middle;
    border-top: 2px solid var(--gray-70);
    border-bottom: 2px solid var(--gray-70);
}
.common-table tbody {
    border-bottom: 1px solid var(--txt-second);
    background: #fff;
}
.common-table tbody tr {
    transition: all 0.2s;
    cursor: pointer;
}
.common-table:not(.m-ct) tbody tr:hover {
    background: var(--pressed-table);
}
/* 테이블 hover 효과 없애기 */
.common-table.non-hover tbody tr {
    transition: none;
}
.common-table.non-hover tbody tr:hover {
    background: inherit;
    cursor: auto;
}
.common-table.non-hover tbody td {
    cursor: auto;
    transition: none;
}
.common-table.non-hover tbody td span {
    transition: none;
}
.common-table.non-hover tbody td:hover span {
    color: currentColor;
}
.common-table tbody td {
    min-height: 50px;
    padding: 12px 10px;
    font: var(--font-body-bold);
    vertical-align: middle;
    border-bottom: 1px solid var(--gray-70);
}
.common-table tbody tr:last-child td {
    border-bottom: none;
}
.common-table tbody td:not(.bf-status, .af-status) > span {
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font: inherit;
}
.common-table tbody td b {
    font: var(--font-body-sm-bold);
    color: inherit;
    display: block;
}
/* tbody가 스크롤 되는 테이블 */
.common-table.tbody-scroll {
    overflow-y: scroll;
    border-bottom: 1px solid var(--gray-70);
    position: relative;
}
.common-table.tbody-scroll thead  {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 3;
}
.common-table.tbody-scroll thead:before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--gray-70);
    position: absolute;
    left: 0;
    top: 0;
}
.common-table.tbody-scroll thead:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: -2px;
}
.common-table.tbody-scroll thead th {
    border: none;
    position: relative;
}
.common-table.tbody-scroll thead th:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--gray-70);
    position: absolute;
    left: 0;
    bottom: 0;
}
.common-table.tbody-scroll tbody {
    border-bottom: 0;
}

/* 테이블 체크 되었을때 */
.common-table tbody tr.checked {
    background: var(--pressed-table) !important;
}

.common-table tfoot {
    background: var(--primary-90);
    border-top: 1px solid var(--txt-default);
    border-bottom: 2px solid var(--txt-default);
}
.common-table tfoot tr + tr {
    border-top: 1px solid var(--gray-70);
}
.common-table tfoot tr td {
    min-height: 50px;
    padding: 12px 10px;
    font: var(--font-body-bold);
    color: var(--primary-60);
    vertical-align: middle;
}
.common-table tfoot tr td > div {
    color: currentColor;
    font: inherit;
}


.common-table .list-none {
    font: var(--font-title-sm-bold);
    color: var(--txt-second);
    padding: 34px 0;
}
.common-table .list-none.error {
    color: var(--red-sign);
}
.common-table .input-group {
    margin-bottom: 0;
    text-align: left;
}
.common-table .input-group .select-list,
.list-card .input-group .select-list {
    margin-bottom: 0;
}
.common-table .input-group .select-list input,
.list-card .input-group .select-list input {
    height: 37px;
    padding-left: 12px;
    padding-right: 37px;
}
.common-table .input-group .select-list .btn-icon,
.list-card .input-group .select-list .btn-icon {
    width: 37px;
    height: 37px;
}
.common-table .input-group .select-group-list ul li,
.list-card .input-group .select-group-list ul li {
    padding-left: 12px;
}
.common-table .input-group.inner-btn-switch {
    height: 29px;
}
.common-table .input-group.inner-btn-switch .btn-switch {
    top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

/* 페이지네이션 */
.pagination-wrap {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0;
    position: relative;
}
.pagination-wrap .btn-type1 {
    position: absolute;
    left: 0;
    top: auto;
}
.pagination-wrap .btn-type1 .flex-between {
    gap: 10px;
}
.pagination-wrap .btn-type1 .input-group {
    width: 200px;
    margin-bottom: 0 !important;
}
.pagination-wrap .btn-type1 .input-group:nth-child(2) {
    width: 160px;
}
.pagination-wrap .btn-type1 .input-group .select-list {
    margin-bottom: 0;
}
.pagination-wrap .btn-type1 .input-group .select-group-list {
    width: 100%;
    top: auto;
    bottom: 100%;
    transform: translate(0, -34px);
}
.pagination-wrap .btn-type1 .input-group .select-group-list.active {
    transform: translate(0, -8px);
}
.pagination-wrap .pagination-group {
    height: 50px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.pagination-wrap .btn {
    min-width: auto;
    width: 37px !important;
    display: grid;
    place-content: center;
    cursor: pointer;
}
.pagination-wrap .btn .icon {
    top: 0;
    width: 26px;
    height: 26px;
}
.pagination {
    display: flex;
    gap: 10px;
    margin: 0 8px;
}
.pagination .btn-page {
    font: var(--font-body-bold);
}
.pagination .btn-page.active {
    background: var(--primary-blue);
    color: #fff;
}
.pagination .btn-page.active:active {
    background: var(--primary-30);
}
.pagination-wrap :is(.btn-prev, .btn-next, .btn-prev-first, .btn-next-last).disabled {
    background: transparent !important;
}
.pagination-wrap :is(.btn-prev, .btn-next, .btn-prev-first, .btn-next-last).disabled .icon {
    filter: grayscale(1) brightness(6);
}
.sub-tab-content .pagination-wrap {
    /* padding-top: 0; */
    gap: 10px;
}
.sub-tab-content .pagination-wrap .btn-prev .icon {
    transform: rotate(90deg);
}
.sub-tab-content .pagination-wrap .btn-next .icon {
    transform: rotate(-90deg);
}

/* list  카드형태 */
.list-card-wrap > .flex-between {
    flex-wrap: wrap;
    gap: 10px;
    margin: var(--content-padding-y) 0;
    align-items: flex-end;
}
.list-card-wrap > .flex-between .list-result + .btn-type1 {
    margin-left: auto;
}
.list-card-wrap .list-result {
    font: var(--font-body-md);
    margin-bottom: var(--content-padding-y);
    display: flex;
    align-items: center;
}
.list-card-wrap .list-result span{
    font: var(--font-title-bold);
    color: var(--primary-blue);
}
.list-card-wrap .list-card-group{
    display: flex;
    flex-direction: column;
    gap: var(--content-padding-y);
}

.list-card-wrap .list-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--default-bdrs);
    border: 2px solid var(--gray-70);
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}

.list-card-wrap .no-list-card{
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


.list-card-wrap .list-card .top {
    padding: var(--content-padding-15);
    display: flex;
    justify-content: space-between;
    font: var(--font-title-sm-bold);
    color: #fff;
    background: var(--gray-70);
}

.list-card-wrap .list-card .bottom .bottom1 {
    padding: var(--content-padding-15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: var(--font-body-sm-md);
    border-bottom: 1px solid var(--gray-70);
}
.list-card-wrap .list-card .bottom .bottom2{
    padding: var(--content-padding-15);
}
.list-card-wrap .list-card .bottom .bottom3 {
    padding: var(--content-padding-15);
    border-top: 1px solid var(--gray-70);
}
.list-card-wrap .list-card :is(.step, .status) {
    font: inherit;
    color: #fff;
    flex-shrink: 0;
}
.list-card-wrap .list-card .id-no span {
    color: var(--txt-second);
}
.list-card-wrap .list-card .event-date {
    color: var(--txt-second);
    flex-shrink: 0;
    white-space: nowrap;
}
.list-card-wrap .list-card .subject {
    font: var(--font-title-sm-bold);
    padding-bottom: var(--content-padding-15);
    cursor: pointer;
    transition: all 0.2s;
}
.list-card-wrap .list-card .subject span{
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font: inherit;
    color: inherit;
}
.list-card-wrap .list-card .subject:hover span{
    color: var(--txt-second);
}
.list-card-wrap .list-card .place {
    font: var(--font-body-sm-md);
}
.list-card-wrap .list-card .requester-group {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: var(--content-padding-15);
}
.list-card-wrap .list-card .requester {
    font: var(--font-body-sm-md);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-card-wrap .list-card .requester span {
    font: inherit;
}
.list-card-wrap .list-card .bu {
    font: var(--font-sub-md);
    display: inline;
}
.list-card-wrap .list-card .requester-group + .flex-between {
    gap: 8px;
}
.list-card-inner-box {
    /* width: 100%; */
    background: var(--primary-80);
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: var(--font-body-md);
    border-radius: var(--default-bdrs);
    gap: 10px;
}
.list-card-wrap .list-card .requester-group + .flex-between .list-card-inner-box {
    width: 100%;
}
.list-card-inner-box * {
    font: inherit;
}
.list-card-inner-box span {
    flex-shrink: 0;
    align-self: flex-start;
    padding-top: 2px;
}
.list-card-inner-box > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    word-break: break-all;
}
.list-card-inner-box b{
    font: var(--font-title-sm-bold);
    color: var(--primary-blue);}

.list-card-wrap .list-card.type1 {
    border-color: var(--gray);
}
.list-card-wrap .list-card.type1 .top {
    background: var(--gray);
}
.list-card-wrap .list-card.type2 {
    border-color: var(--blue);
}
.list-card-wrap .list-card.type2 .top {
    background: var(--blue);
}
.list-card-wrap .list-card.type3 {
    border-color: var(--red);
}
.list-card-wrap .list-card.type3 .top {
    background: var(--red);
}
.list-card-wrap .list-card.type4 {
    border-color: var(--green);
}
.list-card-wrap .list-card.type4 .top {
    background: var(--green);
}
.list-card-wrap .list-card.type5 {
    border-color: var(--yellow);
}
.list-card-wrap .list-card.type5 .top {
    background: var(--yellow);
}

.list-card-wrap .list-card.disabled * {
    color: var(--txt-second);
}
.list-card-wrap .list-card.disabled .check-group {
    display: none;
}
.list-card-group.non-hover .list-card:hover {
    background: inherit;
    cursor: auto;
}
.list-card-group.non-hover .list-card:hover > div {
    background: inherit;
}

/* 달력 calendar */
.calendar-wrap {
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--txt-second);
}
.calendar-wrap .cal-nav {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    margin-bottom: 15px;
}
.calendar-wrap .cal-nav .tool-tip-box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip > .icon {
    /* font-size: 32px; */
    /* color: var(--icon-default); */
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list {
    position: absolute;
    border: 1px solid #cfd2d8;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    white-space: nowrap;
    z-index: 3;
    top: calc(100% + 10px);
    transition: all 0.1s;
    transform: translateY(10px);
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list.active {
    visibility: initial;
    opacity: 1;
    transform: translateY(0px);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list p {
    font-size: 15px;
    font-weight: 400;
    color: #8a8f9d;
    padding-right: 23px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding-top: 13px;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div:nth-child(2) {
    background: #f2f2f2;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:nth-child(1) {
    padding-top: 20px;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:last-child {
    padding-bottom: 20px;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p span {
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p span::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p:nth-child(1) span:before {
    background: var(--gray);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p:nth-child(2) span:before {
    background: var(--blue);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p:nth-child(3) span:before {
    background: var(--red);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p:nth-child(4) span:before {
    background: var(--green);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p:nth-child(5) span:before {

    background: var(--yellow);
}
.calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(2) p span {
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #8a8f9d;
    font-weight: 700;
    position: relative;
    top: 1px;
    line-height: 1;
    position: relative;
    top: 0;
}
.calendar-wrap .cal-nav .btn-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

.calendar-wrap .cal-nav .btn-box .nav-btn {
    background: #ffffff;
    width: 37px;
    height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-blue);
    border-radius: 5px;
}

.calendar-wrap .cal-nav .btn-box .go-prev .icon {
    width: 22px;

    transform: rotate(90deg);
    margin-left: 6px;
}
.calendar-wrap .cal-nav .btn-box .go-next .icon {
    width: 20px;

    transform: rotate(-90deg);
    margin-left: 8px;
}
.calendar-wrap .cal-nav .btn-box .go-today {
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    margin: 0 17px;
}
.calendar-wrap .select-group-2col{
    z-index: 3;
}
.calendar-wrap .cal-nav .year {
    font: var(--font-title-header-bold);
    color: var(--txt-default);
    display: flex;
    align-items: baseline;
}
.calendar-wrap .cal-nav .month {
    font: var(--font-title-lg-bold);
    color: var(--txt-default);
    margin-left: 25px;
}
.calendar-wrap .cal-nav .btn-select-date {
    width: 32px;
    height: 32px;
    margin-left: 25px;
    transition: all 0.2s;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.calendar-wrap .cal-nav .btn-select-date.active {
    transform: rotate(180deg);
}
.calendar-wrap .calendar-scroll {
    overflow-y: scroll;
    height: calc((var(--vh, 1vh) * 100) - 235px);
}
.calendar-wrap .days {
    display: flex;
    background: var(--bg-defalt);
    height: 50px;
    border-top: 1px solid var(--gray-80);
    border-bottom: 1px solid var(--gray-80);
}
.calendar-wrap .days .day {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--gray-80);
}
.calendar-wrap .days .day:first-child {
    border-left: 1px solid var(--gray-80);
}
.calendar-wrap .dates {
    max-height: calc((var(--vh, 1vh) * 100) - 285px);
}
.calendar-wrap .dates .cal {
    display: flex;
    border-bottom: 1px solid var(--bg-defalt);
}
.calendar-wrap .dates .cal > li > div {
    position: relative;
}
.calendar-wrap#ppmi-list-calendar .dates .cal > li > div > div {
    position: relative;
}
.calendar-wrap .dates .cal > li {
    width: 100%;
    padding: 10px;
    padding-top: 8px;
    display: block;
    transition: all 0.2s;
    /* min-height: 6.7708vh; */
    min-height: 16vh;
    position: relative;
    border-right: 1px solid var(--bg-defalt);
}
.calendar-wrap .dates .cal > li:first-child {
    border-left: 1px solid var(--bg-defalt);
}
.calendar-wrap .dates .cal > li:hover {
    background: rgb(204 204 204 / 20%);
}
.calendar-wrap .dates .cal > li > p {
    height: 24px;
    font: var(--font-body-md);
    color: var(--txt-default);
    display: inline-block;
}
.calendar-wrap .dates .cal > li.off {
    /* pointer-events: none; */
}
.calendar-wrap .dates .cal > li.off > p {
    color: var(--gray-80);
}
.calendar-wrap .dates ul li.today > p {
    color: #fff;
    position: relative;
    z-index: 0;
    width: 26px;
    text-align: center;
}
.calendar-wrap .dates ul li.today > p::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: var(--lavender);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -58%);
    z-index: -1;
}
.calendar-wrap .dates ul li .dec {
    width: 100%;
    border-radius: 2px;
    padding: 5px;
    margin-top: 4px;
    cursor: pointer;
    word-break: break-all;
    cursor: pointer;
}
.calendar-wrap .dates ul li .dec > div {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
    margin-top: 4px;
}
.calendar-wrap .dates ul li .dec p {
    font: var(--font-body-sm-bold);
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
.calendar-wrap .dates ul li .dec span {
    display: inline-flex;
    width: 22px;
    height: 16px;
    border-radius: 1px;
    background: #fff;
    font: var(--font-sub-bold);
    justify-content: center;
    align-items: center;
    margin: 2px;
}
.ppsi .calendar-wrap .dates ul li .dec span {
    width: auto;
    padding: 0 2px;
}
/* 임시저장 & 수정 */
.calendar-wrap .dates ul li .type1 {
    background: var(--gray);
}
/* 승인 대기 */
.calendar-wrap .dates ul li .type2 {
    background: var(--blue);
}
/* 반려 */
.calendar-wrap .dates ul li .type3 {
    background: var(--red);
}
/* 승인완료 */
.calendar-wrap .dates ul li .type4 {
    background: var(--green);
}
/* EVENT 취소 */
.calendar-wrap .dates ul li .type5 {
    background: var(--yellow);
}
.calendar-wrap .dates ul li .dec_full {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    z-index: 1;
    visibility: hidden;
    transition: all 0.2s;
    opacity: 0;
    scale: 0;
    transform-origin: left top;
    width: 300px;
    word-break: keep-all;
    cursor: pointer;
}

.calendar-wrap .dates ul li:nth-child(1) .dec_full,
.calendar-wrap .dates ul li:nth-child(2) .dec_full {
    transform: translateY(-50%);
    left: 0;
    transform-origin: left top;
}
.calendar-wrap .dates ul li:nth-child(6) .dec_full,
.calendar-wrap .dates ul li:nth-child(7) .dec_full {
    transform: translateY(-50%);
    left: auto;
    right: 0;
    transform-origin: right top;
}
.calendar-wrap .dates ul:nth-child(1) li .dec_full {
    top: 0;
    transform: translate(-50%, 0%);
}
.calendar-wrap .dates ul:nth-child(1) li:nth-child(1) .dec_full,
.calendar-wrap .dates ul:nth-child(1) li:nth-child(2) .dec_full,
.calendar-wrap .dates ul:nth-child(1) li:nth-child(6) .dec_full,
.calendar-wrap .dates ul:nth-child(1) li:nth-child(7) .dec_full {
    transform: translate(0, 0);
}
.calendar-wrap .dates ul:nth-child(n+5) li .dec_full {
    top: 100%;
    transform: translate(-50%, -100%);
}
.calendar-wrap .dates ul:nth-child(n+5) li:nth-child(1) .dec_full,
.calendar-wrap .dates ul:nth-child(n+5) li:nth-child(2) .dec_full,
.calendar-wrap .dates ul:nth-child(n+5) li:nth-child(6) .dec_full,
.calendar-wrap .dates ul:nth-child(n+5) li:nth-child(7) .dec_full {
    top: 100%;
    transform: translate(0, -100%);
    /* transform-origin: bottom; */
}

.calendar-wrap .dates ul li .dec_full.active {
    visibility: initial;
    opacity: 1;
    scale: 1;
}
.calendar-wrap .dates ul li .dec_full h6 {
    font: var(--font-body-bold);
    color: #fff;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.calendar-wrap .dates ul li .dec_full p {
    font: var(--font-body-sm-md);
    color: #fff;
}
.calendar-wrap .dates ul li .dec_full span {
    font: var(--font-sub-md);
    color: #fff;
    padding-top: 12px;
    display: block;
}
/* 달력 > 모달형*/
.select-group-calendar {
    width: 300px;
    /* min-height: 300px; */
    min-height: 234px;
    padding: 15px;
    margin: 0 !important;
    background: #fff;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 34px);
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}
.select-group-calendar .inner {
    margin: 0 !important;
}
.select-group-calendar.active {
    transform: translate(0, 8px);
    opacity: 1;
    visibility: visible;
}
.select-group-calendar .calendar-wrap {
    width: 100%;
    position: relative;
    border-bottom: 0;
}
.select-group-calendar .calendar-wrap .cal-nav {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    margin-bottom: 14px;
}
.select-group-calendar .calendar-wrap .cal-nav .btn-box {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select-group-calendar .calendar-wrap .cal-nav .btn-box .nav-btn {
    background: transparent;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
}
.select-group-calendar .calendar-wrap .cal-nav .btn-box .go-prev .icon {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    margin-left: 0;
}
.select-group-calendar .calendar-wrap .cal-nav .btn-box .go-next .icon {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    margin-left: 0;
}
.select-group-calendar .calendar-wrap .cal-nav .btn-box .go-today{
    width: 100%;
}
.pc-ct .select-group-calendar .calendar-wrap .cal-nav .btn-box .go-today {
    width: 100%;
    font: var(--font-title-sm-bold);
    color: var(--txt-default);
}
.select-group-calendar .calendar-wrap .days {
    display: flex;
    background: transparent;
    height: 28px;
    border: none;
    margin-bottom: 4px;
}
.select-group-calendar .calendar-wrap .days .day {
    font: var(--font-sub-bold);
    color: var(--txt-second);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.select-group-calendar .calendar-wrap .dates {
    border-bottom: none;
    max-height: none;
    overflow: inherit;
}
.select-group-calendar .calendar-wrap .dates .cal {
    display: flex;
    border-bottom: none;
}
.select-group-calendar .calendar-wrap .dates .cal > li {
    width: 100%;
    aspect-ratio: 1/1;
    padding: 4px;
    transition: all 0.2s;
    min-height: initial;
    position: relative;
    border-right: none;
    border-radius: 50%;
    display: grid;
    place-content: center;
    cursor: pointer;
}
.select-group-calendar .calendar-wrap .dates .cal > li:first-child {
    border-left: none;
}
.select-group-calendar .calendar-wrap .dates .cal > li:hover {
    background: rgb(204 204 204 / 20%);
}
.select-group-calendar .calendar-wrap .dates .cal > li > p {
    height: auto;
    font: var(--font-body-sm-md);
    color: var(--txt-default);
    display: inline-block;
    text-align: center;
}
.select-group-calendar .calendar-wrap .dates .cal > li.off {
    pointer-events: none;
}
.select-group-calendar .calendar-wrap .dates .cal > li.off > p {
    color: var(--gray-80);
}
.select-group-calendar .calendar-wrap .dates ul li.today > p {
    color: var(--txt-default);
    position: relative;
    z-index: 0;
    width: auto;
}
.select-group-calendar .calendar-wrap .dates ul li.today > p::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: var(--primary-80);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.select-group-calendar .calendar-wrap .dates ul li.active > p {
    color: #fff;
    position: relative;
    z-index: 0;
    width: auto;
}
.select-group-calendar .calendar-wrap .dates ul li.active > p::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: var(--primary-blue);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* 년월 선택 */
.select-group-2col {
    max-width: 190px;
    width: 100%;
    height: 190px;
    background: #fff;
    box-shadow: var(--shadow-object);
    white-space: nowrap;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-53%, 50px);
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}
.select-group-2col.active {
    transform: translate(-53%, 35px);
    opacity: 1;
    visibility: visible;
}
.select-group-2col .inner {
    height: 100%;
    display: flex;
    position: relative;
}
.select-group-2col ul {
    width: 50%;
    height: 100%;
    padding: 0 12px;
    overflow: hidden scroll;
    overflow-y: scroll !important;
    position: relative;
}
.select-group-2col .select-year {
    border-right: 1px solid var(--bg-defalt);
}

.calendar-wrap .select-group-2col .select-year::-webkit-scrollbar, .calendar-wrap .select-group-2col .select-month::-webkit-scrollbar {
    width: 0; /* 가로 스크롤바 너비를 0으로 설정 */
    height: 0; /* 세로 스크롤바 높이를 0으로 설정 */
    display: none; /* 스크롤바를 보이지 않게 설정 (WebKit 브라우저에서 사용) */
}

.select-group-2col li {
    width: 100%;
    height: 35px;
    margin-bottom: 6px;
    color: var(--gray-70);
    font: var(--font-title-sm-md);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.select-group-2col li.active {
    color: var(--txt-default);
}
/* 리스트 선택 */
.select-group-list {
    width: 100%;
    max-height: 130px;
    background: #fff;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    position: absolute;
    right: 0;
    top: 78px;
    transform: translate(0, 34px);
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
    overflow-y: scroll;
}

/* 인풋 안에 검색창 있을 때 */
.inner-search-select .select-group-list  {
    max-height: none;
    overflow: visible;

}
.inner-search-select .select-group-list:after {
    width: 100%;
    height: 15px;
    content: "";
    background: transparent;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.inner-label ~ .select-group-list {
    top: 50px;
}
.input-group-line .select-group-list {
    top: 50px;
}
.hcp-info-box .select-group-list {
    top: 37px;
}
table .select-group-list {
    top: 50px;
}

.select-group-list .inner-search {
    width: 100%;
    padding: 14px 20px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.select-group-list .inner-search input {
    box-shadow: none;
    border: 1px solid var(--primary-blue);
    padding-right: 50px;
}
.select-group-list .inner-search + .inner-search-list li {
    padding: 7px 20px 7px 40px;
}
.select-group-list .inner-search + ul {
    margin-top: 70px;
}
.select-group-list .inner-search + .inner-search-list {
    max-height: 80px;
}
.select-group-list .inner-search + .inner-search-list li:first-child {
    padding-top: 0;
}
.select-group-list .inner-search + .inner-search-list li.disabled {
    padding-top: 14px;
}
.select-group-list .inner-search + .inner-search-list li:last-child {
    padding-bottom: 14px;
}
.select-group-list .inner-btn {
    margin: 0 20px;
    padding: 14px 0;
    border-top: 1px solid var(--gray-80);
}

.select-group-list.active {
    transform: translate(0, 8px);
    opacity: 1;
    visibility: visible;
    /*overflow: hidden !important;*/
}

.select-group-list ul li{
    cursor: pointer;
    padding: 7px 20px;
    font: var(--font-body-bold);
    color: var(--gray-70);
    text-align: left;
    position: relative;
}
.select-group-list ul li:first-child {
    padding-top: 14px;
}
.select-group-list ul li:last-child {
    padding-bottom: 14px;
}
.select-group-list ul li.active {
    color: var(--txt-default);
}
.select-group-list.multiple ul li {
    padding-left: calc(var(--check-box-size) + 24px);
}
.select-group-list.multiple ul li:before {
    content: "";
    display: block;
    width: calc(var(--check-box-size) - 12px);
    height: calc(var(--check-box-size) - 12px);
    border: 3px solid var(--primary-blue);
    border-radius: 2px;
    position: absolute;
    left: 20px;
    transform: translateY(-2px);
    transition: all 0.2s;
}
.select-group-list.multiple ul li::after {
    transition: all 0.2s;
    content: "\e929";
    opacity: 0;
    font-family: xeicon;
    line-height: initial;
    color: #fff;
    position: absolute;
    left: 23px;
    font-size: 22px;
    text-indent: 0;
}
.select-group-list.multiple ul li.active::before {
    background: var(--primary-blue);
}
.select-group-list.multiple ul li.active::after {
    opacity: 1;
}

.select-group-list.multiple + .text-area {
    margin-top: 8px;
    overflow-y: auto;
}
.select-group-list.multiple .inner-search + .inner-search-list ul {
    padding-bottom: 8px;
}
.select-group-list.multiple .inner-search + .inner-search-list li {
    padding: 7px 20px;
    padding-left: calc(var(--check-box-size) + 24px)
}

/*  리스트 선택 >  위쪽으로 열림 */
.input-group.up-list .select-group-list {
    top: auto !important;
    bottom: 50px;
    transform: translate(0, -34px);
}
.input-group.up-list .select-group-list.active {
    transform: translate(0, -8px);
}


/* 리스트 선택 > body 안에서 펼쳐짐*/
.select-group-list.non-absolute {
    position: relative;
    height: 0;
    top: 0;
    right: auto;
    transform: translate(0, 0px);
}
.select-group-list.non-absolute.active {
    height: 100%;
    margin-top: 8px !important;
    transform: translate(0, 0);
}

.input-group .select-list.small + .select-group-list.non-absolute.active {
    height: 100%;
    margin-top: 8px !important;
    transform: translate(0, 0);
    top: auto;
}

/* 자동검색 */
.auto-search-list {
    width: 100%;
    max-height: 120px;
    background: #fff;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    position: absolute;
    right: 0;
    top: 100%;
    transform: translate(0, 34px);
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.auto-search-list.active {
    transform: translate(0, 8px);
    opacity: 1;
    visibility: visible;
    overflow: hidden !important;
}

.auto-search-list ul li{
    cursor: pointer;
    padding: 7px 20px;
    font: var(--font-body-bold);
    color: var(--gray-70);
}
.auto-search-list ul li.active {
    color: var(--txt-default);
}
.auto-search-list ul li:first-child {
    padding-top: 14px;
}
.auto-search-list ul li:last-child {
    padding-bottom: 14px;
}

.krpia-ct .inner {
    height: calc(100vh - 171px - 80px - 45px);
}

.krpia-ct .inner .txt-group {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 171px - 80px - 45px);
    margin: 0 auto;
    background: #fff;
    border-radius: var(--default-bdrs);
    box-shadow: var(--shadow-object);
    display: none;
}
.krpia-ct .inner .txt-group .flex {
    height: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.krpia-ct .inner .txt-group .logo {
    width: 290px;
    margin-bottom: 24px;
}
.krpia-ct .inner .txt-group .icon {
    width: 100px;
}
.krpia-ct .inner .txt-group p {
    font: var(--font-title-sm-md);
    color: var(--txt-second);
    text-align: center;
}
.krpia-ct .inner .txt-group p span {
    font: var(--font-body-sm-md);
    color: var(--txt-second);
}
.krpia-ct .inner .file-inner {
    height: 100%;
    max-height: calc(100vh - 171px - 80px - 45px);
    background: #fff;
    box-shadow: var(--shadow-object);
    border-radius: var(--default-bdrs);
    /*overflow: hidden !important;*/
    overflow-y: auto;
    display: none;
}
.krpia-ct .inner .file-inner.active, .krpia-ct .inner .txt-group.active {
    display: block;
}
.krpia-ct .inner .file-inner img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

/* 참석자 선택 */
.participant-ct {}
.participant-ct .inner {
    /* padding: var(--content-padding-y); */
    display: flex;
    flex-direction: column;
}
.participant-ct .tag-btn-group {
    align-items: flex-end;
    width: calc(100% - var(--content-padding-x) - var(--content-padding-x));
    margin: var(--content-padding-x) auto var(--content-inner-gap);
    gap: 8px;
}
.participant-ct .tag-btn-group .btn-type1 {
    flex-shrink: 0;
}
.participant-ct .participant-list-table {
    width: calc(100% - var(--content-padding-x) - var(--content-padding-x));
    margin: 0 auto var(--content-inner-gap);
    flex-shrink: 0;
}
.participant-ct .participant-list-table .participant-class {
    min-width: 72px;
}
.participant-ct .participant-list-table .participant-info-group{
    width: 100%;
    text-align: left;
}
.participant-ct .participant-list-table .participant-info-group .name {
    font: var(--font-body-bold);
    margin-bottom: 4px;
}
.participant-ct .participant-list-table .participant-info-group .name > span {
    font: inherit;
    margin-right: 4px;
}
.participant-ct .participant-list-table .participant-info-group .info {
    font: var(--font-body-sm-md);
    color: var(--txt-second);
}
.participant-ct .participant-list-table .participant-info-group .info .info1,
.participant-ct .participant-list-table .participant-info-group .info .info2 {
    font: inherit;
    color: currentColor;
}
.participant-ct .cost-input-group {
    width: calc(100% - var(--content-padding-x) - var(--content-padding-x));
    margin: 0 auto;
    padding-bottom: var(--content-padding-x);
}
.participant-ct .cost-input-group > .flex-between label {
    padding-bottom: 0;
}
.participant-ct .cost-input-group .grid {
    grid-template-columns: repeat(3, 1fr);
}
.participant-ct .cost-input-group .inner-sum {
    border-radius: var(--default-bdrs);
}
.participant-ct.af .cost-input-group .inner-sum {
    width: 126px;
    margin-left: auto;
}
.participant-ct .cost-input-group .inner-sum.error {
    outline: 2px solid var(--red);
}
.participant-ct .cost-input-group .tab-tool-tip {
    top: auto;
    bottom: 62px;
    right: 0;
}
.participant-ct .cost-input-group span.tab-tool-tip .icon {
    right: 30px;
    left: auto;
    top: auto;
    bottom: -13px;
    transform: rotate(90deg);
}

/* ppsi 참석자 선택 */
.participant-ct.af .participant-list-table {
    /* height: calc(100vh - 788px); */
    /* height: calc((100% - 50px) / 2); */
    height: auto;
    flex-shrink: 0;
}
.shop-list-table.tbody-scroll {
    /* height: calc((100% - 50px) / 2); */
    /* max-height: 460px; */
    /* overflow-y: auto; */
}
.shop-list-total .check-group label {
    color: var(--primary-60);
}
.shop-list-total .check-group input::before {
    border: 3px solid var(--primary-60);
}
.shop-list-total .check-group input:checked::before {
    background: var(--primary-60);
}
.participant-ct.af .input-group .inner-sum input {
    background: transparent !important;
    box-shadow: none;
}
.shop-list-total .check-group input {
    flex-shrink: 0;
}
.participant-ct.af .cost-input-group .tab-tool-tip {
    bottom: 114px;
}
.shop-list-total .shop-info-group .flex-between {
    margin-bottom: 0;
    gap: 8px;
    /* justify-content: flex-end; */
    /* flex-wrap: wrap; */
}
.shop-list-total .shop-info-group input {
    width: 126px;
    margin-left: auto;
}

/* 웹초청장 미리보기 */
.invi-info-group {
    height: 190px;
    display: flex;
    align-items: center;
    gap: var(--content-inner-gap);
    margin-bottom: var(--content-inner-gap);
}
.invi-info-group .invi-thumb {
    flex: 1;
    height: 100%;
    aspect-ratio: 4/3;
    border: 2px dashed var(--primary-60);
    border-radius: 8px;
    flex-shrink: 0;
    overflow: hidden;
}
.invi-info-group .invi-thumb.active {
    border: 2px solid var(--primary-60);
}
.invi-info-group .invi-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.invi-info-group .invi-info {
    flex: 1.5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.invi-info-group .invi-info .btn {
    width: 160px;
    flex-shrink: 0;
    align-self: flex-end;
    cursor: pointer;
}
.invi-info-group .invi-info div {
    font: inherit;
}
.invi-info-group .invi-info div + div {
    margin-top: 4px;
}
.invi-info-group .invi-info div span {
    font: var(--font-body-bold);
    margin-right: 4px;
}
.invi-info-group + .find-wrap {
    /* height: calc(100vh - 495px); */
    height: 550px;

}
.invi-info-group + .find-wrap.active {
    height: auto;
}

/* 절반을 차지하는 찾기 */
.find-wrap {
    width: 100%;
    height: calc(100vh - 395px + 57px);
    border: 2px dashed var(--primary-60);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
:is(.inner-tag-num-group) + .find-wrap {
    height: calc(100vh - 395px);
}
.find-wrap .txt-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
    color: var(--txt-second);
}
.find-wrap .txt-group .icon {
    width: 70px;
    height: 70px;
    filter: grayscale(1) brightness(5.6);
}
.find-wrap .txt-group p {
    font: var(--font-title-sm-md);
    color: currentColor;
}
.find-wrap .txt-group .btn {
    max-width: 300px;
}
.find-wrap .inner-template {
    display: none;
    justify-content: center;
}
.find-wrap .input-group {
    box-shadow: none;
    margin-bottom: 0;
}
.find-wrap .input-group .inner-btn-file-select {
    margin-bottom: 0;
}
.find-wrap .input-group .inner-btn-file-select .btn {
    display: inline-flex;
    width: 300px;
    padding-bottom: 0;
}
.find-wrap .inner-template .inner-template-wrap{
    position:relative;
    background: #eff2f5;
    width:344px;
    height: 258px;
    display: flex;
    justify-content: center;
}
.find-wrap .inner-template .inner-template-wrap .inner-template-group{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.find-wrap .inner-template .inner-template-wrap .inner-template-group .file-name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 1rem 1rem;
    font-weight: bold;
}
.find-wrap .inner-template .inner-template-wrap .inner-template-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.find-wrap .inner-template .inner-template-wrap .inner-template-btn .btn-del {
    transform: none;
}

.find-wrap.active {
    border-style: solid;
    display: block;
    height: auto;
}
:is(.inner-tag-num-group) + .find-wrap.active {
    height: calc(100vh - 395px);
}
.find-wrap.active .inner-template-btn {
    display: block;
}
:is(.inner-tag-num-group) + .find-wrap.active .inner-template {
    max-height: calc(100vh - 395px);
}
.find-wrap.active .txt-group {
    display: none;
}
.find-wrap.active .inner-template {
    display: block;
    overflow: visible;
}

.find-wrap.active .inner-template .invi-sample-wrap {
    max-width: none;
}
.inner-template main {
    height: auto;
}

/* 템플릿 적용 */
.inner-flex-between .inner-template {
    border: 2px solid var(--gray-70);
}
.inner-template {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.inner-template-top {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--gray-90);
    gap: 10px;
}
.inner-template-top .btn {
    width: 160px;
}
.inner-template-top span {
    font: var(--font-sub-md);
    color: var(--txt-second);
    margin-bottom: 5px;
    position: relative;
}
.inner-template-top span:not(:last-of-type):after {
    content: " / ";
}
.inner-template-top .radio-group {
    width: 30px;
    z-index: 1;
}
.inner-template-top .template-title {
    font: var(--font-body-bold);
    color: var(--txt-second);
}
.inner-template-middle {
    padding: 24px 30px;
    display: flex;
    align-items: center;
    gap: 21px;
    flex-wrap: wrap;
}
.inner-template-middle .kao-thumb {
    width: 162px;
    height: 134px;
    border: 1px solid var(--primary-blue);
    border-radius: 8px;
    overflow: hidden;
}
.inner-template-middle .kao-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-template-middle .kao-para {
    font: var(--font-body-sm-md);
}

/* 템플릿 적용 > 선택된 템플릿 */
.inner-template.active {
    border: 2px solid var(--primary-60);
}
.inner-template.active .inner-template-top {
    background: var(--primary-90);
}
.inner-template.active .inner-template-top .template-title {
    color: var(--txt-default);
}

/* 템플릿 적용 > survey*/
.inner-template .inner-template-survey {
    padding-top: 24px;
}

/* survey 관련 공통 */
.survey-intro-box {
    background: var(--primary-80);
    padding: 19px 24px;
    font: var(--font-title-sm-md);
    margin-bottom: 30px;
    border-radius: var(--default-bdrs);
}
.survey-box {
    padding: 26px 30px;
    border: 1px solid var(--primary-blue);
    border-radius: 10px;
    max-width: 972px;
    margin: 0 auto 30px;
}
.survey-box:last-child {
    margin-bottom: 0;
}
.survey-box .survey-question-wrap {
    margin-bottom: 38px;
}
.survey-box .survey-question-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.survey-box .survey-question {
    display: flex;
    align-items: center;
    gap: 10px;
}
.survey-box .survey-question span {
    font: var(--font-title-sm-bold);
}
.survey-box .survey-question span:first-child {
    width: 68px;
    flex-shrink: 0;
}
.survey-box .survey-type {
    font: var(--font-body-md);
    color: var(--txt-second);
    word-break: keep-all;
    text-align: right;
}
.survey-box .survey-question-ex {
    font: var(--font-body-md);
    color: var(--txt-second);
    margin-top: 14px;
    margin-left: 78px;
}
.survey-box .survey-answer-wrap {}
.survey-box .radio-wrap {
    margin-bottom: 0;
}
.survey-box .radio-group {
    margin-right: 0;
    width: 100%;
    margin-bottom: 16px;
}
.survey-box .radio-group:last-child {
    margin-bottom: 0;
}
.survey-box .radio-group input {
    width: 78px;
}
.survey-box .radio-group input::before {
    transform: translate(12px, -50%);
}
.survey-box .radio-group label {
    font: var(--font-title-sm-md);
    margin-left: 0;
}
.survey-box .check-group {
    margin-bottom: 16px;
}
.survey-box .check-group:last-child {
    margin-bottom: 0;
}
.survey-box .check-group input {
    width: 78px;
}
.survey-box .check-group input::before {
    left: 12px;
}
.survey-box .check-group input::after {
    left: 15px;
}
.survey-box .check-group label {
    font: var(--font-title-sm-md);
    margin-left: 0;
}
.survey-box textarea {}

/* survey report 관련 */
.survey-answer-wrap-report {}
/* survey report 관련 > 그래프 */
.survey-answer-wrap-report .graph-group {
    display: flex;
    gap: var(--content-inner-gap);
    justify-content: space-between;
}
.survey-answer-wrap-report .graph-group .graph {}
.survey-answer-wrap-report .graph-group .survey-report-table {
    max-width: 393px;
}
.survey-answer-wrap-report .graph-group .survey-report-table .report-sortation {
    width: 100%;
    border-right: 2px solid var(--gray-70);
}
.survey-answer-wrap-report .graph-group .survey-report-table .repoort-response {
    min-width: 100px;
}
/* survey report 관련 > textarea */
.survey-report-text-group {}
.survey-report-text {
    display: flex;
    gap: 10px;
    padding: 12px 0;
}
.survey-report-text-group .respondent-name {
    font: var(--font-body-bold);
    flex-shrink: 0;
}
.survey-report-text-group p {}

/* 클릭하는 툴팁 */
.inner-tool-tip {
    position: relative;
}
/* 기본 bottom-left */
.tab-tool-tip {
    position: absolute;
    top: 100%;
    z-index: 3;
    display: none;
}
span.tab-tool-tip .icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 30px;
    top: -13px;
    transform: rotate(-90deg);
}
.tab-tool-tip span {
    font: var(--font-sub-bold);
    color: #fff;
    background: var(--icon-default);
    border-radius: var(--default-bdrs);
    padding: 8px 12px;
    white-space: nowrap;
    display: block;
}
.tab-tool-tip span em {
    color: currentColor;
    font: inherit;
    display: block;
}
.tab-tool-tip span em:nth-child(1) {
    margin-top: 8px;
}
.tab-tool-tip.bottom-right {
    right: 0;
    top: calc(100% + 16px);
}
.tab-tool-tip.bottom-right .icon {
    left: calc(100% - 30px);
}

.tab-tool-tip.top-right {
    right: 0;
    top: auto;
    bottom: 65px;
}
.tab-tool-tip.top-right .icon {
    left: auto;
    right: 30px;
    top: auto;
    bottom: -13px;
    transform: rotate(90deg);
}

/* hover 툴팁 */
.tool-tip {
    margin-left: 2px;
    position: relative;
    display: flex;
}
.tool-tip > .icon {
    width: 20px;
    height: 20px;
    /* font-size: 20px; */
    /* font-weight: 400; */
    /* color: var(--icon-default); */
    cursor: pointer;
}
.tool-tip > span {
    font: var(--font-sub-bold) !important;
    color: #fff;
    background: var(--icon-default);
    border-radius: var(--default-bdrs);
    padding: 8px 12px;
    position: absolute;
    left: calc(100% + 9px);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    visibility: hidden;
    transition: all 0.1s;
    opacity: 0;
    z-index: 2;
}
.tool-tip > span:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-right: 8px solid var(--icon-default);
    border-bottom: 8px solid transparent;
    position: absolute;
    right: calc(100% - 1px);
    top: 0;
    bottom: 0;
    margin: auto;
}
.tool-tip > span.active {
    visibility: initial;
    opacity: 1;
}

.tool-tip > span span {
    color: inherit;
    font: inherit;
}

td.tool-tip {
    margin-left: 0;
    display: table-cell;
    position: relative;
}
td.tool-tip > span {
    overflow: visible !important;
    text-overflow: inherit;
    z-index: 1;
}

/* 툴팁 - 연회색 */
.tool-tip-light span {
    text-align: left;
    background: var(--gray-80);
    color: var(--txt-default);
}
.tool-tip-light span em {
    font: inherit;
    margin-bottom: 4px;
    display: block;
}
.tool-tip-light .payment-1 {
    color: var(--primary-40);
}
.tool-tip-light .payment-2 {
    color: var(--primary-60);
}
.tool-tip-light > span:after {
    border-right: 8px solid var(--gray-80);
}

/* 리스트 ul li 커스텀 */
.list-custom b {
    font-weight: bold;
}
.list-custom ol {
    counter-reset: var-count;
}
.list-custom .list-1depth,
.list-custom ul {
    padding-left: 30px;
}
.list-custom  ol li {
}
.list-custom .list-1depth > li {
    margin-top: 47px;
    font: var(--font-title-sm-bold);
}
.list-custom .list-1depth > li::before {
    counter-increment: var-count;
    content: counter(var-count) ". ";
    display: inline-block;
    width: 20px;
    margin-left: -30px;
}
.list-custom .list-2depth {
    margin-top: 20px;
}
.list-custom .list-2depth > li {
    margin-top: 20px;
}
.list-custom .list-2depth > li::before {
    counter-increment: var-count;
    content: "1-"counter(var-count) ". ";
    display: inline-block;
    width: 30px;
    margin-left: -30px;
}
.list-custom .list-1depth > li:nth-of-type(2) .list-2depth > li::before {
    content: "2-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(3) .list-2depth > li::before {
    content: "3-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(4) .list-2depth > li::before {
    content: "4-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(5) .list-2depth > li::before {
    content: "5-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(6) .list-2depth > li::before {
    content: "6-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(7) .list-2depth > li::before {
    content: "7-"counter(var-count) ". ";
}
.list-custom .list-1depth > li:nth-of-type(8) .list-2depth > li::before {
    content: "8-"counter(var-count) ". ";
}
.list-custom .list-3depth {
    margin-top: 20px;
    margin-bottom: 20px;
}
.list-custom .list-3depth > li:not(:last-of-type) {
    margin-bottom: 4px;
}
.list-custom .list-3depth > li::before {
    content: "\2022";
    color: var(--txt-default);
    font-weight: bold;
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

.list-custom .list-3depth.checkbox > li::before {
    content: "\ea0e";
    font-family: xeicon;
    color: var(--primary-blue);
    display: inline-block;
    width: 24px;
    margin-left: -24px;
    font-size: 20px;
    vertical-align: text-bottom;
}

.list-custom.list-custom-not-2depth .list-1depth{
    padding-left: 20px;
}
.list-custom.list-custom-not-2depth .list-1depth ul {
    padding-left: 0;
}
.list-custom.list-custom-not-2depth .list-1depth > li::before {
    margin-left: -20px;
}
.list-custom.list-custom-not-2depth .list-1depth > li > ul {
    margin-top: 20px;
}
.list-custom.list-custom-not-2depth ul.list-3depth {
    padding-left: 20px;
}

/* 등급 별 */
.grade-group {
    display: flex;
    justify-content: center;
}
.grade-group .star {
    width: 20px;
    height: 20px;
}
.grade-group .star svg .star-fill{
    fill: transparent;
}
.grade-group .star svg .star-stroke{
    fill: var(--primary-blue);
}
.grade-group .star.on svg .star-fill {
    fill: var(--primary-blue);
}

/* 리스트 필터 그룹 (인풋X) */
.filter-group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 7px;
}
.filter-group .btn-circle {}
.filter-group .tag {
    padding: 8px 10px;
}

/* 지급한도 > 도넛 형태 */
.payment-chart-group {
    position:relative;
    height: calc(var(--pie-chart-size) / 2 + 10px);
    margin: 0 0 var(--content-inner-gap);
    padding-top: 10px;
    overflow: hidden;
}
.payment-chart-group .payment-chart-inner {
    width: var(--pie-chart-size);
    height: var(--pie-chart-size);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.payment-chart-group .payment-chart-inner::after {
    content: "";
    width: calc(var(--pie-chart-size) / 3);
    height: calc(var(--pie-chart-size) / 3);
    /* height: 86px; */
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.payment-chart-group .payment-chart-1 {
    width: var(--pie-chart-size);
    height: var(--pie-chart-size);
    background: var(--primary-40);
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: -50%;
    /* 1,000,000 / 3,000,000 * 100 = 33.3%
     180 * 0.333 = 59.94
     */
    transform: rotate(59.94deg);
    transform-origin: center top;
}
.payment-chart-group .payment-chart-2 {
    width: var(--pie-chart-size);
    height: var(--pie-chart-size);
    background: var(--primary-70);
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -50%;
    /* 500,000 / 3,000,000 * 100 = 16.6%
     180 * 0.166 = 29.88
     */
    transform: rotate(calc(59.94deg + 29.88deg));
    transform-origin: center top;
}
.payment-chart-group .payment-chart-bg {
    width: var(--pie-chart-size);
    height: var(--pie-chart-size);
    border-radius: 50%;
    background: var(--primary-80);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.payment-chart-group-bar {
    display: flex;
    align-items: center;
    gap: 4px;
}
.payment-chart-group-bar b {
    width: 60px;
    flex-shrink: 0;
}
.payment-chart-group-bar .payment-chart-inner {
    display: flex;
    position: relative;
    max-width: 300px;
    width: 100%;
    overflow: hidden;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart {
    position: relative;
    flex-shrink: 0;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-1 {
    width: 33.3%;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-2 {
    width: 16.6%;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-bg {
    width: 50%;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart .bar {
    height: 10px;
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-1 .bar {
    background: var(--primary-40);
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-2 .bar {
    background: var(--primary-70);
}
.payment-chart-group-bar .payment-chart-inner .payment-chart-bg .bar {
    background: var(--primary-80);
}
.payment-chart-group-bar .payment-chart-num {
    font: var(--font-sub-md);
    display: block;
    margin-bottom: 4px;
    text-align: center;
}
.payment-chart-group-bar .payment-chart-num-1 {
    color: var(--primary-40);
}
.payment-chart-group-bar .payment-chart-num-2 {
    color: var(--primary-50);
}
.payment-chart-group-bar .payment-chart-num-3 {
    color: var(--txt-second);
}

/* 로딩 */
.loading-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 50vh;
}
.loading-wrap img {
    width: 85px;
    height: 85px;
}
.loading-wrap p {
    margin-top: 30px;
    color: var(--gray-70);
    font: var(--font-title-bold)
}
.loading-wrap span {
    display: block;
    margin-top: 8px;
    color: var(--gray-70);
    text-align: center;
}


/* 애니메이션 모음*/
/* 360도 회전 */
.aniRotate {
    animation: aniRotate linear 2s infinite;
}
@keyframes aniRotate {
    100% {
        transform: rotate(360deg);
    }
}

.m-ct {
    display: none;
}

@media (max-width: 1920px) {
    .input-group .grid .inner-label {
        margin-bottom: 0;
    }
}

@media (max-width: 1900px) {
    .pagination-wrap.flex-between {
        justify-content: space-between;
    }
    .pagination-wrap .btn-type1 {
        position: relative;
    }
}

@media (max-width: 1900px) and (min-width: 1441px) {
    /* survey 관련 공통 */
    .survey-box .survey-question-group {
        flex-direction: column;
        align-items: flex-start;
    }
    .survey-box .survey-question {
        align-items: flex-start;
    }
    .survey-box .survey-question-ex {
        margin-left: 0;
    }
    .survey-box .survey-type {
        align-self: flex-end;
    }
}

@media (max-width: 1545px) and (min-width: 1100px) {
    .participant-ct .cost-input-group .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1440px) {
    .btn-add {
        top: -18px;
    }
    .step2 .select-group-list {
        top: 89px;
    }
    .input-group .inner-label .label {
        padding: 16px 20px 0 20px;
    }
    .input-group .grid .label {
        width: 85px;
    }
    .input-group .text-area .tag-ipt-group .ipt-tag {
        height: 17px;
    }
    /* .input-group .inner-btn-file-select .btn-del { */
    /*     transform: translate(-20%, 109%); */
    /* } */
    .search-input-group .select-list {
        width: 140px;
    }

    .krpia-ct .inner .txt-group {
        max-height: calc(100vh - 131px - 80px - 45px);
    }
    .krpia-ct .inner .txt-group .logo {
        width: 200px;
        margin-bottom: 0;
    }

    /* 상세 페이지 반반 레이아웃 */
    .content-half {
        flex-direction: column;
    }
    /* 절반을 차지하는 찾기 */
    .content.inner-find-wrap .sub-tab-content {
        flex-direction: column;
    }
    /* .find-wrap { */
    /*     height: 600px; */
    /* } */
    .common-table tbody td b{
        font-size: 11px;
        color: inherit;
        line-height: 1.2;
        display: block;
    }

    .pagination-wrap {
        padding: 15px 0 0;
    }
    .send-group .flex-between {
        justify-content: flex-end;
    }

    .payment-chart-num-1 {
        left: 0;
        top: 16px;
    }
    .payment-chart-num-2 {
        top: 0;
        left: 32px;
    }
    .payment-chart-num-3 {
        right: 0;
        top: 10px;
    }
    .tab-wrap .tab-group label svg {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 1440px) and (min-width: 1100px) {
    .select-info-box .status-group .btn {
        width: 100%;
    }
}

@media (max-width: 1366px) {
    .t-ct {
        display: none;
    }
}

@media (max-width: 1280px) {
    .tab-wrap .tab-group label {
        padding: 0 15px;
        font: var(--font-title-sm-bold);
    }
    .pagination-wrap.flex-between {
        flex-direction: column;
    }
    .pagination-wrap .btn-type1 {
        width: 100%;
        justify-content: space-between;
    }
    .calendar-wrap .calendar-scroll {
        height: auto;
        overflow: visible;
    }
}

@media (max-width: 1280px) and (min-width: 1100px) {
    .status-btn-group .status-info {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .status-btn-group .status-info span {
        width: 100%;
        display: block;
    }
}

@media (max-width: 1100px)  {
    /* html, body { */
    /*     height: calc(var(--vh, 1vh) * 100); */
    /* } */
    .pc-ct {
        display: none !important;
    }
    .m-ct {
        display: block;
    }
    .btn-type2 {
        gap: 10px;
    }
    .input-group.non-label .btn-del {
        transform: translate(0, -50%);
    }
    .status-btn-group > .flex-between {
        /* flex-direction: column; */
        /* gap: 20px; */
        /* align-items: center; */
    }
    .status-btn-group > .flex-between .btn-save-group .status-info {
        width: 100%;
        text-align: right;
    }
    header .side_menu{
        display: none;
    }
    main {
        width: 100%;
        /* height: 100%; */
        /* height: calc((var(--vh, 1vh) * 100) - 55px); */
        height: calc(var(--vh, 1vh) * 100);
        padding-top: 55px;
        padding-bottom: 60px;
        margin: 0;
        position: fixed;
        left: 0;
        top: 0;
        /* z-index: 1; */
    }
    main.auth-appr,
    main.oper {
        position: absolute;
    }

    main > div:not(.overview_wrap) {
        /* padding-bottom: 60px; */
    }
    .input-group .inner-btn-file-select .btn-del {
        /* transform: translate(-20%, 118%); */
    }
    .input-group .inner-btn-file-select.active + .btn-krpia-show {
        display: block !important;
    }
    .content-box {
        height: auto;
        border-radius: 5px;
    }
    .content-box .title {
        height: 60px;
        padding: 10px 15px;
    }

    .content-half {
        padding-bottom: 0;
    }
    .breadcrumb{
        margin: 0;
    }
    .breadcrumb > li::before {
        display: none;
    }
    .radio-group {
        margin-right: 20px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip .icon {
        width: 24px;
    }
    .calendar-wrap .cal-nav .year .btn-select-date {
        /* font-size: 24px; */
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }
    .select-group-calendar .calendar-wrap .cal-nav .btn-box .go-today {
        width: auto;
        font: var(--font-title-sm-bold);
        color: var(--txt-default);
        flex-shrink: 0;
        transform: translateX(-50%);
        left: 50%;
    }
    .calendar-wrap .cal-nav .month {
        margin-left: 15px;
    }
    .calendar-wrap .cal-nav .btn-select-date {
        margin-left: 10px;
    }
    .calendar-wrap .cal-nav .btn-box {
        width: 100%;
        height: 35px;
    }
    .calendar-wrap .cal-nav .btn-box .nav-btn {
        border-radius: 3px;
    }
    .calendar-wrap .cal-nav .btn-box .go-today {
        position: absolute;
        right: 0;
        margin: 0;
    }
    .calendar-wrap.main-calendar .cal-nav .btn-box .go-prev {
        position: absolute;
        left: 50%;
        transform: translateX(-110px);
        border: none;
    }
    .calendar-wrap.main-calendar .cal-nav .btn-box .go-next {
        /* margin-left: 5px; */
        position: absolute;
        left: 50%;
        transform: translateX(60px);
        border: none;
    }
    .calendar-wrap .calendar-scroll {
        height: auto;
        overflow: visible;
    }
    .calendar-wrap .days {
        height: 40px;
    }
    .calendar-wrap .days .day {
        font-size: 13px;
        line-height: 17px;
    }
    .calendar-wrap .dates {
        max-height: none;
    }
    .calendar-wrap .dates .cal {
        position: relative;
    }
    .calendar-wrap .dates .cal > li {
        min-height: 15vw;
        padding: 5px;
        position: initial;
    }
    .calendar-wrap .dates .cal > li > p {
        font-size: 13px;
        line-height: 17px;
    }
    .calendar-wrap .dates ul li.today > p {
        width: 22px;
        height: 20px;
    }
    .calendar-wrap .dates ul li.today p::before {
        width: 22px;
        height: 22px;
        transform: translate(-50%, -55%);
    }
    .calendar-wrap .dates ul li .dec {
        padding: 3px;
        margin-top: 2px;
    }
    .calendar-wrap .dates ul li .dec p {
        font-size: 11px;
        -webkit-line-clamp: 2;
        line-height: 14px;
    }
    .calendar-wrap .dates ul li .dec > div {
        display: none;
    }

    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list p {
        font-size: 14px;
        padding-right: 15px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(2) p span,
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(1) p span {
        width: 35px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:nth-child(1) {
        padding-top: 15px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:last-child {
        padding-bottom: 15px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(2) p span {
        font-size: 14px;
    }
    .filter-accordion .event-date-wrap{
        margin-bottom: 10px;
    }
    .tab-wrap .tab-group {
        --tab-wrap-minW: 140px;
    }
    .ppsi .tab-wrap .tab-group {
        --tab-wrap-minW: 150px;
    }
    .tab-wrap .tab-group label {
        padding: 0 15px;
        font: var(--font-body-bold);
    }

    .cus.speaker .tab-wrap .tab-group {
        --tab-length: 3;
        --tab-wrap-minW: 140px;
        width: calc(100% / var(--tab-length));
    }
    /* 템플릿 적용 */
    .inner-template-top {
        padding: var(--content-padding-x) var(--content-padding-y);
    }
    .inner-template .inner-template-survey {
        padding-top: var(--content-padding-y);
    }
    /* survey 관련 공통 */
    .survey-intro-box {
        padding: var(--content-padding-x) var(--content-padding-y);
        margin-bottom: var(--content-padding-y);
    }
    .survey-box {
        margin-bottom: var(--content-padding-y);
    }

    .participant-ct .tag-btn-group .btn {
        width: 110px;
        flex-shrink: 0;
    }
    .participant-ct.af .participant-list-table {
        min-height: auto;
    }
    .participant-ct.af .cost-input-group .tab-tool-tip {
        bottom: 96px;
    }
    .shop-list-table.tbody-scroll {
        height: auto;
    }
    .tab-wrap .tab-group label svg {
        width: 20px;
        height: 20px;
    }
}

@media  all and (max-width: 768px) {
    .btn-del {
        transform: translate(0, 30%);
    }
    .filter-accordion .event-date-wrap {
        flex-direction: column;
    }
    .filter-accordion .event-date-wrap .tilde{
        display: none;
    }
    .hcp-info-box .sub-box-group {
        flex-direction: column;
    }
    .send-group .flex-between {
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
    }
    .send-group .input-group {
        width: 100%;
    }
    .send-group {
        width: 100%;
    }
    .send-group .flex-between {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    /* survey 관련 공통 */
    .survey-box .survey-question-group {
        flex-direction: column;
        align-items: flex-start;
    }
    .survey-box .survey-question {
        align-items: flex-start;
    }
    .survey-box .survey-question-ex {
        margin-left: 0;
    }
    .survey-box .survey-type {
        align-self: flex-end;
    }
    /* survey report 관련 > 그래프 */
    .survey-answer-wrap-report .graph-group {
        flex-direction: column;
    }
    .survey-answer-wrap-report .graph-group .survey-report-table {
        max-width: none;
    }

    .status-btn-group > .flex-between {
        flex-direction: column-reverse;
    }
    .status-btn-group > .flex-between .list-wrap-title {
        align-self: flex-start;
    }
    .status-btn-group .inner-flex-between {
        width: 100%;
        align-self: flex-end;
        justify-content: flex-end;
    }
    .status-btn-group .status-info {
        width: auto;
    }
    .participant-ct .cost-input-group .grid {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    }
    .participant-ct.af .tag-btn-group {
        flex-direction: column-reverse;
        gap: 0;
    }
    .participant-ct.af .tag-btn-group .btn-type1 {
        margin-bottom: 8px;
    }
    .participant-ct.af .tag-btn-group .tag-num-group {
        width: 100%;
        justify-content: flex-end;
    }

}

@media all and (max-width: 500px) {
    .btn {
        height: 37px;
        font: var(--font-body-sm-bold);
    }
    .btn-del {
        transform: translate(0, 15%);
    }
    .input-group.non-label .btn-del {
        transform: translate(0, -60%);
    }
    .btn-square-del {
        transform: translate(-10%, 15%);
    }
    .btn-event-name-add, .btn-agc-name-add{
        right: 26px;
        top: 20px;
    }
    .btn-excel-download {
        width: auto;
    }
    .input-group .select-list input {
        padding-right: 40px;
    }
    .input-group .inner-btn-file-select .btn-del {
        transform: translate(-19%, 13%);
    }
    .input-group .inner-btn-file-select.inner-label .btn-del {
        transform: translate(-19%, 12%);
    }
    .flex-between .inner-label + .inner-label {
        margin-left: 0;
    }
    .select-group-list {
        top: 65px;
    }
    .alert .select-group-list {
        top: 40px;
    }
    .inner-label ~ .select-group-list,
    .input-group-line .select-group-list,
    .search-input-group.input-group .select-group-list,
    table .select-group-list{
        top: 38px;
    }

    .input-group.up-list .select-group-list {
        bottom: 38px;
    }
    :is(.btn-goto-coupa-apply, .btn-goto-med-apply) {
        font: var(--font-body-sm-bold); !important;
    }
    :is(.btn-goto-coupa-apply, .btn-goto-med-apply).done {
        /* font: var(--font-body-sm-bold); !important; */
    }
    :is(.btn-goto-coupa-apply, .btn-goto-med-apply).done:before {
        transform: rotate(50deg) translate(-96%, 0%);
    }
    :is(.btn-goto-coupa-apply, .btn-goto-med-apply).done:after {
        font-size: 18px;
    }
    .status-btn-group .btn-save-group {
        width: 100%;
    }
    .status-btn-group .btn {
        flex: 1;
    }
    .tag {
        gap: 4px;
    }
    .tag span{
        font: var(--font-body-sm-md);
    }
    .input-group .search input {
        padding-right: 4px;
    }
    .input-group .inner-label .label {
        width: 86px;
        padding: 12px 15px 0 15px !important;
    }
    .input-group .btn-icon .icon {
        width: 24px;
        height: 24px;
    }
    .input-group .grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .input-group .grid .label{
        width: 69px;
    }
    .radio-group {
        margin-right: 10px;
    }
    .radio-group input::before {
        width: calc(var(--check-box-size) - 6px);
        height: calc(var(--check-box-size) - 6px);
    }
    .radio-group label {
        margin-left: calc(var(--check-box-size) + 4px);
        font: var(--font-body-sm-bold);
    }
    .input-group .event-date-group .event-date:before,
    .input-group .event-date-group .event-date:after{
        height: 8px;
    }
    .input-group .event-date-group.inner-btn-group .btn-group {
        display: none;
    }
    .input-group .event-date-group.inner-btn-group .event-date {
        padding-right: 0;
    }
    .input-group .inner-label textarea {
        padding: 11px 15px;
        padding-left: 0;
    }
    .search-input-group .search input {
        padding: 0 15px 0 0;
    }
    .hcp-info-box .status-info {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 5px;
    }
    .hcp-info-box .hcp-info .hcp-hospital,
    .hcp-info-box .hcp-info .hospital-addr{
        font: var(--font-body-md);
    }
    .hcp-info-box .sub-box {
        height: auto;
        flex-direction: column;
        gap: 4px;
    }
    .hcp-info-box .sub-box .sub-box-ct {
        justify-content: space-between;
    }
    .filter-accordion .event-date-wrap{
        margin-bottom: 0px;
    }
    .filter-accordion .btn-search-group .btn{
        width: 100%;
    }
    .filter-accordion .btn-search-group .btn .icon {
        width: 20px;
        height: 20px;
    }
    .select-group-calendar {
        width: 100%;
    }
    .list-card-wrap .flex-between .list-result {
        padding: 0;
        margin: 0;
    }
    .list-card-wrap .list-card .top {
        font: var(--font-body-bold);
    }
    .main-list.speaker .filter-group {
        width: 100%;
        flex-wrap: wrap;
        gap: 4px;
    }
    .filter-group .tag {
        font: var(--font-sub-bold);
        padding: 4px 10px;
    }
    .find-wrap .txt-group .btn {
        width: 160px;
    }
    .find-wrap .input-group .inner-btn-file-select .btn {
        width: 160px;
    }
    .send-group .input-group.active {
        bottom: calc(100% + 10px);
    }
    .send-group .input-group .event-date-group .event-time {
        width: var(--time-w);
    }
    .send-group .select-group-2col {
        width: var(--time-w);
    }
    .send-group .btn {
        margin-right: 0;
    }
    .send-group .flex-between {
        flex-direction: column;
    }
    .select-info-box .status-group .btn {
        width: 100%;
    }
    /* 템플릿 적용 */
    main .inner-template-top {
        flex-direction: column;
    }
    .inner-template-top > div {
        align-self: flex-start;
    }
    .inner-template-top > button {
        align-self: flex-end;
    }
    /* survey 관련 공통 */
    .survey-box .survey-question {
        flex-direction: column;
    }
    .survey-box .radio-group input {
        width: 48px;
    }
    .survey-box .radio-group input::before {
        transform: translate(0, -50%);
    }
    .survey-box .check-group input {
        width: 48px;
    }
    .survey-box .check-group input::before {
        left: 0px;
    }
    .survey-box .check-group input::after {
        left: 2px;
    }

    .ppsi .input-group .grid .label {
        width: 79px;
    }
    .participant-ct .tag-num {
        font: var(--font-body-sm-bold)
    }
    .participant-ct .participant-list-table .participant-class {
        min-width: 62px;
    }
    .participant-ct .participant-list-table .attend-status {
        padding-left: 0;
        min-width: 55px;
    }
    .participant-ct .participant-list-table .btn-switch {
        width: 46px;
    }
    .participant-ct .participant-list-table .del {
        padding-left: 0;
        min-width: 42px;
    }
    .shop-list-total .check-group {
        height: auto;
    }
    .shop-list-total .check-group input {}
    .shop-list-total .check-group label {
        font: var(--font-sub-bold);
    }
    .shop-list-total .shop-info-group input,
    .participant-ct.af .cost-input-group .inner-sum {
        width: 100px;
    }
    .participant-ct .cost-input-group .tab-tool-tip {
        bottom: 53px;
    }
    .participant-ct .cost-input-group .tab-tool-tip span {
        width: 245px;
        white-space: normal;
        word-break: keep-all;
    }
    .participant-ct.af .cost-input-group .tab-tool-tip {
        bottom: 86px;
    }
    .status-btn-group .inner-flex-between {
        flex-direction: column;
        align-items: flex-end;
    }
    .status-btn-group .status-info {
        align-self: flex-end;
    }
    .status-btn-group .status-info span {
        display: inline;
    }
    /* 웹초청장 */
    .invi-info-group {
        flex-direction: column-reverse;
        height: auto;
        gap: 0;
    }
    .invi-info-group .invi-thumb {
        width: 100%;
    }
    .invi-info-group .invi-info {
        flex-direction: column-reverse;
    }
    .invi-info-group .invi-info .btn {
        width: 100%;
        align-self: flex-start;
        margin: 15px 0;
    }

    /* 캘린더 */
    .calendar-wrap .dates ul li .dec_full {
        width: 250px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list {
        top: 100%;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list p {
        font-size: 13px;
        padding-top: 10px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:last-child {
        padding-bottom: 10px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list div p:nth-child(1) {
        padding-top: 10px;
    }
    .calendar-wrap .cal-nav .tool-tip-box .tool-tip-list > div:nth-child(2) p span {
        font-size: 12px;
    }
    /* 캘린더 > 화요일 */
    .calendar-wrap .dates ul li:nth-child(3) .dec_full {
        left: 100%;
    }
    /* 캘린더 > 목요일 */
    .calendar-wrap .dates ul li:nth-child(5) .dec_full {
        left: 0;
    }

    /* 지도 */
    .map_wrap {
        height: calc(var(--vh, 1vh) * 70) !important;
    }

    .modal-non-participant-find .non-search-result {
        height: calc(var(--vh, 1vh) * 19)
    }

    .modal .non-search-result {
        height: calc(var(--vh, 1vh) * 25)
    }

    /* 웹 초청장 세부 조정 */
    .detail-wrap div[class^="D-all_invi_wrap"] .temp_btn-group svg {
        position: relative;
        top: 1px;
    }
    .detail-wrap div[class^="D-all_invi_wrap"] .temp_btn-group a span {
        position: relative;
        top: -4px;
    }
    :is(.detail-wrap, .modal) .D-all_invi_wrap .temp_info-box svg {
        transform: translateX(-145px);
    }

    /* 툴팁 */
    .tab-tool-tip.top-right {
        bottom: 52px;
    }
}

@media (max-width: 414px) {
    /* 웹 초청장 세부 조정 */
    :is(.detail-wrap, .modal) div[class^="D-all_invi_wrap"] .D-all_invi_header {
        min-height: 33vw;
    }
    :is(.detail-wrap, .modal) div[class^="D-all_invi_wrap"] .temp_greeting_deco {
        height: 7vw;
    }
    :is(.detail-wrap, .modal) .D-all_invi_wrap .temp_greeting_deco::after {
        border-radius: 7vw 0 0 0;
    }
    :is(.detail-wrap, .modal) .D-all_invi_main .temp_greeting {
        padding: 0 5vw 7vw;
    }
    :is(.detail-wrap, .modal) .D-all_invi_wrap .temp_event-info {
        padding: 7vw 7vw;
        border-radius: 0 7vw 0 0;
    }
    :is(.detail-wrap, .modal) .D-all_invi_wrap .D-all_invi_footer {
        padding: 4vw 5vw 7vw;
    }
    .list-card-wrap .list-card .requester-group + .flex-between .list-card-inner-box{
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 400px) {

}

@media (max-width: 360px) {
    :is(.detail-wrap, .modal) .D-all_invi_wrap .temp_info-box svg {
        transform: translateX(-140px);
    }
}

@media all and (pointer: coarse) {
    .select-group-calendar .calendar-wrap .dates .cal > li:hover {
        background: #ffffff;
    }
}


@media all and (pointer: fine) {
    .select-group-calendar .calendar-wrap .dates .cal > li:hover {
        background: rgb(204 204 204 / 20%);
    }
}