@charset "UTF-8";

/* ========================================== 
	00. Reset
	01. Elements
     02. Common Layout
	03. Header & Footer
	04. Login
	05. Index
	==========================================*/

/* 00. Reset ================================*/
@import url('https://fonts.cdnfonts.com/css/trajan-pro');
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../webfonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../webfonts/NotoSansKR-Thin.woff) format('woff'),
       url(../webfonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../webfonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../webfonts/NotoSansKR-Light.woff) format('woff'),
       url(../webfonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../webfonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Regular.woff) format('woff'),
        url(../webfonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../webfonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Medium.woff) format('woff'),
        url(../webfonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../webfonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Bold.woff) format('woff'),
        url(../webfonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../webfonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Black.woff) format('woff'),
        url(../webfonts/NotoSansKR-Black.otf) format('opentype');
 }
 
:root {
     --bs-class:#581cdd;
     --bs-class2:#e3d8ff;
     --bs-class3:#804cda;
     --bs-class4:#7b50ea;
     --bs-cancle:#959595;
     --bs-gray1:#676767;
     --bs-gray2:#575757;
     --bs-gray3:#333;
     --bs-gray4:#90909080;
     --bs-gray5:#c4c4c4;
     --bs-red:#c05a59;
     --bs-green:#06c75a;
	--bs-body-font-size: 0.875rem;
}
 
body {font-family:"Noto Sans KR", "Sans-serif";background-color:unset;color:#000;width:100%;}
body#main-body {overflow:hidden;padding-top: env(safe-area-inset-top);padding-bottom: env(safe-area-inset-bottom);padding-left: env(safe-area-inset-left);padding-right: env(safe-area-inset-right);}
a, a:hover, a:focus, a:active {text-decoration:none;color:inherit;}
/* input.form-control[readonly], .readonly {background-color:#a8a8a8;pointer-events:none;} */
dl, ol, ul {margin:0;}
ul {padding-left:0}
ul li {list-style:none;}
.pace-progress, .pace-activity {display:none !important;} /* default progress bar display none */
pre {font-family:"Noto Sans KR", "Sans-serif";font-size:14px;margin:0;padding:0;}
.ui-page:focus-visible {outline:none;}
/* 01. Elements ================================================ */
.hidden {display:none;}
/* text  */
.text-class, .text-warning {color:var(--bs-red);}
.text-primary {color:var(--bs-class)}
.text-ing {color:var(--bs-green);}
.text-cancle {color:var(--bs-gray1);}
.text-color-red {color:#bf6a6a;}
.text-color-gray {color:#4c4c4c;}
.text-color-sky {color:#3f7f6d;}
.text-color-blue {color:#6a50ac;}
.text-color-sodom {color:#797379;}
.text-color-black {color:#000000;}
.text-color-yel {color:#e6e624 !important;}

.info-sm {font-size:12px;color:var(--bs-gray4);display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px;}
.text-under {font-size:13px;text-align:right;margin-top:-17px;margin-bottom:15px} 
.text-under.no {color:var(--bs-gray4);}
.text-under.warning {color:var(--bs-red);}
.text-under.ok {color:var(--bs-green);}

.border-wrap, .form-wrap.auto-height.border-wrap {padding:12px 10px 0; border-radius:5px; border:1px solid #9090905c;}
.out-border-wrap {border:1px solid var(--bs-gray4);border-radius:5px;margin-bottom:40px;}
.out-border-wrap .in-border-wrap {margin:3px;border-radius:5px;padding:21px 10px;}

/* badge */
.badge {font-size:13px;font-weight:400;border-radius:3px;padding:3px 8px;margin:0 4px;}
.bg-primary {background-color:var(--bs-class) !important;}
.bg-success {background-color:var(--bs-green) !important;}
.bg-danger {background-color:var(--bs-red) !important;}
.bg-textarea {background-color:#f4f2fa !important;}
.bg-default {color:var(--bs-gray3)}

/* icons -- */
.ico {display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat}
/* left menu */
.ico.ico-calendar-month {background-image:url(../img/calendar-month.svg);width:18px;height:18px;}
.ico.ico-schedule-check {background-image:url(../img/schedule-check.svg);width:18px;height:18px;}
.ico.ico-date-time {background-image:url(../img/date-time.svg);width:18px;height:18px;}
.ico.ico-user-multiple {background-image:url(../img/user-multiple.svg);width:18px;height:18px;}
.ico.ico-listpage-pen {background-image:url(../img/listpage-pen.svg);width:18px;height:18px;}
.ico.ico-app {background-image:url(../img/app.svg);width:18px;height:18px;}
.ico.ico-invoice {background-image:url(../img/invoice.svg);width:18px;height:18px;}
.ico.ico-customer {background-image:url(../img/customer.svg);width:18px;height:18px;}
.ico.ico-settings {background-image:url(../img/settings.svg);width:18px;height:18px;}
.ico.ico-info-circle {background-image:url(../img/info-circle.svg);width:18px;height:18px;}
.ico.ico-schedule {background-image:url(../img/ico-schedule.svg);width:18px;height:18px;}
/* index icon */
.ico.ico-menu01 {background-image:url(../img/menu_01.svg);width:36px;height:36px;}
.ico.ico-menu02 {background-image:url(../img/menu_02.svg);width:36px;height:36px;}
.ico.ico-menu03 {background-image:url(../img/menu_03.svg);width:36px;height:36px;}
.ico.ico-menu04_te {background-image:url(../img/menu_04_te.svg);width:36px;height:36px;}
.ico.ico-menu04_st {background-image:url(../img/menu_04_st.svg);width:36px;height:36px;}
.ico.ico-menu05 {background-image:url(../img/menu_05.svg);width:36px;height:36px;}
.ico.ico-menu06 {background-image:url(../img/menu_06.svg);width:36px;height:36px;}
.ico.ico-mcalen {background-image:url(../img/m-calen.svg);width:26px;height:26px;}
.ico.ico-logo-sm {background-image:url(../img/logo-sm.svg);width:23px;height:23px;}
.ico.ico-logo {background-image:url(../img/logo-sm.svg);width:80px;height:80px;}

.ico.ico-write {background-image:url(../img/write.svg);width:15px;height:15px;}
.ico.ico-mcalen {background-image:url(../img/m-calen.svg);width:26px;height:26px;}
.ico.ico-pre {background-image:url(../img/ico-pre.svg);width:10px;height:19px;}
.ico.ico-alarm {background-image:url(../img/ico-alarm.svg);width:21px;height:21px;}
.ico.ico-guide {background-image:url(../img/ico-guide.png);width:21px;height:21px;}
.ico.ico-close {background-image:url(../img/ico-close.svg);width:24px;height:24px;}
.ico.ico-today {background-image:url(../img/icon-today.svg);width:20px;height:20px;}
.ico.ico-trash {background-image:url(../img/ico-trash.svg);width:20px;height:20px;}
.ico.ico-cancel-big {background-image:url(../img/ico-cancel-big.svg);width:16px;height:16px;}
.ico.ico-noti {background-image:url(../img/ico-noti.svg);width:23px;height:23px;}
.ico.ico-noti-none {background-image:url(../img/ico-noti-none.svg);width:26px;height:25px;}
.ico.ico-dots {background-image:url(../img/ico-dots.svg);width:19px;height:19px;opacity:50%;}
.ico.ico-chevron-down {background-image:url(../img/ico-chevron-down.svg);width:19px;height:19px;opacity:50%;}
.ico.ico-chevron-up {background-image:url(../img/ico-chevron-up.svg);width:19px;height:19px;opacity:50%;}

.ico.ico-clip {background-image:url(../img/icon-clip.svg);width:20px;height:20px;}
.ico.ico-search {background-image:url(../img/ico-search.svg);width:16px;height:16px;}
.input-icon .ico-search {filter:invert(1);}
.ico.ico-male {background-image:url(../img/ico-male.svg);width:16px;height:16px;}
.ico.ico-female {background-image:url(../img/ico-female.svg);width:16px;height:16px;}
.ico.ico-reply {background-image:url(../img/Icon-reply.svg);width:16px;height:16px;}
.ico.ico-kakao {background-image:url(../img/ico-kakao.svg);width:20px;height:20px;margin:0 10px;}
.ico.ico-apple {background-image:url(../img/ico-apple.png);width:14px;height:14px;margin:0 10px;}
.ico.ico-naver {background-image:url(../img/ico-naver.svg);width:16px;height:16px;margin:0 10px;}
.ico.ico-main {background-image:url(../img/home.png);width:25px;height:25px;margin-top:3px;}
.ico.ico-logout {background-image:url(../img/ico-logout.svg);width:18px;height:18px;}
.ico.ico-payment {background-image:url(../img/payment.png);width:110px;height:70px;}
.ico.ico-btn-write {background-image:url(../img/btn-write.png);width:16px;height:16px;}
.ico.ico-acnt-n {background-image:url(../img/acnt-n.png);width:13px;height:13px;}
.ico.ico-acnt-y {background-image:url(../img/acnt-y.png);width:12px;height:12px;}
.ico.ico-message {background-image:url(../img/ico-message.png);width:29px;height:25px;}

/* 캘린더 헤더 아이콘 */
.ico.cal-today {background-image:url(../img/cal-today.svg);width:24px;height:24px;}
.ico.cal-week {background-image:url(../img/cal-week.svg);width:24px;height:24px;}
.ico.cal-refresh {background-image:url(../img/cal-refresh.svg);width:24px;height:24px;}
.ico.cal-pencil {background-image:url(../img/cal-pencil.svg);width:24px;height:24px;}
.ico.cal-month {background-image:url(../img/cal-month.svg);width:24px;height:24px;}

.ico.ico-sms {background-image:url(../img/ico-sms.png);width:35px;height:35px;}
.ico.ico-phon {background-image:url(../img/ico-phon.png);width:35px;height:35px;}
.ico.ico-kakao-send {background-image:url(../img/ico-kakao.png);width:35px;height:35px;}

/* btns-- */
.btn {display:inline-flex;justify-content:center;align-items:center;color:#fff;border-radius:8px;font-size:16px;}
.btn:hover {color: unset;background-color: unset;border-color: unset;}
.btn.btn-class {background-color:var(--bs-class);color:#fff;}
.btn.btn-cancle {background-color:var(--bs-cancle);color:#fff;}
.btn.btn-add {background-color:#866fdd;color:#fff;}
.btn-write {background:url(../img/button-write.png) no-repeat center;background-size:contain;width:77px;height:77px;position:fixed;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));}
.btn-address {border-radius:5px;width:78px;height:50px;font-size:14px;border:1px solid var(--bs-class);color:var(--bs-class);font-weight:400;}
.btn-block-md {background-color:#7666ec;border:1px solid #7666ec;color:#fff;height:40px;width:100%}
.btn-block-md2 {background-color:#726ade;border:1px solid #726ade;color:#fff;height:38px;width:95%;justify-content:center;display:flex;margin-left:8px;margin-bottom:-4px;}
.btn-block-md i {margin-left:10px;}
.btn-block-md:hover, :not(.btn-check)+.btn-block-md:active {background-color:var(--bs-class);border:1px solid var(--bs-class);color:#fff;}
.btn-primary-border {border:1px solid var(--bs-class);width:100%;color:var(--bs-class) !important;}
.btn-primary-border i {margin-right:5px;}
.btn.btn-inline-blue {border:1px solid var(--bs-class);color:var(--bs-class);border-radius:5px;height:40px;}
.btn.btn-inline-red {border:1px solid var(--bs-red);color:var(--bs-red);border-radius:5px;height:40px;}

/* switch */
.switch {position:relative;display:inline-block;width:52px;height:32px;}
.switch input {opacity: 0;width: 0;height: 0;}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(120, 120, 128, 0.16);-webkit-transition: .4s;transition: .4s; }
.switch .slider:before {position: absolute;content: "";height:28px;width:28px;left:2px;bottom:2px;background-color:white;-webkit-transition: .4s;transition: .4s; }
.switch .slider.round {border-radius:34px;}
.switch .slider.round.round:before {border-radius:50%;}
.switch.active .slider {background-color:var(--bs-class);}
.switch.active .slider:before {-webkit-transform: translateX(20px);transform: translateX(20px);}


/* 02. Common Layout =============================================== */
/*@media (max-width: 767.98px) {*/
     .app-content .app-content-padding {padding:25px 16px env(safe-area-inset-bottom);}
     .app-content.with-btn .app-content-padding {padding:30px 16px 30px;}
     .app-content-full-height .app-content {height:100%;display:flex;flex-flow:column;padding:0;} /* 헤더, 푸터 높이 결정되면 수정할 것 */
     /*.app-sidebar-fixed .app-content {padding-bottom:env(safe-area-inset-bottom);}*/
     .app-sidebar-fixed .app-content.top-wrap {padding-top:env(safe-area-inset-top);padding-bottom:0;overflow-y:auto;}
     .app-sidebar-fixed .app-content.with-btn {padding-bottom:0;}
     .iframe-wrap .app-content-padding {padding-bottom:0px;}
     .app-sidebar {top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);}
	 .app-sidebar-mobile-backdrop {top:env(safe-area-inset-top);}
/*}*/

.bottom-btn-wrap {display:flex;position:fixed;flex-direction:row-reverse;bottom:env(safe-area-inset-bottom);width:100%;background-color:#fff;margin:0;left:0;z-index:20;}
.top-wrap .bottom-btn-wrap {bottom:0;}
.bottom-btn-wrap.modify-btn-wrap {bottom:0;}
.bottom-btn-wrap.ico-box {height:55px;background:#000000;display:flex;align-items:center;justify-content:center;gap:15px;}
.bottom-btn-wrap .btn {flex:1;height:55px;border-radius:0;font-weight:500;}
.modal-footer .bottom-btn-wrap .btn {color:#fff;}

.frame-wrap {margin-left: -20px; margin-right: -20px;}
.md-wrap {margin-bottom:0px !important;}

.form-wrap input[type=text], .form-wrap .form-select, .form-control {border:none;height:48px;font-size:16px;font-weight:400;text-align:center;}
textarea {text-align:left !important;}
.form-wrap input[type=text]:disabled, .form-wrap .form-select:disabled, .form-control:disabled, .form-wrap.with-icon.disabled {background-color:#eaeaea;}
.form-wrap .form-control::placeholder, textarea::placeholder {font-size:14px;color:var(--bs-gray5) !important;font-weight:400;}
.form-control:disabled, .form-control[readonly] {background:#fff;}
.form-wrap .form-select {background-image: url(../img/caret-down-fill.svg);background-size:12px;background-position: right 18px center;text-align:center;}
input:focus, .form-control:focus  {outline:none;-webkit-appearance:none; box-shadow: none;appearance: none;}
textarea.flow-h {min-height:200px;resize:none;}
.input-sidetext {display:inline-flex;align-items:center;height:50px;}

.form-wrap .input-x {position:absolute;right:8px;top:50%;transform:translateY(-50%);background:url(../img/input-x.svg) no-repeat center;background-size:contain;width:20px;height:20px;cursor:pointer;display:none;border:none;}
.form-wrap input[type=text] {padding-right:30px;}
.form-wrap.with-icon input[type=text] {width: 100%; padding-right: 2.25rem; z-index: 2; background: unset;}

.form-check-input[type=checkbox] {border-radius:50%;width: 20px;height: 20px;margin-right:10px;}
.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio] {background-color:var(--bs-class);border-color:var(--bs-class);background-image: url(../img/check2_w.svg);background-size:14px}
/* .form-check-input:checked[type=radio] {background-color:var(--bs-class);border-color:var(--bs-class);} */
.form-check-input.check2:checked {background-color:#fff;border-color:#fff;background-image:url(../img/check2.svg);}

.form-wrap {height:50px;border:1px solid var(--bs-gray4);border-radius:5px;position:relative;margin-bottom:24px;background-color:#fff;}

.form-wrap.no-tit {margin-top:-9px;}
.form-wrap .form-tit {font-size:14px;color:var(--bs-gray1);position:absolute;left:11px;top:-10px;background:#fff;padding:0 5px;display:block}
.form-wrap.auto-height {height:auto;padding:15px 15px 20px;}
.form-wrap.auto-height .form-tit {position:static;margin-bottom:15px;border-radius:5px;margin-bottom:0;}
.form-wrap hr {border-bottom:1px solid #d8d8d8;}
.form-wrap.transparent {padding:0;border:none;margin-top:-5px;}
.form-wrap.transparent .form-tit {margin-bottom:10px}
.form-wrap.text-height {height:auto;background-color:#fff}
.form-wrap.text-height textarea {padding-top:12px;}
.form-wrap.with-icon {display:flex;align-items:center;}
/* .form-wrap.with-icon input[type=text] {width:calc(100% - 2.25rem)} */
.form-wrap.with-icon .input-icon {position:absolute;right:16px}
.form-wrap.img-wrap {height:auto;}

.form-wrap:focus-within {border-color:var(--bs-class);}
.form-wrap.warning {border-color:var(--bs-red);}
.form-wrap.warning .form-tit, .form-wrap.warning .text-class {color:var(--bs-red);}

.form-with {display:flex;gap:8px;}
.form-with .form-wrap {flex:1;}
.inline-form-wrap {display:flex;justify-content:space-around;}
.inline-form-wrap.pre-textarea {justify-content:flex-end;margin-bottom:5px;}

.title-text-wrap {margin-left: -20px; margin-right: -20px; background-color:var(--bs-class); color:#fff; height:35px; display:flex; justify-content:center; align-items:center;}

/* range date input */
.range-date {display:grid;grid-template-columns:1fr 25px 1fr;}
.range-date > span {width:25px;display: inline-flex;align-items:center;justify-content:center;}
.range-date .datepicker_box {border:1px solid var(--bs-gray4);border-radius:5px;position:relative;display:inline-flex;align-items:center;overflow:hidden}
.range-date .datepicker_box input {width:100%;padding-left:6px;z-index:10;background:unset;}
.range-date .datepicker_box i {position:absolute;right:15px;}

/* time box */
.form-tit .per {color:var(--bs-gray4);font-size:13px;margin-left:14px}
.insertTimeBox .time-box {display:grid;grid-template-columns:75px calc(100% - 75px);align-items:center;}
.insertTimeBox .time-box + .time-box {margin-top:10px;}
.insertTimeBox .time-box .time {height:36px;border-radius:5px;background-color:var(--bs-class2);font-size:14px;color:var(--bs-class);text-align:center;padding-right:0}
.insertTimeBox .time-box .time:hover {border:2px solid var(--bs-class)}
.insertTimeBox .time-box label {margin:0;}

.group-wrap {padding:25px 15px 20px; margin-bottom:20px; background-color:#f4f2ef;}
.group-wrap>.form-wrap {background-color:#fff;}

/* .loading-bar {height:4px;border-radius:10px;background-color:#cac8fd;width:calc(100% - 32px);margin:9px 16px 0;overflow:hidden;position:relative;} */
.loading-bar {height:4px;border-radius:10px;background-color:#cac8fd;width:100%;overflow:hidden;position:relative;}
.loading-bar span {height:4px;border-radius:10px;background-color:var(--bs-class);width:70px;display:block;position:absolute;animation:linear infinite;animation-name:run;animation-duration:1s;}
@keyframes run {
     0% {
       left:-80px;
     }
     100% {
       left: 100%;
     }
   }

/* Modal */
.dim {position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:0;transition:top 1s ease;visibility: hidden;}
.dim.show {opacity:0.7;visibility:visible;z-index:1021;transition:top 1s ease;}
.modal.slide.full-h {transition:top 0.3s ease;top:100%;display:block;padding:calc(6px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);--bs-modal-border-radius:8px 8px 0 0;}
.modal.slide.full-h .modal-body {padding:0;}
.modal.slide.full-h .modal-dialog, .modal.slide.full-h .modal-content {height:100%;margin:0;}
.modal.slide.full-h.half {padding:0;}
.modal.slide.full-h.half .modal-dialog {height:50%;padding-bottom:env(safe-area-inset-bottom);}
.modal.slide.full-h.membership.open {top:calc( 100% - 380px);}
.modal.slide.full-h.membership .modal-dialog {height:375px;}
.modal .modal-header {height:56px;border-bottom:1px solid #ebeef1;justify-content:center;position:relative;flex:none}
.modal-header .btn-mclose {margin:unset;padding:0;background-image:url(../img/ico-close.svg);width:24px;height:24px;border:none;background-color:transparent;position:absolute;top:16px;left:16px;}
.modal .modal-header .header-title {font-size:1.2rem;padding-top:6px;font-weight:600;}
.modal.slide.full-h .modal-body {flex:1;overflow: auto;}
.modal.slide.full-h .modal-footer {padding:0;}
.modal.slide.full-h .modal-footer .bottom-btn-wrap {position:static;}

/* center popup */
.pop-wrap {display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.45);z-index:1056;opacity:0;visibility:hidden;transition:all 0.3s ease; flex-flow:column;gap:20px;}
.pop-wrap.show {opacity:1;visibility:visible;}
.pop-wrap .popup-box {background-color:rgba(255, 255, 255, 0.9);border-radius:12px;padding:0 17px 0;min-width:290px;text-align:center;max-width:90%;max-height:95vh;position:relative;}
.pop-wrap .popup-box .pop-head {font-size:20px;color:#141414;font-weight:600;padding:10px 0;}
.pop-wrap .popup-box .pop-body {overflow:scroll;font-size:14px;color:var(--bs-gray2);padding:10px 0 20px;word-break:keep-all;max-height:calc(100% - 45px);}
.pop-wrap .popup-box .pop-footer {display:flex;;border-top:1px solid #b7b7b9;height:46px;}
.pop-wrap .popup-box .pop-footer .btn-pop {font-size:16px;flex:1;display:inline-flex;align-items:center;justify-content:center;position:relative;}
.pop-wrap .popup-box .pop-footer .btn-pop + .btn-pop:before {content:"";width:1px;height:23px;background-color:#bebebe;display:inline-flex;position:absolute;left:0}
.pop-wrap .popup-box .pop-footer .btn-pop.ok {color:var(--bs-class);}
.pop-wrap .popup-box .pop-footer .btn-pop.cancle {color:var(--bs-gray3);}
.pop-wrap .popup-box .close {background-image: url(../img/ico-close.svg);background-size:16px;width:16px;height:16px;top:10px;right:17px;display:block;position:absolute;}

.pop-wrap .popup-box.mem-info .pop-head {font-size:16px;word-break:keep-all;}
/* 02. Header & Footer ================================*/
.app-header-fixed .app-header {top:env(safe-area-inset-top);flex-direction:column;}
.app-header .navbar-header {height:52px;padding:0 16px;width:100%;} /*border-bottom:1px solid var(--bs-gray5);*/
.app-header .navbar-header .ui-btn-inner {display:none;}
.app-header .navbar-header h1 {line-height:1;margin-bottom:0;font-size:16px;height:18px;color:var(--bs-gray1);}
.app-header .navbar-mobile-toggler.btn-pre {margin-right:14px;padding:0;height:20px;}
.app-header .ui-btn .navbar-mobile-toggler.btn-pre .ico {margin-top:5px;}
.app-header .head-right {margin-left:auto;display:flex;align-items:center;}
.app-header .head-right .alarm-wrap {height:21px;position:relative;margin-left:20px;}
.app-header .head-right .guide-wrap {height:21px;position:relative;}
.app-header .head-right .navbar-main {margin-left:20px;}
.app-header .head-right .alarm-wrap .no {position:absolute;right:-5px;top:-4px;color:#fff;font-size:12px;width:16px;height:16px;border-radius:50%;background-color:#ff0000;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
.app-header .navbar-mobile-toggler.topnav {margin-left:20px;padding:0}
.app-header .navbar-header .navbar-mobile-toggler.hidden{opacity:0;cursor:default;}

.app-header .navbar-header.profile {position:relative;}
.app-header .navbar-header.profile .btn-pre {position:absolute;}
.app-header .navbar-header.profile .ico {width:19px;height:19px;}
.app-header .navbar-header.profile h1 {text-align:center; flex:1;}

.app-sidebar {width:100%;left: 100%; z-index:1031}
.app-sidebar .menu {padding-bottom:0;display:flex;flex-direction:column;height:100%; position:relative;}
.app-sidebar .menu .menu-top {display:flex; align-items:center;padding: 16px;}
.app-sidebar .menu .menu-top h1 {color:var(--bs-gray5);margin-left:8px;font-size:16px; line-height: 1; margin-bottom: 0; height: 18px;}
.app-sidebar .menu-top .short {font-size:12px;color:var(--bs-gray1);font-weight:400;display:none;}
.app-sidebar .menu-top .name {font-size:15px;color:#000;font-weight:600;display:none;}
.app-sidebar .menu-top .button-group {margin-left: auto;display: flex;gap: 20px;align-items: center;}
.app-sidebar .menu-top .alarm-wrap {height:21px;position:relative;}
.app-sidebar .menu-top .alarm-wrap i{opacity:0.4;}
.app-sidebar .menu-top .alarm-wrap .no {position:absolute;right:-5px;top:-4px;color:#fff;font-size:12px;width:16px;height:16px;border-radius:50%;background-color:#ff0000;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
.app-sidebar .menu-top .setting-wrap {height:21px;position:relative;}
.app-sidebar .menu-top .setting-wrap i{height:24px;width:24px;}
.app-sidebar .menu-top .close-wrap {height:21px;position:relative;}
.app-sidebar .menu-top .close-wrap i{opacity:0.4;}
.app-sidebar .menu-top .ico-logo-sm {filter: invert(75%) sepia(27%) saturate(19%) hue-rotate(346deg) brightness(99%) contrast(95%);}
.app-sidebar .menu-middle .pro-pic{width:28px; height:28px;margin-left:20px;}
.app-sidebar .menu-middle .pro-tit-wrap {flex:1;}
.app-sidebar .menu .pro-tit {display:flex;align-items:center;font-size: 24px;font-weight: 400;margin-left: 12px;}
.app-sidebar .menu .pro-tit:after {content:"\f285";font-family:bootstrap-icons !important;color:var(--bs-gray);font-size:1.2rem;line-height: 1;margin-right:-3px;}
.app-sidebar .menu-middle {display:flex;align-items:center;padding : 11px 0px;}
.app-sidebar .menu-middle .pro-edit{display:flex;align-items:center;gap:5px;padding: 5px 15px;margin-left:10px;}
.app-sidebar .menu .menu-bottom {flex:1;overflow:auto;}
.app-sidebar .menu .menu-text{line-height: 18px;font-size:18px;}
.app-sidebar .menu .menu-bottom .menu-left{width: 150px;height: 100%;float: left;background-color:#EEEEEE}
.app-sidebar .menu .menu-bottom .menu-left .menu-list .menu-item{padding: 15px 20px; display: flex;align-items: center;}
.app-sidebar .menu .menu-bottom .menu-left .menu-list .menu-item.selected{background-color:#581CDD; color:#FFFFFF}
.app-sidebar .menu .menu-bottom .menu-right{width: calc(100% - 150px);height:100%;float: right;overflow:scroll}
.app-sidebar .menu .menu-item .menu-submenu {padding:0}
.app-sidebar .menu .menu-item .menu-icon {width:unset;height:unset;}
.app-sidebar .menu .menu-item .ico.ico-guide {width:18px;height:18px;opacity:0.3;}
.app-sidebar .menu .menu-item > .menu-link {font-size:16px;font-weight:400;height:42px;color:var(--bs-gray3);border-bottom:1px solid #ebeef1;}
.app-sidebar .menu .menu-item .menu-submenu .menu-item {padding-left:20px;}
.app-sidebar .menu .menu-item .menu-submenu .menu-item:focus, .app-sidebar .menu .menu-item .menu-submenu .menu-item:hover {background-color:#faf8ff;}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {height:42px;color:var(--bs-gray2);font-size:13px;font-weight:400;border-bottom:none;}
.app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link:after {display:none;}
.app-sidebar .menu .menu-item .menu-submenu .menu-item:after {width:4px;height:4px;top:20px;left:22px;border:1px solid var(--bs-app-sidebar-menu-grid-border-color);background-color:var(--bs-app-sidebar-menu-grid-border-color);}
.app-sidebar .menu .menu-item .menu-submenu .menu-item:first-child:before {display:none;}
.app-sidebar .btn-logout {border:1px solid #cfd3d5;border-radius:3px;color:var(--bs-gray4);font-size:11px;width:64px;height:27px;padding:0;margin:17px;}
/*@media (max-width: 767.98px) {*/
	.app-header-fixed {padding:52px 0 60px;overflow-y:auto;height:100vh;} 
	.app-footer {left:0px !important;}
/*}*/

.footer-nav {border-top:1px solid #ddd;box-shadow:0 -2px 6px 0 rgba(136, 136, 136, 0.1);padding:10px 0 calc(10px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom));}
.footer-nav .nav-list {display: grid;width: 100%;grid-template-columns: repeat(6, 1fr);margin-bottom:0}
.footer-nav .nav-list > li {display:inline-flex;justify-content:center;}
.footer-nav .nav-list li a {font-size:10px;color:var(--bs-gray1);text-align:center;}
.footer-nav .nav-list li a.on {color:var(--bs-class);}
/* .footer-nav .nav-list li a.on .icon {filter:invert(20%) sepia(95%) saturate(5638%) hue-rotate(251deg) brightness(85%) contrast(109%);} */
.footer-nav .nav-list li a .ico {display:block;margin-bottom:5px;width:24px;height:24px;}
.footer-nav .nav-list li a .ico.ico-home {background-image:url(../img/f_home.png);}
.footer-nav .nav-list li a .ico.ico-home-on {background-image:url(../img/f_home_on.png);}
.footer-nav .nav-list li a .ico.ico-day {background-image:url(../img/f_day.png);}
.footer-nav .nav-list li a .ico.ico-schedule {background-image:url(../img/f_schedule.png);}
.footer-nav .nav-list li a .ico.ico-time {background-image:url(../img/f_time.png);}
.footer-nav .nav-list li a .ico.ico-check {background-image:url(../img/f_check.png);}
.footer-nav .nav-list li a .ico.ico-user {background-image:url(../img/f_user.png);}
.footer-nav .nav-list li a .ico.ico-dayby {background-image:url(../img/f_dayby.png);}
.footer-nav .nav-list li a.on .ico.ico-home {background-image:url(../img/f_home_on.png);}
.footer-nav .nav-list li a.on .ico.ico-day {background-image:url(../img/f_day_on.png);}
.footer-nav .nav-list li a.on .ico.ico-schedule {background-image:url(../img/f_schedule_on.png);}
.footer-nav .nav-list li a.on .ico.ico-time {background-image:url(../img/f_time_on.png);}
.footer-nav .nav-list li a.on .ico.ico-check {background-image:url(../img/f_check_on.png);}
.footer-nav .nav-list li a.on .ico.ico-user {background-image:url(../img/f_user_on.png);}
.footer-nav .nav-list li a.on .ico.ico-dayby {background-image:url(../img/f_dayby_on.png);}

/* 03. Index =============================================== */
.index .app-header .navbar-header {border-bottom:none;background-color:#e6e6ff;}
.index .app-header h1 {color:#000;margin-left:8px;font-size:16px;}
.index .app-content {background-color:#e6e6ff !important;padding-bottom:env(safe-area-inset-bottom);}
.index .app-content .app-content-padding {display:flex;flex-flow:column;padding:30px 0 0;}
.main-top {display:flex;justify-content:space-between;align-items:center;margin:0 16px;}
.main-top .person-wrap {display:flex;flex-flow:column;}
.main-top .person-wrap .profile-wrap {display:flex;align-items: center;}
.main-top .person-wrap .profile-wrap .pro-pic {border-radius:50%;width:28px;height:28px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../img/profile-default.svg);}
.main-top .person-wrap .profile-wrap .pro-tit-wrap {margin-left:8px;}
.main-top .person-wrap .profile-wrap .pro-tit {font-weight:600;margin-right:12px;}
.main-top .person-wrap .profile-wrap .pro-tit span {font-size:20px;}
.main-top .person-wrap .porfile-mgnt {display:flex;align-items:center;margin-top:12px;}
.main-top .person-wrap .porfile-mgnt .ico {margin-left:12px;}
.list-box .profile-link {color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline;}
.main-top .calendar-wrap {width:154px;height:70px;border-radius:8px;overflow:hidden;display:flex;flex-flow:column;background-color:#fff;}
.main-top .calendar-wrap .date-wrap {height:24px;background-color:#7256cc;color:#fff;font-size:12px;display:flex;align-items: center;justify-content: center;flex:none}
.main-top .calendar-wrap .date-wrap .tit {font-size:14px;font-weight:600;margin-right:12px;}
.main-top .calendar-wrap .cont-wrap {display:flex;align-items:center;}
.main-top .calendar-wrap .cont-wrap > div {flex:1;height:46px;display:inline-flex;align-items:center;justify-content:center;position:relative}
.main-top .calendar-wrap .cont-wrap > div + div:before {content:"";width:1px;height:20px;background-color:var(--bs-gray5);display:block;position:absolute;left:0}
.main-top .calendar-wrap .cont-wrap > .rate {font-size:12px;color:var(--bs-gray1);}
.main-top .calendar-wrap .cont-wrap > .rate .no {font-size:20px;color:var(--bs-class);font-weight:600;margin-right:5px;}
.main-top .calendar-wrap .cont-wrap .calendar-icon .ico {position:relative;}
.main-top .calendar-wrap .cont-wrap .calendar-icon .ico .new {position:absolute;width:4px;height:4px;display:block;border-radius:50%;background:#FF0000;right:-3px;}

.main-box-shdow {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.main-payment-box {background:linear-gradient(0deg, #503b7c, #8754F8);border-radius:10px;margin:16px 16px 4px;padding:20px;}
.main-payment-box>div {display:flex;align-items:center;gap:15px;margin-bottom:15px;font-weight:600;color:#fff;font-size:1.2rem;justify-content: space-between;}
.main-payment-box .payment-badge {font-size:0.7rem;padding:4px 10px;background-color:#FF0000;border-radius:20px;}
.main-payment-box .btn-payment {background-color:#fff;color:#8754F8;font-size:1.1rem;padding:8px 0;width:100%;}

.mainSwiper {border:2px solid var(--bs-class);margin: 16px 16px 32px;background-color:#fff;border-radius:10px;position:relative;}
.mainSwiper .swiper-slide {padding:20px;height:auto;}
.mainSwiper .swiper-slide.class-none {text-align:center;}
.mainSwiper .swiper-slide.class-none p {font-weight:600; margin-top:5px;}
.mainSwiper .swiper-header {font-size:20px;margin-bottom:5px;display:flex;}
.mainSwiper .swiper-header .className {font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainSwiper .st-slide .className {padding-right:50px;}
.mainSwiper .swiper-header .swiper-badge {font-size:13px;position:absolute;right:20px;top:24px;background-color:var(--bs-class2);padding:2px 12px; border-radius:10px;color:var(--bs-gray1);}
.mainSwiper .swiper-header .swiper-badge .page {color:var(--bs-class);font-weight:600;}
.mainSwiper .swiper-cont {display:flex;gap:16px;align-items:center;}
.mainSwiper .swiper-cont .no-img-wrap {width:105px;height:105px;background:#E8E8E8;border-radius:10px;}
.mainSwiper .swiper-cont .no-img {background-image:url(/classchain/img/no-img.png);display:block;width:50px;height:105px;background-position:center;background-size:contain;background-repeat:no-repeat;margin:auto;}
.mainSwiper .swiper-cont .img {background-size: contain;background-repeat: no-repeat;width:105px;height:105px;background-position:center;} 
.mainSwiper .swiper-cont .class-cont {flex:1;}
.mainSwiper .swiper-cont .class-cont>div {display:flex;gap:5px;}
.mainSwiper .swiper-cont .class-cont>div>span {width:2.2rem;}
.mainSwiper .swiper-cont .class-cont>div>div {flex:1;word-break:keep-all;}
.mainSwiper .clsRight-add {background-image:url(../img/clsRight-add.png);width:55px;height:55px; margin-bottom:10px;}
.mainSwiper .swiper-pagination {bottom:-26px;}
.mainSwiper .swiper-pagination .swiper-pagination-bullet-active {background:var(--bs-class);}

.cont-mem-type {width:100vw; margin-left:-15px;}
.cont-mem-type label {border-radius:0px;}

.btn-subs {height:52px;font-size:16px;font-weight:400;margin:30px 16px 20px;}

.banner-wrap {display:block;height:74px;min-height: 74px;background-image: linear-gradient(to right, #d8d8ff, #c3c3fc);background-position:center;background-repeat:no-repeat;background-size:cover;}
.banner-wrap.sub {margin:0 -20px 30px;}

.main-nav-wrap {background-color:#ece8f39c;padding:15px 16px calc(21px + env(safe-area-inset-top));display: flex;gap:9px;flex-wrap: wrap;flex:1;margin:0;}
.main-nav-wrap .menu {width:calc((100% / 3) - 6px);background-color:#fff;border-radius:10px;color:var(--bs-gray3);font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-flow:column;padding:15px 0;}
.main-nav-wrap .menu .ico {margin-bottom:15px;}

/* 04. Login =============================================== */
.login-wrap {display:grid;grid-template-rows:1fr 1fr;min-height: 100vh;flex-flow: column;background-color: var(--bs-class);padding:32px;color:#fff;}
.login-wrap > div {position:relative;}
.login-wrap > div > div{ position:absolute;}
.login-wrap > div > .brand {bottom:40px;width:100%;display:flex;flex-flow:column;align-items:center;}
.login-wrap > div > .brand img {margin-bottom:22px;}
.login-wrap > div > .brand .brand-name {color:#fff;text-transform:uppercase;}
.login-wrap > div > .login-content {bottom: 40px;width:100%;display:flex;flex-flow:column;align-items:center;}
.login-wrap > div > .login-content .btn {width:100%;min-height:52px;aspect-ratio:14/1;font-size:20px;font-weight:400;display:flex;border-radius:10px;}

@media screen and (min-width: 800px) {
	.login-wrap > div > .login-content .btn {font-size:30px;}
}

.login-wrap > div > .login-content .btn + .btn {margin-top:15px;}
.login-wrap > div > .login-content .btn.btn-naver {background-color:#06c75a;color:#fff}
.login-wrap > div > .login-content .btn.btn-kakao {background-color:#fee500;color:#391b1b;}
.login-wrap > div > .login-content .btn.btn-apple {background:url(../img/apple-login.png);background-size: cover;background-repeat: no-repeat;}
.login-wrap > div > .login-content .btn span {flex:1}
.login-wrap > div > .login-content .form-check {margin-top:30px;}
.apple-btn {display:none; width:100%; padding-top:10px;}

.intro-wrap {height:100vh;background-color:var(--bs-class);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.intro-wrap .into-logo>img {width:180px;}
.intro-wrap .into-logo .brand-name {text-align:center;margin-bottom:50px;}
.intro-wrap .into-logo .brand-name>img {width:150px;margin-top:10px;}
.intro-wrap .intro-content {color:#fff;font-size:18px;word-break:break-all;margin:10px 50px 60px;text-align:center;}

.terms-wrap { /*min-height:100vh;*/ text-align:center;padding:50px 32px 20px;display:flex; flex-direction:column; justify-content:center;}
.terms-wrap .logo {height:76px;}
.terms-wrap .welcome {font-size:14px;margin-bottom:30px;margin-top:20px;}
.terms-wrap .text {font-size:12px;margin-bottom:85px;color:var(--bs-gray4); padding:10px 0;}
.terms-list {display:grid;gap:25px;}
.terms-list li {display:flex;color:var(--bs-gray3);text-align:left;}
.terms-list li .detail {margin-left:auto;color:var(--bs-gray4);}
.terms-list + hr {margin:45px 0 24px;border-top:1px solid var(--bs-cancle);}
.terms-list li .text-sm {font-size:10px;color:var(--bs-gray5);margin-top:8px;}

.join-type {height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.join-type.naver {background-color:#06c75a;color:#fff}
.join-type.kakao {background-color:#fee500;color:#391b1b;}
.join-type.apple {background-color:#000;color:#fff;}
.join-type + .email, .mem-type + .email, .email + .email {margin:8px 0 0;text-align:center;}
.join-type + .email span, .mem-type + .email span, .email + .email span {color:var(--bs-class);}
.mem-type {height:46px;width:100%;display:flex;background-color:#f2f0f7;border-radius:50%;}
.mem-type label {color:var(--bs-gray4);font-size:16px;border-radius:6px;overflow:hidden;background-color:#f2f0f7;cursor:pointer;border:2px solid #f2f0f7;flex:1;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0;}
.mem-type input:checked+label {height:45px;color:var(--bs-class);font-weight:500;border-color:var(--bs-class);background-color:#fff;}
.mem-type .btn {color:var(--bs-gray4);font-size:16px;background-color:#f2f0f7;border:2px solid #f2f0f7;flex:1;}
.mem-type .btn.on {color:var(--bs-class);font-weight:600;border-color:var(--bs-class);background-color:#fff;}
.join-wrap .btn-nick {position:absolute;right:8px;bottom:8px;font-size:14px;color:var(--bs-class);font-weight:400}
.join-wrap .btn-nick ~ input {width:calc(100% - 80px);}
.join-wrap .chk-num {position:absolute;color:var(--bs-gray4);bottom:15px;right:80px;}
.join-wrap .chk-num ~ input {width:calc(100% - 115px)}
.join-wrap .btn-nick#nicknamechk {background-color:#fff;}
.join-wrap input#nickname, .join-wrap input#user_telno{padding-right:.75rem;width:100%;}
.join-wrap .btn-nick ~ .input-x {right:88px}
.join-wrap .chk-num ~ .input-x {right:115px}
.join-wrap .btn-nick ~ .input-x.nick-check {right:8px;}
.join-wrap .form-wrap .ico.ico-plus {margin-right:4px;}
.join-wrap .cate-choice .text {color:var(--bs-class);font-size:14px;display:flex;justify-content:center;}
.join-wrap .cate-choice .cate {height:30px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid #eceef1;border-radius:30px; color:var(--bs-gray2);}
/* 서브페이지 사용 */
.mem-type.list-top {margin-bottom:10px;} 



/* Sub contents =============================================== */
/* 리스트형 그레이박스 개수 관계없이 배경설정위함 */
.with-list-wrap {display:flex;flex-flow:column;flex:1;position:relative;}
.with-list-wrap .cont-list-wrap {flex:1;margin-bottom:-80px;position:relative}
.with-list-wrap .cont-list-wrap.alarm {gap:0;margin-bottom:0;}
.with-list-wrap .cont-list-wrap .list-none, .cont-list-wrap.plan .list-none, .list-all-wrap .list-none, .modal-body .list-none {display:flex;flex-flow:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0.5;}
.with-list-wrap .cont-list-wrap .list-none i, .cont-list-wrap.plan .list-none i, .list-all-wrap .list-none i, .modal-body .list-none i {margin-bottom:11px;}

/* 남은영역 textarea */
.with-auto-textarea {display:flex;flex-flow:column;}
.with-auto-textarea .text-height {flex:1;display:flex}
.with-auto-textarea .text-height textarea {height:auto;flex:1;}

/* 알람 */
.with-list-wrap .search-usr {padding:20px 16px 80px;} 
.with-list-wrap .alarm-none {display:flex;flex-flow:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0.5;}
.with-list-wrap .alarm-none .ico {margin-bottom:11px;}
.alarm-list-header {display:flex;justify-content:space-between;align-items:center;padding: 0px 0px 10px;}
.alarm-list-header .del-all {color:var(--bs-gray3);font-size:16px;display:inline-flex;align-items:center;}
.alarm-list-header .del-all i {margin-left:4px;}
.alarm-list-header span {font-size:12px;color:#868e96;}
.alarm-iist {display:flex;flex-direction:column;gap:10px;padding:18px 0 0;}
.alarm-iist .alarm-box {background-color:#fff;border-radius:8px;box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.08);position:relative;padding:16px;min-height:102px}
.alarm-iist .alarm-box .ico-noti {position:absolute;left:15px;top:15px;}
.alarm-iist .alarm-box .del-box {position:absolute;right:16px;top:16px;}
.alarm-iist .alarm-box .alarm-text {margin:0 38px 0 32px;display:flex;flex-flow:column;}
.alarm-iist .alarm-box .tit {font-size:14px;color:#000;margin-bottom:10px;}
.alarm-iist .alarm-box .text {font-size:13px;color:#727272;}

.alarm-iist.date-list {padding:0 0 80px;gap:5px;}
.alarm-iist.date-list .date-wrap {padding:4px 10px 5px 10px;background:#fff;color: #454252;margin:0;}
.alarm-iist.date-list .date-wrap>div {margin: -1px -7px; padding: 6px 10px 5px 0px;background-color: #f6f4fb; text-align: center;}
.alarm-iist.date-list li+.date-wrap>div {border:0;padding-top:0px;margin-top:0;color: #626262}
.alarm-iist.date-list li {margin:7px 8px 7px;}
.alarm-iist.date-list .alarm-box+li {margin-top:0px;}


/* .cate-wrap {} */
.cate-wrap .tit {font-size:13px;color:var(--bs-gray2);padding:16px 0 10px 16px;position:sticky;top:0;background: #fff;z-index:2;}
.cate-wrap .form-select {height:46px;border:none;border-bottom:1px solid var(--bs-gray5);border-radius:0;text-align:center;font-size:16px;background-size:16px 16px;padding:0;position:sticky;top:45px;z-index:2;}
.cate-wrap .cate-list-wrap {margin-top:10px;}
.cate-wrap .cate-list-wrap .cate-list > li {height:54px;border-bottom:1px solid #f5f6f7;padding-right:30px;font-size:14px;color:var(--bs-gray3);display:flex;align-items:center;}
.cate-wrap .cate-list-wrap .mem-rght {font-size:12px;}
#ttrCategoryList.cate-list > li {padding-left: 40px;}
#usr-list .cate-list-wrap .cate-list > li .mem-rght span {padding:0 5px 0 12px;}
.cate-list-wrap .cate-list > li .tel {min-width:115px;}

.btn-menu-wrap {display:flex;gap:10px;margin-bottom:5px;}
.btn-menu-wrap .btn-nav {border-radius:5px;border:1px solid #bec2c5;font-size:14px;color:var(--bs-gray1);flex:1;display:inline-flex;align-items:center;justify-content:center;height:40px;}
.btn-menu-wrap .btn-nav.on {border:1px solid var(--bs-class);color:var(--bs-class);}
.btn-menu-wrap .btn-nav i {margin-left:10px;}
.btn-menu-wrap.bottom .btn-nav {height:42px;background-color:#fff;}

.btn-menu-wrap.btn-regi {margin-bottom:10px;}
.btn-menu-wrap.btn-regi .btn-nav {background:#866fdd;color:#fff;font-size:16px;height:45px;}

.btn-menu-wrap .menu-membership {display:grid;text-align:center;flex:1;}
.btn-menu-wrap .menu-membership::after {content:'MEMBERSHIP';color:#dba63ea8;font-size:0.7em;font-family: 'Open Sans';}

.mb-btn {transition:all 100ms ease-in;}
.mb-btn:active {background : #f4f2ef !important; border:0px !important; transition:all 200ms ease-in;}
.mb-btn.sm-btn {width:78px; height:50px; border-radius:5px; font-size:14px; border:1px solid var(--bs-class); color:var(--bs-class); display:flex; justify-content:center; align-items:center;}
.mb-btn.cancle {border-color: var(--bs-red); color: var(--bs-red);}

.cont-list-wrap {display:flex;flex-flow:column;gap:15px;padding:20px 16px 20px;background-color:#f6f4fb;margin-left:-21px;margin-right:-21px;}
.cont-list-wrap.mid {padding:20px 16px;}
.cont-list-wrap .list-box {padding:15px;border:2px solid #baabf0;border-radius:5px;background-color:#fff;color:var(--bs-gray3);}
.cont-list-wrap.arrow .list-box {position:relative;display:flex;align-items:center;}
.cont-list-wrap.arrow .list-box:after {content:"\f285";position:absolute;right:10px;font-size:23px;display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;color:#a99acd;}
.cont-list-wrap .list-box dl {display:grid;grid-template-columns:auto 1fr;margin:0;gap:5px}
.cont-list-wrap.column2 .list-box dl {display:grid;grid-template-columns:70px 1fr 70px 1fr;margin:0;row-gap:5px}
.cont-list-wrap .list-box dt, .cont-list-wrap .list-box dd {font-size:14px;font-weight:400;margin:0;display:flex;}
.cont-list-wrap .list-box dt {font-weight:500;}
.cont-list-wrap.today {padding-top:15px;height: auto;flex: 1;background-color:#f6f4fb;}
.cont-list-wrap .today-text {background-color:#ffffff;border-radius:5px;padding:12px;margin-top:5px;min-height:100px;border: 2px solid #afa4da;overflow-y:auto;max-height:125px;}
.cont-list-wrap .condition {border: 1px solid ;display: block;height: 25px;text-align: center;border-radius: 3px;margin-top: 5px;}
.cont-list-wrap .condition.ok {border-color:var(--bs-class);color:var(--bs-class);}
.cont-list-wrap .condition.del {border-color:var(--bs-gray1);color:var(--bs-gray1);}
.cont-list-wrap .condition.cancle {border-color:var(--bs-red);color:var(--bs-red);}
.cont-list-wrap.with-radio .form-check {display:flex;align-items:center;}
.cont-list-wrap.with-radio .form-check-input {margin-right:20px;}
.plan-hr {color:var(--bs-gray);margin:0 -4px;}
/*.cont-list-wrap.notice .list-box dl {display:flex;flex-flow:column;margin-right:35px;}
.cont-list-wrap.notice .list-box dt:before {content:"";background:url(../img/menu_06.svg) no-repeat center;width:36px;height:36px;display:block;margin-right:16px;flex:none;}
.cont-list-wrap.notice .list-box dl dt {font-size:16px;}
.cont-list-wrap.notice .list-box dl dd {padding-left:52px;}*/

.cont-list-wrap.plan .list-box {padding:15px;border:2px solid #afa4da;border-radius:5px;background-color:#dad1ff78;color:var(--bs-gray3);}
.cont-list-wrap.plan .list-box dl {display:grid;grid-template-columns:auto 1fr;margin:0;gap:5px}

.cont-list-wrap.notice .list-box dl {display:flex;position:relative;flex-direction:column;width:100%;margin-right:35px;padding-left:35px;align-items:center;}
.cont-list-wrap.notice .list-box dl:before {content:"";background:url(../img/menu_06.svg) no-repeat center;position:absolute;width:36px;height:36px;top:calc(50% - 18px);left:0;}
.cont-list-wrap.notice .list-box dl dt {font-size:16px;}
.cont-list-wrap.notice .list-box dl dt.title {margin-left:10px;text-align:center;gap:5px;}
.cont-list-wrap.notice .list-box dl dt.title .type {min-width:41px;}
.cont-list-wrap.notice .list-box dl dt.title .type-event {min-width:58px;}
.cont-list-wrap.notice .list-box dl dt.title .notice-title {word-break:keep-all;}
.cont-list-wrap.notice .list-box dl dd {color:var(--bs-gray);}

.cont-list-wrap.column2 .list-box dl {display:grid;grid-template-columns:70px 1fr 70px 1fr;margin:0;row-gap:5px}

.cont-list-wrap.date-list {padding:0 0 80px;gap:5px;}
.cont-list-wrap.date-list .date-wrap {padding:4px 10px 5px 10px;background:#fff;color: #454252;margin:0;}
.cont-list-wrap.date-list .date-wrap>div {margin:-5px 10px;padding:5px 0 5px 0px;border-top:1px dashed var(--bs-gray4);color: #626262}
.cont-list-wrap.date-list li+.date-wrap>div {border:0;padding-top:0px;margin-top:0;color: #626262}
.cont-list-wrap.date-list li {margin:7px 12px 7px;}
.cont-list-wrap.date-list .list-box+li {margin-top:0px;}

/*@media  (max-width: 380px) {*/
	.cont-list-wrap.column2 .list-box dl {grid-template-columns:60px 1fr 60px 1fr}
/*}*/


/*  */
.insertTimeBox {margin-bottom:10px;}

/* 요일선택 */
.form-wrap .choic-all {color:#6839dde0;font-size:14px;float:right;background:transparent;border:none;}
.week-wrap {display:grid;gap:8px;grid-template-columns:repeat(7, 1fr);}
.week-wrap > li{height:34px;}
.week-wrap > li label {height:34px;width:100%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--bs-gray3);border:1px solid #bebebe;border-radius:8px;}
.week-wrap > li label[for=sun] {color:#dc4444}
.week-wrap > li input:checked + label {background-color:var(--bs-class);border-color:var(--bs-class);color:#fff;}
.week-wrap > li input:disabled + label {background-color:#eaeaea}

/* 시간 리스트 */
.search-box-wrap {margin:0px;padding:10px;background-color:#f4f2ef;max-height:220px;overflow-y:auto;border:1px solid #bebebe; border-radius:5px;}


/* 회원찾기 */
.btn-search {font-weight:400;line-height:1.2;}
.search-usr {margin:0 -20px;padding:20px 16px;background-color:#ece8f357;}
.scroll-wrap {max-height:220px;overflow-y:auto;}
.btn-search + .scroll-wrap {margin-top:10px;}
.scroll-wrap + .btn-menu-wrap {margin-top:10px;}
.scroll-wrap .usr-list {margin-top:0;}
.usr-list {margin:10px 0;background-color:#fff;width:100%;border-radius:5px;min-height:50px;}
.usr-list tr + tr {border-top:1px solid #ddd;}
.usr-list td {font-size:16px;color:#000;height:40px;text-align:center;}
.usr-list td.name {color:#6034cc; text-decoration: underline;}
.usr-list td:last-child {text-align:right;padding-right:10px;}
.usr-list .start {text-align:right;}
.usr-list .end {text-align:left;}
.usr-list .no {color:#b9b9b9;}
.cate-list > li.on {background-color:var(--bs-class2);}
.multi-mbr {flex-direction: column;}

/* 회원 찾기 */
#usr-list .cate-list-wrap .cate-list > li {padding-left:0px;}
#usr-list .cate-list-wrap .cate-list > li span {padding:0 8px;}

.modal-content .serch-wrap {padding:10px;display:flex;gap:10px;align-items:center;}
.modal-content .serch-box {padding-bottom:10px;position:sticky; top:91px;background:#fff;border-bottom:1px solid var(--bs-gray5);z-index:1;}
.modal-content .serch-wrap .select-cate {height:40px;flex:0;border:1px solid var(--bs-gray-400);min-width:120px;border-radius:5px;text-align:center;padding-right:25px;}
.modal-content .serch-wrap .select-cate form-check {padding-left:20px;}
.modal-content .serch-wrap .form-wrap {height:42px;margin:0;}
.modal-content .serch-wrap .form-wrap input {height:40px}
#usr-list2 .modal-content .btn.btn-primary-border {margin:0 10px;width:calc(100% - 20px);}
#usr-list2 .cate-list-wrap .cate-list > li .form-check {padding-left:2.65em;}
#usr-list2 .cate-list-wrap .cate-list > li label{display:flex;gap:10px;width:calc(100vw - 40px);}
#usr-list2 .cate-list-wrap .cate-list > li label .list-num {padding:0 5px;}

/* 시간팝업 */
/* #time.modal .modal-header {justify-content:flex-start} */
#time.modal {height:calc(363px + env(safe-area-inset-bottom));z-index:1500;padding-bottom:0;}
#time.modal .modal-header {padding:0;}
#time.modal .modal-header .modal-title {padding-left:65px;display:grid;grid-template-columns: 1fr 1fr 1fr;width:100%;}
.time-wrap, .control-up, .control-down {display:grid;align-items:center;grid-template-columns: 1fr 1fr 1fr;padding-left:65px;height:100%;}
.control-up, .control-down {color:var(--bs-gray1);position:absolute;width:100%;font-size:24px;height:26px;}
.control-up span, .control-up a, .control-down span, .control-down a {display:flex;height:26px;}
.control-up {top:24px;}
.control-down {bottom:24px;}
.time-wrap ul, #dayModal.modal .day-wrap {height:100%;}
.time-wrap ul, #dayModal.modal .day-wrap ul {height:138px;overflow-y:auto;z-index:2;}
.time-wrap ul li, #dayModal.modal .day-wrap ul li {height:46px;color:var(--bs-gray4);display: flex;align-items: center;}
.time-wrap ul li.active, #dayModal.modal .day-wrap ul li.active {color:#141414;}
.time-wrap .day #dayModal.modal .day-wrap .day {font-size:16px;color:#141414;padding-left:30px;}
.time-wrap .active-bar, #dayModal.modal .day-wrap .active-bar {background-color:#e3d8ff;position:absolute;top:calc(50% - 23px);left:0;right:0;height:46px;z-index:1;}

.form-wrap .time-box .time:disabled {background:var(--bs-class2);}

/* 날짜 팝업*/
#dayModal.modal {height:calc(363px + env(safe-area-inset-bottom));}
#dayModal.modal .modal-header {padding:0;}
#dayModal.modal .modal-header .modal-title {display:grid;grid-template-columns: 1fr 1fr;width:100%;text-align:center;padding:0 50px 0 30px;}
#dayModal.modal .day-wrap, #dayModal.modal .control-up, #dayModal.modal .control-down{display:grid;justify-items:center;grid-template-columns: 1fr 1fr;padding:0 50px 0 30px;align-items:center;}
#dayModal.modal.day .modal-header .modal-title, #dayModal.modal.day .day-wrap, #dayModal.modal.day .control-up, #dayModal.modal.day .control-down {grid-template-columns: 1fr 1fr 1fr;padding:0 30px 0 20px;}

.lg-top-btn {display:flex;margin-left:auto;}
.lg-top-btn #report_btn:after {content:"|"; padding: 0 8px;}
.replypopOpen {width:fit-content;margin:0 -5px 10px auto;font-size:13px;color:var(--bs-gray2);}
.reply-hr {margin:0 -5px 50px;display:none;}

/* 댓글달기 팝업 */
.modal.slide.full-h.lgbdPopup .modal-content {height:210px;}
.modal.slide.full-h.lgbdPopup .modal-body {padding:0px 5px;display:flex;align-items:center;}
.modal.slide.full-h.lgbdPopup .modal-body .form-control {border:1px solid var(--bs-component-modal-border-color);}

/* 글보기 구분 버튼 */
.btn-view-wrap {display:flex;background-color:#e3e0da;border-radius:16px;height:42px;color:var(--bs-gray1);font-size:16px;font-weight:400;padding:4px;}
.btn-view-wrap .btn-view {flex:1;display:inline-flex;justify-content:center;align-items:center;}
.btn-view-wrap .btn-view.on {background-color:#571cdd;color:#fff;height:34px;border-radius:12px;}

/* 댓글영역 */
.reply-wrap {margin:-4px -20px 0;}
.reply-wrap .reply-box {border-top:1px solid #e3e3e3;padding:16px;position:relative;}
.reply-wrap .tit-line {display:flex;align-items:center;}
.reply-wrap .tit-line > .ico {margin-right:5px;}
.reply-wrap .reply-box .tit-usr {flex:1;color:var(--bs-gray4);font-size:14px;}
.reply-wrap .reply-box .tit-usr .date {margin-left:8px;}
.reply-wrap .reply-box .menu-dots {display:flex;align-items:center;}
.reply-wrap .reply-box a+.menu-dots:before {content:"";display:inline-block;width:1px;height:12px;background-color:#C4C4C4;margin:1px 10px 0;}
.reply-wrap .reply-box .btn-rewrite {font-size:13px;color:var(--bs-class);}
.reply-wrap .reply-box .btn-rewrite:first-of-type {margin-left:auto;}
.reply-wrap .reply-box .btn-rewrite + .btn-rewrite:before {content:"";display:inline-block;width:1px;height:12px;background-color:#C4C4C4;margin:1px 10px 0;}
.reply-wrap .reply-box .btn-rewrite.gray {color:var(--bs-gray4);}
.reply-wrap .reply-box .comment {font-size:14px;color:var(--bs-gray2);margin-top:9px;}
.reply-wrap .reply-box .comment.re {margin-left:20px;}
.reply-wrap .reply-write {padding:13px 16px;background-color:#eceef1;position:relative;}
.reply-wrap .reply-write.toggle {display:none;}
.reply-wrap .reply-write .input-reply {position:absolute;right:22px;bottom:19px; width:auto;height:30px;padding:0 15px;background:var(--bs-class3);border-radius:4px;color:#fff;background-size:contain;border:none;display:none;}
.reply-wrap .reply-write .form-control.reply {height:80px;min-height:80px;border-radius:4px;background-color:#fff;resize:none;overflow:hidden;resize:none;overflow:hidden;box-sizing:border-box;font-size:14px;color:var(--bs-gray2);}
.reply-wrap .reply-menu {bottom:66px;right:10px;position:absolute;background:#fff;border:1px solid var(--bs-gray4);padding:5px 7px;z-index:1;border-radius:5px;font-size:13px;color:var(--bs-gray2);}
.reply-wrap .reply-menu>div {padding:5px 12px;}
.reply-wrap .reply-menu>div+div {border-top:1px solid var(--bs-gray4);}

/* 맴버십 정기구독 */
.top-banner {margin:-30px -20px 20px;height:82px;background:url(../img/top-banner_bg.png) no-repeat center;background-size:cover;padding-left:142px;display:flex;flex-flow:column;justify-content:center;font-size:12px;color:var(--bs-gray1);}
.top-banner .title {font-size:18px;font-weight:600;color:#000;}
.info-membership {margin-bottom:30px;}
.info-membership .title {color:#000;font-size:15px;font-weight:600;margin-bottom:16px;}
.info-membership .info-text {display:flex;gap:10px;flex-flow:column;}
.info-membership .info-text li {color:var(--bs-gray3);font-size:14px;display:flex;align-items:flex-start;word-break:keep-all;}
.info-membership .info-text li:before {content:"";width:4px;height:4px;border-radius:50%;background:var(--bs-gray4);margin-right:8px;display:block;margin-top:9px}
.info-membership .info-text li.last{color:var(--bs-gray4);font-size:13px;margin-top:-8px;padding-left:12px}
.info-membership .info-text li.agree {margin:auto;text-align:center;font-weight:600;}
.info-membership .info-text li.last:before, .info-membership .info-text li.cont:before{display:none;}
.info-membership .info-text li.agree .form-check+.form-check {margin-left:10px;}

.agree-list {margin-top:30px;}
.agree-list .info-text li {gap:5px;}
.agree-list .info-text li:before {display:none;}

.subs-type {display:flex;gap:10px;margin-bottom:20px;}
.subs-type .type {border:1px solid #a8a8a8;border-radius:4px;flex:1;height:54px;display:flex;align-items:center;justify-content:center;}
.subs-type .type.on {border-color:var(--bs-class);}
.subs-type .type label {color:var(--bs-gray3);font-size:14px;}
.subs-type .type label span {color:var(--bs-gray4);}
.btn-subs_apply {background:var(--bs-class);border-radius:8px;height:52px;display:flex;color:#fff;font-size:18px;margin-bottom:15px;}
.subs-cancle {font-size:13px;color:var(--bs-class);display:block;text-align:right}
.attention {margin-top:30px;margin-bottom: 20px;display:flex;flex-flow:column;gap:15px;flex-wrap:wrap;}
.attention li {font-size:13px;color:var(--bs-gray1);word-break:keep-all }
.attention li span {font-weight:600;}

#info-cancle.modal .modal-header {border-bottom:none;}
#info-cancle .tit-text {font-size:18px;text-align:center;color:#000}
#info-cancle .info-list {border:2px solid var(--bs-class);border-radius:6px;padding:20px;margin:35px 20px 20px;}
#info-cancle .info-list li {padding-left:18px;}
#info-cancle .info-list li + li {padding-top:10px;}
#info-cancle .info-list li span {color:var(--bs-class);}
#info-cancle .info-list li:before {margin-left:-20px;margin-right:8px;color:var(--bs-class);content:"\F633";font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;}
#info-cancle .info-list i {margin-right:10px;color:var(--bs-class);}
#info-cancle .info-list .text-link {color:var(--bs-class);text-decoration:underline;font-size:12px;}
#info-cancle .membership-btn {margin: 0 20px;display:flex;}
#info-cancle .membership-btn a {flex:1;}

.mem-subs .subs-wrap {font-size:17px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;}
.mem-subs .subs-wrap input{position:unset;}
.mem-subs .form-wrap {border-color:var(--bs-class);margin-bottom:5px;}
.mem-subs .btn {margin-bottom:0;}

.pay-info .form-wrap .member-text {flex:1;margin:auto;text-align:center;font-size:1.1em;font-weight:500;}
.pay-info .list-top-name, .app-info .list-top-name {margin-top:-10px;background-color:var(--bs-gray-200);color:var(--bs-gray-600);}
.pay-info-list, .joy-type-wrap {margin-top:40px !important;}
.pay-info .btn-menu-wrap {margin:15px 0 0;}
.pay-info .btn-menu-wrap .btn-nav, .app-info .btn-menu-wrap .btn-nav {background-color:var(--bs-gray-200);color:var(--bs-gray-600);}

.app-info .text-center {text-align:center;}
.app-info .pay-info-text {margin:10px 0;}
.app-info .with-auto-textarea .flow-h {height:auto;flex:1;}

/* 프로필 */
.form-wrap.profile {padding:26px 0 22px;}

.profile .swiper {width:calc(100% - 76px);min-height:80px;}
.profile .swiper-slide {height:100%;display:flex;justify-content:center;align-items:center;background-color:#f4f2ef;}
.profile .swiper-slide:after {content:"";display:block; height:24px;width:24px;background:url(../img/profile-add.svg) no-repeat center;background-size:contain;position:absolute;z-index:1;}
.profile .swiper-slide.noback:after {content:"";display:block; height:24px;width:24px;background:url('');position:absolute;z-index:1;}
.profile .swiper-slide a {height:100%;width:100%;display:flex;background-size:cover;border-radius:4px;position: relative;z-index:10;}
.profile .swiper-button-prev:after, .profile .swiper-button-next:after {content:"";background:url(../img/pro-next.svg) no-repeat center;width:20px;height:20px;display:inline-flex;}
.profile .swiper-button-prev:after {background:url(../img/pro-back.svg) no-repeat center;}

#imgModal-content {height:324px;}
.pop-profile {width:290px;height:324px;border-radius:12px;box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:1022;background-color:#fff;display:none;}
.pop-profile.show {display:block;}
.pop-profile .img-big {margin:16px 12px;border:1px solid #a8a8a8;border-radius:4px;background-position:center;background-size:cover;background-repeat:no-repeat;width:266px;height:243px;}
.pop-profile .img-del {margin:0 17px;border-top:1px solid var(--bs-gray5);font-size:16px;font-weight:600;color:var(text-color-gray);display:flex;justify-content:center;padding-top:7px;}

.pop-wrap .img-big {width:100%;margin-top:20px;}

/* 예약취소 */
.list-top-title {background-color:#7b5dd0;color:#fff;font-size:16px;font-weight:600;text-align:center;padding:10px;margin:-8px -20px;}
.list-top-title > span {font-size:14px;font-weight:400;display:block;}

/* 중간타이틀 */
.list-top-name {background-color:#866fdd;color:#fff;font-size:18px;font-weight:500;text-align:center;padding:8px;margin:-15px -20px;}
.list-top-name > span {font-size:14px;font-weight:400;display:block;}

.attend-text {margin:-5px 0 15px;color:#866fdd;}

/* 알림설정 */
.app-content.setting {min-height:100vh;background-color:#f4f2ef;padding-top:4px}
.setting-list-wrap {display: flex;flex-flow: column;padding-bottom:calc(66px + env(safe-area-inset-bottom) + env(safe-area-inset-top));}
.setting-list-wrap .set-header {height:58px;font-size:13px;color:var(--bs-gray2);display:flex;align-items:center;padding:0 16px;}
.setting-list-wrap .set-header.only {font-size:15px;font-weight:600;color:#000;}
.setting-list-wrap .set-box {padding:20px 16px;background-color:#fff;border-bottom:2px solid #f4f2ef;}
.setting-list-wrap .set-box .title {display:flex;justify-content:space-between;height:32px;margin-bottom:8px;font-size:16px;color:var(--bs-gray3);}
.setting-list-wrap .set-box .sub-text {font-size:14px;color:var(--bs-gray4);}

/* 정보 메뉴 */
.reserve-list {padding-top:10px;margin:0 15px;}
.reserve-list li {padding:12px;border-bottom:1px solid #bec2c55e;}
.reserve-list li a {display:flex;justify-content:space-between;}

/* calendar */
#calendar {color:#333; padding-top:10px; background:#fff;}
#calendar .fc-view-harness {/* height:calc(100% - 70px) !important; */}
#calendar .fc-toolbar-chunk .fc-button {font-size:10px;color:var(--bs-gray1);display:flex;flex-direction:column-reverse;align-items:center;background-color:#fff;border-color:#fff;} /* 달력 상단 아이콘 텍스트 */
#calendar .fc-toolbar-chunk {align-items:center;}
#calendar .fc-button .fc-icon {font-size:2.5em;}

.fc-toolbar-title {font-size:20px; font-family: revert; color: #78777c;}
/* fc-day .fc-flex-column a {color:#333;} */
.fc-daygrid-cell.fc-day-today {background-color:#f5f6f7} /* today */
.fc-timegrid-col.fc-day-today {background-color:transparent;} /* today */
.fc-daygrid-cell-header {font-size:13px;color:#333;justify-content:center;} /* 데일리 날짜 */
.fc-day-sun .fc-flex-column, .fc-day-sun .fc-flex-column .fc-daygrid-cell-header {color:#db5600} /* 일요일 컬러 */
.fc-day-sat .fc-flex-column, .fc-day-sat .fc-flex-column .fc-daygrid-cell-header {color:#3782c5} /* 토요일 컬러 */
.fc-non-business {background:transparent;} /* 토,일 백그라운드 제거 */
.fc-daygrid-event {font-size:10px;} /* 일정 텍스트 */
.fc-border, .fc-cell, .fc-celldivider, .fc-row, .fc-rowdivider, .fc-rowgroup {border-color:#f5f6f7;} /* 달력 보더 */
.fc .fc-view .fc-event.fc-h-event {background:transparent;border-color:transparent;} /* 쉬는날 백그라운드 제거 */
/* .fc-h-event .fc-event-inner, .fc-daygrid-cell-header.fc-event-header {color:#db5600} /* 쉬는날 컬러 */ /* 날짜 부분 fc-daygrid-cell-header클래스가 있는 부분에 fc-event-header를 추가해주세요 */

/* weekly */
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {font-family:"Noto Sans KR", "Sans-serif" !important} /* mobile jquery reset */
.ui-body-c {/*min-height:calc(100vh - 52px) !important;*/ padding-bottom:env(safe-area-inset-bottom)}
.fc-v-event .fc-event-title {font-size:10px;text-shadow:none;color:#333;white-space:pre-wrap;} /* 일정텍스트 */
.fc-h-event .fc-event-title {white-space:pre-wrap;}
.fc-h-event .fc-event-title-outer {justify-content:center}
.fc-event-title {white-space: pre; text-align:center;}

.ui-dialog {width:0px !important;}
.ui-dialog, .ui-dialog-titlebar {z-index:1200 !important; background:unset !important; border:0 !important;}
.ui-dialog-titlebar-close {display:none;}

/* datepicker */
#ui-datepicker-div {width:calc(100vw - 30px); left:15px !important; z-index:1201 !important;}
.ui-datepicker-header {background:#ac99dc !important;}
.ui-datepicker-calendar .ui-state-default {background-color:#fff;}
.ui-state-active {border:1px solid var(--bs-class) !important; background:var(--bs-class2) !important;}
.policy-wrap div {padding-top:20px;}
.policy-wrap ul {display:flex; flex-direction:column; gap:10px;}
.policy-wrap .term-con {padding-left:10px;}
.policy-wrap .term-con p {padding-left:10px;}

.txt_example {color:#581CDD;}
.cont-list-wrap.arrow .list-box:active {border:2px solid var(--bs-class);}
/*.text-wrap .form-tit {position:absolute !important;}*/

.insert-time-wrap {display:grid; grid-template-columns:1fr 80px;}
.insert-time-wrap .insertTimeBox {margin-right:10px;}
.insert-time-wrap .insertTimeBox input{width:calc(100vw - 188px); padding-right:0px;}
.border-wrap .insert-time-wrap .insertTimeBox input{width:calc(100vw - 128px);}
.border-wrap .insert-time-wrap .insertTimeBox input.classTime{width:calc(100vw - 220px);}
.insert-time-wrap .mb-btn {height:82px;}

/* 정렬 버튼 */
.arr-sort-list {min-height:17px;text-align:right;color:#8e859e;margin-bottom:5px;font-size: 13px;position:relative;}
.arr-sort-list span {padding:0 5px;}
.arr-sort-list span.sort-select {color:var(--bs-class) !important;}
.arr-sort-list .cal-refresh {position:absolute;left:0;top:1px;width:17px;height:17px;}


/* 수강 매출 */
.sum-info {display:flex;background-color:var(--bs-indigo);border-radius:10px;align-items:center;padding:10px 20px 10px 10px; color:#fff;}
.sum-info .form-wrap {border:0;background-color:transparent;margin-bottom:0;width:110px;margin-right:10px;}
.sum-info .form-wrap select{background-color:transparent;text-align:left;filter: brightness(0) invert(1);}
.sum-info .sum-wrap {flex:1;}
.sum-info .sum-wrap>div {display:flex;justify-content:space-between;}
.chart-wrap {margin-top:15px;}
.sum-con-wrap {margin-top:15px;margin-bottom:20px;border:1px solid var(--bs-gray4);border-radius:5px;}
.sum-con-wrap .wrap-header {font-size:1.1em;font-weight:600;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--bs-gray4);}
.sum-con-wrap .wrap-header .ex-sum span {margin-left:10px;color:var(--bs-indigo);}
.sum-con-wrap .wrap-content {padding:15px 10px;}
.sum-con-wrap .wrap-content>div {display:flex;justify-content:space-between;align-items:center;}
.sum-con-wrap .wrap-content div+div {padding-top:3px;}
.sum-con-wrap .wrap-content div+.sum-title {padding-top:25px;} 
.sum-con-wrap .wrap-content .sum-title {font-size:1.2em;color:var(--bs-class);}
.sum-con-wrap .wrap-content .sum-title .sum-content {color:#000;}
.sum-con-wrap .sum-text-wrap {display:flex;justify-content:space-between;}
.sum-con-wrap .sum-text-wrap>div {display:flex;justify-content:flex-end;flex:1;gap:5px;align-items:center;}
.sum-con-wrap .sum-text-wrap>div .form-wrap {width:100px;height:25px;margin:0;}
.sum-con-wrap .sum-text-wrap>div .form-wrap input {height:23px;padding:5px;}
.sum-con-wrap .sum-text-wrap .hide {display:none;}
.sum-con-wrap .btn.btn-sum {height:25px;padding:5px;color:var(--bs-class);font-size:1em;border:1px solid;border-radius:3px;}
.sum-con-wrap .btn-insert {font-size:0.8em;color:var(--bs-gray);}
.sum-con-wrap .btn-modify {font-size:0.8em;color:var(--bs-class);margin-right:5px;}
.won::after {content:" 원";}

/* 회원 현황 */
.sum-list-wrap {margin-top:15px;margin-bottom: 20px;padding:10px;border:1px solid var(--bs-gray4);border-radius:5px;}
.sum-list-wrap .wrap-header {font-weight:600;color:var(--bs-gray)}
.sum-list-wrap .wrap-content {background-color:#dddddd9c;padding:5px 5px;border-radius:5px;margin-top:5px;max-height:160px;overflow:scroll;overflow:scroll;-ms-overflow-style: none;}
.sum-list-wrap .wrap-content::-webkit-scrollbar {display:none;}
.sum-list-wrap .wrap-content div+div {margin-top:5px;}
.sum-list-wrap .wrap-content .class-list {padding:5px;background-color:#fff;border-radius:5px;display:flex;}
.sum-list-wrap .class-list .class-num {width:25px;color:var(--bs-gray);}
.sum-list-wrap .class-list .class-name {flex:3;}
.sum-list-wrap .class-list .class-cnt {flex:1;text-align:right;}
.sum-list-wrap .wrap-content.none {display:none;background-color:#ece8f39c;}
.sum-list-wrap .wrap-content.none .class-list {flex-direction:column;align-items:center;padding:30px;gap:10px;opacity:0.5;background-color:unset;}
.sum-list-wrap .wrap-content .class-list.list-none {padding:20px;}

.mng::after {content:" 명";color:var(--bs-gray);}
.sum-wrap .mng::after {color:#fff;}
.class-cnt.mng::after {color:#000;}

.chart-box {margin-top:15px;padding-top: 20px;padding-left: 10px;background: #fff;border: 1px solid #ddd;box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1);}


/* 일정취소 */
.app-content-full-height .app-content.arrange-Cancel {padding-bottom:0;}
.arrange-Cancel .inline-form-wrap {gap:10px;}
.arrange-Cancel #search_cond {margin-bottom:calc(50px + env(safe-area-inset-bottom));}
.arrange-Cancel .cont-list-wrap {margin:0;border-radius:5px;border:1px solid var(--bs-gray4);padding:10px;gap:10px;}
.arrange-Cancel .list-none, .search-usr .list-none, .sum-list-wrap .list-none{display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;gap:15px;padding:20px;}

.app-content.modify-content {padding:20px 20px 50px;overflow:auto;}

/* 일정 등록(기간) */
#type2.out-border-wrap .search-usr {margin:5px;padding:0;background:transparent;}
#type2.out-border-wrap .search-usr .scroll-wrap {padding:10px 5px;background:#ece8f39c;}
#type2.out-border-wrap .search-usr .scroll-wrap .usr-list {margin-bottom:0;}
.search-usr .list-none{opacity: 0.5;}
#type3 .in-border-wrap {background:transparent;}
#type3 .insertTimeBox .time-box label {color:var(--bs-gray1);}
.time-list-box {border:1px solid #bebebe;border-radius:5px;margin-bottom:15px;}
.time-list-box table {height:40px;width:calc(100% - 10px);margin:5px;background:var(--bs-class2);opacity:0.5;border-radius:5px;}
.time-list-box table tr {border-bottom:2px solid #fff;}
.time-list-box table td {height:40px;}
.time-list-box table td.txt-center {text-align:center;}
.time-list-box table td.txt-right {text-align:right;}
.time-list-box table td.txt-left {text-align:left;}
.time-list-box .list-none {display: flex;align-items:center;gap:15px;flex-direction:column;padding:20px 0;margin:5px;background: var(--bs-class2);opacity:0.5;border-radius:5px}
.modal-body .time-list-box .list-none {position:relative;top:0;left:0;transform:none;}
.title-box {background:#866fdd;color:#fff;height:45px;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 -15px 20px;}

/* 일지 상세 */
#classLogWrite2.btn .ico-btn-write{filter: brightness(0) invert(1);}
.form-wrap.auto-height.day-log {padding-top:24px;}
.form-wrap.auto-height.day-log label, .form-wrap.text-height.day-log label {position:absolute;top:-22px;left:0px;background:transparent;color: #673cce}
.out-border-wrap #type3_2 {margin:0;padding:5px 10px;background:transparent;}
.out-border-wrap #type3_2 .btn-search {margin-bottom:10px;}
.out-border-wrap #type3_2 .list-none, .out-border-wrap #type3_2 .usr-list {background:#ece8f39c}

.list-grid {display:grid;flex:1;}
.list-grid .search-usr {display:flex;flex-direction:column;gap:10px;}
.list-grid .search-usr .usr-list-wrap {background:#ece8f39c;padding:0 5px;flex:1;}
.btn#classLogWrite2 i, .btn#findMember i {margin-left:10px;}

/* 내정보 수정 */
.user-type {text-align:center;}
.user-type #userType2 {color:var(--bs-class);}

.border-wrap.category-wrap {padding:5px;flex:1;display:flex;flex-direction:column;gap:5px;}
.border-wrap.category-wrap .btn {margin:5px;width:calc(100% - 10px);}
.category-wrap label {color:var(--bs-gray1);margin-bottom:0;}
.category-list{background-color: #ece8f39c;min-height: 50px;padding:5px;flex:1;}
.category-list .list-none, .coupon-list .list-none{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;opacity:0.5;}
.category-list .usr-list {margin:0;}
.category-list td.category {text-align:left;}
.list-grid.coupon .form-wrap{height:36px;margin:5px;}
.list-grid.coupon .form-wrap input {height:31px; text-align:left;}

.list-grid.coupon .coupon-list {background-color:#fff;width:100%;border-radius:5px;min-height:50px;}
.list-grid.coupon .coupon-list tr {height:36px;color: #5d5c5c;}
.list-grid.coupon .coupon-list tr + tr {border-top:1px solid #ddd;}
.list-grid.coupon .coupon-list .first {text-align:right;}

#nicknameForm .input-wrap, #usertelForm .input-wrap {display:flex;}
#nicknameForm .input-wrap #nickname, #usertelForm .input-wrap #user_telno{flex:1;}
#nicknameForm .input-wrap .btn-nick, #usertelForm .input-wrap .btn-nick {position:static;padding-left: 0;}

/* 고객센터 */
.app-content-full-height .app-content.ask-write .app-content-padding {margin-bottom: calc(55px + env(safe-area-inset-bottom));}
#askList.cont-list-wrap {padding-bottom:20px;}

.btn.btn-infomation {width:100%;color:var(--bs-gray1);border:1px solid #bebebe;margin-bottom:12px;background-color:transparent;}

/* 권한 설정 */
.permission-wrap {display:flex;flex-direction:column;height:100vh;padding:0 30px 70px;justify-content:center;}
.permission-wrap .logo-header {text-align:center;padding-bottom:70px;word-break:keep-all;}
.permission-wrap .logo-header p {font-size:16px;font-weight:600;padding:25px 0;margin:0;}
.permission-wrap ul li {display:flex;gap:20px;align-items:center;padding-left:15px;}
.permission-wrap ul li+li {padding-top:36px;}
.permission-wrap ul li p {margin:0;font-weight:500;}
.ico.ico-set-call {background-image: url(../img/ico-set-call.png);width:55px;height:55px;}
.ico.ico-set-alrm {background-image: url(../img/ico-set-alarm.png);width:55px;height:55px;}
.ico.ico-set-img {background-image: url(../img/ico-set-image.png);width:55px;height:55px;}

/* new list */
.list-all-wrap {display:flex;position:relative;flex-direction:column;padding:16px 20px 20px;margin:0 -21px;background:#f6f4fb;gap:16px;}
.with-list-wrap .list-all-wrap {flex:1;}
.list-all-wrap.date-list .date-wrap {margin: -17px -15px 0;padding: 0 10px;background: #fff;}
.list-all-wrap.date-list .date-wrap>div {border-top: 1px dashed var(--bs-gray4);padding: 5px;}
.list-all-wrap.date-list li+.date-wrap {margin-top:0;}
.list-all-wrap.date-list li+.date-wrap>div {border:0;}
.list-all-wrap .list-box {border-radius:20px;padding:10px 18px 12px;}
.list-all-wrap .list-box .cont-type {font-size:1rem;}
.list-all-wrap .list-box .list-badge {display:flex;justify-content:space-between;align-items:center;}
.list-all-wrap .list-box .list-badge .badge-box {font-size:0.7rem;height:auto;border-radius:3px;padding:1px 6px;}
.list-all-wrap .list-box .list-badge .date-box {font-size:0.65rem;color:#fff;}
.list-all-wrap .list-box .cont-title {font-size:1.25rem;color:#fff;padding:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-all-wrap .list-box .cont-box {min-height:64px;}
.list-all-wrap .list-box dl {display:flex;gap:5px;color:var(--bs-gray-100);font-size: 0.8rem;}
.list-all-wrap .list-box dl dt {font-weight:400;}
.list-all-wrap .list-box dl dd {margin-bottom:4px;}
.list-all-wrap .list-box .list-bottom {display:flex;gap:5px;justify-content:flex-end;border-top:1px solid #fff;text-align:right;color:#fff;font-size:0.7rem;padding-top:5px;margin-top:10px;align-items:center;}
/*.list-all-wrap .list-box .arrow:after,*/ 
.list-all-wrap.arrow .list-box .list-bottom:after {content:"\f285";font-family:bootstrap-icons !important;font-size:0.8rem;line-height: 1;margin-right:-3px;}
.list-all-wrap .list-box .list-btn {width:90%;margin:auto;color:#5d5c5c;margin-bottom:-5px;}
.list-all-wrap .list-box .list-btn.gray-btn {background:#747474;color:#fff;}

/* list-box background */
.list-all-wrap .bg-list-blue1 {background:#9199E7;}
.list-all-wrap .bg-list-blue2 {background:#7DAFDD;}
.list-all-wrap .bg-list-blue3 {background:#8397ea;}
.list-all-wrap .bg-list-blue4 {background:#699cab;}
.list-all-wrap .bg-list-blue5 {background:#8386E5;}
.list-all-wrap .bg-list-sky {background:#DAE3F3;}
.list-all-wrap .bg-list-purple {background:#e4daf5;}
.list-all-wrap .bg-list-purple1 {background:#be81e8;}
.list-all-wrap .bg-list-purple2 {background:#A687F2;}
.list-all-wrap .bg-list-purple3 {background:#9b83e9;}
.list-all-wrap .bg-list-green1 {background:#06C75A;}
.list-all-wrap .bg-list-green2 {background:#5DAB86;}
.list-all-wrap .bg-list-gary {background:#E9ECEF;}
.list-all-wrap .bg-list-red1 {background:#EC9178;}
.list-all-wrap .bg-list-red2 {background:#FBE5D6;}

.list-all-wrap .badge-box.bg-list-green1 {color:#fff;}
.list-all-wrap .text-color-red {color:#bc2929 !important;}
.list-all-wrap .text-color-blue {color:#6a50ac !important;}

.list-all-wrap .bg-list-white {background:#fff;padding:20px 24px; border-radius:10px;}
.list-all-wrap .bg-list-white .list-badge {border-bottom:1px solid var(--bs-gray4); padding-bottom:8px;}
.list-all-wrap .bg-list-white .list-badge span {color:#000000;font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-all-wrap .bg-list-white .list-badge .badge-box {display:flex;align-items:center;gap:5px;border-radius:15px;padding:3px 10px;min-width:fit-content;}
.bg-list-white .list-badge .badge-box.acnt-n {background-color:var(--bs-class2);color:var(--bs-class);}
.bg-list-white .list-badge .badge-box.acnt-y {background-color:var(--bs-class);color:#fff;}
.list-all-wrap .bg-list-white .cont-box {flex:1; gap:10px;padding-top:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-all-wrap .bg-list-white .cont-title {font-size:1rem;color:#000000;}
.list-all-wrap .bg-list-white .cont-box dl {color:var(--bs-gray2);}
.btn-message {border:1px solid var(--bs-class);font-size:0.8rem;width:5.5rem;height:3.2rem;display:flex;border-radius:5px;color:var(--bs-class);padding:0.3rem;align-items:flex-start;text-align:center;}
.list-all-wrap .bg-list-white .list-bottom {border-top:1px solid var(--bs-gray4);color:var(--bs-gray3);padding-top:8px;justify-content:center;}
.list-all-wrap .bg-list-white .attend-btn {display:flex;}
.list-all-wrap .bg-list-white .attend-btn .list-bottom {flex:1;padding-bottom:8px;}
.list-all-wrap .bg-list-white .attend-btn div+div {border-left:1px solid var(--bs-gray4);}

.popup-detail-ul {padding:10px;font-size:16px;}
.popup-detail-ul li {display:flex;padding-bottom:7px;padding-right:68px;justify-content:center;position:relative;}
.popup-detail-ul li .left {flex:1;text-align:right;}
.popup-detail-ul li .right {flex:1;}
.popup-detail-ul.li-center li {padding-left:0;justify-content:center;}
.popup-detail-ul li+li {padding-top:7px;border-top:1px solid #ebeef1;}
.popup-detail-ul li .middle {width:35%;text-align:center;}
.popup-detail-ul.li-center li .last {width:20%}
.btn-arrange-cancel {font-size:12px;color:#bec2c5 !important;border:1px solid #bec2c5;padding:5px 10px;border-radius:5px;position:absolute;right:10px;}
.btn-arrange-cancel:active {border:1px solid purple;color:purple !important;}


#clsRghtDetail.modal {height:calc(360px + env(safe-area-inset-top) + env(safe-area-inset-bottom));}
.modal .modal-detail-header {padding:15px;border-bottom:1px solid #ebeef1;}
.modal .modal-detail-header p {margin-bottom:10px;}
.modal .modal-detail-header div {font-size:1.3rem;font-weight:500;margin-bottom:10px;}
.modal .modal-detail-header .btn {background:#8386E5;width:100%;}
.modal .modal-detail-header .profile-link {color:#7f6000;}
.modal .modal-detail-header .profile-link span {border-bottom:1px solid;}
#clsRghtDetail.modal .modal-body {padding:20px;}
#clsRghtDetail.modal dl {display:flex;gap:5px;color:#676767;}
#clsRghtDetail.modal dl+dl {margin-top:10px;}
#clsRghtDetail.modal dl dd {flex:1;margin-bottom:0;}
#arrangeStatePopup ul li {padding:10px 20% 5px 10%;border-bottom:1px solid #f5f6f7;display:flex;gap:15px;}
#arrangeStatePopup ul li span.mbrName {display:flex;align-items:center;}
#arrangeStatePopup ul li span.mbrName i {margin:0 -2px;}
#myAttendDetail.modal .modal-body {padding:5px 15px;}
#myAttendDetail ul li {padding:10px 10px 5px; border-bottom:1px solid #f5f6f7;display:flex;justify-content: center;gap:5px;}
#myAttendDetail.modal .attendDate {width:70px;}
#myAttendDetail.modal .attendCnt {width:60px;}

.rght-date .badge {display:none;background:#E9ECEF;padding:2px 10px;border-radius:15px;margin-left:10px;font-size:0.75rem;font-weight:500;}

/* 카테고리 팝업 */
.category-pop-list {width: 100%;height:100%;display: flex;align-items:center;}
.category-pop-list label {flex:1;}

/* 문자 인증 팝업 */
#messageSendPopup .modal-detail-header, #checkPopup .modal-detail-header {text-align:center;}
#messageSendPopup .modal-detail-header div, #checkPopup .modal-detail-header div {font-size:0.9rem;font-weight:400;padding:0 10px;word-break:keep-all;}
#messageSendPopup .modal-content, #checkPopup .modal-content {height: 330px;}
#messageSendPopup .form-wrap, #checkPopup .form-wrap {border:none;}
#messageSendPopup .tel-num {display:flex;gap:10px;padding-top:20px;}
#messageSendPopup .tel-num input {border:1px solid var(--bs-gray4); border-radius:5px;padding:.4375rem .75rem;}
#checkPopup input {border:1px solid var(--bs-gray4); border-radius:5px;padding:.4375rem .75rem; margin-top:10px;}

/* 일정상세 – 예약신청/취소  */
.mem-count-table {width:100%; text-align:center;}
.mem-count-table, .mem-count-table th, .mem-count-table td {border: 1px solid var(--bs-gray4);border-collapse: collapse;}
.mem-count-table th {border: 1px solid #fff; background-color:#866fdd;color:#fff;height:35px;}
.mem-count-table td {height:50px;}
.mem-count-table+div {padding: 10px 0;}

.img-radio {width:calc(100% - 76px);margin:auto;display:flex;gap:15px;height:40px;}
.img-radio .form-check {flex:1;text-align:center;margin-top:15px;}

/* 정기구독 팝업 */
#payment-popup .modal-body {position:relative;padding-bottom:85px;}
#payment-popup .popup-top {height:82px;background:url(../img/popup-banner.png) no-repeat center;background-size:100vw 82px;}
#payment-popup .title {margin:16px;font-size:1.125rem;}
#payment-popup .content-box {margin:0 16px;padding:16px;border:2px solid var(--bs-class);border-radius:10px;background-color:#EBE3FD;}
#payment-popup .content-box>li {display:flex;flex-direction:row;gap:10px;align-items:center;color:var(--bs-class);}
#payment-popup .content-box>li+li {padding-top:10px;}
#payment-popup .content-box .li-badge {background:var(--bs-class);color:#fff;border-radius:12px;width:4.2rem;text-align:center;}
#payment-popup .content-box .li-text {flex:1;word-break:keep-all;}
#payment-popup .check-wrap {margin:16px;border:1px solid var(--gray);border-radius:10px;padding:16px;position:relative;}
#payment-popup .check-wrap input {position:absolute;top:calc(50% - 10px);right:20px;}
#payment-popup .payment-bottom {margin:0 16px;}
#payment-popup .payment-bottom .inside-title {padding:10px 0 16px;font-size:1.1rem;font-weight:500;}
#payment-popup .payment-bottom ul {padding-bottom:16px;}
#payment-popup .payment-bottom .inside li {display:flex; gap:5px;padding-bottom:4px;word-break: keep-all;}
#payment-popup .payment-bottom .inside.link li {align-items:center;}
#payment-popup .payment-bottom .inside li:before {content:"-"}
#payment-popup .payment-bottom .inside.link li:before {content:"※"}
#payment-popup .payment-bottom .inside.link li:after {content:"\f285";font-family:bootstrap-icons !important;font-size:0.8rem;line-height: 1;margin-right:-3px;}
#payment-popup .req-btn-wrap {position:absolute;bottom:0;left:0;right:0;background:#fff;}
#payment-popup .btn-class {width:calc(100% - 32px);margin-top:20px;}

/* 가이드 팝업 */
#guide-popup .modal-body {display:flex;flex-direction:column;}
.guide-menu {overflow:scroll;width:100%;background-color:var(--bs-class2);overflow:scroll;-ms-overflow-style: none;}
.guide-menu::-webkit-scrollbar {display:none;}
.guide-tab {display:flex;text-align:center;padding:16px 0;width: auto;}
.guide-tab a {flex:1;padding:3px 0; min-width:60px;}
.guide-tab a.on {background-color:var(--bs-class);color:#fff;font-weight:600;border-radius:15px;}
.guide-swiper {flex:1;padding-bottom:55px;overflow:scroll;-ms-overflow-style: none;}
.guide-swiper::-webkit-scrollbar {display:none;}
.guide-swiper .swiper {height:100%;}
.guide-swiper .swiper .swiper-wrapper {width:calc(100% - 32px);height:calc(100% - 32px);}
.guide-swiper .swiper .swiper-wrapper::-webkit-scrollbar {display:none;}
.guide-swiper .swiper .swiper-slide {width:100%;height:100%;margin:16px;overflow:auto;}
.guide-swiper .swiper .swiper-slide img {width:100%;}
.guide-swiper .swiper .swiper-slide .img-none {background-color:#E8E8E8;border-radius:15px;width:100%;height:100%;position:relative;}
.ico.no-img {background:url(/classchain/img/no-img.png);width:72px;height:92px;position:absolute;top:calc(50% - 46px);left:calc(50% - 36px);}
.guide-swiper .guide-img {height:100%;background-repeat:no-repeat;background-size:93%;background-position:center;}
.guide-swiper .swiper-button-prev {left:0px;}
.guide-swiper .swiper-button-next {right:0px;}
.guide-swiper .swiper-button-prev:after, .guide-swiper .swiper-button-next:after {font-size:30px;}
.guide-swiper .swiper-button-disabled {color: var(--bs-gray5);}
#guide-popup .bottom-btn-wrap .btn {color:#fff;}

/* 이미지 업로드 로딩바 */
.spinner-border {position:absolute;width:5rem;height:5rem;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);--bs-spinner-animation-speed:2s;}

/* (강사) 회원가입인사 */
#signPopup .modal-dialog {height:360px;}
#signPopup .modal-body, #reportPopup .modal-body {padding:20px;}
#signPopup .name {font-size:1.4rem;font-weight:600;padding-bottom:16px;}
#signPopup .text-box {font-size:1.1rem;color:var(--bs-gray);padding-bottom:16px;}
#signPopup .text-box span {font-weight:500;}
#signPopup ul li {display:flex;gap:5px;word-break:keep-all;}
#signPopup ul li+li {padding-top:16px;}
#signPopup ul li:before {content:"▶"}

/* 신고하기 팝업 */
#reportPopup .modal-dialog {height:470px;}
#reportPopup .text-box {color:var(--bs-gray);padding-bottom:20px;}
#reportPopup .check-box {padding:10px;border:1px dashed var(--bs-gray4);}
#reportPopup .check-box .form-check+.form-check {padding-top:10px;}
#reportPopup .check-box .form-wrap {margin:10px 15px 10px 24px;}
#reportPopup .check-box .form-wrap textarea {height:48px;}

/* faq 화면 */
.faq .app-content-padding {margin-bottom:env(safe-area-inset-bottom);}
.faq-itle {font-size:24px;color:var(--bs-class3);word-break:keep-all;margin-bottom:24px;}
.search-box {display:flex;flex-direction:row;border-bottom:1px solid var(--bs-class);align-items:center;gap:10px;}
.search-box .input-icon {height:16px;}
.search-box .search-form {border:0;flex:1;height:35px;}
.faq-menu {margin-top:24px;text-align:center;border:1px solid #bec2c5;color:var(--bs-gray1);}
.faq-menu td {width:33%;padding:12px 0; border:1px solid #bec2c5;}
.faq-menu td.on {color:#fff;background-color:var(--bs-class2);}
.faq-list {margin-top:24px;color:var(--bs-gray1);word-break:keep-all;}
.faq-list>li {border-bottom:1px solid var(--bs-gray4);margin-bottom:16px;}
.faq-list>li>span {color:var(--bs-class);}
.faq-list .faq-title {margin:5px 0 10px;display:flex;gap:15px;align-items:flex-start;justify-content:space-between;}
.faq-list .faq-title>span {font-size:1.2rem;flex:1;}
.faq-list .faq-title>i {margin-top:5px;}
.faq-list>li>p {display:none;}
.faq-list>li.on>p {display:block;}