@charset "utf-8";

/*-------------------------------------------------
Author : WEB,Seo
Create date : 2025. 06. 00
Last update : 
-------------------------------------------------*/

/* ========== import ========== */
@import url('/resources/css/default/jquery-ui.css');
@import url('/resources/css/default/normalize.css');
@import url('/resources/css/assets/fonts.css');
@import url('/resources/css/assets/mixin.css');
@import url('/resources/css/assets/screen-ui.css');


/* ========== Footer ========== */
#footer {
    background-color: var(--dark-gray);
    color: var(--white-color);
    font-size: 1.6rem;
}

#footer section {
    height: 7rem;
}

#footer section h3 {
    width: 24rem;
}

#footer .copy-txt {
    height: 4rem;
    background-color: var(--txt-color);
    font-size: 1.4rem;
}

#footer .fnb-btn {
    width: 15rem;
    height: 3.5rem;
    border: 1px solid var(--white-color);
    border-radius: 5rem;
}

#footer .fnb-btn.border-dashed {
    border-style: dashed;
}

/* ========== //Footer ========== */

/* ========== main ========== */
#header {
    width: 100%;
}



/* ========== Login ========== */
.login-wrap {
    height: calc(100vh - 11rem);
    background: url('/resources/images/main/login_visual.png') no-repeat center/cover;
    position: relative;
}

.login-wrap .content-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white-color);
    border-radius: 8em;
    padding: 5rem;
    box-sizing: border-box;
}

.login-wrap .txt-box {
    width: calc(100% - (5rem + 46rem));
    padding: 8rem 4rem 25rem;
    box-sizing: border-box;
    background: url('/resources/images/main/login_visual.png') no-repeat center/cover;
    color: var(--white-color);
    border-radius: 8rem;
    text-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
    font-size: 2.5rem;
}

.login-wrap .txt-box h2 {
    font-weight: 600;
    font-size: 3.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 0 2rem;
    margin: 0 0 4rem;
}

.login-wrap .txt-box ul {
    margin-bottom: 3rem;
}

.login-wrap .txt-box ul li {
    position: relative;
    padding-left: 1.5rem;
}

.login-wrap .txt-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.2rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--white-color);
    border-radius: 99rem;
}

.login-wrap .form-wrap {
    width: 46rem;
}

.login-wrap h1 {
    font-weight: 500;
    font-size: 3rem;
}

.login-wrap h1 span {
    font-size: 3.5rem;
}

.login-wrap h1 i {
    color: var(--main-color);
}

.login-wrap h1 div {
    font-weight: 600;
}

.input-item.border-line {
    border: 1px solid var(--line-color);
    border-radius: 1rem;
    overflow: hidden;
}

.login-wrap .input-item.border-line input {
    height: 6rem;
    border: none;
    border-radius: 0;
}

.login-wrap .submit {
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 2rem;
    height: 6rem;
    border-radius: 99rem;
    font-weight: 500;
    /* box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3); */
}

.login-wrap .item-tit {
    background-color: var(--txt-color);
    height: 6rem;
    color: var(--white-color);
    width: 12rem;
    font-weight: 500;
    margin-bottom: 0;
}

.login-wrap .item-tit span {
    width: calc(100% - (2rem + 0.5rem + 3.5rem));
}

.login-wrap .contact-box {
    text-align: center;
    font-size: 1.6rem;
    color: var(--txt-gray);
}

.login-wrap .contact-box p {
    margin: 1.5rem 0 3rem;
}

.login-wrap .contact-btn {
    width: 30rem;
    background-color: var(--txt-color);
    color: var(--white-color);
    height: 3.5rem;
    border-radius: 99rem;
    font-weight: 500;
    /* box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3); */
    margin: 0 auto;
}

.login-wrap .js-ci {
    width: 11.5rem;
    margin: 3rem auto 0;
}

/* ========== //Login ========== */

/* ========== GNB Header ========== */

/* Fix_set */
.fix-set-wrap {
    position: fixed;
    right: 5rem;
    top: 1.5rem;
    z-index: 10;
}

.fix-set-wrap .setBtn {
    width: 5rem;
    height: 5rem;
    border-radius: 99rem;
    background-color: var(--white-color);
    /* box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.2); */
    background-color: var(--main-color);
    z-index: 10;
}

.fix-set-wrap .setBtn.on {}

.fix-set-wrap .fix-item {
    width: 0;
    height: 5rem;
    border-radius: 99rem;
    background-color: var(--white-color);
    /* box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.2); */
    opacity: 0;
    transform: translateX(150%);
    color: var(--light-gray);
    /* z-index: -1; */
    font-weight: 500;
    overflow: hidden;
}

.fix-set-wrap .fix-item.on {
    transform: translateX(0);
    opacity: 1;
    width: 17.5rem;
}

.fix-set-wrap .fix-item:nth-of-type(1) i {
    color: var(--main-color);
}

.fix-set-wrap .fix-item:nth-of-type(2) {
    transition-delay: 0.15s;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 23rem;
    background-color: #F5F8FA;
    color: #2B343B;
}

#header h1 {
    width: 100%;
    padding: 0 2rem;
    /* width: calc(100% - 4rem); */
    height: 9rem;
    border-bottom: 1px solid var(--line-color);
    /* border-bottom: 1px solid var(--main-color); */
    box-sizing: border-box;
    margin: 0 auto;
}

#header h1 i {
    width: 100%;
    font-size: 1.3rem;
    color: var(--light-gray);
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 0.2rem;
}

#header h1 b {
    font: 2rem;
    font-weight: 600;
}

#header h1 .name-box {
    width: 100%;
    /* width: calc(100% - (5rem + 1rem)); */
}

#header .gnb {
    height: calc(100% - (9rem + (2rem * 2) + 5rem + 3rem));
    max-height: none;
    border-bottom: 1px solid var(--white-color);
    box-sizing: border-box;
}

#header .gnb .gnb-item {
    width: 100%;
    height: 6rem;
    padding-left: 2rem;
    box-sizing: border-box;
    font-weight: 500;
    opacity: 0.6;
}

#header .gnb .gnb-item:hover {
    opacity: 1;
}

#header .gnb .gnb-item.active {
    position: relative;
    opacity: 1;
    font-weight: 600;
}

#header .gnb .gnb-item.active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5rem;
    height: 100%;
    background-color: #2B343B;
    border-radius: 0 2rem 2rem 0;
}

#header .gnb-tit {
    height: 5rem;
    color: var(--main-color);
    border-top: 1px solid var(--white-color);
    border-bottom: 1px solid var(--white-color);
    box-sizing: border-box;
    font-weight: 600;
    padding-left: 2rem;
}

#header .setting {
    width: calc(100% - 4rem);
    margin: 0 auto;
    height: 5rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
    background-color: var(--white-color);
    text-align: center;
    /* box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.1); */
    font-weight: 500;
}

#header .setting.active {
    background-color: #2B343B;
    color: var(--white-color);
}

#header .setting.active .ico {
    filter: brightness(0) invert(1);
}

#header .side-num-wrap {
    width: calc(100% - 3rem);
    margin: 0 auto;
    margin-top: 3rem;
    background: var(--white-color);
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
}

#header .side-num-wrap i {
    color: var(--txt-gray);
}

#header .side-num-wrap b {
    font-weight: 600;
    font-size: 1.8rem;
}

/* ========== //GNB Header ========== */

/* ========== Container ========== */
.container-wrap {
    width: calc(100% - (23rem + (3rem * 2)));
    margin-left: 26rem;
    /* max-height: calc(100vh - 3rem); */
    max-height: calc(100vh - (3rem + 8.5rem));
    max-width: 192rem;
}

.cont-header {
    font-size: 3rem;
    font-weight: 700;
    color: var(--main-color);
    height: 8.5rem;
    position: fixed;
    left: 26rem;
    top: 0;
    width: 100%;
    z-index: 3;
}

.cont-header.shadow {
    background: var(--white-color);
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.cont-header>b {
    color: var(--txt-color);
}

.cont-header .num {
    background-color: var(--line-color);
    width: 13rem;
    height: 4.5rem;
    border-radius: 99rem;
    text-align: center;
    font-size: 2.5rem;
    color: var(--txt-color);
    font-weight: 600;
}

.back-btn {
    width: 15rem;
    height: 4.5rem;
    border-radius: 99rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--light-gray);
}

.fix-num-wrap {
    font-size: 1.6rem;
    margin-left: 5rem;
    color: var(--txt-color);
}

.board-tab {
    height: 4.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    border-bottom: 0.3rem solid var(--main-color);
}

.board-tab.page-tab {
    padding: 0;
}

.board-tab.pd-0 {
    padding: 0;
}

.board-tab.page-tab .tab-item {
    /* width: calc(100% / 5); */
    width: 100%;
    border-radius: 0;
    box-shadow: unset;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #f9f9f9;
}

.board-tab.page-tab .tab-item.active {
    border: 1px solid var(--main-color);
}

.board-tab .tab-item {
    width: 12rem;
    box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.2);
    border-radius: 2rem 2rem 0 0;
    height: 100%;
    /* font-size: 2rem; */
    font-weight: 600;
    color: var(--txt-gray);
}

.board-tab .tab-item.active {
    background-color: var(--main-color);
    color: var(--white-color);
}

.board-tab .tab-item.more {
    border: 2px solid var(--main-color);
    border-bottom: 0;
    font-size: 1.6rem;
    box-sizing: border-box;
    color: var(--main-color);
    background-color: #F8F8F8;
}

.card-board {
    height: calc(100vh - (18rem));
    box-sizing: border-box;
    margin-top: 2rem;
}

.card-board .card-item {
    width: calc((100% - (2rem * 3)) / 4);
    height: 35rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
}

.card-board .card-item .num {
    height: 4rem;
    background-color: #2B343B;
    color: var(--white-color);
    font-size: 2rem;
    font-weight: 600;
    padding: 0 1rem;
    box-sizing: border-box;
}

.card-board .card-item.empty .content {
    background-color: #F8F8F8;
    justify-content: center;
    height: calc(100% - 4rem);
}

.card-board .card-item.empty .content .btn {
    height: 5rem;
    width: 23rem;
    margin: 0 auto;
}

.card-board .card-item .content {
    padding: 1rem;
    box-sizing: border-box;
}

.card-board .card-item .user-wrap {
    width: calc(100% - (7rem + 1rem));
    align-items: center;
    gap: 0.5rem 1rem;
}

.card-board .card-item .name {
    font-size: 2rem;
    font-weight: 600;
}

.card-board .card-item .user-wrap span {
    color: var(--txt-gray);
}

.card-board .card-item .user-wrap span.__flex {
    width: 100%;
}

.card-board .card-item .thum {
    overflow: hidden;
}

.card-board .card-item .thum img {
    min-height: 100%;
}

.card-board .card-item dl {
    align-items: center;
    font-size: 1.5rem;
    margin-top: 1rem;
}

.card-board .card-item dt,
.card-board .card-item dd {
    height: 3rem;
    border-top: 1px solid var(--line-color);
    box-sizing: border-box;
}

.card-board .card-item dt:last-of-type,
.card-board .card-item dd:last-of-type {
    border-bottom: 1px solid var(--line-color);
}

.card-board .card-item dt {
    width: 10rem;
    background-color: #F8F8F8;
    color: var(--txt-gray);
    font-size: 1.3rem;
    font-weight: 500;
}

.card-board .card-item dd {
    width: calc(100% - 10rem);
    font-weight: 600;
    padding-left: 1rem;
}

.card-board .card-item .info-box {
    height: calc(100% - 4rem);
    justify-content: space-between;
}

.card-board .card-item .price {
    font-size: 1.8rem;
    color: var(--main-color);
}

.card-board .card-item .tablet-wrap {}

.card-board .card-item .tablet-wrap .__txtCut {
    width: calc(100% - (8rem + 2rem));
}

.card-board .card-item .tablet {
    font-size: 1.2rem;
    width: 8rem;
    height: 2rem;
    background-color: var(--dark-gray);
    color: var(--white-color);
    border-radius: 1rem;
    box-sizing: border-box;
    padding-left: 1.2rem;
    position: relative;
}

.card-board .card-item .tablet:before {
    content: '';
    position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: transparent;
    outline: 2px solid var(--main-color);
    border-radius: 99rem;
}

.card-board .card-item .tablet.off {
    background-color: var(--light-gray);
}

.card-board .card-item .tablet.off:before {
    outline-color: var(--white-color);
}

.card-board .card-item .price-btn {
    font-size: 1.2rem;
    width: 8rem;
    height: 2rem;
    background-color: var(--dark-gray);
    color: var(--white-color);
    border-radius: 1rem;
    box-sizing: border-box;
    font-weight: 500;
}

.card-board .card-item.reserv .user-wrap {
    width: 100%;
    height: 7rem;
    align-items: center;
    gap: 1rem;
}

.card-board .card-item.reserv .user-wrap>span {
    font-size: 2rem;
    font-weight: 600;
}

.card-board .card-item.reserv .user-wrap .btn {
    width: 13rem;
    height: 3.5rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: 1.5rem;
}

.action-btns {}

.action-btns.w-11 {
    width: 11rem;
}

.action-btns .btn.pl-r-2 {
    width: auto;
    padding: 0 2rem;
}

.action-btns .btn {
    width: 100%;
    height: 4rem;
    border-radius: 0.5rem;
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 1.4rem;
    font-weight: 600;
    box-sizing: border-box;
}

.action-btns.h-5 .btn {
    height: 5rem;
    font-size: 1.6rem;
}

.action-btns.h-6 .btn {
    height: 6rem;
}

.action-btns.h-8 .btn {
    height: 8rem;
    font-size: 1.8rem;
}


.action-btns .btn.blue {
    background-color: var(--main-color);
    color: var(--white-color);
}

.action-btns .btn.main-outline {
    color: var(--main-color);
    border: 1px solid var(--main-color);
    background-color: var(--white-color);
}

.action-btns .btn.outline {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    background-color: var(--white-color);
}

.action-btns .btn.black-outline {
    border: 1px solid var(--txt-color);
    color: var(--txt-color);
    background-color: var(--white-color);
}

.action-btns .btn.white {
    background-color: var(--white-color);
    color: var(--txt-color);
    border: 1px solid var(--line-color);
}

.action-btns .btn.white_v2 {
    background-color: var(--white-color);
    color: var(--txt-color);
    border: 1px solid var(--line-color);
}

.action-btns .btn.green {
    background-color: var(--green-color);
}

.action-btns .btn.excel {
    background-color: #207245;
}

.action-btns .btn.pdf {
    background-color: #A42516;
}

.action-btns .btn.hwp {
    background-color: #34AEE7;
}

.action-btns .btn.word {
    background-color: #2A5699;
}

.action-btns .btn.red {
    background-color: var(--red-color);
}

.action-btns .btn.red-outline {
    border: 1px solid var(--red-color);
    color: var(--red-color);
    background-color: var(--white-color);
}

.action-btns .btn.green-outline {
    color: var(--green-color);
    border: 1px solid var(--green-color);
    background-color: var(--white-color);
}

.action-btns .btn.yellow {
    background-color: var(--yellow-color);
}

.action-btns .btn.gray {
    background-color: var(--light-gray);
}

.action-btns .btn.gray-outline {
    background-color: var(--white-color);
    border: 1px solid var(--line-color);
    color: var(--light-gray);
}

.action-btns .btn.lightgray {
    background-color: var(--line-color);
    color: var(--txt-gray);
}

.action-btns .btn.active {
    background-color: var(--main-color);
    color: var(--white-color);
    border-color: var(--main-color);
}


.action-btns .btn.black {
    background-color: #2B343B;
}

.action-btns .btn.w-15 {
    width: 15rem;
}

.action-btns.confirm .item-input {
    width: calc(100% - (10rem - 1rem));
}

.action-btns.confirm .btn.black {
    width: 10rem;
}

.table-detail .action-btns.board .btn {
    margin: 0;
    height: var(--input-height);
    width: 12rem;
}

.table-detail .action-btns.board .btn.wider {
    width: 15rem;
}

.icon_border {
    border: 1px solid var(--dark-gray);
    background: white;
    border-radius: 3rem;
}

.item-tit {
    font-weight: 600;
    min-height: 2.5rem;
    /* color: var(--txt-gray);
    font-weight: 500; */
    margin-bottom: 1rem;

}

.item-input {
    min-height: var(--input-height);
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
    box-sizing: border-box;
    font-weight: 600;
}

.items_pd {
    padding: 1.5rem;
}

select.item-input {
    padding: 0.5rem 4rem 0.5rem 1.5rem;
}

.item-input.red_border {
    border: 1px solid var(--red-color);
}

.date-wrap.red_border {
    border: 1px solid var(--red-color);
}

.item-input.border-none {
    border: none;
    padding: 0;
    align-items: center;
}

.item-input.disabled {
    background-color: #F8F8F8;
}

.board-wrap .input-box[disabled] {
    background-color: #F8F8F8;
}

.item-note {
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-sizing: border-box;
    min-height: 25rem;
    font-weight: 600;
}

.input-frame.etc .item-note {
    height: calc(100% - 5rem);
    border: 0;
    border-radius: 0;
}

.item-input::placeholder {
    font-size: 1.4rem;
}

.item-input.black {
    color: var(--white-color);
    background-color: var(--dark-gray);
}

.check-input-label {
    font-size: 1.4rem;
    background-color: #F8F8F8;
    border: 1px solid var(--line-color);
    height: 2.5rem;
    padding: 0 1rem;
    box-sizing: border-box;
    border-radius: 2rem;
}

.check-input-label.dark {
    background-color: var(--light-gray);
    color: var(--white-color);
    font-size: 1.4rem;
    height: 3rem;
    border: none;
}

.check-input-label.main {
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 1.4rem;
    height: 3rem;
    border: none;
}

.check-input-label.dark.active {
    background-color: var(--yellow-color);
    border: none;
}

.check-input-btn:checked+.check-input-label {
    background-color: var(--main-color);
    color: var(--white-color);
    border-color: var(--main-color);
}

.check-input-btn:checked+.check-input-label .ico {
    filter: brightness(0) invert(1);
}

.check-num-label {
    border: 1px solid var(--line-color);
    height: 4rem;
    padding-left: 1rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    overflow: hidden;
}

.check-num-label span {
    width: calc(100% - (2rem + 0.5rem + 8rem));
    font-weight: 500;
}

.check-num-label .check-num {
    background-color: #f9f9f9;
    width: 7rem;
    height: 100%;
    margin: 0 0 0 auto;
}

.check-num-label .check-num em {
    font-size: 1.4rem;
    color: var(--light-gray);
    font-weight: 600;
}

.check-num-label .check-num-input {
    width: 4rem;
    background-color: transparent;
    font-weight: 600;
    text-align: center;
    padding: 0;
    border-radius: 0;
    border: none;
}

.check-num-label.round {
    height: 3.5rem;
    border-radius: 99rem;
}

.check-num-btn:checked+.check-num-label.round {
    background-color: #FA7319;
}

.check-num-btn:checked+.check-num-label.round.black {
    background-color: var(--light-gray);
    border-color: var(--light-gray);
}

.check-num-btn:checked+.check-num-label.round .ico {
    filter: brightness(0) invert(1);
}

.check-num-btn:checked+.check-num-label.round span {
    color: var(--white-color);
}


.check-num-btn:checked+.check-num-label {
    border-color: #FA7319;
}

.check-num-btn:checked+.check-num-label .ico {
    filter: invert(50%) sepia(91%) saturate(2046%) hue-rotate(350deg) brightness(101%) contrast(96%);
}

.check-num-btn:checked+.check-num-label span {
    color: #FA7319;
}

.check-num-btn:checked+.check-num-label+.input-txt {
    border-color: #FA7319;
}

.date-wrap {
    height: 4rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
}

.date-wrap .ico {
    width: 4rem;
    height: 100%;
    background: url('/resources/images/common/ico-calendar.svg') no-repeat right/contain;
    background-size: 2rem;
}

.date-wrap .ico.clock {
    background-image: url('/resources/images/common/ico-clock.svg');
}

.date-wrap .item-input {
    border: none;
    padding-left: 1rem;
}

.date-wrap .inner-txt {
    color: var(--light-gray);
    font-weight: 500;
    width: 3rem;
}

.date-wrap.disabled {
    background-color: #f8f8f8;
}

/* .item-input.date-wrap {
  outline: 1px solid red;
  position: relative;
}

.item-input.date-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: url('/resources/images/common/ico-calendar.svg') no-repeat center/contain;
  outline: 1px solid green;
  z-index: 1;
} */

.ico-txt {
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--light-gray);
    position: relative;
    padding-left: 1.7rem;
    box-sizing: border-box;
}

.ico-txt2 {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--txt-gray);
    position: relative;
    padding-left: 1rem;
    box-sizing: border-box;
}

.ico-txt3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--txt-gray);
    position: relative;
    padding-left: 2rem;
    box-sizing: border-box;
}

.ico-txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1.3rem;
    height: 1.3rem;
    background: url('/resources/images/common/ico-info.svg') no-repeat center/contain;
}

.ico-txt3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1.6rem;
    height: 1.6rem;
    background: url('/resources/images/common/ico-calendar.svg') no-repeat center/contain;
}

.ico-txt.red {
    color: var(--red-color);
}

.ico-txt.red:before {
    background-image: url('/resources/images/common/ico-care.svg');
}

.search-wrap .ico-txt {
    font-size: 1.5rem;
    padding-left: 2rem;
}

.search-wrap .ico-txt:before {
    width: 1.6rem;
    height: 1.6rem;
}


/* ========== //Container ========== */

/* ========== Modal ========== */
.modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-bg .center-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white-color);
    min-height: 30rem;
    max-height: 90vh;
    border-radius: 1rem;
    overflow: hidden;
}

.modal-bg .center-wrap.center-wrap-position {
    top: 45%;
}

.modal-bg .modal-header .close-btn {
    width: 3rem;
    height: 3rem;
    background: url('/resources/images/common/ico-close-circle.svg') no-repeat center/contain;
    box-sizing: border-box;
}

.modal-bg .modal-header {
    height: 5.5rem;
    background-color: #f8f8f8;
    color: var(--txt-gray);
    font-size: 2rem;
    font-weight: 500;
    padding: 0 2rem;
    box-sizing: border-box;
}

.modal-bg .content {
    padding: 2rem;
    box-sizing: border-box;
}

.modal-bg .content-scroll {
    max-height: calc(90vh - 17.5rem);
}

.alarm-thum {
    max-width: 30rem;
    margin: 0 auto;
}

.alarm-txt {
    font-size: 3rem;
    gap: 0.5rem 1rem;
    font-weight: 500;
    text-align: center;
}

.alarm-txt b {
    font-weight: 600;
    color: var(--main-color);
}

.alarm-txt-s {
    color: var(--txt-gray);
    font-size: 2rem;
    text-align: center;
}

.alarm-txt-xs {
    color: var(--red-color);
    font-size: 1.7rem;
    font-weight: 500;
}

/* 업무서식 */
.modal-bg.order.doc .thum-wrap .prev-thum {
    width: 32rem;
    height: 45rem;
    background-image: url('/resources/images/common/doc-default-thum.png');
}

.modal_tab.action-btns li {
    background-color: var(--white-color);
    border: 1px solid var(--dark-gray);
    color: var(--dark-gray);
    border-radius: 0.5rem 0 0 0.5rem;
}

.modal_tab.action-btns li.active {
    background-color: var(--dark-gray);
    color: var(--white-color);
}

.modal_tab.action-btns li:nth-child(2) {
    border-radius: 0 0.5rem 0.5rem 0;
}


/* ========== //Modal ========== */

/* ========== Update ========== */
.container {
    align-items: flex-start;
    padding-bottom: 3rem;
    box-sizing: border-box;
    margin-top: 8.5rem;
}

.accod-btn {
    width: 10rem;
    height: 3.5rem;
    justify-content: flex-end;
}

.accod-btn:before {
    content: '접어두기';
    font-size: 1.4rem;
    font-weight: 500;
    margin-right: 1rem;
    transition: all 0.3s;
}

.accod-btn .ico {
    width: 3rem;
    height: 100%;
    background: url('/resources/images/common/ico-circle-arrow.svg') no-repeat center/contain;
    transition: all 0.3s;
}

.accod-btn.active:before {
    content: '펼치기';
    transition: all 0.3s;
}

.accod-btn.active .ico {
    transform: rotate(180deg);
    filter: invert(55%) sepia(31%) saturate(4594%) hue-rotate(350deg) brightness(99%) contrast(97%);
    transition: all 0.3s;
}

.input-frame-header {
    width: 100%;
    height: 3.125em;
    background-color: #f8f8f8;
    border-bottom: 1px solid var(--line-color);
    padding: 0 1.25em;
    box-sizing: border-box;
}

.input-frame-header h3 {
    font-size: 1.8rem;
    font-weight: 600;
}

.input-frame {
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border: 1px solid var(--line-color);
    box-sizing: border-box;
}

.input-content {
    padding: 3rem 2rem;
    box-sizing: border-box;
}

.input-content.__scroll-wrap {
    height: calc((100% - (6rem)));
}

.border-frame .input-frame-header {
    background: var(--white-color);
    border-bottom: 0;
    padding: 2.3em 1.25em 1.25em;
}

.border-frame.input-frame {
    border: 3px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}

.border-frame .input-content {
    padding: 2.5rem 2rem 3rem;
}

.w-left {
    /* width: 72rem; */
    width: calc(100% - (65rem + 2rem));
}

.w-right {
    z-index: 0;
    width: 65rem;
    /* width: calc(100% - (72rem + 3rem)); */
    height: calc(100vh - 11.5rem);
    position: sticky;
    top: 8.5rem;
    transition: all 0.8s ease;
}

.w-right.slide-down {
    transform: translateY(-110%);
}

.input-content .w-2_1 {
    width: calc((100% - (1rem)) / 2);
}

.input-content .w-3_1 {
    width: calc((100% - (1rem * 2)) / 3);
}

.input-content .w-4_1 {
    width: calc((100% - (1rem * 3)) / 4);
}

.input-content .w-4_2 {
    width: calc(((100% - (1rem * 3)) / 4) * 2);
}

.input-content .__flex-auto {
    width: auto;
    flex: 1 1 auto;
}

.input-content .__h-5 {
    height: 5rem;
}

.thum-wrap {
    width: 100%;
}

.thum-wrap .prev-thum {
    width: 15rem;
    height: 17rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
    background: #f8f8f8 url('/resources/images/common/default-thum.png') no-repeat center/cover;
    position: relative;
}

.thum-wrap .prev-thum:before {
    content: '기본 이미지';
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}

.thum-wrap .prev-thum img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 2;
}

.thum-wrap .file-txt-box {
    width: calc(100% - (15rem + 1rem));
    gap: 2rem 1rem;
}

.thum-wrap .file-txt-box .upload-name {
    width: calc(100% - ((10rem * 2) + (1rem * 2)));
    height: 4rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.thum-wrap .file-txt-box dl {
    font-size: 1.4rem;
    gap: 0.5rem 0;
}

.thum-wrap .file-txt-box dt {
    width: 8.5rem;
    color: var(--light-gray);
    border-right: 1px solid var(--line-color);
    box-sizing: border-box;
}

.thum-wrap .file-txt-box dd {
    width: calc(100% - 8.5rem);
    padding-left: 1.5rem;
    box-sizing: border-box;
    font-weight: 500;
    color: var(--txt-gray)
}

.thum-wrap .file-txt-box .btn {
    width: 10rem;
}

.print-wrap {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
    padding-bottom: 2rem;
}

.print-wrap h4 {
    font-weight: 500;
    color: var(--dark-gray);
}

.print-wrap .btn {
    width: 11rem;
}

.table-detail {}

.hn {
    font-size: 2rem;
    font-weight: 600;
}

.hn b {
    color: var(--main-color);
}

.table-bar-wrap.item-note {
    border-radius: 0;
}

.table-bar-wrap .board-items:hover {
    background-color: rgba(22, 144, 224, 0.1);
    opacity: 1;
}

.table-bar-wrap {
    align-items: center;
    border: 1px solid var(--line-color);
    border-top: 2px solid var(--main-color);
    box-sizing: border-box;
}

.table-bar-wrap .tit,
.table-bar-wrap .txt {
    min-height: 5rem;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid var(--line-color);
}

.table-bar-wrap .tit {
    background-color: #f8f8f8;
    width: 16rem;
    border-right: 1px solid var(--line-color);
    font-weight: 500;
    color: var(--txt-gray);
    font-size: 1.6rem;
}

.table-bar-wrap .txt {
    width: calc((100% - (16rem * 2)) / 2);
    font-weight: 600;
}

.table-bar-wrap .txt.w-line {
    width: calc(100% - (16rem));
}

.table-bar-wrap .border-b-none {
    border-bottom: none;
}

.table-bar-wrap .border-b-left {
    border-left: 1px solid var(--line-color);
}

.table-detail .input-txt {
    border: none;
    border-radius: 0;
}

.table-detail .action-btns .btn {
    width: 10rem;
    font-size: 1.4rem;
    margin-right: 10px;
}

.table-detail .tit .input-txt {
    background-color: #f8f8f8;
    color: var(--txt-gray);
}

.table-bar-wrap.plus .tit,
.table-bar-wrap.plus .txt {
    border-bottom: none;
}

.table-detail .input-txt {
    height: calc(var(--input-height) - 2px);
}

.table-detail .item-wrap:not(:last-of-type) {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
}

.toggle-wrap {
    width: calc(((100% - (1rem)) / 3) * 2);
}

.toggle-wrap .w-half {
    width: calc((100% - 1rem) / 2);
}

.toggle-wrap.disabled .w-half {
    background-color: #f9f9f9;
}

/* 도우미 테이블 */
.helper .dl_wrap {
    border-top: 2px solid var(--main-color);
}

.helper .table-bar-wrap {
    border-top: 0;
    border-right: 0;
}

.helper .table-bar-wrap .tit,
.helper .table-bar-wrap .txt {
    width: calc(100% / 7);
    border-right: 1px solid var(--line-color);
    font-size: 1.6rem;
    border-bottom: 0;
}

.print-page .helper .table-bar-wrap .tit,
.print-page .helper .table-bar-wrap .txt {
    width: calc(100% / 6);
    border-right: 1px solid var(--line-color);
    font-size: 1.6rem;
    border-bottom: 0;
}

.helper .table-bar-wrap .txt {
    cursor: pointer;
}

.helper .table-bar-wrap:nth-child(1)~.table-bar-wrap:hover .txt {
    background: #fafafa;
}

.helper .__scroll-wrap {
    max-height: 16rem;
}

/* .table-bar-wrap.plus .tit:not(:last-of-type),
.table-bar-wrap.plus .txt:not(:last-of-type) {
    border-bottom: 1px solid var(--line-color);
} */

/* .table-bar-wrap.bg-gray {
    background-color: #f9f9f9;
    padding: 3rem 2rem;
    box-sizing: border-box;
    gap: 2.5rem 1rem;
} */

.ui-timepicker-container.ui-timepicker-standard {
    z-index: 12 !important;
}

/* ========== //Update ========== */



/* 달력 */
.datepicker {
    /* padding: 0 20px 0 10px; */
    height: 100%;
    /* font-weight: 600; */
}

.datepicker input.datepicker {}

.ui-datepicker {
    width: auto !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #eee !important;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
    z-index: 11 !important;
}

.ui-datepicker table {
    border-bottom: 1px solid #eee;
}

.ui-datepicker th {
    text-align: center;
    font-weight: bold;
    border: 1px solid var(--line-color);
    border-top: 0;
    font-size: 1.4rem;
}

.ui-datepicker .ui-widget-header {
    border: 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    padding: 1rem 0 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 50% !important;
    transform: translate(0, -50%);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
    background-color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #666 !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 999px;
}



.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #fff !important;
    background-color: #6C93FF !important;
    border-radius: 999px;
    font-weight: 600;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.3;
}

.ui-datepicker-week-end {
    color: #D56464;
}

.ui-datepicker-calendar>thead>tr>th:last-child {
    color: #6C93FF;
}

.ui-datepicker .ui-datepicker-title {
    width: calc(100% - ((1.8em * 2) + 1rem));
    margin: 0 auto;
    line-height: 0;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ui-datepicker .ui-datepicker-title select {
    height: 3.5rem;
}

.ui-datepicker .ui-datepicker-buttonpane {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: none;
    border: 0;
    border-bottom: 0;
    width: calc(100% - 3rem);
    margin: 0 auto;
    padding: 1rem 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: initial;
    margin: 0;
    cursor: pointer;
    padding: 0;
    overflow: visible;
    width: 5rem;
    height: 3rem;
    font-size: 1.5rem;
    background-color: #2B343B;
    color: var(--white-color);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: initial;
    background-color: rgba(0, 0, 0, 0.2);
    color: var(--txt-gray);
}


/* 현황판 미리보기 */
.sec-wrap {
    height: calc(40rem + 5rem);
}

.view-pc-wrap {
    width: 71rem;
    /* height: 100%; */
    height: calc(40rem + 5rem);
}

.view-pc-wrap .input-frame-header {
    background: #262628;
    color: var(--white-color);
    border-bottom: 0;
}

.view-pc {
    width: 100%;
    /* height: 100%; */
    height: 25em;
    box-sizing: border-box;
    color: var(--white-color);
    background: #262628;
}

.view-pc-inner {
    padding: 1.25em 0.625em;
}

.view-pc header {
    height: 5em;
    line-height: 5em;
    box-shadow: 0.3125em 0.3125em 0.9375em #ffffff1f;
    background: url(/resources/images/common/flower_illust.png) 0px -3.125em / 10em no-repeat;
}

.view-pc h4 {
    color: #FFFF00;
    font-size: 1.8125em;
    text-align: center;
    font-weight: 600;
}

.view-pc-left {
    width: calc((100% / 3) * 2);
    border: 1px solid rgba(255, 255, 255, 0.404);
    border-radius: 0.3125em;
    padding: 0.3125em;
    box-sizing: border-box;
    background: url(/resources/images/common/flower_illust2.png) 19em 9em / 6.875em no-repeat;
}

.det_cont {
    padding: 0.1em 0.4375em;
    border: 1px solid rgba(255, 255, 255, 0.404);
    border-radius: 0.3125em;
    box-sizing: border-box;
    min-height: 1.8em;
    word-break: break-all;
    display: flex;
    align-items: center;
}

.det_cont.family {
    overflow: auto;
    padding: 0.45em 0.625em;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: block;
    height: 100%;
    max-height: 17.4em;
}

.det_cont.family dl {
    margin: 0.5em 0;
}

.det_cont.family::-webkit-scrollbar {
    display: none;
}

.view-pc-info {
    text-align: center;
    padding: 0.1em 0;
    box-sizing: border-box;
}

.view-pc-info svg {
    width: 10.5em;
    height: 0.46875em;
}

.view-pc-name {
    font-size: 1.25em;
    font-weight: 700;
}

.view-pc-name h5 {
    min-width: 3.9em;
    text-align: center;
    white-space: nowrap;
}

.view-pc-name b {
    font-weight: 300;
    color: #ffffffd2;
}

.view-pc-info span {
    font-size: 0.875em;
}

.view-pc-info p {
    font-size: 0.75em;
}

.view-pc-img {
    width: 13.5em;
    height: 16.563em;
    overflow: hidden;
    border-radius: 0.3125em;
    box-shadow: 0.3125em 0.3125em 0.625em #666666af;
}

.view-pc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-pc-right {
    width: calc((100% / 3) * 1);
}

.view-pc-right-tit {
    border-bottom: 1px solid #ffffff5b;
    display: block;
    font-size: 0.6875em;
    padding-bottom: 0.3125em;
    margin-bottom: 0.3125em;
    line-height: 1.7;
}

.view-pc-right-tit b {
    font-weight: 700;
}

/* Blue Version */
.view-pc.v2 {
    background-color: var(--white-color);
    color: var(--txt-color);
}


.view-pc.v2 header {
    background: linear-gradient(0deg,rgba(23, 54, 103, 1) 0%, rgba(66, 115, 189, 1) 100%);
    position: relative;
}

.view-pc.v2 .view-pc-name b {
    color: var(--txt-color);
}

.view-pc.v2 .view-pc-left {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
    background: none;
}

.view-pc.v2 .view-pc-img {
    width: 10em;
    height: 13.5em;
}

.view-pc.v2 .det_cont dt {
    margin: 0;
    width: 3.5em;
}
.view-pc.v2 .det_cont dd {
    max-width: none;
    width: calc(100% - 3.5em);
}

.view-pc.v2 .view-left-inner  {
    width: 100%;
    /* width: calc((100% / 3) * 2); */
    border: 1px solid rgba(255, 255, 255, 0.404);
    border-radius: 0.3125em;
    padding: 0.3125em;
    box-sizing: border-box;
}

.view-pc.v2 .view-pc-left  {

}

.view-pc.v2 .view-pc-info .tit {
    flex-direction: row;
}

.view-pc.v2 .view-pc-info .tit .name {
    flex-direction: row;
    align-items: center;
}


.view-pc.v2 .view-pc-info svg * {
    fill: #1F4176;
    display: none;
}

.view-pc.v2 .view-pc-info svg {
    display: none;
}

.view-pc.v2 header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/images/common/flower_illust.png) 0px -3.125em / 10em no-repeat;
}

.view-pc.v2 h4 {
    color: var(--white-color);
}

.view-pc.v2 .view-pc-img {
    box-shadow: none;
}

.view-pc.v2 .txt-left {
    background-color: #F3F7FE;
    margin-top: 10px;
    padding: 10px 0;
}

.view-pc.v2 .txt-left .date-wrap {
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    border-right: 1px solid var(--line-color);
}

.view-pc.v2 .txt-left .place_name {
    width: 100%;
}

.view-pc.v2 .det_cont {
    border: none;
    border-radius: 0;
    min-height: auto;
    padding: 0 0.5em;
}

.view-pc.v2 .det_cont.family {
    max-height: 12em;
}

.view-pc.v2 .det_cont dt {
    color: var(--txt-color);
}

.view-pc.v2 .view-pc-right {
    width: 100%;
    text-align: left;
    font-weight: 600;
}

.view-pc.v2 .view-pc-info {
    width: calc(100% - (10em + 0.625em));
}

.det_cont dt {
    font-size: 0.6875em;
    width: 2.8em;
    color: #ffffffd2;
    line-height: 1.1;
}

.det_cont.family dt {
    border-right: 1px solid #ffffff1f;
    margin-right: 0.625em;
}

.det_cont dd {
    font-size: 0.6875em;
    font-weight: 600;
    line-height: 1.1;
    max-width: 12em;
}

.page-btns {
    width: 100%;
    /* width: calc(100% - 74rem); */
    text-align: center;
    height: 100%;
}

.page-btns .btn {
    justify-content: center;
    height: calc((100% - (2rem * 4)) / 5);
}

.page-btns .btn.border {
    position: relative;
}

.page-btns .btn.border:before {
    /* content: ''; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
    border: 1px solid var(--white-color);
    box-sizing: border-box;
    border-radius: 0.5rem;

}

.page-btns .btn.outline.border:before {
    border-color: var(--main-color);
}

.sec-bottom {
    width: 100%;
    height: calc((100% - (40rem + 6rem + 2rem)));
}

.page-btns.fix {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    width: 15rem;
    justify-content: flex-end;
}

.page-btns.fix .btn {
    height: 7.5rem;
}

.page-btns.bottom {
    width: 90rem;
    margin: 0 0 0 auto;
    height: 8rem;
}

.page-btns.bottom .btn {
    height: 100%;
}

.w-right .page-btns {
    height: 7rem;
}

.w-right .page-btns .btn {
    height: 100%;
}

/* 모달 자리변경 */
.change-btns {}

.change-btns .btn {
    width: calc((100% - (1rem * 2)) / 3);
    height: 7rem;
}

.change-btns .change-label.impsbl {
    background-color: #aaa;
    color: var(--white-color);
    flex-direction: column;
    gap: 0.5rem;
}

.change-btns .change-label.impsbl span {
    font-size: 1.4rem;
}

.change-btns .change-input:checked+.change-label {
    border-color: var(--main-color);
    color: var(--main-color);
    background-color: rgba(22, 144, 224, 0.05);
}

.change-btns .change-label.now {
    background-color: var(--main-color);
    color: var(--white-color);
}


.change-btns .change-label {
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    border: 1px solid var(--line-color);
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    color: var(--light-gray);
}

/* 냉장고 마감 버튼 */
.closing-btn {}

.closing-btn.btn:disabled {
    background-color: var(--light-gray);
    /* cursor: no-drop; */
}

.closing-btn.btn:disabled:hover {
    opacity: 1;
}

/* 상주정보 기입 */
.input-frame.area {
    z-index: 1;
    background-color: var(--white-color);
}

#obi_mourners ul.sangju-row {
    padding: 0;
    width: 100%;
}

#obi_mourners ul.board-items {
    width: 100%;
}

/* 체크박스 게시판 */
.board-wrap {}

.board-wrap .flex-30 {
    flex: 0 0 3rem;
}

.board-wrap .flex-45 {
    flex: 0 0 4.5rem;
}

.board-wrap .flex-60 {
    flex: 0 0 6rem;
}

.board-wrap .flex-75 {
    flex: 0 0 7.5rem;
}

.board-wrap .flex-90 {
    flex: 0 0 9rem;
}

.board-wrap .flex-100 {
    flex: 0 0 10rem;
}

.board-wrap .flex-120 {
    flex: 0 0 12rem;
}

.board-wrap .flex-135 {
    flex: 0 0 13.5rem;
}

.board-wrap .flex-150 {
    flex: 0 0 15rem;
}

.board-wrap .flex-200 {
    flex: 0 0 20rem;
}

.board-wrap .flex-230 {
    flex: 0 0 23rem;
}

.board-wrap .flex-250 {
    flex: 0 0 25rem;
}

.board-wrap .flex-270 {
    flex: 0 0 27rem;
}

.board-wrap .flex-300 {
    flex: 0 0 30rem;
}

.board-wrap .flex-500 {
    flex: 0 0 50rem;
}

.board-wrap .ele {
    height: 100%;
    text-align: center;
}

.board-wrap .board-tit {
    padding: 0 1.5rem;
    box-sizing: border-box;
    background-color: #f8f8f8;
    color: var(--txt-gray);
    height: 3rem;
    font-weight: 500;
    font-size: 1.5rem;
}

.board-wrap .board-content {}

.board-wrap .board-content .board-items:not(:last-of-type) {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
}


.board-wrap .board-items {
    height: 6rem;
    padding: 0 1.5rem;
}

.board-wrap .board-tit.pd-0 {
    padding: 0;
}

.board-wrap .board-items.pd-0 {
    padding: 0;
}

.board-wrap .board-items.active {
    background-color: rgba(22, 144, 224, 0.1);
}

.board-wrap .input-box {
    width: 100%;
    height: calc(100% - 2rem);
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    box-sizing: border-box;
    font-weight: 600;
    background-color: var(--white-color);
    font-size: 1.6rem;
}

.board-wrap .height_calc {
    height: calc(100% - 2rem);
    font-size: 1.6rem;
}

.board-wrap .ele.__txtCut {
    width: calc(100% - (4.5rem + 7.5rem + 23rem + 10rem + (1rem * 4) + (2rem *2)));

}

.board-wrap .input-box.__txtCut {
    padding: 0 1rem;
    box-sizing: border-box;
}

.board-wrap .input-box .unknown {
    color: var(--light-gray);
}

.board-content .btn {
    border-radius: 0.5rem;
    width: 100%;
    height: 3.5rem;
    background-color: var(--light-gray);
    color: var(--white-color);
    text-align: center;
    font-size: 1.5rem;
}

.sort {
    width: 100%;
    height: 3.5rem;
    border-radius: 99rem;
    background-color: #f8f8f8;
    color: var(--light-gray);
    font-size: 1.5rem;
    font-weight: 600;
}

.sort.ing {
    background-color: #00BFDE;
    color: var(--white-color);
}

.btn_color .sort.ing {
    background-color: #FA7319;
}

.sort.btn_v1 {
    background-color: #0270eb;
    color: #fff;
}

.sort.btn_v2 {
    background-color: var(--light-gray);
    color: #f8f8f8;
}

.sort.btn_v3 {
    background-color: #8eced9;
    color: #f8f8f8;
}

.known-wrap {
    text-align: center;
    color: var(--light-gray);
    padding: 2rem 0;
}

/* pagination 페이징 */
.pagination-wrap {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--light-gray);
}

.pagination-wrap .num {
    width: 3rem;
    height: 3rem;
    border-radius: 99rem;
    text-align: center;
}

.pagination-wrap .num.active {
    background-color: var(--dark-gray);
    color: var(--white-color);
}

.pagination-wrap .btn-move {
    width: 6rem;
    height: 3rem;
    border-radius: 99rem;
}

/* //pagination 페이징 */

/* 음식주문하기 order */
.container.order {
    padding: 0;
}

.order-select {
    width: calc(100% - (57rem + 3rem));
}

.order-select .board-tab {
    padding: 0 1rem;
}

.order-fix {
    height: calc(100vh - (3rem + 8rem));
    width: 57rem;
}

.card-board.order .item {
    width: calc((100% - (1.5rem * 2)) / 3);
    height: 12rem;
    padding: 1rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    font-weight: 500;
    font-size: 2rem;
}

.card-board.order .item .thum {
    width: 10rem;
    height: 10rem;
    border: 1px solid var(--line-color);
    box-sizing: border-box;
    overflow: hidden;
}

.card-board.order .item .thum img {
    min-height: 100%;
}

.card-board.order .item .txt-box {
    width: calc(100% - (10rem + 1rem));
    text-align: left;
}

.card-board.order .item .txt {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--light-gray);
}

/* 
.card-board.order .item .date {
  font-size: 1.4rem;
  color: var(--light-gray);
  margin-top: 0.5rem;
} */

.card-board.order .item .btit {
    font-weight: 600;
    margin-top: 1rem;
}

.order-tab {
    border-color: var(--dark-gray);
}

.order-tab .tab-item {
    width: 20rem;
}

.order-tab .tab-item.active {
    background-color: var(--dark-gray);
}

.order-tab .tab-item.active object {
    filter: brightness(0) invert(1);
}

.order-tab .tab-item .ico-num-wrap {
    position: relative;
}

.order-tab .tab-item.active .ico-num {
    outline-color: var(--dark-gray);
}

.order-tab .tab-item .ico-num {
    position: absolute;
    right: -0.8rem;
    top: -0.7rem;
    background-color: var(--red-color);
    border-radius: 99rem;
    z-index: 1;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--white-color);
    outline: 2px solid var(--white-color);
    box-sizing: border-box;
}

.order-fix .inner-shadow {
    height: calc(100% - 4.5rem);
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.order-fix .product-wrap {
    height: calc(100% - (5rem + 5rem + (1rem * 2) + 1.5rem));
}

.order-fix .pro-item {
    padding: 1.5rem;
    box-sizing: border-box;
}

.order-fix .pro-item:not(:last-of-type) {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
}

.order-fix .pro-item .item {
    width: calc(100% - (3.5rem + 1rem));
}

.order-fix .pro-item .thum {
    width: 6.5rem;
    height: 6.5rem;
    border: 1px solid var(--line-color);
    box-sizing: border-box;
    border-radius: 0.5rem;
    overflow: hidden;
}

.order-fix .pro-item .txt-box {
    width: calc(100% - (6.5rem + 1rem));
    font-size: 1.6rem;
    font-weight: 500;
}

.order-fix .pro-item .txt-box .txt {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--light-gray);
}

.order-fix .pro-item .txt-box .btit {
    font-weight: 600;
    margin-top: 0.5rem;
}

.order-fix .pro-item .item-del {
    width: 3.5rem;
    border: 1px solid var(--red-color);
    color: var(--red-color);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 0.5rem;
}

.order-fix .pro-item .num-wrap {
    text-align: center;
}

.order-fix .pro-item .num-wrap .num-txt {
    border-top: 1px solid var(--line-color);
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
    width: 6rem;
    font-weight: 600;
}

.order-fix .pro-item .num-wrap .ico {
    width: 3.5rem;
    height: 3rem;
    box-sizing: border-box;
    border: 1px solid var(--line-color);
    font-size: 3rem;
    /* font-size: 500; */
}

.order-fix .pro-item .num-wrap .ico.minus {
    color: var(--red-color);
    border-radius: 0.5rem 0 0 0.5rem;
}

.order-fix .pro-item .num-wrap .ico.plus {
    color: var(--main-color);
    border-radius: 0 0.5rem 0.5rem 0;
}

.order-fix .pro-item .price-wrap {
    flex: 1 1 auto;
    justify-content: flex-end;
    font-weight: 600;
}

.order-fix .pro-item .price-wrap .num span {
    color: var(--txt-gray);
    font-weight: 400;
}

.order-fix .pro-item .price-wrap .num b {
    font-size: 2rem;
}

.order-fix .pro-item .price-wrap .total {
    font-size: 2rem;
}

.order-fix .total-wrap {
    width: calc(100% - (1.5rem * 2));
    height: 5rem;
    background-color: #f9f9f9;
    border: 1px solid var(--line-color);
    box-sizing: border-box;
    font-size: 2rem;
    padding: 0 1.5rem;
    margin: 1rem auto;
    font-weight: 600;
    justify-content: space-between;
}

.order-fix .total-wrap b {
    color: var(--main-color);
}

.order-fix .total-wrap>div:nth-child(1) {
    position: relative;
}

.order-fix .total-wrap>div:nth-child(1):before {
    content: '';
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 2rem;
    background-color: #ccc;

}

.order-fix .action-btns {
    width: calc(100% - (1.5rem * 2));
    margin: 0 auto;
}

.order-fix .action-btns .btn {
    height: 5rem;
}

.order_receipt,
.all_receipt {
    width: 93rem;
}

.order_receipt th {
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #1A1A1A;
}



/* 빈소사용 내역 */
.card-board.paging {
    height: auto;
    margin: 0;

}

.card-board.paging .__scroll-wrap {
    max-height: calc(100vh - (33.6rem));
}

.hn-filter {
    width: 25rem;
}

.card-board.paging .btn {
    width: 12rem;
    height: var(--input-height);
}

.card-board.paging .btn.__w-full {
    width: 100%;
}

/* 검색박스 */
.search-wrap {
    height: 6rem;
}

.search-wrap .area {
    height: 100%;
    padding-right: 1.5rem;
    border-radius: 0.5rem;
    /* border: 1px solid var(--line-color); */
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.1);
}

.search-wrap .input-none {
    width: auto;
    height: 100%;
    border: none;
    border-radius: 0;
}

.search-wrap .area.w-600 {
    width: 60rem;
}

.search-wrap .area.w-450 {
    width: 45rem;
}

.search-wrap .area .btn {
    width: 4rem;
    height: 4rem;
    background-color: var(--main-color);
    position: relative;
    border-radius: 0.5rem;
}

.search-wrap .area .btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    height: 3rem;
    background: url('/resources/images/common/ico-search.svg') no-repeat center/contain;
    filter: brightness(0) invert(1);
}

.search-wrap .area .btn.calendar:before {
    background-image: url('/resources/images/common/ico-calendar.svg');
}

.search-wrap .btn {
    width: 12rem;
    margin: 0 0 0 auto;
}

/* 리스트 총매출 */
.period_sum {
    padding: 1rem 2rem;
    background: #f8f8f8;
    font-size: 1.6rem;
    font-weight: 600;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #999;
}

.period_sum .sum_tit {
    color: var(--txt-gray);
}

.period_sum .text-bold {
    font-weight: 600;
    font-size: 1.7rem;
    padding: 1rem 1.5rem;
    background: var(--white-color);
    border-radius: 0.5rem;
}

/* 현황판관리 */
.card-board.display .card-item {
    height: 23rem;
}

.create-item {
    border: 2px solid var(--main-color);
    box-sizing: border-box;
    overflow: hidden;
    background-color: #f8f8f8;
    color: var(--main-color);
    font-size: 2rem;
    font-weight: 500;
}

.input-frame.display {
    width: calc(100% - (15rem + 3rem));
}

.input-frame.display .check-btn-wrap {
    flex: 1 1 auto;
}

.input-frame.display .check-num-label span {
    width: auto;
}

.round-gray {
    background-color: #f8f8f8;
    padding: 0 2rem;
    height: 4rem;
    border-radius: 99rem;
    font-size: 1.8rem;
}

.input-frame.display .table-detail .action-btns .btn {
    width: 100%;
    margin: 0;
}

.input-frame.display .table-bar-wrap {
    /* width: 96rem; */
    width: 100%;
    height: auto;
    align-items: flex-start;
    padding: 1.5rem;
    box-sizing: border-box;
}

.input-frame.display .card-board .card-item {
    width: calc((100% - (1rem * 2)) / 3);
    height: 28rem;
    font-size: 1.5rem;
}

.input-frame.display .card-board .card-item dl {
    font-size: 1.3rem;
}

.input-frame.display .card-item.empty {
    background-color: #f8f8f8;
    border: 1px solid #2B343B;
    box-sizing: border-box;
    padding: 1rem;
}

.input-frame.display .card-item.empty .empty-txt {
    height: calc(100% - 4rem);
    justify-content: center;
    font-size: 2rem;
    font-weight: 500;
    color: var(--txt-gray);
    text-align: center;
}

.input-frame.display .check-btn-wrap.flex-none {
    flex: initial;
}

.input-frame .check-num-label.w-12 {
    width: 12rem;
}

.table-detail .action-btns .btn.w-12 {
    width: 12rem;
}

/* 환경설정 */
/* .page.container {
  height: calc(100vh - (8.5rem + 3rem));
} */

.page.container {
    height: calc(100vh - (8.5rem));
}

.page-move {
    width: calc((100% - (2rem * 2)) / 3);
    /* width: calc((100% - (2rem)) / 2); */
    height: calc((100% - (2rem)) / 2);
    border-radius: 1rem;
    box-sizing: border-box;
    background: #dc9900 url('/resources/images/common/visual-shop.png') no-repeat right/contain;
    background-size: 25rem;
    /* background-size: 32rem; */
    color: var(--white-color);
    /* padding-left: 8rem; */
    padding-left: 3rem;
    /* font-size: 2.5rem; */
    font-size: 2rem;
    flex-wrap: wrap;
    text-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.4);
}

/* .page-move {
    width: calc((100% - (2rem * 2)) / 3);
    height: 100%;
    border-radius: 1rem;
    box-sizing: border-box;
    background: #F9AF06 url('/resources/images/common/visual-shop.png') no-repeat top/contain;
    background-size: 32rem;
    background-position: center 5rem;
    color: var(--white-color);
    text-align: center;
    font-size: 2.5rem;
    flex-wrap: wrap;
    padding-top: 8rem;
} */

.page-move.red {
    background-color: #F66041;
    background-image: url('/resources/images/common/visual-list.png');
}

.page-move.red .btn {
    color: #F66041;
}

.page-move.red .btn .ico {
    filter: invert(54%) sepia(93%) saturate(3410%) hue-rotate(336deg) brightness(101%) contrast(93%);
}

.page-move.green {
    background-color: #43A879;
    background-image: url('/resources/images/common/visual-user.png');
}

.page-move.green .btn {
    color: #43A879;
}

.page-move.green .btn .ico {
    filter: invert(55%) sepia(10%) saturate(7271%) hue-rotate(119deg) brightness(92%) contrast(65%);
}

.page-move.black {
    background-color: var(--dark-gray);
    background-image: url('/resources/images/common/visual-receipt.png');
}

.page-move.black .btn {
    color: var(--dark-gray);
}

.page-move.black .btn .ico {
    filter: invert(95%) sepia(4%) saturate(0%) hue-rotate(108deg) brightness(97%) contrast(93%);
}

.page-move.skyblue {
    background-color: #5489d6;
    background-image: url('/resources/images/common/visual-display.png');
}

.page-move.skyblue .btn {
    color: #29a2f2;
}

.page-move.skyblue .btn .ico {
    filter: invert(57%) sepia(39%) saturate(2932%) hue-rotate(177deg) brightness(95%) contrast(99%);
}

.page-move.purple {
    background-color: #9c54d6;
    background-image: url('/resources/images/common/visual-display.png');
}

.page-move.purple .btn {
    color: #9c54d6;
}

.page-move.purple .btn .ico {
    filter: invert(55%) sepia(71%) saturate(5068%) hue-rotate(244deg) brightness(87%) contrast(92%);
}

.page-move h3 {
    font-size: 3.5rem;
    font-weight: 600;
}

.page-move h3+p {
    margin: 1.5rem 0 3rem;
}


.page-move .btn {
    width: 25rem;
    height: 6rem;
    border-radius: 99rem;
    background-color: var(--white-color);
    color: #F9AF06;
    font-weight: 600;
    /* padding-left: 2rem; */
    box-sizing: border-box;
    /* margin: 0 auto; */
    text-shadow: none;
}

.page-move .btn .ico {
    filter: brightness(0) saturate(100%) invert(59%) sepia(91%) saturate(716%) hue-rotate(2deg) brightness(105%) contrast(96%);
}

.page-move .btn:hover {
    opacity: 1;
}

.page-move .btn:hover .ico {
    transform: translateX(2rem);
}

.card-board.setting .card-item {
    height: 20rem;
}

.card-board.setting .create-item {}

.check-wrap .check-btn-wrap {
    width: calc((100% - (1rem * 2)) / 3);
    flex: initial !important;
}

.hand-wrap .w-auto {
    width: calc(100% - (((100% - (1rem * 2)) / 3) + (12rem + 2rem)));
}

.hand-wrap .w-5_1 {
    width: calc((100% - ((1rem * 5) + 12rem)) / 5);
}

.hand-wrap .w-7_1 {
    width: calc((100% - ((1rem * 7) + 12rem)) / 7);
}

.hand-wrap .btn {
    width: 12rem;
    height: var(--input-height);
}

/* 식당 메뉴 관리 */
.order-select.__w-full {
    width: 100%;
}

.card-board.order.setting {
    height: 100%;
}

.card-board.order.setting .item.icebox-link {
    position: relative;
}

.card-board.order.setting .item.icebox-link::before {
    content: '냉장고 연동';
    position: absolute;
    right: 1rem;
    top: 1rem;
    background-color: var(--yellow-color);
    color: var(--white-color);
    box-sizing: border-box;
    font-size: 1.1rem;
    width: 6rem;
    height: 3rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.card-board.order.setting .item {
    /* width: calc((100% - (1.5rem * 3)) / 4); */
    width: calc((100% - (1.5rem * 4)) / 5);
    height: 12rem;
}

.card-board.order.setting .create-item {
    border: 2px solid var(--main-color);
}

.modal-bg.order .thum-wrap .file-txt-box dl {
    gap: 1rem 0;
}

.modal-bg.order .thum-wrap .file-txt-box {
    width: 100%;
}

.modal-bg.order .thum-wrap .prev-thum {
    width: 17rem;
    height: 17rem;
}

/* 미리보기 팝업 모달 */
.popup-wrap {
    padding: 0 0 3rem;
    box-sizing: border-box;
    position: initial;
    background-color: initial;
}

.prev-order {}

.popup-container {
    width: calc(100% - 3rem);
    padding: 2rem 0 0;
    box-sizing: border-box;
    max-height: calc(96rem - (5.5rem + 5rem + 3rem + 3rem));
}

.popup-wrap .action-btns {
    width: calc(100% - 3rem);
    margin: 3rem auto 0;

}

.prev-order .item {
    width: calc((100% - (1.5rem * 5)) / 6);
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.prev-order .item .tit {
    text-align: center;
    font-weight: 500;
    height: 3.5rem;
    font-size: 1.6rem;
    background-color: #f9f9f9;
}

.prev-order.display .item {
    width: calc((100% - 1.5rem) / 2);
}

.prev-order.display .item .tit {
    border: 1px solid #999;
}

/* 냉장고 설정 */

.stock-wrap {
    align-items: flex-end;
}

.stock-wrap .frame {
    width: calc((100% - ((1rem * 4) + 12rem)) / 4);
}

.stock-wrap .btn.stock {
    width: 12rem;
    height: var(--input-height);
}

/* 
.stock-wrap .frame > p {
  height: var(--input-height);
  background-color: #f8f8f8;
  border: 1px solid var(--line-color);
  box-sizing: border-box;
  border-right: 0;
  width: 10rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--txt-gray);
  border-radius: 0.5rem 0 0 0.5rem;
} 
*/

.stock-wrap .frame>p {
    font-weight: 500;
    color: var(--txt-gray);
    margin-bottom: 1rem;
}

/* .stock-wrap .item-input {
  border-radius: 0 0.5rem 0.5rem 0;
  width: calc(100% - 10rem);
} */

.editor {
    min-height: 50rem;
}

/* 식당 주문 상세 주문 모달 */
.modal-bg .card-board {}

.modal-bg .card-board.order {
    margin: 0;
    width: 100%;
    height: auto;
}

.modal-bg .card-board.order .item {
    /* width: 100%; */
    width: calc((100% - 1rem) / 2);
    box-shadow: none;
    font-size: 1.6rem;
    flex-wrap: wrap;
}

.modal-bg .card-board.order .item .txt {
    font-size: 1.4rem;
}

.modal-bg .card-board.order .item .thum {
    width: 7rem;
    height: 7rem;
}

.modal-bg .card-board.order .item .txt-box {
    width: calc(100% - (7rem + 1rem));
}

.modal-bg .card-board.order .item .btit {
    margin-top: 0.5rem;
}


/* 냉장고 마감 */
.table-bar-wrap.icebox {}

.table-bar-wrap.icebox .txt {
    width: 16rem;
}

.table-bar-wrap.icebox .name {
    width: calc(100% - (16rem * 4) / 1);
}

.table-bar-wrap .item-input {
    border: none;
    border-radius: 0;
    text-align: center;
    /* border-bottom: 1px solid #eaeaea; */
}

.table-bar-wrap .disabled {
    background-color: #f8f8f8;
}


.card-board.order .price-box {}

.card-board.order .price-box em {
    color: var(--light-gray);
    font-weight: 400;
}

.card-board.order .price-box p {
    font-weight: 600;
}

/* 업무서식 다운로드 */
.card-board.h-auto {
    height: auto;
}

.card-board.doc .card-item {
    width: calc((100% - (2rem * 5)) / 6);
    height: auto;
    box-sizing: border-box;
    cursor: pointer;
}

.card-board.doc .card-item .thum {
    height: 20rem;
    /* height: 35rem; */
    overflow: hidden;
}

.card-board.doc .card-item .inner {
    padding: 1rem;
    box-sizing: border-box;
}

.card-board.doc .btn.small {
    font-size: 1.3rem;
    width: 7rem;
    height: 2.5rem;
    font-weight: 400;
}

.card-board.doc .card-item .date {
    font-size: 1.4rem;
    color: var(--light-gray);
}

.card-board.doc .card-item .thum {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
}

.card-board.doc .card-item .tit {
    font-weight: 500;
    font-size: 2rem;
}

.card-board.doc .card-item .btn:not(.small) {
    border-radius: 0;
}



#modal-bg21 .modal-content {
    width: 100%;
    max-width: 40rem;
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
}

#modal-bg21 .thumb-preview {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

#modal-bg21 .thumb-preview img {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
}


/* 영정사진모달 */

.de_photo_co .thum-wrap .prev-thum {
    width: 40rem;
    height: 45rem;
    border: 1px solid var(--line-color);
    border-radius: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
    background: #f8f8f8 url(/resources/images/common/default-thum.png) no-repeat center / cover;
    position: relative;
}

.de_photo_co .thum-wrap .file-txt-box {
    width: calc(100% - (40rem + 1rem));
}

.de_photo_co .thum-wrap .file-txt-box dt {
    font-size: 1.5rem;
}

.de_photo_co .thum-wrap .file-txt-box dd {
    font-size: 1.5rem;
}

.de_photo_co .item-tit {
    font-size: 2.2rem;
}

.de_photo_co .thum-wrap .file-txt-box .upload-name {
    width: 100%;
}

.de_photo_co .thum-wrap .file-txt-box .btn {
    width: 100%;
}


/* add */
.move button,
.remove-item button {
    border: 1px solid #ddd;
    width: 100%;
    padding: 0 5px;
    border-radius: 4px;
    background: #ddd;
}

.remove-item button {
    height: 100%;
    padding: 13px 10px;
    background: var(--red-color);
    border: 1px solid var(--red-color);
}

.table-detail .action-btns.add_btns .btn {
    width: 7rem;
    /* height: 5rem; */
    margin-right: 0;
    box-sizing: border-box;
}

.action_btn_fixed {
    position: fixed;
    right: 22rem;
}

/* 장례물품 등록 */
.stock-wrap .frame.num {
    width: 12rem;
}

.stock-wrap .frame.place {
    width: 20rem;
}

.stock-wrap.product .frame:not(.num, .place) {
    width: calc((100% - ((1rem * 4) + (12rem + 12rem + 20rem))) / 2);
}



.input-frame.etc {
    height: calc(100% - 7rem);
}


/* 장례물품 */
.table-bar-wrap.product {
    width: 100%;
    border-bottom: 0;
}

.table-bar-wrap.product .txt {
    width: calc(100% - 16rem);
    padding: 0 1rem;
    box-sizing: border-box;
}

.table-bar-wrap.product .item {
    width: calc((100% - ((1rem * 3) + (10rem + 12rem))) / 2);
}

.table-bar-wrap.product .item-num {
    width: 10rem;
    text-align: center;
}

.table-bar-wrap.product .action-btns .btn {
    margin: 0;
}



/* 빈소계약서 */
.contract {
    font-family: 'BookkMyungjo';
    margin: 0 auto;
    width: 108rem;
    height: 157rem;
    font-weight: 700;
    position: relative;
    justify-content: center;
    position: relative;
}

.contract .tit-group {
    margin-bottom: 10rem;
}

.contract .tit-group h1 {
    text-align: center;
    font-size: 3.5rem;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #1A1A1A;
}

.contract .tit-group p {
    font-size: 1.5rem;
}

.contract_inner {
    padding: 0 10rem;
    box-sizing: border-box;
}

.contract_cont h3 {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #1A1A1A;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.contract_cont p {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.contract_cont table {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    border-collapse: collapse;
    border-top: 2px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.contract_cont th {
    background: #f7f7f7;
}

.contract_cont tbody tr:last-child th,
.contract_cont tbody tr:last-child td {
    border-bottom: 0;
}

.contract_cont th,
.contract_cont td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 2.7rem;
    vertical-align: middle;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
}

.contract_cont .th_bg {
    border-right: 1px solid #ccc;
    background: #ededed;
    font-size: 1.5rem;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #1A1A1A;
}

.contract_cont th:last-child,
.contract_cont td:last-child {
    border-right: 0;
}

.action-btns .btn.w-12 {
    width: 12rem;
}

.action-btns .btn.w-10 {
    width: 10rem;
}

.action-btns .btn.w-23 {
    width: 23rem;
}

.contract .action-btns .btn {
    position: absolute;
    right: 10rem;
    top: 10rem;
}

.contract_date {
    font-size: 2.5rem;
    margin: 7rem 0;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #1A1A1A;
}

.agreement {
    font-size: 1.4rem;
    line-height: 1.5;
}

.contract input[type="checkbox"] {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    border-radius: 30px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: var(--white-color);
}

.contract input[type="radio"]:checked,
.contract input[type="checkbox"]:checked {
    background: transparent url('/resources/images/common/ico_check_off.svg') no-repeat;
}

.contractor span {
    font-size: 2rem;
}

.contractor p {
    font-size: 2.2rem;
    align-items: flex-end;
    position: relative;
}

.contractor p:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: var(--txt-gray);
}

.contractor b {
    font-size: 1.7rem;
    color: var(--txt-gray);
}

.contractor span {
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #1A1A1A;
}

.done-header {
    transform: rotate(180deg) translateX(50%);
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(100% - 5px);
    z-index: -1;
}

.done-footer {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 0;
    width: calc(100% - 5px);
    z-index: -1;
}

.contract .place_wh {
    font-size: 3.5rem;
    margin-top: 7rem;
    color: #a88b53;
}

.contract_cont td .print-input {
    height: 2.5rem;
    padding: 0 1rem;
}

.contract_cont td .print-input.add_items {
    width: calc(100% - 1.4rem);
    display: inline-block;
    padding: 0 0rem 0.3rem;
}

input[type='number'].print-input::placeholder,
input[type="text"].print-input::placeholder,
input[type="password"].print-input::placeholder {
    color: var(--txt-color);
    font-weight: 600;
    font-style: normal;
    font-size: 1.4rem;
}

.contract_cont td.big {
    font-size: 2rem;
}


/* 대시보드 */
.dashboard .cont-header {
    position: absolute;
}

.dashboard .container {
    padding-top: 8.5rem;
    margin: 0;
}

.dash-frame {
    padding: 4rem;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 2rem;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    max-height: 60rem;
}

.dashboard .table-bar-wrap {
    border-top: 1px solid #ddd;
}

.dashboard .hn {
    font-size: 1.8rem;
}

.dashboard .hn2 {
    font-size: 1.7rem;
    color: #666;
    font-weight: 500;
}

.dashboard .board-content {
    background: var(--white-color);
}

.dashboard .board-wrap .board-tit {
    background: #2B343B;
    color: var(--white-color);
    height: 3.5rem;
    font-weight: 400;
}

.dashboard .board-wrap .input-box {
    font-size: 1.5rem;
    font-weight: 500;
    border: 0;
    height: 100%;
}

.dashboard .board-wrap .board-items {
    height: 4rem;
}

.dashboard .table-bar-wrap .board-items:hover {
    background: var(--white-color);
}

.action-btns .btn.sm_btn {
    border-radius: 2rem;
    font-size: 1.3rem;
    width: 9rem;
    height: 2.5rem;
    line-height: 1.3rem;
    font-weight: 400;
}

.board-content.__scroll-wrap {
    max-height: calc(100vh - (78.8rem));
}

.dash_sum {
    font-size: 4rem;
    font-weight: 700;
}

.dash-frame .same-w-h-100 {
    max-height: 10rem;
    height: auto;
    width: auto;
    max-width: 9rem;
}

.room_data {
    gap: 0.7rem;
}

.room_data_cont {
    font-weight: 500;
    color: var(--dark-gray);
    background: #fafafa;
    justify-content: center;
    font-size: 1.4rem;
    height: 2.8rem;
    padding: 0 1rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

/* .room_data_cont:not(:first-child) {
    cursor: pointer;
    transition: 0.3s;
}

.room_data_cont:not(:first-child):hover {
    opacity: 0.7;
} */



/* 매출현황 */

.container.sale_info {
    padding: 4rem 5rem;
}

.sale_info .hn {
    font-size: 1.8rem;
}

.sale_info .room_data_cont {
    padding: 0 1rem;
    font-size: 1.4rem;
    height: 3rem;
}

.room_data_cont.black,
.sale_info .room_data_cont.black {
    background: var(--dark-gray);
    color: var(--white-color);
    height: 3.5rem;
}

.sale_info .__w-full.calc {
    width: calc(100% - 40rem);
}

.period_total .selected_month {
    font-size: 2.5rem;
    color: var(--txt-color);
    font-weight: 500;
}

.period li button {
    width: 2rem;
    height: 2rem;
    font-size: 1.3rem;
    background: var(--yellow-color);
    border: 1px solid var(--yellow-color);
    color: var(--dark-gray);
    font-weight: 500;
    border-radius: 0.3rem;
}

.period li button.active {
    background: var(--yellow-color);
    border: 1px solid var(--yellow-color);
    color: var(--white-color);
}

.view_link {
    font-size: 1.3rem;
    text-decoration: underline;
    font-weight: 500;
}


.room_data_cont.best {
    color: var(--yellow-color);
    background: #eba5020f;
}

.supplies .room_data_cont.best {
    color: var(--red-color);
}

.refrigerator .room_data_cont.best {
    color: var(--green-color);
}

.item_order .room_data_cont.best {
    color: var(--main-color);
}

.flower_order .room_data_cont.best {
    color: var(--green-color);
}

.it_sale_ind {
    border: 1px solid #E5E5E5;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.05);
    padding: 1.5rem 1.5rem 2rem;
    box-sizing: border-box;
    border-radius: 2rem;
    font-weight: 500;
}

.items_sale_icon {
    background: #F9F9F9;
    border-radius: 1.2rem;
    width: 100%;
    height: 8rem;
}

.it_sale_ex {
    font-size: 1.3rem;
    color: #888;
}

.it_sale_tit {
    font-weight: 600;
    width: 100%;
}

.it_sale_pri {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1.8rem;
}

.it_sale_ind.sale_total {
    background: var(--main-color);
    color: var(--white-color);
}

.it_sale_ind.sale_total .items_sale_icon {
    background: var(--white-color);
}

.sale_total .it_sale_ex,
.sale_total .it_sale_pri {
    color: var(--white-color);
}

.sale_total .it_sale_ex {
    font-weight: 400;
}

.sale_total .it_sale_tit {
    font-size: 1.8rem;
}

.sale_detail {
    padding-bottom: 5rem;
}

.sale_detail .room_data_cont {
    background: transparent;
    border-bottom: 1px solid #eee;
    height: 4.5rem;
}

.sale_detail .bg_light {
    border-radius: 10rem;
    /* background: #f8f8f8; */
    padding: 0.4rem 1.5rem 0.3rem;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.supplies .room_data_cont.best .bg_light {
    background: #FFEFEF;
    border: 0;
}

.refrigerator .room_data_cont.best .bg_light {
    background: #53b10017;
    border: 0;
}

.item_order .room_data_cont.best .bg_light {
    background: #026feb17;
    border: 0;
}

.video_order .room_data_cont.best .bg_light {
    background: #eba5021c;
    border: 0;
}

.flower_order .room_data_cont.best .bg_light {
    background: #52b1001c;
    border: 0;
}

.status span {
    color: white;
    border-radius: 1rem;
    width: 6rem;
    height: 2rem;
    display: block;
    line-height: 2rem;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0 auto;
}

.room_data_cont.using .status span {
    background: var(--main-color);
}

.room_data_cont.closing .status span {
    background: var(--red-color);
}

.room_data_cont.closed .status span {
    background: var(--light-gray);
}

.total_sale .room_data_cont .status span {
    font-size: 1.3rem;
    width: 7rem;
    border-radius: 0;
    line-height: 2rem;
    height: 2rem;
}

.month_sale header {
    align-items: flex-start;
    padding: 1rem 0;
    box-sizing: border-box;
}

.ind_sale_cont {
    background: #fff;
    height: calc((100% / 3) - 1rem);
    padding: 0 3rem;
    box-sizing: border-box;
    height: 7rem;
    border-radius: 1rem;
    width: 42rem;
    line-height: 1.4;
    background: #eba5020f;
    border: 1px solid #FFEBBB;
}

.ind_sale_cont .month {
    background: #fff;
    border-radius: 100%;
    width: 5rem;
    height: 5rem;
    font-size: 1.8rem;
    font-weight: 600;
}

.ind_sale_cont .compare {
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--yellow-color);
    width: 10rem;
}

.ind_sale_cont.minus {
    background: #fff5f5;
    border: 1px solid #ffdddd;
}

.ind_sale_cont.plus {
    background: #66aeff17;
    border: 1px solid #cbe4ff;
}

.ind_sale_cont.minus .compare {
    color: var(--red-color);
}

.ind_sale_cont.plus .compare {
    color: var(--main-color);
}

.ind_sale_cont b {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--txt-gray);
    position: relative;
}

.ind_sale_cont .compare b:after {
    content: '';
    width: 2.1rem;
    height: 1.1rem;
    background: url('/resources/images/common/ico-graph-same.svg') center / contain no-repeat;
    display: block;
}

.ind_sale_cont.plus .compare b:after {
    background: url('/resources/images/common/ico-graph-up.svg') center / contain no-repeat;
}

.ind_sale_cont.minus .compare b:after {
    background: url('/resources/images/common/ico-graph-down.svg') center / contain no-repeat;
}

.whole_sale {
    font-size: 1.7rem;
    font-weight: 600;
}

.graph_icon {
    position: relative;
    z-index: 0;
}

.month_sale .graph_ico_sh {
    width: 13rem;
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    opacity: 0.1;
    z-index: -1;
}

.month_sale object {
    width: 12rem;
    height: fit-content;
}


/* 매출 세부사항 */
.total_sale .sale_info .room_data_cont {
    font-size: 1.5rem;
    height: 4rem;
}

/* .total_sale .sale_info .room_data_cont:nth-child(odd):not(:first-child) */
.total_sale .sale_info .room_data_cont:nth-child(odd) {
    background: #f8f8f8;
}

.total_sale .sale_info .room_data_cont.gray {
    background: #414141;
    color: white;
    height: 4rem;
    border-radius: 0 0 0.5rem 0.5rem;
}


/* 빈소 확인서 */
.room_check {
    width: 768px;
    height: 1116px;
}

.room_check .contract_inner {
    padding: 0 8rem;
}

.room_check .contract_cont {
    -webkit-text-stroke-width: 0.2px;
    font-family: 'gowunbatang', sans-serif;
}

.room_check .contract_goin {
    text-align: center;
    font-size: 3rem;
}

.room_check dl {
    font-size: 2rem;
    line-height: 2;
}

.room_check dt {
    width: 13rem;
    color: var(--txt-gray);
}

/* 명세서 출력 페이지 */
.print-page {
    max-width: 93rem;
    height: auto;
    position: relative;
}

.print-page .border-frame.input-frame {
    border: 0;
    box-shadow: none;
    margin-bottom: 5rem;
    border: 2px solid #333;
    border-radius: 1.5rem;
    box-sizing: border-box;
    overflow: hidden;
    padding: 2rem;
}

.print-page .border-frame .input-content {
    padding: 0;
}

.print-page .border-frame .input-frame-header {
    padding: 0 0 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--line-color);
}

.print-page .container {
    margin-top: 3rem;
}

.print-page .table-bar-wrap.product .item {
    width: calc((100% - ((1rem * 3) + (10rem))) / 2);
}

.print-page:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 10;
}

.print-page .print-btn {
    position: relative;
    z-index: 20;
}

.print-page .item-input {
    justify-content: flex-end;
}


/* 장례확인서 */
.room_check .tit-group h1 {
    font-size: 3.7rem;
    margin-bottom: 8rem;
}

.room_check .contract_goin {
    font-size: 2.5rem;
}

.room_check dl {
    line-height: 1.9;
    padding: 0 1rem;
    box-sizing: border-box;
}

.room_check .contract_cont.border-bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1rem 0;
}

.room_check .contract_cont.border-bottom2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
}

.room_check .contract_cont.txt-center {
    color: #666;
    font-size: 1.7rem;
}

.room_check .place_wh {
    font-size: 3rem;
    color: #a88b53;
    margin-top: 7rem;
}

.room_check .contract_date {
    margin: 4.5rem 0;
}



/* add */

.print-page.statement {
    font-family: 'BookkMyungjo';
    -webkit-text-stroke-width: 0.4px;
}

.statement .cont-header {
    height: 5rem;
    position: initial;
    color: var(--txt-color);
    font-size: 2.5rem;
    text-align: center;
}

.statement .cont-header>b {
    color: var(--main-color);
}


.statement .contract_cont table {
    margin: 0 auto 2rem;
    word-break: keep-all;
}

.statement .contract_cont .w-per-5 {
    width: 5%;
}

.statement .contract_cont .w-per-10 {
    width: 10%;
}

.statement .contract_cont .w-per-15 {
    width: 15%;
}

.statement .contract_cont .w-per-20 {
    width: 20%;
}

.statement .contract_cont .w-per-40 {
    width: 40%;
}

.statement .contract_cont .product th {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--txt-gray);
}

.statement .contract_cont .product th,
.statement .contract_cont .product td {
    padding: 0;
}

.statement .contract_cont .product {
    text-align: center;
    font-weight: 600;
}

.statement .contract_cont .sm-txt {
    font-size: 1.3rem;
}

.statement .contract_cont .f-center {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem 0;
}

.no-data {
    text-align: center;
    padding: 2rem 0;
    box-sizing: border-box;
    display: block;
}


/* daterangepicker */
.show-calendar.daterangepicker {
    font: 400 10px / 1.2 'paperlogy', sans-serif;
}

.show-calendar.daterangepicker .calendar-table table {
    border-collapse: initial;
    border-spacing: 1rem;
}

.show-calendar.daterangepicker th.month {
    font-size: 1.5rem;
    font-weight: 600;
}

.show-calendar.daterangepicker .calendar-table th,
.show-calendar.daterangepicker .calendar-table td {
    height: 3.2rem;
    font-weight: 500;
}

.show-calendar.daterangepicker .drp-calendar {
    max-width: 40rem;
}

.show-calendar.daterangepicker .drp-calendar.right {
    box-sizing: border-box;
}

.show-calendar.daterangepicker .calendar-table th {
    font-weight: 600;
}

.show-calendar.daterangepicker .calendar-table td {
    border-radius: 10rem;
}

.show-calendar.daterangepicker td.active,
.show-calendar.daterangepicker td.active:hover {
    background-color: #6C93FF !important;
    font-weight: 600;
    color: var(--white-color);
}

.show-calendar.daterangepicker td.in-range {
    background-color: #6c93ff28;
}

.show-calendar.daterangepicker .drp-buttons {
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
}

.show-calendar.daterangepicker .drp-selected {
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    width: 100%;
    padding-left: 1rem;
    position: relative;
}

.show-calendar.daterangepicker .drp-selected:before {
    content: '선택기간';
    display: inline-block;
    color: var(--light-gray);
    font-weight: 500;
    background: #eee;
    font-size: 1.4rem;
    padding: 1rem;
    margin-right: 1rem;
}

.show-calendar.daterangepicker .drp-buttons .btn {
    margin: 0 0.5rem 0 0;
    font-size: 1.5rem;
    padding: 1rem 2.5rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
}

.show-calendar.daterangepicker .drp-buttons .btn.btn-default {
    background: #eee;
}

.show-calendar.daterangepicker .drp-buttons .btn.btn-primary {
    background: var(--txt-color);
    border: 1px solid var(--txt-color);
    color: var(--white-color);
}



/* ========== 구인구직 ========== */

.apply .container {
    margin: 0;
    padding: 0;
}

.container-wrap.apply {
    margin-left: 23rem;
    width: calc(100% - 23rem);
}

.apply_info {
    position: relative;
    width: 80rem;
    z-index: 0;
    color: var(--white-color);
    padding: 15rem 10rem;
    box-sizing: border-box;
    background: url('/resources/images/common/apply_bg2.jpg') center / cover no-repeat;
}

.apply_info:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #5e5e5e44; */
    background: #535b61ba;
    z-index: -1;
}

.apply_info .hn {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
}

.apply_info .hn:after {
    content: '';
    width: 0.1rem;
    height: 4rem;
    background: var(--white-color);
    display: block;
    margin: 1.3rem 0.2rem 1rem;
}

.hn_p {
    font-size: 1.8rem;
}

.apply_hl {
    line-height: 1.6;
    font-size: 1.8rem;
}

.apply_hl h4 {
    border-bottom: 1px solid var(--white-color);
    font-weight: 500;
}

.apply_hl dt {
    width: 6.5rem;
    position: relative;
}

.apply_hl dt:after {
    content: '';
    display: inline-block;
    width: 0.1rem;
    height: 1.3rem;
    background: var(--white-color);
    position: absolute;
    right: 0;
    top: 0.6rem;
}

.apply .alert {
    color: var(--txt-color);
    font-size: 1.7rem;
    background: #f5f8fa;
    padding: 1.2rem 1rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0.5rem;
    font-weight: 500;
}

.apply_form {
    width: calc((100% - 70rem));
}

.apply_form .__scroll-wrap {
    padding: 5rem;
    box-sizing: border-box;
    max-height: unset;
}

.apply_form .hn {
    font-size: 3.5rem;
    color: var(--main-color);
    font-weight: 700;
}


.sub_tit {
    border-bottom: 2px solid var(--main-color);
    font-size: 2rem;
    font-weight: 600;
    color: var(--main-color);
}

.apply .career {
    border: 1px solid #e7e7e7;
    background: #fafafa;
    padding: 2rem;
    border-radius: 0.5rem;
}

.apply .page-btns .btn {
    height: 5rem;
    font-size: 1.6rem;
    font-weight: 500;
}

.apply textarea {
    height: 15rem;
}


/* 노무세무신청서 */
.tax .apply_info {
    background: url(/resources/images/common/apply_bg.jpg) center / cover no-repeat;
    padding: 0 10rem;
    justify-content: center;
}

.tax .apply_info:after {
    background: #61616199;
    z-index: -1;
}

.tax .apply_hl dd {
    line-height: 1.7;
    font-size: 1.6rem;
    font-weight: 300;
}

.tax .apply_hl dd:before {
    content: '';
    display: inline-block;
    border-radius: 10rem;
    width: 0.3rem;
    height: 0.3rem;
    background: #eee;
}

.work_area {
    background: rgb(255 255 255 / 16%);
    padding: 2.5rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
}

.agreement dl {
    cursor: pointer;
    border-bottom: 1px solid var(--line-color);
}

.agreement dl:last-child {
    border-bottom: 0;
}

.box-content .agreement dt {
    font-size: 1.7rem;
    color: var(--txt-gray);
    font-weight: 500;
}

.agreement dd {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 1.5rem;
    color: var(--txt-gray);
    font-weight: 500;
    padding: 1.5rem;
    background: #f5f5f5;
    border-top: 1px solid var(--line-color);
    line-height: 1.4;
    max-height: 15rem;
    overflow-y: auto;
}

.agreement dd.show {
    display: block;
    opacity: 1;
}

.checkbox_btn span {
    color: var(--txt-color);

}

.go_homepage {
    color: #fea52f;
    font-size: 14px;
    margin-right: 5px;
}

.go_homepage:hover {
    margin-right: 0;
}

.action-btns .sum_width {
    width: 45rem
}

.display .btn {
    max-width: 10rem;
}


@media print {

    .contract .action-btns .btn,
    .print-btn.statement {
        display: none;
    }

    .print-page .print-btn {
        display: none;
    }

    .print-page .container {
        margin: 0;
    }

    input[type='number'].print-input,
    input[type="text"].print-input,
    input[type="password"].print-input {
        border: 0;
    }



}

@media screen and (max-width: 1500px) {
    body {
        overflow-x: auto;
    }
}



/* 홈페이지 고인현황 */
.site-wrap {
    min-height: calc(100vh - 5rem);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.site-header {
    margin: 0 0 2rem;
    text-align: center;
    font-weight: 600;
}

.site-header b {
    font-size: 1.8rem;
    color: var(--light-gray);
}

.site-header h2 {
    font-size: 2.8rem;
}

.txt-board {}

.txt-board .flex-half {
    flex: 0 0 50%;
}

.txt-board .flex-30 {
    flex: 0 0 3rem;
}

.txt-board .flex-45 {
    flex: 0 0 4.5rem;
}

.txt-board .flex-75 {
    flex: 0 0 7.5rem;
}

.txt-board .flex-100 {
    flex: 0 0 10rem;
}

.txt-board .flex-120 {
    flex: 0 0 12rem;
}

.txt-board .flex-150 {
    flex: 0 0 15rem;
}

.txt-board .flex-180 {
    flex: 0 0 18rem;
}

.txt-board .flex-200 {
    flex: 0 0 20rem;
}

.txt-board .flex-230 {
    flex: 0 0 23rem;
}

.txt-board .flex-270 {
    flex: 0 0 27rem;
}

.txt-board .flex-500 {
    flex: 0 0 50rem;
}

.txt-board .ele {
    height: 100%;
    text-align: center;
}

.txt-board .board-tit {
    padding: 0 1.5rem;
    box-sizing: border-box;
    background-color: #f8f8f8;
    color: var(--txt-gray);
    height: 4rem;
    font-weight: 400;
    font-size: 1.4rem;
}

.txt-board .board-tit.black {
    background-color: var(--txt-color);
    color: var(--white-color);
}

.txt-board .board-tit.pd-2 {
    padding: 2rem 0;
}

.txt-board .board-tit.pd-0 {
    padding: 0;
}

.txt-board .board-content {}

.txt-board .board-content .board-items {
    border-bottom: 1px solid var(--line-color);
    box-sizing: border-box;
}

.txt-board .board-items {
    min-height: 4rem;
    padding: 1.5rem;
}

.txt-board .board-items.pd-2 {
    padding: 2rem 0;
}

/* .txt-board .board-items.pd-2 .input-box {
    font-weight: 500;
} */

.txt-board .board-items.active {
    background-color: rgba(22, 144, 224, 0.1) !important;
}

.txt-board .input-box {
    width: 100%;
    height: 100%;
    /* height: calc(100% - 2rem); */
    box-sizing: border-box;
    font-weight: 600;
}

.txt-board .input-box p {
    width: 100%;
    padding: 0 0 10px;
}

.txt-board .input-box p:not(:last-of-type) {
    border-bottom: 1px solid #eaeaea;
}

.txt-board .thum {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 99rem;
    box-sizing: border-box;
    overflow: hidden;
}

.txt-board .name-box {
    width: calc(100% - (6.5rem + 1rem));
    gap: 0.3rem 2rem;
}


.txt-board .name-box.__w-full {
    width: 100%;
}

.txt-board p {
    font-size: 1.6rem;
}

.txt-board .input-box span {
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--txt-gray);
}

.txt-board .right-line {
    position: relative;
}

.txt-board .right-line:before {
    content: '';
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 1rem;
    background-color: var(--line-color);
}

.txt-board .thum img {
    min-width: 100%;
    min-height: 100%;
}

.txt-board .height_calc {
    height: calc(100% - 2rem);
}

.txt-board .ele.__txtCut {
    width: calc(100% - (4.5rem + 7.5rem + 23rem + 10rem + (1rem * 4) + (2rem *2)));
}

.txt-board .ele {
    /* outline: 1px solid red; */
}

.txt-board .input-box.__txtCut {
    padding: 0 1rem;
    box-sizing: border-box;
}

.txt-board .input-box .unknown {
    color: var(--light-gray);
}

.board-content .btn {
    border-radius: 0.5rem;
    width: 100%;
    height: 3.5rem;
    background-color: var(--light-gray);
    color: var(--white-color);
    text-align: center;
    font-size: 1.5rem;
}

.txt-board .board-content .board-items.none {
    background-color: #f5f5f5;
    color: var(--dark-gray);
    text-align: center;
    font-size: 1.8rem;
}

.txt-board .input-box .bg-gray {
    background-color: #f5f5f5;
    font-weight: 500;
    border-radius: 1rem;
    padding: 0.5rem;
    box-sizing: border-box;
}