.dashboard-wrap{display: flex;}

.dash-main{width: calc(100% - 320px);padding-right: 32px;}
.dash-right{width: 320px;position: relative;}
.dash-total{padding-top: 32px !important;height: auto;}
.dash-total>p{margin-bottom: 16px;text-align: center;}
.total-item{border-radius: 12px;margin-bottom: 16px;border: 1px solid #d9d9d9;padding: 16px;}
.total-item:last-of-type{margin-bottom: 0;}
.total-today{border-color: #3ABAB8;box-shadow: 1px 1px 16px rgba(58, 186, 184, 0.2);}
.total-title{margin-bottom: 16px;display: flex;align-items: center;justify-content: space-between;width: 100%;;}
.total-title>p{font-size: 18px;font-weight: 500;color: #111;}
.total-title>span{font-size: 14px;color: #666;}

.total-txt::after{display: block;content: '';width: calc(100% - 10px);background-color: #d9d9d9;height: 1px;margin: 8px auto 0 auto;}
.total-txt{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 8px;}
.total-txt>p{font-size: 16px;font-weight: 500;color: #666;}
.total-txt>span{color: #111;font-weight: 500;text-align: right;}
.total-txt:first-of-type>p{color: #2F9291;}
.total-txt:first-of-type>span{color: #2F9291;}
.total-txt:last-of-type{margin-bottom: 0;}
.total-txt:last-of-type::after{display: none;}
.total-txt:last-of-type>p{color: #E83F49;}
.total-txt:last-of-type>span{color: #E83F49;}


.banner-swiper{margin-bottom: 64px;width: 100%;}
.banner-swiper .swiper-slide{aspect-ratio: 19/9;border-radius: 12px;overflow: hidden;}
.banner-swiper .swiper-slide>a{display: block;width: 100%;height: 100%;background-color: #333;}
.banner-swiper .swiper-slide>a>img{display: block;width: 100%;height: 100%;object-fit: cover;transform: none !important;}
.banner-swiper .swiper-button-prev{left: 16px !important;top: 50% !important;transform: translateY(-50%) !important;margin: 0 !important;width: 32px;height: 32px;border-radius: 12px;background-color: rgba(255, 255, 255, 0.4);display: flex !important;align-items: center;justify-content: center;transition: 0.3s;}
.banner-swiper .swiper-button-next{right: 16px !important;top: 50% !important;transform: translateY(-50%) !important;margin: 0 !important;width: 32px;height: 32px;border-radius: 12px;background-color: rgba(255, 255, 255, 0.4);display: flex !important;align-items: center;justify-content: center;transition: 0.3s;}
.banner-swiper .swiper-button-prev::after{display: none !important;}
.banner-swiper .swiper-button-next::after{display: none !important;}
.banner-swiper .swiper-button-prev:hover,
.banner-swiper .swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.8);}
.banner-swiper .swiper-button-prev>svg,
.banner-swiper .swiper-button-next>svg{width: 20px;height: 20px;color: #111;}


.notice-wrap{margin-bottom: 64px;}
.notice-title{margin-bottom: 16px;display: flex;align-items: center;justify-content: space-between;}
.notice-title>a{display: flex;align-items: center;font-size: 16px;transition: 0.3s;font-weight: 500;}
.notice-title>a>svg{margin-left: 5px;width: 18px;height: 18px;;}
.notice-title>a:hover{color: #2F9291;}

.notice-tool-wrap{display: flex;justify-content: right;}
.notice-tool{display: flex;align-items: center;padding: 0 8px;height: 32px;border-radius: 100px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}
.notice-swiper{display: flex;flex-wrap: wrap;justify-content: right;}
.notice-swiper .swiper-wrapper{margin-bottom: 16px !important;}
.notice-swiper .swiper-button-prev{position: inherit !important;left: auto !important;top: auto !important;margin: 0 !important;width: auto;height: 32px;;}
.notice-swiper .swiper-button-next{position: inherit !important;left: auto !important;top: auto !important;margin: 0 !important;width: auto;height: 32px;;}
.notice-swiper .swiper-button-prev>svg,
.notice-swiper .swiper-button-next>svg{width: 16px;height: 16px;color: #111;}
.notice-swiper .swiper-pagination{position: inherit !important;left: auto !important;top:  auto !important;margin: 0 !important;width: auto !important;display: flex;margin: 0 10px !important;letter-spacing: 2.5px;font-size: 16px;font-weight: 500;}
.notice-swiper .swiper-pagination-current{color: #2F9291;}
.notice-swiper .swiper-button-prev::after{display: none !important;}
.notice-swiper .swiper-button-next::after{display: none !important;}

.swiper-slide{}
.notice-item{border-radius: 12px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);padding: 16px;cursor: pointer;transition: 0.3s;border: 1px solid transparent;}
.notice-item:hover{border: 1px solid #3ABAB8;box-shadow: 1px 1px 16px rgba(58, 186, 184, 0.25);}
.notice-date{display: flex;align-items: center;width: 100%;justify-content: space-between;margin-bottom: 10px;}
.notice-date>p{font-size: 14px;font-weight: 500;}
.notice-date>span{font-size: 14px;font-weight: 400;color: #666;}
.notice-item-title{width: 100%;font-size: 16px;color: #111;}
.notice-item-title>p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sec_cal{display: flex;flex-wrap: wrap;justify-content: center;}

.cal_nav{border-radius: 10px;height: 48px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);display: flex;align-items: center;padding: 0px 10px;margin-bottom: 16px;}
.cal_nav>a{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 10px;transition: 0.3s;transition: 0.3s;}
.cal_nav>a:hover{background-color: rgba(58, 186, 184, 0.1);color: #2F9291;}
.cal_nav>a>svg{width: 24px;height: 24px;}

.top-item-wrap .cal_nav{margin-bottom: 0;margin-right: 16px;border: 1px solid #d9d9d9;box-shadow: none;}
.year-month{font-size: 24px;font-weight: 500;margin: 0 64px;}
.cal_wrap{width: 100%;border-radius: 16px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);padding: 16px;}
.days{display: flex;width: 100%;}
.days .day{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;margin-bottom: 16px;margin-right: 16px;}
.days .day:last-of-type{margin-right: 0;}
.dates{display: flex;flex-wrap: wrap;}
.dates .day{width: calc(14% - 13px);margin-right: 16px;border: 1px solid #d9d9d9;margin-bottom: 16px;border-radius: 12px;height: 100px;padding: 10px;font-size: 14px;font-weight: 500;position: relative;}
.dates .day:nth-of-type(7n){margin-right: 0;}
.dates .day>p{display: flex;align-items: center;}
.dates .today{border-color: #3ABAB8;box-shadow: 1px 1px 16px rgba(58, 186, 184, 0.25);}
.dates .today>p::after{content: '금일';padding: 1px 5px;background-color: rgba(58, 186, 184, 0.2);font-size: 12px;font-weight: 600;color: #2F9291;border-radius: 5px;margin-left: 5px;}
.dates .day.disable{color: #999;background-color: #f1f1f1;border-color: #f1f1f1;}
.day-sch-wrap{position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;width: calc(100% - 20px);border: 1px solid transparent;}
.ds-item{width: 100%;border-radius: 5px;background-color: rgba(58, 186, 184, 0.2);display: flex;align-items: center;margin-top: 2.5px;justify-content: right;padding: 1.5px 5px;}
.ds-item>p{font-size: 10px;font-weight: 600;color: #111;margin-right: 5px;}
.ds-item>span{font-size: 10px;font-weight: 400;color: #111;display: flex;align-items: center;}

.mypage-wrap{display: flex;}
.mypage-left{width: 100%;padding-right: 32px;}
.mypage-right{width: 375px;min-width: 375px;}

.mypage-info{margin-bottom: 32px;}
.buy-card{margin-bottom: 32px;}
.buy-wrap{margin-bottom: 32px;}
.buy-wrap:last-of-type{margin-bottom: 0;}


.mypage-title{margin-top: 16px;margin-bottom: 32px;}
.mypage-title>p{font-size: 32px;font-weight: 500;margin-bottom: 5px;color: #111;}
.mypage-title>span{font-size: 16px;}
.mypage-title>span>strong{font-weight: 500;margin-left: 5px;color: #2F9291;}
.info-wrap{display: flex;flex-wrap: wrap;}
.info-item{padding: 10px;border: 1px solid #d9d9d9;border-radius: 10px;width: calc(50% - 5px);margin-bottom: 10px;}
.info-item-l{width: 100%;margin-right: 0;}
.info-item>p{font-size: 14px;color: #666;}
.info-item>span{font-weight: 16px;color: #111;font-weight: 500;}

.table ul{display: flex;width: 100%;}
.table ul>li{width: 100%;text-align: center;}
.table-title>li{font-weight: 500;font-size: 14px;display: flex;align-items: center;justify-content: center;color: #111;height: 32px;}
.table-title,
.table-index{border: 1px solid transparent;border-bottom: 1px solid #d9d9d9;cursor: pointer;transition: 0.3s;}
.table-index:hover{background-color: rgba(58, 186, 184, 0.1);border: 1px solid #3ABAB8;}
.table-index:last-of-type{border-bottom: 1px solid transparent;}
.table-index:last-of-type:hover{background-color: rgba(58, 186, 184, 0.1);border: 1px solid #3ABAB8;}
.table-index>li{font-size: 12px;color: #111;display: flex;align-items: center;justify-content: center;height: 32px;}

.card-wrap{max-width: 375px;width: 100%;aspect-ratio: 1.58/1;border-radius: 10px;background-color: #f1f1f1;overflow: hidden;position: relative;}
.card{width: 100%;height: 100%;background: linear-gradient(to left, #3ABAB8, #41B48F);position: relative;}
.card-bank{position: absolute;right: 16px;top: 16px;font-size: 14px;background-color: rgba(255, 255, 255, 0.8);padding: 2px 5px;border-radius: 5px;font-weight: 500;color: #111;}
.card-number-wrap{position: absolute;bottom: 16px;left: 16px;}
.cn{width: 100%;margin-bottom: 16px;display: flex;}
.cn>p{font-size: 14px;background-color: rgba(255, 255, 255, 0.8);padding: 2px 5px;border-radius: 5px;font-weight: 500;color: #2F9291;margin-right: 5px;letter-spacing: 1px;}
.cd>span{font-size: 14px;background-color: rgba(255, 255, 255, 0.8);padding: 2px 5px;border-radius: 5px;color: #333;}
.non-card{position: absolute;background-color: #f1f1f1;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.non-card>p{font-size: 14px;color: #666;margin-bottom: 32px;}
.non-card>button{display: flex;align-items: center;justify-content: center;border-radius: 100px;padding: 0 10px;height: 32px;font-size: 14px;color: #fff;background-color: #3ABAB8;font-weight: 500;
}

.buy-wrap .title-btn>button{background-color: #E83F49;}
.non-member{margin-bottom: 16px;}
.non-member>p{font-size: 14px;color: #666;margin-bottom: 16px;}
.nm-price{font-size: 16px;color: #2F9291;}
.nm-price>span{font-size: 20px;}

.complate-member{display: none;}
.complate-member>p{font-size: 20px;color: #2F9291;font-weight: 500;margin-bottom: 16px;}
.member-date{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.md-item>p{font-size: 14px;color: #666;}
.md-item>span{font-size: 16px;color: #111;font-weight: 500;}
.md-item>span>strong{font-weight: 500;}
.md-item:last-of-type{text-align: right;}

.member-select{display: flex;margin-bottom: 32px;}
.ms-item{width: 100%;margin-right: 32px;display: flex;flex-direction: column;justify-content: center;position: relative;align-items: center;padding: 32px 0 !important;cursor: pointer;border: 1px solid transparent;transition: 0.3s;overflow: hidden;}
.ms-item:hover{border-color: #3ABAB8;}
.ms-item:last-of-type{margin-right: 0;}
.ms-item::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(58, 186, 184, 0.1);transition: 0.3s;opacity: 0;}
.ms-item.on{border-color: #3ABAB8;box-shadow: 1px 1px 16px rgba(58, 186, 184, 0.25);}
.ms-item.on::after{opacity: 1;}
.ms-item>p{font-size: 24px;font-weight: 500;margin-bottom: 16px;position: relative;z-index: 2;}
.ms-item:nth-of-type(1)>p{color: #2F9291;}
.ms-item:nth-of-type(2)>p{color: #3ABAB8;}
.ms-item:nth-of-type(3)>p{color: #41B48F;}
.ms-item:nth-of-type(4)>p{color: transparent;background: linear-gradient(to left, #3ABAB8, #41B48F);background-clip: text;}
.ms-price{font-size: 16px;color: #666;display: flex;position: relative;z-index: 2;}
.ms-price>p>span{font-size: 20px;color: #111;}
.sale-price{color: #666;}
.sale-price>p{color: #666;}
.sale-price>span{text-decoration: line-through;color: #666 !important;font-weight: 400 !important;}





.manual-flex-wrap{display: flex;align-items: flex-start;}
.manual-img{width: 100%;}
.manual-img>img{display: block;width: 100%;}
.manual-txt-wrap{width: 100%;}
.manual-item{border: 1px solid #d9d9d9;border-radius: 8px;cursor: pointer;transition: 0.3s;margin-bottom: 10px;}
.manual-item.on{border-color: #3ABAB8;box-shadow: 1px 1px 16px rgba(58, 186, 184, 0.2);padding-bottom: 10px;}
.manual-item:last-of-type{margin-bottom: 0;}
.manual-item:hover{border-color: #3ABAB8;}
.manual-wrap{max-width: 420px;width: 100%;margin-right: 32px;}
.manual-explan-wrap{padding: 0 10px;transition: max-height 0.3s ease-out;;max-height: 0;overflow: hidden;}
.manual-explan-wrap.open{max-height: 5000px;}
.me-item{padding-bottom: 0px;}
.me-item.active{padding-bottom: 10px;}
.me-item>p{height: 42px;display: flex;align-items: center;font-weight: 500;font-size: 15px;}
.manual-explan-wrap>p{font-size: 14px;color: #333;}
.me-txt{font-size: 14px;color: #333;padding-left: 12px;overflow: hidden;max-height: 0;transition: max-height 0.3s ease-out;}
.me-txt.active{max-height: 5000px;}
.manual-title{display: flex;align-items: center;}
.manual-title>a{display: flex;transition: 0.3s;align-items: center;padding: 0 10px;margin-left: 16px;font-weight: 500;justify-content: center;color: #111;border-radius: 100px;background-color: #fff;height: 32px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);font-size: 16px;}
.manual-title>a>svg{width: 14px;height: 14px;margin-right: 10px;}
.manual-title>a:hover{background-color: #3ABAB8;color: #fff;}
.manual-title>svg{width: 26px;height: 26px;margin-right: 10px;}
.basic-wrap{width: 100%;}
.sub-cal{position: relative;}
.sub-cal .cal_wrap{position: absolute;left: 0;top: 100%;width: auto;opacity: 0;pointer-events: none;transition: 0.3s;filter: blur(5px);transform: scale(0.99);z-index: 2;}
.sub-cal .cal_wrap.show{opacity: 1;filter: blur(0);transform: scale(1);pointer-events: inherit;}
.sub-cal .days .day{width: 40px;margin: 0;height: auto;color: #333;margin-bottom: 10px;font-size: 14px;font-weight: 400;}
.sub-cal .dates{width: 280px;}
.sub-cal .dates .day{margin: 0;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;border: 0;cursor: pointer;transition: 0.3s;}
.sub-cal .dates .day.on{}
.sub-cal .dates .today{box-shadow: none;border: 1px solid #3ABAB8;color: #2F9291;}
.sub-cal .dates .day.on{background-color: #3ABAB8;color: #fff;}
.sub-cal .dates .today>p::after{display: none;}
.sub-cal .dates .day.disable{background-color: transparent;}

.basic-flex{display: flex;width: 100%;align-items: flex-start;}
.sel-wrap{width: 100%;margin-right: 32px;}
.sel-wrap:last-of-type{margin-right: 0;}
.sel-wrap>p{font-size: 18px;color: #111;font-weight: 500;margin-bottom: 16px;}
.sel-btn-wrap{width: 100%;margin-bottom: 16px;padding: 10px;border-radius: 10px;background-color: #f1f1f1;border: 1px solid #d9d9d9;}
.sel-btn-wrap>p{display: flex;font-size: 16px;align-items: center;color: #111;font-weight: 500;margin-bottom: 10px;}
.sel-btn-wrap>p>span{font-size: 14px;font-weight: 400;color: #666;}
.sel-btn{display: flex;align-items: center;}
.sel-btn>button{width: auto;display: flex;padding: 0 10px;align-items: center;justify-content: center;font-size: 14px;border: 1px solid #d9d9d9;border-radius: 100px;height: 32px;font-weight: 500;color: #666;background-color: #fff;margin-right: 10px;transition: 0.3s;}
.sel-btn>button:last-of-type{margin-bottom: 0;}
.sel-btn>button.on{background-color: #3ABAB8;color: #ffff;border-color: #3ABAB8;}
.basic-flex{margin-bottom: 32px;}
.sel-add-btn{display: flex;justify-content: right;}
.sel-add-btn>button{width: auto;display: flex;padding: 0 16px;align-items: center;justify-content: center;font-size: 14px;border: 1px solid #3ABAB8;border-radius: 100px;height: 32px;font-weight: 500;color: #ffff;background-color: #3ABAB8;}
.flex-sel-wrap{display: flex;flex-wrap: wrap;align-items: flex-start;align-content: baseline;}
.flex-sel-wrap>p{width: 100%;}
.flex-sel-wrap .sel-btn-wrap{width: calc(50% - 8px);margin-right: 16px;}
.flex-sel-wrap .sel-btn-wrap:last-of-type{margin-right: 0;}
.btn-48{display: flex;width: 100%;}
.btn-48>button{width: 100%;height: 48px;border-radius: 10px;font-size: 16px;color: #fff;margin-right: 16px;background-color: #3ABAB8;display: flex;align-items: center;justify-content: center;}
.btn-48>button:last-of-type{margin-right: 0;}
.btn-48>button>svg{width: 24px;height: 24px;}
.table{width: 100%;}

.title-btn-advanced{display: flex;}
.title-btn-advanced button{height: 32px;border-radius: 100px;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 10px;border: 1px solid #d9d9d9;font-weight: 500;color: #333;margin-left: 10px;background-color: #f1f1f1;transition: 0.3s;}
.title-btn-advanced button:first-of-type{margin-left: 0;}
.title-btn-advanced button svg{width: 16px;color: #999;margin-right: 5px;transition: 0.3s;}
.tba-wrap{display: flex;padding-left: 10px;margin-left: 10px;position: relative;}
.tba-wrap::before{display: block;width: 1px;background-color: #d9d9d9;content: '';height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tba-wrap:first-of-type::before{display: none;}
.tba-wrap:first-of-type>button{background-color: #3ABAB8;color: #fff;border-color: #3ABAB8;}
.tba-wrap:nth-of-type(2)>button{border: 1px solid #3ABAB8;font-weight: 400 ;}
.tba-wrap:nth-of-type(2)>button.on{background-color: #3ABAB8;color: #fff;}
.tba-wrap:nth-of-type(2)>button.on svg{color: #fff;}

.table-wrap{width: 100%;overflow-x: auto;}
/*
.table-wrap{width: 100%;overflow-x: auto;overflow-y: visible;height: auto;min-height: 400px;position: relative;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);display: flex;}
.table-wrap .table{-webkit-transform: rotateX(180deg);}
.table-wrap::-webkit-scrollbar{position: absolute;top: 0;left: 0;width: 100%;height: 10px;border-radius: 100px;border: 1px solid #d9d9d9;padding: 2.5px;}
.table-wrap::-webkit-scrollbar-thumb{border-radius: 100px;background-color: rgba(58, 186, 184, 0.5);transition: 0.3s;}
.table-wrap::-webkit-scrollbar-thumb:hover{background-color: #3ABAB8;}*/

.table>ul{display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;}
.table ul>li{width: 100%;height: 100%;min-height: 40px;white-space: wrap;word-break: break-all;}
.table-index>li{font-size: 12px;font-weight: 500;color: #666;padding: 2px;}
.table-index>li>span{color: #111;}
.on-off-1,
.on-off-2{display: none !important;}
.on-off-1.on,
.on-off-2.on{display: flex !important;flex-wrap: wrap;}
.table-input{display: flex;width: 100%;height: 32px;align-items: center;border: 1px solid #d9d9d9;background-color: #fff;border-radius: 5px;padding-right: 2px;position: relative;}
.table-input>input{height: 100%;width: 100%;font-size: 12px;border: 0;color: #111;text-align: right;min-width: 0px;background-color: transparent;padding-right: 2.5px;transition: 0.3s;}
.table-input>span{flex-shrink: 0;}
.table-input>strong{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);font-size: 12px;font-weight: 500;display: flex;align-items: center;justify-content: center;border-radius: 100px;height: 20px;width: 20px;;background-color: #666;color: #fff;}
.table-input>strong.count{background-color: #E83F49;}
.add-person .table-input{width: 150px !important;}


.table-index-sb>li{justify-content: right;padding-right: 5px;}

.table-search-list{position: absolute;background-color: #fff;padding: 10px;width: 154px;top: calc(100% + 10px);left: 0;border: 1px solid #d9d9d9;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);border-radius: 10px;max-height: 205px;overflow: auto;display: none;}
.table-search-item{background-color: #f1f1f1;border: 1px solid #d9d9d9;margin-bottom: 5px;display: flex;flex-wrap: wrap;border-radius: 5px;padding: 5px;transition: 0.3s;}
.table-search-item:hover{border: 1px solid #3ABAB8;background-color: #817878;}
.table-search-item:last-of-type{margin-bottom: 0;}
.table-search-item>p{width: 100%;font-weight: 500;color: #111;text-align: left;}
.table-search-item>span{color: #666;}

.tax-info{position: relative;}
.tax-wrap{width: 200px;border-radius: 10px;background-color: #fff;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);z-index: 3;padding: 10px;position: absolute;top: 100%;right: 0px;transition: 0.3s;opacity: 0;pointer-events: none;filter: blur(5px);transform: scale(0.95);}
.tax-info.open .tax-wrap{opacity: 1;filter: blur(0);transform: scale(1);pointer-events: auto;}
.tax-wrap>p{font-size: 14px;font-weight: 500;color: #111;text-align: left;}
.tax-wrap>span{font-size: 12px;color: #666;display: block;width: 100%;margin-bottom: 10px;text-align: left;}
.tax-txt{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 5px;border-radius: 5px;border: 1px solid #d9d9d9;margin-bottom: 5px;}
.tax-txt:last-of-type{margin-bottom: 0;}
.tax-txt>p{font-size: 12px;color: #333;}
.tax-txt>span{font-size: 12px;color: #666;}
.tax-txt>span>strong{color: #111;font-weight: 600;}
.tax-txt:last-of-type>span>strong{color: #2F9291;}

.search-basic{min-width: 320px;margin-right: 32px;}
.search-input{position: relative;margin-right: 16px;}
.search-input:last-of-type{margin-right: 0;}
.search-input>input{width: 100%;}
.search-input>button{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
.search-input>button>svg{width: 20px;height: 20px;color: #666;}
.btn-100-solid>button{background-color: #3ABAB8;}
.addon-basic{max-width: 768px;width: 100%;display: flex;flex-wrap: wrap;}
.addon-item{margin-right: 10px;width: calc(25% - 7.5px);position: relative;}
.addon-item>input{width: 100%;}
.addon-basic>input{margin-right: 10px;width: calc(25% - 7.5px);}
.addon-basic .btn-48{width: calc(25% - 7.5px);}

.add-person{display: flex;padding-left: 10px;width: 100%;align-items: center;}
.add-person .table-input{margin-right: 10px;}
.ap-btn{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background-color: #3ABAB8;color: #fff;margin-right: 10px;border-radius: 5px;}
.ap-btn>svg{width: 24px;height: 24px;}

.ap-list{display: flex;width: calc(100% - 202px);flex-wrap: wrap;}
.add-person .ap-list{margin-top: 0;}
.ap-item{display: flex;width: auto;margin-right: 10px;align-items: center;border-radius: 100px;padding: 0 10px;border: 1px solid #d9d9d9;background-color: #f1f1f1;height: 32px;}
.ap-item>p{font-size: 14px;color: #111;font-weight: 500;margin-right: 5px;}
.ap-item>span{font-size: 12px;color: #666;margin-right: 2.5px;}
.ap-item>button{width: 12px;height: 12px;display: flex;align-items: center;justify-content: center;margin-left: 5px;}
.ap-item>button>svg{width: 100%;height: 100%;color: #666;}
.ap-item:last-of-type{margin-right: 0 !important;}
.top-wrap{display: flex;justify-content: space-between;margin-bottom: 16px;flex-wrap: wrap;}
.top-item-wrap{display: flex;align-items: center;}
.sx-select{margin-right: 16px;width: 100px;flex-shrink: 0;}
.top-item-wrap input,
.top-item-wrap select{width: 100%;}
.category-select{width: 150px;margin-right: 16px;flex-shrink: 0;}
.top-item-wrap .search-input{max-width: 300px;width: 100%;}

.top-right-wrap{display: flex;align-items: center;width: 100%;padding: 16px;border-radius: 16px;margin-top: 16px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}
.top-right-wrap .search-input{width: 100%;max-width: 300px;margin-right: 0;}
.top-right-wrap .btn-48{width: 150px;flex-shrink: 0;margin-left: 16px;}
.top-right-wrap .addon-item{width: 300px;}
.more-menu{display: flex;}
.more-menu .btn-48{width: 120px;margin-right: 10px;}
.more-basic{width: 100%;margin-right: 32px;}
.more-basic:last-of-type{margin-right: 0;}
.more-basic .basic{margin-bottom: 32px;}

.photo-wrap{width: 100%;border-radius: 10px;background-color: #f1f1f1;border: 1px solid #d9d9d9;margin-bottom: 16px;aspect-ratio: 1.5858/1;margin-top: 32px;}
.sel-input>button{width: 150px;flex-shrink: 0;margin-right: 10px !important;}
.field-wrap{display: flex;flex-wrap: wrap;margin-bottom: 32px;}
.field-wrap>button{transition: 0.3s;height: 48px;border-radius: 10px;margin-right: 10px;font-size: 16px;border: 1px solid #d9d9d9;background-color: #f1f1f1;width: calc(25% - 7.5px);margin-bottom: 10px;display: flex;align-items: center;justify-content: center;color: #333;}
.field-wrap>button:nth-of-type(4n){margin-right: 0}
.field-wrap>button.on{border-color: #3ABAB8;background-color: rgba(58, 186, 184, 0.1);color: #2F9291;font-weight: 500;}

.user-list{max-height: 320px;border-radius: 10px;border: 1px solid #d9d9d9;background-color: #f1f1f1;padding: 10px;margin-top: 16px;}
.user-item{background-color: #fff;border: 1px solid #d9d9d9;border-radius: 10px;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px;}
.user-title>p{font-size: 16px;font-weight: 500;color: #111}
.user-info{display: flex;align-items: center;}
.user-info>span{font-size: 14px;color: #666;margin-right: 2.5px;}
.user-field{margin-left: 10px;display: flex;}
.user-field>span{padding: 2.5px 5px;border-radius: 100px;font-size: 14px;border: 1px solid #d9d9d9;display: flex;margin-right: 5px;color: #111;}
.user-field>span:first-of-type{font-weight: 500;}
.site-item{border: 1px solid #d9d9d9;background-color: #fff;border-radius: 10px;margin-bottom: 10px;padding: 10px;position: relative;cursor: pointer;transition: 0.3s;}
.site-item:hover{border: 1px solid #3ABAB8;background-color: rgba(58, 186, 184, 0.1);}
.site-item:last-of-type{margin-bottom: 0;}
.site-title>span{font-size: 14px;color: #2F9291;font-weight: 500;}
.site-title>p{font-size: 16px;font-weight: 500;color: #111;}
.site-title{margin-bottom: 16px;}
.site-item>span{display: flex;align-items: center;justify-content: right;color: #666;font-size: 14px;}
.site-item>span>strong{font-weight: 400;margin: 0 5px;color: #2F9291;font-weight: 500;}
.site-sub{position: absolute;text-align: right;}
.site-sub>p{font-size: 14px;color: #111;}
.site-sub>span{font-size: 14px;color: #666;}
.site-sub-1{right: 10px;top: 10px;}
.site-sub-2{right: 10px;bottom: 10px;}

.top-item-wrap .join-sel-date{margin-right: 16px;}
.top-item-wrap .join-sel-date .sel-date{width: 200px;font-size: 14px;}

.add-job-wrap{margin-bottom: 16px;}

.add-job{display: flex;align-items: center;}
.add-job>input{width: 150px;flex-shrink: 0;margin-right: 10px;background-color: #fff;}
.add-job>input:focus{background-color: #fff;}
.add-job>input:last-of-type{width: calc(100% - 800px);}
.add-job .btn-48{width: 150px;flex-shrink: 0;}

.table-btn-wrap{flex-shrink: 0;}
.table-btn{display: flex;}
.table-btn>button{padding: 0 16px;height: 32px;border-radius: 100px;font-size: 14px;font-weight: 500;color: #ffff;display: flex;align-items: center;justify-content: center;}
.table-btn>button:first-of-type{background-color: #41B48F;margin-right: 10px;}
.table-btn>button:last-of-type{background-color: #E83F49;}

.info-setting{max-width: 480px;width: 100%;margin-bottom: 32px;}
.is-item{padding: 10px;margin-bottom: 10px;border-radius: 10px;border: 1px solid #d9d9d9;background-color: #f1f1f1;}
.is-item:last-of-type{margin-bottom: 0;}
.is-item>p{margin-bottom: 10px;color: #111;font-size: 16px;font-weight: 500;}
.is-input-wrap{display: flex;align-items: center;margin-bottom: 5px;}
.is-input-wrap>span{font-size: 14px;color: #666;}
.is-input{position: relative;display: flex;align-items: center;margin-right: 10px;}
.is-input>input{width: 100px;height: 32px;border-radius: 5px;font-size: 14px;}
.is-input>span{font-size: 14px;color: #666;font-weight: 400;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.is-sub-txt{font-size: 14px;font-weight: 400;color: #666;}
.is-sub-txt>span{display: block;}

.addon-item .table-search-list{width: 100%;left: 0;top: calc(100% + 10px);z-index: 2;max-height: 250px;}
.addon-item .table-search-item>p{font-size: 16px;}
.addon-item .table-search-item>span{font-size: 14px;}


.add-bill{width: 100%;margin-right: 32px;}
.add-bill:last-of-type{margin-right: 0;}
.add-bill .addon-item{width: 150px;}
.add-bill .sel-date{width: 170px;}
.add-bill .btn-48{margin-left: 16px;}

.bill-sub-date{font-size: 14px;font-weight: 400;color: #666;}
.bill-title-wrap{display: flex;justify-content: space-between;align-items: flex-start;}
.bill-number>p{font-size: 18px;color: #2F9291;}
.bill-date{text-align: right;}
.bill-date>span{font-size: 16px;color: #111;margin-bottom: 2.5px;}
.bill-date>p{font-size: 14px;color: #666;}
.bill-info{display: flex;align-items: flex-end;justify-content: space-between;}
.bill-com{font-size: 14px;margin-bottom: 2.5px;color: #666;font-weight: 500;}
.bill-field{font-size: 18px;font-weight: 500;color: #111;}
.bill-field-num{font-size: 14px;font-weight: 400;color: #666;}
.bill-price{font-size: 24px;color: #EC6941;font-weight: 500;}
.sub-txt{font-size: 14px;color: #666;margin-top: 10px;}
.sub-txt>span{font-weight: 500;margin-left: 5px;}
.bill-history-title{display: flex;margin-bottom: 16px;}
.bh-item{width: calc(33.333% - 10.6666px);border-radius: 10px;margin-right: 16px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 10px;}
.bh-item:last-of-type{margin-right: 0;}
.bh-item>p{font-size: 14px;color: #111;margin-bottom: 5px;}
.bh-item>span{font-size: 18px;font-weight: 500;}
.bh-item>span>strong{font-weight: 500;}
.bh-item:nth-of-type(1){background-color: rgba(58, 186, 184, 0.1);border: 1px solid #3ABAB8;}
.bh-item:nth-of-type(2){background-color: rgba(63, 92, 254, 0.1);border: 1px solid #3F5CFE;}
.bh-item:nth-of-type(3){background-color: rgba(232, 63, 74, 0.1);border: 1px solid #E83F49;}
.bh-item:nth-of-type(1)>span{color: #2F9291;}
.bh-item:nth-of-type(2)>span{color: #3F5CFE;}
.bh-item:nth-of-type(3)>span{color: #E83F49;}

.bill-history-add{padding: 10px;border-radius: 10px;border: 1px solid #d9d9d9;background-color: #f1f1f1;margin-bottom: 16px;}
.bill-history-add>p{font-size: 18px;font-weight: 500;color: #111;margin-bottom: 10px;}
.bha-wrap{display: flex;}
.bha-wrap .btn-48{width: 150px;flex-shrink: 0;}
.bill-table{padding: 10px;border: 1px solid #d9d9d9;border-radius: 10px;overflow-x: auto;}
.bill-table .table{min-width: 540px;}
.bha-wrap .txt-input{margin-right: 10px;}
.bha-wrap .txt-input:nth-of-type(1),
.bha-wrap .txt-input:nth-of-type(2){width: 150px;}
.bha-wrap .txt-input:nth-of-type(3){width: calc(100% - 480px);}

.txt-input{position: relative;width: 100%;}
.txt-input>input{width: 100%;}
.txt-input>span{font-size: 14px;color: #666;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.txt-input>svg{width: 16px;height: 16px;color: #666;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}

.bill-down-wrap{display: flex;flex-wrap: wrap;}
.bill-down-item{border: 1px solid #d9d9d9;border-radius: 10px;margin-right: 16px;margin-bottom: 16px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 10px;width: calc(50% - 8px);;}
.bill-down-item>p{font-size: 18px;font-weight: 500;color: #111;margin-bottom: 16px;}
.bill-down-item:nth-of-type(2n){margin-right: 0;}
.bill-down-btn{width: 100%;display: flex;}
.bill-down-btn .btn-48{width: 100%;margin-right: 10px;}
.bill-down-btn .btn-48:last-of-type{margin-right: 0;}

.bill-down-item:nth-of-type(2) .btn-48:nth-of-type(1){width: calc(25% - 6.666px);min-width: calc(25% - 6.666px);}
.bill-down-item:nth-of-type(2) .btn-48:nth-of-type(2){width: calc(25% - 6.666px);min-width: calc(25% - 6.666px);}
.bill-down-item:nth-of-type(2) .btn-48:nth-of-type(1)>button{background-color: #fff;border: 1px solid #3ABAB8;color: #2F9291;}
.bill-down-item:nth-of-type(2) .btn-48:nth-of-type(2)>button{background-color: #d9d9d9;color: #666;}

.notice-wrap{width: 100%;}
.notice-title{margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #d9d9d9;}
.notice-t{display: flex;width: 100%;margin-bottom: 32px;justify-content: space-between;align-items: flex-start;}
.notice-file{height: 32px;border-radius: 100px;border: 1px solid #d9d9d9;background-color: #f1f1f1;padding: 0 10px;align-items: center;display: flex;transition: 0.3s;cursor: pointer;}
.notice-file:hover{border-color: #3ABAB8;background-color: #fff;}
.notice-file>p{color: #2F9291;font-size: 14px;display: flex;align-items: center;margin-right: 5px;}
.notice-file>p>svg{width: 14px;height: 14px;margin-right: 5px;}
.notice-file>span{color: #666;transition: 0.3s;font-size: 14px;}
.notice-file:hover>span{color: #2F9291;}
.notice-upload{font-size: 14px;color: #666;}
.notice-txt{width: 100%;height: auto;word-break: break-all;color: #333;font-size: 16px;}

.access-item{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;border-radius: 100px;height: 48px;background-color: #fff;border: 1px solid #d9d9d9;margin-bottom: 10px;cursor: pointer;transition: 0.3s;}
.access-item:last-of-type{margin-bottom: 0;}
.access-item.on{border-color: #3ABAB8;background-color: rgba(58, 186, 184, 0.1);}
.access-item>p{display: flex;align-items: center;font-size: 16px;font-weight: 500;color: #666;transition: 0.3s;}
.access-item.on>p{color: #2F9291;}
.access-item>p>svg{margin-right: 2.5px;width: 28px;height: 28px;color: #999;transition: 0.3s;}
.access-item.on>p>svg{color: #2F9291}
.access-item>span{font-size: 12px;color: #2F9291;font-weight: 600;background-color: rgba(58, 186, 184, 0.2);padding: 2.5px 5px;border-radius: 5px;transition: 0.3s;opacity: 0;pointer-events: none;}
.access-item.on>span{opacity: 1;}

.log-item{height: 36px;border-radius: 10px;border: 1px solid #d9d9d9;display: flex;align-items: center;padding: 0 10px;cursor: pointer;transition: 0.3s;margin-bottom: 10px;}
.log-item:hover{border-color: #3ABAB8;}
.log-item>p{font-size: 16px;margin-right: 10px;font-weight: 500;color: #111;}
.log-item>span{font-size: 16px;color: #666;margin: 0 2.5px;}

.stat-wrap{margin-bottom: 32px;display: flex;}
.month-stat-item{width: 100%;padding: 16px 0;border-radius: 10px;margin-right: 10px;border: 1px solid #d9d9d9;}
.month-stat-item:last-of-type{margin-right: 0;}
.month-stat-item>p{margin-bottom: 2.5px;font-weight: 18px;font-weight: 400;color: #333;text-align: center;}
.month-stat-item>span{display: block;text-align: center;font-size: 16px;color: #666;}
.month-stat-item>span>strong{font-size: 24px;font-weight: 500;color: #111;}
.month-stat-item:first-of-type>p{font-weight: 500;}
.month-stat-item:first-of-type{border-color: #3ABAB8;background-color: rgba(58, 186, 184, 0.1);}
.month-stat-item:first-of-type>span>strong{color: #2F9291;}

.month-stat-item:last-of-type>p{font-weight: 500;}
.month-stat-item:last-of-type{border-color: #E83F49;background-color: rgba(232, 63, 74, 0.1);}
.month-stat-item:last-of-type>span>strong{color: #E83F49;}

.stat-title>p{margin-bottom: 16px;font-size: 18px;color: #111;}
.stat-count>p{font-size: 16px;color: #666;text-align: right;}
.stat-count>p>span{font-size: 32px;font-weight: 500;color: #111;}
.more-basic:first-of-type .stat-title>p{font-weight: 500;}
.more-basic:first-of-type .stat-count>p>span{color: #2F9291;}

.stat-basic-wrap{margin-bottom: 32px;}
.wallet-info{display: flex;margin-bottom: 16px;}
.wi-item{width: 100%;margin-right: 10px;;display: flex;padding: 16px 0;align-items: center;justify-content: center;flex-direction: column;border: 1px solid #d9d9d9;border-radius: 10px;}
.wi-item:last-of-type{margin-right: 0;}
.wi-item>p{font-size: 16px;font-weight: 400;color: #666;}
.wi-item>span{color: #666;font-size: 16px;}
.wi-item>span>strong{font-weight: 500;font-size: 24px;color: #2F9291;}
.wi-item:last-of-type>span>strong{color: #333;}
@media (max-width: 1700px) {
    .add-bill{margin-right: 0;margin-bottom: 16px;}

    
    .bha-wrap .txt-input:nth-of-type(1),
.bha-wrap .txt-input:nth-of-type(2){width: calc(50% - 5px);}
.bha-wrap .txt-input:nth-of-type(2){margin-right: 0;}
.bha-wrap .txt-input:nth-of-type(3){width: calc(100% - 160px);margin-top: 10px;}
.bha-wrap .btn-48{margin-top: 10px;}
}
@media (max-width: 1600px) {
    .top-wrap{flex-wrap: wrap;}
    .top-item-wrap{padding: 16px;background-color: #fff;border-radius: 16px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);margin-bottom: 16px;}
    .top-right-wrap{padding: 16px;background-color: #fff;border-radius: 16px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}
}
@media (max-width: 1500px) {
    .bill-title-wrap{flex-wrap: wrap;margin-bottom: 16px;}
    .bill-date{text-align: left;}
    .dates .day{width: calc(14.285% - 8.5714px);margin-right: 10px;margin-bottom: 10px;position: relative;}
    .day-sch-wrap{transition: 0.3s;}
    .days .day{margin-bottom: 10px;margin-right: 10px;}
    .dates .day:hover .day-sch-wrap{padding: 5px;bottom: 0;width: 130px;height: auto;background-color: #fff;border-radius: 6px;border: 1px solid #d9d9d9;box-shadow: 1px 1px 16px rgba(153, 153, 153, 0.25);z-index: 5;}
    .ds-item{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .ds-item:first-of-type{margin-top: 0;}
}
@media (max-width: 1400px) {
    .manual-wrap{width: 360px;min-width: 360px;}
    .bill-down-item{width: 100%;margin-right: 0;}
    .add-job>input:last-of-type{width: calc(100% - 600px);}
    .add-job>input{width: 100px;}
    .bh-item>span{font-size: 16px;}
    .flex-sel-wrap .sel-btn-wrap{width: calc(50% - 5px);}
.mypage-right{min-width: 320px;}
.flex-sel-wrap .sel-btn-wrap{width: 100%;margin-right: 0;}
.ms-price>p{font-size: 14px;}
.ms-price>p>span{font-size: 18px;}

.ms-item>p{font-size: 20px;}
}
@media (max-width: 1200px) {
    .day-sch-wrap{transition: 0.0s !important;}
    .manual-flex-wrap{flex-wrap: wrap;flex-direction: column-reverse;}
    .manual-wrap{margin-top: 16px;}
    .bha-wrap .btn-48>button{font-size: 14px;}
    .info-setting{margin-bottom: 16px;}
    .bill-down-item{margin-bottom: 10px;}
    .bill-down-item>p{font-size: 16px;}
    .bill-number>p{font-size: 16px;}
    .bill-date>span{font-size: 14px;}
    .bill-down-item .btn-48>button{font-size: 14px;}
    .bill-field{font-size: 16px;}
    .bill-price{font-size: 20px;}
    .bill-title-wrap{margin-bottom: 10px;}
    .bill-history-title{flex-wrap: wrap;}
    .bh-item{padding: 5px;}
    .bh-item:nth-of-type(1){width: 100%;margin-right: 0;margin-bottom: 10px;}
    .bh-item:nth-of-type(2){width: calc(50% - 5px);margin-right: 10px;}
    .bh-item:nth-of-type(3){width: calc(50% - 5px);}
    .bha-wrap{flex-wrap: wrap;}
    .basic-flex-wrap{flex-wrap: wrap;}
    .more-basic{width: 100%;margin-right: 0;}
    .more-basic .basic{margin-bottom: 16px;margin-right: 0;}
    .com-num-2{flex-wrap: nowrap;justify-content: right;}
    .com-num{flex-wrap: nowrap;justify-content: right;}
    .com-num>button{margin-bottom: 0 !important;margin-top: 0px !important;width: 100px !important;}
    .com-num-2>button{margin-bottom: 0 !important;margin-top: 0px !important;width: 100px !important;}
    .com-num>input:nth-of-type(3){width: calc(100% - 200px) !important;}
    .com-num-2>input:nth-of-type(2){width: calc(100% - 240px) !important;}
    .join-input select{font-size: 14px !important;}
    .join-input button{font-size: 14px !important;}
    .top-item-wrap .join-sel-date .sel-date{width: 150px;}
    .top-item-wrap .category-select{margin-right: 10px;}
    .top-right-wrap .btn-48{width: 130px;margin-left: 10px;}
    .top-right-wrap .btn-48>button{font-size: 14px;}
    .top-item-wrap .join-sel-date{margin-right: 0;}
    .top-item-wrap .join-sel-date .sel-date{margin-right: 10px;}
    .search-basic{margin-right: 16px;min-width: 240px;}
    .basic-title{flex-wrap: wrap;}
    .title-btn-advanced{width: 100%;margin-top: 16px;justify-content: right;}
    .tba-wrap:first-of-type{margin-left: 0;padding-left: 0;}
    .sel-btn>button{margin-right: 5px;}
    .sel-wrap{margin-right: 16px;}
    .basic-flex{margin-bottom: 16px;}
    .ms-price>p{font-size: 14px;}
    .sel-btn>button{font-size: 12px;}
.ms-price>p>span{font-size: 18px;}
.ms-price{align-items: center;}
.ms-item>p{font-size: 20px;}
.ms-item{margin-right: 16px;padding: 16px 0 !important;}
.sale-price>span{font-size: 14px !important;}
.member-select{margin-bottom: 16px;}
    .mypage-left{padding-right: 16px;}
    .mypage-info{margin-bottom: 16px;}
    .buy-card{margin-bottom: 16px;}
    .buy-wrap{margin-bottom: 16px;}
    .info-item>p{font-size: 13px;}
    .info-item>span{font-size: 14px;}
    .mypage-title{margin-bottom: 16px;}
    .mypage-title>p{font-size: 26px;margin-bottom: 2.5px;}
    .mypage-title>span{font-size: 14px;}
    .cal_nav{padding: 0 10px;}
    .year-month{font-size: 20px;}
.banner-swiper{margin-bottom: 32px;}
.notice-wrap{margin-bottom: 32px;}
.notice-swiper .swiper-pagination{font-size: 14px;}
.notice-swiper .swiper-button-next{height: 24px;}
.notice-title>a{font-size: 14px;}
.notice-title>a>svg{width: 16px;height: 16px;}
.notice-date>span{font-size: 12px;}
.notice-date>p{font-size: 13px;}
.notice-item-title{font-size: 14px;}
.banner-swiper .swiper-button-prev{left: 10px !important;}
.banner-swiper .swiper-button-next{right: 10px !important}
.dashboard-wrap{flex-wrap: wrap;flex-direction: column-reverse;}
.dash-right{width: 100%;margin-bottom: 32px;}
.dash-main{width: 100%;padding-right: 0;}
.total-item-wrap{width: 100%;display: flex;}
.dash-total{padding-top: 16px !important;}
.dash-total>p{width: 100%;}
.total-item{width: calc(33.333% - 12px);margin-bottom: 0;margin-right: 16px;padding: 10px;}
.total-item:last-of-type{margin-right: 0;}
.total-title>p{font-size: 16px;}
.total-txt{margin-bottom: 5px;}
.total-txt::after{margin-top: 5px;}
.total-title>span{font-size: 12px;}
.total-txt>p{font-size: 14px;}
.total-txt>span{font-size: 14px;}
.log-item>p,
.log-item>span{font-size: 14px;}
.top-right-wrap .addon-item{width: calc(50% - 145px);}
.top-right-wrap .search-input{width: calc(50% - 145px);}
}
@media (max-width: 993px) {
    .addon-basic{width: 100%;max-width: 100%;}
    .search-basic{margin-bottom: 16px;width: 100%;margin-right: 0;;}
    .basic-flex{flex-wrap: wrap;}
    .sel-wrap{margin-right: 0;margin-bottom: 16px;}
    
    .mypage-wrap{flex-wrap: wrap;}
    .mypage-left{width: 100%;margin-bottom: 16px;padding: 0;}
    .mypage-right{width: 100%;}
}
.mo-drag{display: none;}
@media (max-width: 768px) {
    .login-section{padding: 32px 16px !important;background-color: #fff !important;}
    .login-wrap{border-radius: 0 !important;padding: 0 !important;box-shadow: none !important;}
    .wi-item>p{font-size: 14px;font-weight: 400;color: #666;}
.wi-item>span{color: #666;font-size: 14px;}
.wi-item>span>strong{font-weight: 500;font-size: 20px;color: #2F9291;}
    .add-job{flex-wrap: wrap;}
    .add-job>input:last-of-type{width: calc(100% - 160px);margin-top: 10px;}
    .add-job .btn-48{margin-top: 10px;}
    .btn-48>button{font-size: 14px;}
    .more-basic{width: 100%;margin-right: 0;margin-bottom: 0px;}
    .more-basic .basic{margin-bottom: 16px;}
    .top-item-wrap{flex-wrap: wrap;width: 100%;;}
    .top-right-wrap{width: 100%;}
    .top-item-wrap .search-input{width: 100%;margin-top: 10px;max-width: 100%;}
    .title-btn-advanced{}
    .tba-wrap{margin-bottom: 0;justify-content: right;margin-bottom: 0px;margin-left: 0;padding-left: 0;}
    .tba-wrap::before{display: none;}
    .tba-wrap:last-of-type{margin-bottom: 0;border-bottom: 0;}
    .tba-wrap>button{margin-right: 0;margin-left: 10px !important;}
    .member-select{flex-wrap: wrap;margin-bottom: 0;}
    .ms-item{width: calc(50% - 8px);margin-bottom: 16px;}
    .ms-item>p{font-size: 18px;margin-bottom: 16px;}
    .ms-item:nth-of-type(2){margin-right: 0;}
.total-item{min-width: 215px;}
.total-item-wrap{overflow-x: auto;white-space: nowrap;position: relative;}
.mo-drag{position: absolute;left: 0;top: 0;width: 100%;pointer-events: none;border-radius: 10px;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mo-drag>svg{width: 46px;height: 46px;margin-bottom: 16px;transform: translateX(50%);opacity: 0;color: #fff;animation-name: touch;animation-duration: 2s;animation-delay: 0.0s;animation-iteration-count: infinite;}
.mo-drag>span{color: #fff;font-size: 16px;}


.add-job{justify-content: right;}
.add-job .addon-item{width: calc(33.333% - 3.3333px);}
.add-job .join-sel-date{width: calc(66.666% - 6.666px);}
.join-sel-date .sel-date{width: 100%;}
.access-item>p{font-size: 14px;}
.log-item{flex-wrap: wrap;height: auto;padding: 10px;}
.log-item>p{width: 100%;}
}
@-webkit-keyframes touch {
    0% {
      opacity: 0;
        transform: translateX(50%);
    }
    50% {
        opacity: 1;
          transform: translateX(0%);
      }
    100% {
        opacity: 0;
        transform: translateX(-50%);
    }
  }
@media (max-width: 640px) {
    .top-right-wrap{flex-wrap: wrap;justify-content: right;margin-top: 0;}
    .top-right-wrap .addon-item{width: 100%;margin-right: 0;margin-bottom: 10px;}
.top-right-wrap .search-input{width: 100%;max-width: 100%;margin-bottom: 10px}
    .dates .today>p::after{display: none;}
    .dates .today>p{color: #2F9291;}
    .dates .day{width: calc(14.285% - 4.2857px);margin-right: 5px;margin-bottom: 5px;padding: 5px;}
    .ds-item{display: none;}
    .day-sch-wrap{width: calc(100% - 10px);bottom: 5px;text-align: right;transition: 0 !important;}
    .dates .day:hover .day-sch-wrap{padding: 0;border: 0;background-color: transparent;}
    .day-sch-wrap::after{content: '통계 보기';padding: 1px 2.5px;font-size: 10px;background-color: rgba(58, 186, 184, 0.25);color: #2F9291;font-weight: 500;border-radius: 2.5px;}
    .dates .day:hover .day-sch-wrap{height: auto;}
    .dates .day:hover .day-sch-wrap .ds-item{display: none}
    .dates .day:hover .day-sch-wrap::after{display: none;}
    .dates .day{height: auto;aspect-ratio: 4/4;}
    .days .day{margin-right: 5px;margin-bottom: 5px;font-size: 14px;}
    .cal_nav{padding: 0 5px;}
    .cal_nav>a>svg{width: 20px;height: 20px;}
    .manual-wrap{width: 100%;max-width: 100%;}
}    
@media (max-width: 552px) {
    .title-btn-advanced{display: block;}
    .tba-wrap>button{width: 120px;}
    .tba-wrap{margin-bottom: 10px;}
    .tba-wrap:last-of-type{margin-bottom: 0;}
}
@media (max-width: 540px) {
    .addon-item .table-search-item>p{font-size: 14px;}
.addon-item .table-search-item>span{font-size: 12px;}
    .top-item-wrap .cal-wrap{width: 100%;margin-right: 0;}
    .top-item-wrap .cal_nav{width: 100%;margin-right: 0;}
    .more-menu{width: 100%;}
    .more-menu .btn-48{width: 100px}
    .more-menu .btn-48:last-of-type{margin-right: 0;}
    .top-item-wrap .category-select{width: 100%;margin-top: 10px;}
    .top-item-wrap .join-sel-date{width: 100%;}
    .top-item-wrap .sel-date{width: 100% !important;}
    .top-item-wrap .sel-date:last-of-type{margin-right: 0;}
    .add-job .addon-item{width: 100%;}
.add-job .join-sel-date{width: 100%;}
}
@media (max-width: 480px) {
    .is-sub-txt{font-size: 12px;}
    .is-input{margin-right: 5px;}
    .is-input-wrap>span{font-size: 12px;}
    .top-item-wrap{width: 100%;}
    .add-job{justify-content: right;}
    .add-job>input{width: calc(50% - 5px)}
    .add-job>input:nth-of-type(2n){margin-right: 0;}
    .add-job>input{margin-bottom: 10px;}
    .add-job>input:last-of-type{margin-top: 0;margin-bottom: 0;width: 100%;margin-right: 0;}
    .add-job .btn-48{width: 100%;}
    .top-right-wrap{flex-wrap: wrap;justify-content: right;}
    .top-right-wrap .search-input{margin-bottom: 10px}
    .dates .day{font-size: 12px;}
    .info-item{width: 100%;margin-right: 0 !important;}
    .info-item:last-of-type{margin-bottom: 0;}
    .day-sch-wrap::after{content: '통계';}
    .cal_nav{width: 100%;justify-content: center;}
    .year-month{margin: 0;}
    .bha-wrap .txt-input{width: 100% !important;margin-right: 0;margin-bottom: 10px;}
    .bha-wrap .txt-input:nth-of-type(3){margin-top: 0;}
    .bha-wrap .btn-48{width: 100%;margin-top: 0;}
    .bill-b .sel-input{flex-wrap: wrap;justify-content: right;}
    .bill-b .sel-input>input{width: 100%;margin-bottom: 10px;}
    .bill-b .sel-input>button{margin-left: 0 !important;}

    .notice-t{flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-end;}
    .notice-upload{margin-bottom: 10px;}
}
@media (max-width: 390px) {

}
@media (max-width: 375px) {
    .site-sub>span{font-size: 12px;}
    .site-item>span{font-size: 12px;}
    .site-title>span{font-size: 12px;}
    .site-title>p{font-size: 14px;}
    .year-month{font-size: 18px;}
    .days .day{font-size: 12px;}
    .dates .day>p{font-size: 10px;}
    .ms-item>p{font-size: 16px;}
    .ms-price{flex-wrap: wrap;}
    .ms-price>p{width: 100%;text-align: center;}
}