/* ###### font ############ */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

/* ############ 초기화 #############*/	
*{margin:0; padding:0;font-family:'Pretendard', sans-serif;}
li{list-style-type:none;}
a:link, a:visited{text-decoration:none;color:#000;}
img{border:none;}

/*body 배경색 지정*/
body{margin:0;padding:0;background-color:#f3f3f3;font-size:16px;max-width:640px;margin:0 auto;}

/*기본 hr 설정*/
.hr{width:90%;border:1px solid #ddd;padding:50px auto;}
.hidden{display:none;}

/*######################## wrap ################################*/
#wrap{width:100%;position:relative;margin:0 auto;letter-spacing:-0.5px;}
.mobile__wrap{max-width:720px;margin:0 auto;overflow:hidden;}

/*################### header ################################*/
.normal__header{width:100%;height:55px;position:absolute;padding-top:50px;display:none;}
.normal__header h1{width:100%;text-align:center;font-size:20px;font-weight:600;}
.normal__header p{position:absolute;left:15px;top:48px;}

/* ################  container  #####################*/
.container{padding:0 20px;}
.one__container{padding:0 20px;height:100vh;}
.content{padding:100px 20px 0;}

/* main */
    main h2{text-align:center;padding-top:30px;font-size:2.25em;font-weight:900;letter-spacing:-0.5px;line-height:1em;}
    main h2 span{color:#e42a83;}
    #form{padding:100px 20px 0;}
    .login__lists{padding-top:30px;}
    .login__lists li{width:100%;border:1px solid #ccc;border-radius:12px;height:55px;line-height:55px;margin-bottom:10px;}
    .login__lists li a{width:100%;height:100%;display:block;text-align:center;font-weight:600;letter-spacing:-0.5px;}
    .login__lists li img{width:22px;vertical-align:sub;margin-right:10px;}
    .login__lists li:last-child img{width:18px;}
    .normal__login__btn{
        width:100%;
        height:55px;
        line-height:55px;
        font-size:18px;
        text-align:center;
        display:block;
        background-color:#e2214f;
        color:#fff !important;
        margin-top:30px;
        border-radius:12px;
    }
    .join__link{width:100%;text-align:center;position:absolute;left:0;bottom:30px;font-size:14px;}
    .join__link a{color:#e2214f;text-decoration:underline;font-weight:600;margin-left:5px;}

/* login & join_form */
    .login__area{padding-top:30px;}
    .login__form, .join__form{width:100%;margin-bottom:20px;position:relative;}
    .login__form label, .join__form > label{display:block;font-size:14px;color:#666;margin-bottom:5px;text-indent:10px;}
    .login__form p, .join__form p{position:relative;}
    .login__form input, .join__form input{
        width:calc(100% - 100px);
        height:55px;
        line-height:55px;
        background-color:#fff;
        border-radius:12px;
        border:none;
        font-weight:500;
        padding:0 50px;
        outline-color:#e2214f;
    }
    .login__form input::placeholder, .join__form input::placeholder{color:#aaa;font-size:14px;}
    .login__form p img{position:absolute;left:20px;top:18px;filter:contrast(0);}
    .join__form p img{position:absolute;left:20px;top:20px;filter:contrast(0);}
    .join__form > span{padding-left:10px;font-size:14px;color:#e2214f;padding-top:5px;display:inline-block;display:none;}
    .join__form select{width:100%;height:55px;line-height:55px;text-indent:10px;outline:#e2214f;border:none;border-radius:12px;}
    .radio__form{display:flex;}
    .radio__form label{width:49%;font-size:14px;}
    .radio__form input{display:none;}
    .radio__form span{display:block;height:55px;line-height:55px;text-align:center;border:2px solid #ccc;border-radius:12px;}
    .radio__form input[type="radio"]:checked + span{
        border:2px solid #e2214f;
        color:#e2214f;
    }
    .other__things{display:flex;justify-content:center;font-size:14px;line-height:20px;}
    .other__things label{padding-left:10px;}
    .other__things input{margin-right:5px;width:20px;height:20px;vertical-align:sub;border:none;outline:none;}
    .login__sns{display:flex;justify-content:center;padding-top:20px;}
    .login__sns li{width:50px;height:50px;border:1px solid #ddd;border-radius:50%;margin:0 5px;}
    .login__sns li a{position:relative;display:block;width:100%;height:100%;}
    .login__sns li img{width:22px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
    .login__sns li:last-child img{width:18px;}
    .password__img{position:absolute;right:20px;top:43px;}
    .flex__form{display:flex;justify-content:space-between;}
    .flex__form button{width:80px;margin-left:10px;background-color:#333;font-size:13px;color:#fff;flex-shrink:0;border-radius:12px;border:none;}
    .flex__form input{padding:0 20px !important;}
    .parents__form span{display:block;}
    .join__request__btn{
        width:100%;
        height:55px;
        line-height:55px;
        margin-top:20px;
        background-color:#e2214f;
        color:#fff;
        text-align:center;
        font-size:18px;
        border:none;
        border-radius:12px;
        margin-bottom:50px;
    }

    /* 회원가입 강사 form 및 학부모 form > display:none 추후 넘어오는 값에 따라 html 내용 삭제 예정 */


    /* 회원가입 및 비밀번호 변경 완료시 모달팝업 */
        .confirm__modal{width:100%;height:100vh;background-color:rgba(0,0,0,0.9);position:fixed;left:0;top:0;display:none;}
        .confirm__modal__inner{width:230px;background-color:#fff;margin:100px auto 0;padding:30px 20px;text-align:center;border-radius:18px;}
        .confirm__modal__inner img{margin:0 auto;width:60%;}
        .confirm__modal__inner h4{font-size:18px;letter-spacing:-0.5px;padding-top:15px;line-height:26px;}
        .confirm__modal__inner p{font-size:14px;line-height:1.5em;letter-spacing:-0.5px;padding-top:10px;}
        .confirm__modal__inner a{
            width:120px;
            height:40px;
            line-height:40px;
            background-color:#e2214f;
            color:#fff;
            display:inline-block;
            border-radius:999px;
            margin-top:30px;
        }

/* join */
    .join__lists{width:100%;padding-top:30px;}
    .join__lists li{height:80px;line-height:80px;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;}
    .join__lists li a{display:block;padding:0 20px;font-weight:600;position:relative;}
    .join__lists li a img{position:absolute;right:20px;top:15px;}

/* index__main */
    .main__back{width:100%;height:320px;background-image:url("../img/main.png");background-size:cover;position:relative;}
    .main__header{display:none;}
    .main__header, .t__main__header{width:100%;position:absolute;left:0;top:50px;display:flex;justify-content:space-between;z-index:2;}
    .main__header div, .t__main__header div{display:flex;}
    .main__header p, .t__main__header p{
        width:37px;
        height:37px;
        border-radius:50%;
        overflow:hidden;
        border: 1px solid #ccc;
        margin-left:20px;
        flex-shrink:0;
        box-shadow:0 -1px 0 0 rgba(255, 64, 0, 0.25),
        1px 0 0 0 rgba(255, 192, 0, 0.25),
        0 1px 0 0 rgba(255, 192, 0, 0.25),
        -1px 0 0 0 rgba(255, 64, 200, 0.25),
        1px -1px 0 0 rgba(255, 128, 0, 0.5),
        -1px 1px 0 0 rgba(255, 128, 0, 0.5),
        -1px -1px 0 0 rgba(255, 0, 0, 0.75),
        1px 1px 0 0 rgba(255, 255, 0, 0.75);
    }
    .main__header p img, .t__main__header p img{width:100%;}
    .main__header select{font-size:16px;text-shadow:0 0 3px #000;background-color:transparent;color:#fff;border:none;margin-left:5px;outline:none;font-weight:500;}
    .t__main__header select{font-size:16px;background-color:transparent;color:#000;border:none;margin-left:5px;outline:none;font-weight:500;}
    .main__header option, .t__main__header option{font-size:16px;}
    .main__header a, .t__main__header a{margin-right:20px;flex-shrink:0;text-align:right;position:relative;}
    .main__header a img, .t__main__header a img{margin-top:8px;}
    .main__header a span, .t__main__header a span{
        display:inline-block;
        width:8px;
        height:8px;
        border-radius:50%;
        background-color:#e2214f;
        position:absolute;
        right:0;top:8px;
    }
    .slider__window{width:100%;height:200px;position:absolute !important;left:0 !important;bottom:-130px !important;overflow:hidden;}
    .main__slider{
        width:100%;
        display:flex;
    }
    .main__slider li{
        width:calc(100% - 40px);
        height:170px;
        flex-shrink:0;
    }
    .main__slider li .slider__inner{
        padding:30px 25px;
        height:110px;
        background-color:rgba(196,195,195,0.9);
        border-radius:18px;
        backdrop-filter: blur(5px);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);

    }
    .utilization__title{display:flex;justify-content:space-between;}
    .utilization__title .class__name{
        width:95px;
        height:35px;
        line-height:35px;
        color:#fff;
        border-radius:100px;
        text-align:center;
        font-size:13px;
    }
    .utilization__title .class__expiration{line-height:35px;font-size:14px;font-weight:700;}
    .utilization__info{padding-top:20px;padding-left:5px;}
    .utilization__info .teacher__name{font-size:14px;font-weight:700;}
    .expiration__date, .expiration__total{font-size:14px;line-height:18px;}
    .expiration__date{padding-top:10px;}
    .main__space{height:100px;}
    .reservation__area{padding:0 20px 110px;}
    .reservation__area h2{font-weight:600;font-size:16px;text-align:left;padding-left:5px;}
    .reservation__lists{padding-top:10px;}
    .reservation__lists li{background-color:#fff;padding:15px 25px;border-radius:18px;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
    .reservation__title{display:flex;justify-content:space-between;line-height:30px;}
    .reservation__title h4{font-size:14px;font-weight:600;}
    .reservation__title p{width:45px;height:30px;padding:0 10px;font-weight:700;font-size:12px;border-radius:100px;background-color:#E3EE5C;text-align:center;}
    .reservation__info{padding-top:20px;}
    .reservation__date, .reservation__room{font-size:14px;line-height:20px;}
    .reservation__btn{
        margin-top:20px;
        display:block;
        width:100%;
        height:55px;
        line-height:55px;
        font-size:18px;
        background-color:#E2214F;
        text-align:center;
        color:#fff !important;
        border-radius:12px;
    }
    .cancel__reservation{
        border:none;
        display:block;
        padding:10px 20px;
        border-radius:999px;
        font-weight:600;
        background-color:#515151;
        color:#fff;
        margin:0 0 0 auto;
    }

/* navigation css */
    .app__navigation, .t__app__navigation{
        width:100%;
        max-width:640px;
        height:80px;
        background-color:#fff;
        position:fixed;
        bottom:0;
        border-radius:20px 20px 0 0;
        box-shadow:0px -4px 10px 0px rgba(0, 0, 0, 0.12);
    }
    .app__navigation ul{padding:15px 20px;display:flex;justify-content:space-between;}
    .t__app__navigation ul{padding:15px 15%;display:flex;justify-content:space-between;}
    .app__navigation ul a, .t__app__navigation ul a{display:flex;flex-wrap:wrap;justify-content:center;width:35px;height:44px;text-align:center;}
    .nav__home{width:44px !important;height:44px;position:relative;background-color:#8e55d6;text-align:center;line-height:44px;border-radius:50%;overflow:hidden;}
    .nav__home img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
    .nav__img{display:inline-block;width:30px;height:30px;}
    .nav__title{display:inline-block;font-size:10px;font-weight:700;white-space:nowrap;padding-top:3px;}

/* reservation */
    .reserve__select{padding:20px 0 0;}
    .reserve__select select{
        width:100%;
        background-color:#fff;
        height:55px;
        padding:0 15px;
        margin-bottom:10px;
        border:none;
        border-radius:12px;
        font-size:1em;
    }
    .reserve__date{margin-top:20px;position:relative;}
    .reserve__timeline__month{position:absolute;right:0;top:0;background-color:transparent;border:none;font-size:13px;color:#111;}
    .swiper__date{height:70px;padding-top:10px !important;}
    .swiper__date li{width:14%;height:50px;}
    .swiper__date li a{display:block;}
    .swiper__date li a span{display:block;text-align:center;font-size:12px;}
    .reserve__date__day{padding:10px 0 5px;}
    .swiper__date .swiper-slide-active{background-color:#e2214f;border-radius:8px;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.25);}
    .swiper__date .swiper-slide-active a{color:#fff;}
    .reserve__timeline ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:15px;}
    .reserve__timeline ul li{width:32%;height:55px;border:2px solid #ccc;border-radius:12px;text-align:center;margin-bottom:1vw;cursor:pointer;}
    .reserve__timeline ul li span{display:block;font-size:12px;font-weight:500;color:#111;}
    .reserve__name{padding-top:13px;}
    .reserve__time{padding-top:3px;}
    .already__booked{background-color:#E3E3E3;border-color:#E3E3E3;}
    .already__booked span{color:#666 !important;}
    .timeline__sct{border:2px solid #e2214f !important;color:#e2214f;box-shadow:0px 3px 7px 0px #00000040;}
    .timeline__sct span{font-weight:700 !important;}

    /* reservation modal */
    .reserve__modal__back{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.9);position:fixed;left:0;top:0;z-index:99;}
    .reserve__modal{
        max-width:400px;
        width:75%;
        height:210px;
        padding:30px 20px;
        background-color:#fff;
        position:absolute;
        left:50%;
        top:100px;
        border-radius:18px;
        transform:translateX(-50%);
    }
    .confirm__infomation{border:2px solid #000;border-radius:14px;padding:20px;}
    .confirm__infomation p:first-child{margin-bottom:5px;}
    .confirm__infomation span{display:inline-block;width:48px;font-size:14px;}
    .confirm__infomation b{display:inline-block;font-size:14px;font-weight:600;margin-left:15px;}
    .confirmed__desc{display:none;}
    .confirm__desc, .confirmed__desc{text-align:center;}
    .confirm__desc h4, .confirmed__desc h4{font-size:18px;font-weight:600;padding-top:20px;}
    .confirm__desc p, .confirmed__desc p{font-size:14px;padding-top:10px;}
    .confirm__btns{margin-top:20px;display:flex;justify-content:center;}
    .modal__btn{
        flex-shrink:0;
        display:inline-block;
        color:#fff !important;
        width:115px;
        height:38px;
        line-height:38px;
        font-size:14px;
        border-radius:100px;
        margin:0 3px;
    }
    .calcel__btn{background-color:#ccc;}
    .confirm__btn{background-color:#e2214f;}
    .nothing__btn{background-color:#333;}

/* 예약현황 - status */
    .reserve__status .title__hr{margin:2em 0;}
    .reserve__status .reserve__now, .reserve__status .reserve__past{position:relative;padding-bottom:30px;}
    .reserve__status .reserve__now h3, .reserve__status .reserve__past h3{color:#555;display:inline-block;width:130px;background-color:#f3f3f3;text-align: center; position:absolute; left:50%;transform:translateX(-50%); top:-10px;}
    .reserve__status ul{width:100%;}
    .reserve__status ul li{padding:20px 25px;height:140px;background-color:#333;border-radius:18px;margin-bottom:10px;color:#fff;}
    .reserve__status h4{font-size:14px;font-weight:600;padding:5px 0;}
    .status__info{padding-top:10px;}
    .status__info p{color:#E3EE5C;font-size:14px;padding-bottom:5px;}
    .status__info span{font-size:14px;}
    .status__btns, .status__more__btns{text-align:center;padding-top:20px;display:flex;justify-content:center;}
    .status__btns a{
        display:inline-block;
        color:#fff;
        background-color:#515151;
        width:110px;
        height:38px;
        line-height:38px;
        border:1px solid rgba(255,255,255,0.2);
        border-radius:100px;
        margin:0 3px;
    }
    .status__more__btns a{
        color:#e42a83;
        display:inline-block;
        border:1px solid #e42a83;
        width:150px;
        height:38px;
        line-height:38px;
        margin:0 3px;
        border-radius:5px;
        font-weight:700;
    }
    .reserve__status .no__items{
        background-color: #979797;
        padding: 30px 30px 40px 30px;
        border-radius: 10px;
        color: #fff;
    }
    .reserve__status__sign{padding:20px 0 120px;}
    .reserve__status__sign h3{font-size:14px;font-weight:600;}
    .reserve__status__sign ol{font-size:12px;}
    .reserve__status__sign h5{padding-top:15px;font-weight:400;font-size:12px;}
    .reserve__status__sign ul{padding:5px 0 0 5px;}
    .reserve__status__sign ul li{display:flex;}
    .reserve__status__sign ul li span{width:10px;flex-shrink:0;}
    .reserve__status__sign ul li p{word-break:keep-all;line-height:16px;}

/* mypage */
    .mypage{background-color:#333;height:100vh;position:relative;}
    .mypage h1{color:#fff;}
    .mypage .back__arrow{filter:brightness(100);}
    .mypage .content{
        width:100%;
        height:calc(100vh - 150px);
        border-radius:34px 34px 0 0;
        background-color:#fff;
        position:absolute;
        top:145px;
        left:0;
        padding:0;
    }
    .my__image{
        width:80px;
        height:80px;
        position:absolute;
        top:-40px;
        left:50%;
        transform:translateX(-50%);
        background-image: linear-gradient(to right, #E2EE5C 0%, #E2214F 12%, #8F37FF 25%, #E2EE5C 40%, #E2EE5C 45%, #E2EE5C 50%, #E2214F 100%);
        border-radius:50%;
    }
    .my__image span{
        display:block;
        width:76px;
        height:76px;
        background-color:#000;
        border-radius:50%;
        margin-top:2px;
        margin-left:2px;
    }
    .mypage__info{padding-top:60px;}
    .mypage__username{position:relative;width:fit-content;margin:0 auto;}
    .mypage__username span{margin:0 auto;font-size:18px;font-weight:500;}
    .mypage__username a{position:absolute;left:calc(100% + 5px);top:2px;}
    .mypage__desc{text-align:center;color:#666;font-size:14px;padding-top:5px;padding-bottom:30px;}
    .mypage__desc b{font-weight:400;}
    .mypage__lists{border-top:1px solid #000;padding-bottom:100px;}
    .mypage__lists li{height:59px;line-height:59px;border-bottom:1px solid #ccc;font-weight:500;padding:0 30px;position:relative;}
    .mypage__lists li a{display:block;}
    .mypage__lists li img{position:absolute;right:20px;top:25px;}

/* 학원 등록 */
    .other__academy__join label{display:block;width:100%;}
    .other__academy__join label input{
        width: calc(100% - 30px);
        background-color: #fff;
        height: 55px;
        padding: 0 15px;
        margin-bottom: 10px;
        border: none;
        border-radius: 12px;
        font-size: 1em;
    }
    .other__academy__join button{
        margin-top: 20px;
        display: block;
        width: 100%;
        height: 55px;
        line-height: 55px;
        font-size: 18px;
        background-color: #E2214F;
        text-align: center;
        color: #fff !important;
        border-radius: 12px;
        border:none;
    }


/* 고객센터 */
    .content__customer{padding:100px 0 0;}

/* 공지사항 */
    .notice__lists, .notice__viewer, .faq__lists{border-top:1px solid #000;padding-bottom:100px;}
    .notice__lists li, .notice__title{padding:15px 30px;border-bottom:1px solid #ccc;}
    .notice__lists li a{display:block;}
    .notice__lists li h5, .notice__viewer h5{
        padding-bottom:5px;
        font-size:16px;
        font-weight:500;
        padding-right:20px;
        line-height:20px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        word-break:keep-all;
    }
    .notice__lists li span, .notice__title span{font-size:14px;font-weight:500;color:#999;}
    .notice__inner{padding:20px 30px;font-size:12px;word-break:keep-all;line-height:18px;}

/* faq */
    .faq__lists li{position:relative;border-bottom:1px solid #ccc;}
    .faq__lists li h5{
        padding:0 60px 0 30px;
        font-size:16px;
        height:58px;
        line-height:58px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .faq__lists li img{position:absolute;right:20px;top:27px;}
    .faq__anwer{display:none;background-color:#fff;padding:20px 60px 20px 30px;font-size:12px;font-weight:500;color:#666;line-height:18px;}
    

/* alarm */
    .alarm__lists{padding:0 0 100px;}
    .alarm__lists li{position:relative;padding:20px;margin-bottom:10px;background-color:#fff;border-radius:18px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
    .alarm__lists li p{margin-bottom:5px;font-size:15px;}
    .alarm__lists .alarm__date{font-size:12px;text-align:right;color:#777;}
    .alarm__content{color:#e2214f;font-size:14px;font-weight:700;}

/* 강사 main */
    .reservation__calendar{margin-top:10px;padding-bottom:100px;}
    #calendar_month{padding:100px 20px 50px;height:100%;position:relative;}
    #calendar_month .fc-today-button{display:none;}
    #calendar_month table, #calendar_month th, #calendar_month td{border-color:#f3f3f3;}
    #calendar_month .fc-daygrid-day-top{justify-content:center;height:100%;padding-top:5px;}
    #calendar_month .fc-daygrid-day-top a{line-height:25px;font-size:12px;font-weight:600;}
    #calendar_month .fc-day-other>div, #calendar_month .fc-daygrid-day-events{display:none;}
    #calendar_month .fc-daygrid-day-frame{border-radius:999px;}
    #calendar_month .fc-day-today{background-color:#f3f3f3;}
    #calendar_month .fc-day-today a{width:30px;height:30px;background-color:#E2214F;border-radius:50%;text-align:center;color:#fff;}
    #calendar_month .fc-scroller, #calendar_month .fc-scroller-harness{overflow:visible !important;}
    #calendar_month th{font-size:12px;font-weight:500;color:#777;}
    #calendar_month .fc-prev-button{position:absolute;left:20px;top:60px;background:none;border:none;outline:none;box-shadow:none;z-index:99;}
    #calendar_month .fc-next-button{position:absolute;right:20px;top:60px;background:none;border:none;outline:none;box-shadow:none;z-index:99;}
    #calendar_month .fc-toolbar-chunk{position:absolute;top:0;left:0;border-radius:0;width:100%;}
    #calendar_month .fc-toolbar-title{padding-top:70px;font-size:1.25em;}
    #calendar_month .fc-toolbar-chunk span{display:none;}
    #calendar_month .fc-button-group{display:flex;width:100%;}
    #calendar_month .fc-button-group button{
        width:40%;
        height:44px;
        line-height:44px;
        padding:0;
        border-radius:0;
        background-color:#f3f3f3;
        border:none;
        border-bottom:2px solid #ccc;
        color:#aaa;
        outline:none;
        box-shadow:none;
    }
    #calendar_month .fc-button-active{border-color:#E2214F !important;color:#E2214F !important;}

    .date__dday{display:flex;margin:0 20px;padding:10px 20px;background-color:#E3EE5C;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:14px;}
    .date__info{text-align:center;padding-right:20px}
    .date__info p{font-size:24px;font-weight:600;}
    .date__info span{display:inline-block;font-size:10px;font-weight:700;transform:translateY(-5px);}
    .date__info__schedule .count__down{font-weight:600;line-height:26px;}
    .date__info__schedule .schedule__count{font-size:14px;color:#777;}
    .date__schedule{padding:30px 20px 30px;position:relative;}
    .date__schedule__header{padding-bottom:10px;}
    .date__schedule__header span{display:inline-block;width:50px;font-size:12px;font-weight:600;color:#999;flex-shrink:0;text-indent:5px;}
    .dday__schedule__lists li{display:flex;margin-bottom:10px;}
    .dday__schedule__lists li .schedule__time{width:50px;font-size:14px;font-weight:600;flex-shrink:0;}
    .dday__schedule__lists li div{width:100%;padding:20px;background-color:#fff;border-radius:14px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
    .dday__schedule__lists li .schedule__name{font-size:14px;padding-bottom:5px;}
    .dday__schedule__lists li .schedule__class{font-size:14px;font-weight:700;}
    .dday__schedule__lists li .schedule__runningtime{font-size:12px;font-weight:500;padding-top:10px;color:#333;}
    .date__schedule a{position:absolute;right:20px;bottom:0;font-size:14px;}
    .date__schedule a img{vertical-align:middle;margin-left:2px;}

/* 예약현황 */
    .status__content{padding-bottom:100px;}
    .t__reserve__status{
        padding:20px;
        background-color:#fff;
        margin:0 20px;
        border-radius:18px;
        box-shadow:0 10px 20px rgba(0,0,0,0.1);
        position:relative;
    }
    .t__status__info > p{font-size:14px;font-weight:600;}
    .t__status__info div{font-size:14px;padding-top:20px;}
    .t__status__btns{position:absolute;right:20px;top:25px;display:flex;}
    .t__status__btns p{margin-left:5px;}
    .status__content ul{display:flex;justify-content:center;margin-top:20px;}
    .status__content ul li{margin:0 7px;}
    .status__content ul li span{display:block;text-align:center;font-size:12px;font-weight:600;margin-top:5px;}
    .status__content ul li span:first-child{width:40px;height:40px;line-height:40px;background-color:#333;border-radius:50%;margin-top:0 !important;}
    .status__content ul li span img{margin-top:11px;}
    .status__content ul li:last-child span:first-child{background-color:#E2214F;}

/* 개인정보취급방침 */
    .policy, .terms{padding:30px;background-color:#fff;border-radius:10px;padding-bottom:100px;}
    .policy p, .terms p{padding-bottom:10px;}

/* 일정등록 */
    .update__confirm{position:absolute;right:25px;top:53px;font-weight:600;color:#E2214F !important;}
    .schedule__form{border-top:1px solid #000;padding-bottom:100px;}
    .schedule__form > div{height:60px;line-height:60px;border-bottom:1px solid #ccc;padding:0 20px;}
    .schedule__date{position:relative;}
    .schedule__date p{width:fit-content;margin:0 auto;}
    .schedule__date p input{width:125px;height:30px;text-align:right;border:none;background:transparent;font-size:16px;}
    .schedule__date a{position:absolute;top:0;}
    .schedule__date a:first-child{left:25px;}
    .schedule__date a:last-child{right:25px;}
    .schedule__type{display:flex;justify-content:center;}
    .schedule__type label{margin:0 15px;font-size:14px;color:#777;}
    .schedule__type label input{margin-right:5px;vertical-align:middle;accent-color:#E2214F;}
    .schedule__name{position:relative;}
    .schedule__name input{width:90%;height:40px;border:none;font-size:14px;}
    .schedule__name input::placeholder{font-size:14px;color:#aaa;}
    .schedule__name a{position:absolute;right:20px;top:5px;}
    .schedule__time{display:flex;}
    .schedule__time > div{width:53%;display:flex;}
    .schedule__time > div:first-child{border-right:1px solid #ccc;flex-shrink:0;}
    .schedule__time > div:last-child h3{padding-left:15px;}
    .schedule__time input, .schedule__time select{border:none;background:transparent;margin-left:10px;font-size:14px;font-weight:700;letter-spacing:-1px;}
    .schedule__place{position:relative;padding:0 !important;}
    .schedule__place h3{padding:0 20px;}
    .schedule__place p{position:absolute;right:20px;top:0;}
    .schedule__place ul{background-color:#fff;display:none;padding:0 20px;}
    .schedule__repeat{position:relative;}
    .schedule__repeat a{display:block;width:100%;height:100%;}
    .schedule__repeat p{position:absolute;right:20px;top:0;}
    .schedule__form h3{font-size:14px;color:#666;font-weight:400;}
    /* 학생목록 */
    .add__student__form{border-bottom:1px solid #ccc;height:60px;line-height:60px;border-top:1px solid #000;padding-bottom:100px;}
    .search__student{padding:0 20px;position:relative;}
    .search__student input{width:90%;height:40px;font-size:14px;background:transparent;border:none;outline:none;}
    .search__student input::placeholder{font-size:14px;color:#aaa;}
    .search__student a{position:absolute;right:20px;top:8px;}
    .students__lists{margin-top:20px;padding:0 20px;}
    .students__lists li{background-color:#fff;padding:20px;margin-bottom:10px;border-radius:18px;position:relative;}
    .student__info > p{font-size:14px;font-weight:600;line-height:1.25em;}
    .student__info div{font-size:14px;padding-top:10px;line-height:1.25em;}
    .student__btns{position:absolute;right:20px;top:5px;display:flex;}
    .student__btns p{margin-left:5px;}
    .student__sct{color:#fff !important;background-color:#E2214F !important;}
    /* 반복설정 */
    .repeat__form{border-top:1px solid #000;padding-bottom:100px;}
    .repeat__form > div{height:60px;line-height:60px;padding:0 20px;border-bottom:1px solid #ccc;}
    .repeat__form h3{font-size:14px;font-weight:400;flex-shrink:0;width:65px;}
    .repeat__time, .repeat__cycle{display:flex;}
    .repeat__time input{width:100%;border:none;outline:none;background:transparent;font-weight:700;}
    .repeat__cycle div{font-size:14px;}
    .repeat__cycle label{margin-right:15px;}
    .repeat__cycle input{accent-color:#E2214F;margin-right:5px;vertical-align:middle;}
    .select__repeat__date{padding:10px 15px !important;height:auto !important;}
    .select__repeat__date ul{display:flex;justify-content:space-between;}
    .select__repeat__date ul li{width:100%;border:1px solid #ccc;border-radius:8px;height:50px;margin:0 2px;}
    .select__repeat__date ul li span{display:block;line-height:50px;text-align:center;font-size:12px;}
    .select__repeat__date ul li span:last-child{font-weight:700;}
    .select__repeat__date ul li.sct__repeat__date{color:#fff !important;background-color:#E2214F;border-color:#E2214F;}
    .repeat__count{display:flex;justify-content:space-between;}
    .repeat__count select{font-size:14px;font-weight:700;border:none;background:transparent;}